@charset "utf-8";

#wrap {overflow:hidden; position:relative;  width:100%; min-width:320px;}

#header {position:relative;}
#header .header-top {position:relative; z-index:100000; height:64px; background:#ffffff;}
#header h1 {margin:0 auto; padding:12px 53px 0 40px; font-size:0; text-align:center;}
#header h1 img {width:189px;}
#header .btn-menu {position:absolute; top:25px; left:17px; font-size:0;}
#header .btn-menu img {width:20px; }
#header .tel {position:absolute; top:15px; right:17px; font-size:0;}
#header .tel img {width:36px;}

#gnb {position:absolute; top:63px; left:-100%; bottom:0; z-index:10000; width:80%; height:100%; background:#000000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#gnb.on {left:0}
#gnb:before {position:fixed; top:0; left:0; width:0; height:100000px; opacity:0; background:rgba(0,0,0,0.7); -webkit-transition:opacity 0.4s ease; transition:opacity 0.4s ease; content:'';}
#gnb.on:before {width:100%; opacity:1;} 
#gnb .gnb-top {position:relative; height:54px; background:#4f4c4d; }
#gnb .gnb-top .btn-close {position:absolute; top:0; right:-54px;}
#gnb .gnb-top .btn-close img {width:54px;}
#gnb .gnb-top ul {overflow:hidden; height:54px; background:#2e2a27;}
#gnb .gnb-top ul li {float:left; width:50%; text-align:center;}
#gnb .gnb-top ul li a {position:relative; display:block; font-size:14px; color:#ffffff; line-height:54px;}
#gnb .gnb-top ul li+li a:after {position:absolute; top:50%; left:0; width:1px; height:22px; margin-top:-11px; background:#827f7d; content:'';}
#gnb > ul {overflow:hidden;}
#gnb > ul > li {}
#gnb > ul > li > a {display:block; position:relative; padding-left:40px; font-size:16px; color:#ffffff; line-height:50px; font-weight:400; border-bottom:1px solid #6c5a4e; background:#604c3f; }
#gnb > ul > li > a:after {position:absolute; top:50%; right:23px; width:20px; height:11px; margin-top:-5px; background:url('../images/common/ico_menu.png') no-repeat center; background-size:100% auto; content:'';}
#gnb > ul > li.on > a {color:#ffffff; border-color:#98887a ;}
#gnb > ul > li.on > a:after {color:#ffffff; background-image:url('../images/common/ico_menu_on.png')}
#gnb .sub {display:none;overflow:hidden; padding:9px 32px; background:#a7988a ;}
#gnb .sub li {position:relative; padding-left:8px;}
#gnb .sub li:after {position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#4a443e; content:''; }
#gnb .sub li a {display:block;  font-size:14px; color:#2e2a27; line-height:30px; font-weight:400;}
#gnb > ul > li.on ul {display:block; position:relative; z-index:5;}



#lnb {position:relative; z-index:10; height:40px;}
#lnb > ul {display:inline-block; width:100%; }
#lnb > ul > li {position:relative; float:left; width:40%;}
#lnb > ul > li.s02 {width:60%;}
#lnb > ul > li > a {position:relative; display:block; padding-left:5px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:12px; font-weight:bold; color:#ffffff; line-height:40px;}
#lnb > ul > li > a:after {position:absolute; top:50%; right:18px; width:11px; height:7px; margin-top:-3px; background:url('../images/common/ico_lnb.png') no-repeat; background-size:100% auto; content:'';}
#lnb > ul > li.on > a:after {background-image:url('../images/common/ico_lnb_on.png');}
#lnb > ul > li.s01 > a {background:#333333;}
#lnb > ul > li.s02 > a {color:#333333; background:#ffffff; letter-spacing:-0.4px;}
#lnb .sub {display:none; position:absolute; top:40px; left:0; width:100%;}
#lnb .sub li {border-bottom:1px solid #cccccc;}
#lnb .sub a {display:block; position:relative; padding:10px 0 10px 12px; font-size:12px; color:#353535; background:#f2ede7;}
#lnb li.on .sub {display:block;}



#bottom {overflow:hidden;}
#bottom img {max-width:100%; vertical-align:top;}
#q-menu {overflow:hidden; background:#978070;}
#q-menu > li {float:left; width:50%;}
#q-menu ul {overflow:hidden; width:100%; }


#q-counsel {width:100%; background:#352c27; padding:0 4.4% 6% 4.4%;}
#q-counsel h2 img {}
#q-counsel table {width:100%;}
#q-counsel table .th {}
#q-counsel table td {padding:3px 0; font-size:12px; color:#fff;}
#q-counsel table td * {vertical-align:middle;}
#q-counsel table td.td-chk {padding:5px 0 10px;}
#q-counsel table td input[type="text"] {width:100%; height:28px; padding:0 5px; color:#000; background:#fff;}
#q-counsel table td input[type="checkbox"] {margin:0 5px 0 0px;}
#q-counsel table td select {width:100%; height:28px; padding-left:5px; color:#000; background:#fff; border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	background: #fff url('../images/common/sel_arrow01.png') 100% 50% no-repeat !important;
	-webkit-background-size: 20px 8px !important;
	background-size: 20px 8px !important;}
#q-counsel .btn-submit {width:100%; height:40px; font-size:18px; line-height:40px; color:#ffffff; cursor:pointer; font-weight:bold; background:#020202;}
#q-counsel .btn-submit span {position:relative; left:-10px;}
#q-counsel .btn-submit span:after {position:absolute; top:50%; right:-20px; width:15px; height:15px; margin-top:-7px; background:url('../images/common/ico_pen.png') no-repeat; background-size:100% auto; content:'';}
#q-counsel .t01 {font-size:14px;}

#footer {padding-bottom:30px; background:#1f1f1f; text-align:center; }

.footer-menu {display:inline-block; overflow:hidden; vertical-align:top;}
.footer-menu li {position:relative; float:left;}
.footer-menu li+li {margin:0 4px;}
.footer-menu li+li:after {position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background:#717171; content:'';}
.footer-menu li a {display:block; padding-left:4px; font-size:12px; line-height:40px; color:#ffffff;  }

.sns-link {padding-top:17px; text-align:center; border-top:1px solid #323136;}
.sns-link li {display:inline-block; }
.sns-link li img {width:38px;}
.sns-link li+li {margin-left:10px;}


#footer address {padding:15px 10px 0;}
#footer address, #footer p {font-style:normal; font-size:11px; color:#b2b2b2; line-height:17px; text-align:center;}
#footer p span {position:relative; display:inline-block; margin:0 3px; padding:0 3px;}
#footer p span:after {position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background:#717171; content:'';}
#footer address {letter-spacing:-0.5px;}