@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:bold;src:url('../../../css/adstat/adstat/font/NanumGothicBold.eot');src:local(※),url('../../css/adstat/font/NanumGothicBold.eot?#iefix') format('eot'),url('../../css/adstat/font/NanumGothicBold.woff') format('woff'),url('../../css/adstat/font/NanumGothicBold.ttf') format('truetype');}
@font-face{font-family:'NG';font-style:normal;font-weight:normal;src:url('../../../css/adstat/adstat/font/NanumGothic.eot');src:local(※),url('../../css/adstat/font/NanumGothic.eot?#iefix') format('eot'),url('../../css/adstat/font/NanumGothic.woff') format('woff'),url('../../css/adstat/font/NanumGothic.ttf') format('truetype');}

*{margin:0;padding:0;}
a{text-decoration:none;}
li{list-style:none;}
ul{padding:0;margin:0;}
body{font-family:"Nanum Gothic",'NG';font-size:14px;line-height:1.5;overflow-x:hidden;}
img{border:0;}

.header_wrap{width:100%;background-color:#fff;z-index:999;}
.header{width:960px;margin:0 auto;position:relative;border-bottom:1px solid #d6d6d6;}
.logo{position:absolute;top:23px;left:12px;z-index:1001;}
.logo a{width:138px;height:65px;}
.mobile_logo{width:250px;height:34px;display:none;position:absolute;top:10px;left:12px;z-index:1001;}

/*팝업*/
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}

.top{width:100%;height:56px;position:relative;}
.topmenu_wrap{padding-top:21px;float:right;position:relative;}
.topmenu{float:left;}
.topmenu li{float:left;margin-left:25px;display:inline-block;color:#666;font-weight:bold;line-height:28px;}
.topmenu li a{color:#666;font-weight:bold;}
.mobileMenu{display:none;float:right;margin-left:10px;margin-right:10px;margin-top:20px;}
.mobile_menu{display:inline-block;width:56px;height:29px;background:url(../../images/adstat/im_menu.png) no-repeat 0 0;background-size:56px 29px;cursor:pointer;}

.menubar_wrap{position:relative;z-index:1000;}
.menubar_wrap{width:960px;height:70px;margin:0 auto;background-image:url(../../images/adstat/menubar.jpg);background-repeat:no-repeat;}
.menu{padding-left:145px;overflow:hidden;}
.menu li{margin-left:21px;float:left;}
.menu li>a{padding:29px 0 25px;color:#333;font: bold 16px "NG";line-height:78px;}
.menu li>a:hover{color:#e5003a;}

.submenu{position:absolute;width:100%;left:0;top:70px;border-top:1px solid #d7d7d7;z-index:1100;background:#f8f8f8;padding-top:20px;}
.menugr{position:relative;margin:0 auto;}
.depth2{float:left;border-right:1px solid #ececec;width:100px;padding-left:10px;height:220px;}
.depth2 ul{margin-top:15px;}
.depth2 a{color:#333;font-weight:bold;}
.submenu .menugr .menu_sub .depth2 > a{width:100%;margin:30px 0 0 0;line-height:14px;}
.depth3 li{margin-top:10px;margin-bottom:10px;line-height:15px;}
.depth3 li a{width:100%;padding:0;line-height:16px;font: normal 12px "NG";color: #767676;}
.submenu .menugr .close{position:absolute;top:0;right:20px;cursor:pointer;}

.main_container_wrap{position:relative;width:100%;}
.container_wrap{position:relative;width:100%;}
.main_wrap{position:relative;width:960px;margin:0 auto;}
.main_vis{width:100%;height:397px;overflow:hidden;background-image:url(../../images/adstat/bg_main2.jpg) ;background-size:cover;background-repeat:no-repeat;}
.main_txt{float:left;margin-left:30px;margin-top:120px;}
.main_contents{position:relative;width:960px;padding:22px 0px;margin:0 auto;overflow:hidden;}
.box_wrap{width:100%;margin:0 auto;}
.box1,.box2,.box3{width:33.3%;height:165px;float:left;border:1px solid #e8e8e8;box-sizing:border-box;font-size:12px;}
.box1,.box2{border-right:0;}
.box_table li{height:32px;line-height:32px;padding-left:10px;padding-right:10px;border-bottom:1px solid #e8e8e8;}
.box_table li:last-child{border-bottom:none;}
.box1 .box_table li:first-child{background-color:#e60039;}
.box2 .box_table li:first-child{background-color:#88b52d;}
.box3 .box_table li:first-child{background-color:#3686cc;}
.box_table li a{color:#606060;letter-spacing:-0.03pc;}
.box_table li:first-child a{color:#fff;font-size:14px;font-weight:600;}
.date{float:right;}
.arrow_icon{background:url(../../images/adstat/arrow_icon.png);width:25px;height:25px;float:right;margin-top:4px;}

.footer_wrap{position:relative;width:100%;height:110px;float:left;}
.footer{position:relative;width:960px;margin:0 auto;}
.footer01_wrap{position:relative;height:26px;padding:0 0 10px 10px;}
.footer01 li{float:left;padding:0 12px;height:26px;background:url(img/footer_bar.gif) no-repeat left top;}
.footer01 li:first-child{padding-left:0px;background:none;}
.footer01 li a{display:block;}
.footer02{position:relative;padding:18px 0 0;border-top:1px solid #e0e0e0;height:40px;text-align:left;}
.footer02 a{position:absolute;left:30px;}
.footer02 address{position:absolute;width:550px;left:140px;top:20px;}
.footer02 .copy{position:absolute;width:550px;left:140px;top:35px;}
.familySite{position:absolute;right:0;bottom:15px;}
.Mfooter{display:none;position:relative;width:100%;height:77px;}
.Mfooter01{background:#f3f3f3;width:100%;height:24px;text-align:center;padding:11px 0 13px;}
.Mft_txt01{font-size:0.66em;color:#3b3b3b;line-height:1.5em;}
.Mfooter02{background:#2e2e2e;width:100%;height:10px;text-align:center;padding:10px 0;}
.Mft_txt02{font-size:0.66em;color:#999999;line-height:1em;}

/* 2019.01 추가 */
.bth_view {float:left; background:#e4002a; color:#fff; font-weight:bold; padding:5px 10px; margin-top:-2px}

@media only screen and (max-width:980px) {
    .menu{padding-left:200px;}
    .header{width:100%;}
    .footer{width:100%;}
    .footer_wrap{width:100%;margin:0;border-top:1px solid #e0e0e0;}
    .footer01_wrap{padding:10px;}
    .main_wrap{width:100%;}
    .main_contents{width:100%;}
    .menubar_wrap{width:100%;}
    .container_wrap{width:95%;margin-left:2.5%;}
}
@media only screen and (max-width:980px) {
    .footer01_wrap{height:52px;}
}
@media only screen and (max-width:930px) {
    .menu{padding-left:150px;}
}
@media only screen and (max-width:890px) {
    .menu{padding-left:145px;}
}
@media only screen and (max-width:880px) {
    .submenu{height:480px;}
}
@media only screen and (max-width:860px) {
    .menubar_wrap{background:none;}
    .logo{display:none;}
    .mobile_logo{display:block;}
    .menubar{width:100%;padding-left:0;text-align:center;}
    .menubar_wrap{width:100%;}
    .menu{padding-left:0px;display:inline-block;}
    .menu li:first-child{margin-left:0;}
    .menu li { margin-left: 20px;}
    .top{border-bottom:2px solid #646464;}
    .box_wrap{width:100%;}
    .box1,.box2,.box3{width:33.3%;font-size:11px;margin-bottom:10px;}
    .box_table li{padding-left:5px;padding-right:5px;}
}
@media only screen and (max-width:770px) {
    .familySite{display:none;}
}
@media only screen and (max-width:740px) {
    .box_wrap{width:100%;}
    .box1,.box2,.box3{width:100%;}
    .box1,.box2{border:1px solid #e8e8e8;}
}
@media only screen and (max-width:690px) {
    .menu li>a{padding:23px 0 21px;font-size:14px;}
}
@media only screen and (max-width:670px) {
    .footer02{display:none;}
    .Mfooter{display:block;}
}
@media only screen and (max-width:630px) {
    .menu li{margin-left:11px;}
}
@media only screen and (max-width:550px) {
    .menubar_wrap{display:none;}
    .mobileMenu{display:block;}
    .mobile_logo a img{width:220px;height:30px;}
    .main_txt{width:80%;}
    .main_txt img{width:100%;}
}
@media only screen and (max-width:525px) {
    .footer01_wrap{height:78px;}
}
@media only screen and (max-width:450px) {
    .topmenu{display:none;}
}
@media only screen and (max-width:403px) {
    .footer01_wrap{height:104px;}
}
@media only screen and (max-width:300px) {
    .footer01_wrap{height:130px;}
}
@media only screen and (max-width:290px) {
    .footer01_wrap{height:156px;}
}