@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; min-width:320px; width:100%; height:55px; padding-top:0px; text-align:center; background:rgba(0,0,0,0.5);}
#header .btn_menu {position:absolute; top:15px; left:20px; width:23px;}
#header .btn_menu img {width:25px;}
#header .logo {position:relative; z-index:101; width:114px; margin:auto; padding-top:8px; text-align:center;}
#header .logo img {width:114px;}
#header .btn_counsel {position:absolute; top:13px; right:58px; width:28px;}
#header .btn_counsel img {width:28px; height:26px;}
#header .btn_price_counsel {position:absolute; top:10px; right:20px; color:#fff; font-size:13px; color:#fff; line-height:15px;}
#header .top_lang {position:absolute; top:16px; left:58px;}
#header .top_lang > a {position:relative; display:inline-block; padding-left:38px; padding-left: 0; font-size:14px; color:#aaa; color: #fff; line-height:18px; vertical-align:top;}
#header .top_lang > a:before {position:absolute; bottom:-1px; left:0;  width:27px; height:20px; background:no-repeat left center; content:'';}
#header .top_lang > a.kor:before {background-image:url('../images/icon/icon_kor.jpg');}
#header .top_lang > a span {display:inline-block; padding:0 17px 0 8px; padding: 0 8px; border-bottom:1px solid #aaaaaa; border-bottom: 1px solid #fff; background:url('../images/icon/icon_lang_arrow.png') no-repeat center right;}
#header .top_lang .other {overflow:hidden; position:absolute; top:25px; left:-10px; right:-10px; height:0; background:#2f2f2f; transition:all 0.4s;}
#header .top_lang .other .list {padding:10px;}
#header .top_lang .other a {position:relative; display:inline-block; display: block; padding-left:45px; padding-left: 0; font-size:14px; color:#aaa; line-height:18px; vertical-align:top; background: no-repeat 10px center url('../images/icon/icon_cn.jpg');}
#header .top_lang.open .other {height:40px;}

#gnb {position:fixed; top:0; left:-120%; z-index:100; width:100%; height:100%; min-width:320px; padding-top:10px; background:rgba(34,34,34,0.9); transition:left 0.4s;}
#gnb.open {left:0;}
#gnb img {width:100%;}
.gnb_logo {text-align:center;}
.gnb_logo img {height:32px;}
#gnb .btn_close {position:absolute; top:15px; right:15px; width:26px;}
.gnb_scroll {overflow-y:auto; position:absolute; top:55px; left:0; right:0; bottom:0; padding:0 10px 30px;}

.gnb_login_link {overflow:hidden; padding:0 15px; text-align:center; border:1px solid #bdbdbd;}
.gnb_login_link li {float:left; width:50%; }
.gnb_login_link li+li {margin:0 -1px; border-left:1px solid #ebebeb;}
.gnb_login_link li a {display:block; font-size:15px; color:#fff; line-height:39px;}

.gnb_quick {overflow:hidden; margin-top:1px; margin-left:-1px;}
.gnb_quick img {width:100%;}
.gnb_quick li {float:left; width:16.666%; padding-left:1px;}
.gnb_quick li a {display:block;}

#gnb_list {position:relative;}
#gnb_list {overflow:hidden; margin-top:1px; margin-left:-1px;}
#gnb_list > li {position:relative; float:left; width:50%;}
#gnb_list > li:nth-child(2n+1) {clear:both;}
#gnb_list > li > a {position:relative; display:block; font-size:17px; color:#000000; line-height:40px; background:#fff; border-bottom:1px solid rgba(34,34,34,0.9); border-left:1px solid rgba(34,34,34,0.9); font-weight:bold;}
#gnb_list > li > a:after {position:absolute; top:50%; right:12px; width:18px; height:9px; margin-top:-4px; background:no-repeat center; background-size:contain; content:'';}
#gnb_list > li.on > a {color:#f4f4f4; background:#c6a46b; }
#gnb_list > li.on > a:after {background-image:url('/images/common/icon_gnb_arrow.png');}
#gnb_list > li.on .sub {display:block; position:relative;}
#gnb_list > li:nth-child(2n) .sub {margin-left:-100%;}
#gnb_list .sub {display:none; overflow:hidden; position:relative; width:200%; background:#1f1f1f;}
#gnb_list .sub li {float:left; width:50%; border-right:1px solid #404040; border-bottom:1px solid #404040;}
#gnb_list .sub li a {font-size:14px; color:#fff; line-height:38px;}
#gnb_list .sub li+li {}

#sub_bna {overflow:hidden; padding:40px 15px; background:#e2d4c7;}
#sub_bna img {width:100%;}
#sub_bna h3 {margin-bottom:0;}
#sub_bna .bna_tab {overflow:hidden; position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#sub_bna .bna_tab:before {position:absolute; top:0; left:50%; width:3000px; height:1px; margin-left:-1500px; background:#ffffff; content:'';}
#sub_bna .bna_tab a {display:block; position:relative; font-size:13px; color:#414142; line-height:40px; transition:color 0.4s;}
#sub_bna .bna_tab a:after {position:absolute; top:-1px; left:0; right:0; height:2px; background:#bb9a66; opacity:0; content:''; transition:opacity 0.4s;}
#sub_bna .bna_tab li {display:inline-block;}
#sub_bna .bna_tab li.on a {color:#bb9a66;}
#sub_bna .bna_tab li.on a:after {opacity:1;}
#sub_bna .data {display:none;}
#sub_bna_swiper {position:relative;}
#sub_bna_swiper .login {position:absolute; top:0; left:0; width:50%; bottom:30px; z-index:10; padding-top:0; text-align:center; font-size:13px; color:#fff;background:rgba(0,0,0,0.8);}
#sub_bna_swiper .login > p {position:absolute; top:50%; left:0; width:100%; padding:0 10px; text-align:center; transform:translateY(-50%);}
#sub_bna_swiper .login em {color:#bb9a66}
#sub_bna_swiper .title {font-size:13px; color:#fff; line-height:30px; text-align:center; background:#bb9a66;}
#sub_bna_swiper .bna_img {overflow:hidden; background:#fff;}
#sub_bna_swiper .bna_img p {float:left; position:relative; width:50%; padding-bottom:62.95%;}
#sub_bna_swiper .bna_img p img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%);}
#sub_bna_swiper .swiper-button-prev,
#sub_bna_swiper .swiper-button-next {top:auto; bottom:30px; width:30px; height:30px;  background:no-repeat center; border:1px solid #000;  background-size:cover;}
#sub_bna_swiper .swiper-button-prev {left:50%; z-index:100; margin-left:-29px;background-image:url('/images/common/btn_prev.png');}
#sub_bna_swiper .swiper-button-next {right:50%; margin-right:-30px; background-image:url('/images/common/btn_next.png');}
#sub_bna_swiper .swiper-button-next:after, 
#sub_bna_swiper .swiper-button-prev:after {display:none;}


#b_counsel {position:fixed; z-index:100; text-align:center; left:0; right:0; bottom:-307px; height:307px; transition:all .4s;}
#b_counsel.open {bottom:0;}
#b_counsel .inwrap {padding:0 15px 35px; background:#5b6268;}
#b_counsel h2 {text-align:center;}
#b_counsel h2 img {width:273px;}
#b_counsel .btn_q_counsel {position:absolute; top:-40px; left:50%; width:130px; height:40px; margin-left:-65px; text-align:center; font-size:16px; line-height:40px; color:#fff; font-weight:bold; background:#363b3f;}
#b_counsel .btn_q_counsel span {font-size:12px; margin-left:5px;}
#b_counsel .txt_close {display:none;}
#b_counsel.open .txt_open {display:none;}
#b_counsel.open .txt_close {display:inline-block;}
#b_counsel .btn_q_counsel img {width:98px; height:28px;}
#b_counsel img {width:100%;}
#b_counsel .c_col+.c_col {margin-top:5px;}
#b_counsel .b_inwrap {padding:0 15px; text-align:left;}
#b_counsel input[type="text"] {width:100%; height:27px; border:0 !important; font-size:13px; color:#858585; }
#b_counsel select {width:100%; height:27px; margin-top:5px; border:0 !important; font-size:13px; color:#858585; background:url('/images/common/sel_arrow.jpg') no-repeat center right #fff !important; -webkit-background-size: 32px 42px !important; background-size:27px auto !important;}
#b_counsel .check_box {position:relative; height:35px; margin:0; font-weight:300; color:#fff; font-size:16px; line-height:22px;}
#b_counsel .check_box input[type="checkbox"] {position:absolute; top:0; left:0; width:15px; height:15px; opacity:0; }
#b_counsel .check_box label {position:relative; padding-left:20px; font-size:13px; color:#fff;}
#b_counsel .check_box label:before {position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-8px; border:1px solid #3c3c41; background:#fff; content:'';}
#b_counsel .check_box input[type="checkbox"]:checked+label:before {background: url('/images/icon/icon_chk.png') no-repeat center #fff;}
#b_counsel .check_box a {position:absolute; top:0; right:0; font-size:13px; font-weight:bold;} 
#b_counsel .btm_submit {width:100%; height:42px; font-size:17px; color:#fff; font-weight:bold; line-height:42px; background:#353b40;}

#footer {padding:0 15px 50px; text-align:center;}
#footer .blogo {}
#footer .blogo img {width:125px;} 

.fcont {margin-top:17px;}
.fmenu {display:inline-block;}
.fmenu li {display:inline-block; padding:0 5px; font-size:14px; color:#545454; font-weight:bold;}
.fmenu+.fmenu {margin-top:0px;}

#address {margin-top:7px; font-size:13px; color:#616161; line-height:1.5;}
#address span {display:inline-block;}
#address span+span {margin-left:5px;}


#fban {margin:20px auto 0; font-size:0;}
#fban ul {overflow:hidden; margin:-2px;}
#fban li {float:left; width:33.33%; padding:2px;}
#fban li img {width:100%;}

#q_pop {position:fixed; bottom:50px; right:22px; z-index:90; width:100px;}
#q_pop .pop_cont {position:relative; margin-top:35px;}
#q_pop .pop_cont img {width:100%;}
#q_pop .pop_cont .btn_close {position:absolute; top:-16px; right:-7px;}
#q_pop .pop_cont .btn_close img {width:16px; height:16px;}