@charset "utf-8";

.wrap_sub_visual,
.wrap_sub_visual .swiper-wrapper {height:88rem !important;}
.wrap_sub_visual .swiper-slide {position: relative;display:inline-block;height: 100%;vertical-align: top;}
.wrap_sub_visual .swiper-slide::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.15);z-index: 2;}
.wrap_sub_visual .swiper-slide > a:first-child {pointer-events: none;}
.wrap_sub_visual .text-wrap {position: absolute;left: 17rem;bottom: 37.2rem;width: calc(100% - 17.5rem);padding-right: 30%;color: #fff;transform: translateX(-4rem);opacity: 0;z-index: 3;}
.wrap_sub_visual .text_1 {margin-bottom: .7rem;font-size: 3rem;font-family: sl;color: #45d1ff;line-height: 1.5;}
.wrap_sub_visual .text_1 strong {font-family: sm;}
.wrap_sub_visual .text_2 {display: block;min-height: 23.2rem;font-size: 6rem;font-family: sm;line-height: 8rem;}
.wrap_sub_visual .icon{height: 88rem;text-align: center;}
.wrap_sub_visual .icon img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

/* .wrap_sub_visual .text-wrap.long {bottom: 33rem} */


@media screen and (max-width:1600px){
	.wrap_sub_visual,
	.wrap_sub_visual .swiper-wrapper{height:75rem !important;}
	.wrap_sub_visual .text-wrap {left: 4rem;bottom: 27rem;width: calc(100% - 4rem);}
	.wrap_sub_visual .icon {height: 75rem;}
	.wrap_sub_visual .text_1 {font-size: 2.8rem;}
	.wrap_sub_visual .text_2 {min-height: 21.4rem;font-size: 5.5rem;line-height: 7.5rem;}

	.wrap_sub_visual .text-wrap.long {bottom: 25.5rem;}
}

@media screen and (max-width:1024px){
	.wrap_sub_visual,
	.wrap_sub_visual .swiper-wrapper{height:67rem !important;}
	.wrap_sub_visual .text-wrap {bottom: 26.5rem;padding-right: 20%;}
	.wrap_sub_visual .icon {height: 67rem;}
	.wrap_sub_visual .text_1 {margin-bottom: .75rem;font-size: 2.6rem;}
	.wrap_sub_visual .text_2 {min-height: 19rem;font-size: 5rem;line-height: 6.5rem;}
	
	.wrap_sub_visual .text-wrap.long {bottom: 24rem;}
}

@media screen and (max-width:768px){
	.wrap_sub_visual,
	.wrap_sub_visual .swiper-wrapper{height:62rem !important;}
	.wrap_sub_visual .text-wrap {left: 2rem;bottom: 26.2rem;width: calc(100% - 2rem);padding-right: 3rem;}
	.wrap_sub_visual .icon {height: 62rem;}
	.wrap_sub_visual .text_1 {margin-bottom: .75rem;font-size: 2.2rem;}
	.wrap_sub_visual .text_2 {min-height: 15.8rem;font-size: 4rem;line-height: 5.5rem;}

	.wrap_sub_visual .text-wrap.long {bottom: 21.5rem;}
}

/*콘트롤*/
.wrap_sub_visual .item-wrap {position:absolute;bottom: 29rem;left:17rem;transform: translateX(-4rem);opacity: 0;z-index: 1000;}
.wrap_sub_visual .link-btn {position: absolute;left: 17rem;bottom:17rem;width: 22rem;height: 6rem;padding: 0 2rem;transform: translateX(-4rem);opacity: 0;font-size: 1.6rem;border: 2px solid #fff;color: #fff;font-family: sm;border-radius: .7rem;line-height: 6rem;background: transparent url(../images/link-arrow.png) no-repeat right 2rem center;transition: color .25s, background .25s;z-index: 3;}
.wrap_sub_visual .link-btn:hover {background: #fff url(../images/link-arrow-hover.png) no-repeat right 2rem center;color: #000;}
.wrap_sub_visual .control{display:flex;align-items:center;justify-content:center;}
.wrap_sub_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_sub_visual .control .numbering{color:#FFF;font-size:1.6rem;font-family: pb;margin-right:5rem;}
.wrap_sub_visual .control .numbering > span {display: inline-block;width: 2.2rem;}
.wrap_sub_visual .control .numbering .now::before {content: '0';}
.wrap_sub_visual .control .numbering .total::before {content: '0';}
.wrap_sub_visual .control .numbering .slash {margin: 0 .2rem 0 1.5rem;font-family: pl;}
.wrap_sub_visual .control .paging {display: none;margin-right:2rem;}
.wrap_sub_visual .control .paging ul{display:flex;align-items:center;}
.wrap_sub_visual .control .paging ul li{height:.2rem;}
.wrap_sub_visual .control .paging ul li button{width:5rem;height:100%;background:rgba(255,255,255,0.5);}
.wrap_sub_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}
.wrap_sub_visual .control .pannel{margin-bottom:.4rem;margin-right:2rem;display:flex;align-items:center;}
.wrap_sub_visual .control button.play,
.wrap_sub_visual .control button.stop{display:none;width:1.6rem;height:1.6rem;margin: 0 1.7rem;}
.wrap_sub_visual .control button.on{display:block;}
.wrap_sub_visual .control button.play{background:url(../images/play.png) no-repeat center;}
.wrap_sub_visual .control button.stop{background:url(../images/stop.png) no-repeat center;}
.wrap_sub_visual .control button.prev,
.wrap_sub_visual .control button.next{width:1.6rem;height:1.6rem;}
.wrap_sub_visual .control button.prev{background:url(../images/prev.png) no-repeat left center;}
.wrap_sub_visual .control button.next{background:url(../images/next.png) no-repeat right center;}

/* .wrap_sub_visual .item-wrap.long {bottom: 24.8rem}
.wrap_sub_visual .link-btn.long {bottom: 12.8rem} */

@media screen and (max-width:1600px){
	.wrap_sub_visual .item-wrap {bottom: 21rem;left: 4rem;}
	.wrap_sub_visual .link-btn {left: 4rem;bottom: 9rem;}

	.wrap_sub_visual .item-wrap.long {bottom: 19.5rem}
	.wrap_sub_visual .link-btn.long {bottom: 7.5rem}

}

@media screen and (max-width:1024px){
	.wrap_sub_visual .item-wrap {bottom: 19rem;left: 4rem;}

	.wrap_sub_visual .item-wrap.long {bottom: 17rem}
	.wrap_sub_visual .link-btn.long {bottom: 7rem}
}

@media screen and (max-width:768px){
	.wrap_sub_visual .item-wrap {bottom: 21rem;left: 2rem;}
	.wrap_sub_visual .control .numbering {margin-right: 3rem;}
	.wrap_sub_visual .link-btn {left: 2rem;bottom: 12rem;width: 19rem;height: 5rem;padding: 0 1.5rem;background-position: right 1.5rem center;font-size: 1.4rem;line-height: 5rem;border: 1px solid #fff;}
	.wrap_sub_visual .link-btn:hover {background-position: right 1.5rem center}

	.wrap_sub_visual .item-wrap.long {bottom: 16rem}
}