#main {overflow: hidden; padding-top: 10rem;}
.swiper-button-prev, .swiper-button-next {width: auto; height: auto; margin-top: 0; color: transparent; position: static; opacity: 1;}

#s1,#s4,#s6,#s8,#footer {scroll-margin-top: 10rem;}

@media screen and (max-width: 880px) {
    #main {padding-top: 7rem;}
    #s1,#s4,#s6,#s8,#footer {scroll-margin-top: 7rem;}
}

/* 공통영역 */
.spc_cont {padding: 18rem 0;}
.spc_cont::before {content: ''; position: absolute; bottom: 18rem; right: 5rem; width: 28rem; height: 28rem; background-image: url('../img/s10_bg.png'); background-size: 100%; background-repeat: no-repeat;}
.spc_cont.type2::before {right: auto; left: 5rem; bottom: 23rem;}
.spc_cont .inner {gap: 8rem;}
.spc_cont.type2 .inner {gap: 18.1rem;}
.spc_cont .text_bx .txt {letter-spacing: -0.015rem; margin-bottom: 2.4rem;}
.spc_cont .text_bx .tit {letter-spacing: -0.015rem; margin-bottom: 2.8rem;}
.spc_cont .text_bx .txt2 {letter-spacing: -0.025rem; margin-bottom: 4.8rem;}
.spc_cont .text_bx .list {width: 52rem; gap: 1.2rem 1rem;}
.spc_cont .text_bx .list li {padding: 1.1rem 2.2rem; border-radius: 2.3rem; border: 1px solid #274435; background: #fff;}

@media screen and (max-width: 880px) {
    .spc_cont {padding: 11rem 0 11.9rem 0;}
    .spc_cont::before {width: 14rem; height: 14rem; bottom: 8.9rem; right: 2rem;}
    .spc_cont.type2::before {left: auto; right: 2rem; bottom: 8.9rem;}
    .spc_cont .inner {flex-direction: column; align-items: flex-start; gap: 4.8rem;}
    .spc_cont.type2 .inner {flex-direction: column-reverse; align-items: flex-end; gap: 4.8rem;}
    .spc_cont .img_bx img {width: 41rem;}
    .spc_cont .text_bx {padding-left: 2rem;}
    .spc_cont .text_bx .txt {font-size: 1.6rem; margin-bottom: 1.2rem;}
    .spc_cont .text_bx .tit {font-size: 3.4rem; margin-bottom: 1.6rem;}
    .spc_cont .text_bx .txt2 {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 2.8rem;}
    .spc_cont .text_bx .list {width: 90%; gap: 0.8rem;}
    .spc_cont .text_bx .list li {padding: 1rem 1.5rem; font-size: 1.8rem;}
}

/* visual */
#visual {height: 91rem;}
#visual video {width: 100%; height: 100%; object-fit: cover;}
#visual .title_bx {bottom: 11rem; z-index: 1;}
#visual .title_bx .tit {line-height: 6.2rem; letter-spacing: -0.15rem; text-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.25); margin-bottom: 3.4rem;}
#visual .title_bx .txt {line-height: 2.6rem; letter-spacing: -0.025rem; text-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.25);}

@media screen and (max-width: 880px) {
    #visual {height: 72rem;}
    #visual .title_bx {bottom: 8.4rem; width: 100%;}
    #visual .title_bx .tit {font-size: 3.2rem; line-height: 4.6rem;}
    #visual .title_bx .txt {font-size: 1.6rem; line-height: 2.6rem;}
}
/* visual */

/* s1 */
#s1 {padding: 0 0 17.9rem 26rem;}
#s1::before {content: ''; position: absolute; left: 14.6rem; bottom: 13rem; background-image: url('../img/s1_bg.png'); background-repeat: no-repeat; background-size: 100%; width: 164.4rem; height: 10.6rem;}
#s1 .inner {gap: 10.9rem;}
#s1 .text_bx img {margin-bottom: 3.2rem;}
#s1 .text_bx .tit {letter-spacing: -0.015rem; line-height: 6.5rem; margin-bottom: 4.8rem;}
#s1 .text_bx .txt {letter-spacing: -0.025rem; line-height: 3.8rem;}

@media screen and (max-width: 880px) {
    #s1 {padding: 10rem 0 14.2rem 0;}
    #s1::before {width: 100%; height: 6.7rem; left: 0; bottom: 10rem; background-image: url('../img/s1_bg_mo.png');}
    #s1 .inner {flex-direction: column; align-items: flex-start; gap: 6.4rem;}
    #s1 .text_bx {padding-left: 2rem;}
    #s1 .text_bx img {width: 23.6rem; margin-bottom: 2rem;}
    #s1 .text_bx .tit {font-size: 2.8rem; line-height: 3.6rem; margin-bottom: 1.6rem;}
    #s1 .text_bx .txt {font-size: 1.6rem; line-height: 2.4rem;}
    #s1 .img_bx img {width: 41rem;}
}
/* s1 */

/* s2 */
#s2 {background-image: url('../img/s2_bg.png'); background-size: cover; background-repeat: no-repeat; padding: 14.8rem 0 18rem 0;}
#s2 .inner {width: 140rem;}
#s2 .title_bx {margin-bottom: 6.5rem;}
#s2 .title_bx .txt {letter-spacing: 0.3rem; margin-bottom: 3.2rem;}
#s2 .title_bx .tit {letter-spacing: -0.015rem; line-height: 6.5rem;}
#s2 .list li:not(:last-child) {margin-bottom: 2.5rem;}
#s2 .list li .text_bx {width: calc(100% - 26rem); height: 19rem; border: 1px solid #fff; padding: 4.1rem 0 0 6rem; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px) brightness(1.2);}
#s2 .list li .text_bx .tit {letter-spacing: -0.025rem; margin-bottom: 2rem;}
#s2 .list li .text_bx .txt {letter-spacing: -0.025rem; line-height: 3rem;}
#s2 .list li .text_bx .num {bottom: 0; right: 0;}

@media screen and (max-width: 880px) {
    #s2 {padding: 14.8rem 0 18rem 0; background-image: url('../img/s2_bg_mo.png');}
    #s2 .inner {width: 39rem;}
    #s2 .title_bx {margin-bottom: 14.1rem;}
    #s2 .title_bx .txt {font-size: 1.4rem; margin-bottom: 2.4rem;}
    #s2 .title_bx .tit {font-size: 2.8rem; line-height: 3.8rem;}
    #s2 .img_bx {position: absolute; top: -9rem; left: 50%; transform: translateX(-50%); z-index: 1;}
    #s2 .img_bx img {width: 12rem;}
    #s2 .list li:not(:last-child) {margin-bottom: 13rem;}
    #s2 .list li .text_bx {width: 39rem; height: auto; padding: 5rem 0 4rem 0; text-align: center;}
    #s2 .list li .text_bx .tit {font-size: 2rem; margin-bottom: 1.5rem; line-height: 2.8rem;}
    #s2 .list li .text_bx .txt {font-size: 1.4rem; line-height: 2.4rem;}
    #s2 .list li .text_bx .num img {width: 11.5rem;}
}
/* s2 */

/* s3 */
#s3 {padding: 18rem 0 37.9rem 0;}
#s3::before {content: ''; position: absolute; top: 31.5rem; left: 11rem; background-image: url('../img/s3_bg.png'); background-repeat: no-repeat; background-size: 100%; width: 28rem; height: 28rem;}
#s3 .inner {width: 140rem;}
#s3 .title_bx {margin-bottom: 6.4rem;}
#s3 .title_bx .txt {letter-spacing: 0.2rem; margin-bottom: 3.2rem;}
#s3 .title_bx .tit {letter-spacing: -0.015rem; line-height: 6.5rem;}
#s3 .list {gap: 2rem; bottom: -20rem;}
#s3 .list li {width: 43rem; height: 25.9rem; background: #fff; border-radius: 3rem 0 0 3rem; border: 1px solid #D0D0D0;}
#s3 .list li:nth-child(2) {border-radius: 0 !important;}
#s3 .list li:nth-child(3) {border-radius: 0 3rem 3rem 0;}
#s3 .list li .tit {margin-bottom: 6rem; letter-spacing: -0.015rem;}
#s3 .list li .tit::before {content: ''; position: absolute; bottom: -4.5rem; left: 50%; transform: translateX(-50%); width: 0.1rem; height: 3rem; background: #48715C;}
#s3 .list li .txt {line-height: 3.2rem; letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #s3 {padding: 12rem 0 70.5rem 0;}
    #s3::before {background-image: url('../img/s3_bg_mo.png'); width: 14.2rem; height: 14.2rem; top: 7.6rem; left: 0.8rem;}
    #s3 .inner {width: 100%; padding: 0 2rem;}
    #s3 .title_bx {margin-bottom: 4.4rem;}
    #s3 .title_bx .txt {font-size: 1.4rem; margin-bottom: 2.4rem;}
    #s3 .title_bx .tit {font-size: 2.6rem; line-height: 3.6rem;}
    #s3 .list {flex-direction: column; gap: 1.5rem; bottom: -58.5rem;}
    #s3 .list li {width: 37rem; height: 19.5rem; border-radius: 3rem 3rem 0 0;}
    #s3 .list li:nth-child(3) {border-radius: 0 0 3rem 3rem;}
    #s3 .list li .tit {font-size: 2.4rem; margin-bottom: 5.4rem;}
    #s3 .list li .tit::before {height: 2.2rem; bottom: -3.6rem;}
    #s3 .list li .txt {font-size: 1.6rem; line-height: 2.6rem;}
}
/* s3 */

/* s4 */
#s4 {padding: 15rem 0 24.6rem 0; background: #433F38;}
#s4 .title_bx {padding: 4rem 0 0 26rem; margin-bottom: 33.9rem;}
#s4 .title_bx .txt {letter-spacing: -0.015rem; margin-bottom: 1.7rem;}
#s4 .title_bx .tit {letter-spacing: -0.015rem; margin-bottom: 2.9rem; padding-bottom: 3.5rem;}
#s4 .title_bx .tit::before {content: ''; position: absolute; bottom: 0; left: 0; width: 76rem; height: 0.1rem; background: #fff; opacity: 0.3;}
#s4 .title_bx .txt2 {margin-bottom: 4rem;}
#s4 .title_bx .txt2 p {line-height: 3rem;}
#s4 .title_bx .txt2 p.mb25 {margin-bottom: 2.5rem;}
#s4 .title_bx .txt2 p.mb20 {margin-bottom: 2rem;}
#s4 .title_bx .tit2 {letter-spacing: -0.025rem;}

#s4 .cont_bx .title_bx2 {margin-bottom: 12.8rem;}
#s4 .cont_bx .title_bx2 .tit {line-height: 6.5rem; letter-spacing: -0.015rem; margin-bottom: 4rem;}
#s4 .cont_bx .title_bx2 .txt {line-height: 3.4rem; letter-spacing: -0.025rem;}
#s4 .cont_bx .list {padding-left: 26rem; gap: 10.6rem 9.8rem;}
#s4 .cont_bx .list li {gap: 5.6rem;}
#s4 .cont_bx .list li .name {gap: 1.2rem; margin-bottom: 2.4rem;}
#s4 .cont_bx .list li .text_scroll {max-height: 30.9rem; overflow-y: scroll; padding-right: 6rem;}
#s4 .cont_bx .list li .text_scroll::-webkit-scrollbar {width: 4px;}
#s4 .cont_bx .list li .text_scroll::-webkit-scrollbar-thumb {background-color: #BEBEBE; border-radius: 2px; background-clip: padding-box; /* border: 2px solid transparent; */}
#s4 .cont_bx .list li .text_scroll::-webkit-scrollbar-track {background-color: rgba(190, 190, 190, 0.23); border-radius: 2px;}

@media screen and (max-width: 880px) {
    #s4 {padding: 11rem 0 7rem 0;}
    #s4 .title_bx {padding: 0 0 0 2rem; flex-direction: column-reverse; align-items: flex-end; gap: 5.9rem; margin-bottom: 16rem;}
    #s4 .title_bx .text_area {width: 100%;}
    #s4 .title_bx .txt {font-size: 1.6rem; margin-bottom: 1rem;}
    #s4 .title_bx .tit {font-size: 3.2rem; margin-bottom: 2.4rem; padding-bottom: 2.5rem;}
    #s4 .title_bx .tit::before {width: 39rem;}
    #s4 .title_bx .txt2 {margin-bottom: 3rem;}
    #s4 .title_bx .txt2 p {line-height: 2.5rem; font-size: 1.5rem;}
    #s4 .title_bx .txt2 p.mb25 {margin-bottom: 2rem;}
    #s4 .title_bx .tit2 {font-size: 1.8rem;}
    #s4 .img_area img {width: 41rem;}

    #s4 .cont_bx .title_bx2 {margin-bottom: 4rem;}
    #s4 .cont_bx .title_bx2 .tit {font-size: 3.2rem; line-height: 5rem; margin-bottom: 2.4rem;}
    #s4 .cont_bx .title_bx2 .txt {font-size: 1.5rem; line-height: 2.5rem;}
    #s4 .cont_bx .slide_bx {width: 39rem; overflow: hidden;}
    #s4 .cont_bx .slide_bx .s4_slide {margin-bottom: 3rem;}
    #s4 .cont_bx .slide_bx .name {margin: 3.5rem 0 3rem 0; gap: 1.2rem;}
    #s4 .cont_bx .slide_bx .text_scroll {width: 100%; max-height: 31.5rem; overflow-y: scroll;}
    #s4 .cont_bx .slide_bx .text_scroll::-webkit-scrollbar {width: 0.4rem;}
    #s4 .cont_bx .slide_bx .text_scroll::-webkit-scrollbar-thumb {background-color: #BEBEBE; border-radius: 2px; background-clip: padding-box; /* border: 2px solid transparent; */}
    #s4 .cont_bx .slide_bx .text_scroll::-webkit-scrollbar-track {background-color: transparent;}
    /* #s4 .cont_bx .slide_bx .page2 {position: static; display: flex; height: 0.4rem; border-radius: 0.2rem; background: rgba(190, 190, 190, 0.23);} */
    #s4 .cont_bx .slide_bx .page2 {width: 100%; height: 0.4rem; background: rgba(190, 190, 190, 0.23); overflow: hidden; margin-bottom: 1.5rem;}
    #s4 .cont_bx .slide_bx .page2 .bar {display: block; width: 0%; height: 100%; background: #BEBEBE; border-radius: 0.2rem;}
    #s4 .cont_bx .slide_bx .page {position: static; font-size: 1.3rem; color: #fff; letter-spacing: -0.015rem; font-weight: 400;}
    #s4 .cont_bx .slide_bx .page .swiper-pagination-current {font-weight: 700; font-size: 1.6rem; color: #C5D9AE;}
}
/* s4 */

/* s5 */
#s5 {padding: 21.8rem 0 18rem 0;}
#s5::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 87.4rem; background: #F5F5F5;}
#s5 .inner {width: 140rem;}
#s5 .title_bx {gap: 8rem; margin-bottom: 12rem;}
#s5 .title_bx .text_bx .tit {margin-bottom: 1rem; letter-spacing: -0.015rem;}
#s5 .title_bx .text_bx .flex {gap: 1.2rem; margin-bottom: 7.3rem;}
#s5 .title_bx .text_bx .flex p {letter-spacing: -0.015rem;}
#s5 .title_bx .txt_bx .tit {margin-bottom: 2.4rem; letter-spacing: -0.025rem;}
#s5 .title_bx .txt_bx .txt {line-height: 3.4rem; letter-spacing: -0.025rem;}
#s5 .title {margin-bottom: 4rem;}
#s5 .list {gap: 2.5rem;}
#s5 .list li {width: 45rem; height: 24.7rem; padding: 5.8rem 0 0 4rem; background: #fff; box-shadow: 0 0 0.8rem rgba(0,0,0,0.1);}
#s5 .list li img {top: 0.4rem; right: 3rem;}
#s5 .list li .tit {margin-bottom: 2.7rem; letter-spacing: -0.025rem;}
#s5 .list li .txt {line-height: 3rem; letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #s5 {padding: 11rem 0 6rem 0;}
    #s5::before {height: 101.9rem;}
    #s5 .inner {width: 100%; padding: 0 2rem;}
    #s5 .title_bx {flex-direction: column; gap: 4.2rem; margin-bottom: 0;}
    #s5 .title_bx .text_bx .tit {font-size: 2.8rem; text-align: center;}
    #s5 .title_bx .text_bx .flex {flex-direction: column; gap: 0.5rem; margin-bottom: 6.9rem;}
    #s5 .title_bx .text_bx .flex img {width: 14.6rem;}
    #s5 .title_bx .text_bx .flex p {font-size: 2.8rem; text-align: center;}
    #s5 .title_bx .txt_bx {margin-bottom: 5.7rem;}
    #s5 .title_bx .txt_bx .tit {font-size: 2.4rem; margin-bottom: 2.2rem;}
    #s5 .title_bx .txt_bx .txt {font-size: 1.6rem; line-height: 2.6rem; text-align: center;}
    #s5 .title {font-size: 2.4rem; margin-bottom: 2.2rem;}
    #s5 .list {flex-direction: column; gap: 1.5rem;}
    #s5 .list li {width: 39rem; height: 21.2rem; padding: 4.8rem 0 0 3.5rem;}
    #s5 .list li:first-child {height: 18.6rem;}
    #s5 .list li .tit {font-size: 1.8rem; margin-bottom: 2.2rem;}
    #s5 .list li .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s5 .list li img {width: 6.9rem; top: 0.7rem; right: 1.5rem;}
}
/* s5 */

/* s5_2 */
#s5_2 {padding: 15.8rem 0 8.8rem 0;}
#s5_2::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 78.2rem; background: #F5F5F5;}
#s5_2 .inner {width: 140rem;}
#s5_2 .img_bx {box-shadow: 0.3rem 0.4rem 1.1rem rgba(0,0,0,0.16);}
#s5_2 .title_bx {gap: 8rem; margin-bottom: 12rem;}
#s5_2 .title_bx .text_bx .tit {margin-bottom: 1rem; letter-spacing: -0.015rem;}
#s5_2 .title_bx .text_bx .flex {gap: 1.2rem; margin-bottom: 7.3rem;}
#s5_2 .title_bx .text_bx .flex p {letter-spacing: -0.015rem;}
#s5_2 .title_bx .txt_bx {width: 80rem;}
#s5_2 .title_bx .txt_bx .tit {margin-bottom: 2.4rem; letter-spacing: -0.025rem;}
#s5_2 .title_bx .txt_bx .txt {line-height: 3.4rem; letter-spacing: -0.025rem;}
#s5_2 .title {margin-bottom: 4rem;}
#s5_2 .list {gap: 2.5rem;}
#s5_2 .list li {width: 45rem; height: 24.7rem; padding: 5.8rem 0 0 4rem; background: #fff; box-shadow: 0 0 0.8rem rgba(0,0,0,0.1);}
#s5_2 .list li img {top: 0.4rem; right: 3rem;}
#s5_2 .list li .tit {margin-bottom: 2.7rem; letter-spacing: -0.025rem;}
#s5_2 .list li .txt {line-height: 3rem; letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #s5_2 {padding: 11rem 0 6rem 0;}
    #s5_2::before {height: 105.5rem;}
    #s5_2 .inner {width: 100%; padding: 0 2rem;}
    #s5_2 .title_bx {flex-direction: column; gap: 4.2rem; margin-bottom: 0;}
    #s5_2 .title_bx .text_bx .tit {font-size: 2.8rem; text-align: center;}
    #s5_2 .title_bx .text_bx .flex {flex-direction: column; gap: 0.5rem; margin-bottom: 6.9rem;}
    #s5_2 .title_bx .text_bx .flex img {width: 19.1rem;}
    #s5_2 .title_bx .text_bx .flex p {font-size: 2.8rem; text-align: center;}
    #s5_2 .title_bx .txt_bx {margin-bottom: 5.7rem;}
    #s5_2 .title_bx .txt_bx .tit {font-size: 2.4rem; margin-bottom: 2.2rem;}
    #s5_2 .title_bx .txt_bx .txt {font-size: 1.6rem; line-height: 2.6rem; text-align: center;}
    #s5_2 .title {font-size: 2.4rem; margin-bottom: 2.2rem;}
    #s5_2 .list {flex-direction: column; gap: 1.5rem;}
    #s5_2 .list li {width: 39rem; height: 21.2rem; padding: 3.6rem 0 0 3.5rem;}
    #s5_2 .list li .tit {font-size: 1.8rem; margin-bottom: 2.2rem;}
    #s5_2 .list li .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s5_2 .list li img {width: 6.9rem; top: 0.7rem; right: 1.5rem;}
}
/* s5_2 */

/* s6 */
#s6 {padding: 17.8rem 0 24.4rem 0;}
#s6 .title_bx .txt {margin-bottom: 3.2rem; letter-spacing: 0.3rem;}
#s6 .title_bx .tit {line-height: 6.5rem; letter-spacing: -0.015rem; margin-bottom: 4rem;}
#s6 .title_bx .txt2 {line-height: 3.4rem; letter-spacing: -0.025rem; margin-bottom: 1.6rem;}
#s6 .slide_inner {width: 140rem; overflow: hidden;}
#s6 .slide_bx .btn {position: absolute; opacity: 1; width: 6rem; height: 6rem; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: 100%;}
#s6 .slide_bx .btn.prev {background-image: url('../img/s6_prev.png'); left: 15rem;}
#s6 .slide_bx .btn.next {background-image: url('../img/s6_next.png'); right: 15rem;}

@media screen and (max-width: 880px) {
    #s6 {padding: 8.6rem 0 15.7rem 0;}
    #s6 .title_bx .txt {font-size: 1.4rem; margin-bottom: 2.1rem; letter-spacing: 0.15rem;}
    #s6 .title_bx .tit {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 2.4rem;}
    #s6 .title_bx .txt2 {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 4rem;}
    #s6 .slide_inner {width: 39rem;}
    #s6 .slide_inner .swiper-slide img {width: 100%;}
    #s6 .slide_bx .btn {width: 4.8rem; height: 4.8rem; top: auto; transform: translateY(0); bottom: -7.6rem;}
    #s6 .slide_bx .btn.prev {background-image: url('../img/s6_prev_mo.png'); left: 15.5rem;}
    #s6 .slide_bx .btn.next {background-image: url('../img/s6_next_mo.png'); right: 17.1rem;}
}
/* s6 */

/* s7 */
#s7 {padding: 14.7rem 0 17.5rem 0; background-image: url('../img/s7_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
#s7 .title_bx .txt {margin-bottom: 2.2rem; letter-spacing: 0.4rem;}
#s7 .title_bx .tit {line-height: 6.5rem; letter-spacing: -0.015rem; margin-bottom: 8rem;}
#s7 .list {width: 137rem; gap: 5rem 5.5rem;}

@media screen and (max-width: 880px) {
    #s7 {padding: 8.2rem 0 8.7rem 0; background-image: url('../img/s7_bg_mo.png');}
    #s7 .title_bx .txt {font-size: 1.6rem; margin-bottom: 1.6rem; letter-spacing: 0.04rem;}
    #s7 .title_bx .tit {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 4.8rem;}
    #s7 .list {width: 37.6rem; gap: 2.9rem 2.6rem;}
    #s7 .list li img {width: 10.8rem;}
}
/* s7 */

/* s8 */
#s8 {padding: 18rem 0 6.3rem 0;}
#s8::before {content: ''; position: absolute; left: 4.5rem; bottom: 40.5rem; width: 184.9rem; height: 12rem; background-size: 100%; background-repeat: no-repeat; background-image: url('../img/s8_bg.png');}
#s8 .inner {width: 140rem;}
#s8 .title_bx {margin-bottom: 6.4rem;}
#s8 .title_bx .txt {letter-spacing: 0.3rem; margin-bottom: 3.2rem;}
#s8 .title_bx .tit {letter-spacing: -0.015rem;}
#s8 .slide_bx {margin-bottom: 21.6rem;}
#s8 .title_bx2 img {margin-bottom: 3.2rem;}
#s8 .title_bx2 .tit {line-height: 6.5rem; letter-spacing: -0.015rem;}

@media screen and (max-width: 880px) {
    #s8 {padding: 8.5rem 0 5.2rem 0;}
    #s8::before {width: 43rem; height: 8rem; background-image: url('../img/s8_bg_mo.png'); bottom: 28.3rem; left: 0;}
    #s8 .inner {width: 39rem; overflow: hidden;}
    #s8 .title_bx {margin-bottom: 4rem;}
    #s8 .title_bx .txt {font-size: 1.4rem; margin-bottom: 1.8rem; letter-spacing: 0.2rem;}
    #s8 .title_bx .tit {font-size: 2.8rem;}
    #s8 .slide_bx {margin-bottom: 9.1rem;}
    #s8 .s8_slide {margin-bottom: 4.6rem;}
    #s8 .s8_slide img {width: 100%;}
    #s8 .page {position: static; display: flex; justify-content: center; gap: 1.4rem;}
    #s8 .page .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; opacity: 1; background: #fff; border: 1px solid #C9CDD2;}
    #s8 .page .swiper-pagination-bullet-active {background: #48715C; border-color: #48715C;}
    #s8 .title_bx2 img {width: 36.4rem; margin-bottom: 2rem;}
    #s8 .title_bx2 .tit {font-size: 3rem; line-height: 3.8rem;}
}
/* s8 */

/* s9 */
#s9 {padding: 13.1rem 0 15rem 0; background-image: url('../img/s9_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
#s9 .inner {width: 140rem;}
#s9 .title_bx {margin-bottom: 7.4rem;}
#s9 .cont_bx {gap: 4rem;}
#s9 .cont_bx .list li {background: rgba(11, 11, 11, 0.03); backdrop-filter: blur(18px) brightness(1.3); border: 1px solid #FEDBAB; padding: 4rem 0 0 5rem; width: 68rem; height: 17.7rem;}
#s9 .cont_bx .list li:not(:last-child) {margin-bottom: 2rem;}
#s9 .cont_bx .list li .tit {margin-bottom: 1.8rem; letter-spacing: -0.025rem;}
#s9 .cont_bx .list li .txt {line-height: 2.8rem; letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #s9 {padding: 5.6rem 0 7rem 0; background-image: url('../img/s9_bg_mo.png');}
    #s9 .inner {width: 39rem;}
    #s9 .title_bx {margin-bottom: 4.4rem;}
    #s9 .title_bx img {width: 35.8rem;}
    #s9 .cont_bx {flex-direction: column; gap: 3rem;}
    #s9 .cont_bx .img_bx img {width: 39rem;}
    #s9 .cont_bx .list li {width: 39rem; height: 17.1rem; padding: 4rem 0 0 3rem;}
    #s9 .cont_bx .list li .tit {font-size: 2.2rem; margin-bottom: 2rem;}
    #s9 .cont_bx .list li .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s9 .cont_bx .list li img {width: 13rem; height: 6.5rem;}
}
/* s9 */

/* s11 */
#s11 {padding: 0 0 19rem 0;}
#s11 .title_bx .tit {line-height: 5.8rem; letter-spacing: -0.015rem; margin-bottom: 6.4rem;}
#s11 .list {gap: 2rem; width: 140rem;}

@media screen and (max-width: 880px) {
    #s11 {padding: 0 0 13rem 0;}
    #s11 .title_bx .tit {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 5.6rem;}
    #s11 .slide_bx {padding: 0 2rem;}
    #s11 .slide_bx .s11_slide {margin-bottom: 3.6rem;}
    #s11 .slide_bx .page {position: static; display: flex; justify-content: center; gap: 1.4rem;}
    #s11 .slide_bx .page .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; border: 1px solid #C9CDD2; opacity: 1; background: #fff;}
    #s11 .slide_bx .page .swiper-pagination-bullet-active {background: #48715C; border-color: #48715C;}
}
/* s11 */

/* s12 */
#s12 {padding: 15rem 0 17rem 0; background-image: url('../img/s12_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
#s12 .inner {width: 140rem;}
#s12 .title_bx {margin-bottom: 4rem;}
#s12 .title_bx img {margin-bottom: 3.9rem;}
#s12 .title_bx .tit {line-height: 6.5rem; letter-spacing: -0.015rem;}
#s12 .img_bx {margin-bottom: 10rem;}
#s12 .cont_bx .text_bx {padding-top: 10.7rem;}
#s12 .cont_bx .text_bx::before {content: ''; position: absolute; top: 7.4rem; left: 0; width: 72rem; height: 0.1rem; background: #fff; opacity: 0.2;}
#s12 .cont_bx .text_bx p {letter-spacing: -0.025rem; line-height: 3.2rem;}
#s12 .cont_bx .text_bx p:not(:last-of-type) {margin-bottom: 2.5rem;}

@media screen and (max-width: 880px) {
    #s12 {padding: 9rem 0 9.7rem 0; background-image: url('../img/s12_bg_mo.png');}
    #s12 .inner {width: 100%; padding: 0 2rem;}
    #s12 .title_bx {margin-bottom: 3.4rem;}
    #s12 .title_bx img {width: 36.4rem; margin-bottom: 2.2rem;}
    #s12 .title_bx .tit {font-size: 3rem; line-height: 4rem;}
    #s12 .img_bx {margin-bottom: 4.6rem;}
    #s12 .img_bx img {width: 31.6rem;}
    #s12 .cont_bx {flex-direction: column-reverse; gap: 4rem;}
    #s12 .cont_bx .text_bx {padding-top: 0;}
    #s12 .cont_bx .text_bx::before {display: none;}
    #s12 .cont_bx .text_bx p {font-size: 1.6rem; line-height: 2.6rem;}
    #s12 .cont_bx .text_bx p:not(:last-of-type) {margin-bottom: 2rem;}
    #s12 .cont_bx .img_area img {width: 39rem;}
}
/* s12 */

/* s13 */
#s13 {padding-bottom: 23rem;}

@media screen and (max-width: 880px) {
    #s13 {padding-bottom: 8.9rem;}
}
/* s13 */

/* s14 */
#s14 {padding-bottom: 18rem;}
#s14 .title_bx {margin-bottom: 6.4rem;}
#s14 .title_bx .tit {line-height: 5.8rem; letter-spacing: -0.015rem;}
#s14 .list {width: 140rem; gap: 2.5rem;}

@media screen and (max-width: 880px) {
    #s14 {padding-bottom: 12rem;}
    #s14 .title_bx {margin-bottom: 3.8rem;}
    #s14 .title_bx .tit {font-size: 2.6rem; line-height: 3.6rem;}
    #s14 .slide_bx {padding: 0 2rem;}
    #s14 .slide_bx .s14_slide {margin-bottom: 3.6rem;}
    #s14 .slide_bx .page {position: static; display: flex; justify-content: center; gap: 1.4rem;}
    #s14 .slide_bx .page .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; border: 1px solid #C9CDD2; opacity: 1; background: #fff;}
    #s14 .slide_bx .page .swiper-pagination-bullet-active {background: #48715C; border-color: #48715C;}
}
/* s14 */

/* s15 */
#s15 {padding: 15rem 0 18rem 0; background-image: url('../img/s15_bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
#s15 .inner {width: 140rem;}
#s15 .title_bx {margin-bottom: 6.5rem;}
#s15 .title_bx img {margin-bottom: 3rem;}
#s15 .title_bx .tit {line-height: 6.5rem; letter-spacing: -0.015rem;}
#s15 .cont_bx {gap: 8.8rem;}
#s15 .cont_bx .text_bx p {line-height: 3.4rem; letter-spacing: -0.025rem;}
#s15 .cont_bx .text_bx p:not(:last-of-type) {margin-bottom: 3.5rem;}

@media screen and (max-width: 880px) {
    #s15 {padding: 9rem 0 10rem 0; background-image: url('../img/s15_bg_mo.png');}
    #s15 .inner {width: 100%; padding: 0 2rem;}
    #s15 .title_bx {margin-bottom: 4rem;}
    #s15 .title_bx img {width: 36.4rem; margin-bottom: 2.2rem;}
    #s15 .title_bx .tit {font-size: 3rem; line-height: 4rem;}  
    #s15 .cont_bx {flex-direction: column; gap: 4rem; align-items: center;}
    #s15 .cont_bx .text_bx p {text-align: center; font-size: 1.6rem; line-height: 2.6rem;}
    #s15 .cont_bx .text_bx p:not(:last-of-type) {margin-bottom: 2rem;}
}
/* s15 */

/* s16 */
#s16 {padding-bottom: 22.2rem;}
#s16::before {bottom: 22.2rem;}

@media screen and (max-width: 880px) {
    #s16 {padding-bottom: 8.4rem;}
    #s16::before {bottom: 5.4rem;}
}
/* s16 */

/* s17 */
#s17 {padding-bottom: 13.4rem;}
#s17 .inner {width: 140rem;}
#s17 .text_bx .icon {margin-bottom: 3.6rem;}
#s17 .text_bx .tit {line-height: 5.5rem; letter-spacing: -0.015rem; margin-bottom: 4.3rem;}
#s17 .text_bx .txt {line-height: 3.4rem; letter-spacing: -0.025rem;}
#s17 .text_bx .txt:not(:last-of-type) {margin-bottom: 3rem;}

@media screen and (max-width: 880px) {
    #s17 {padding-bottom: 13rem;}
    #s17 .inner {flex-direction: column; gap: 4.8rem; width: 100%; padding: 0 2rem;}
    #s17 .text_bx {text-align: center;}
    #s17 .text_bx .icon {margin-bottom: 2.3rem;}
    #s17 .text_bx .icon img {width: 6.2rem; margin: 0 auto;}
    #s17 .text_bx .tit {font-size: 2.6rem; line-height: 3.6rem; margin-bottom: 2.6rem;}
    #s17 .text_bx .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s17 .text_bx .txt:not(:last-of-type) {margin-bottom: 2rem;}
    #s17 .img_bx img {width: 39rem;}
}
/* s17 */

/* s18 */
#s18 {padding: 15rem 0 18rem 0; background-image: url('../img/s18_bg.png'); background-repeat: no-repeat; background-size: cover;}
#s18 .inner {width: 140rem;}
#s18 .title_bx {margin-bottom: 6.5rem;}
#s18 .title_bx .tit {line-height: 6.5rem; letter-spacing: -0.015rem; margin-top: 3rem;}
#s18 .cont_bx {gap: 4rem;}
#s18 .cont_bx .flex {gap: 2rem; margin-top: 2rem;}

@media screen and (max-width: 880px) {
    #s18 {padding: 9rem 0 10rem 0; background-image: url('../img/s18_bg_mo.png');}
    #s18 .inner {width: 100%; padding: 0 2rem;}
    #s18 .title_bx {margin-bottom: 4rem;}
    #s18 .title_bx img {width: 36.4rem;}
    #s18 .title_bx .tit {font-size: 2.6rem; line-height: 4rem;}
    #s18 .cont_bx {flex-direction: column; gap: 1.5rem;}
    #s18 .cont_bx img {width: 39rem;}
    #s18 .cont_bx .flex {flex-direction: column; gap: 1.5rem;}
}
/* s18 */

/* s19 */
#s19.type2 .inner {gap: 8rem;}
#s19.type2 .text_bx .list {width: 67rem;}

@media screen and (max-width: 880px) {
    #s19 {padding-bottom: 8.6rem;}
    #s19::before {bottom: 5.4rem;}
    #s19.type2 .inner {gap: 4.8rem;}
    #s19.type2 .text_bx .list {width: 100%;}
}
/* s19 */

/* s20 */
#s20 {padding-bottom: 18.4rem;}
#s20 .inner {width: 140rem;}
#s20 .list {gap: 2.5rem;}

@media screen and (max-width: 880px) {
    #s20 {padding-bottom: 10rem;}
    #s20 .inner {width: 100%; padding: 0 2rem; overflow: hidden;}
    #s20 .s20_slide img {width: 39rem;}
    #s20 .slide_bx .s20_slide {margin-bottom: 3.6rem;}
    #s20 .slide_bx .page {position: static; display: flex; justify-content: center; gap: 1.4rem;}
    #s20 .slide_bx .page .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; border: 1px solid #C9CDD2; opacity: 1; background: #fff;}
    #s20 .slide_bx .page .swiper-pagination-bullet-active {background: #48715C; border-color: #48715C;}
}
/* s20 */

/* s21 */
#s21 {padding-bottom: 23rem;}
#s21 .title_bx {margin-bottom: 6.4rem;}
#s21 .title_bx .icon {margin-bottom: 2.8rem;}
#s21 .title_bx .tit {margin-bottom: 3.6rem; letter-spacing: -0.015rem;}
#s21 .title_bx .txt {line-height: 3.4rem; letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #s21 {padding-bottom: 8rem;}
    #s21 .title_bx {margin-bottom: 6rem;}
    #s21 .title_bx .icon {margin-bottom: 1.9rem;}
    #s21 .title_bx .icon img {width: 6rem;}
    #s21 .title_bx .tit {font-size: 2.8rem; margin-bottom: 2rem;}
    #s21 .title_bx .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s21 .img_bx img {width: 100%;}
}
/* s21 */

/* s22 */
#s22 {padding-left: 36.3rem; background-image: url('../img/s22_bg.png'); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
#s22 .inner {gap: 8rem;}
#s22 .text_bx {padding-top: 15.7rem;}
#s22 .text_bx .tit {line-height: 5.7rem; letter-spacing: -0.015rem; margin-bottom: 2.4rem;}
#s22 .text_bx .txt {line-height: 3.6rem; letter-spacing: -0.015rem; margin-bottom: 5.2rem;}
#s22 .text_bx .list {gap: 1.8rem 1.2rem; width: 57rem;}

@media screen and (max-width: 880px) {
    #s22 {padding: 7.7rem 2rem 0 2rem; background-image: url('../img/s22_bg_mo.png'); background-size: cover; background-position: center;}
    #s22 .inner {flex-direction: column-reverse; gap: 4rem; align-items: center;}
    #s22 .text_bx {text-align: center; padding-top: 0;}
    #s22 .text_bx .tit {font-size: 3rem; line-height: 4rem; margin-bottom: 2.8rem;}
    #s22 .text_bx .txt {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 4rem;}
    #s22 .text_bx .list {gap: 0.8rem; width: 39rem;}
    #s22 .text_bx .list li img {width: 19.1rem;}
    #s22 .img_bx img {width: 31.4rem;}
}
/* s22 */