@charset "UTF-8";

.wrap_quick_2{padding:0 10px 10px 0;position:relative;}
.wrap_quick_2::before{content:"";display:block;width:100%;height:100%;background:url(/sites/style_guide/images/common/pattern_11.png);position:absolute;top:10px;left:10px;}
.wrap_quick_inner_2{position:relative;background:url(../images/bg_1.jpg) no-repeat center;background-size:cover;padding:30px;display:flex;jutify-content:space-between;align-items:center;}
.wrap_quick_2 h3{font-size:20px;color:#FFF;font-weight:500;line-height:1;width:150px;}

/*슬라이드*/
.wrap_quick_inner_2 > div{width:calc(100% - 150px);padding:0 30px;position:relative;}
.wrap_quick_2 ul{}
.wrap_quick_2 ul .slick-list{}
.wrap_quick_2 li{text-align:center;}
.wrap_quick_2 li a,
.wrap_quick_2 li img{display:inline-block;}
.wrap_quick_2 li .text_1{font-size:15px;padding-top:5px;font-weight:300;color:#FFF;}

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

/*컨트롤*/
.wrap_quick_2 .control{}
.wrap_quick_2 .control .container{}
	/*페이징*/
	.wrap_quick_2 .paging{display:none;}
	.wrap_quick_2 .paging ul{}
	.wrap_quick_2 .paging li{}
	.wrap_quick_2 .paging button{}
	/*재생정지*/
	.wrap_quick_2 .playstop{display:none;}
	.wrap_quick_2 .playstop button{}
	.wrap_quick_2 .playstop button.play{}
	.wrap_quick_2 .playstop button.stop{}
	.wrap_quick_2 .playstop button.on{}
	/*이전다음*/
	.wrap_quick_2 .prevnext{}
	.wrap_quick_2 .prevnext button{display:inline-block;width:60px;height:60px;font-size:0;position:absolute;top:calc(50% - 30px);background:url(/sites/style_guide/images/common/arrow_5_w.png) no-repeat center;}
	.wrap_quick_2 .prevnext button.prev{left:10px;transform:rotate(180deg);}
	.wrap_quick_2 .prevnext button.next{right:10px;}


@media all and (max-width:1280px) {
	.wrap_quick_inner_2{flex-wrap:wrap;padding:20px;}
	.wrap_quick_2 h3{width:100%;text-align:center;padding-bottom:30px;}
	.wrap_quick_inner_2 > div{width:100%;}
}
@media all and (max-width:1024px) {
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_quick_2 li a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_quick_2 li a:hover .text_1{font-weight:400;}
	.wrap_quick_2 .prevnext button:hover{}
}