@charset "utf-8";

#wrap {overflow:hidden; position:relative; width:100%; min-width:1400px; margin:0 auto;}
#header {position:absolute; top:0; left:0; z-index:111; width:100%; min-width:1500px; height:140px; background:#fff;}
#header .header_top {position:relative; height:83px; border-bottom:1px solid #efefef;}
#header h1 {padding-top:20px; text-align:center; transition:all .4s ease;}
.top_sns {position:absolute; top:22px; left:130px; font-size:0; }
.top_sns li {display:inline-block;; margin-right:17px; font-size:17px; color:#333333; line-height:23px; vertical-align:middle;}

.top_util {position:absolute; top:30px; right:130px; }
.top_util li {float:left; position:relative;}
.top_util li+li:before {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#cececf; content:'';}
.top_util a {display:block; padding:0 10px; font-size:15px; color:#717374; letter-spacing:0;}

.top_lang {position:absolute; top:29px; right:280px;}
.top_lang li {float:left; margin-left:10px;}
.top_lang li a {display:block; font-size:12px; color:#717374; line-height:26px;}
.top_lang li a span {display:inline-block; margin-left:4px;}
.top_lang li a * {vertical-align:middle;}


.header_bottom {text-align:center;}
#gnb {position:relative; max-width:1500px; margin:0 auto; padding-right:30px; transition:all .4s ease;}
#gnb:after {position:absolute; top:57px; left:50%; width:5000px; margin-left:-2500px; height:0; background:rgba(255,255,255,0.95); transition:height .4s ease; -webkit-transition:height .4s ease; content:'';}
#gnb:before {position:absolute; top:57px; left:0; z-index:5; width:5000px; margin-left:-2500px; height:1px; background:#c7c7c7; opacity:0; content:'';  transition:all .4s ease; -webkit-transition:all .4s ease;}
.gnb_list {position:relative; overflow:hidden; height:57px; position:relative; z-index:10; transition:all .4s ease; -webkit-transition:all .4s ease;}
.btn_menu {position:absolute; top:21px; right:0; font-size:0; text-align:center;}
#gnb .depth1 {display:inline-block; position:relative; width:8.5%; vertical-align:top;}
#gnb .depth1 > a {position:relative; display:block; height:57px; padding:17px 0; font-size:19px; color:#333333; font-weight:400; text-align:center; transition:color .4s ease; -webkit-transition:color .4s ease; content:'';}
#gnb .depth1 > a:after {position:absolute; bottom:-1px; left:50%; right:50%; height:1px; background:#526151; transition:all .4s ease; -webkit-transition:all .4s ease; content:'';}
#gnb .depth1.on > a {color:#526151;}
#gnb .depth1.on > a:after, #gnb .depth1 > a:hover:after {left:10px; right:10px;}
#gnb .depth1.wide {width:9.5%;}
#gnb ul ul {padding:34px 10px;}
#gnb .depth2 > a {display:block; font-size:17px; color:#333333; line-height:1.17; transition:all .4s ease; -webkit-transition:all .4s ease;}
#gnb .depth2 > a {padding-bottom:17px;}
#gnb .depth2 > a:hover {color:#526151}



#header.fixed_top {position:fixed; top:-83px;}
#header.fixed_top h1 {position:absolute; left:60px; top:76px;}
#header.fixed_top h1 img {width:192px;}
#header.fixed_top .top_util {top:101px; right:60px;}
#header.fixed_top #gnb {max-width:none; margin-right:230px; margin-left:280px;}
#header.fixed_top .btn_menu {top:17px;}
/* #header.fixed_top #gnb .depth1.hsize a {padding-top:10px;} */
#header.gnb_open #gnb:after {height:400px;}
#header.gnb_open #gnb .gnb_list {height:400px;}
#header.gnb_open #gnb:before {opacity:1;}

#header.fixed_top #gnb .depth1.hsize > a {padding-top:7px;}


.fixed_consult {position:fixed; bottom:80px; right:135px; z-index:11110;}
.fixed_consult .txt {position:absolute; top:-45px; left:-82px;}

#quick {position:absolute; top:200px; right:15px; width:66px; z-index:11; text-align:center; }
#quick a {display:inline-block; padding:12px 0;}

#main {margin-top:140px;}
#footer {padding:50px 0; border-top:1px solid #dcdcdc; text-align:center;}
#footer .inwrap {position:relative; width:1260px; margin:0 auto; padding-top:18px;}



.lang {position:absolute; top:0; right:0; text-align:left; width:215px; border-radius:45px; -webkit-border-radius:45px; background:url('/images/icon/icon_arrow01.png') no-repeat right center #eaeaea;}
.lang a {display:block; padding-left:55px; font-size:17px; color:#5b5a5a; line-height:45px;  background:url('/images/icon/icon_world.png') no-repeat 17px center ;}
.lang img {margin-top:12px; margin-right:12px;}
.lang:hover .nation {height:180px;}
.nation {overflow:hidden;position:absolute; top:45px; left:0; width:100%; height:0; transition:all .4s ease; -webkit-transition:all .4s ease;}
.nation li {margin-top:10px; background:#eaeaea; border-radius:45px; -webkit-border-radius:45px;}
.nation li > a {line-height:35px; background-image:none;}
/*
.nation li.kor > a {background-image:url('/images/icon/ico_korea.png')}
.nation li.en > a {background-image:url('/images/icon/icon_en.png')}
.nation li.cn > a {background-image:url('/images/icon/icon_chi.png')}
.nation li.th > a {background-image:url('/images/icon/icon_th.png')}
.nation li.jp > a {background-image:url('/images/icon/icon_jp.png')}
*/

#footer .fmenu {display:inline-block; margin:40px 0 30px;}
#footer .fmenu li {float:left; position:relative;}
#footer .fmenu li+li:before {position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#e9e9e9; content:'';}
#footer .fmenu a {display:block; padding:0 13px; font-size:19px; color:#5b5a5a;}
.address {margin-top:30px;}
.address,
.copyright {font-size:17px; color:#5b5a5a; line-height:30px; letter-spacing:0;}
.address span {display:inline-block; padding:0 10px;}



#qcounsel_pop {}
#qcounsel_pop:before {position:fixed; top:0; right:0; bottom:0; left:100%; opacity:0; z-index:1000; background:rgba(67,67,67,0.85); content:''; transition:opacity 0.4s;}
#qcounsel_pop .box {position:fixed; top:50%; right:-700px; z-index:1001; width:400px; margin-top:-260px; border-radius:20px; background:#eeeeee; transition:right 0.4s;}
#qcounsel_pop .btn_close {position:absolute; top:-57px; right:0;}
#qcounsel_pop h2 {padding-left:88px; border-radius:10px 10px 0 0; font-size:35px; color:#fff; line-height:100px; text-align:left; background:url('/images/common/icon_qcounsel.png') no-repeat 30px 30px #b4cbb7;}
#qcounsel_pop .fbox {padding:30px;}
#qcounsel_pop input[type="text"] {width:100%; height:50px; margin-bottom:10px; padding:0 20px; border:0; font-size:20px; color:#7d7d7d;}
#qcounsel_pop textarea {width:100%; height:110px; margin-bottom:10px; padding:10px 20px; border:0; font-size:20px; color:#7d7d7d;}
#qcounsel_pop .check_area {font-family: 'Nanum Gothic',맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, Dotum; font-size:16px; color:#7d7d7d;}
#qcounsel_pop .check_area a {color:#526151; font-weight:bold;}
#qcounsel_pop .btn_submit {width:340px; height:60px; margin-top:30px; border:0; border-radius:30px; font-size:28px; color:#fff; background:#526151; cursor:pointer;}

#qcounsel_pop.open:before {opacity:1; left:0;}
#qcounsel_pop.open .box {right:200px;}


.map_link {overflow:hidden; margin-top:14px;}
.map_link li {float:left; width:150px;}
.map_link a {display:block; font-weight:16px; padding-left:33px; text-align:center; line-height:40px; font-weight:400; background:no-repeat 18px center;}
.map_link .s01 a {color:#8e8978; background-image:url('/images/icon/icon_map_kakao.png'); background-color:#f2f0eb;}
.map_link .s02 a {color:#647b75; background-image:url('/images/icon/icon_map_naver.png'); background-color:#bad8d0;}
.map_link .s03 a {color:#a46c6c; background-image:url('/images/icon/icon_map_google.png'); background-color:#edc8c8;}
.map_link .s04 a {padding-left:0; color:#8e8978; background-color:#f2f0eb;}


.map_link {overflow:hidden; margin-top:14px;}
.map_link li {float:left; width:150px;}

.map_link.type02 {margin-top:0;}
.map_link.type02 li {width:165px;}


#pop_location {position:fixed; bottom:-150%; left:50%; z-index:1000; width:400px; height:485px; margin-bottom:-240px; margin-left:-200px; padding:30px; text-align:center; border-radius:22px; -webkit-border-radius:22px; background:#eeeeee; transition:all .4s ease; -webkit-transition:all .4s ease;}
#pop_location.open {bottom:50%;}
#pop_location .btn_close {position:absolute; top:-57px; right:0;}
#pop_location .img {margin-bottom:20px;}
#pop_location .tit {padding-bottom:19px; border-top:1px solid #d7d4d4;}
#pop_location .tit h2 {padding-top:17px; font-size:35px; color:#333333; font-weight:300;}
#pop_location .tit h2 em {font-weight:700;}
#pop_location .tit .txt {margin-top:12px; font-size:20px; color:#333333; line-height:26px;}
#pop_location .frow {padding:5px 0;}
#pop_location .check_area {margin-top:6px; text-align:left; }
#pop_location input[type="text"] {width:100%; height:50px; padding:0 20px; font-size:21px; color:#7d7d7d;}
#pop_location input[type="image"] {margin-top:17px;} 
#pop_location .btn_close {position: absolute; top: -57px; right: 0;}
.dimmedbg {position:fixed; top:auto; bottom:0; right:0; left:0; z-index:999; background:rgba(67,67,67,0.85); transition:all .4s ease; -webkit-transition:all .4s ease;}
.dimmedbg.on {top:0;}

@media all and (max-width:1850px){	
	#header.fixed_top h1 {left:10px;}
	#header.fixed_top .top_util {right:10px;}
	#header.fixed_top #gnb {margin-left:220px; margin-right:160px;}
}
@media all and (max-width:1700px){	
	#gnb .depth1 > a {font-size:17px;}
	#gnb .depth2 a {font-size:15px; }
	.btn_menu {top:19px; right:0; }
}