@charset "utf-8";
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }

body{-webkit-overflow-scrolling : touch !important;}
body.open { width:100%; height:100%; position:fixed; overflow:hidden !important; }
#wrap {width:100%; min-width:320px; overflow:hidden; }
#header { position:relative; height:60px; z-index:1001; background:#b38a78; }
#header h1 { padding-top:10px; text-align:center; }
#header h1 a { display:inline-block; width:150px; padding-left:10px;}
#header h1 a .hidden { display:none; }
#header > a {display:inline-block; overflow:hidden; position:absolute;}
#header > a.btn_menu {top:23px; right:24px; width:22px; }
#header > a.btn_counsel { top:19px; left:24px; width:34px; height:30px; text-indent:-9999px; background:url('/images/common/m-gnb-left.png')no-repeat; background-size:100% auto; }
#header > a.btn_counsel.on { top:20px; width:20px; height:30px; background:url('/images/common/btn_close.png')no-repeat; background-size:100% auto; }

.lan_list {position:absolute; top:21px; right:52px;}
.lan_list li {float:left; margin-left:5px;} 
.lan_list img {width:19px;}

#gnb {position:fixed; top:0px; right:-100%; bottom:0px; z-index:1000; width:100%; height:100%; background:#fff;  -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
#gnb:before {position:fixed; top:0px; right:0px; bottom:0px; width:0px; height:100%; opacity:0; background:#fff; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content:'';}
#gnb.on {right:0px; }
#gnb.on:before {width:640px; opacity:1; z-index:-10; }
#gnb .gnb_top {height:60px; background:#b38a78;}
#gnb .gnb_top .logo_on {overflow:hidden; position:absolute; top:12px; left:50%; margin-left:-60px; width:150px; }
#gnb .gnb_top .btn_close {overflow:hidden; position:absolute; top:24px; right:24px; width:16px; }

#gnb .gnb_menu { border-top:1px solid #c3a091; background:#b38a78; border-bottom:1px solid #c3a091; }
#gnb .gnb_menu ul:after { content:''; display:block; clear:both; }
#gnb .gnb_menu ul li { float:left; width:49.8%; /*line-height:69px;*/ padding:10px 0; font-size:13px; text-align:center; }
#gnb .gnb_menu ul li:nth-of-type(1) { border-right:1px solid #c3a091; }
#gnb .gnb_menu ul li a { color:#ffffff; display:block; }

#gnb .q_menu { text-align:center;  }
#gnb .q_menu ul { display:block; }
#gnb .q_menu ul:after { content:''; display:block; clear:both; }
#gnb .q_menu ul li { float:left; width:20%; }
#gnb .q_menu ul li img { width:100%; }
#gnb .q_menu ul li:last-of-type { padding-right:0; }
#gnb .q_menu ul li:after { content:''; display:block; clear:both; }

#gnb .bna_quick { background:#b38a78; text-align:center; }
#gnb .bna_quick a { color:#fff; font-size:14px; line-height:40px; }

#gnb > ul {overflow:hidden; width:100%; /*border-top:1px solid #c2c2c2;*/}
#gnb > ul > li {  }
#gnb > ul > li > a{ display:block; position:relative; padding-left:30px; font-size:26px; color:#8b8b8b; line-height:40px; font-weight:400; background:#231f20;}
#gnb > ul > li > a:after {position:absolute; top:29px; right:38px; width:21px; height:12px; content:'';}
#gnb .subex0 > a{ display:block; position:relative; padding-left:0 !important; font-size:14px; color:#fff; line-height:40px; font-weight:400; background:#b38a78; border-radius:1px solid #e2e2e2; text-align:center; }
#gnb .subex0 > a:after {position:absolute; top:10px; right:18px; width:20px; height:31px; background:url('../images/common/ico_menu2.png') no-repeat 0 0; content:''; background-size:100% auto; }
#gnb .subex0 > .menu01:after { right:36%; }
#gnb .subex0 > .menu02:after { right:29%; }
#gnb .subex0 > .menu03:after { right:34%; }
#gnb .subex0 > .menu04:after { right:30%; }
#gnb .subex0 > .menu05:after { right:30%; }
#gnb .subex0 > .menu06:after { right:27%; }
#gnb .subex0 > .menu07:after { right:32%; }
#gnb .subex0 > .menu08:after { right:27%; }
#gnb .subex0 > .menu09:after { right:31%; }
#gnb > ul > li > a { border-bottom:1px solid #c3a091; }
#gnb > ul > li.on > a {border-bottom:none; color:#fff; background:#b38a78; border-bottom:1px solid #c3a091; }
#gnb > ul > li.on > a:after{ background-position:0 0; width:20px; background:url('../images/common/ico_menu.png')no-repeat; background-size:100% auto; }
#gnb .sub {display:none; overflow:hidden; background:#fff;}
#gnb .sub > li > a {display:block; padding-left:6px; font-size:14px; color:#3f3e3d; line-height:40px; border-bottom:1px solid #afafaf; text-align:center;}
#gnb .sub > li > a:before { position:relative; top:-8px; left:-8px; display:inlinek; -bloccontent:''; width:7px; height:1px; background:#fff; }
#gnb .sub > li.on > a {color:#fff; background-color:#9d9d9d;}
#gnb > ul > li.on .sub {display:block; position:relative; z-index:5; }
#gnb .sub > li.on .depth3 {display:block;}
#gnb .depth3 {display:none; text-align:center; background:#dadada;}
#gnb .depth3 a {display:block; color:#3f3e3d; font-size:13px; line-height:40px; }
#gnb .depth3 li {border-bottom:1px solid #afafaf;}



.dimmed_bg {display:none; position:fixed; top:0px; left:0px; z-index:101; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.8);}

#top_quick { position:absolute; top:-200px; right:0; left: 0; background:rgba(255,255,255,0.9);-webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#top_quick.on { top:60px; }
#top_quick ul li { text-align:center; border-bottom: 1px solid #b5b5b5; }
#top_quick ul li a { display:inline-block; width: 110px; padding:14px 0; font-size:12px; color:#3f3e3d; }
#top_quick ul li a > span { display:inline-block; padding-left:20px; }
#top_quick ul li .top_counsel_btn01 { position:relative; }
#top_quick ul li .top_counsel_btn01:before { position:absolute; left:-14px; top:6px; content:''; width:30px; height:30px; display:inline-block; background:url('/images/common/c_icon01.png')no-repeat top center; background-size:100% auto; }

#top_quick ul li .top_counsel_btn02 { position:relative; }
#top_quick ul li .top_counsel_btn02:before { position:absolute; left:-14px; top:6px; content:''; width:30px; height:30px; display:inline-block; background:url('/images/common/c_icon02.png')no-repeat top center; background-size:100% auto; }

#top_quick ul li .top_counsel_btn03 { position:relative; }
#top_quick ul li .top_counsel_btn03:before { position:absolute; left:-14px; top:6px; content:''; width:30px; height:30px; display:inline-block; background:url('/images/common/c_icon03.png')no-repeat top center; background-size:100% auto; }

#top_quick ul li .top_counsel_btn04 { position:relative; }
#top_quick ul li .top_counsel_btn04:before { position:absolute; left:-14px; top:6px; content:''; width:30px; height:30px; display:inline-block; background:url('/images/common/c_icon04.png')no-repeat top center; background-size:100% auto; }

.bf_site { text-align:center; padding-top:20px; }
.bf_site > a { display:inline-block; font-size:15px; font-weight:bold; color:#fff; padding:10px; background:#b38a78; }



#lnb {position:relative; z-index:10; height:39px;}
#lnb:after { content:''; display:block; clear:both; }
#lnb > ul {display:inline-block; width:100%; }
#lnb > ul > li {position:relative; float:left; width:50%; height:40px; letter-spacing:-0.09em; border-right:1px solid #484848; }
#lnb > ul > li > a {position:relative; display:block; padding-left:13px; font-size:13px; font-weight:bold; color:#333333; line-height:39px;}
#lnb > ul > li > a:after {position:absolute; top:40%; right:12px; width:18px; height:10px; background:url('../images/common/ico_sub_menu.png') no-repeat; background-size:100% auto; content:'';}
#lnb > ul > li.on > a:after {background-image:url('../images/common/ico_sub_menu.png');}
#lnb > ul > li.s01 > a {background:#b38a78; color:#dedede; }
#lnb > ul > li.s02 > a {color:#c0c0c0; background:#373535;}
#lnb .sub {display:none; position:absolute; top:39px; left:0; width:100%;}
#lnb .sub li {}
#lnb .sub a {display:block; position:relative; padding-left:10px; font-size:14px; color:#353535; line-height:39px; background:#fff; border-bottom:1px solid #cccccc;}
#lnb .sub a:after {position:absolute; top:50%; right:12px; width:7px; height:11px; margin-top:-3px;}
#lnb li.on .sub {display:block; border-right:1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}


/* 푸터 */
#footer { background:#292a2e; padding:10% 0; text-align:center; }
#footer .footer_inner {  }
#footer .footer_inner h2 { padding-bottom:8%; }
#footer .footer_inner h2 img { width:180px; }
#footer .footer_inner address p { color:#aeaeae; padding-bottom:1%; letter-spacing:-1px; font-size:11px; }
#footer .footer_inner address .address_line { padding-bottom:0; text-transform:uppercase; }
#footer .footer_inner ul { display:inline-block; padding-top:6%; }
#footer .footer_inner ul li { float:left; border:1px solid #a4a3a5; margin-left:-1px; }
/*#footer .footer_inner ul li a { color:#d1ced3; display:inline-block; padding:6px 30px; } 210706*/ 
#footer .footer_inner ul li a { color:#d1ced3; display:inline-block; padding:6px 15px; }

#counsel { position:fixed; left:0; right:0; bottom:0; background:#e5e6f6; width:100%; padding:5% 5% 5% 5%; z-index:100;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow-y:scroll; }
#counsel h2 img { width:50%; }
#counsel .counsel_wrap { width:100%; position:relative; top:-6px;}
#counsel .counsel_wrap table {  }
#counsel .counsel_wrap table tr .counsel_box01 { padding-right:6px; }
#counsel .counsel_wrap table tr .counsel_box02 { padding-right:6px; }
#counsel .counsel_wrap table tr .counsel_box03 { padding-right:6px; }

#counsel .counsel_wrap table tr td .agreement { font-size:10px; letter-spacing:-2px; }
#counsel .counsel_wrap table tr td input[type="text"] { width:100%; height:30px; margin-right:4px; }
#counsel .counsel_wrap table tr td input[type="text"]::placeholder { color:#000; }
#counsel .counsel_wrap table tr td input[type="image"] { position:relative; top:-1px; width:90px; }
#counsel .counsel_wrap table tr td textarea { width:100%; height:50px; padding:5px 10px; font-family:'돋움',Dotum,'굴림',Gulim,Tahoma, Geneva, sans-serif,verdana; - See more at: }
#counsel .counsel_wrap table tr td textarea::placeholder { color:#000; }

.counsel_fixed { bottom:-200px !important; }