@charset "utf-8";

.wrap_visual,
.wrap_visual .slick-list,
.wrap_visual .slick-slide{height: 700px; overflow:hidden;}
.wrap_visual .slick-list{left:0;width:100%;margin-left:0;position: relative;}
.wrap_visual .slick-slide{display:inline-block;vertical-align: top;}
.wrap_visual .item_1{overflow:hidden;border-radius:30px;height: 100%;}
.wrap_visual .item_1 img{width:100%;display:inline-block;object-fit: cover;object-position: center top; height:100%;}
.wrap_visual .item_2{position:absolute; letter-spacing:-2px; line-height:1.25; color:#fff; left:80px;top:80px;text-align:left;}
.wrap_visual .item_2 .text_1{font-size:45px;font-family: 'S-CoreDream-4Regular';}
.wrap_visual .item_2 .text_2{font-size:63px; position:relative; margin-bottom:30px;padding-bottom:30px; display:block; margin-top:5px; font-family: 'S-CoreDream-6Bold';}
.wrap_visual .item_2 .text_2:after{content:'';width:70px;height:1px;background:#fff;position:absolute;left: 0;bottom:0;}
.wrap_visual .item_2 .text_3{max-width:500px; line-height:1.7; font-size:20px;word-break:keep-all;font-family: 'S-CoreDream-3Light';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

@media only screen and (max-width:1280px){
	.wrap_visual,
	.wrap_visual .slick-list,
	.wrap_visual .slick-slide{height: 460px;}
	.wrap_visual .item_1{border-radius:20px;}
	.wrap_visual .item_2{left:45px;top:55px;}
	.wrap_visual .item_2 .text_1{font-size:27px !important;}
	.wrap_visual .item_2 .text_2{font-size:37px !important;}
	.wrap_visual .item_2 .text_3{font-size:16px !important;max-width: 400px;}
}

@media only screen and (max-width:768px){
	.wrap_visual,
	.wrap_visual .slick-list,
	.wrap_visual .slick-slide{height: 650px;}
	.wrap_visual .slick-slide{border-radius:20px;overflow:hidden;}
	.wrap_visual .item_2{top:130px;left:30px;}
	.wrap_visual .item_2 .text_1{font-size:22px !important;}
	.wrap_visual .item_2 .text_2{font-size:34px !important;}
	.wrap_visual .item_2 .text_2:after{width:45px;}
	.wrap_visual .item_2 .text_3{max-width: 350px;}
}
@media only screen and (max-width:520px){
	.wrap_visual .item_1{position:relative;width: 1024px; margin-left: -512px;}
}


/*애니메이션
.wrap_visual .slick-list .slick-track .slick-slide img{animation-name:mainVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisual{
	0%{filter:blur(100px);filter:grayscale(1);}
	100%{filter:blur(0px);filter:grayscale(0);}
}*/

/*콘트롤*/
.wrap_visual .control{position:absolute;left:0;bottom: 0;display: flex;height: 82px;background: #fff;min-width: 455px;align-items: center;padding: 25px 30px;gap: 15px;border-radius: 0 25px 0 25px;justify-content: space-between;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .control .numbering{order: 2;}
.wrap_visual .control .numbering span{color:#cccccc;font-size:12px;font-weight:900;margin: 0 5px;transform:rotate(12deg);display:inline-block;position:relative;top:-2px;}
.wrap_visual .control .numbering .now{font-weight:700;color:#005bac;font-size:20px;transform:none;top:0;}
.wrap_visual .control .numbering .total{font-weight:500;color:#555;font-size:20px;transform:none;top:0;}
.wrap_visual .control .paging{order: 1;}
.wrap_visual .control .paging ul{display:flex;align-items:center;width: 130px;}
.wrap_visual .control .paging ul li{width: 100%;}
.wrap_visual .control .paging ul li button{background:#ccc;width:100%;height:3px;}
.wrap_visual .control .paging ul li.slick-active{}
.wrap_visual .control .paging ul li.slick-active button{background:#005bac;}
.wrap_visual .control .pannel{display:flex;align-items:center;order: 3;}
.wrap_visual .control button.play,
.wrap_visual .control button.stop{display:none;width: 50px;height: 50px;border-radius: 50%;}
.wrap_visual .control button.on{display:block;}
.wrap_visual .control button.play{background: #333 url(../images/visual-play.png) no-repeat 55% 52%;}
.wrap_visual .control button.stop{background: #333 url(../images/visual-stop.png) no-repeat center;}
.wrap_visual .control button.prev,
.wrap_visual .control button.next{width: 50px;height: 50px;border: 1px solid #ddd;border-radius: 50%;}
.wrap_visual .control .playStop{order:2;}
.wrap_visual .control .prevNext{display:flex;gap:10px;order:3;}
.wrap_visual .control button.prev{background: url(../images/visual-prev.png) no-repeat center;transition:all ease .5s;}
.wrap_visual .control button.next{background: url(../images/visual-next.png) no-repeat 55%center;transition:all ease .5s;}
.wrap_visual .control button.prev:hover{background: url(../images/visual-prev-on.png) no-repeat center;}
.wrap_visual .control button.next:hover{background:url(../images/visual-next-on.png) no-repeat 55% center;}

@media only screen and (max-width:1280px){
	.wrap_visual .control{height:70px;padding: 0 25px;border-radius: 0 15px 0 15px;min-width: initial;max-width: 344px;width: 100%;gap: 10px;}
	.wrap_visual .control .paging ul{width: 110px;}
	.wrap_visual .control .numbering .now{font-size:13px;}
	.wrap_visual .control .numbering .total{font-size:13px;}
	.wrap_visual .control .numbering span{font-size:10px;top:-1px;margin: 0 3px;}
	.wrap_visual .control button.play, .wrap_visual .control button.stop{width:30px;height:30px;background-size:7px;}
	.wrap_visual .control button.prev, .wrap_visual .control button.next{width:30px;height:30px;background-size: 7px !important;}
}

@media only screen and (max-width:520px){
	.wrap_visual .control{max-width: 280px;padding: 0 12px;gap: 5px;left: -1px;bottom: -1px;}
	.wrap_visual .control .paging ul{width:70px;}
}