@charset "utf-8";

/* 헤드 마스터 영역 */
.templete-type5 .header-top-md{background-color:#fff; padding-top:13px;}
.templete-type5 .header-top-md h1{padding-left:35px;}
.templete-type5 .header-top-md h1 a{width:165px;}
.templete-type5 .main-wrapper{width:100%;margin:0 auto;position: relative;}
.templete-type5 .cont-article{background-color:#fff;}
.templete-type5 .header-area{padding-left:0; float:none; text-align:center;}

.templete-type5 .common-nav {background: #fff; border-bottom: 1px solid #282f2f; border-top: 1px solid #282f2f; height: 39px;}
.templete-type5 .common-nav .topnav{width:100%; background-color:#fff; height:37px; margin-top:0.5px;}
.templete-type5 .button.btnico-menu {/*right:0;*/ margin-left:20px; top:1px; left:inherit; background-image:url(/images/main/type1/ico_allmenu2.png); height:37px; width:37px; background-color:#2d6aa2; min-width:37px;}
/*.templete-type5 [class*=btnico]{height:37px; width:37px; min-width: 44px;}*/

.templete-type5 .mylog-box{border-color: #395160; top:38px; right:0px;}
.templete-type5 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}
/*.templete-type5 .today-time{width:120px; top:90px; display:none;}*/
.templete-type5 .snsLinkbutton{display:none;}

.templete-type5 .topnav-all-wrap{width:100%; top:3px; padding:0 5% 20px; border:1px solid #eeeeee; border-bottom:3px solid #395160;}
.templete-type5 .topnav-all-wrap .menu-one-depth{width:190px; margin-left:20px;}
.templete-type5 .topnav-all-wrap .menu-one-depth > a {color:#395160; height:50px; border-bottom:2px solid #395160;}

.templete-type5 .topnav-wrap{width:100%; padding-left:0px; height:37px; text-align:center;}
.templete-type5 .topnav-wrap ul > li > a {padding: 9px 15px; font-size:15px; color:#282f2f; font-weight:400;}
.templete-type5 .topnav-wrap ul > li > ul{width:150px;}
.templete-type5 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type5 .topnav-wrap ul li ul li a{color:#282f2f; font-weight:400; text-align:left; width:auto;}
.templete-type5 .topnav-wrap ul li:hover > a{background-color:#fff; color:#e90606;}

.location-box {background-color: #4c9ce5;}
.location ul li:first-child a{background-color:#3f81bd;}
.updown_area button.btn_up{background: #4c9ce5;}
.updown_area button.btn_up:hover{background-color:#3f81bd;}
/* // 헤드 마스터 영역 */

h1.h1-tit-small:hover,
h1.h1-tit-mid:hover {color: #E90606 !important;}

/* 헤드라인, 컨트롤 박스 공통 */
.mid-row-wrap, .issue_box, .hotnews_box, .low-row-wrap {margin-top:25px;} 

.col-3{display:block; padding:0 15px;}
.col-3 .row-col-card{margin-bottom:30px;}
.col-3 .row-col-card figure{position: relative;width:100%;height:230px;overflow: hidden;}
.col-3 .row-col-card figure img {object-fit: cover; width:100%; height:100%;}
.col-3 .row-col-card .desc-box {padding: 15px 0;height:20%;}
.col-3 .row-col-card .desc-box p{margin:0; font-size:15px; font-weight:400; color:#767a81; text-align:center; height:63px;overflow:hidden; word-break: break-all; display:-webkit-box; -webkit-line-clamp:3; text-overflow:ellipsis; -webkit-box-orient:vertical; line-height:1.4;}
.col-3 .row-col-card .desc-box h1 {font-size:23px;font-weight: 400;margin-top: 15px; letter-spacing: normal; font-stretch: normal; line-height: 1.28;margin-bottom:10px;height: 60px;word-break: break-all;text-align:center;display: -webkit-box; text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical; letter-spacing:-0.05em; overflow:hidden;}
.col-3 .row-col-card .desc-box span{font-weight:500; color:#a07469; text-align:center; display:block; padding-bottom:5px;}
.col-3 .row-col-card .desc-box span:before {display: inline-block; border-bottom: 1px solid #828282; content: ""; margin:20px 5px 4px; height: 1px; width: 12%;}
.col-3 .row-col-card .desc-box span:after {display: inline-block; border-bottom: 1px solid #828282; content: ""; margin:20px 5px 4px; height: 1px; width: 12%;}

/* 헤드라인 */
.row-col-wrap {width:100%; overflow:hidden;}
.row-col-wrap > div{display:flex; display:-webkit-flex; flex:1; display: -ms-flexbox;}
.row-col-wrap .row-col-sm{width:50%; display:inline-block;box-sizing: border-box;height:270px;}
.row-col-wrap .row-col-sm figure{position:relative; width:100%;height:40%;overflow:hidden;}
.row-col-wrap .row-col-sm figure img {width:100%; height:100%; object-fit: cover;}
/*.row-col-wrap .row-col-sm a{width:100%;}*/
.row-col-wrap .row-col-sm .desc-box{padding:20px 0;}
.row-col-wrap .row-col-sm .desc-box h1{font-size: 18px;height:46px;line-height: 1.3;overflow:hidden;margin-bottom:3%;color:#333;margin-top: 0px;font-weight:500; letter-spacing:-0.05em;}
.row-col-wrap .row-col-sm .desc-box p{max-height:67px;overflow:hidden;margin-top:15px; margin-bottom:5px; line-height:1.57; font-weight:300; font-size:15px;}
.row-col-wrap .row-col-sm .desc-box span{max-height:18px;overflow:hidden;line-height: 1.3;color:#aaaaaa;font-size: 13px;}
/* /헤드라인/ */

/* 중앙 이슈박스 */
.gray-box{background-color:#f0f1f2;}
.gray-box .issue_list_row{display:flex; flex-wrap:wrap; overflow:hidden; padding:0 2% 25px;}
.gray-box .issue_list_row li{width:31%; padding: 5px 1%; list-style:none; text-align: center;}
.gray-box .issue_list_row li img {width:105px; height:105px; object-fit:cover; border-radius:50%; border: 1px solid #dedede;}
.gray-box .issue_list_row li a{display: block;}
.gray-box .issue_list_row li h1 {margin:25px 5%; height:39px; font-size:16px; overflow:hidden; font-weight:500; letter-spacing:-0.05em;}
.gray-box h2{font-size: 20px; padding: 23px; color:#e90606; font-weight: 600; margin: 2px auto; /*text-transform: uppercase;*/ text-align:center;}
.gray-box h2:before {display: inline-block; border-bottom: 1px solid #828282; content: ""; margin:20px 10px 6px; height: 1px; width: 11%;}
.gray-box h2:after {display: inline-block; border-bottom: 1px solid #828282; content: ""; margin:20px 10px 6px; height: 1px; width: 11%;}

.hotnews_box .gray-box h2 {color: #a07460;}
.hotnews_box .gray-box ul li span{font-size: 28px; font-weight: 700; text-align: center; width: 100%; text-decoration: underline; -webkit-text-decoration-color: #e90606; text-decoration-color: #e90606;}

/* 컨트롤 박스 1 */
.mid-row-wrap h2,
.low-row-wrap h2{text-align:center; justify-items:center; font-size:26px; font-weight:400; font-stretch:normal; line-height:1.31; letter-spacing:0.3em; padding:30px 0 20px;}

.mid-row-wrap .col-3 .row-col-card .desc-box h1{margin-top: 10px;}
.mid-col-wrap {width:100%; overflow:hidden;}
.mid-col-wrap .mid-col-sm{width:100%;display:inline-block;box-sizing: border-box; margin-bottom:25px;}
.mid-col-wrap .mid-col-sm figure{position:relative; width:100%; height:230px; overflow:hidden;}
.mid-col-wrap .mid-col-sm figure img {width:100%; height:100%; object-fit: cover;}
/*.mid-col-wrap .mid-col-sm a{}*/
.mid-col-wrap .mid-col-sm .desc-box{padding:7px 0 15px 0;}
.mid-col-wrap .mid-col-sm .desc-box h1{font-size:17px; height:45px; line-height:1.3; overflow:hidden; color:#666; margin-top:0px; font-weight:500; letter-spacing:-0.05em; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; text-overflow:ellipsis;-webkit-box-orient: vertical;}
.mid-col-wrap .mid-col-sm .desc-box p{max-height:67px;overflow:hidden;margin-top:15px; margin-bottom:5px; line-height:1.57; font-weight:300; font-size:15px;}
.mid-col-wrap .mid-col-sm .desc-box span{max-height:18px;overflow:hidden;line-height: 1.3;color:#aaaaaa;font-size: 13px;}

/* 컨트롤 2 */
.low-row-wrap .mid-col-wrap .col-3{padding:0; width:100%; display:flex; display:-webkit-flex;}
.low-row-wrap .col-3 .article-left-area{width:100%;}
.low-row-wrap .col-3 .article-left-area .row-col-card {width:100%; height:350px; padding:0; margin-bottom:35px;}
.low-row-wrap .col-3 .row-col-card .desc-box{padding:10px 0; height:20%;}
.low-row-wrap .col-3 .row-col-card .desc-box p{height: 25px; -webkit-line-clamp: 1;}
.low-row-wrap .type6-right-banner{position:relative; top:0; right:0; width:300px; display:none;}
.low-row-wrap .mid-col-wrap{width:100%;}
.low-row-wrap .mid-col-wrap .mid-col-sm{width:48%; height:175px;}
.low-row-wrap .mid-col-wrap .mid-col-sm figure{height:80%;}
.low-row-wrap .mid-col-wrap .mid-col-sm .desc-box h1{font-size:17px; height:24px; -webkit-line-clamp: 1;}
.low-row-wrap .mid-col-wrap .mid-col-sm:nth-child(1){margin-right:4%;}

.magazine-text{display:none;}

@media (min-width:768px) {
    .templete-type5 .search-type{width:80px; height:37px;}
    .templete-type5 .location-box{background-color:transparent;}
    .mid-row-wrap, .issue_box, .hotnews_box, .low-row-wrap {margin-top:50px;} 
    
    .location ul li:first-child a{background-color:#fff;}

    /* 헤드라인 */
    .top-row-wrap{margin-top:50px;}
    .col-3{display:flex; display:-webkit-flex; flex:1; display: -ms-flexbox;}
    .col-3 .row-col-card{padding-right:3%; height:622px;}
    .col-3 .row-col-card figure{height:72.5%;}
    .col-3 .row-col-card .desc-box h1 {-webkit-line-clamp:1; height:36px;}
    .col-3 .row-col-card .desc-box p{margin:0 5%;}    
        
    .row-col-wrap .row-col-sm{width:100%; /*padding-bottom:30px;*/ height:330px;}
    .row-col-wrap .row-col-sm figure{height:45%;} 
    
    .row-col-card{width:74%; position:relative;}
    .row-col-wrap > div{display:block;}

    /* 중앙 이슈박스 */
    .gray-box h1{font-size:22px;}
    .gray-box .issue_list_row li {width: 23%;}
    .gray-box .issue_list_row li img {width:135px; height:135px;}

    /* 컨트롤1 */
    .row-col-wrap, .mid-col-wrap {width:22.6%;}
    .mid-row-wrap .col-3 .row-col-card .desc-box h1{margin-top:20px;}
    .mid-col-wrap .mid-col-sm{height:200px; margin-bottom:0;}
    .mid-col-wrap .mid-col-sm figure{height:71.7%;}
    .mid-col-wrap .mid-col-sm .desc-box h1{font-size:15px; height:39px; }
    

    /*컨트롤2*/
    .low-row-wrap .col-3 .article-left-area {padding-right:3%; width:74%;}
    .low-row-wrap .col-3 .article-left-area .row-col-card {height:570px;}
    .low-row-wrap .col-3 .article-left-area .row-col-card figure{height:78.7%;}
    .low-row-wrap .mid-col-wrap .mid-col-sm{width:50%; height:285px;}
    .low-row-wrap .type6-right-banner{display:block;}
}

/* PC */
@media (min-width:1170px) {
    .templete-type5 .main-wrapper {width: 1080px;}
    .templete-type5 .topnav-wrap {width:1170px;}
    /*.templete-type5 .topnav-all-wrap{width:1170px;}*/
    
    /* 헤드라인 */
    .col-3{padding:0;}
    .col-3 .row-col-card{padding-right:3%; height:622px;}

    /* 중앙 이슈박스 */
    .gray-box .issue_list_row li {width: 18%;}
    .gray-box .issue_list_row li img {width:160px; height:160px;}

    /* 컨트롤1 */
    .mid-row-wrap .col-3{padding:0;}
}

@media (max-width: 767px){
    .row-col-wrap .row-col-sm:nth-child(1){padding-right:4%}

    .gray-box .issue_list_row li:nth-child(n+4){display:none;}
}

@media (max-width: 1170px) {
    .gray-box .issue_list_row li:nth-child(n+5){display:none;}
}

@media all and (min-width: 1180px) {
    /* 메인 사이드 배너 영역 */
    .templete-type5 .main-right-banner{display:block;position:absolute; top:0px; right:-310px; max-width:300px; text-align:center;}
    .templete-type5 .main-left-banner{display:block;position:absolute; top:0px; left:-310px; max-width:300px; text-align:center;}
    .templete-type5 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type5 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-header figure img,
    .col-sub-header img,
    .cont-article-view .dflex img,
    .dflex img,
    .mid-wrap .photobox img,
    .clearfix img,
    .tab-cont ul li figure img,
    .culture-wrap figure img,
    .list-thumb-culture .list-thumb li a figure img {
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        z-index: -100;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .culture-main-cont > p{
        height: 104px;
    }

    .culture-main-cont strong{
        height: 105px;
        overflow: hidden;
    }
}