@charset "utf-8";

/* Àüü ·¹À̾ƿô */
#wrap {}
#header {position:absolute; top:0; left:0; width:100%; height:auto; background:#f9f9f9; box-shadow:0 1px 2px 0 rgba(0,0,0,0.08); z-index:100}
#footer {clear:both; padding:65px 0; background:#333}
/* °øÅë µðÀÚÀÎ */
.tbl-default {width:100%; margin-bottom:20px}
.tbl-default thead th {padding:10px 0; font-size:18px; color:#fff; text-align:center; background:#808080}
.tbl-default tbody td {padding:10px; font-size:18px; color:#333; text-align:center; border-bottom:1px solid #808080}
.tbl-default tbody td.min {color:#a4a4a4}
.tbl-default tbody td.merged {color:#a4a4a4; border-color:#d6d6d6}
.tbl-default tbody td.small {font-size:12px}
.tbl-default .left {text-align:left}
.tbl-default .right {text-align:right}

/* »ó´Ü ¿µ¿ª */
#header.scroll {position:fixed; left:0; width:100%; background:rgba(255,255,255,.9)}
#header .top {border-bottom:1px solid #e6e6e6}
#header .top .inner {position:relative; max-width:1400px; height:135px; margin:0 auto; padding:0 50px}
#header .top .inner a.btn-mall {position:absolute; top:50px; right:146px; display:inline-block; padding:8px 20px; font-size:14px; font-weight:600; color:#333; background:#e3e4e8}
#header .top .inner a.btn-mall:hover {background:#d6d8de}
#header .top .inner a.btn-eng {position:absolute; top:50px; right:50px; display:inline-block; padding:8px 20px; font-size:14px; font-weight:600; color:#333; background:#e3e4e8}
#header .top .inner a.btn-eng:hover {background:#d6d8de}
#header h1 {width:160px; margin:0 auto; padding-top:40px}
#header h1 img {display:block; width:100%}
#gnb_wrap {height:100%}
#gnb_wrap:after {clear:both; display:block; content:''}
#gnb_wrap a.gnb_top {display:none}
#gnb_wrap button {display:none}
#gnb {max-width:1400px; margin:0 auto; padding:0 50px; height:100%}
#gnb:after {clear:both; display:block; content:''}
#gnb > li {position:relative; float:left; width:16%; height:100%; text-align:center}
#gnb > li > a > span {position:relative; padding-bottom:13px}
#gnb > li > a > span:before {position:absolute; bottom:0; left:0; width:0; height:2px; content:''; background:#000; transition:all .4s ease}
#gnb > li:hover > a > span:before {width:100%}
#gnb > li > a {display:block; position:relative; padding:10px; height:100%; font-family:'GothamBold'; font-size:14px; color:#444; border-right:1px solid #e6e6e6; transition:all .4s ease; z-index:50}
#gnb > li:first-child > a {border-left:1px solid #e6e6e6}
#gnb > li > ul.submnu {display:none; position:absolute; top:0; left:0; width:100%; padding:20px 20px 30px 20px; background:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,.12); opacity:0; filter:alpha(opacity='0'); z-index:110}
#gnb > li.on > ul.submnu {display:block}
#gnb > li > ul.submnu li {position:relative; padding:5px 0; text-align:left; border-bottom:1px solid #eee}
#gnb > li > ul.submnu li:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#aaa; transition:all .3s ease}
#gnb > li > ul.submnu li:hover:before {width:100%}
#gnb > li > ul.submnu li:hover a{color:#333}
#gnb > li > ul.submnu li a {display:block; width:100%; height:100%; color:#888}
#btnNav {display:none; position:center; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; right:0; width:20px; height:2px; background:#000; transition:all .4s ease}
#btnNav span.bar1 {top:12px}
#btnNav span.bar2 {top:18px}
#btnNav span.bar3 {top:24px}
#btnNav.open span {background:#fff}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}
/* »ó´Ü ½ºÅ©·Ñ ¹öÆ° */
#scrollTop {display:none; position:fixed; bottom:30px; left:0; width:100%; height:50px; z-index:100}
#scrollTop .inner {max-width:1400px; margin:0 auto; padding:0 50px; text-align:right}
#scrollTop .inner a {position:relative; display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555}
#scrollTop .inner a img {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop .inner a span {position:absolute; width:100%; top:0; left:50%; font-size:13px; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop .inner a.on img {opacity:0; transform:rotate(360deg)}
#scrollTop .inner a.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}
/* ÇÏ´Ü ¿µ¿ª */
#footer .inner {max-width:1400px; margin:0 auto; padding:0 50px; text-align:center}
#footer .inner:after {clear:both; display:block; content:''}
#footer .inner a.btn-inquiry {display:inline-block; margin-bottom:40px; padding:8px 40px; font-family:'GothamBold'; font-size:20px; color:#fff !important; background:#292929}
#footer .logo {clear:both; width:160px; margin:auto auto 45px auto}
#footer .logo img {display:block; width:100%}

#footer .info {color:#aaa; text-align:center}
#footer .info ul {margin-bottom:30px}
#footer .info ul li {display:inline-block; font-size:15px}
#footer .info ul li:before {display:inline-block; width:1px; height:12px; margin:0 15px; content:''; background:#666; vertical-align:middle}
#footer .info ul li:first-child:before {display:none}
#footer .info dl {max-width:400px; margin:0 auto 5px auto; overflow:hidden}
#footer .info dl dt {float:left; display:block; min-width:150px; font-size:12px; text-align:right; margin-right:15px}
#footer .info dl dd {float:left; font-size:12px}
#footer .info address {color:#aaa}

#footer .info1 {color:#aaa; text-align:center}
#footer .info1 ul {margin-bottom:30px}
#footer .info1 ul li {display:inline-block; font-size:15px}
#footer .info1 ul li:before {display:inline-block; width:1px; height:12px; margin:0 15px; content:''; background:#666; vertical-align:middle}
#footer .info1 ul li:first-child:before {display:none}
#footer .info1 dl {max-width:600px; margin:0 auto 5px auto; overflow:hidden}
#footer .info1 dl dt {float:left; display:block; min-width:150px; font-size:12px; text-align:right; margin-right:15px}
#footer .info1 dl dd {float:left; font-size:12px}
#footer .info1 address {color:#aaa}

#footer a {color:#aaa !important}
/* Ãß°¡ */
.btm_img .inner .caption span {display:inline-block; font-size:16px; font-weight:600; color:#333; line-height:1; padding:15px 40px; background:#fff; transition:all .3s ease}
.btm_img .inner .caption:hover span {color:#fff; background:#333}
.btm_img {clear:both; height:337px; background:url(../../img/sub_btm_img.jpg) center top no-repeat; background-size:cover}
.btm_img .inner {max-width:1400px; margin:0 auto; padding:0 50px}
.btm_img .inner .caption {padding-top:5%}
.btm_img .inner .caption h2 {font-family:'GothamBold'; font-size:30px; font-weight:normal; color:#fff; line-height:1; letter-spacing:10px; margin-bottom:10px}
.btm_img .inner .caption p {font-size:15px; font-weight:300; color:#fff; max-width:60%; margin-bottom:20px}
/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1024px) {
 #header h1 {width:160px; padding-top:20px}
 #header .top .inner {height:90px}
 #header .top .inner a.btn-mall {display:none}
 #header .top .inner a.btn-eng {display:none}
 #header.scroll {background:#f9f9f9 !important}
 #gnb_wrap {position:fixed; top:0; right:-290px; width:280px; height:100%; background:#fff; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990}
 #gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
 #gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
 #gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
 #gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
 #gnb_wrap button span.bar1 {top:12px}
 #gnb_wrap button span.bar2 {top:18px}
 #gnb_wrap button span.bar3 {top:24px}
 #gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
 #gnb_wrap button.active span.bar2 {display:none}
 #gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
 #gnb {float:none; max-width:initial; margin:0; padding:0}
 #gnb > li {float:none; width:100%; height:auto; text-align:left}
 #gnb > li > a {height:auto; padding:15px 25px; font-size:16px; border-bottom:1px solid #dedede; border-left:none; border-right:none}
 #gnb > li > a > span {padding:0}
 #gnb > li > a > span:before {display:none}
 #gnb > li > ul.submnu li:before {display:none}
 #gnb > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; right:31px; top:50%; margin-top:-7px; content:''; background:#aaa; transition:all .3s ease}
 #gnb > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; right:25px; top:50%; margin-top:-1px; content:''; background:#aaa}
 #gnb > li.open > a:before {transform:rotate(90deg)}
 #gnb > li > ul.submnu {display:none; position:static; width:100%; margin:0; padding:0; background:#f6f6f6; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
 #gnb > li > ul.submnu li {padding:0; border-color:#dedede}
 #gnb > li > ul.submnu li a {font-size:15px; padding:10px 25px}
 #gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}
 #btnNav {display:block}
 .btm_img {height:450px}
 .btm_img .inner .caption {padding-top:15%}
 .btm_img .inner .caption p {max-width:90%}
 #footer .logo {margin:0 auto 40px auto; width:160px}
 #footer .info ul {font-size:0}
 #footer .info ul li {font-size:12px}
 #footer .info ul li:before {margin:0 8px; height:10px}
}
@media screen and (max-width:640px) {
 #header .inner {padding:0 30px}
 #header h1 {width:160px; padding-top:25px}
 #btnNav {right:30px}
 #gnb_wrap {width:240px}
 #gnb_wrap button {right:30px}
 .btm_img {height:400px}
 .btm_img .inner {padding:0 30px}
 .btm_img .inner .caption h2 {font-size:18px}
 .btm_img .inner .caption p {max-width:100%; font-size:12px}
 .btm_img .inner .caption span {font-size:12px}
 .tbl-default thead th {font-size:13px}
 .tbl-default tbody td {font-size:12px}
 .tbl-default .hide {display:none}
 #footer {padding:30px 0}
 #footer .inner {padding:0 30px}
 #footer .inner a.btn-inquiry {margin-bottom:50px}
 #footer .info dl {max-width:inherit; margin:0 auto 30px auto}
 #footer .info dl dt {float:none; display:block; min-width:inherit; text-align:center; line-height:1}
 #footer .info dl dt:after {display:block; margin:10px auto; width:14px; height:1px; content:''; background:#fff; opacity:.2; filter:alpha(opacity='20')}
 #footer .info dl dd {float:none; line-height:1; color:#777}
}

/* Ãß°¡*/
#footer{clear:both;background:#333}
#footer_wrap{position:relative;padding:157px 0;color:#626262;text-align:center;}
#footer_wrap a{color:#888;}
#footer_wrap .footer_logo{width:160px;margin:0 auto;}
#footer_wrap .intro{font-size:17px;padding-top:20px;line-height:20px;}
#footer_wrap .footer_link{font-size:0;}
#footer_wrap .footer_link li{display:inline-block;margin:50px 2px 0px;}
#footer_wrap .footer_link li a{display:block;font-size:18px;width:150px;height:40px;line-height:40px;border-radius:10px;border:1px solid #535353;color:#969696;transition:all 0.3s ease;}
#footer_wrap .footer_link li a:hover{border:1px solid #15afa5;background-color:#21bbb1;color:#fff;text-decoration:none;}
@media screen and (max-width:768px){
#footer_wrap{padding:90px 0;}
#footer_wrap .footer_logo{width:160px;}
#footer_wrap .intro{font-size:15px;line-height:19px;}
#footer_wrap .footer_link {display:none;}
#footer_wrap .footer_link li{margin:30px 2px 0px;}
#footer_wrap .footer_link li a{font-size:17px;width:120px;height:40px;line-height:37px;}
}
/*�������ǽ����̵�*/
#win_request{position:fixed;top:0;right:-100%;width:900px;height:100%;background-color:#232323;overflow-x:hidden;z-index:9000;}
#win_requset_wrap{position:relative;height:100%;}
#win_requset_area{margin:0 80px;color:#777;height:100%;}
#win_requset_area h3.title{font-size:40px;line-height:40px;color:#fff;text-indent:-5px;letter-spacing:-1px;}
#win_requset_area h3.title span{font-weight:700;color:#21BBB1;}
#win_requset_area .title_sub{font-size:16px;padding:5px 0 2px;letter-spacing:-1px;color:#aaa;}
#win_request_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:5999;display:none;opacity:0.3;-ms-filter: alpha(opacity=30);filter: alpha(opacity=30);} 
@media screen and (max-width:940px){
#win_request{width:100%;}
}
@media screen and (max-width:768px) {
#win_requset_wrap a.btn_close{width:33px;height:33px;top:15px;right:15px;}
#win_requset_area{margin:0 40px;}
#win_requset_area h3.title{font-size:45px;line-height:45px;}
#win_requset_area .title_sub{padding:20px 0 5px;}
}
@media screen and (max-width:480px) {
#win_requset_area{margin:0 15px 0;}
#win_requset_area h3.title{font-size:37px;line-height:37px;text-indent:-2px;}
#win_requset_area .title_sub{font-size:13px;padding:20px 0 3px;}
}