@charset "UTF-8";

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

/*{font-family: 'Titillium Web', sans-serif;}*/

.wrap_quick{padding:5px;display:flex;flex-direction:column-reverse;}
.wrap_quick::before{content:"";display:block;width:100%;height:100%;background:url(/sites/style_guide/images/common/pattern_11.png);position:absolute;top:0;left:0;}

.wrap_quick h3{position:relative;background:#0b4da2;color:#FFF;font-family: 'Titillium Web', sans-serif;font-size:18px;padding:20px;line-height:1;}

/*슬라이드*/
.wrap_quick > div{position:relative;background:#FFF;padding:35px;}
.wrap_quick ul{}
.wrap_quick ul .slick-list{}
.wrap_quick li{}
.wrap_quick li a{display:flex;justify-content:flex-start;align-items:center;padding:11px 0;}
.wrap_quick li img{display:inline-block;max-width:80px;}
.wrap_quick li .text_1{font-size:18px;padding-left:10px;color:#535353;line-height:1.2;width:calc(100% - 100px);}

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

/*컨트롤*/
.wrap_quick .control{position:absolute;bottom:-58px;right:0;width:100%;}
.wrap_quick .control .container{display:flex;justify-content:flex-end;align-items:center;}
	/*페이징*/
	.wrap_quick .paging{margin-right:20px;}
	.wrap_quick .paging ul{display:flex;justify-content:flex-end;align-items:center;}
	.wrap_quick .paging li{line-height:0;margin-left:7px;}
	.wrap_quick .paging button{display:inline-block;font-size:0;width:10px;height:10px;background:#6d94c7;border-radius:10px;}
	.wrap_quick .paging li.slick-active button{background:#FFF;}
	/*재생정지*/
	.wrap_quick .playstop{}
	.wrap_quick .playstop button{display:none;width:58px;height:58px;font-size:0;}
	.wrap_quick .playstop button.play{background:#0d4287 url(/sites/style_guide/images/common/play_2_w.png) no-repeat center;}
	.wrap_quick .playstop button.stop{background:#0d4287 url(/sites/style_guide/images/common/pause_2_w.png) no-repeat center;}
	.wrap_quick .playstop button.on{display:inline-block;}
	/*이전다음*/
	.wrap_quick .prevnext{display:none;}
	.wrap_quick .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_b.png) no-repeat center;}
	.wrap_quick .prevnext button.prev{left:10px;transform:rotate(180deg);}
	.wrap_quick .prevnext button.next{right:10px;}

@media all and (max-width:1024px) {
	.wrap_quick > div{padding:15px;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.wrap_quick li a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.wrap_quick li a:hover .text_1{color:#4f57f4;}
}