@charset "utf-8";

.wrap_visual,
.wrap_visual .slick-list,
.wrap_visual .slick-slide{height: 700px !important;}
.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{position:relative; overflow:hidden;border-radius:30px;height: 100%;}
.wrap_visual .item_1 img{position:absolute; right:5rem; bottom:5rem; width:40%;height: auto;display:inline-block; object-fit: cover; transition:all .3s ease;}
.wrap_visual .item_2{position:absolute;left:8rem;top:8rem;text-align:left; transition:all .3s;}

.wrap_visual .item_2 .text_1{font-size:45px;color:#fff;line-height:1.25;letter-spacing:-2px;margin-bottom:30px;padding-bottom:30px;position:relative;font-family: 'Pretendard'; font-weight:400; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.wrap_visual .item_2 .text_1 strong{font-size:63px;display:block;letter-spacing:-2px;margin-top:5px;font-family: 'Pretendard'; font-weight: 700;}
.wrap_visual .item_2 .text_1 strong.semiBold {font-size:6rem; font-weight:600; margin-top:0; transition:all .3s;}
.wrap_visual .item_2 .text_1:after{content:'';width:70px;height:1px;background:#fff;position:absolute;left: 0;bottom:0; transition:all .3s;}
.wrap_visual .item_2 .text_2{color:#fff;max-width:400px;line-height:1.7;font-size:2rem;word-break:keep-all;font-family: 'Pretendard'; font-weight:300; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; transition:all .3s;}
.wrap_visual .item_2 .text_2 ._line{display:block; position:relative; align-items: center; padding-left:1.5rem;}
.wrap_visual .item_2 .text_2 ._line::before {
	content:"";
	position:absolute;
	left:0;
	top:1.5rem;
	width:0.3rem;
	height:0.3rem;
	background:#fff;
	border-radius:50%;
}

.wrap_visual .item_2 .text_2 ._under{font-weight:600;text-decoration:underline;}
.wrap_visual .item_2 ._link{display:inline-flex; align-items:center; margin-top:5rem; padding:0 4rem; height:6.2rem; border-radius: 0.8rem; color: #fff; font-size: 2rem; font-family: 'Pretendard';font-weight: 600;border: 2px solid white; transition:all .3s ease;}

.hidden-on-load { display: none; }

@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_1 img {width:32%;}
	.wrap_visual .item_2{left:4.5rem;top:5.5rem;}
	.wrap_visual .item_2 .text_1{font-size:27px;}
	.wrap_visual .item_2 .text_1 strong{font-size:37px;}
	.wrap_visual .item_2 .text_1 strong.semiBold {font-size:3.7rem;}
	.wrap_visual .item_2 .text_2{font-size:1.4rem;max-width: 280px;}
	.wrap_visual .item_2 ._link {margin-top: 2rem; font-size: 1.6rem; height: 5rem; padding: 0 2rem;}
	
}
@media only screen and (max-width:768px){
	.wrap_visual,
	.wrap_visual .slick-list,
	.wrap_visual .slick-slide{height: 840px !important;}
	.wrap_visual .slick-slide{border-radius:20px;overflow:hidden;}
	.wrap_visual .item_2{top:3rem; left:3rem;}
	/* .wrap_visual .item_1{position:relative;width: 1400px;margin-left: -700px;} */
	.wrap_visual .item_1 img {right:1rem; bottom:6rem; width:30%;}
	.wrap_visual .item_2 .text_1{font-size:25px;padding-bottom: 25px;margin-bottom: 25px;}
	.wrap_visual .item_2 .text_1 strong{font-size:45px;}
	.wrap_visual .item_2 .text_2{font-size:1.3rem}
	.wrap_visual .item_2 .text_1:after{width:45px;}
	.wrap_visual .item_2 ._link {margin-top: 1rem; font-size: 1.4rem; height: 4rem; padding: 0 1rem;}
}
@media only screen and (max-width:520px){
	/* .wrap_visual .item_1{position:relative;width: 1024px;margin-left: -512px;} */
	.wrap_visual .item_2 .text_1 strong.semiBold {font-size:2.4rem; line-height:1.4;}
	.wrap_visual .item_1 img {width:50%;}
	
}


/*애니메이션
.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 .control::before {content: ""; position: absolute; left: 0; top: -30px; width: 30px; height: 30px; background: transparent; border-bottom-left-radius: 30px; box-shadow: -12px 12px 0 12px #ffffff;}
.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;}
.wrap_visual .control::before {content: ""; position: absolute; left: 0; top: -30px; width: 30px; height: 30px; background: transparent; border-bottom-left-radius: 30px; box-shadow: -15px 15px 0 15px #ffffff;}
.wrap_visual .control::after {content: ""; position: absolute; right: -30px; bottom: 0; width: 30px; height: 30px; background: transparent; border-bottom-left-radius: 30px; box-shadow: -15px 15px 0 15px #ffffff;}

@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: 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;}
}