@charset "utf-8";
@import url(reset.css);

/* 건너뛰기메뉴 */
a.skip{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500;}
a.skip:hover, a.skip:focus, a.skip:active{position: absolute; top: 0; padding: 10px 0; font-weight:bold; color:#fff; background:#015386; z-index:500}

body,html{overflow-y:scroll;}
body{font-size:12px;color:#666;font-family:SimHei, Arial, Sans-Serif, 돋움;position: relative;overflow:hidden}
.foot_banner{padding:15px 0;position:relative;background:#d4efff}
.foot_banner > div{width:720px;margin:0 auto;position:relative;}
.foot_banner .scrollable{position:relative;overflow:hidden;width: 720px;height:65px;}
.foot_banner .scrollable .items{width:20000em;position:absolute;clear:both;}
.foot_banner .scrollable .items div{float:left;width:720px;}
.foot_banner .scrollable .items div ul{overflow:hidden}
.foot_banner .scrollable .items div ul li{width:20%;float:left;height:65px;line-height:65px;margin:0 auto;}
.foot_banner > div .prev{cursor:pointer;position:absolute;left:-50px;top:15px;}
.foot_banner > div .next{cursor:pointer;position:absolute;right:-50px;top:15px;}

.zoom{overflow:hidden;color:#fff;font-size:10px}
.zoom a{float:left;margin-right:5px;padding:0 0 0 0}
.zoom span{float:left;}
.zoom span img{padding:1px 5px 0 0}

#header{}
#header #lnb{background:#003876;color:#fff;padding:12px 0}
#header #lnb .lnb_in{width:1140px;margin:0 auto}
#header #lnb .lnb_in:after{clear:both;display:block;content:''}
#header #lnb .lnb_in .left{float:left}
#header #lnb .lnb_in .left > li{float:left;padding-left:25px;background:url(../images/bg_lnb.png) no-repeat 13px 2px}
#header #lnb .lnb_in .left > li:first-child{padding:0;background:none}
#header #lnb .lnb_in .left > li a{color:#fff}
#header #lnb .lnb_in .left > li.lang{position:relative}
#header #lnb .lnb_in .left > li.lang > a{padding-right:15px;background:url(../images/bg_lang.png) no-repeat right -90px}
#header #lnb .lnb_in .left > li.lang > a.on{background-position:right 5px}
#header #lnb .lnb_in .left > li.lang > ul{position:absolute;left:11px;top:26px;background:#003876;z-index:50;display:none}
#header #lnb .lnb_in .left > li.lang > ul > li > a{display:block;padding:10px 14px}
#header #lnb .lnb_in .right{float:right}
#header #lnb .lnb_in .right > li{float:left;padding-left:25px;background:url(../images/bg_lnb.png) no-repeat 13px 2px}
#header #lnb .lnb_in .right > li:first-child{padding:0;background:none}
#header #lnb .lnb_in .right > li a{color:#fff}
#header #gnb{background:url(../images/bg_gnb_eng.jpg) no-repeat center top;padding:18px 0 0 0;position:relative;z-index:10}
#header #gnb .gnb_in{width:1140px;margin:0 auto}
#header #gnb .gnb_in:after{clear:both;display:block;content:''}
#header #gnb .gnb_in h1{float:left}
#header #gnb .gnb_in .gnb_menu{float:left;margin:33px 0 0 140px}
#header #gnb .gnb_in .gnb_menu > li{float:left;margin-left:60px}
#header #gnb .gnb_in .gnb_menu > li:first-child{margin-left:0}
#header #gnb .gnb_in .gnb_menu > li > a{display:block;padding:0 0 46px 0}
#header #gnb .gnb_in .gnb_menu > li > .sub{position:absolute;left:0;right:0;height:480px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#fff;display:none}
#header #gnb .gnb_in .gnb_menu > li > .sub > .sub_in{position:absolute;top:0;left:50%;width:159px;height:420px;padding:30px 15px;border-left:1px solid #e7e7e7;z-index:100}
#header #gnb .gnb_in .gnb_menu > li > .sub01 > .sub_in{margin-left:-570px}
#header #gnb .gnb_in .gnb_menu > li > .sub02 > .sub_in{margin-left:-380px}
#header #gnb .gnb_in .gnb_menu > li > .sub03 > .sub_in{margin-left:-190px}
#header #gnb .gnb_in .gnb_menu > li > .sub04 > .sub_in{margin-left:0}
#header #gnb .gnb_in .gnb_menu > li > .sub05 > .sub_in{margin-left:190px}
#header #gnb .gnb_in .gnb_menu > li > .sub06 > .sub_in{margin-left:380px;border-right:1px solid #e7e7e7}
#header #gnb .gnb_in .gnb_menu > li > .sub07 > .sub_in{margin-left:380px;border-right:1px solid #e7e7e7;height:220px;top:200px}
#header #gnb .gnb_in .gnb_menu > li > .sub > .sub_in > strong{font-size:15px;color:#1a395c}
#header #gnb .gnb_in .gnb_menu > li > .sub > .sub_in > ul{margin-top:25px}
#header #gnb .gnb_in .gnb_menu > li > .sub > .sub_in > ul > li{margin-bottom:10px;font-size:13px}
#header #gnb .gnb_in .btn_menu{float:right;margin:21px 24px 0 0}
#total_menu{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/bg_total_menu.png) repeat left top;z-index:1001;display:none}
#total_menu .total_menu_in{width:1140px;margin:0 auto}
#total_menu .total_menu_in .intro_list{margin:78px 0;overflow:hidden}
#total_menu .total_menu_in .intro_list .intro{float:left;color:#fff}
#total_menu .total_menu_in .intro_list .intro:first-child{margin-right:150px}
#total_menu .total_menu_in .intro_list .btn_menu_close{float:right;margin:0 24px 0 0}
#total_menu .total_menu_in .intro_list .intro strong{display:block;margin-bottom:15px;font-size:18px;line-height:28px}
#total_menu .total_menu_in .intro_list .intro p{font-size:14px;line-height:25px}
#total_menu .total_menu_in .intro_list .intro ul{overflow:hidden}
#total_menu .total_menu_in .intro_list .intro ul li{float:left;margin-right:13px}
#total_menu .total_menu_in .intro_list .intro ul li img{width:133px;height:91px}
#total_menu .total_menu_in .menu_list{overflow:hidden}
#total_menu .total_menu_in .menu_list .menu{float:left;width:159px;height:420px;padding:30px 15px;border-left:1px solid #2d2b29}
#total_menu .total_menu_in .menu_list .menu strong{font-size:15px;color:#fff}
#total_menu .total_menu_in .menu_list .menu ul{margin-top:25px}
#total_menu .total_menu_in .menu_list .menu ul li{margin-bottom:10px}
#total_menu .total_menu_in .menu_list .menu ul li a{font-size:13px;color:#fff}

#foot_banner{overflow:hidden}
#foot_banner .banner_in{width:1140px;margin:0 auto}
#foot_banner .banner_in .banner{margin:50px 0}
#foot_banner .banner_in .banner strong{display:block;margin-bottom:20px;color:#1a395c;font-size:18px}
#foot_banner .banner_in .banner ul{overflow:hidden;border-top:3px solid #ffc240;border-left:1px solid #f3f3f3}
#foot_banner .banner_in .banner ul li{float:left;border:1px solid #f3f3f3;margin:-1px 0 0 -1px}
#foot_banner .banner_in .banner ul li a{display:block}

#quick_menu{position:absolute;top:685px;left:50%;margin-left:600px;background:#fff;z-index:10}
#quick_menu.state{position:fixed;top:50px}
#quick_menu ul{padding:15px;border:1px solid #eaeaea}
#quick_menu ul li{margin-top:20px}
#quick_menu ul li:first-child{margin:0}
#quick_menu ul li a{display:block;font-size:16px;font-weight:bold;padding-left:25px;background:url(../images/ico_quick_menu.png) no-repeat left top}
#quick_menu ul li a.quick01{background-position:0 0}
#quick_menu ul li a.quick02{background-position:0 -100px}
#quick_menu ul li a.quick03{background-position:0 -200px}
#quick_menu ul li a.quick04{background-position:0 -300px}
#quick_menu ul li a.quick05{background-position:0 -400px}
#quick_menu ul li a.quick06{background-position:0 -500px}
#quick_menu ul li a.quick07{background-position:0 -600px}

#footer{border:1px solid #eeeeee}
#footer .footer_in{width:1140px;margin:0 auto;padding:34px 0 76px}
#footer .footer_in:after{clear:both;display:block;content:''}
#footer .footer_in h2{float:left}
#footer .footer_in .cont{float:left;margin-left:65px}
#footer .footer_in .cont .foot_menu{overflow:hidden;margin-bottom:18px}
#footer .footer_in .cont .foot_menu li{float:left;padding-left:38px;background:url(../images/bg_foot_menu.png) no-repeat 22px 2px}
#footer .footer_in .cont .foot_menu li:first-child{padding:0;background:none}
#footer .footer_in .cont .foot_menu li.bold{font-weight:bold}
#footer .footer_in .cont address{line-height:150%}
#footer .footer_in .site{float:right;margin-right:70px;position:relative}
#footer .footer_in .site > a{display:block;padding:5px 25px 5px 10px;border:1px solid #eeeeee;background:url(../images/bg_site.png) no-repeat 76px 6px}
#footer .footer_in .site > a.on{background-position:76px -84px}
#footer .footer_in .site > ul{position:absolute;left:0;bottom:25px;border:1px solid #eeeeee;background:#fff;display:none}
#footer .footer_in .site > ul > li > a{display:block;padding:10px}