@charset "utf-8";

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

.templete-type9 .common-nav {background: #fff; border-bottom: 1px solid #282f2f; height: 70px;}
.templete-type9 .common-nav .topnav{background-color:#fff; height:68px; margin-top:0.5px;}
.templete-type9 .button.btnico-menu {/*right:0;*/ top:13px; left:inherit; background-image:url(/images/main/type1/ico_allmenu2.png); height:40px; width:40px; background-color:#2d6aa2; min-width:40px;}


.templete-type9 .mylog-box{border-color: #395160; top:38px; right:0px;}
.templete-type9 .mylog-box .mylog:before{background: url(../../../images/common/arrow_top_2a5680.png) no-repeat 0 0; top: -14px; left: 74%;}
/*.templete-type9 .today-time{width:120px; top:40px;}*/
.templete-type9 .snsLinkbutton{position: absolute; right: 0; top: 40px; display:none;}
.templete-type9 .snsLinkbutton a{height:44px; width:44px; min-width:44px; padding:10px 23px; background-color:transparent;}

/*.templete-type9 .snsLinkbutton .btnico-instagram{display:inline-block;}
.templete-type9 .snsLinkbutton .btnico-facebook{display:inline-block;}
.templete-type9 .snsLinkbutton .btnico-naverblog{display:inline-block;}*/
/*.templete-type9 .snsLinkbutton .btnico-naverblog*/

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

.templete-type9 .topnav-wrap{width:100%; height:68px;}
.templete-type9 .topnav-wrap ul.menu-one-depth > li.menu-one-depth {padding:13px 0;}
.templete-type9 .topnav-wrap ul > li > a {padding: 6px 15px; font-size:22px; color:#282f2f; font-weight:600;}
.templete-type9 .topnav-wrap ul > li > ul{width:150px;}
.templete-type9 .topnav-wrap ul li ul.menu-two-depth .ico_depth:before {top: 13px;}
.templete-type9 .topnav-wrap ul li ul li a{color:#282f2f; font-weight:400; text-align:left; width:auto; padding: 10px 15px;}
.templete-type9 .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;} 
.main-tit{width:100%; height:35px; background-color:#ececec; font-weight: bold; font-size: 16px; line-height: 33px; margin:0; padding:0; padding-left: 18px;}


.row-col-card{padding:0 15px; order:1;}
.row-col-card figure{position: relative;width:100%;height:230px;overflow: hidden;}
.row-col-card figure img {object-fit: cover; width:100%; height:100%;}
.row-col-card .desc-box {padding: 15px 0;}
.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;}
.row-col-card .desc-box h1 {font-size:28px;font-weight:600;margin-top: 15px; letter-spacing: normal; font-stretch: normal; line-height: 1.28;margin-bottom:15px;max-height: 68px;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;}
.row-col-card .desc-box span{font-weight:500; color:#a07469; text-align:center; display:block; padding-bottom:5px;}
.row-col-card .desc-box span:before {display: inline-block; border-bottom: 1px solid #828282; content: ""; margin:20px 5px 4px; height: 1px; width: 12%;}
.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.headline-wrap{order:2;}
.row-col-wrap.headline-wrap > div{display:flex; display:-webkit-flex; flex:1; display: -ms-flexbox; padding:10px 15px;}
.row-col-wrap.headline-wrap .row-col-sm{width:50%; display:inline-block;box-sizing: border-box;}
.row-col-wrap .row-col-sm figure{position:relative; width:100%;overflow:hidden; height:150px;}
.row-col-wrap .row-col-sm figure img {width:100%; height:100%; object-fit: cover;}
.row-col-wrap .row-col-sm .desc-box{padding:10px 0 5px;}
.row-col-wrap .row-col-sm .desc-box h1{font-size: 18px;max-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:68px;overflow:hidden;margin-top: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;}

.top-row-wrap{display:flex; display:-webkit-flex; flex:1; display: -ms-flexbox; flex-direction:column;}
.row-col-wrap.top-box-wrap{order:3;}
.row-col-wrap.top-box-wrap > div{display:block; padding:20px 15px 0;}


.morebox-wrapper{margin-top:10px;}
.morebox-wrapper .more-wrap{border-bottom:1px solid #dedede;}
.morebox-wrapper .dot-list{padding:15px 0px 10px;}
.morebox-wrapper .dot-list li a{font-weight:400; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.btn-plus{width:25px; height:25px; background: url(../images/common/ico_plus_lg.png) no-repeat 0 0; margin-top:2px;}
.txt-more{font-size:15px; vertical-align:middle; font-weight:500;}
.dot-list > li ~ li{margin-top:17px;}

/* /헤드라인/ */


/* 중앙 이슈박스 */
.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:30%; 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%;}



/* 컨트롤 1 */
.wrapper-cards{margin-top:20px;}
.section-box-wrap{width:100%;}
.section-wrap{margin-top:50px;}

.mid-col-wrap {width: 100%; overflow:hidden; border: 1px solid #efefef;}
.mid-col-wrap .flex-wrap {display:flex; margin:20px 25px; overflow:hidden; flex-direction:column;}
.mid-col-wrap .mid-col-sm{margin-left:0; border:1px solid #dedede; margin-top:20px;}
.mid-col-wrap .mid-col-sm:nth-of-type(1){margin-top:0;}
.mid-col-wrap .mid-col-sm a{display: -ms-flexbox;width:auto;height:auto;border:none;box-sizing: border-box;}
.mid-col-wrap .mid-col-sm figure{position:relative; width:100%;height:165px; overflow:hidden;}
.mid-col-wrap .mid-col-sm figure img {width:100%; height:100%; object-fit: cover;}
.mid-col-wrap .mid-col-sm .desc-box{width:auto; padding:15px;}
.mid-col-wrap .mid-col-sm .desc-box span{color:#0d508f; font-size:15px; height:38px; line-height:1.3; overflow:hidden;}
.mid-col-wrap .mid-col-sm .desc-box h1{font-size:15px; height:20px; line-height: 1.3;overflow:hidden;/*margin-bottom:7px;*/color:#333;/*margin-top:7px;*/font-weight: 500;}
.mid-col-wrap .mid-col-sm .desc-box h1:hover{color:#d3231a; text-decoration:underline;}
.mid-col-wrap .mid-col-sm .desc-box p{display:none;  /*display:-webkit-box;*/  overflow:hidden; margin-top: 20px; line-height: 1.27; color:#a8a8a8; letter-spacing:-0.05em; word-break:break-all; -webkit-line-clamp: 2; text-overflow:ellipsis; -webkit-box-orient:vertical;}
/*.mid-col-wrap .row-col-sm ~ .row-col-sm{margin-left:2%;}*/
/* // 컨트롤 1 */

/* 컨트롤 우측 */
.main_right_banner{text-align:center; margin:22px 0;}
#imgTopRightBanner2{margin-top:10PX;}

/* 좌 썸네일 우 텍스트 박스 */
.article-view-rate {text-align:left;}
.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-view-rate.recent-box {margin-top:22.5px;}

.article-box .line-list {border: 1px solid #efefef; padding:15px;}
.article-box .line-list li{position: relative;}
.article-box .line-list li ~ li{padding-top:15px;}
.article-box .line-list li .dflex figure{border:1px solid #dedede;}
.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;}
.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;}

/* 공지사항 게시판 - 시사인투데이*/
.front-board-main-list ul {border: 1px solid #efefef; padding: 5px 0;}
.front-board-main-list ul li{border-top:0; padding-left:18px;}
.front-board-main-list ul li a span{font-size:16px; height:auto;}

@media (min-width: 768px) and (max-width: 1171px) {
    .article-box .line-list li{padding:10px 0;}
    .main-prolog-area .main-right-area{margin-right:10px;}
}

@media (max-width: 767px) {
    .article-view-rate{width:100%;}
}
/* // 좌 썸네일 우 텍스트 박스 */

@media (min-width:768px) {
    .templete-type9 .main-wrapper {margin-top:50px;}

    .templete-type9 .search-type{width:80px; height:37px;}
    .templete-type9 .location-box{background-color:transparent;}
    .mid-row-wrap, .issue_box, .hotnews_box, .low-row-wrap {margin-top:50px;} 
    
    .templete-type9 .topnav-wrap{padding-right:80px;}
    .location ul li:first-child a{background-color:#fff;}
    

    /* 헤드라인 */
    .top-row-wrap{padding:0 15px; flex-direction:row;}
    .row-col-card{width:62%; position:relative;padding:0; padding-left: 2%; border-left: 1px solid #dedede;}
    .row-col-card figure{height:75%;}
    .row-col-card .desc-box h1 {-webkit-line-clamp:2; max-height:68px;}
    .row-col-card .desc-box p{margin:0 5%;}    
    
    .row-col-wrap{width:20%; padding-left: 3%;}
    .row-col-wrap.headline-wrap {padding-left:2%;}
    .row-col-wrap.top-box-wrap{padding-right:2%; margin-top:-35px; padding-left:0; order:1;}
    .row-col-wrap.top-box-wrap > div{padding:0;}
    .row-col-wrap.headline-wrap .row-col-sm{width:100%;}
    .row-col-wrap.headline-wrap .row-col-sm ~ .row-col-sm {margin-top:15px;}
    .row-col-wrap.headline-wrap > div{display:block; padding:0;}

    .top-box-wrap .main-tit {margin-bottom: 10px; font-size: 21px; line-height: 1; padding: 0; margin: 0; background-color: transparent; border: none;}

    /* 중앙 이슈박스 */
    .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 */
    .wrapper-cards {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;}
    .wrapper-cards-left{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 25px; width: calc(100% - 366px);}
    .wrapper-cards_column{display:block; width: calc(50% - 12.5px);}
    .wrapper-cards_column div#divContainer{margin-bottom:25px;}
    .wrapper-cards_column ~ .wrapper-cards_column{margin-left:25px;}
    .main_right_banner{margin-top:0;}
    .wrapper-cards-right{width:350px;}

    /* 공지사항 게시판 - 시사인투데이*/
    .front-board-main-list{width:100%;}
}

/* PC */
@media (min-width:1170px) {
    .templete-type9 .main-wrapper {width: 1170px;margin-top:70px;}
    .templete-type9 .topnav-wrap {width:1170px;}
    /*.templete-type9 .topnav-all-wrap{width:1170px;}*/
    
    /* 헤드라인 */
    .top-row-wrap{padding:0;}
    .row-col-card figure{max-height:430px;}

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

    /* 하단 카드 박스 + 컨트롤 1 */
    .wrapper-cards-left{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 16px; width: calc(100% - 366px);}

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

@media (max-width: 767px){
    .row-col-wrap.headline-wrap .row-col-sm:nth-child(1){margin-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;}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .top-row-wrap .row-col-card figure img,
    .row-col-wrap .row-col-sm 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%);
    }

}