@charset "utf-8";

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

.templete-type10 .common-nav {background: #fff; border-bottom: 1px solid #282f2f; border-top: 1px solid #282f2f; height: 39px;}
.templete-type10 .common-nav .topnav{background-color:#fff; height:37px; margin-top:0.5px;}
.templete-type10 .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-type10 .mylog-box{border-color: #395160; top:38px; right:0px;}
.templete-type10 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}
.templete-type10 .today-time{width:120px; top:90px; display:none;}
.templete-type10 .snsLinkbutton{display:none;}

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

.templete-type10 .topnav-wrap{width:100%; padding-left:0px; height:37px; text-align:center;}
.templete-type10 .topnav-wrap ul > li > a {padding: 9px 15px; font-size:15px; color:#282f2f; font-weight:400;}
.templete-type10 .topnav-wrap ul > li > ul{width:150px;}
.templete-type10 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type10 .topnav-wrap ul li ul li a{color:#282f2f; font-weight:400; text-align:left; width:auto;}
.templete-type10 .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;}

/*.templete-type10 .main-left-banner{display: block; position: absolute; top: 0px; left: -225px; width: 200px; height: auto;}*/

/* 헤드라인, 컨트롤 박스 공통 */
.section-box{margin-bottom:5.4%;}
.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 ~ .row-col-sm{margin-left:2%;}
.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:400; 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;}
/* /헤드라인/ */

/* 중앙 이슈박스 */
.blackbox{overflow: hidden; position:relative;}
.blackbox .photo-move-list li{background-color:#333; width:100%;}
.blackbox .photo-move-list li ~ li{border-top:1px solid #f1f2f4}
.blackbox .photo-move-list li div{display: flex; padding: 50px 80px;}
.blackbox .photo-move-list li figure {position: relative; min-width:45%; height:250px; overflow: hidden; margin-right:3%;}
.blackbox .photo-move-list li figure img {width:100%; height: 100%; object-fit: cover; transition: all 0.2s linear;}
.blackbox .photo-move-list li figure img:hover{transform: scale(1.1);}
/*.blackbox .photo-move-list li section{width:calc(100% - 100px);margin-left:5px}*/
.blackbox .photo-move-list li section .cate-section{font-size: 18px; font-weight:500; height:25px; color:#ffee1d;}
.blackbox .photo-move-list li section .tit-section{font-size: 22px; font-weight:500; height:60px; color:#fff; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-top:5px; display:-webkit-box; overflow: hidden;}
.blackbox .photo-move-list li section .desc-txt {padding-top:20px; color: #fff;font-size:14px;display: inline-block; white-space: nowrap; line-height:1.6; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.blackbox .photo-move-button-next{background-image: url(/images/set11/02_right_arrow.png); right:20px;}
.blackbox .photo-move-button-prev{background-image: url(/images/set11/01_left_arrow.png); left:20px;}
.photo-move-button-next, .photo-move-button-prev, .graybox-button-next, .graybox-button-prev{position: absolute; top:50%; width:30px; height:45px; margin-top:-10px; z-index: 10; cursor: pointer; background-size: 30px 45px; background-position: center; background-repeat: no-repeat;}

/* 컨트롤 1*/
.control-midbox .d-flex{display:block; padding-bottom:0;}
.control-midbox .d-flex ~ .d-flex{padding-top:50px;}
.mid-right-box{width:100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; flex: 1; flex-basis: 48%; justify-content: space-between; margin-bottom:20px;}
.mid-right-box .row-col-sm {width:48%; box-sizing: border-box; border: 1px solid #333; background-color:#fff; overflow:hidden; max-height:200px;}
.mid-right-box .row-col-sm:nth-child(2n){margin-left:2%;}
.mid-right-box .row-col-sm:nth-child(n+3){margin-top:2%;}
.control-midbox .d-flex:nth-child(1) .mid-right-box:nth-child(2) .row-col-sm .title-img-box,
.control-midbox .d-flex:nth-child(2) .mid-right-box:nth-child(1) .row-col-sm .title-img-box{background-color:#fff;}
.control-midbox .d-flex:nth-child(1) .mid-right-box:nth-child(2) .row-col-sm .title-img-box h2,
.control-midbox .d-flex:nth-child(2) .mid-right-box:nth-child(1) .row-col-sm .title-img-box h2{color:#333;}
/* 리드어스 커스텀 이미지 */
/*.control-midbox .d-flex:nth-child(1) .mid-right-box:nth-child(1) .row-col-sm .title-img-box{background-image:url(/images/set11/woman_BG.png)}
.control-midbox .d-flex:nth-child(2) .mid-right-box:nth-child(2) .row-col-sm .title-img-box{background-image:url(/images/set11/man_BG.png)}*/
/* // 리드어스 커스텀 이미지 */
.mid-right-box .row-col-sm:hover .desc-box{-webkit-transform: translateY(-120px); transform: translateY(-120px); transition: all .3s ease-out;} 
.mid-right-box .row-col-sm .title-img-box{/*background-image:*/ background-position: center center; background-repeat: no-repeat; background-color:#333; background-size: cover; height:100%;}
.mid-right-box .row-col-sm .title-img-box h2{font-size:20px; color:#fff; padding:20px; font-weight:600;}
.mid-right-box .row-col-sm .thumb-img-box{min-height:42px; display: block; position: relative; overflow:hidden; height:65%;}
.mid-right-box .row-col-sm .thumb-img-box figure{/*width:336px;*/ height:100%;}
.mid-right-box .row-col-sm .thumb-img-box figure img{display:block; width:100%; height:100%; object-fit:cover;}

.mid-right-box .row-col-sm .desc-box{background-color:#fff; padding-top:15px; -webkit-transform: translateY(0px); transform: translateY(0px); transition: all .3s ease-out;}
.mid-right-box .row-col-sm .desc-box .meta-list-top{padding:15px 15px 0px;}
.mid-right-box .row-col-sm .desc-box span.cat-title{border:1px solid #C2D5E8; border-radius:15px; font-size:11px; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:500; padding:5px 10px; background:transparent; margin: 10px 0; letter-spacing:0.035em; max-width: calc(100% - 14px); -moz-box-sizing: border-box; box-sizing: border-box;}
.mid-right-box .row-col-sm .desc-box span.cat-title a{color:#C2D5E8; border:1px solid #C2D5E8; border-radius:15px; font-size:11px; line-height:1em; position:relative; display:inline; font-size: 11px; font-weight:300;}
.mid-right-box .row-col-sm .desc-box h2.post-title{height:50px; overflow:hidden; padding:0 15px; margin-top:0px; margin-bottom:15px; font-size:18px; font-weight:500; line-height:1.3; -webkit-font-smoothing:antialiased;}
.mid-right-box .row-col-sm .desc-box h2.post-title a{font-size:15px; color:#333;}
.mid-right-box .row-col-sm .desc-box .excerpt{font-size:14px; color:#151515; padding:0 15px;}
.mid-right-box .row-col-sm .desc-box .excerpt p{height:58px; overflow:hidden; margin-bottom: 0; line-height:1.4;}
.mid-right-box .row-col-sm .desc-box .dflex{padding:15px 15px 5px; line-height:1.4; margin-bottom:0; font-weight:400; font-size:12px; text-transform:none;}

/* 세로 긴 썸네일 박스 */
.bgbox-wrap{padding-bottom:0;}
.photo-big-box{margin-bottom:2%; width:49%; position:relative; overflow:hidden; display:block; transition: all 0.2s linear;}
.photo-big-box:hover{transform: scale(1.05);}
.photo-big-box a{display: block;}
.photo-big-box figure {position:relative; width:100%; padding-top:150%; overflow: hidden;}
.photo-big-box figure img {width: 100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:100%;}
.photo-big-box .txt-overlay{min-height:100px;color:#fff; position:absolute; width:100%; bottom:0px; text-shadow:1px 1px 3px #000; background:linear-gradient(to top,rgba(0,0,0,0.35) 0,rgba(0,0,0,0) 100%)}
.photo-big-box .txt-overlay h1{padding: 20px; max-height: 32px;font-size:18px; font-weight:500; line-height:1.4; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* 하단 회색 3개 박스 */
.graybox--wrap .tit-warp{border-top: 1px solid #dedede; /*border-bottom: 1px solid #dedede;*/ min-height:70px;}
.graybox--wrap .main-tit{font-size:30px; padding:20px 0; border:0; display:inline-block; background-color:transparent; text-shadow: 1px 1px 3px #333; color: #b9b9b9;}
.graybox--wrap .gray-box{background-color: #e3e3e3; padding: 0 75px 20px; position:relative;}
.list-cate--wrap{position:relative; overflow:hidden;}
.list-cate--row li{width:32%;}
.list-cate--row li figure{position:relative; width:100%; padding-top:62%; overflow: hidden;}
.list-cate--row li img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%;}
.list-cate--row li a:hover img{transform: scale(1.05); transition: all 0.2s linear;}
.list-cate--row li a:hover .d-flex p{color:#E90606;}
.list-cate--row li p {margin-top:7px; height:40px; overflow:hidden; font-weight:500; font-size:16px;}
.list-cate--row li .d-flex{margin-top:5px;}
.list-cate--row li .d-flex span{font-size:38px; font-weight:500; padding-right:10px;}
.main_type1--photo .btn-close-arrow{background:url(../images/common/ico_more.png) no-repeat 0 0; font-size:1px; color:transparent; clear: both; float:right; width:25px; height:20px; margin:8px 5px 0 0;}
.graybox--wrap .graybox-button-prev{background-image: url(/images/set11/01_left_arrow.png); left:20px;}
.graybox--wrap .graybox-button-next{background-image: url(/images/set11/02_right_arrow.png); right:20px;}

/* 최하단 공통영역 3개박스 */
.common-area-wrap{padding-top:12px; border-top:2px solid #333;}
.common-area-wrap > div{width:30%;}
.common-area-wrap div ~ div{margin-left:5%;}
.common-area-wrap .main-tit{margin-bottom:25px;}

/* 공통 - 좌썸네일 */
.article-view-rate h2 {margin-top:33px;margin-bottom: 15px;}
.article-view-rate .ico{display:inline-block;width:13px;height:13px;margin-left:20px;vertical-align: middle;background:url('../images/main/type3/ico_orange_more.png') no-repeat 0 0;text-indent: -9999em;}

.article-box .line-list {}
.article-box .line-list li{position:relative;}
.article-box .line-list li ~ li{padding-top:15px;}
.article-box .line-list li .dflex{overflow:hidden;}
.article-box .line-list li .dflex > div{width:28%;}
.article-box .line-list li .dflex figure{border:1px solid #dedede; position: relative; width: 100%; padding-top: 62%; overflow: hidden}
.article-box .line-list li .dflex figure img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%;}
.article-box .line-list li .dflex p{flex:2; margin-left:15px; font-size:16px; height:42px; line-height:1.3; overflow:hidden; letter-spacing: -0.05em; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; font-weight:500;}
.article-box.txt-right .line-list li .dflex p{margin-left:0; margin-right:15px;}
.article-box .line-list li .dflex p:hover {color: #d3231a; text-decoration:underline;}
.article-box .dflex{display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row;}


/* 공통 - 넘버링 박스 */
.number-box ul li{display: flex; padding-bottom:10px;}
.number-box ul li ~ li{padding-top:10px; border-top: 1px solid #b3b3b3;}
.number-box ul li a{padding: 8px 0; display: block; overflow: hidden; font-size: 16px; width: 100%;}
.number-box ul li div{width: 15px; margin-right: 20px; font-size: 17px; font-weight: 700; text-align: center; padding: 9px 0;}
.number-box ul li a span{color: #333; display: block; /* line-height: 1.2; */ font-size: 15px; font-weight: 500; max-height: 42px; overflow: hidden;}
.number-box ul li a span:hover {color: #d3231a; text-decoration:underline;}

/* 공통 - 많이 본 기사 */
.newst-wrap{background-color:#fff;}
.newst-wrap ul{}
.newst-wrap ul li{padding: 18px 0; background-color: #dedede; border-radius: 25px;}
.newst-wrap ul li ~ li{margin-top:20px;}
.newst-wrap .newst-box{position:relative;}
.newst-wrap .newst-box h1.tit-section{padding: 0px 15px; font-size:14px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow:hidden;}
.newst-wrap .newst-box h1.tit-section:hover{color: #d3231a; text-decoration:underline;}


@media (min-width:768px) {
    .templete-type10 .search-type{width:80px; height:37px;}
    .templete-type10 .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 ~ .row-col-sm{margin-left:0;}
    .row-col-wrap .row-col-sm figure{height:45%;} 
    
    .row-col-card{width:74%; position:relative;}
    .row-col-wrap > div{display:block;}

    /* 컨트롤1 */
    .control-midbox .d-flex{display:flex;}
    .row-col-wrap, .mid-col-wrap {width:22.6%;}
    .mid-right-box{width:49%; margin-bottom:0px;}
    .mid-right-box ~ .mid-right-box{margin-left:2%;}
    .mid-right-box .row-col-sm{max-height:255px; height:255px;}
    .mid-right-box .row-col-sm .thumb-img-box figure{width:100%; /*height:200px;*/}
    .mid-right-box .row-col-sm .desc-box h2.post-title{margin-top:7px;}
    .mid-right-box .row-col-sm .desc-box h2.post-title a{font-size:18px;}

    /* 세로 긴 썸네일 박스 (리드어스) */
    .photo-big-box{width:24%; margin-bottom:0;}
    .photo-big-box ~ .photo-big-box {margin-left:2%;}

    /* 하단 회색 3개 박스 */
    .main_type1--photo .tit-warp{border:0;height:20px;}
    /*.list-cate--row li ~ li {padding-left:2%;}*/
}

/* PC */ 
@media (min-width:1170px) {
    .templete-type10 .main-wrapper {width: 1080px;}
    .templete-type10 .topnav-wrap {width:1000px;}
    /*.templete-type10 .topnav-all-wrap{width:1170px;}*/
    
    /* 메인 사이드 배너 영역 */
    .templete-type10 .main-right-banner{display:block;position:absolute; top:0px; right:-310px; max-width:300px;}
    .templete-type10 .main-left-banner{display:block;position:absolute; top:0px; left:-310px; max-width:300px;}
    .templete-type10 .main-right-banner #divBanner:nth-of-type(1),
    .templete-type10 .main-left-banner #divBanner:nth-of-type(1) {margin-top: 0;}

    /* 헤드라인 */
    .col-3{padding:0;}
    .col-3 .row-col-card{padding-right:3%; height:622px;}

    /* 중앙 이슈박스 */
    .blackbox .issue_list_row li img {}

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

/* 모바일 전용 */
@media (max-width:768px) {
    .bgbox-wrap.d-flex{width: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; flex: 1; flex-basis: 48%; justify-content: space-between; margin-bottom: 20px;}

    /* 중앙 이슈박스 */
    .blackbox .photo-move-list li div{padding:30px 48px;}
    .blackbox .photo-move-list li a {flex-direction: column; /*padding:30px 80px;*/}
    .blackbox .photo-move-list li a section{margin-top:10px;}
    .blackbox .photo-move-list li section .tit-section{height:54px;}
    .blackbox .photo-move-button-next,
    .graybox--wrap .graybox-button-next{right:10px;}
    .blackbox .photo-move-button-prev,
    .graybox--wrap .graybox-button-prev{left:10px;}
    
    /* 하단 회색 슬라이드*/
    .graybox--wrap .main-tit{margin-left:0;}
    .graybox--wrap .gray-box{padding:0 45px 0px;}

    /* 최하단 공통박스 */
    .common-area-wrap.d-flex{display:block; padding:0 20px;}
    .common-area-wrap .main-tit{border:0; margin:0; padding: 20px 0;}
    .common-area-wrap > div{width:100%;}
    .common-area-wrap div ~ div{margin-left:0;}

    /* 공통 - 좌썸네일 */
    .article-view-rate{width:100%;}
}


/* 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;
    }
}