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

.templete-type2 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type2 .common-nav {background: #4b9be5;border-bottom: none;border-top: none;height: 36px;}
.templete-type2 .common-nav .topnav{background-color: #3b83c5; height: 36px; width: 1170px;}
.templete-type2 .topnav-wrap{width:100%; padding-left: 0;}
.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%;}

.templete-type2 div#divPCMenu {background-color: #4b9be5;}

.templete-type2 .button.btnico-menu {right: 0;left: inherit;background-image: url('../images/main/type2/ico_menu_hambur.png');height: 36px;width: 37px;background-color: transparent;min-width: 37px;}
.templete-type2 .topnav-all-wrap {top: 0; border-bottom: 3px solid #4b9be5;}
.templete-type2 .topnav-all-wrap .menu-one-depth > a {color: #4b9be5;}
.templete-type2 .topnav-all-wrap .menu-one-depth > a {border-bottom: 2px solid #4b9be5;}

.top-row-wrap{width:100%;margin-top:3.4%;}
.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%; height: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;}
.top-row-wrap .col-3 .row-col-card .desc-box h1 {font-size:22px;font-weight: 500;margin-top: 11px;height: 60px;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;}

.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; height:45px;}
.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 {width: 94%;padding:0 10px;overflow:hidden;}
.row-col-wrap .row-col-sm{width:48%;margin-left:0;margin-top:15px;float:left;}
.row-col-wrap .row-col-sm a{display: -ms-flexbox;width:auto;height:auto;border:none;box-sizing: border-box;}
.row-col-wrap .row-col-sm figure{position:relative; width:100%;height:120px; overflow:hidden;}
.row-col-wrap .row-col-sm figure img {width:100%; height:100%; object-fit: cover;}
.row-col-wrap .row-col-sm .desc-box{width:auto; padding:10px 0 0 0;}
.row-col-wrap .row-col-sm .desc-box h1{font-size:15px;height:38px;line-height: 1.3;overflow:hidden;margin-bottom:3%;color:#333;margin-top: 0px;font-weight: 500;}
.row-col-wrap .row-col-sm .desc-box p{display:none; overflow:hidden;margin-top: 25px;line-height: 1.27;color:#a8a8a8;}

.mid-row-wrap{display: flex;flex-direction: row;flex:1;flex-wrap:wrap;background-color: #fff;padding:20px 0 0 0;}
.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:#e5e5e5;padding-bottom: 0;}
.mid-row-wrap .bg-gray-box.issue{width:100%;}

.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: 38px;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:5px;left:5px;z-index: 99;min-width: 54px;text-align: center;}
.sort-label.blight{background-color: #5094d2}
.sort-label.orange{background-color: #cc5523}

.mid-row-wrap .newst-wrap{background-color:#fff;}
.mid-row-wrap .newst-wrap ul{padding-top:12px;}
.mid-row-wrap .newst-wrap ul li{padding:0 10px 0 15px;}
.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%;}
.mid-row-wrap .newst-wrap .newst-box .time{margin-top:10px;font-size: 12px;font-weight: normal;color:#a8a8a8; display: none;text-align:right;}
.mid-row-wrap .newst-wrap .newst-box figure{display:none;}
/*.mid-row-wrap .newst-wrap .newst-box figure{display: block;width:100px;height:100px;overflow:hidden;}*/
/*.mid-row-wrap .newst-wrap .newst-box figure img{width:inherit;height:inherit;object-fit:cover;}*/

.mid-row-wrap .section-main-wrap{background-color:#f5f5f5; width:auto; padding:0 10px;}
.mid-row-wrap .section-main-wrap ul li{padding:10px 0; width:48%;}
.mid-row-wrap .section-main-wrap .section-card{position: relative;}
.mid-row-wrap .section-main-wrap .section-card strong{display: block;width:95%;height:28px;padding:5px;font-size: 14px;overflow:hidden; color:#333; margin:0 auto; line-height: 1.25; font-weight:400; letter-spacing: 0.02em;}
.mid-row-wrap .section-main-wrap .section-card figure{position:relative; width:100%;height: 120px;overflow:hidden;}
.mid-row-wrap .section-main-wrap .section-card figure img {width:100%; height:100%; object-fit: cover;}

.mid-row-wrap .issue .issue-wrap ul {display: flex;display:-webkit-flex;display: -ms-flexbox;flex-direction: column;}
.mid-row-wrap .issue .issue-wrap ul li{padding:10px 18px 0; width:100%; box-sizing:border-box;}
.mid-row-wrap .issue .issue-wrap .row-col-card {height:294px;background-color: transparent; width:100%;}
.mid-row-wrap .issue .issue-wrap .row-col-card figure{position:relative; width: 100%;height:220px;overflow:hidden;}
.mid-row-wrap .issue .issue-wrap .row-col-card figure img {width:100%; height:100%; object-fit: cover;}
.mid-row-wrap .issue .issue-wrap .row-col-card .desc-box {height:100px; bottom:3px; padding:7px 10px 15px 10px; box-shadow:1px 1px 1px 1px #d7d7d7;}

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

/* 하단 포토박스*/
.mid-row-wrap2 .tit-box {width:100%; margin-top: 20px;}
.mid-row-wrap2 .photo-move-wrap{background-color:#f1f2f4; padding-bottom:10px; display:inherit;}

.mid-row-wrap2 .photo-move-list{width: calc(100% - 30px); padding-top:20px; margin:0 15px}
.mid-row-wrap2 .photo-move-list li{background-color:#fff; padding: 10px;}
.mid-row-wrap2 .photo-move-list li ~ li{border-top:1px solid #f1f2f4}
.mid-row-wrap2 .photo-move-list li a{display: flex;}
.mid-row-wrap2 .photo-move-list li figure {position: relative;width: 100px;height: 100px;overflow: hidden;}
.mid-row-wrap2 .photo-move-list li figure img {width:100%; height: 100%; object-fit: cover;}
.mid-row-wrap2 .photo-move-list li section{width:calc(100% - 110px);margin-left:10px}
.mid-row-wrap2 .photo-move-list li section .tit-section{font-size: 17px; padding-top:6px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; height:auto; margin-bottom:16px;}
.mid-row-wrap2 .photo-move-list li section .desc-txt {color: #a8a8a8;font-size:14px;display: inline-block; white-space: nowrap; 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;}

.mid-row-wrap2 .photo-big-box{position: relative;margin:15px; overflow:hidden;display: block;height:320px;}
.mid-row-wrap2 .photo-big-box a{display: block;}
.mid-row-wrap2 .photo-big-box figure {position:relative; width:100%; height: 428px; overflow: hidden;}
.mid-row-wrap2 .photo-big-box figure img {width: 100%; height: 100%; object-fit: cover;}
.mid-row-wrap2 .photo-big-box .txt-overlay{color:#fff;position: absolute; padding:20px; bottom:0; text-shadow:1px 1px 3px #000; background: linear-gradient(to top,rgba(0,0,0,0.75) 0,rgba(0,0,0,0) 100%)}
.mid-row-wrap2 .photo-big-box .txt-overlay h1{font-size: 21px;font-weight: bold;line-height: 1.4;}
.mid-row-wrap2 .photo-big-box .txt-overlay p{margin-top: 12px;height:34px;overflow:hidden;display: block;}
/* // 하단 포토박스*/

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

.footer {background-color: #f6f6f6;}


/*.mid-row-wrap:nth-child(3) {
    display:none;
}*/

/* 테블릿 이상 (개조 후)*/
@media (min-width:768px) {
    .row-col-card{width:51.2%;}
    .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:294px;}
    .top-row-wrap .col-3 .row-col-card .desc-box {height: 100px;bottom: 10px;}
    .top-row-wrap .col-3 .row-col-card .desc-box p{display:none;}    
    .top-row-wrap .col-3 .row-col-card .desc-box h1{font-size: 21px;}
    .top-row-wrap .col-3 .row-col-card .desc-box .time{font-size:14px;}

    .row-col-wrap {width:49.7%; 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:10px 6px; width:auto;}
    .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;}

    .mid-row-wrap{flex-direction:column; -ms-flex-direction:column;flex-wrap:nowrap;}
    .mid-row-wrap .mid-row-inner{flex-direction:row;width:100%;}
    .mid-row-wrap .mid-row-fst{width:51%;}
    .mid-row-wrap .mid-row-mid{width:49%;padding-bottom:0;}
    .mid-row-wrap .newst-wrap{background-color:#e5e5e5;}
    .mid-row-wrap .newst-wrap ul{padding-top:0;}
    .mid-row-wrap .newst-wrap ul li{padding:18px 18px 0 18px;}
    .mid-row-wrap .bg-gray-box{background-color:#e5e5e5;}
    
    .mid-row-wrap .newst-wrap .newst-box{height:100px;}
    .mid-row-wrap .newst-wrap .newst-box section{padding:24px 10px;}
    .mid-row-wrap .newst-wrap .newst-box .time{display:block;}

    .mid-row-wrap .section-main-wrap{width:100%; padding:0;}
    .mid-row-wrap .section-main-wrap ul li{width:auto; padding: 20px 18px 15px 18px;}
    .mid-row-wrap .section-main-wrap .section-card figure{height: 155px;}
    .mid-row-wrap .section-main-wrap .section-card strong{width:calc(100% - 15px);height:33px;padding-top:10px;font-size:15px;}
    
    .mid-row-wrap .issue .issue-wrap ul {flex-direction: row;}
    .mid-row-wrap .issue .issue-wrap ul li{padding:20px 9px 0; width:33.3%;}
    .mid-row-wrap .issue .issue-wrap .row-col-card .desc-box p{height:37px; margin-top: 5px;}
    
    .card-type-wrap{width:94.8%;}
    .card-type-wrap .col-row-card section{padding:20px 10px;}
    .card-type-wrap .col-row-card section .tit-section{padding-top:43px;font-size:16px; display:block;}
    .card-type-wrap .col-row-card section .desc-txt{font-size:14px; height:34px;}    

    .mid-row-wrap2 .photo-move-wrap{padding-bottom:0; display:flex; display:-webkit-flex; display:-ms-flexbox;}
    .mid-row-wrap2 .photo-move-list{width:35%; margin:15px; padding-top:0;}
    .mid-row-wrap2 .photo-move-list li{padding:21px 20px;}
    .mid-row-wrap2 .photo-move-list li section .tit-section{font-size: 16px;padding-top:0;}

    .mid-row-wrap2 .photo-big-box{margin:15px 25px 15px 10px; width:100%;}

    .mid-row-wrap2 .photo-big-box{height:428px;}
}

/* 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;}
    .top-row-wrap .col-3 .row-col-card{height:392px;}

    .row-col-wrap .row-col-sm{width:calc(50% - 20px);float:left;margin-left:20px;}
    .row-col-wrap .row-col-sm a{width:263px;height:392px;}
    .row-col-wrap .row-col-sm .desc-box{padding:40px 15px;}
    .row-col-wrap .row-col-sm .desc-box p{display: block;max-height:34px;}

    .mid-row-wrap{flex-direction:row;}
    .mid-row-wrap .mid-row-inner{width:60.4%;}
    .mid-row-wrap .bg-gray-box.issue{width:calc(100% - 60.4%);}   

    .mid-row-wrap .issue .issue-wrap ul {flex-direction: column;}
    .mid-row-wrap .issue .issue-wrap ul li{width:auto; padding:20px 18px 0;}
    .mid-row-wrap .issue .issue-wrap .row-col-card .desc-box {bottom: -12px; height:100px;}

    .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) {
    .templete-type2 .main-right-banner{display:block;position:absolute; top:0px; right:-310px; max-width:300px; text-align:center;}
    .templete-type2 .main-left-banner{display:block;position:absolute; top:0px; left:-310px; max-width:300px; text-align:center;}
    .templete-type2 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type2 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}

/* 모바일만 (개조 후) */
@media (max-width: 767px) {
    .row-col-wrap > div {display: -webkit-flex; flex: 1; flex-wrap: wrap; flex-basis: 48%; justify-content: space-between;}

    .mid-row-wrap .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;}    
    .mid-row-wrap .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,
    .mid-row-wrap2 .photo-big-box figure img,
    .mid-row-wrap2 .photo-move-list li figure 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%;
    }

    .mid-row-wrap2 .photo-move-list li section .desc-txt {
        height: 60px;
    }
}