@charset "UTF-8";

.wrap_popup{display:flex;flex-direction:column-reverse;}

/*타이틀*/
.wrap_popup h3{background:#e7e7e7;padding:20px 25px;position:relative;}
.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 ul{}
.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;}
	.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;}
	.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:19px;}
}
@media all and (max-width:420px) {
}


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