/* main_visual */
#main_visual {position: relative; height: 100vh; min-height: 600px; overflow: hidden;}
#main_visual .main_slider, #main_visual .slide {height: 100%;}
#main_visual .slide {position: relative; min-height: 937px;background-position: center; background-repeat: no-repeat; background-size: contain;}

/* slide */
#main_visual .slide1 {background-image: url("../img/main1.jpg");}
#main_visual .slide2 {background-image: url("../img/main2.jpg");}
#main_visual .slide3 {background-image: url("../img/main3.jpg");}
#main_visual .slide {background-position: center; background-repeat: no-repeat; background-size: cover;}

/* font_size */
#main_visual .fs_100 {font-size: 100px; font-weight: 800; line-height: 1; color: #fff;}
#main_visual .fs_50 {font-size: 50px; font-weight: 700; line-height: 2; color: #fff;}
#main_visual .fs_30 {font-size: 30px; font-weight: 600; color: #fff;}
#main_visual .fs_27 {font-size: 27px; font-weight: 600; color: rgba(255, 255, 255, 0.8); letter-spacing: -0.5px;}

/* copy */
#main_visual .copy {position: absolute; bottom: 223px; left: 100px; z-index: 1; opacity: 0; transform: translateY(30px);}
#main_visual .slick-active .copy {animation: mainCopyFadeUp 0.6s ease forwards;}
@keyframes mainCopyFadeUp {to {opacity: 1; transform: translateY(0);}}

#main_visual .copy h1 {margin-bottom: 28px; letter-spacing: -1px;}
#main_visual .copy h1 strong {margin-left: 13px; position: relative; top: 5px; letter-spacing: -1px;}
#main_visual .copy p:nth-of-type(1) {margin-bottom: 21px;}
#main_visual .copy p span {font-family: 'SUIT'; font-family: 800;}

/* slider_dots */
#main_visual .slider_dots {position: absolute; top: 50%; right: 50px; z-index: 3; transform: translateY(-50%);}
#main_visual .slider_dots .slick-dots {display: flex; flex-direction: column; gap: 26px; margin: 0; padding: 0; list-style: none;}
#main_visual .slider_dots .slick-dots li {display: flex; width: 37px; height: 37px; align-items: center; justify-content: center;}
#main_visual .slider_dots button {position: relative; display: block; width: 9px; height: 9px; padding: 0; overflow: hidden; border: solid 2px rgba(255, 255, 255, 0.5); border-radius: 50%; background: #fff; font-size: 0; cursor: pointer;}
#main_visual .slider_dots .slick-active button {width: 37px; height: 37px; background: transparent;}
#main_visual .slider_dots .slick-active button::after {position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #fff; content: ""; transform: translate(-50%, -50%);}

/* slider_controls */
#main_visual .slider_controls {position: absolute; right:75px; bottom: 72px; left: 5%; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #fff;}
#main_visual .slider_progress {width: 76%; height: 6px; flex: 0 1 76%; overflow: hidden; background: rgba(255,255,255,.2);}
#main_visual .slider_progress_bar {display: block; width: 0; height: 100%; background: #fff;}
#main_visual .btn {display: flex; flex: 0 0 auto; align-items: center; gap: 43px;}
#main_visual .slider_controls button {flex: 0 0 auto; padding: 0; border: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer;}
#main_visual .slider_prev, #main_visual .slider_next {width: 64px; height: 40px;}
#main_visual .slider_prev {background-image: url("../img/prev.png");}
#main_visual .slider_next {background-image: url("../img/next.png");}
#main_visual .slider_num {display: flex; align-items: center; gap: 28px;}
#main_visual .slider_num b {min-width: 14px; color: #fff; font-size: 22px; font-weight: 700; text-align: center;}
#main_visual .slider_toggle {width: 10px; height: 12px; background-image: url("../img/pause.png");}
#main_visual .slider_toggle.is_paused {background-image: url("../img/play.png");}