@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*전체감싸기*/
.wrap-news{position:relative;word-break:break-all; /* display: flex; flex-direction: column-reverse; justify-content: space-between; max-height: 300px; */background: #ffffffc7;min-height: 345px;max-height: 345px;overflow: hidden;}
.wrap-news h2{
    line-height:1;
    padding: 18px 18px;
    color: #f3f3f3;
    font-size: 18px;
    display: block;
    font-weight: bold;
    background: #383838;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    } 
.wrap-news > ul{height: 100%;max-height: 290px;}
.wrap-news > ul:before {content:'';position:absolute;width:100%;/* height: 58px; *//* background: #383838; */bottom: 0;left: 0;z-index: 1;}
.wrap-news > ul > li{height: calc(100% - 0px);overflow: hidden;} 
.wrap-news .title{display:none;} 
.wrap-news .list{/* padding-left:175px; *//* padding: 0 !important; *//* overflow: hidden; *//* width: 100%; *//* height: 100%; */} 
.wrap-news .list * {/* height:100%; *//* width: 100%; */} 
.wrap-news .list ul li.nodata{font-size:18px;text-align:center;padding:30px 0;width:100%} 
.wrap-news a.subject{display:block;} 
.wrap-news .thumb{width: 100%;height: 100%;overflow:hidden;object-fit: cover;}
.wrap-news .thumb img{object-fit: cover;/* transform: translateZ(0); */image-rendering: -webkit-optimize-contrast;transition: 0.3s;backface-visibility: hidden;object-position: top;background: #fff;} 
.wrap-news .subjectText{display:none;} 
.wrap-news .date{display:none;} 
.wrap-news .content{display:none;} 
.wrap-news .more{display:block;position:absolute;bottom: 19px;left: 134px;text-indent:-9999px;width: 15px;height: 15px;background: url(../images/plus_1_w.png) center no-repeat;background-size: contain;z-index: 1;} 
.wrap-news > ul > li.active .list,
.wrap-news > ul > li.active a.more{display:block;}

@media only screen and (min-width:1024px){
	.wrap-news .more:hover{/* background-color:#005e59; */transform: rotate(90deg);transition: 0.3s;}
}
@media only screen and (max-width:1280px){
	.wrap-news .more{}
}
@media only screen and (max-width:1024px){
	.wrap-news {}
	.wrap-news h2 {/* margin-top:0; *//* margin-bottom:20px; */}
	.wrap-news , .wrap-news > ul {max-height:450px}
	.wrap-news .thumb img {/* max-height:300px; */width: 100%;}
	.slide-top-title{font-size:26px !important; margin-top:8px !important; margin-bottom:7px;}
}
@media only screen and (max-width:768px){
	.wrap-news h2{}
	.wrap-news .more{}
	.wrap-news .list{padding-left:0 !important;}
	.wrap-news .thumb{width:100%;height:auto;max-height:360px;}
	.wrap-news .more{top: -50px !important;}
}

/*CONTROL*/
.wrap-news .paging button,
.wrap-news .playstop button,
.wrap-news .prevnext button{display:inline-block;text-indent:-9999px;}

.wrap-news .control, .wrap-news .numbering{position:absolute;z-index:1;}

.wrap-news .control{left:111px;top:120px;height: auto;width: auto;display: none;} 
.wrap-news .paging ul li{line-height:0;}
.wrap-news .paging ul li button{width:2px;height:10px;background:#FFF;}
.wrap-news .paging ul li.slick-active button{background:#ffae00;}

.wrap-news .playstop{height: auto;width: auto;position: absolute;bottom: 0px;width: 100%;/* background: #18181869; */left: 0px;}
.wrap-news .playstop > button{width: 20px;height: 20px;position: absolute;right: 33px;bottom: 18px;z-index: 1;opacity: 0;}
.wrap-news .playstop button.on{display:inline-block;opacity: 1;z-index: 3;}
.wrap-news .playstop button.play{background:url(../images/play_1_w.png) center no-repeat;}
.wrap-news .playstop button.stop{background:url(../images/pause_1_w.png) center no-repeat;}

.wrap-news .numbering{left: 22px;bottom: 22px;line-height:0.7;font-size:18px;font-family: 'Titillium Web', sans-serif;font-weight:600;/* color:#FFF; */height: auto;width: auto;display: none;}
.wrap-news .numbering .now{color:#ffae00;}
.wrap-news .numbering .slash{padding:0 5px;}
.wrap-news .prevnext{height: auto;width: auto;display: flex;justify-content: center;position: absolute;right: 0px;bottom: 21px;z-index: 1;}
.wrap-news .prevnext button{background:url(../images/arrow_1_w.png) center no-repeat;width: 13px;height: 13px;margin: 0 15px;background-size: contain;}
.wrap-news .prevnext button.prev{transform: rotate(180deg);}


@media only screen and (min-width:1024px){
    
	.wrap-news a.subject:hover .thumb img{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);/* transform: scale(1.05); */}
	.wrap-news .prevnext button:hover{/* background:url(../images/arrow_1_y.png) center no-repeat; */}
	.wrap-news .list{/* margin-bottom:30px; */}
    
} 

/* 타이틀 추가 */
.slide-top-title {
    font-size: 30px;
    font-family: 'Noto Bold';
    line-height: 1;
    margin-top: 5px;
    margin-left: 5px;
}