@charset "UTF-8";


.wrap_popup .slick-list,
.wrap_popup .slick-slide,
.wrap_popup .slick-track,
.wrap_popup li a,
.wrap_popup li img {display: block; width: 100%; height: 100%;}
.wrap_popup li img {object-fit: cover;}

/*타이틀*/
.wrap_popup h3{background:#e7e7e7; padding:20px 25px; position:relative; max-height: 82px;}
.wrap_popup h3 span{line-height:1;color:#FFF;font-size:22px;position:relative;}
.wrap_popup h3::before{content:"";display:block;width:130px;height:100%;background:#383d49;position:absolute;left:-20px;top:0;transform:skew(-20deg, 0deg);}

/*슬라이드*/
.wrap_popup > div {height: calc(100% - 82px);}
.wrap_popup ul{height: 100%; display: flex; align-items: flex-end;}
.wrap_popup ul .slick-list{}
.wrap_popup li{text-align:center;}
.wrap_popup li a,
.wrap_popup li img{display:inline-block;width:100%;}

/*컨트롤*/
.wrap_popup .control{}
.wrap_popup .control .container{}

/*넘버링*/
.wrap_popup .numbering{display:none;}
.wrap_popup .numbering span{}
.wrap_popup .numbering .now{}
.wrap_popup .numbering .now:after{}
.wrap_popup .numbering .total{}

/*페이징*/
.wrap_popup .paging{display:none;}
.wrap_popup .paging ul{}
.wrap_popup .paging li{}
.wrap_popup .paging button{}
.wrap_popup .paging li.slick-active button{}

/*재생정지*/
.wrap_popup .playstop{line-height:0;}
.wrap_popup .playstop button{display:none;font-size:0;width:20px;height:20px;position:absolute;bottom:29px;right:50px; z-index: 100;}
.wrap_popup .playstop button.play{background:url(/sites/style_guide/images/common/play_2_b.png) no-repeat center;}
.wrap_popup .playstop button.stop{background:url(/sites/style_guide/images/common/pause_2_b.png) no-repeat center;}
.wrap_popup .playstop button.on{display:inline-block;}

/*이전다음*/
.wrap_popup .prevnext{}
.wrap_popup .prevnext button{display:inline-block;font-size:0;width:20px;height:20px;position:absolute;bottom:29px;background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center; z-index: 100;}
.wrap_popup .prevnext button.prev{right:80px;transform:rotate(180deg);}
.wrap_popup .prevnext button.next{right:20px;}



@media all and (max-width:1024px) {
	.wrap_popup h3{padding:10px 15px;}
	.wrap_popup h3 span{font-size:18px;}
	.wrap_popup .playstop button,
	.wrap_popup .prevnext button{bottom: 39px;}
}
@media all and (max-width: 768px) {
	.wrap_popup .playstop button,
	.wrap_popup .prevnext button{bottom: 19px;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1025px) {
}