@charset "utf-8";

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

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}


#header {position:fixed; top:0; left:0; z-index:101; width:100%; height:50px; background:#fff;}
.header_top img {height:50px;}
#header .btn_menu {position:absolute; top:0px; left:0px;}
#header h1 {border-bottom:1px solid #dddddd; text-align:center;}
#header .btn_counsel {display:none; position:absolute; top:0px; right:0px;}
.btn_nation {display:block;}
.nation {position:absolute; top:12px; right:15px;}
.nation img {width:25px; height:25px;}
.nation ul {position:fixed; top:50px; right:-100%; width:90px; background:#efefef; transition:all .4s;}
.nation.on ul {right:0}
.nation li+li {border-top:1px solid #b4b4b4;}		
.nation li a {display:block; padding-left:35px; font-size:12px; color:#7f7f7f; line-height:30px; background:no-repeat 10px center; background-size:18px 18px;}
.nation li.en a {background-image:url('/images/icon/icon_en.png');}
.nation li.th a {background-image:url('/images/icon/icon_th.png');}
.nation li.cn a {background-image:url('/images/icon/icon_ch.png');}
.nation li.jp a {background-image:url('/images/icon/icon_jap.png');}
.nation li.kor a {background-image:url('/images/icon/icon_kor.png');}




#gnb {position:fixed; top:0; left:-120%; z-index:111112; width:94%; height:100%; min-width:320px; transition:left 0.4s;}
#gnb.open {left:0;}
.gnb_logo {width:58%; text-align:center; background:#fff;}
.gnb_logo img {height:50px;}
.gnb_top {width:58%; position:relative; height:53px; padding:0px 40px 0 8px; text-align:center; background:#fff;}
.gnb_top .gnb_logo {width:130px;}
.gnb_top .btn_close {position:absolute; top:20px; right:10px;}
.gnb_top .btn_close img {width:20px}
.gnb_login_link {overflow:hidden; border:1px solid #7e8081; text-align:center;}
.gnb_login_link li {float:left; width:50%;}
.gnb_login_link li+li {border-left:1px solid #515659;}
.gnb_login_link li a {display:block; font-size:15px; color:#717374; line-height:32px;}

.gnb_sns_link {overflow:hidden; width:58%; padding:13px 0; text-align:center; font-size:0; background:#717374;}
.gnb_sns_link li {display:inline-block;}
.gnb_sns_link li+li {margin-left:15px;}
.gnb_sns_link img {height:25px;}

.gnb_scroll {overflow-y:auto; position:absolute; top:104px; left:0px; bottom:0; width:58%; background:#fff;}
.gnb_scroll:before {position:absolute; top:0; right:0; z-index:4; width:1px; bottom:-50px; background:#b4b4b4; content:'';}
/*
.gnb_scroll:after {position:absolute; top:0; left:0; width:58%; bottom:0; border-right:1px solid #b4b4b4; background:#ffffff; content:'';}
.gnb_scroll:before {position:absolute; top:0; left:58%; z-index:4; width:1px; bottom:0; background:#b4b4b4; content:'';}
*/

.gnb_list {position:relative; z-index:2; width:100%; background:#fff;}
.gnb_list > li {position:relative;}
.gnb_list > li > a {display:block; overflow:hidden; padding:11px 20px 11px 15px; border-bottom:1px solid #b4b4b4; font-size:17px; color:#1e1e1e; font-weight:bold; line-height:20px; background:url('../images/common/icon_gnb_arrow.png') no-repeat 95% center #fff; background-size:7px auto;}
.gnb_list .sub {display:none; position:fixed; top:104px; left:54.52%; width:47%; height:2000px; padding-top:8px; background:#efefef;}
.gnb_list .sub a {display:block; position:relative; padding:7px 10px 7px 18px; font-size:13px; color:#333333; line-height:1.25;}
.gnb_list .sub a:before {position:absolute; top:15px; left:12px; width:2px; height:2px; border-radius:50%; background:#333; content:'';}
.gnb_list > li.on > a {background-color:#efefef;}
.gnb_list > li.on .sub {display:block;}

#quick {position:absolute; top:0; width:145px; right:-170px; padding-top:48px; z-index:101; transition:right 0.4s;}
#quick .btn_close {position:absolute; top:12px; right:0;}
#quick .btn_close img {width:22px}
#quick li {margin-top:1px;}
#quick.open {right:4.16%;}

.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(51,51,51,0.85);}
.dimmed_bg.on {display:block;}

#main {margin-top:50px;}


#quick_consult {position:fixed; left:0; right:0; bottom:-265px; z-index:100; padding:20px; background:#3cb6c1; transition:bottom 0.4s;}
#quick_consult .btn_toggle {overflow:hidden; position:absolute; top:-45px; left:50%; width:260px; height:45px; margin-left:-130px; text-indent:-9999px; background:url('../images/common/quick_consult_btn.png') no-repeat 0 0; background-size:auto 100%;}
#quick_consult .frow {position:relative; padding-left:58px;}
#quick_consult .frow label {position:absolute; top:0; left:0; font-size:14px; color:#fff; line-height:30px;}
#quick_consult input[type="text"],
#quick_consult input[type="number"] {height:35px; border:0; background:#fff;}
#quick_consult textarea {height:60px; border:0 !important;}
#quick_consult .frow+.frow {margin-top:5px;}
#quick_consult .agree_cont {padding:5px 0 10px 58px; font-size:12px; color:#fff; line-height:18px;}
#quick_consult .agree_cont * {vertical-align:middle;}
#quick_consult .agree_cont .checkbox {font-size:12px; color:#fff;}
#quick_consult .agree_cont a {display:inline-block;}
#quick_consult input[type="submit"] {width:100%; height:50px; font-size:18px; color:#fff; font-weight:bold; background:#0b4b63;}

#quick_consult.open {bottom:0;}
#quick_consult.open .btn_toggle {background-position:right 0;}

#footer {padding:8.3% 4%;}
.f_menu {font-size:0; text-align:center;}
.f_menu li {display:inline-block; width:50%; margin-top:-1px; margin-left:-1px; border:1px solid #666666;}
.f_menu a {display:block; font-size:12px; color:#666666; line-height:30px;}
.b_logo {display:block; width:132px; margin:30px auto 10px;}
address,
.copyright {margin:0 -10px; font-size:13px; color:#656565; line-height:1.2; text-align:center;}
address span {display:inline-block; position:relative; padding:0 8px;}


#f_sns {margin-top:25px; text-align:center;}
#f_sns a {display:inline-block; width:28px;vertical-align:top;}
#f_sns a+a {margin-left:12px;}

#lang {position:relative; width:200px; height:35px; margin:11px auto 0; }
#lang.open {}
#lang > a {padding:0 14px; background:url('/images/common/icon_arrow_under.png') no-repeat 170px center; background-size:13px auto;}
#lang > a:before {display:inline-block; width:18px; height:18px; margin-right:10px; border-radius:35px; vertical-align:middle; background:url('/images/common/icon_worldwide.png') no-repeat left center; background-size:cover; content:'';}
#lang a {display:block; line-height:35px; border-radius:35px; background-color:#eaeaea}
#lang ul {overflow:hidden; position:absolute; top:38px; left:0; z-index:5; width:100%; height:0;  transition:all .4s ease;}
#lang.open ul {height:150px;}
#lang li {margin-top:3px; background:#fff;}
#lang li a {padding-left:20px;}


#lnb {position:relative; z-index:10; height:40px;}
#lnb > ul {display:inline-block; width:100%; }
#lnb > ul > li {position:relative; float:left; width:50%; height:40px; border-bottom:1px solid #dddddd;}
#lnb > ul > li+li {border-left:1px solid #dddddd;}
#lnb > ul > li > a {position:relative; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px 0 15px; font-size:14px; font-weight:bold; color:#181818; line-height:39px;}
#lnb > ul > li > a:after {position:absolute; top:50%; right:10px; width:11px; height:8px; margin-top:-4px; background:url('../images/common/icon_lnb_arrow.png') no-repeat center; background-size:100% auto; content:'';}
#lnb > ul > li.on > a:after {transform:rotate(180deg);}
#lnb > ul > li.s02 .sub {left:-1px;}
#lnb .sub {display:none; position:absolute; top:40px; left:0; right:-1px; background:#f8f8f8;}
#lnb .sub a {display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; padding-left:15px; font-size:14px; color:#353535; line-height:39px; background:#fff; border-bottom:1px solid #b8b8b8;}
#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;}

.map_link img {width:100%;}
.map_link {overflow:hidden;}
.map_link li {float:left; width:50%;}

#pop_location {position:fixed; bottom:-150%; left:10px; right:10px; z-index:1000; padding:15px; text-align:center; transform:translateY(50%); border-radius:11px; background:#eeeeee; transition:all .4s ease;}
#pop_location.open {bottom:50%;}
#pop_location .btn_close {position:absolute; top:-57px; right:0; width:}
#pop_location .img {width:134px; margin-bottom:10px;}
#pop_location .tit {border-top:1px solid #d7d4d4;}
#pop_location .tit h2 {padding-top:17px; font-size:18px; color:#333333; }
#pop_location .tit h2 em {font-weight:bold;}
#pop_location .tit .txt {margin-top:6px; font-size:12px; color:#333333; line-height:1.3;}
#pop_location .frow {padding:3px 0;}
#pop_location .frow+.frow {margin-top:3px;}
#pop_location .check_area {margin-top:3px; text-align:left; }
#pop_location input[type="text"] {width:100%; height:30px; padding:0 10px; font-size:12px; color:#7d7d7d;}
#pop_location input[type="image"] {margin-top:8px;} 
#pop_location .btn_close {position: absolute; top: -28px; right: 0; width:23px;height:23px;}
#pop_location .btn_submit {width:100%; height:30px; margin-top:10px; font-size:13px; color:#fff; border-radius:30px; background:#526151;}
.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;}
.dimmedbg.on {top:0;}


.map_link {overflow:hidden;}
.map_link li {float:left; width:50%;}
.map_link a {display:block; font-size:16px; font-weight:16px; padding:0 20px 0 40px; text-align:center; line-height:40px; font-weight:bold; background:no-repeat 20px center; background-size:17px auto;}
.map_link .s01 a {color:#8e8978; background-image:url('/images/main/icon_map_kakao.png'); background-color:#f2f0eb;}
.map_link .s02 a {color:#647b75; background-image:url('/images/main/icon_map_naver.png'); background-color:#bad8d0;}
.map_link .s03 a {color:#a46c6c; background-image:url('/images/main/icon_map_google.png'); background-color:#edc8c8;}
.map_link .s04 a {padding:0; color:#8e8978; background:#f2f0eb;}