@charset "utf-8";

.wrap_popup,
.wrap_popup .container,
.wrap_popup .slider,
.wrap_popup .slick-list,
.wrap_popup .slick-track,
.wrap_popup .slick-slide{height:100%;}

.wrap_popup{padding:40px 40px 70px 40px;border:10px solid #CCC;background:#FFF;transition:0.5s;}

.wrap_popup h2{font-size:35px;color:#000;font-family:'Mont SemiBold';line-height:1;letter-spacing:-2px;margin-bottom:20px;}
.wrap_popup h2 b{display:none;}

.wrap_popup .slider{position:relative;padding:15px 15px 0 0;}
.wrap_popup .slider::before{content:"";display:block;width:80px;height:80px;border-top:15px solid #255e6a;border-right:15px solid #255e6a;position:absolute;right:0;top:0;}

.wrap_popup a.item{display:block;width:100%;height:100%;}
.wrap_popup .wrap{height:100%;}

.wrap_popup .item_1{max-height:220px;overflow:hidden;}
.wrap_popup .item_1 img{transition:0.5s;object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_popup .text_1{font-size:20px;color:#222;font-family:'Dream Medium';line-height:1;margin:30px 0 15px 0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_popup .text_2{font-size:16px;color:#888;font-family:'Dream Light';line-height:1.3;height:43px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

.wrap_popup .control{width:100%;position:absolute;bottom:30px;right:0;display:flex;align-items:center;justify-content:center;}
.wrap_popup .numbering{display:none;}
.wrap_popup .paging ul{display:flex;align-items:center;}
.wrap_popup .paging li{line-height:1;margin:0 5px;}
.wrap_popup .paging button{width:12px;height:12px;font-size:0;background:#DDD;border-radius:100%;display:block;}
.wrap_popup .paging li.slick-active button{background:#255e6a;}
.wrap_popup .playStop{margin-left:10px;}
.wrap_popup .playStop button{width:12px;height:12px;font-size:0;display:none;}
.wrap_popup .playStop button.on{display:block;}
.wrap_popup .play{background:url(../images/play.png) no-repeat center;}
.wrap_popup .stop{background:url(../images/stop.png) no-repeat center;}

@media all and (max-width:1640px){
	.wrap_popup{padding:20px 20px 50px 20px;}
	.wrap_popup .control{bottom:20px;}
}
@media all and (max-width:1280px){
	.wrap_popup h2{font-size:30px;}
	.wrap_popup .text_1{font-size:18px;}
}
@media all and (max-width:768px){
	.wrap_popup{border-width:7px;}
	.wrap_popup h2{font-size:25px;}
	.wrap_popup .slider{padding:10px 10px 0 0;}
	.wrap_popup .slider::before{width:50px;height:50px;border-width:10px;}
	.wrap_popup .text_1{font-size:16px;margin:20px 0 10px 0;}
	.wrap_popup .text_2{font-size:14px;}
}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_popup:hover{border-color:#222;}
	.wrap_popup a.item:hover .item_1 img{transform:scale(1.1);}
}