@charset "utf-8";

@media (max-width: 1200px) {
	#header .top-visit ul li {margin-left:18px;}
}

@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}

	.contain {width:100%; max-width:100%;}
	#container .contain {width:100%; overflow:hidden;}

	/* header */
	#gnb {padding:0 82px 0 0;}
	#gnb > ul > li {margin-left:28px;}
	#header .top-visit {top:auto; bottom:0; left:30px; transform:none; margin-bottom:-30px;}
	#sub #header .top-visit {display:none;}

	/* main */
	.main-work .slider1 ul {margin:0;}

	/* .product-detail .cnt img{max-width:100% !important;} */

	/* layout */
	
	
	/* footer */

	/* sub01_01 인사말 */
	.greeting {margin:0 auto;}

    /* sub01_02 브랜드 News */
	.hide {max-width:100%;}
	.hide ul {margin:0;}
	.hide ul li {width:25%; padding:0 8px;}
	.hide ul li a {display:block; text-decoration:none;}
	.hide .slider1 ul li .thumb {width:100%;}
	.hide .slider1 ul li .thumb a {width:100%;}
	.hide .slider1 ul li .thumb a img {width:100%;}
	.hide .slider1 ul li .thumb a .bg {width:100%;}
	.hide .slider1 ul li .thumb a .txt {width:100%;}
	.hide .slider1 ul li .thumb a .date {width:100%;}

	.product-detail {max-width:100%;}
	.product-detail .tit {height:31px; border-bottom:1px solid #eee; color:#222; font-size:18px; font-weight:700; line-height:20px; margin-bottom:56px;}
	.product-detail .cnt img {max-width:95% !important; height:auto !important;}

	.certify-list {max-width:100%;}
	.certify-list .slider2 ul {margin:0;}
	.certify-list .slider2 ul li {width:25%; padding:0 8px;}
	.certify-list .slider2 ul li a {display:block; text-decoration:none;}
	.certify-list .slider2 ul li .thumb {width:100%;}
	.certify-list .slider2 ul li .thumb a {width:100%;}
	.certify-list .slider2 ul li .thumb a img {width:100%;}
	.certify-list .slider2 ul li .thumb a .bg {width:100%;}
	.certify-list .slider2 ul li .thumb a .txt {width:100%;}
	.certify-list .slider2 ul li .thumb a .date {width:100%;}

	/* sub02_01 시공사례 */
	.product-list {max-width:100%;}
	.product-list .slider1 ul {margin:0;}
	.product-list .slider1 ul li {width:25%; padding:0 8px;}
	.product-list .slider1 ul li a {display:block; text-decoration:none;}
	.product-list .slider1 ul li .thumb {width:100%;}
	.product-list .slider1 ul li .thumb a {width:100%;}
	.product-list .slider1 ul li .thumb a img {width:100%;}
	.product-list .slider1 ul li .thumb a .bg {width:100%;}
	.product-list .slider1 ul li .thumb a .txt {width:100%;}
	.product-list .slider1 ul li .thumb a .date {width:100%;}

	.product-detail {max-width:100%;}
	.product-detail .tit {height:31px; border-bottom:1px solid #eee; color:#222; font-size:18px; font-weight:700; line-height:20px; margin-bottom:56px;}
	.product-detail .cnt img {max-width:95% !important; height:auto !important;}

	.certify-list {max-width:100%;}
	.certify-list .slider2 ul {margin:0;}
	.certify-list .slider2 ul li {width:25%; padding:0 8px;}
	.certify-list .slider2 ul li a {display:block; text-decoration:none;}
	.certify-list .slider2 ul li .thumb {width:100%;}
	.certify-list .slider2 ul li .thumb a {width:100%;}
	.certify-list .slider2 ul li .thumb a img {width:100%;}
	.certify-list .slider2 ul li .thumb a .bg {width:100%;}
	.certify-list .slider2 ul li .thumb a .txt {width:100%;}
	.certify-list .slider2 ul li .thumb a .date {width:100%;}
	

	

}

@media (max-width: 800px) {
	.root_daum_roughmap {height:400px !important;}
	.root_daum_roughmap .wrap_map {height:400px !important;}

	.greeting-content {padding:0 30px;}
	.greeting-content .img {flex:1 1 45%; max-width:45%;}
	.greeting-content .img img {width:100%;}
}


/* Landscape phone */
@media (max-width: 760px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.only-desktop-tablet {display:none;}

	.m-mgb30 {margin-bottom:30px;}

	/*input[type=checkbox] {-webkit-border-radius:4px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=checkbox]:checked {background:#fff url(../images/bbs/element_check.png) no-repeat 50% 50%; background-size:10px 10px;}
	input[type=radio] {-webkit-border-radius:10px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=radio]:checked {background:#fff url(../images/bbs/element_radio.png) no-repeat 50% 50%; background-size:9px 9px;}
	input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:0 3px 0 0 !important; outline:0;}*/

	::-webkit-input-placeholder {color:#cfcfcf !important; font-size:.65em !important;}
	:-moz-placeholder {color:#cfcfcf !important; font-size:.65em !important;}
	::-moz-placeholder {color:#cfcfcf !important; font-size:.65em !important;}
	:-ms-input-placeholder {color:#cfcfcf !important; font-size:.65em !important;}
	:placeholder-shown {color:#cfcfcf !important; font-size:.65em !important;}


	/* header  */
	#header {position:absolute; top:0; left:0; width:100%; height:auto; min-height:49px; z-index:999; background:none; border-bottom:1px solid #fff;}
	#header .contain {position:static; height:49px; z-index:2;}
	#header .logo {position:static; display:inline-block; zoom:1; *display:inline; z-index:10; width:42px; margin:20px 0 0 18px;}
	#header .logo img {width:100%;}
	#sub #header {position:relative; border-bottom:1px solid #999999;}
	#main #header .logo img.main-logo {display:block;}
	#main #header .logo img.sub-logo {display:none;}
	#sub #header .logo img.main-logo {display:none;}
	#sub #header .logo img.sub-logo {display:block;}
	#gnb {float:right; padding:27px 5px 0 0;}
	#gnb > ul {*zoom:1;}
	#gnb > ul:after {content:" "; display:block; clear:both;}
	#gnb > ul > li {float:left; height:22px; font-size:10px; line-height:14px; font-family:'Noto Sans KR'; font-weight:500; letter-spacing:-0.30px; margin-left:12px;}
	#gnb > ul > li:first-child {margin-left:0;}
	#gnb > ul > li > a {display:block; text-decoration:none; color:#fff;}
	#gnb > ul > li.active > a {color:#df610f !important;}
	#header.fixed {background:none;}
	/* #main #header.fixed .logo img.sub-logo {display:block !important;}
	#main #header.fixed .logo img.main-logo {display:none !important;}
	#main #header.fixed #gnb > ul > li > a {color:#999999;} */
	#sub #gnb > ul > li > a {color:#999999;}

	#header .top-visit {position:absolute; top:100%; left:15px; margin-top:15px}
	#header .top-visit ul li {font-size:8px; line-height:16px; margin-left:5px; color:#fff;}
	#header .top-visit ul li p {margin-left:3px;}

	/* main */
	.main-visual {position:relative; width:100%; min-width:100%; height:auto; overflow:hidden;}
	.main-visual img {position:static; margin-left:0; width:100%; z-index:0; width:100%;}

	.main-introduce {width:100%; text-align:center; margin-bottom:50px;}
	.introduce-bg {background:#181818; height:auto; min-height:140px; padding:45px 5px; margin-bottom:50px;}
	.main-introduce h3 {margin-bottom:15px; line-height:0; width:100%;}
	.main-introduce h3 img {width:100%;}
	.main-introduce p {font-size:10px; line-height:1.6em; color:#fff; letter-spacing:0;}
	.main-introduce ul {display:inline-block; zoom:1; *display:inline; margin:0 14px;}
	.main-introduce ul:after {content:" "; display:block; clear:both;}
	.main-introduce ul li {float:left; margin:0; padding:0 4px; width:25%; height:auto !important;}
	.main-introduce ul li .thumb {width:100%; height:auto; margin-bottom:6px;}
	.main-introduce ul li .thumb img {width:100%;}
	.main-introduce ul li dl dt {font-size:7px; line-height:11px; margin-bottom:5px;}
	.main-introduce ul li dl dt.txt-padding {padding:4px 0 5px 0;}
	.main-introduce ul li dl dd {width:100%;}
	.main-introduce ul li dl dd img {width:100%;}

	.main-work {width:100%; margin-bottom:28px;}
	.main-work h3 {width:28px; margin:0 auto; text-align:center; line-height:0; margin-bottom:38px;}
	.main-work h3 img {width:100%;}
	.main-work .swiper-container {padding-bottom:6px;}
	.main-work .swiper-slide {}
	.main-work .swiper-slide a {display:block; text-decoration:none;}
	.main-work .swiper-slide ul {*zoom:1; margin:0 17px 0 16px;}
	.main-work .swiper-slide ul:after {content:" "; display:block; clear:both;}
	.main-work .swiper-slide ul li {float:left; width:50%; padding:0 15px; margin-bottom:70px; height:auto;}
	.main-work .swiper-slide ul li:nth-child(2n+1) {clear:left;}
	.main-work .swiper-slide ul li .thumb {position:relative; width:100%; margin-bottom:12px;}
	.main-work .swiper-slide ul li .thumb a {width:100%;}
	.main-work .swiper-slide ul li .thumb a img {width:100%;}
	.main-work .swiper-slide ul li .tit {font-size:9px; line-height:10px; color:#222;}
	.main-work .swiper-pagination {bottom:0 !important; width:100%;}
	/* .main-work .swiper-pagination-bullet {width:6px; height:6px; background:#e5e5e5; opacity:1; margin:0 1px !important;}
	.main-work .swiper-pagination-bullet-active {background:#7f7f7f;} */
	.main-work .swiper-pagination-bullet {
		margin:0 2px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color:#222;
        opacity: 1;
        background:none;
    }
    .main-work .swiper-pagination-bullet-active {
        color:#df610f;
        background:none;
    }

	/* layout */
	#sub #container {padding:0; margin:0;}

	/* sub page */
	.sub-visual {display:none;}

	.snb-tt {position:relative; width:100%; height:32px; text-align:center; background:#181818; overflow:hidden; margin-bottom:38px; margin-top:75px; padding:43px 0 0 0;}
	.snb-tt ul {display:inline-block; zoom:1; *display:inline; padding-bottom:17px; border-bottom:1px solid #dddddd;}
	.snb-tt ul:after {content:" "; display:block; clear:both;}
	.snb-tt ul li {float:left; padding-left:19px; margin-left:18px; background:url('../images/common/snb_tt_bar.gif') 0 2px no-repeat; font-size:16px; line-height:20px; font-weight:700; letter-spacing:-0.30px;}
	.snb-tt ul li:first-child {padding-left:0; margin-left:0; background:none;}
	.snb-tt ul li a {text-decoration:none; color:#fff;}

	#snb {width:100%; height:32px; text-align:center; margin-bottom:28px;}
	.snb .contain {height:32px; /*background:url('../images/common/snb_bg.gif') 0 0 repeat-x;*/ background:none; margin-top:10px;}
	.snb ul {display:inline-block; zoom:1; *display:inline; padding-top:10px;}
	.snb ul:after {content:" "; display:block; clear:both;}
	.snb ul li {float:left; height:22px; font-size:9px; line-height:22px; letter-spacing:-0.30px; padding-left:14px;/*  background:url('../images/common/snb_bar.gif') 0 50%/1px 10px no-repeat; */ margin-left:15px; font-weight:700;}
	/* .snb ul li:after {content:" "; display:block; clear:both;} */
	.snb ul li:after {top:50%; height:10px; margin-top:-5px;}
	.snb ul li:first-child {padding-left:0; background:none; margin-left:0;}
	.snb ul li a {display:block; padding:0 3px; height:22px; text-decoration:none; color:#333;}
	.snb ul li.active a {background:none; /* border-bottom:2px solid #e78a4d; */ /* color:#ff0000; */}
	.snb ul li.active a:after {height:2px;}

	.snb2 .contain {height:32px; /*background:url('../images/common/snb_bg.gif')*/ 0 0 repeat-x; text-align:center; margin-top:10px;}
	.snb2 .menu-inner {float:right; *zoom:1; margin-right:22px; min-width:50%;}
	.snb2 .menu-inner:after {content:" "; display:block; clear:both;}
	.snb2 .tt {float:left; padding:10px 0 0 0; display:inline-block; zoom:1; *display:inline; font-size:9px; line-height:22px; letter-spacing:-0.30px; font-weight:700;}
	.snb2 .tt a {display:block; padding:0 3px; height:22px; text-decoration:none; color:#333; border-bottom:2px solid #999;}
	.snb2 .lnbsub {float:left; margin-left:12px;}
	.snb2 .lnbsub ul {display:inline-block; zoom:1; *display:inline; padding-top:10px;}
	.snb2 .lnbsub ul:after {content:" "; display:block; clear:both;}
	.snb2 .lnbsub ul li {*zoom:1; float:left; height:22px; font-size:6px; line-height:22px; letter-spacing:-0.30px; padding-left:9px; background:url('../images/common/snb_bar.gif') 0 50%/1px 10px no-repeat; margin-left:8px; font-weight:700;}
	.snb2 .lnbsub ul li:after {content:" "; display:block; clear:both;}
	.snb2 .lnbsub ul li:first-child {padding-left:0; background:none; margin-left:0;}
	.snb2 .lnbsub ul li a {display:block; padding:0 3px; height:22px; text-decoration:none; color:#333;}
	.snb2 .lnbsub ul li.active a {background:none; border-bottom:2px solid #e78a4d;}

	/* .b-bg .snb2 .tt a {color:#fff;}
	.b-bg .snb2 .lnbsub ul li a {color:#fff;} */

	#contentArea {width:100%; margin:0 auto;} 
	.real-cont {padding:0 18px 28px;}

	/* footer */
	#footer {height:auto; clear:both; padding:20px 0 10px 0;}
	#footer .contain {position:relative; height:auto;}
	.foot-info .foot-logo {position:absolute; top:0; left:50%; margin-left:-17.5px; width:35px;}
	.foot-info .foot-logo img {width:100%;}
	.foot-info .foot-social {position:absolute; top:0; left:40px;}
	.foot-info .foot-social ul {*zoom:1;}
	.foot-info .foot-social ul:after {content:" "; display:block; clear:both;}
	.foot-info .foot-social ul li {float:left; margin-right:26px; line-height:0;}
	.foot-info .foot-social ul li.icon1 {width:14px;}
	.foot-info .foot-social ul li a {display:block;}
	.foot-info .foot-social ul li a img {width:100%;}
	.foot-info .foot-tel {position:absolute; top:0; right:40px; width:13px;}
	.foot-info .foot-tel a {display:block;}
	.foot-info .foot-tel a img {width:100%;}
	.foot-info {padding:25px 0 0 0; font-size:6px; line-height:9px; color:#848484; text-align:center;}
	.foot-info address {width:100%; font-style:normal;}
	.foot-info address img {width:100%;}
	.foot-link {width:29%; margin:0 auto 5px;}
	.foot-link ul {*zoom:1;}
	.foot-link ul:after {content:" "; display:block; clear:both;}
	.foot-link ul li {float:left; width:50%; padding:0 6px; background:url('../images/common/foot_link_bar.gif') 0 0/1px 6px no-repeat;}
	.foot-link ul li:first-child {background:none;}
	.foot-link ul li a {display:block;}
	.foot-link ul li a img {width:100%;}
	.foot-link span.bar {margin:0 4px; color:#848484;}	

	/* sub */
	.sub-img {width:100%;}

	/* sub01_01 인사말 */
	.greeting {width:100%; margin:0 auto; text-align:center; padding:0;}
	.greeting-content {display:block; width:100%; padding:0 14px;}
	.greeting-content .img {max-width:none; width:100%; margin-right:0;/*  margin-bottom:20px */}
	.greeting-content .img img {width:100%;}
	.greeting-content .txt {margin:0; width:100%; padding:0;margin-top:20px;}
	.greeting-content .txt p {text-align:left; font-size:7px; line-height:11px; color:#666;}
	.greeting-content .txt p .f-c1 {font-size:8px; color:#222;}
	.greeting-content .txt p .f-c2 {color:#e7894b;}

	.map-content {padding:0 14px;}

	.product-list {width:100%; margin-bottom:28px;}
	.product-list h3 {width:33px; margin:0 auto; text-align:center; line-height:0; margin-bottom:38px;}
	.product-list h3 img {width:100%;}
	.product-list .swiper-container {padding-bottom:6px;}
	.product-list .swiper-slide {}
	.product-list .swiper-slide a {display:block; text-decoration:none;}
	.product-list .swiper-slide ul {*zoom:1; margin:0 17px 0 16px;}
	.product-list .swiper-slide ul:after {content:" "; display:block; clear:both;}
	.product-list .swiper-slide ul li {float:left; width:50%; padding:0 15px; margin-bottom:70px; height:auto;}
	.product-list .swiper-slide ul li:nth-child(2n+1) {clear:left;}
	.product-list .swiper-slide ul li .thumb {position:relative; width:100%; margin-bottom:12px;}
	.product-list .swiper-slide ul li .thumb a {width:100%;}
	.product-list .swiper-slide ul li .thumb a img {width:100%;}
	.product-list .swiper-slide ul li .tit {font-size:9px; line-height:10px; color:#222;}

	.product-list .swiper-pagination {bottom:0 !important; width:100%;}
	/* .product-list .swiper-pagination-bullet {width:6px; height:6px; background:#e5e5e5; opacity:1; margin:0 1px !important;}
	.product-list .swiper-pagination-bullet-active {background:#7f7f7f;} */
	.product-list .swiper-pagination-bullet {
		margin:0 2px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color:#222;
        opacity: 1;
        background:none;
    }
    .product-list .swiper-pagination-bullet-active {
        color:#df610f;
        background:none;
    }

	.m-product-list .slider1 ul li {width:50%;}
	.m-product-list .slider1 ul li .thumb {margin-bottom:12px;}
	.m-product-list .slider1 ul li .tit {font-size:7px; line-height:10px; color:#222;}


	.product-detail {display:none;}
	.m-product-detail {max-width:100%; margin:0 auto; /*padding:0 14px;*/}
	.m-product-detail .tt {position:relative; /* height:32px; */ /*border-bottom:1px solid #eee;*/ padding:0 18px; margin:10px 0;}
	.m-product-detail .tt span {display:inline-block; zoom:1; *display:inline; /*height:22px;*/ border-bottom:2px solid #e7894b; padding:0 3px; font-size:8px; line-height:15px; letter-spacing:-0.30px; color:#222; /*font-weight:700;*/}
	.m-product-detail .tt .tit {display:inline-block; zoom:1; *display:inline; padding-right:45px; color:#222; font-size:8px; font-weight:400; line-height:15px; letter-spacing:-0.30px; padding-left:10px; margin-left:5px; background:url('../images/sub/m_detail_tt_bar.gif') 0 50%/2px 10px no-repeat;}
	.m-product-detail .tt .date {position:absolute; top:6px; right:18px; font-size:8px; line-height:11px; color:#e7894b;}
	.m-product-detail .cnt {text-align:center; line-height:1.2em;}
	.m-product-detail .cnt img {width:100% !important; height:auto !important;}
	.m-product-detail .cnt p {line-height:0.20 !important;}
	.list-btn {margin:10px 0 0 0; /*padding:0 22px;*/ width:100%; text-align:right;}
	.list-btn a {display:inline-block; zoom:1; *display:inline; width:73px; height:25px; text-align:center; border:1px solid #dbdbdb; font-size:8px; line-height:25px; color:#222; text-decoration:none;}
	
	/* .b-bg .m-product-detail .tt span {color:#fff;}
	.b-bg .m-product-detail .tt .tit {color:#fff;}
	.b-bg .m-product-detail .tt .date {color:#fff;} */

	/* .m-certify-list .slider2 ul li {width:50%; padding:0 15px;}
	.m-certify-list .slider2 ul li:nth-child(4n+1) {clear:none;} 
	.m-certify-list .slider2 ul li:nth-child(2n+1) {clear:left;} 
	.m-certify-list .slider2 ul li .thumb {margin-bottom:12px;}
	.m-certify-list .slider2 ul li .tit {font-size:7px; line-height:10px; color:#222;} */

	.m-certify-list .slider2 a {display:block; text-decoration:none;}
	.m-certify-list .slider2 ul {*zoom:1; margin:0 17px 0 16px;}
	.m-certify-list .slider2 ul:after {content:" "; display:block; clear:both;}
	.m-certify-list .slider2 ul li {float:left; width:50%; padding:0 15px; margin-bottom:70px; height:auto;}
	.m-certify-list .slider2 ul li:nth-child(4n+1) {clear:none;} 
	.m-certify-list .slider2 ul li:nth-child(2n+1) {clear:left;}
	.m-certify-list .slider2 ul li .thumb {position:relative; width:100%; margin-bottom:12px;}
	.m-certify-list .slider2 ul li .thumb a {width:100%;}
	.m-certify-list .slider2 ul li .thumb a img {width:100%;}
	.m-certify-list .slider2 ul li .tit {font-size:7px; line-height:10px; color:#222;}

	.root_daum_roughmap {height:250px !important;}
	.root_daum_roughmap .wrap_map {height:250px !important;}

	.local-jido {margin-top: 5vh;}
	.local-jido .local-tab {margin-bottom: 30px;}
	.local-jido .tab-cnt {padding:0;}
	.local-jido .local-tit {font-size:15px; line-height:20px; margin-top: 30px;}
	.local-jido .local-tel {font-size:12px; line-height:15px; margin-top: 15px;}
	.local-jido .local-tel i {width: 15px; height: 15px;}

	/* .main-visual img{height:700px;} */

	/* board */
	.input {height:30px; padding:4px; font-size:13px; line-height:20px;}
	.textarea {padding:4px; font-size:13px; line-height:20px;}
	.select {height:30px; padding:4px; font-size:13px;}

	.board-search {padding:0 14px; margin:0 0 10px;}
	.board-search .search.inline-b {margin-top:0px;}
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:right;}
	.board-search .search .select {width:57px; height:20px; background:#fff; border:1px solid #707070; border-radius:0; box-sizing: border-box; font-size:10px; line-height:20px;}
	.board-search .search .input {width:102px; height:20px; background:#fff; border:1px solid #dcdbdb; border-radius:0; box-sizing: border-box; font-size:10px; line-height:20px;}
	.board-search .search .btn {padding:0 10px;height:20px;line-height:20px;font-size:8px; background:#555; box-shadow:none; color:#fff}
	
	.board-list {display:none;}
	.m-board-list {max-width:100%; margin:0 auto; padding:0 14px;}
	.m-board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686;}
	.m-board-list table thead th {padding:2px 10px; border-bottom:1px solid #ddd; color:#666; font-size:7px; font-weight:normal;}
	.m-board-list table tbody td {padding:2px 0;; border-bottom:1px solid #ddd; text-align:center; font-size:7px; line-height:18px; color:#666;}
	.m-board-list table tbody td.subject {text-align:left; padding-left:3px;}
	.m-board-list table tbody td.date {text-align:right; padding-right:3px;}
	.m-board-list table tbody td img {vertical-align:middle;}
	.m-board-list table tbody td a {text-decoration:none;}
	.m-board-list table tbody tr:hover td {background-color:#fafafa;}
	.m-board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-family:"Nanum Gothic";font-weight:700;font-size:13px;padding:0 4px;border-radius:2px;}
	.m-board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}
	
	.board-write {border-top:1px solid #cecece; margin:0 -18px;}
	.board-write .group {padding:6px 10px 6px 78px;}
	.board-write .title {left:10px; width:65px;}
	.board-write #title {width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}
	.board-write .group.content {padding-left:10px;}
	
	.board-view {margin:0 -18px;}
	.board-view .head .tit {padding:10px 10px;}
	.board-view .head .info {padding:10px 10px;}
	.board-view .head .files {padding:10px 10px 0;}
	.board-view .head .files .fileLayer {right:10px;}
	.board-view .body {padding:10px 10px 20px;}
	.board-view .body img {max-width:100%; width:auto !important; height:auto !important;}
	
	.prev_next {margin:0 -18px;}
	.prev_next dl {padding:6px 10px 6px 78px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
	
	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}
	
	.buttons {margin:15px 0;}
	
	.btn-pack.medium {height:30px;padding:0 12px;line-height:28px;font-size:13px;}
	.btn-pack.large {height:32px; padding:0 20px;line-height:30px;font-size:14px;}
	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}
	
	.comment-area {padding:10px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}
	
	.board-password {width:100%; text-align:center; margin:0 auto; background:url('/images/bbs/notice.png') 50% 18px no-repeat; background-size:50px auto; padding:75px 8px 30px; border:3px solid #eee; border-radius:8px;}
	.board-password dl dt {color:#333; font-size:13px; font-weight:700; line-height:1.3em; padding-bottom:20px;}
	.board-password dl dd label {color:#666; font-size:13px; font-weight:700; margin-right:5px;}
	.board-password .input {width:120px !important;}

	.mailform {width:100%;}
	.mailform p {text-align:right; font-size:7px; line-height:18px; color:#222;}
	.mailform .asterisk {font-size:7px; line-height:18px; color:#e7894b;}
	.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686; border-bottom:1px solid #ddd;}
	.mailform table tbody th {width:95px; height:auto; padding:7px 0; border-bottom:0; font-size:7px; line-height:18px; color:#222; text-align:right; vertical-align:top; font-weight:normal;}
	.mailform table tbody td {width:auto; padding:2px 0 2px 15px; border-bottom:0; font-size:7px; line-height:18px; color:#9e9d9d;}
	.mailform table td .input {padding-left:8px; width:98% !important; height:25px !important;  font-size:.65em !important; line-height:25px !important; border:1px solid #f3f3f3 !important;}
	.mailform table td #file {border:1px solid #f3f3f3 !important;}
	.mailform table td #etc_3.input {width:65% !important;}
	.mailform table td #etc_4.input {width:65% !important;}
	/* .mailform table tbody td input::placeholder {color:#9e9d9d; font-size:7px;} */
	.mailform table tbody td.pd0 {border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
	.mailform table tbody td .explain {padding:20px 25px; background:#f7f7f7; border-bottom:0; font-size:7px; line-height:11px; font-weight:700; color:#222;}
	.mailform table tbody td .textarea#memo {width:99%;height:130px; border:1px solid #f3f3f3;}
	.mailform img {vertical-align:middle;}
	.form-agree {width:100%; position:relative; margin-top:10px;}
	.form-agree .btn {position:absolute; top:0; right:0; font-size:7px;}
	.form-agree dt {font-size:7px; font-weight:700; color:#333; line-height:normal;}
	.form-agree dd {padding:8px 0 0 0; font-size:7px;}
	.form-agree .scroll_box {height:80px; border:1px solid #d8d8d8; font-size:7px; line-height:11px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}
	.mailform-btn {margin:25px 0 0 0; width:100%; text-align:center;}
	.mailform-btn .btn {display:inline-block; zoom:1; *display:inline; width:73px; height:24px; line-height:20px; margin:0 5px; text-align:center; font-size:7px; border-radius:0;}
	.mailform-btn .btn1 {border:2px solid #e7894b; vertical-align:top; color:#e7894b;}
	.mailform-btn .btn2 {border:2px solid #a6a7a7; text-decoration:none; color:#4d4d4d;}
	
	.m-certify-list.slider1 ul li {width:50%;}
	.m-certify-list.slider1 ul li .thumb {margin-bottom:12px;}
	.m-certify-list.slider1 ul li .tit {font-size:7px; line-height:10px; color:#222;}

	/* 페이지목록 */
	.paginate {margin:20px 0;text-align:center;line-height:normal;}
	.paginate a,
	.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:27px;height:27px;border:1px solid #dbdbdb;margin:0 -3px;padding:0;font-family:"Nanum Gothic",sans-serif;font-size:7px;line-height:27px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}  
	.paginate strong{color:#fff;border:1px solid #e7894b;background:#e7894b;}  
	.paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;margin:0 -1px 0 0;}
	.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
	.paginate a.direction.first {background-image:url("/images/bbs/btn_first.gif");}
	.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.gif");}
	.paginate a.direction.next {background-image:url("/images/bbs/btn_next.gif");}
	.paginate a.direction.last {background-image:url("/images/bbs/btn_last.gif");}
	
	.faq-list {margin:-17px -18px 0;}
	.faq-list table {border-top:0;}
	.faq-list table thead {display:none;}
	.faq-list table tbody td {padding:12px 0; font-size:14px; line-height:22px;}
	.faq-list table tbody td.no {display:none;}
	.faq-list table tbody td.subject {text-align:left; padding:12px 0;}
	.faq-list table tbody td img {vertical-align:middle;}
	.faq-list table tbody td a {text-decoration:none;}
	.faq-list table tbody td .q-tt {padding:5px 0 5px 47px; background:url('../images/sub/faq_q.png') 23px 50%/18px 18px no-repeat;}
	.faq-list table tbody td .q-content {display:inline-block; zoom:1; *display:inline; padding-left:47px; background:url('../images/sub/faq_a.png') 23px 0/18px 18px no-repeat;}
	

	/* contents */

	.m-real-cont {padding:0 0 15px;}
	.design-tt {display:none;}
	

}

/* Landscape phones and down */
@media (max-width: 480px) {
	.main-work .swiper-slide ul li {margin-bottom:45px;}
	.product-list .swiper-slide ul li {margin-bottom:45px;}
	.certify-list .swiper-slide ul li {margin-bottom:45px;}

	.certify-list .slider2 ul li {margin-bottom:45px;}
}	

@media (max-width: 320px) {
	#gnb {padding:25px 0 0 0;}
	#gnb > ul > li {margin-left:6px;}
}