#main {overflow: hidden;}

.swiper-button-next, .swiper-button-prev {position: static; background-repeat: no-repeat; background-size: cover; background-position: center; color: transparent; margin-top: 0;}

/* visual */
#visual {height: 100rem;}
#visual video {width: 100%; height: 100%; object-fit: cover;}
#visual .scroll_down {bottom: 10.5rem;}

@media screen and (max-width: 880px) {
    #visual {height: 100vh;}
    #visual .scroll_down {width: 100%; bottom: 14rem;}
    #visual .scroll_down .text_area p {text-shadow: 0.2rem 0.2rem 1rem rgba(0,0,0,0.34); line-height: 4rem;}
    #visual .scroll_down .text_area p:first-child {margin-bottom: 2rem;}
    #visual .scroll_down img {width: 3.8rem; margin: 4rem auto 0 auto;}
}
/* visual */

/* s1 */
#s1 {padding: 12rem 0 11.1rem 0;}
#s1 .inner {width: 100%; max-width: 159rem;}
#s1 .text_area {margin-bottom: 5.5rem;}
#s1 .text_area .tit {line-height: 7rem; margin: 3.5rem 0 2.7rem 0;}
#s1 .list {gap: 1.5rem;}

@media screen and (max-width: 880px) {
    #s1 {padding: 10rem 0 8rem 0;}
    #s1 .inner {max-width: 100%;}
    #s1 .text_area {margin-bottom: 3.5rem;}
    #s1 .text_area img {width: 7rem;}
    #s1 .text_area .tit {font-size: 3.2rem; line-height: 4.4rem; margin: 2.9rem 0 2.5rem 0;}
    #s1 .text_area .txt {font-size: 2rem; line-height: 2.8rem; color: #C4C4C4;}
    #s1 .list {flex-direction: column; align-items: center; gap: 0.7rem;}
    #s1 .list img {width: 38rem;}
}
/* s1 */

/* s2 */
#s2 .left_area {width: calc(100% - 84.4rem); padding: 14.2rem 0 0 10.5rem; background: #F8F6F3;}
#s2 .left_area .title_bx {padding-left: 4.2rem; margin-bottom: 4.3rem;}
#s2 .left_area .title_bx .tit {margin-bottom: 2.5rem;}
#s2 .left_area .list li {gap: 2.8rem; width: 86rem; height: 18rem; padding-left: 5.2rem; background: #fff;}
#s2 .left_area .list li:not(:last-child) {margin-bottom: 2.5rem;}
#s2 .left_area .list li .tit {margin-bottom: 1.6rem;}
#s2 .left_area .list li .txt {line-height: 3.2rem;}
#s2 .right_area {width: 84.4rem;}

@media screen and (max-width: 880px) {
    #s2 .inner {flex-direction: column-reverse;}
    #s2 .left_area {width: 100%; padding: 8.8rem 0 6.2rem 0;}
    #s2 .left_area .title_bx {padding-left: 0; text-align: center; margin-bottom: 3rem;}
    #s2 .left_area .title_bx .tit {font-size: 3.5rem; line-height: 4.5rem; margin-bottom: 1.7rem;}
    #s2 .left_area .title_bx .txt {font-size: 2.2rem; line-height: 3rem;}
    #s2 .left_area .list {width: 39rem; margin: 0 auto;}
    #s2 .left_area .list li {gap: 1.9rem; width: 100%; height: 23rem; padding-left: 2.1rem;}
    #s2 .left_area .list li:not(:last-child) {margin-bottom: 1.5rem;}
    #s2 .left_area .list li img {width: 9rem;}
    #s2 .left_area .list li .tit {font-size: 2.4rem; line-height: 3rem; margin-bottom: 1.1rem;}
    #s2 .left_area .list li .txt {font-size: 1.8rem; line-height: 2.5rem;}
    #s2 .right_area {width: 100%;}
}
/* s2 */

/* s3 */
#s3 {padding: 18.5rem 0; background: #007D66;}
#s3 .inner {gap: 8.2rem;}
#s3 .left_area .title_area {margin-bottom: 4rem; padding-top: 3.4rem;}
#s3 .left_area .title_area .txt {margin: 3rem 0 1.2rem 0;}
#s3 .left_area .title_area .tit {line-height: 7.5rem;}
#s3 .left_area .page .swiper-pagination-bullet {width: 42.1rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; font-family: "ONE", sans-serif; font-size: 2.9rem; color: #FFFFFF; font-weight: 700; border: 1px solid #fff; border-radius: 0; opacity: 1; background: transparent;}
#s3 .left_area .page .swiper-pagination-bullet:not(:last-child) {margin-bottom: 1.8rem;}
#s3 .left_area .page .swiper-pagination-bullet.on {background: #fff; color: #1D1D1D;}
#s3 .right_area {width: 125rem; overflow: hidden;}

@media screen and (max-width: 880px) {
    #s3 {padding: 7.7rem 0 8rem 0;}
    #s3 .inner {flex-direction: column; align-items: center; gap: 3.6rem;}
    #s3 .left_area .title_area {margin-bottom: 2.7rem; padding-top: 0;}
    #s3 .left_area .title_area img {width: 6rem;}
    #s3 .left_area .title_area .txt {margin-bottom: 1rem;}
    #s3 .left_area .title_area .tit {font-size: 3.6rem; line-height: 5rem;}
    #s3 .left_area .page {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem;}
    #s3 .left_area .page .swiper-pagination-bullet {width: 20rem; height: 8rem; font-size: 2rem; line-height: 2.5rem;}
    #s3 .left_area .page .swiper-pagination-bullet:not(:last-child) {margin-bottom: 0;}
    #s3 .right_area {width: 37rem;}
}
/* s3 */

/* s4 */
#s4 .inner {gap: 5.9rem;}
#s4 .right_area .tit {line-height: 4.7rem; margin-bottom: 4rem;}
#s4 .right_area .list {gap: 1rem; margin-bottom: 4.6rem;}
#s4 .right_area .name {gap: 1.4rem; margin-bottom: 2.4rem;}
#s4 .right_area .career {line-height: 4.5rem;}

@media screen and (max-width: 880px) {
    #s4 {padding-bottom: 9.6rem;}
    #s4 .inner {flex-direction: column; gap: 2.9rem;}
    #s4 .right_area .tit {font-size: 2.2rem; line-height: 3.4rem; margin-bottom: 3rem; text-align: center;}
    #s4 .right_area .list {gap: 0.5rem; justify-content: center; margin-bottom: 2.4rem;}
    #s4 .right_area .list li img {width: 13rem;}
    #s4 .right_area .text_area {display: flex; flex-direction: column; width: max-content; margin: 0 auto;}
    #s4 .right_area .name {gap: 1.1rem; margin-bottom: 1.9rem;}
    #s4 .right_area .name .fs60 {font-size: 4.5rem;}
    #s4 .right_area .name .fs35 {font-size: 2.6rem;}
    #s4 .right_area .career {font-size: 2rem; line-height: 3.4rem;}
}
/* s4 */

/* s5 */
#s5 {height: 81rem; background-image: url('../img/s5_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
#s5 .inner {max-width: 102.2rem; height: 100%;}
#s5 .list::before {content: ''; position: absolute; top: 8rem; left: 17.55rem; width: 69.6rem; height: 4rem; background-image: url('../img/s5_bg2.png'); background-size: 100%; background-repeat: no-repeat;}
#s5 .list .tit {margin: 2.2rem 0 1.9rem 0;}
#s5 .list .txt {line-height: 3.8rem;}

@media screen and (max-width: 880px) {
    #s5 {height: 84rem; background-image: url('../img/s5_bg_mo.png');}
    #s5 .inner {max-width: 35rem;}
    #s5 .list {flex-direction: column; align-items: flex-start; height: 56.2rem;}
    #s5 .list::before {background-image: url('../img/s5_bg2_mo.png'); width: 4rem; height: 47.3rem; left: 4.2rem; top: 7.3rem;}
    #s5 .list li {display: flex; align-items: center; gap: 3rem; text-align: left;}
    #s5 .list li img {width: 12.6rem;}
    #s5 .list li .tit {font-size: 3.5rem; margin: 0 0 0.7rem 0}
    #s5 .list li .txt {font-size: 2rem; line-height: 2.8rem;}
}
/* s5 */

/* s6 */
#s6 {padding: 14rem 0 8.9rem 0; background: #F1F1F1;}
#s6 .title {line-height: 7rem; margin-bottom: 5.8rem;}
#s6 .s6_slide .swiper-wrapper {transition-timing-function: linear !important;}
#s6 .s6_slide .swiper-slide {width: 36rem !important; margin-right: 2.5rem !important;}
#s6 .s6_slide .img_area {margin-bottom: 1.2rem; width: 36rem;}
#s6 .s6_slide .text_area .tit {line-height: 4rem; margin-bottom: 1.5rem;}
#s6 .s6_slide .text_area .txt {line-height: 2.5rem;}

@media screen and (max-width: 880px) {
    #s6 {padding: 9.3rem 0 4.5rem 0;}
    #s6 .title {font-size: 3rem; line-height: 4.2rem; margin-bottom: 4rem;}
    #s6 .s6_slide .img_area img {width: 100%;}
}
/* s6 */

/* s7 */
#s7 {padding-top: 16.9rem;}
#s7 .title {line-height: 7.5rem; margin-bottom: 7.1rem;}
#s7 .s7_slide .btn_area {z-index: 1; padding: 0 9.6rem;}
#s7 .s7_slide .btn_area .btn {width: 6rem; height: 10.9rem;}
#s7 .s7_slide .btn_area .prev {background-image: url('../img/s7_prev.png');}
#s7 .s7_slide .btn_area .next {background-image: url('../img/s7_next.png');}

@media screen and (max-width: 880px) {
    #s7 {padding: 11.2rem 0 6.2rem 0;}
    #s7 .title {font-size: 3.4rem; line-height: 4.8rem; margin-bottom: 4.6rem;}
    #s7 .s7_slide .btn_area {top: 12.7rem; padding: 0 2rem; transform: translateY(0);}
    #s7 .s7_slide .btn_area .btn {width: 2.6rem; height: 4.8rem;}
    #s7 .s7_slide .btn_area .prev {background-image: url('../img/s7_prev_mo.png');}
    #s7 .s7_slide .btn_area .next {background-image: url('../img/s7_next_mo.png');}
}
/* s7 */

/* s8 */
#s8 {padding: 20.3rem 0 20.9rem 0;}
#s8 .title {margin-bottom: 6rem;}
#s8 .title .tit {margin: 3.8rem 0 1.2rem 0;}
#s8 .img_area {margin-bottom: 3.4rem;}

@media screen and (max-width: 880px) {
    #s8 {padding: 4.7rem 0 8.9rem 0;}
    #s8 .title {margin-bottom: 3rem;}
    #s8 .title .tit {font-size: 3rem; line-height: 4rem; margin: 1.6rem 0 1rem 0;}
    #s8 .title .tit2 {font-size: 4rem; line-height: 4.6rem;}
    #s8 .img_area {margin-bottom: 2.4rem;}
    #s8 .s_txt {font-size: 2.1rem; line-height: 3.2rem;}
}
/* s8 */

/* s9 */
#s9 .inner {gap: 10rem;}
#s9 .text_area .tit {line-height: 7.5rem; margin-bottom: 3.9rem;}
#s9 .text_area .txt {line-height: 3.6rem; margin-bottom: 6.5rem;}
#s9 .list li { gap: 6.4rem;}
#s9 .list li:not(:last-child) {margin-bottom: 0.8rem;}
#s9 .list li .icon {position: relative;}
#s9 .list li .icon img {width: 10.8rem;}
#s9 .list li .icon::before {content: ''; position: absolute; right: -6.4rem; top: 50%; transform: translateY(-50%); width: 6.2rem; height: 0.2rem; background: #D9D9D9;}
#s9 .list li .icon::after {content: ''; position: absolute; right: -7.2rem; top: 50%; transform: translateY(-50%); width: 1.6rem; height: 1.7rem; border-radius: 50%; background: #007D66; z-index: 1;}
#s9 .list li .text {width: 45rem; background: #F1F1F1; border-radius: 1.2rem; padding: 2.6rem 0 2.6rem 3.7rem;}
#s9 .list li .text p {line-height: 3.3rem;}

@media screen and (max-width: 880px) {
    #s9 .inner {flex-direction: column; gap: 5.6rem;}
    #s9 .img_area {width: 100%;}
    #s9 .text_area .tit {text-align: center; font-size: 3rem; line-height: 4rem; margin-bottom: 1.6rem;}
    #s9 .text_area .txt {text-align: center; font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 4rem;}
    #s9 .list li {width: 38.1rem; gap: 3.1rem;}
    #s9 .list li:not(:last-child) {margin-bottom: 1rem;}
    #s9 .list li .icon img {width: 9rem;}
    #s9 .list li .icon::before {width: 3.2rem; right: -3.2rem;}
    #s9 .list li .icon::after {width: 2rem; height: 2rem; right: -4.1rem;}
    #s9 .list li .text {padding: 2.8rem 0 2.8rem 3.3rem;}
    #s9 .list li .text p {font-size: 2rem; line-height: 2.9rem;}
}
/* s9 */

/* s10 */
#s10 {padding: 18.7rem 0 20rem 0;}
#s10 .title_area {margin-bottom: 6rem;}
#s10 .title_area .tit {margin: 3.8rem 0 1.2rem 0;}
#s10 .img_area {width: 100%; height: 40.3rem; background-image: url('../img/s10_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 4rem;}
#s10 .img_area p {line-height: 4.6rem;}
#s10 .s_txt {line-height: 4.5rem;}

@media screen and (max-width: 880px) {
    #s10 {padding: 12.1rem 0 8rem 0;}
    #s10 .title_area {margin-bottom: 4rem;}
    #s10 .title_area .tit {margin: 1.6rem 0 1rem 0; font-size: 3rem; line-height: 4rem;}
    #s10 .title_area .tit2 {font-size: 4rem; line-height: 4.6rem;}
    #s10 .img_area {height: 24rem; background-image: url('../img/s10_bg_mo.png');}
    #s10 .img_area p {font-size: 2.3rem; line-height: 3.2rem;}
    #s10 .s_txt {font-size: 2.1rem; line-height: 3.2rem;}
}
/* s10 */

/* s11 */
#s11 {padding: 16.7rem 0 15.1rem 0; background-image: url('../img/s11_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
#s11 .inner {max-width: 149.4rem; width: 100%;}
#s11 .title_area {margin-bottom: 7rem;}
#s11 .title_area p {line-height: 7.5rem;}
#s11 .list {row-gap: 4rem;}
#s11 .list li {gap: 4rem;}
#s11 .list li .text_area {width: 34rem;}
#s11 .list li .tit {line-height: 3.8rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #C9CDD2;}
#s11 .list li .txt {line-height: 3.2rem;}

@media screen and (max-width: 880px) {
    #s11 {padding: 12rem 0 11rem 0; background-image: url('../img/s11_bg_mo.png');}
    #s11 .inner {max-width: 36.8rem;}
    #s11 .title_area {margin-bottom: 5.7rem;}
    #s11 .title_area p {font-size: 3.1rem; line-height: 4.3rem;}
    #s11 .title_area p span {font-size: 3.4rem;}
    #s11 .list {flex-direction: column; gap: 4.5rem;}
    #s11 .list li {gap: 1.8rem; align-items: flex-start;}
    #s11 .list li img {width: 16rem;}
    #s11 .list li .text_area {width: 20rem;}
    #s11 .list li .tit {font-size: 2.5rem; line-height: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
    #s11 .list li .txt {font-size: 1.8rem; line-height: 2.5rem;}
}
/* s11 */

/* s12 */
#s12 {width: 100%; height: 84.2rem; background-image: url('../img/s12_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
#s12 .text_area {width: 95.1rem; padding: 23.6rem 0 0 10.6rem; background: rgba(23,23,23,0.25);}
#s12 .text_area .tit {gap: 2.2rem; margin-bottom: 6.3rem;}
#s12 .text_area .txt {line-height: 6.5rem; margin-bottom: 6rem;}
#s12 .text_area .txt span {z-index: 1;}
#s12 .text_area .txt span::before {content: ''; position: absolute; top: -0.6rem; left: -1.2rem; width: calc(100% + 2.4rem); height: calc(100% + 1.2rem); z-index: -1;}
#s12 .text_area .txt span.type1::before {background: #007D66;}
#s12 .text_area .txt span.type2::before {background: #DCA769;}

@media screen and (max-width: 880px) {
    #s12 {align-items: flex-end; height: 80rem; background-image: url('../img/s12_bg_mo.png');}
    #s12 .text_area {width: 100%; height: 55.6rem; padding: 9.2rem 0 0 3.8rem;}
    #s12 .text_area .tit {flex-direction: column; align-items: flex-start; gap: 1.6rem; margin-bottom: 4.3rem;}
    #s12 .text_area .tit img {width: 4.8rem;}
    #s12 .text_area .tit p {font-size: 3.9rem; line-height: 5.1rem;}
    #s12 .text_area .txt {font-size: 2.5rem; line-height: 3.6rem; margin-bottom: 2.8rem;}
    #s12 .text_area .txt span::before {top: -0.5rem; left: -1rem; width: calc(100% + 2rem); height: calc(100% + 1rem);}
    #s12 .text_area .txt2 {font-size: 1.7rem; line-height: 2.5rem;}
}
/* s12 */