.visual {position: relative; width: 100%; height: auto; margin-top: 150px;}
.visual > ul {width: 100%; height: auto;}
.visual > ul li {width: 100%; height: auto;}
.visual > ul li img {width: 100%; height: auto;}
.visual .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 30px; height: 30px; text-indent: -9999px;}
.visual .slick-arrow.slick-next {right: 10px; background: url(/img/right-arrow.png)no-repeat 50% 50%; background-size: cover; }
.visual .slick-arrow.slick-prev {left: 10px; background: url(/img/left-arrow.png)no-repeat 50% 50%; background-size: cover; }
.visual .slick-dots {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; align-items: center; justify-content: center; gap: 20px;}
.visual .slick-dots li {width: 10px; height: 10px; border-radius: 100%; overflow: hidden;}
.visual .slick-dots li button {width: 100%; height: 100%; background: var(--black); text-indent: -9999px;}
.visual .slick-dots li.slick-active button {background: var(--wt);}

/* sub_kv */
.sub_kv {position: relative; width: 100%; height: auto; margin-top: 123px;}
.sub_kv .sub-img {width: 100%; height: auto;}
.sub_kv .sub-img img {width: 100%; height: auto;}