.visual {margin: 110px 0; overflow: hidden;}
.visual .swiper-slide {width: calc(100% - 220px); margin: 0 15px; border-radius: 32.8px; overflow: hidden; opacity: 0.6; transition: all .3s;}
.visual .swiper-slide.swiper-slide-active {opacity: 1; transition: all .3s;}
.visual .swiper-pagination {position: initial; margin-top: 30px; }
.visual .swiper-pagination-clickable .swiper-pagination-bullet {width: 14px; height: 14px; background: var(--gray_de) !important; opacity: 1 !important; transition: all .3s;}
.visual .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 24px; background: var(--pr) !important; border-radius: 20px; transition: all .3s;}

/* sub-kv */
.sub-kv {position: relative; width: 100%; height: 312px; margin-top: 80px;}

.sub_kv1 {background: url(./../img/sub_kv1.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv2 {background: url(./../img/sub_kv2.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv3 {background: url(./../img/sub_kv3.png)no-repeat 50% 50%; background-size: cover;}
.sub_kv5 {background: url(./../img/sub_kv5.png)no-repeat 50% 50%; background-size: cover;}

.sub-kv .txt-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1;}
.sub-kv .txt-box .tit {font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: 1.2px; color: var(--wt);}
.sub-kv .txt-box .txt {margin-top: 16px; font-size: 28px; font-weight: 400; line-height: 1.3; letter-spacing: 0.84px; color: var(--wt);}