@charset "utf-8";
#wrapper.templete-type2{overflow-x: hidden;}

.templete-type2 .header{background-color:#fff;}
.templete-type2 .common-nav{background-color:#fff;}
.templete-type2 .today-time{color:#333;}
.templete-type2 .main-sub-time{display:none; padding-bottom: 13px;}

.templete-type2 div#divPCMenu{background-color:#fff;}
.templete-type2 .header-top-md{background-color:#fff;}
/*.templete-type2 .header-area{clear: both; position: absolute; top: 25px; left: calc(50% - 150px);}*/
.templete-type2 .button.btnico-menu{background-image:url(../images/common/ico_menu_hambur.png);}
.templete-type2 .topnav-all-wrap .menu-one-depth > a{border-bottom:2px solid #11817d; color:#11817d;}
.templete-type2 .topnav-wrap ul li:hover > a{background-color:#0d6662;}
.templete-type2 .common-nav .topnav{background-color:#11817d;}
.sort-label.blight{background-color:#11817d;}
.sort-label.orange{background-color:#11817d;}
.updown_area button.btn_up{background-color:#11817d;}
.updown_area button.btn_up:hover{background-color:#0d6662;}
.templete-type2 .mylog-box{width:103px;}

.templete-type2 .header-md .all-topnav-wrap .scroll-y ul.list-all-menu{background-color:#11817d;}
.templete-type2 .header-md .all-topnav-wrap .scroll-y ul.list-all-menu li > a{background-color:#11817d;}

.templete-type2 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type2 .common-nav .topnav{width:100%;}
.templete-type2 .topnav-wrap{width:100%}
.templete-type2 .topnav-wrap ul > li > a {padding: 8px 18px;font-size: 16px;}
.templete-type2 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type2 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}

.top-row-wrap{width:100%;margin-top:1%;}
.top-row-wrap .col-3{display:inherit;}
.top-row-wrap .col-3 .row-col-card{height:430px;background-color: #e5e5e5;}
.top-row-wrap .col-3 .row-col-card figure{position: relative;width:100%;height:72.4%;overflow: hidden;}
.top-row-wrap .col-3 .row-col-card figure img {object-fit: cover; width:100%;}
.top-row-wrap .col-3 .row-col-card .desc-box {width: calc(100% - 40px); height:140px; background-color: #fff; padding: 10px 10px; margin: 10px; position:absolute; bottom:0; left: 0; z-index: 1;}
.top-row-wrap .col-3 .row-col-card .desc-box p{display: -webkit-box;font-size:12px; -webkit-line-clamp: 3; height:48px;}
.top-row-wrap .col-3 .row-col-card .desc-box h1 {font-size:22px;font-weight: 500;margin-top: 11px;height: 54px;word-break: break-all;}
.top-row-wrap .col-3 .row-col-card .desc-box .time {margin-top: 10px;font-size: 12px;font-weight: normal;color: #a8a8a8;display: block;text-align: right; display:none;}

.row-col-card{width:100%;background-color: #f1f2f4;position: relative;}
.row-col-card .desc-box{width:calc(100% - 40px) ;background-color:#fff;margin:10px;position: absolute;left:0;z-index: 1;}
.row-col-card .desc-box h1{font-size: 18px;color:#333;width:100%;font-weight:500;margin-top:11px; overflow:hidden;}
.row-col-card .desc-box p {font-size: 14px;margin-top: 12px;margin-bottom:5px;line-height: 1.3;color: #a8a8a8;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: calc(100% - 15px);}

.row-col-wrap{padding:10px;}
.row-col-wrap .headline-wrap ul li:nth-child(1){padding-bottom:9px;}
.row-col-wrap .headline-wrap .newst-box{height:300px; display:flex; display:-webkit-flex; display:-ms-flexbox; position:relative;background-color:#fff; }
.row-col-wrap .headline-wrap .newst-box section {width:100%; position:absolute; bottom:0px; left:0; padding:20px 0; background:linear-gradient(to top,rgba(0,0,0,0.75) 0,rgba(0,0,0,0) 100%);}
.row-col-wrap .headline-wrap .newst-box section h1.tit-section{color:#fff; padding: 0 15px; text-shadow:1px 1px 3px #333; width:90%;}
.row-col-wrap .headline-wrap .newst-box .time{margin-top:10px;font-size: 12px;font-weight: normal;color:#a8a8a8; display: none;text-align:right;}
.row-col-wrap .headline-wrap .newst-box figure{display: block;width:100%;height:100%;overflow:hidden;}
.row-col-wrap .headline-wrap .newst-box figure img{width:inherit;height:inherit;object-fit:cover;}

.row-fst .bg-gray-box{background-color:#e5e5e5;padding-bottom: 0;}
.row-fst .newst-wrap{background-color:#fff;}
.row-fst .newst-wrap ul{padding-top:12px;}
.row-fst .newst-wrap ul li{padding:0 10px 0 15px;}
.row-fst .newst-wrap ul li:nth-last-of-type(1){padding-bottom:10px;}
.row-fst .newst-wrap .newst-box{height:auto; display:flex; display:-webkit-flex; display:-ms-flexbox; position:relative;background-color:#fff; }
.row-fst .newst-wrap .newst-box section{position: relative;width:100%;}
.row-fst .newst-wrap .newst-box .time{margin-top:10px;font-size: 12px;font-weight: normal;color:#a8a8a8; display: none;text-align:right;}
.row-fst .newst-wrap .newst-box figure{display: block;width:100px;height:100px;overflow:hidden;}
.row-fst .newst-wrap .newst-box figure img{width:inherit;height:inherit;object-fit:cover;}

.tit-box {background-color:#3b83c5;height:35px;}
.tit-box.type1{background-color: #2d59a2;}
.tit-box h3{font-weight: bold;color: #fff;font-size:14px;line-height: 33px;padding-left:18px;}
.tit-section{font-size: 15px;font-weight: 400;color:#333;height: 40px;overflow: hidden;width:100%;line-height: 1.35;}
.sort-label {display: block;border-radius: 2px;height: 24px;line-height: 22px;box-sizing: border-box;padding: 0 10px;color: #fff;font-size: 12px;visibility: initial !important;position: absolute;top:10px;left:10px;z-index: 20;min-width: 54px;text-align: center;}
/*.sort-label.blight{background-color: #5094d2}
.sort-label.orange{background-color: #cc5523}*/

/* 중앙 슬라이드 박스*/
.mid-row-card .card-type-wrap{position:relative; width:100%; padding:20px; background-color:#f1f2f4; overflow:hidden; box-sizing:border-box;}
.mid-row-card .card-type-wrap .col-row-card section{background-color:#fff;padding:30px 20px;position: relative;}
.mid-row-card .card-type-wrap .col-row-card section .sort-label{top: 20px;left: 20px;}
.mid-row-card .card-type-wrap .col-row-card section .tit-section{padding-top:35px; font-size:16px; text-overflow: ellipsis; white-space:nowrap; word-wrap:normal; width:100%; font-weight:500; display:flex; display:-webkit-flex; display:-ms-flexbox;}
.mid-row-card .card-type-wrap .col-row-card section .desc-txt{font-size:12px; height:28px; line-height: 1.27; overflow: hidden; color:#a8a8a8;}
.mid-row-card .card-type-wrap .col-row-card section .dflex{display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top:18px;}
.mid-row-card .card-type-wrap .col-row-card section .dflex span{font-size: 12px;padding-top:20px;}
.mid-row-card .card-type-wrap .col-row-card section .dflex span:nth-of-type(1){margin-right: auto;}
.mid-row-card .card-type-wrap .col-row-card section .dflex .write-name{position: relative;}
.mid-row-card .card-type-wrap .col-row-card section .dflex .write-name:before{content:'';display: block;width:58px;height:1px;background-color:#99bbe0;position: absolute;top: 0;left: 0;}
.mid-row-card .card-type-wrap .col-row-card figure {position: relative;width: 100%;height: 200px;overflow: hidden;}
.mid-row-card .card-type-wrap .col-row-card img {object-fit: cover; width:100%; height: 100%;}
.mid-row-card .card-type-wrap .card-type-container .swiper-button-prev, .card-type-wrap .card-type-container .swiper-button-next{width:30px;height:30px;background-size: 30px 30px;}
.mid-row-card .card-type-wrap .card-type-container .swiper-button-next{background-image: url(../images/main/type2/btn_swiper_next.png)}
.mid-row-card .card-type-wrap .card-type-container .swiper-button-prev{background-image: url(../images/main/type2/btn_swiper_prev.png)}
/* // 중앙 슬라이드 박스*/

.mid-wrap{padding:20px 0 0;}
.mid-row-wrap{display:flex; flex-direction:row; flex:1; flex-wrap:wrap; background-color: #fff;}
.mid-row-wrap .mid-row-inner{display: flex;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: row;width:100%;}
.mid-row-wrap .mid-row-fst{width:100%;}
.mid-row-wrap .mid-row-mid{width:100%;padding-bottom:15px;}
.mid-row-wrap .bg-gray-box{background-color:#f1f2f4;padding-bottom: 18px;}

.mid-row-wrap .newst-wrap ul li{padding:18px 0 0 18px; width:calc(100% - 36px);}
.mid-row-wrap .newst-wrap .newst-box{height:auto; display:flex; display:-webkit-flex; display:-ms-flexbox; position:relative;background-color:#fff; }
.mid-row-wrap .newst-wrap .newst-box section{position: relative;width:100%; padding:24px 10px;}
.mid-row-wrap .newst-wrap .newst-box .catename{display:block; margin-top:15px;font-size: 12px;font-weight: normal;color:#a8a8a8; text-align:right;}
.mid-row-wrap .newst-wrap .newst-box .time{display:none;}
.mid-row-wrap .newst-wrap .newst-box figure{display: block;min-width:120px;width:120px; height:120px;overflow:hidden;}
.mid-row-wrap .newst-wrap .newst-box figure img{width:inherit;height:inherit;object-fit:cover;}

.bottom-wrap{padding:20px 0 0;}
.bottom-row-wrap{display:flex;flex-direction:column-reverse; flex:1; flex-wrap:wrap; background-color:#fff;}
.bottom-row-wrap .bottom-row-inner{width:100%;}
.bottom-row-wrap .mid-row-fst{width:100%;}
.bottom-row-wrap .mid-row-mid{width:100%;padding-bottom:15px;}
.bottom-row-wrap .bg-gray-box{background-color:#f1f2f4;padding-bottom: 18px;}

.bottom-row-wrap .newst-wrap ul li{padding:18px 18px 0 18px;}
.bottom-row-wrap .newst-wrap .newst-box{height:auto; display:flex; display:-webkit-flex; display:-ms-flexbox; position:relative;background-color:#fff; }
.bottom-row-wrap .newst-wrap .newst-box section{position: relative;width:100%; padding:15px;}
.bottom-row-wrap .newst-wrap .newst-box .catename{display:block; margin-top:15px;font-size: 12px;font-weight: normal;color:#a8a8a8; text-align:right;}
.bottom-row-wrap .newst-wrap .newst-box .time{display:none;}
.bottom-row-wrap .newst-wrap .newst-box .desc-txt{height:48px; overflow:hidden;}
.bottom-row-wrap .newst-wrap .newst-box figure{display: block;min-width:200px;width:200px; height:140px;overflow:hidden;}
.bottom-row-wrap .newst-wrap .newst-box figure img{width:inherit;height:inherit;object-fit:cover;}
.bottom-row-wrap .newst-wrap .newst-box .tit-section{font-size:16px;height:46px;}

.bottom-row-wrap .bottom-wrap-banner{text-align:center; width:100%; background:#f1f2f4; padding:25px 0;}
.bottom-row-wrap .bottom-wrap-banner .banner-list a:nth-of-type(1) img{padding-bottom:15px;}

.mbanner-wrap-left{display:none;}
.mbanner-wrap-right{display:none;}

.footer {background-color: #f6f6f6;}
.templete-type2 .main-tit{padding:10px 0;}


/* 테블릿 이상 (개조 후)*/
@media (min-width:768px) {
    .templete-type2 .main-sub-time{display:block;}

    .row-col-card{width:62%;}
    .row-col-card .desc-box h1{height: 43px;}

    .top-row-wrap .col-3{display:flex;flex:1;display:-webkit-flex;display:-ms-flexbox}
    .top-row-wrap .col-3 .row-col-card{height:400px; margin-right:15px;}
    .top-row-wrap .col-3 .row-col-card .desc-box {height: 110px;bottom: 10px;}
    .top-row-wrap .col-3 .row-col-card .desc-box h1{font-size:21px; height:49px; width:calc(100% - 20px); margin:3px auto 0;}
    .top-row-wrap .col-3 .row-col-card .desc-box p{font-size:13px;margin:9px auto 5px; width:calc(100% - 20px);}
    .top-row-wrap .col-3 .row-col-card .desc-box .time{font-size:14px;}

    .row-col-wrap {width:38%; margin-right:15px; padding:0;}
    .row-col-wrap .row-col-sm{margin-left:15px;width:calc(50% - 15px);margin-top:0;}
    .row-col-wrap .row-col-sm a{display:inline-block;width:auto;border:1px solid #dedede;height:294px;}
    .row-col-wrap .row-col-sm figure{height:56.8%;}
    .row-col-wrap .row-col-sm .desc-box{padding:15px; width:auto; font-size:13px;}
    .row-col-wrap .row-col-sm .desc-box h1{font-size: 16px;height:40px;}
    .row-col-wrap .row-col-sm .desc-box p{display: block;max-height:34px;margin-top:15px;}

    .row-col-wrap .headline-wrap ul li{padding:0}
    .row-col-wrap .headline-wrap .newst-box{height:195px;}
    .row-col-wrap .headline-wrap .newst-box .time{display:block;}

    .row-fst{display:none;}
    .row-fst .newst-wrap{background-color:#f1f2f4;}
    .row-fst .newst-wrap ul{padding-top:0;}
    .row-fst .newst-wrap ul li{padding:10px 10px 0 10px;}
    .row-fst .bg-gray-box{background-color:#e5e5e5;}    
    .row-fst .newst-wrap .newst-box{height:87.6px;}
    .row-fst .newst-wrap .newst-box section{padding:20px 15px 15px;}
    .row-fst .newst-wrap .newst-box .time{display:block;}

    .mid-row-wrap .newst-wrap ul li{float:left; width:calc(50% - 27px);}
    .mid-row-wrap .newst-wrap .newst-box{height:120px;}

    .bottom-row-wrap{flex-direction:row;}
    .bottom-row-wrap .bottom-row-inner{width:calc(100% - 360px);}
    .bottom-row-wrap .bottom-wrap-banner{width:300px;margin-left:18px; padding:25px 18px;}
    .bottom-row-wrap .bottom-wrap-banner .banner-list a:nth-of-type(1) img{padding-bottom:30px;}
    /*.bottom-row-wrap .newst-wrap ul li{float:left; width:calc(50% - 27px);}*/
    .bottom-row-wrap .newst-wrap .newst-box{height:150px;}

    /* 중앙 슬라이드 박스*/
    .mid-row-card .card-type-wrap{margin-top:20px;}
    .mid-row-card .card-type-wrap .col-row-card section{padding:20px 10px;}
    .mid-row-card .card-type-wrap .col-row-card section .tit-section{padding-top:43px; display:block;}
    .mid-row-card .card-type-wrap .col-row-card section .desc-txt{font-size:14px; height:34px;}
    /* // 중앙 슬라이드 박스*/

}

/* PC (개조 후)*/
@media (min-width:1170px) {
    .templete-type2 .main-wrapper {width: 1170px;}
    .templete-type2 .common-nav .topnav{width: 1170px;}
    .templete-type2 .topnav-wrap {width: 1170px;}
    
    .top-row-wrap{width:1170px;}

    .row-col-card{width:50%;}
    .row-col-wrap{width:25%;}
    .row-fst{display:block; width:25%;}

    .mid-row-wrap{flex-direction:row;}
    .mid-row-wrap .mid-row-inner{width:100%;}
    .mid-row-wrap .bg-gray-box.issue{width:calc(100% - 55.4%);}    
    .mid-row-wrap .newst-wrap ul li{width:366px; float:left;}

    .bottom-row-wrap .bg-gray-box.issue{width:calc(100% - 55.4%);}
    .bottom-row-wrap .newst-wrap .newst-box figure{width:250px; max-width:250px;}
        
    .card-type-wrap{width:1170px;}
    .card-type-wrap .col-row-card section{padding:30px 20px;}

    .mid-row-wrap2 .tit-box {width: 268px;}

    .mbanner-wrap-left{display:block; position: absolute;top:0px;left:-320px;}
    .mbanner-wrap-right{display:block; position: absolute;top:0px;right:-320px;}
}

@media (min-width: 1180px){
    .main-right-banner,
    .main-left-banner{top:0;}
}

/* 모바일만 (개조 후) */
@media (max-width: 767px) {
    .row-fst .newst-wrap .newst-box section h1.tit-section{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 20px); font-size:16px; margin-left:10px;}    
    .row-fst .newst-wrap .newst-box section::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #000;position: absolute;top: 8px;left:0;}

    .mid-row-wrap .mid-row-mid .section-main-wrap ul{display:flex; display:-webkit-flex; flex: 1; flex-wrap: wrap; flex-basis: 48%; justify-content: space-between;}
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .top-row-wrap .col-3 .row-col-card figure img,
    .row-col-wrap .row-col-sm figure img,
    .mid-row-wrap .section-main-wrap .section-card figure img,
    .mid-row-wrap .issue .issue-wrap .row-col-card figure img,
    .card-type-wrap .col-row-card img,{
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-width: 100%;
    }
}