@charset "UTF-8";

.wrap_quicklink .slick-track{display:flex;align-items:flex-start;}
.wrap_quicklink .slick-slide{float:none !important;margin:0 2.5rem;}

.wrap_quicklink{max-width:160rem;margin:0 auto;}
.wrap_quicklink .slider{max-width:140rem;margin:0 auto;}

.wrap_quicklink .slick-slide a{display:block;text-align:center;margin:0 0.5rem;outline:none;transition:all 0.3s;border-radius:10px;}
.wrap_quicklink .item_1{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto;}
.wrap_quicklink .item_1 img{display:inline;transition:all 0.7s cubic-bezier(0.2, 0, 0.3, 1);max-height:4.5rem;}
.wrap_quicklink .item_2{margin-top:1.5rem;text-align:center;}
.wrap_quicklink .text_1{color:#000;font-family:'pre-sb';font-size:1.8rem;line-height:1.1;display:flex;flex-direction:column;align-items:center;}
.wrap_quicklink .text_2{display:none;}
.wrap_quicklink .control{}
.wrap_quicklink .control .numbering{display:none;}
.wrap_quicklink .control .prevNext button{font-size:0;width:6.8rem;height:6.8rem;position:absolute;top:calc(50% - 3.4rem);border:1px solid #FFF;border-radius:50%;transition:0.3s;display:block !important;outline:none;}
.wrap_quicklink .control .prevNext .prev{background:url('../images/prev.png') no-repeat center;left:0;}
.wrap_quicklink .control .prevNext .next{background:url('../images/next.png') no-repeat center;right:0;}
@media all and (max-width:1840px){
	.wrap_quicklink{max-width:100%;}
	.wrap_quicklink .slider{max-width:calc(100% - 20rem);}
	.wrap_quicklink .control .prevNext .prev{left:1rem;}
	.wrap_quicklink .control .prevNext .next{right:1rem;}
}
@media all and (max-width:768px){
	.wrap_quicklink .slider{max-width:calc(100% - 10rem);}
	.wrap_quicklink .item_1{width:unset;height:unset;}
	.wrap_quicklink .item_2{margin-top:1rem;}
	.wrap_quicklink .control .prevNext button{width:4.5rem;height:4.5rem;top:calc(50% - 2.25rem);}
	.wrap_quicklink .control .prevNext .prev{left:0.5rem;}
	.wrap_quicklink .control .prevNext .next{right:0.5rem;}
}


/* 탭키 포커스 */
.wrap_quicklink .slick-slide a:hover .item_1 img,
.wrap_quicklink .slick-slide a:focus-visible .item_1 img{transform:rotatey(180deg);}
.wrap_quicklink .slick-slide a:hover .text_1 span,
.wrap_quicklink .slick-slide a:focus-visible .text_1 span{background-image:linear-gradient(to bottom, transparent 60%, #DDD 0%);}
.wrap_quicklink .slick-slide a:focus{outline:none;}
.wrap_quicklink .slick-slide a:focus-visible{box-shadow:inset 0 0 0 3px #2563eb;}
.wrap_quicklink .control .prevNext button:hover,
.wrap_quicklink .control .prevNext button:focus{outline:none;border-color:#696969;}
.wrap_quicklink .control .prevNext button:focus-visible{box-shadow:inset 0 0 0 4px #2563eb;}