@charset "utf-8";

.cont1 .visual_title {padding:110px 0 0; text-align:center;}
.cont1 .link_wrap ul li .ico {background-image:url(/images/stat/main/link_icon.png);}
.cont1 .link_wrap ul li a:hover:after,
.cont1 .link_wrap ul li a:focus:after {background:#4468b7; }

.cont2 .group .box1 .main-board__skin .board__content ul li .new {border: 1px solid #3158b0;color: #3158b0;}
.cont2 .group .box1 .main-board__skin .board__content ul li .new em{background:#5a79c0;}
.cont2 .group .box2 .mainpop .slick-dots li.slick-active button {background:#4468b7; }

.cont2 .group .box1{height: 268px;}
.cont2 .group .box1 .board__nav-item{display:inline-block;margin-right:20px;}
.cont2 .group .box1 .board__nav-item .board__content{display:none;position:absolute;top: 50px;left:0;width: calc(100% - 74px);}
.cont2 .group .box1 .board__nav-item>span{display:inline-block; position:relative; margin-left:36px; font-weight:normal; font-size:14px; color:#959494;line-height:30px;vertical-align:top; }
.cont2 .group .box1 .board__nav-item>span:after{display:block;position:absolute;top: 7px;left:-18px;content:'';width:1px;height:15px;background:#c9c9c9;}
.cont2 .group .box1 .board__nav-item button.board__title{display:inline-block;position:relative;color:#231f20;font-size:21px;font-weight:700;line-height:30px;vertical-align:top;}
.cont2 .group .box1 .board__nav-item button.board__title:before{display: block;opacity: 0;position:absolute;left: 0;bottom: -10px;content:'';width: 0;height:4px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.cont2 .group .box1 .board__nav-item.active button.board__title:before{width:100%;opacity:1;background-color:#1573e8;}
.cont2 .group .box1 .board__nav-item.active button.board__title{color:#1573e8;}
.cont2 .group .box1 .board__nav-item.active .board__content{display: block;}
.cont2 .group .box1 .board__nav-item .board__more{display:none;}
.cont2 .group .box1 .board__nav-item.active .board__more{display:block;}




.cont3 .group .title span {display:block; width:39px; height:37px; margin:0 auto 10px; background:url(/images/stat/main/obj.png)no-repeat;}
.cont3 .group .title strong em {margin: -4px 0 0 8px;}
.cont3 .group .title p {margin:5px 0 0;}
.cont3 .group .box ul li a:after {background:rgba(60,99,187,.8);}
.cont3 .btnmore {top:60px;}

.cont3 .group .box ul li strong {-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont3 .group .box ul li strong > div {height:0;}
.cont3 .group .box ul li strong > div div {font-size:0; color:#fff; font-weight:500;}
.cont3 .group .box ul li strong > div div em {display:inline-block; opacity:0; height:25px; line-height:23px; padding:0 5px;border:1px solid #fff; border-radius:20px; font-size:15px;font-weight:500;}
.cont3 .group .box ul li strong > div .t1 {margin:10px 0 30px;}
.cont3 .group .box ul li strong > div .t2  {font-weight:700;}

.cont3 .group .box ul li a:hover strong,
.cont3 .group .box ul li a:focus strong {bottom: 175px;}
.cont3 .group .box ul li a:hover strong > div div,
.cont3 .group .box ul li a:focus strong > div div {height:auto; font-size:18px; }
.cont3 .group .box ul li a:hover strong > div div em,
.cont3 .group .box ul li a:focus strong > div div em { opacity:1;}

@media screen and (max-width:1319px){
    .cont2 .group .box1 .board__nav-item .board__content{width: calc(100% - 38px);}
    .cont2 .group .box1 .main-board__skin .board__content ul{height: 204px;}
}

@media screen and (max-width:1023px){
    .cont1 .visual_title {padding:70px 0 0;}
    .cont1 .visual_title strong img {height:120px;}
    .visual .slick-dots {bottom:200px;}

    .cont2 .group .box1{height:245px;}
    .cont2 .group .box1 .board__nav-item .board__content{width: calc(100% - 0px);}
}

@media screen and (max-width:767px){
    .cont1 .visual_title strong img {height:90px;}
    .visual .slick-dots {bottom:215px;}

    .cont2 .group .box1{height:234px;}
    .cont2 .group .box1 .board__nav-item{margin-right:10px;}
    .cont2 .group .box1 .board__nav-item>span{display:none;}
    .cont2 .group .box1 .board__nav-item button.board__title strong{font-size:17px;}

    .cont3 .group .title span {width: 21px;height:20px;background-size:auto 20px;}

    .cont3 .group .box ul li strong > div .t1 {margin:5px 0 10px;}
    .cont3 .group .box ul li strong > div div em {display:none;}
    .cont3 .group .box ul li a:hover strong,
    .cont3 .group .box ul li a:focus strong {bottom:110px;}
    .cont3 .group .box ul li a:hover strong > div div,
    .cont3 .group .box ul li a:focus strong > div div {font-size:15px;}

}

@media screen and (max-width:550px){
    .cont2 .group .box1 .board__nav-item button.board__title{font-size:15px;}
    .cont2 .group .box1 .board__nav-item{margin-right: 10px;}
}

/*메인 퀵버튼*/
.cont1 .link_wrap ul.col6 li{width: 20% !important;}