#main {overflow: hidden;}

.inner .title .txt {display: inline-block; letter-spacing: 0.4rem; padding-bottom: 0.5rem;}
.inner .title .txt::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #C9CDD2;}
.inner .title .txt.type2::before {display: none;}

@media screen and (max-width: 880px) {
    .inner .title .txt {font-size: 1.6rem;}
}

/* visual */
#visual {width: 100%; height: 100vh;}
#visual video {width: 100%; height: 100%; object-fit: cover;}
#visual .title {z-index: 99; bottom: 10rem;}
#visual .title .arr {margin-top: 3.6rem; width: 2.2rem; animation: arr 1s infinite;}
@keyframes arr {
    0% {transform: translateY(0);}
    100% {transform: translateY(1rem);}
}

@media screen and (max-width: 880px) {
    #visual .title {bottom: 13rem;}
    #visual .title .text {width: 35.2rem;}
    #visual .title .arr {margin-top: 3rem;}
}

/* s1 */
#s1 {position: relative; background: #33383C;}
#s1::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 104rem; background: linear-gradient(to bottom, #000, #ffffff00); opacity: 0.7;}
#s1 .sec_scroll {overflow: hidden; width: 100%; height: 100vh;}
#s1 .sec_scroll .sec_scroll_content {position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0%); width: 144rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
#s1 .sec_scroll .scroll_text {margin-bottom: 36.2rem;}
#s1 .sec_scroll .scroll_text .text1 .fs48 {margin-bottom: 5.6rem;}
#s1 .sec_scroll .scroll_text .text1 .fs48:last-child {margin-bottom: 0;}
#s1 .sec_scroll .scroll_text .text2 {line-height: 3.6rem; margin: 9.2rem 0;}
#s1 .sec_scroll .scroll_text .text3 {line-height: 6.8rem;}
#s1 .sec_scroll .line {margin: 9.6rem 0 9.9rem 0;}
#s1 .sec_scroll .img3 {margin: 25.2rem 0 19.7rem 0;}

@media screen and (max-width: 880px) {
    #s1 .sec_scroll .sec_scroll_content {width: 100%;}
    #s1 .sec_scroll .scroll_text {margin-bottom: 16rem;}
    #s1 .sec_scroll .scroll_text .text1 .fs48 {font-size: 3.2rem; line-height: 4.4rem; margin-bottom: 4.2rem;}
    #s1 .sec_scroll .scroll_text .text2 {margin: 6.6rem 0; line-height: 2.8rem; font-size: 1.8rem;}
    #s1 .sec_scroll .scroll_text .text3 {font-size: 3.2rem; line-height: 4.4rem;}
    #s1 .sec_scroll img {width: 35.2rem; margin: 0 auto;}
    #s1 .sec_scroll img.line {width: 4.4rem; margin: 4rem 0;}
    #s1 .sec_scroll .img3 {width: 38.7rem; margin: 0 auto; margin: 9.5rem 0 7.3rem 0;}
}

/* s2 */
#s2 {height: 64.6rem; background: url('../img/s2_bg.webp') no-repeat; background-size: cover;}
#s2 .inner {width: 100%; height: 100%;}
#s2 .fs54 {line-height: 7.2rem;}

@media screen and (max-width: 880px) {
    #s2 {height: 43rem; background: url('../img/s2_bg_mo.webp'); background-size: cover;}
    #s2 .fs54 {font-size: 3.8rem; line-height: 5.4rem;}
}

/* s3 */
#s3 {padding-top: 20rem;}
#s3 .inner .title {margin-bottom: 6rem;}
#s3 .inner .title .fs60 {margin: 4rem 0 3rem 0;}
#s3 .inner .title .fs18 {line-height: 2.8rem;}

#s3 .pcArea {}
#s3 .pcArea .imgArea .txt {z-index: 1; cursor: pointer;}
#s3 .pcArea .imgArea .txt1 {width: 27.8rem; top: 44%; left: 8%;}
#s3 .pcArea .imgArea .txt2 {width: 19.8rem; top: 60%; right: 38%;}
#s3 .pcArea .imgArea .txt3 {width: 27.2rem; top: 33%; right: 13%;}

@media screen and (max-width: 880px) {
    #s3 {padding-top: 12rem;}
    #s3 .inner .title {margin-bottom: 5.6rem;}
    #s3 .inner .title .icon {width: 7rem;}
    #s3 .inner .title .fs60 {font-size: 4rem; margin: 4rem 0 2.4rem 0;}
    #s3 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}

    #s3 .moArea {padding-top: 7rem;}
}

/* s4 */
#s4 {padding: 24.1rem 0 30.6rem 0; position: relative;}
#s4::before {content: ''; position: absolute; bottom: 8.4rem; right: 5.2rem; background: url('../img/s4_bg.webp') no-repeat; width: 49.2rem; height: 49.2rem; background-size: cover;}
#s4 .inner {width: 144.2rem; overflow: hidden;}
#s4 .inner .title {margin-bottom: 9.2rem;}
#s4 .inner .title .fs54 {margin: 3rem 0;}
#s4 .inner .title .fs18 {line-height: 2.8rem;}
#s4 .inner .swiper-slide .text_area {padding: 9rem 0 0 4.5rem; box-sizing: border-box;}
#s4 .inner .swiper-slide .text_area .num {opacity: 0.3; left: 0; top: 0;}
#s4 .inner .swiper-slide .text_area .tit {margin-bottom: 2.4rem;}
#s4 .inner .swiper-slide .text_area .text {line-height: 3.2rem;}
#s4 .page {width: 52.2rem; gap: 6.5rem 4.2rem; bottom: 6.8rem; left: 4.6rem;}
#s4 .page .swiper-pagination-bullet {width: max-content; height: auto; opacity: 1; color: #C9CDD2; font-size: 2rem; font-weight: bold; padding-bottom: 0.6rem; position: relative; background: transparent;}
#s4 .page .swiper-pagination-bullet::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #C9CDD2;}
#s4 .page .swiper-pagination-bullet-active {background: transparent; color: #40A0AB;}
#s4 .page .swiper-pagination-bullet-active::before {background: #40A0AB;}

@media screen and (max-width: 880px) {
    #s4 {padding: 12rem 0 12.3rem 0;}
    #s4::before {width: 100%; height: 24.3rem; right: auto; left: 0; bottom: 0; background: #EEF0F3;}
    #s4 .inner {width: 38.2rem;}
    #s4 .inner .title {margin-bottom: 15.6rem;}
    #s4 .inner .title img {width: 23.2rem;}
    #s4 .inner .title .fs54 {font-size: 4rem; line-height: 5.6rem; margin: 3.8rem 0 4rem 0;}
    #s4 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}
    #s4 .inner .swiper-slide {flex-wrap: wrap; padding: 0 1.6rem; box-sizing: border-box;}
    #s4 .inner .swiper-slide .text_area {padding: 5.7rem 0 0 0; margin-bottom: 5rem;}
    #s4 .inner .swiper-slide .text_area .num {font-size: 8rem;}
    #s4 .inner .swiper-slide .text_area .tit {font-size: 2.8rem; margin-bottom: 2.4rem;}
    #s4 .inner .swiper-slide .text_area .txt {font-size: 1.8rem; line-height: 2.8rem;}
    #s4 .inner .swiper-slide img {width: 100%;}
    #s4 .page {justify-content: center; width: 35.2rem; gap: 2.4rem; bottom: auto; top: 33.8rem; left: 50%; transform: translateX(-50%);}
    #s4 .page .swiper-pagination-bullet {font-size: 1.6rem; padding-bottom: 0.5rem;}
}

/* s5 */
#s5 {padding: 16.1rem 0 15.8rem 0; height: 94rem; background: url('../img/s5_bg.webp') center no-repeat; background-size: cover;}
#s5 .inner {width: 144rem;}
#s5 .inner .title {padding-left: 9.8rem; box-sizing: border-box; margin-bottom: 5.2rem;}
#s5 .inner .title .fs52 {line-height: 7.2rem; margin-bottom: 3.2rem;}
#s5 .inner .title .fs18 {line-height: 2.8rem;}
#s5 img {width: 100%;}

@media screen and (max-width: 880px) {
    #s5 {padding: 12rem 0 11.2rem 0; height: 131.1rem;}
    #s5 .inner {width: 100%; padding: 0 2.4rem; box-sizing: border-box;}
    #s5 .inner .title {padding-left: 0.3rem; margin-bottom: 6.4rem;}
    #s5 .inner .title .fs52 {font-size: 4rem; line-height: 5.6rem; margin-bottom: 2rem;}
    #s5 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}
}

/* s6 */
#s6 {padding: 23rem 0 26.8rem 0;}
#s6 .inner {width: 130rem;}
#s6 .inner .title {margin-bottom: 4.6rem;}
#s6 .inner .title .fs48 {line-height: 6.8rem;}
#s6 .inner .banner {padding-left: 11rem; box-sizing: border-box; margin-bottom: 5.8rem; width: 100%; height: 26.2rem; background: url('../img/s6_bg.webp') center no-repeat; background-size: cover;}
#s6 .inner .banner .fs22 {margin-bottom: 2rem;}
#s6 .inner .banner .fs16 {line-height: 2.4rem;}
#s6 .inner .list li {width: 33.333%; position: relative;}
#s6 .inner .list li::before {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 9.2rem; background: #C9CDD2;}
#s6 .inner .list li:last-child::before {display: none;}
#s6 .inner .list li img {margin: 0 auto 2rem auto;}
#s6 .inner .list li .fs20 {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    #s6 {padding: 12.6rem 0 14rem 0;}
    #s6 .inner {width: 100%; box-sizing: border-box;}
    #s6 .inner .title {margin-bottom: 2.8rem;}
    #s6 .inner .title .fs48 {font-size: 3.2rem; line-height: 4.6rem;}
    #s6 .inner .banner {padding: 0; width: calc(100% - 4.8rem); height: auto; background: none; margin: 0 auto 3.2rem auto;}
    #s6 .inner .banner img {width: 100%;}
    #s6 .inner .list {flex-wrap: wrap; padding: 0 2.4rem; box-sizing: border-box;}
    #s6 .inner .list li {width: 100%; display: flex; align-items: center; gap: 1.2rem; margin-bottom: 2.6rem;}
    #s6 .inner .list li:last-child {margin-bottom: 0;}
    #s6 .inner .list li::before {display: none;}
    #s6 .inner .list li img {width: 1.8rem; margin: 0;}
    #s6 .inner .list li .fs20 {font-size: 1.8rem;}
}

/* s7 */
#s7 {padding-bottom: 24rem;}
#s7 .inner .title {margin-bottom: 6rem;}
#s7 .inner .title .fs48 {margin: 3rem 0 3.8rem 0;}
#s7 .inner .title .fs18 {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    #s7 {padding-bottom: 12.4rem;}
    #s7 .inner .title {margin-bottom: 6.6rem;}
    #s7 .inner .title img {width: 23rem;}
    #s7 .inner .title .fs48 {margin: 3.8rem 0 3rem 0; font-size: 3.2rem; line-height: 4.6rem;}
    #s7 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}
    #s7 .inner .img_area {width: calc(100% - 3rem);}
    #s7 .inner .img_area img {width: 100%;}
    #s7 .inner .img1 {margin-bottom: 4rem;}
}

/* s8 */
#s8 {padding-bottom: 23rem;}
#s8 .inner {width: 144rem;}
#s8 .inner .flex {gap: 18.2rem;}
#s8 .inner .title .fs44 {margin: 4rem 0 6.2rem 0; line-height: 6.4rem;}
#s8 .inner .list {width: 55rem;}
#s8 .inner .list li {gap: 3.6rem; padding: 2rem 0 2rem 2rem; box-sizing: border-box; border-bottom: 1px solid #C9CDD2;}
#s8 .inner .list li:first-child {padding-top: 0;}
#s8 .inner .list li:last-child {border-bottom: none;}
#s8 .inner .right_cont {padding-top: 9rem;}

@media screen and (max-width: 880px) {
    #s8 {padding-bottom: 10.2rem;}
    #s8 .inner {width: 100%; padding: 0 2.4rem; box-sizing: border-box;}
    #s8 .inner .flex {flex-wrap: wrap; gap: 3rem;}
    #s8 .inner .title .fs44 {font-size: 3.6rem; line-height: 4.8rem; margin: 3.4rem 0 4.8rem 0;}
    #s8 .inner .list {width: 100%;}
    #s8 .inner .list li {gap: 1.8rem; padding: 1rem 0 1rem 1.4rem;}
    #s8 .inner .list li img {width: 3.6rem;}
    #s8 .inner .list li .fs20 {font-size: 1.6rem;}
    #s8 .inner .right_cont {padding-top: 0;}
    #s8 .inner .right_cont img {width: 100%;}
}

/* s9 */
#s9 {padding: 14.5rem 0 11.5rem 0; background: #F6F7F9;}
#s9 .inner {width: 144rem; overflow: hidden;}
#s9 .inner .title {margin-bottom: 3.2rem;}
#s9 .inner .title .fs54 {margin-top: 4rem;}
#s9 .inner .tab {gap: 1.2rem; margin-bottom: 4.2rem;}
#s9 .inner .tab li a {display: block; width: 14.2rem; border-radius: 1.9rem; border: 1px solid #C9CDD2; box-sizing: border-box; padding: 1.1rem 0 0.7rem 0;}
#s9 .inner .tab li a.on {color: #40A0AB; font-weight: 800; border-color: #40A0AB;}
#s9 .inner .s9_swiper {display: none;}
#s9 .inner .s9_swiper.on {display: block;}
#s9 .inner .s9_swiper img {margin: 0 auto;}
#s9 .inner .s9_swiper .btn_area {z-index: 99; width: 100%; position: absolute; top: 35%; transform: translateY(-50%);}
#s9 .inner .s9_swiper .btn_area .btn {opacity: 1; width: 2.2rem; height: 4.4rem; background-repeat: no-repeat; background-size: 100%; margin-top: 0; color: transparent; left: 6rem;}
#s9 .inner .s9_swiper .btn_area .s9_prev {background-image: url('../img/s9_prev.webp');}
#s9 .inner .s9_swiper .btn_area .s9_next {background-image: url('../img/s9_next.webp'); left: auto; right: 6rem;}
#s9 .inner .s9_swiper .text_area {margin-top: 2.4rem; padding: 1.7rem 0; background: #F6F7F9;}
#s9 .inner .s9_swiper .text_area .fs20 {margin-bottom: 0.8rem;}
#s9 .inner .s9_swiper .text_area .fs14 .pc_view {display: inline-block;}

@media screen and (max-width: 880px) {
    #s9 {padding: 8.7rem 0 5.8rem 0;}
    #s9 .inner {width: calc(100% - 4.8rem);}
    #s9 .inner .title {margin-bottom: 3.4rem;}
    #s9 .inner .title .txt {letter-spacing: 0.2rem;}
    #s9 .inner .title .fs54 {font-size: 4rem; line-height: 5rem; margin-top: 3.4rem;}
    #s9 .inner .tab {flex-wrap: wrap; gap: 0.8rem; margin-bottom: 10.6rem;}
    #s9 .inner .tab li a {width: 12.2rem; font-size: 1.6rem; padding: 0.8rem 0;}
    #s9 .inner .s9_swiper .swiper-slide img {width: 100%;}
    #s9 .inner .s9_swiper .text_area .fs14 {line-height: 2rem;}
    #s9 .inner .s9_swiper .btn_area {width: 7.2rem; top: -11%; left: 50%; transform: translateX(-50%);}
    #s9 .inner .s9_swiper .btn_area::before {content: ''; position: absolute; top: 0.2rem; left: 50%; transform: translateX(-50%); width: 1px; height: 2.5rem; background: #C9CDD2;}
    #s9 .inner .s9_swiper .btn_area .btn {width: 1.5rem; left: 0;}
    #s9 .inner .s9_swiper .btn_area .s9_next {right: 0; left: auto;}
}

/* s10 */
#s10 {padding-top: 23rem;}
#s10 .inner .title {margin-bottom: 6.2rem;}
#s10 .inner .title .fs54 {margin: 2.4rem 0 2.6rem 0;}
#s10 .inner .list {width: 144rem; left: 50%; bottom: -25.5rem; margin-left: -72rem; background: #fff; padding: 10rem 8.7rem 10.8rem 8.7rem; box-sizing: border-box; border-radius: 3rem; z-index: 1;}
#s10 .inner .list li {width: 36.2rem; gap: 2.2rem; position: relative;}
#s10 .inner .list li::before {content: ''; position: absolute; top: 0; right: -4.4rem; width: 1px; height: 15rem; background: #C9CDD2;}
#s10 .inner .list li:last-child::before {display: none;}
#s10 .inner .list li .fs22 {margin-bottom: 2rem;}
#s10 .inner .list li .fs16 {line-height: 2.5rem;}

@media screen and (max-width: 880px) {
    #s10 {padding-top: 11.4rem;}
    #s10 .inner .title {margin-bottom: 4.6rem;}
    #s10 .inner .title .fs24 {font-size: 2rem;}
    #s10 .inner .title .fs54 {font-size: 4rem; margin: 3rem 0;}
    #s10 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}
    #s10 .inner .list {width: 38.2rem; padding: 4.8rem 2.4rem; flex-wrap: wrap; bottom: -45.3rem; margin-left: -19.1rem;}
    #s10 .inner .list li {width: 100%; gap: 1.5rem; padding: 3rem 0;}
    #s10 .inner .list li:first-child {padding-top: 0;}
    #s10 .inner .list li::before {width: 100%; height: 1px; top: auto; bottom: 0; right: auto; left: 0;}
    #s10 .inner .list li img {width: 10.2rem;}
    #s10 .inner .list li .fs22 {font-size: 2rem; margin-bottom: 1.4rem;}
}

/* s11 */
#s11 {padding: 51.5rem 0 22.2rem 0; background: #F6F7F9;}
#s11 .inner {width: 144rem; overflow: hidden;}
#s11 .inner .title {margin-bottom: 13rem;}
#s11 .inner .title .fs44 {line-height: 6rem;}
#s11 .inner .s11_swiper .text_area {height: 26.4rem; padding: 0 0 0 12.4rem; box-sizing: border-box; background-color: #fff; border-radius: 4rem;}
#s11 .inner .s11_swiper .text_area .fs30 {margin: 1.8rem 0;}
#s11 .inner .s11_swiper .text_area .fs16 {line-height: 2.6rem;}
#s11 .inner .s11_swiper .img_area {top: -18.3rem; right: 9.8rem;}
#s11 .page {width: 88rem; gap: 2rem; top: 18.4em; left: 0;}
#s11 .page .swiper-pagination-bullet {width: 16rem; height: auto; text-align: center; opacity: 1; color: #72787F; font-size: 2rem; font-weight: 800; padding: 0.9rem 0; border-radius: 2.6rem; border: 1px solid #C9CDD2; box-sizing: border-box; background: transparent;}
#s11 .page .swiper-pagination-bullet-active {background: #40A0AB; border-color: #40A0AB; color: #fff;}

@media screen and (max-width: 880px) {
    #s11 {padding: 51.6rem 0 11.2rem 0;}
    #s11 .inner {width: calc(100% - 4.8rem);}
    #s11 .inner .title {margin-bottom: 17rem;}
    #s11 .inner .title .fs44 {font-size: 3.4rem; line-height: 4.6rem;}
    #s11 .inner .s11_swiper .swiper-slide {display: flex; flex-direction: column-reverse; justify-content: center; gap: 2.5rem;}
    #s11 .inner .s11_swiper .text_area {width: 100%; height: 24.8rem; padding: 3.3rem 0 0 2.3rem; align-items: flex-start; border-radius: 2rem;}
    #s11 .inner .s11_swiper .text_area .fs30 {margin: 1.6rem 0 1.4rem 0; font-size: 2.4rem;}
    #s11 .inner .s11_swiper .text_area .fs16 {font-size: 1.4rem; line-height: 2.2rem;}
    #s11 .inner .s11_swiper .img_area {position: static;}
    #s11 .inner .s11_swiper .img_area img {width: 23.7rem; margin: 0 auto;}
    #s11 .page {width: 100%; top: 11.4rem; flex-wrap: wrap; gap: 0.8rem;}
    #s11 .page .swiper-pagination-bullet {width: 12.2rem; font-size: 1.6rem; padding: 0.8rem; border-radius: 1.9rem;}
}

/* s12 */
#s12 {height: 16.4rem; background: url('../img/s12_bg.webp') center no-repeat; background-size: cover;}
#s12 .inner {width: 144rem; height: 100%; padding-right: 11.3rem; box-sizing: border-box;}
#s12 .inner .fs18 {line-height: 2.8rem;}

/* s13 */
#s13 {background: #33383C; padding: 23rem 0 23.8rem 0;}
#s13 .inner {width: 144rem;}
#s13 .inner .title {margin-bottom: 6.2rem;}
#s13 .inner .title .fs54 {margin: 2.4rem 0 2.6rem 0;}
#s13 .inner .title .fs18 {line-height: 2.8rem;}
#s13 .img_area {margin-bottom: 23rem;}
#s13 .inner .title2 {margin-bottom: 6.6rem;}
#s13 .inner .title2 .fs44 {line-height: 6.4rem;}
#s13 .inner .list {gap: 2.4rem;}
#s13 .inner .list li {width: calc(50% - 1.2rem); height: 24rem; border-radius: 3rem 2rem 2rem 2rem; background: #fff; gap: 3.4rem;}
#s13 .inner .list li .text_area .fs26 {margin-bottom: 1.8rem;}
#s13 .inner .list li .text_area .txt {line-height: 2.8rem;}
#s13 .inner .list li .text_area .txt2 {margin-top: 1.8rem;}

@media screen and (max-width: 880px) {
    #s13 {padding: 11.4rem 0;}
    #s13 .inner {width: calc(100% - 4.8rem);}
    #s13 .inner .title {margin-bottom: 5.4rem;}
    #s13 .inner .title .fs24 {font-size: 2rem;}
    #s13 .inner .title .fs54 {font-size: 4rem; margin: 2rem 0 2.4rem 0;}
    #s13 .inner .title .fs18 {line-height: 2.6rem; font-size: 1.6rem;}
    #s13 .img_area {margin-bottom: 12.4rem;}
    #s13 .inner .title2 {margin-bottom: 5.8rem;}
    #s13 .inner .title2 .fs44 {font-size: 3.4rem; line-height: 4.6rem;}
    #s13 .inner .list {gap: 1.8rem;}
    #s13 .inner .list li {gap: 1.8rem; width: 100%; height: 16.8rem; border-radius: 3rem 1.5rem 1.5rem 1.5rem;}
    #s13 .inner .list li .text_area .fs26 {font-size: 2rem; margin-bottom: 1rem;}
    #s13 .inner .list li .text_area .txt {font-size: 1.4rem; line-height: 2.2rem;}
    #s13 .inner .list li .text_area .txt2 {font-size: 1.4rem; margin-top: 1.2rem;}
    #s13 .inner .list li img {width: 14.2rem; height: 16.8rem;}
}

/* s14 */
#s14 {justify-content: flex-end; height: 60rem; background: url('../img/s14_bg.webp') center no-repeat; background-size: cover;}
#s14 .inner {width: 107rem; height: 60rem; background: rgba(64,160,171,0.92); padding-left: 12.2rem; box-sizing: border-box;}
#s14 .inner .co {width: max-content; font-style: italic; position: relative; padding-right: 2rem; box-sizing: border-box;}
#s14 .inner .co::before {content: ''; width: 7.2rem; height: 0.1rem; background: #B5FCFF; position: absolute; top: 50%; transform: translateY(-50%); right: -7.2rem;}
#s14 .inner .fs47 {line-height: 6.6rem; margin: 2.6rem 0 2.2rem 0;}

@media screen and (max-width: 880px) {
    #s14 {background: none; flex-direction: block; height: auto;}
    #s14 .inner {width: 100%; height: auto; display: block; padding: 0 0 8.2rem 0;}
    #s14 .inner .text_area {padding: 0 2.4rem; box-sizing: border-box; margin-top: 5.4rem;}
    #s14 .inner .co {font-size: 1.6rem; padding-right: 1.2rem;}
    #s14 .inner .fs47 {font-size: 3.6rem; line-height: 4.8rem; margin: 2.4rem 0 2.6rem 0;}
    #s14 .inner .fs20 {font-size: 1.8rem; line-height: 2.8rem;}
}

/* s15 */
#s15 {padding: 23rem 0 21.5rem 0;}
#s15::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 44.5rem; background: #F6F7F9;}
#s15 .inner {width: 144rem;}
#s15 .inner .title {margin-bottom: 6.1rem;}
#s15 .inner .title .fs54 {margin: 2.4rem 0 2.7rem 0;}
#s15 .inner .title .fs18 {line-height: 2.8rem;}
#s15 .inner .img_area {gap: 1.6rem;}
#s15 .inner .img_area img.hover {opacity: 0; transition: all 0.5s;}
#s15 .inner .img_area li:hover img.hover {opacity: 1;}

@media screen and (max-width: 880px) {
    #s15 {padding: 9.8rem 0 9.1rem 0;}
    #s15::before {height: 27.8rem;}
    #s15 .inner {width: calc(100% - 4.8rem);}
    #s15 .inner .title {margin-bottom: 2rem;}
    #s15 .inner .title .fs24 {font-size: 2rem;}
    #s15 .inner .title .fs54 {font-size: 4rem; margin: 2rem 0 2.4rem 0;}
    #s15 .inner .title .fs18 {font-size: 1.6rem; line-height: 2.6rem;}
    #s15 .inner .img_area {flex-wrap: wrap; gap: 1.4rem;}
    #s15 .inner .img_area li {width: 100%;}
    #s15 .inner .img_area img {width: 100%;}
}

/* s16 */
#s16 {padding-top: 18.4rem;}
#s16::before {content: ''; width: 192rem; height: 66.4rem; background: url('../img/s16_bg.webp') no-repeat; background-size: cover; opacity: 0.64; position: absolute; bottom: 0; left: 0;}
#s16 .inner {width: 144rem;}
#s16 .inner .title {gap: 5rem; margin-bottom: 5rem;}
#s16 .inner .title .fs24 {margin-bottom: 1.6rem;}
#s16 .cont_area {justify-content: flex-end; position: relative; padding: 9.1rem 0 9rem 0; box-sizing: border-box; width: 159.1rem; margin-left: 33.8rem; overflow: hidden;}
#s16 .cont_area .s16_swiper .swiper-slide {width: 34.8rem; margin-right: 3.2rem; border-radius: 4rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.2);}
#s16 .cont_area .s16_swiper .swiper-slide img {width: 100%;}
#s16 .btn_area {width: 15.5rem; top: 21.5rem; right: 26.1rem; gap: 2.3rem;}
#s16 .btn_area .btn {width: 6.6rem; height: 6.6rem; position: static; color: transparent; margin-top: 0; display: block; opacity: 1; border-radius: 50%; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
#s16 .btn_area .prev {background-image: url('../img/s16_prev.webp');}
#s16 .btn_area .next {background-image: url('../img/s16_next.webp');}

@media screen and (max-width: 880px) {
    #s16 {padding-top: 10rem;}
    #s16::before {background: url('../img/s16_bg_mo.webp') no-repeat; width: 100%; height: 61.6rem;}
    #s16 .inner {width: 100%;}
    #s16 .inner .title {flex-wrap: wrap; gap: 2.3rem; margin-bottom: 12.85rem; justify-content: center; text-align: center;}
    #s16 .inner .title .co {font-size: 7.4rem;}
    #s16 .inner .title .fs24 {font-size: 2rem; margin-bottom: 1.6rem;}
    #s16 .inner .title .fs18 {font-size: 1.6rem;}
    #s16 .cont_area {padding: 6.7rem 0; margin-left: 2.4rem;}
    #s16 .btn_area {gap: 3rem; width: 13rem; top: 30.6rem; right: auto; left: 50%; transform: translateX(-50%);}
    #s16 .btn_area .btn {width: 5rem; height: 5rem; background-size: 100%;}
    #s16 .btn_area .prev {background-image: url('../img/s16_prev_mo.webp');}
    #s16 .btn_area .next {background-image: url('../img/s16_next_mo.webp');}
    #s16 .cont_area .s16_swiper .swiper-slide {width: 34.8rem; margin-right: 3.2rem;}
}

/* s17 */
#s17 {padding: 9.7rem 0 25.2rem 0;}
#s17 .inner .title .fs44 {margin: 3rem 0 9.6rem 0; line-height: 6.4rem;}
#s17 .inner .s17_swiper .swiper-slide {width: 144rem !important; margin: 0 1.5rem;}
#s17 .inner .s17_swiper .slide_assets {width: 144rem; margin-top: 3.4rem;}
#s17 .inner .s17_swiper .slide_assets .arr_area {width: 100%; margin-bottom: 3.4rem;}
#s17 .inner .s17_swiper .slide_assets .page {position: relative; height: 0.8rem; background: #EEF0F3; border-radius: 0.6rem;}
#s17 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #70C5C9; border-radius: 0.6rem;}

@media screen and (max-width: 880px) {
    #s17 {padding: 10.7rem 0 8rem 0;}
    #s17 .inner .title img {width: 8rem;}
    #s17 .inner .title .fs44 {margin: 3rem 0 5.8rem 0; line-height: 4.8rem; font-size: 3.6rem;}
    #s17 .inner .s17_swiper .swiper-slide {width: 38.2rem !important; margin: 0 1.5rem;}
    #s17 .inner .s17_swiper .swiper-slide img {width: 100%;}
    #s17 .inner .s17_swiper .slide_assets {width: 38.2rem; margin-top: 2rem;}
    #s17 .inner .s17_swiper .slide_assets .page {height: 0.4rem;}
}

/* s18 */
#s18 {margin-bottom: 22.5rem;}

@media screen and (max-width: 880px) {
    #s18 {margin-bottom: 0;}
}