/*@charset "utf-8";*/

html, body {min-height:100%;overflow-x:hidden;background: #2c2c2c}

#mask {display:block;position:fixed;top:0;left:0;z-index:900;width:100%;height:120%;background-color:#000;opacity:0.7;cursor:pointer}

.wrapper{width: 640px;overflow: hidden;margin:0;}
.layout {position:relative;width:640px;margin:0;}
.footer_area {position:relative;bottom:0;width:100%;background:#2c2c2c;clear:both}
.wrap_1020{width: 580px;margin: auto;}

/*header*/
.head_area{width: 100%;height: 97px;background: #fff;}
.head_area .hd_logo{display: inline-block;vertical-align: middle;}
.head_area .hd_logo a{background: url(../images/header/logo3.png) 0 45% no-repeat;display: block;height: 97px;width:118px;text-indent: -9999px;margin-left:59px;}
.btv_icon{display:block;width: 100%;height: 45px;background: #f7f7f7;text-align: center;box-sizing: border-box;}
.btv_icon em{display: inline-block;vertical-align: bottom;color: #000433;font-size: 24px;font-family: 'Godo';line-height: 1.2;margin-left: 5px}
.btv_icon em > strong{font-weight: 700;}
.btv_icon em span{display:inline-block;color:#bebebe;font-weight:400;margin:0 10px;}
.btv_icon .btv_img{display: inline-block;vertical-align:bottom;}
.btv_icon .utv_img{display: inline-block;vertical-align:top;}
.head_area .btn_ham{float: left;width:57px;height: 97px;background: url(../images/header/menu.png) 50% 50% no-repeat; text-indent: -9999px;}
.btn_table{display: inline-block;width: 116px;height: 97px;background: url(../images/header/btn_table.png?ver=180409) 0 50% no-repeat;vertical-align: middle;float: right;}
.head_area .wrap_1020{text-align: center}

/* lnb */
.lnb_area {display:block;position:absolute;top:0;left:0;z-index:1000;width:640px;min-height:850px;background:#fff url(../images/header/lnb_bg.jpg) 100% 100% no-repeat;transform:matrix(1,0,0,1,0,-955);-webkit-transform:matrix(1,0,0,1,0,-955);transition:transform .2s ease-out}
.lnb_area .btn_lnb_close {position:absolute;top:30px;right:30px;width:35px;height:35px;background:url(../images/header/close.png) no-repeat 0 0;text-indent:-9999px}
.lnb_area .lnb {display:block;overflow:hidden;width:540px;margin:200px auto 0;border-top:3px solid rgba(0,0,0,0.15);padding-top: 40px;}
.lnb_area .lnb > li {width:540px;text-align:left}
.lnb_area .lnb > li > a {height:93px;font-weight:500;font-size:40px;color:#003585;line-height:93px;font-family: 'Godo';}
.lnb_area .lnb_logo{width:208px;height:69px;background:url(../images/header/logo2.png) 0 50% no-repeat;display:block;position:absolute;left:50px;top:95px;}
.lnb_area .btv{width: 224px;height: 44px;display: inline-block;position: absolute;right: 50px;top: 130px;}

/*footer*/
.footer {position:relative;bottom:0;width:100%;margin:0 auto;padding:50px 30px 50px 30px;box-sizing: border-box;}
.footer .ft_tit{color: #fff;font-size:24px;text-align: left;font-family: 'Godo';font-weight: 400;line-height: 1.2;padding-bottom: 10px;}
.footer p{color:rgba(255,255,255,0.8);font-size:16px;font-weight:400;text-align: left;font-family: 'Noto Sans Korean';line-height: 1.4 }
.footer p:last-child{font-size: 13px}
.footer .footer_site{position: absolute;right: 30px;top: 72px;z-index:9000}
.footer .footer_site .fm_site {display:block;width:235px;height:35px;background:#0967b1 url(../images/footer/arrow.png) no-repeat 90% 50%;font-size:14px;color:#fff;line-height:35px;text-indent: 20px;font-weight: 500;font-family: 'Noto Sans Korean'; }
.footer .footer_site .fm_site.on {background-image:url(../images/footer/arrow.png)}
.footer .footer_site .fm_link {display:none;position:absolute;bottom:35px;width:100%;background:#fff}
.footer .footer_site .fm_link li {margin:0;padding:6px 0 6px 20px;border:1px solid #dfdfdf;border-bottom:0}
.footer .footer_site .fm_link li:hover {padding:6px 0 6px 17px;border-left:3px solid #0967b1}
.footer .footer_site .fm_link li a {display:block;overflow:hidden;width:100%;font-size:14px;color:#898989}
.footer .footer_site .fm_link li:hover a {color:#0967b1}
.softkey {width:640px; height:80px; position:fixed; bottom:0;left:0; z-index:99999; background:#fff; box-sizing:border-box;display:none;}
.softkey_cont {width:540px; height:80px; margin:0 auto;}
.softkey_cont li{float:left;}
.softkey_cont li button{padding:0 65px;}
.softkey_cont .prev_sfk button{display:inline-block;background:url(../Images/index/prev_softkey.png) 50% 50% no-repeat;width:19px;height:80px;}
.softkey_cont .home_sfk button{display:inline-block;background:url(../Images/index/home_softkey.png) 50% 50% no-repeat;width:47px;height:80px;}
.softkey_cont .guide_sfk button{display:inline-block;background:url(../Images/index/guide_softkey.png) 50% 50% no-repeat;width:55px;height:80px;}
.softkey_cont .next_sfk button{display:inline-block;background:url(../Images/index/next_softkey.png) 50% 50% no-repeat;width:19px;height:80px;}