@charset "utf-8";

.wrap_visual,
.wrap_visual .slick-list,
.wrap_visual .slick-slide{height: 700px !important; 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%;height: 100%;display:inline-block;object-fit: cover;}
.wrap_visual .item_2{position:absolute;left:80px;top:80px;text-align:left;}

.wrap_visual .item_2{font-size: 45px;color:#fff;font-family: 'S-CoreDream-5Medium';line-height:1.25;letter-spacing:-2px;}
.wrap_visual .item_2 .text_1{}
.wrap_visual .item_2 .text_2{margin-bottom:30px; margin-top:5px;}
.wrap_visual .item_2 .text_3{color:#fff;line-height: 1.5;font-size: 18px; letter-spacing:-1px; word-break:keep-all;font-family:'S-CoreDream-4Regular';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;position: relative;padding-left: 20px;}
.wrap_visual .item_2 .text_3:before{content:'';width:4px;height:100%;background:#fff;position:absolute;left:0;top: 3px;}

@media only screen and (max-width:1280px){
	.wrap_visual,
	.wrap_visual .slick-list,
	.wrap_visual .slick-slide{height: 460px !important;}
	.wrap_visual .item_1{border-radius:20px;}
	.wrap_visual .item_2{left:45px;top:55px;}
	.wrap_visual .item_2 .item_in{
    font-size: 36px;
}
	.wrap_visual .text_1{}
	.wrap_visual .item_2 .text_2{
    margin-bottom: 20px;
}
	.wrap_visual .item_2 .text_3{
    font-size: 18px;
}
	.wrap_visual .item_2 .text_3:before{}
}
@media only screen and (max-width:768px){
	.wrap_visual,
	.wrap_visual .slick-list,
	.wrap_visual .slick-slide{height: 550px !important;}
	.wrap_visual .slick-slide{border-radius:20px;overflow:hidden;}
	.wrap_visual .item_2{top: 90px;left: 30px;font-size: 28px;}
	.wrap_visual .item_1{position:relative;width: 1400px;margin-left: -700px;}
	.wrap_visual .item_2 .item_in{
    font-size: 30px;
    padding-right: 30px;
}
	.wrap_visual .text_1{}
	.wrap_visual .text_2{}
	.wrap_visual .item_2 .text_3{}
	.wrap_visual .item_2 .text_3:before{}
}
@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: 500px;align-items: center;padding: 25px 35px;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: 210px;}
.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: 10px;height: 15px;}
.wrap_visual .control button.on{display:block;}
.wrap_visual .control button.play{background: url(../images/play.png) no-repeat center;}
.wrap_visual .control button.stop{background: url(../images/stop.png) no-repeat center;}
.wrap_visual .control button.prev,
.wrap_visual .control button.next{width: 10px;height: 15px;}
.wrap_visual .control .playStop{order:2;}
.wrap_visual .control .prevNext{display:flex;gap: 30px;order:3;}
.wrap_visual .control button.prev{background: url(../images/prev.png) no-repeat center;transition:all ease .5s;}
.wrap_visual .control button.next{background: url(../images/next.png) no-repeat center;transition:all ease .5s;}

@media only screen and (max-width:1280px){
	.wrap_visual .control{height:55px;padding: 0 25px;border-radius: 0 15px 0 15px;min-width: initial;max-width: 388px;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:860px) and (min-width:769px){
	.wrap_visual .control{max-width:280px;gap: 5px;padding: 0 15px;}
	.wrap_visual .control .numbering{top:-2px;position:relative;}
	.wrap_visual .control .paging ul{width:70px;}
	.wrap_visual .control .prevNext{gap:10px;}
}

@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: 100px;}
	.wrap_visual .control .numbering{top:-2px;position:relative;top:-2px;}
	.wrap_visual .control .prevNext{gap:0;}
}