/* 모바일 코딩 필수 공통영역 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:160%; font-family:'Nanum Gothic', Dotum, Helvetica, AppleGothic;}
img, fieldset {border:0}
ul, ol, li, dl {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
a:visited {color:#333;}
a:hover, a:active {color:#333; text-decoration:none;}
em, i, address {font-style:normal; font-weight:normal;}
legend, caption {display:none; clear:both;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
	background:url(none);
	-webkit-border-radius:1px;
	-webkit-apprearance:none;
}
textarea {resize:none;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.input,
.textarea {border:1px solid #ccc; background:#f4f4f4; line-height:160%; padding:2px 0;}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}

/* 사용자 지정 */
#wrapper {max-width:1000px; min-width:320px; margin:0 auto;}
#header {width:100%;}
.head {position:relative; width:100%; background:#fff; overflow:hidden; z-index:1000;}
/*.logo {float:left; padding:3% 0 0 3%; width:55%;}*/
.logo {float:left; padding:3% 0 0 3%; width:35%;}
.logo img {width:100%;}

.gnb_list {float:right; position:relative; background:#fff; padding:1% 3%; width:17%; line-height:0; z-index:1000;}
.gnb_list img {width:100%; z-index:1000;}
.gnb {display:none; width:100%; position:relative; z-index:1000;}
.gnb li {	
	font-weight:bold;
	background:#e9eaeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428c5d), color-stop(100%, #09421e)); /*Safari*/
	background: -webkit-linear-gradient(top, #428c5d, #09421e); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
}
.gnb li a {
	display:block; 
	color:#fff;
	padding:6px 10px 4px 10px;
}
#main {position:relative;}
.mainImg {width:100%;}
.main_visual {font-size:0; line-height:0;}
.main_top {font-size:0; line-height:0;}
.flex-control-nav {z-index:10;}

.mbnr {*zoom:1; position:relative; width:100%; line-height:0; font-size:0; overflow:hidden}
.mbnr:after {content:" "; display:block; clear:both;}
.mbnr ul {width:101%}
.mbnr li.hang3 {float:left; width:25%; line-height:0; font-size:0; margin:0;}
.mbnr li.hang3:nth-child(2) {width:34%;}
.mbnr li.hang4 {float:left; width:25%; line-height:0; font-size:0; margin:0;}
.mbnr img {width:100%}
/* .mbnr li:nth-child(7), .mbnr li:nth-child(8), .mbnr li:nth-child(9) {padding-top:10px;} */


.quick_link:after {content:""; display:block; clear:both;}
.quick_link {*zoom:1; padding:10px 0;}
.quick_link li {float:left; width:33%; margin:5px 0; text-align:center;}
.quick_link li:nth-child(2), .quick_link li:nth-child(5), .quick_link li:nth-child(8)  {width:34%;}
.quick_link li:nth-child(4) a, .quick_link li:nth-child(5) a, .quick_link li:nth-child(6) a {padding-top:17px;} /*메뉴 2줄일때 추가할 것*/
.quick_link li:nth-child(1) a, .quick_link li:nth-child(2) a, .quick_link li:nth-child(3) a,
.quick_link li:nth-child(7) a, .quick_link li:nth-child(8) a, .quick_link li:nth-child(9) a {line-height:4em;}/*메뉴 2줄말고 나머지*/ 

.quick_link .link1 a {
	display:inline-block; 
	width:90%; 
	padding:8px 0;
	height:60px;
	margin:0 auto;
	color:#fff; 
	font-weight:bold;
	letter-spacing:-1px;
	background:#fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53b147), color-stop(100%, #3c8233)); /*Safari*/
	background: -webkit-linear-gradient(top, #53b147, #3c8233); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #53b147, #3c8233); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #53b147, #3c8233); /* MS 9+ */
	border:1px solid #3c8233;
}

.quick_link .link2 a {
	display:inline-block; 
	width:90%; 
	padding:8px 0;
	height:60px;
	margin:0 auto;
	color:#fff; 
	font-weight:bold;
	letter-spacing:-1px;
	background:#fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428c5d), color-stop(100%, #09421e)); /*Safari*/
	background: -webkit-linear-gradient(top, #428c5d, #09421e); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #428c5d, #09421e); /* MS 9+ */
	border:1px solid #09421e;
}

.quick_link .link3 a {
	display:inline-block; 
	width:90%; 
	padding:8px 0;
	height:60px;
	margin:0 auto;
	color:#fff; 
	font-weight:bold;
	letter-spacing:-1px;
	background:#fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdb825), color-stop(100%, #d37e1a)); /*Safari*/
	background: -webkit-linear-gradient(top, #fdb825, #d37e1a); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #fdb825, #d37e1a); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #fdb825, #d37e1a); /* MS 9+ */
	border:1px solid #d37e1a;
}

.sub_title {position:relative; width:100%; height:42px; background:#428c5d; font-size:130%; line-height:42px; font-weight:bold; color:#fff; text-align:center; border-bottom:1px solid #e1decf; overflow:hidden;}
.sub_title h2 {font-weight:bold;}
.sub_title a {position:absolute; top:0; display:inline-block; width:42px; height:42px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:50% 50%; background-size:25%;}
.sub_title .prev {left:0; background-image:url(../images/bt_prev.png);}
.sub_title .next {right:0; background-image:url(../images/bt_next.png);}
.subImg {width:100%;}
.subWrap {font-size:0; line-height:0;}

#footer {width:100%; background:#; text-align:center; padding:12px 0; border-top:1px solid #ddd; clear:both;}
.foot_links {width:100%; padding:0 0 10px 0;}
.foot_links li {display:inline-block; width:18%; margin:0 4px; padding:4px 0; color:#aaa;
	background:#fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428c5d), color-stop(100%, #09421e)); /*Safari*/
	background: -webkit-linear-gradient(top, #428c5d, #09421e); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #428c5d, #09421e); /* MS 9+ */
	border-radius:5px;}
.foot_links li a {color:#fff; font-size:100%; font-weight:bold; margin:0 4px;}
.address {color:#949494; font-size:0.75em; line-height:1.5em;}
.address .bar {color:#bbb; margin:0 2px;}

.location {padding:10px;}

.form {padding:10px;}
.form .txt {text-align:right; color:#fd7777; font-size:0.85em;}
.form .input,
.form .textarea {width:99%;}
.form dl {border-top:1px solid #ddd; padding:15px 0 0 0;}
.form dt {font-weight:bold; margin:0 0 2px 0;}
.form dd {margin:0 0 10px 0;}

/* board */
.buttons {padding:10px 0; clear:both; overflow:hidden; }
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn_pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:4px 15px 3px;border:0;color:#333;background:#eee;border:1px solid #aaa;border-radius:0.4em;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack:link {color:#333}

.board_list ul {border-top:1px solid #e5e5e5; }
.board_list li {position:relative; border-bottom:1px solid #e5e5e5; font-family:'Nanum Gothic', 'NanumGothic'; color:#333;}
.board_list a {display:block; font-size:14px; padding:0.5em;}
.board_list strong {font-weight:normal;}
.board_list span.info {display:block; color:#999}
.board_list span {display:inline-block; font-size:12px;}
.board_list .ico_s {display:inline-block;}
.board_list img {vertical-align:middle;}

/* 게시판리스트 */
.board_top {position:relative; width:100%; margin:0 0 10px;}
.board_top img {width:100%;}
.board_top a.btn {display:inline-block; position:absolute; bottom:-3px; right:1.0em;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
	border-radius:2px;
	border:1px solid #b5bbbb;
	padding:0 2px;
	font-size:10px;
	line-height:15px;
}
.board_top a.btn strong {color:#198a91; font-weight:normal;}

.board_list ul {border-top:1px solid #e5e5e5; }
.board_list li {position:relative; border-bottom:1px solid #e5e5e5; font-family:'Nanum Gothic', 'NanumGothic'; color:#333;}
.board_list a {display:block; font-size:14px; padding:0.5em;}
.board_list strong {font-weight:normal;}
.board_list span.info {display:block; color:#999}
.board_list span {display:inline-block; font-size:12px;}
.board_list .ico_s {display:inline-block;}
.board_list img {vertical-align:middle;}

/*게시판글쓰기*/
.board_write {width:98%; margin:0 auto}
.board_write .btn {text-align:center;}
.board_write dt, .board_write dd {padding:0.1em 0;}
.board_write select {
	width: 99%;
	height: 28px;
	background:#fff;
	padding: 0.2em 0 0.3em 0.4em;
	border: 1px solid #e5e5e5;
	font-size: 0.9em;
	color: #222;
	vertical-align: middle;
	border-radius: 0.3em;
}
.board_write input[type="text"], .board_write input[type="password"] {
	width: 98%;
	padding: 0.2em 0 0.3em 0.4em;
	font-size: .9em;
	color: #222;
	line-height: 1.7em;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0.3em;
}
.board_write textarea {
	width: 98%;
	height:190px;
	padding: 0.2em 0 0.3em 0.4em;
	font-size: .9em;
	color: #222;
	line-height: 1.7em;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0.3em;
}

/*게시판뷰페이지*/
.board_view {background:#fff;}
.board_view img {width:100%; height:100%;}
.view_top {
	position: relative;
	padding: 0.5em;	
	border-top:1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color:#666;
	background: -webkit-linear-gradient(#fff, #f9f9f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f9f9f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f9f9f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f9f9f9); /* Standard syntax (must be last) */
}
.view_top strong {color:#333; font-size:15px;}
.view_top span.cat {color:#666;}

.view_con {padding:0.8em 0.5em; text-align:center;}
.gallery_pic img {width:100%; margin-top:10px;}

/* 이전글,다음글 */
.prev_next dl {padding:0.5em 0.3em; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:20%; text-align:center; font-weight:bold; color:#666;}
.prev_next .prev {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.prev_next .prev dt {background: url('../images/arrow_up.gif') 2px 50% no-repeat;}
.prev_next .next {border-bottom:1px solid #cdcdcd;}
.prev_next .next dt {background: url('../images/arrow_down.gif') 2px 50% no-repeat;}

/*게시판버튼, 게시판공통*/
span.bar {color:#d7d7d7;}

.btn {text-align:center; padding:0.3em;}

.btn input[type="submit"] {
	display:inline-block;
	padding: 0.4em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 1.7em;	
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 0.3em;
	cursor:pointer;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}

.btn a.btn_pack  {
	display:inline-block;
	padding: 0.4em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 1.7em;	
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 0.3em;
	cursor:pointer;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}
.btn a.btn_pack {
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}

/* 페이지목록 */
.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}
.paginate a,
.paginate strong{display:inline-block;position:relative; width:25px; height:20px; padding:5px 0 0 0; font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#ccc;line-height:normal;text-decoration:none;vertical-align:top;border:1px solid #ccc}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{border:1px solid #333; vertical-align:top;}
.paginate strong{color:#ed7500;}
.paginate a.direction{margin:0 4px; padding-bottom:4px; height:16px; vertical-align:top;}

/*견적의뢰*/
.mg130 {margin-left:30px;} 
.mg110 {margin-left:10px;} 
.board_write .txt {color:#af702d;}

/*갤러리*/
.gallery_list {padding-top:40px; margin:0 auto; overflow:hidden;}
.gallery_list ul:after {content:""; display:block; clear:both;}
.gallery_list li {float:left; width:50%; padding:0 5px; box-sizing:border-box; text-align:center; margin-bottom:20px; font-size:13px; line-height:1.2em; font-family:'Nanum Gothic';}
.gallery_list li:nth-child(2n+1) {clear:left;}
.gallery_list .thumb {display:block;position:relative; height:0; padding-bottom:60.1%;margin-bottom:6px; overflow:hidden;}
.gallery_list .thumb img {position:absolute; top:0; left:0; /* transform:translateY(-50%); */ width:100% !important; height:100% !important; max-width:100%; max-height:100%; object-fit:cover;}
.gallery_list .thumb:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.gallery_list li a {display:block; color:#494949;}
.gallery_list li .price {display:block;}
.gallery_list li .price em {color:#a32929; font-style:normal;}
.gallery_list li .title {display:block; text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery_list_v2 .thumb {border-bottom:1px solid #ccc;}

/* 개인정보취급방침 */
.privacy_event {margin:30px 0 0;}
.privacy_event h4 {position:relative; font-size:12px; color:#000; margin:0 0 10px 0;}
.privacy_event span.view {position:absolute; top:0; right:0;}
.privacy_event span.view a {font-size:11px; color:#999; font-weight:normal;}
.agree_box {
	height:80px; 
	background:#fff;
	overflow:auto;
	padding:10px;
	border:1px solid #ccc;}

.agree {color:#888;}
.agree p {text-align:left; margin: 10px 0; font-size:11px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:bold;}
.agree dd {font-size:11px;}
.agree li {padding: 0 0 0 6px;}
.agree .subLaw dt {font-weight:normal;}
.agree .policyList {*zoom:1;}
.agree .policyList:after {content:" "; display:block; clear:both;}
.agree .policyList {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
.agree .policyList li {float:left; width:45%; padding: 5px 15px 5px 15px; line-height:16px;}
.agree .policyList span {color:#999999; font-size:11px;}
.agree .policyList a {color:#666; font-size:11px;}
.rep_wrap:after {content:""; display:block; clear:both;}
.rep_wrap {*zoom:1; margin:15px 0;}
.rep_info {float:left; width:250px; padding:10px; margin:0 15px; border:1px solid #ddd;}


/*.mailform{ width:98%; display:block; position:relative;
	}
.mailform* {vertical-align:middle;}
.mailform tr{border-bottom: 1px solid #fff; 
    letter-spacing: 1px;}
.mailform th{border-top: 7px solid #fff; }  
.mailform th a{display: block;position:absolute;
    background-image: url('../images/bbs/faq_q.png');
    background-repeat: no-repeat;
    background-position: 8px 7px;
    background-size: 16px auto;
    padding: 8px 0 8px 36px;}

.mailform td {  position:absolute;
    color: #666;
    border-bottom: 
    background-color: #fff;
    background-image: url('../images/bbs/faq_a.png');
    background-repeat: no-repeat;
    background-position: 8px 10px;
    background-size: 16px auto;
    padding: 10px 8px 10px 36px;}

.mailform  #file0 img{position:absolute;  width:400px; height:300px; 
			
}*/


/* 문의 */
.mailform { border-top:2px solid #017535; position:relative; }
.mailform table{width:100%; border-collapse:collapse; border-spacing:0px; }
.mailform th {background:#f5f5f5; width:20%; border-bottom:1px solid #d0d0d0;}
.mailform th a {padding:10px 30px 10px 30px; text-align:left;  color:#333; position:absolute;}
.mailform td {padding:10px; padding-left:20px; font-size:12px; line-height:20px; border-bottom:1px solid #d0d0d0; color:#7d7d7d; }
.mailform img {vertical-align:middle; width:100%; height:auto;}
.mailform .txt {color:#af702d; font-size:11px; line-height:15px; position:absolute;}



.mailform2 table{width:100%; border-collapse:collapse; border-spacing:0px;position:absolute;}
.mailform2 th {padding:10px 0 10px 30px; background:#f5f5f5; text-align:left; border-bottom:1px solid #d0d0d0; color:#333;}
.mailform2 td {padding:10px; font-size:12px; line-height:20px; border-bottom:1px solid #d0d0d0; color:#7d7d7d}
.mailform2 img {vertical-align:middle; position:absolute; }

/* 검색 */
.board-search {*zoom:1; margin:0 -15px 10px; padding:0 15px;}
.board-search:after {content:" ";display:block;clear:both;}
.board-search input[type=text] {width:120px;}
.board-search form {display:inline-block;}

/* 리스트 */
.board-list {margin:0 0px; border-top:1px solid #7d7d7d; border-bottom:1px solid #ddd;}
.board-list li {border-top:1px solid #ddd; font-size:14px; letter-spacing:-.25px;}
.board-list li:first-child {border-top:0;}
.board-list li a {display:block; padding:10px 10px;}
.board-list li strong {display:inline-block; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
.board-list li img {vertical-align:middle;}
.board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:0.8em; line-height:1.4em; color:#888;}
.board-list li .bar {color:#ccc; margin:0 6px;}
.board-list li .label {color:#ff6600}
.board-list .answer {border-top:1px solid #999; background:#f4f4f4; padding:10px; font-size:12px;}
.board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
.board-list .answer .q span {font-weight:500; font-size:16px; margin-right:6px;}
.board-list .answer .a {color:#ef3e56; padding:0 0 0 18px; text-indent:-18px;}
.board-list .answer .a span {font-weight:500; font-size:16px; margin-right:6px;}
.board-list .none {padding:50px; text-align:center;}



.sub_tab {width:100%;}
.sub_tab::after {content:""; clear:both; display:block;}
.sub_tab li {float:left; width:20%;}
.sub_tab.tab2 li {float:left; width:25%;}
.sub_tab.tab3 li {float:left; width:50%;}
.sub_tab li img {width:100%;}

.board_search {display:none;}
.faq dl {border-bottom:1px solid #d8d8d8;}
.faq dt {height:34px;  line-height:34px; font-weight:bold; border-top:1px solid #d8d8d8;}
.faq dt a {display:block; background: url('../images/bbs/faq_q.gif') 11px 50% no-repeat; padding:0 0 0 75px; text-decoration:none;}
.faq dd {display:none; border-top:1px dotted #d8d8d8; background: url('../images/bbs/faq_a.gif') 11px 12px no-repeat; padding:10px 20px 20px 75px;}


.gnb2 {display:none; position:absolute; right:0; width:250px; z-index:100;}
.gnb2 li {	
	font-weight:bold;
	background:#e9eaeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #428c5d), color-stop(100%, #09421e)); /*Safari*/
	background: -webkit-linear-gradient(top, #428c5d, #09421e); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #428c5d, #09421e); /* Modzilla Firefox */
}
.gnb2 li a {
	display:block; 
	color:#fff;
	padding:10px 10px 6px 10px;
}

.gnb2 .submenu {display:none;}
.gnb2 .submenu li {background:rgba(0,0,0,0.7);}
.gnb2 .submenu li a {padding:10px 20px 6px 20px;}
.nav_bg {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99;}