@charset "utf-8";

@import url("font/font.css");

#wrap {overflow:hidden; width:100%; min-width:1280px; margin:auto;}
#header {overflow:hidden; position:fixed; top:0px; left:0; z-index:100; width:100%; height:150px; transition:all 0.4s;}
#header:before {position:absolute; top:0; left:0; right:0; height:150px; background:rgba(51,51,51,0.8); content:''; transition:background 0.6s;}
#header.open {height:210px}
#header:after {position:absolute; top:100px; left:0; width:100%; height:1px; background:rgba(232,232,232,0.1); content:'';}
#header_top {position:relative; z-index:101; width:100%; max-width:1400px; min-width:1280px; margin:auto; height:100px; padding-top:16px; }
#header .logo {text-align:center;}
#top_util_box {position:absolute; top:40px; right:0;}
#top_util_box * {vertical-align:middle;}
#top_util_box .top_menu {display:inline-block; color:#fff; font-size:0;}
#top_util_box .top_menu li {display:inline-block;}
#top_util_box .top_menu li+li {margin-left:20px;}
#top_util_box .top_menu a {font-size:16px; }
#top_util_box .top_menu a:before {display:inline-block; width:5px; height:5px; margin-right:10px; vertical-align:middle; border-radius:50%; -webkit-border-radius:50%; background:#bb9a66; content:'';}
#top_util_box .member_link {display:inline-block; font-size:0; margin:0 0 0 17px;}
#top_util_box .member_link li {display:inline-block;}
#top_util_box .member_link li+li {border-left:1px solid #aaaaaa;}
#top_util_box .member_link a {display:inline-block; padding:0 15px; font-size:14px; color:#a9a9a9; line-height:14px;}
#header .top_lang {position:absolute; top:40px; left:0;}
#header .top_lang > a {position:relative; display:inline-block; padding-left:38px; font-size:14px; color:#aaa; 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.jp:before {background-image:url('../../../images/icon/icon_jpn.jpg');}
#header .top_lang > a span {display:inline-block; padding:0 17px 0 8px; border-bottom:1px solid #aaaaaa; 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; padding-left:45px; 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 .other a.kor {background-image:url('../../../images/icon/icon_kor.jpg');}
#header .top_lang .other a.jpn {background-image:url('../../../images/icon/icon_jpn.jpg');}
#header .top_lang.open .other {height:40px;}




#gnb {overflow:hidden; position:relative; height:50px; z-index:100; transition:all 0.4s; -webkit-transition:all 0.4s;}
#gnb:after {position:absolute; top:50px; left:50%; width:10000px; height:60px; margin-left:-5000px; background:rgba(255,255,255,0.8); content:''; transition:all 0.4s;}
#gnb .inwrap {position:relative; width:100%; max-width:1400px; min-width:1280px; margin:auto;}
#gnb .btn_menu {position:absolute; top:0; right:0; padding:17px 0;}
#gnb .gnb_list {margin-left:0px; padding-right:60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#gnb .gnb_list > li {position:relative; display:inline-block;}
#gnb .gnb_list > li > a {display:block; font-size:17px; color:#fff; line-height:50px; transition:all 0.4s; -webkit-transition:all 0.4s;}
#gnb .gnb_list > li.on > a {color:#a3875e; font-weight:bold;}
#gnb .sub {display:none; overflow:hidden; position:absolute; top:50px; left:0; z-index:2; height:60px; width:1400px; transition:all 0.4s;}
#gnb .sub ul {display:inline-block;}
#gnb .sub li {display:inline-block; margin-left:-20px;}
#gnb .sub a {display:block; padding:0 22px; font-size:17px; color:#4f5050; line-height:60px; transition:color 0.4s;}
#gnb li.on .sub a:hover {color:#a3875e;}
#gnb li.on .sub {display:block;}
#gnb li.on .sub a:hover {color:#a3875e;}
/*
#gnb li.s10 .sub {left:-150px;}
#gnb li.s11 .sub {left:-150px;}
#gnb li.s13 .sub {left:-210px;}
*/
#gnb .gnb_list > li.a_right {position:static;}
#gnb .gnb_list > li.a_right .sub {left:auto; right:35px; /* width:500px; */ width: 600px; text-align:right;}


#header.open #gnb {height:110px;}
#header.fixed_top {position:fixed; top:-100px;}
#header.fixed_top:before {background:#fff;}
#header.fixed_top .gnb_list {max-width:1600px; min-width:1280px;}
#header.fixed_top .gnb_list > li > a {color:#333;}

#q_menu {position:fixed; top:151px; right:0; z-index:1001;  width:75px;}
#q_menu li {}
#q_menu li+li {margin-top:1px;}
#q_menu li a {position:relative; display:block; height:75px;}
#q_menu li a i {position:relative; display:block; height:75px; z-index:2; background:url('/images/common/icon_qmenu.png?v=1') no-repeat center top; transition:all 0.4s; -webkit-transition:all 0.4s;}
#q_menu li a span {position:absolute; top:50%; left:100px; z-index:1; width:90px; margin-top:-15px; font-size:15px; color:#fff; line-height:30px; letter-spacing:-0.035em; text-align:center; border-radius:4px; -webkit-border-radius:4px; background:#ad8950; transition:all 0.4s; -webkit-transition:all 0.4s;}
#q_menu li:hover a span {left:-100px;}
#q_menu li a span:after {position:absolute; top:50%; right:-5px; width:7px; height:20px; margin-top:-10px; background:url('/images/common/icon_qmenu_arrow.png') no-repeat center; content:'';}
#q_menu li.s02 a i {background-position:0 -76px;}
#q_menu li.s03 a i {background-position:0 -152px;}
#q_menu li.s04.new a i {background-position:0; background-image: url(/images/common/right_btn_Line_a.png); background-size: cover; background-color: rgba(255,255,255, .6);}
/* #q_menu li.s04 a i {background-position:0 -228px;} */
#q_menu li.s05 a i {background-position:0 -304px;}
#q_menu li.s06 a i {background-position:0 -380px;}
#q_menu li.s07 a i {background-position:0 -456px;}
#q_menu li.s08 a i {height:30px;background-position:0 -532px;}
#q_menu li:hover a i {background-image:url('/images/common/icon_qmenu_on.png?v=1')}
#q_menu li.s04:hover.new a i {background-position:0; background-image: url(/images/common/right_btn_Line.jpg);}

#qcounsel {position:fixed; top:374px; right:-400px; z-index:1000; width:350px; padding:35px 30px 40px; background:#b18d55; transition:right 0.4s; -webkit-transition:right 0.4s;}
#qcounsel .check_box label:before {border-color:#81591a}
#qcounsel .btm_submit {background:#3f3930;}
#qcounsel .btn_close {position:absolute; top:40px; right:30px;}
#qcounsel.open {right:85px;}

.consultation h2 {font-size:30px; color:#fff; font-weight:500;}
.consultation .frow {margin-top:27px;}
.consultation .frow+.frow {margin-top:10px;}
.consultation input[type="text"] {width:100%; height:45px; border:0 !important; font-size:20px; color:#858585; font-weight:300;}
.consultation select {width:100%; height:45px; border:0 !important; font-size:20px; color:#858585; font-weight:300;}
.consultation .check_box {position:relative; margin-top:20px; font-weight:300; font-size:16px; color:#fff;}
.consultation .check_box input[type="checkbox"] {position:absolute; top:0; left:0; width:20px; height:20px; opacity:0; }
.consultation .check_box label {position:relative; padding-left:30px; font-size:16px; color:#fff;}
.consultation .check_box label:before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border:1px solid #3c3c41; background:#fff; content:'';}
.consultation .check_box input[type="checkbox"]:checked+label:before {background: url('/images/icon/icon_chk.png') no-repeat center #fff;}
.consultation .btn_default {font-size:16px; color:#fff;}
.consultation .btm_submit {width:100%; margin-top:28px; font-size:26px; color:#fff; font-weight:400; line-height:60px; background:#44444b;}


#sub_bna {overflow:hidden; padding:100px 0; background:#e2d4c7;}
#sub_bna .inwrap {position:relative; width:1280px; margin:0 auto;}
#sub_bna h3 {margin-bottom:50px;}
#sub_bna .bna_tab {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 li {display:inline-block;}
#sub_bna .bna_tab a {display:block; position:relative; font-size:20px; color:#414142; line-height:65px; transition:color 0.4s;}
#sub_bna .bna_tab a:after {position:absolute; top:0; left:0; right:0; height:2px; background:#bb9a66; opacity:0; content:''; transition:opacity 0.4s; -webkit-transition:opacity 0.4s;}
#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; max-width:1000px; margin:40px auto 0;}
#sub_bna_swiper .login {position:absolute; top:0; left:0; width:50%; bottom:65px; z-index:10; padding-top:305px; text-align:center; font-size:22px; color:#fff; line-height:32px; font-weight:300; background:rgba(0,0,0,0.8);}
#sub_bna_swiper .login em {color:#bb9a66}
#sub_bna_swiper .title {font-size:22px; color:#fff; line-height:65px; text-align:center; font-weight:300; background:#bb9a66;}
#sub_bna_swiper .bna_img {overflow:hidden;}
#sub_bna_swiper .bna_img p {float:left; position:relative; width:50%; padding-bottom:62.95%; background:#fff;}
#sub_bna_swiper .bna_img p img {position:absolute; top:50%; left:0; width:100%; max-height:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#sub_bna_swiper .swiper-button-prev,
#sub_bna_swiper .swiper-button-next {width:30px; height:59px; margin-top:-30px; background:no-repeat center;}
#sub_bna_swiper .swiper-button-prev {left:-90px; background-image:url('/images/common/btn_bna_prev.png');}
#sub_bna_swiper .swiper-button-next {right:-90px; background-image:url('/images/common/btn_bna_next.png');}


#b_counsel {padding:50px 0; background:#5b6268;}
#b_counsel .inwrap {overflow:hidden; width:1280px; margin:0 auto;}
#b_counsel h2 {float:left; width:270px;}
#b_counsel .c_col {float:left; width:340px; padding-left:10px;}
#b_counsel .c_col.last {width:330px; padding-left:20px;}
#b_counsel input[type="text"] {width:100%; height:45px; border:0 !important; font-size:20px; color:#858585; font-weight:300;}
#b_counsel select {width:100%; height:45px; margin-top:10px; border:0 !important; font-size:20px; color:#858585; font-weight:300;}
#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:20px; height:20px; opacity:0; }
#b_counsel .check_box label {position:relative; padding-left:30px; font-size:16px; color:#fff;}
#b_counsel .check_box label:before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; 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 .btm_submit {width:100%; height:65px; font-size:26px; color:#fff; font-weight:400; line-height:65px; background:#353b40;}





#footer {padding:90px 0;}
#footer .inwrap {overflow:hidden; width:1400px; margin:0 auto;}
#footer .blogo {float:left; width:277px;}
#footer .fcont {float:left; width:1000px; padding-left:68px; border-left:1px solid #dedede;}
#footer .fmenu {overflow:hidden; margin-bottom:25px; font-size:18px; color:#414142;}
#footer .fmenu li {float:left; margin-right:18px;}
#footer .address {font-size:17px; color:#414142; line-height:26px; font-weight:300;}
#footer .address span {display:inline-block; margin-right:20px;}


#sitemap {overflow:hidden; position:fixed; top:150px; left:50%; z-index:101; width:1400px; height:0; margin-left:-700px; background:#fff; transition:height 0.4s; -webkit-transition:height 0.4s;} 
#sitemap.open {height:585px; height: 330px;}
#sitemap.fixed {top:50px;}
#sitemap .list {overflow:hidden; padding:0 40px;}
#sitemap .list > li {float:left; width:14.28%;}
#sitemap .list > li > a {display:block; padding:38px 0 24px; font-size:18px; color:#a18459; font-weight:600; text-align:center; border-bottom:1px solid #a18459;}
#sitemap .sub {height:205px; padding-top:16px;} 
#sitemap .sub a {display:block; font-size:16px; color:#646464; line-height:30px; text-align:center; transition:all 0.4s; -webkit-transition:all 0.4s;}
#sitemap .sub li:hover a {color:#a18459;}


#fban {width:1400px; margin:40px auto 0; font-size:0;}
#fban li {display:inline-block; margin-right:10px;}