@charset "utf-8";

/*구조*/
.today_recent{height:100%;z-index: 9;position:relative;}
.today_recent:before{content:'';width:100%;height: 1660px;background: #d2d3d7;position:absolute;left:0;bottom:0;}
.today_recent .container{max-width: 1700px;margin: 0 auto;position: relative;}
.today_recent ul.inner{}
.today_recent ul.inner > li{}

/*타이틀*/
.today_recent .title{padding-bottom: 40px;position: relative;padding-left: 40px;margin-top: 40px;display: block;font-family: 'Noto Medium';font-size: 50px;color: #212121;line-height:1;position:relative;cursor:text;display:none;}
.today_recent .title a{display:inline-block;font-family: 'Noto Medium';font-size: 50px;color: #212121;line-height:1;position:relative;padding:5px 5px 0 0;cursor:text;}
.today_recent .title:before{content:'';width:4px;height:66px;background:#8b0029;position:absolute;left:0;top:0;}


.today_recent .list{position: relative;padding-bottom: 250px;}
.today_recent .list > ul .right{display: inline-flex;flex-wrap: wrap;width: calc(100% - 720px);justify-content: flex-end;}
.today_recent .list > ul .right > li{margin-left:40px;margin-bottom:65px;box-shadow: rgba(0,0,0,0.15) 8px 10px 18px 1px;width:420px;height: 900px;position:relative;overflow: hidden;background: #fff;}
.today_recent .list > ul .right > li .thumb{height:520px;overflow:hidden;}
.today_recent .list > ul .right > li .thumb img{min-height:520px;min-width:100%;position: relative;left: 50%;transform: translate(-50%, 0);}
.today_recent .list > ul .right > li .con{background:#fff;padding: 45px 40px 50px 50px;position:relative;}
.today_recent .list > ul .right > li .con:before{content:'';width:92px;height:1px;background:#000;position:absolute;right: -15px;top: 30px;transform: rotate(135deg);}
.today_recent .list > ul .right > li .con .subjectText > span{font-family: 'Noto Medium';font-size:23px;color:#202020;line-height: 1.4;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;margin-bottom: 15px;}
.today_recent .list > ul .right > li .con .content > span{font-size:16px;color:#7d7d7d;line-height:1.5;display:block;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.today_recent .list > ul .right > li .readMore{position:absolute;left:50px;bottom:35px;font-size:14px;color:#666;}
.today_recent .list > ul .right > li .readMore > span{position:relative;padding-left:7px;padding-bottom:9px;}
.today_recent .list > ul .right > li .readMore > span:after{content:'';width:82px;height:1px;background:#202020;position:absolute;left:0;bottom:0;}
.today_recent .list > ul .right > li .con .date{display:flex;align-items: center;margin-bottom: 20px;}
.today_recent .list > ul .right > li .con .datebox{font-size:14px;font-family: 'Noto Bold';}
.today_recent .list > ul .right > li .con .datebox strong{display:block;font-size:50px;font-family: 'Noto Bold';line-height: 1;}
.today_recent .list > ul .right > li .con .date p {font-size:15px;font-family:'Noto Light';font-style:italic;padding-left:15px;}

.today_recent .list > ul .left .title{display:block;}
.today_recent .list > ul .left{position:sticky;left:0;top:0;display: inline-block;}
.today_recent .list > ul .left > li{width: 720px;height: 720px;display: inline-block;vertical-align: top;margin-left: 0;float: none;margin-bottom: 0;}
.today_recent .list > ul .left > li .thumb{height:720px;min-width: 720px;max-width: 720px;overflow: hidden;}
.today_recent .list > ul .left > li img{min-width: 100%;min-height: 100%;position: relative;left: 50%;transform: translate(-50%);}
.today_recent .list > ul .left > li a{display:block;position:relative;}
.today_recent .list > ul .left > li .con{position:absolute;left:0;background: none;bottom: 0;padding:0 50px 50px 50px;}
.today_recent .list > ul .left > li .con .subjectText{margin-bottom: 15px;}
.today_recent .list > ul .left > li .con .subjectText span{color:#fff;font-size:35px;font-family:'Noto Medium';line-height:1.25;letter-spacing: -2px;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;}
.today_recent .list > ul .left > li .con .content{color:#fff;font-size: 16px;line-height: 1.5;max-width: 85%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;overflow: hidden;margin-bottom: 35px;}
.today_recent .list > ul .left > li .con .date{display:none;}
.today_recent .list > ul .left > li .readMore{display:none;}
.today_recent .more{position: absolute;right: 0;top: 62px;font-size: 0;margin-left:-45px;transition:all ease .5s;width: 50px;height: 50px;}
.today_recent .more:before{content:'';width:50px;height:10px;background:#000;display: inline-block;transition:all ease .5s;}
.today_recent .more:after{content:'';width:50px;height:10px;background:#000;display: inline-block;transform:rotate(90deg);position:relative;top: -10px;transition:all ease .5s;}
.today_recent .more:hover:before{transform: rotate(180deg);}
.today_recent .more:hover:after{transform: rotate(270deg);}


@media (max-width: 1700px) {
.today_recent{padding:0 35px;}    
.today_recent .list > ul .right{width: 53%;margin-left: 2%;}
.today_recent .list > ul .left{width:45%;}
.today_recent .list > ul .left > li img{/* width:100%; */}
.today_recent .list > ul .left > li{width:100%;height:100%;overflow: hidden;}    
.today_recent .list > ul .right > li{width:calc(100% / 2 - 20px);margin-left: 20px;}
.today_recent .list > ul .left > li .thumb{height:500px;}
}

@media (max-width: 1400px) {
    .today_recent .list > ul .left > li .con{padding:25px;}
    .today_recent .list > ul .left > li .con .subjectText span{-webkit-line-clamp:2;font-size:30px;}
    .today_recent .list > ul .right > li{height:750px;}
    .today_recent .list > ul .right > li .thumb{height:380px;}
    .today_recent .list > ul .right > li .thumb img{min-height: 380px;width: 100%;}
    .today_recent .list > ul .right > li .con{padding:35px;}
    .today_recent .list > ul .right > li .con .datebox strong{font-size:38px;}
    .today_recent .list > ul .right > li .con .datebox{font-size:12px;}
    .today_recent .list > ul .right > li .con .date p{font-size:13px;}
    .today_recent .list > ul .right > li .con:before{width:45px;top: 15px;right: -7px;}
    .today_recent .list > ul .right > li .con .date{margin-bottom:10px;}
    .today_recent .list > ul .right > li .con .subjectText > span{font-size:21px;}
    .today_recent .list > ul .right > li .con .content > span{font-size:15px;}
}

@media (max-width: 1200px) {
.today_recent .list > ul .left{width:55%;}    
.today_recent .list > ul .right{width:43%;}
.today_recent .list > ul .right > li{width:calc(100% / 1);margin-left: 0;}
}

@media (max-width: 1023px) {
.today_recent .list > ul .left{width:60%;}    
.today_recent .list > ul .right{width:38%;}
.today_recent .list > ul .right > li{width:calc(100% / 1);margin-left: 0;}
.today_recent .more{width:40px;height:40px;}
.today_recent .more:before{width:40px;height:7px;}
.today_recent .more:after{width:40px;height:7px;top: -7px;} 
}

@media (max-width: 767px) {
 .today_recent{padding:0 25px;}   
.today_recent .list{padding-bottom: 55px;}    
.today_recent .list > ul .left{position:initial;width:100%;}
.today_recent .list > ul .right{width:100%;margin-left:0;display:none;}   

.today_recent .list > ul .left > li{margin-bottom:65px;box-shadow: rgba(0,0,0,0.15) 8px 10px 18px 1px;width: 100%;height: 900px;position:relative;overflow: hidden;background: #fff;}
.today_recent .list > ul .left > li .thumb{height: 525px;overflow:hidden;}
.today_recent .list > ul .left > li img{width:100%;height:100%;min-width: 500px;min-height: 525px;max-width: 800px;}
.today_recent .list > ul .left > li a{display:block;position:relative;}
.today_recent .list > ul .left > li .con{background:#fff;padding: 45px 40px 50px 50px;position:relative;}
.today_recent .list > ul .left > li .con:before{content:'';width:92px;height:1px;background:#000;position:absolute;right: -15px;top: 30px;transform: rotate(135deg);}
.today_recent .list > ul .left > li .con .subjectText > span{font-family: 'Noto Medium';font-size:23px;color:#202020;line-height: 1.4;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;margin-bottom: 15px;}
.today_recent .list > ul .left > li .con .content > span{font-size:16px;color:#7d7d7d;line-height:1.5;display:block;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.today_recent .list > ul .left > li .con .subjectText{margin-bottom: 15px;}
.today_recent .list > ul .left > li .con .date{display:flex;align-items: center;margin-bottom: 20px;}
.today_recent .list > ul .left > li .readMore{display:block;position:absolute;left:50px;bottom:35px;font-size:14px;color:#666;}    
.today_recent .list > ul .left > li .readMore > span{position:relative;padding-left:7px;padding-bottom:9px;}
.today_recent .list > ul .left > li .readMore > span:after{content:'';width:82px;height:1px;background:#202020;position:absolute;left:0;bottom:0;}    
.today_recent .list > ul .left > li .con .datebox{font-size:14px;font-family: 'Noto Bold';}
.today_recent .list > ul .left > li .con .datebox strong{display:block;font-size:50px;font-family: 'Noto Bold';line-height: 1;}
.today_recent .list > ul .left > li .con .date p {font-size:15px;font-family:'Noto Light';font-style:italic;padding-left:15px;}

.today_recent:before{height: 480px;}
.today_recent .title{padding-left:15px;padding-bottom: 30px;}    
.today_recent .title a{font-size:30px;padding-top: 10px;}
.today_recent .title:before{height:50px;}
.today_recent .list{padding:0 5px 40px}

.today_recent .list > ul .left > li img{transform:translateX(-75%);}    
}