#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; opacity: 1 !important;}
.title .txt_bx {width: 29rem; height: 5.4rem; border: 1px solid #0058B1; margin-bottom: 3.6rem;}
.fix_img {width: 178rem; height: 39.2rem; margin-bottom: 13.2rem; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100%;}
@media screen and (max-width: 880px) {
    .title .txt_bx {width: 21.2rem; height: 4rem; margin-bottom: 1.6rem;}
    .title .txt_bx p {font-size: 1.8rem;}
    .fix_img {width: 38.2rem; height: 28rem; margin-bottom: 7rem; background-attachment: local;}
}

.pop_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; opacity: 0.7; z-index: 99;}
.pop_bg.on {display: block;}

/* visual */
#visual {height: 97.1rem;}
#visual video {width: 100%; height: 100%; object-fit: cover;}
#visual .text_bx {bottom: 16.2rem;}
#visual .text_bx p {text-shadow: 0 0 0.6rem rgba(0,0,0,0.16);}
#visual .text_bx p.txt2 {margin: 2.6rem 0 1.8rem 0;}

@media screen and (max-width: 880px) {
    #visual {height: 93.2rem;}
    #visual .text_bx p.txt {font-size: 1.6rem;}
    #visual .text_bx p.txt2 {font-size: 2rem; margin: 3.4rem 0 2rem 0;}
    #visual .text_bx p.tit {font-size: 4.8rem;}
}
/* visual */

/* s1 */
#s1 {padding: 21.6rem 0 24.1rem 0;}
#s1 .title_bx {margin-right: 13.1rem;}
#s1 .title_bx .tit {line-height: 6.4rem; margin-bottom: 5.8rem;}
#s1 .bg1 {top: 0; left: 0;}
#s1 .bg2 {top: 19.6rem; left: 72.8rem;}
#s1 .bg3 {bottom: 18.4rem; left: -10.2rem;}

@media screen and (max-width: 880px) {
    #s1 {padding: 36.1rem 0 10rem 0;}
    #s1 .inner {width: 100%; padding-left: 2.4rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 18.9rem;}
    #s1 .title_bx {margin-right: 0;}
    #s1 .title_bx .tit {font-size: 3.4rem; line-height: 4.8rem; margin-bottom: 3.6rem;}
    #s1 .title_bx .txt {font-size: 1.8rem; line-height: 2.8rem;}
    #s1 .img_bx {width: 40.6rem;}
    #s1 .bg1 {width: 28rem; top: 0rem; left: 0;}
    #s1 .bg2 {width: 12rem; top: 20rem; left: 24rem;}
    #s1 .bg3 {width: 24.9rem; top: 65.5rem; right: -5.9rem; left: auto; bottom: auto;}
}
/* s1 */

/* s2 */
#s2 {padding: 22.7rem 0 17.2rem 0; background-image: url('../img/s2_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
#s2::before {content: 'Raphael'; position: absolute; top: 12.2rem; right: 17.2rem; color: #DCF4FF; opacity: 0.16; font-size: 10rem; font-weight: 700; font-family: "KoPub", sans-serif; line-height: 17.2rem;}
#s2 .inner {width: 100%; max-width: 150.4rem;}
#s2 .title {line-height: 5.8rem; margin-bottom: 5.4rem;}
#s2 .list {width: 88.6rem; border-top: 1px solid #FFFFFF;}
#s2 .list li {padding: 4.2rem 0; border-bottom: 1px solid #FFFFFF;}
#s2 .list li .flex {width: 37.2rem; flex-shrink: 0; gap: 2.2rem; margin-right: 4.8rem;}
#s2 .list .num {opacity: 0.36;}
#s2 .list .txt {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    #s2 {padding: 13.4rem 0 0 0; height: 107.2rem; background-image: url('../img/s2_bg_mo.png');}
    #s2::before {font-size: 6rem; line-height: 11.3rem; top: 5.2rem; right: 2.4rem;}
    #s2 .inner {justify-content: center;}
    #s2 .title {font-size: 3.2rem; line-height: 4.2rem; margin-bottom: 4.8rem; text-align: center;}
    #s2 .list {width: 38.2rem;}
    #s2 .list li {align-items: flex-start; padding: 2.2rem 0 2.8rem 0; flex-direction: column; gap: 1.3rem;}
    #s2 .list li .flex {width: 100%; gap: 1.2rem; margin-right: 0;}
    #s2 .list li .num {font-size: 2rem; width: 2.5rem;}
    #s2 .list li .tit {font-size: 2.4rem;}
    #s2 .list li .txt {padding-left: 3.8rem; font-size: 1.6rem; line-height: 2.4rem;}
}
/* s2 */

/* s3 */
#s3 {padding: 23rem 0 27.5rem 0;}
#s3 .title {line-height: 7.2rem; margin-bottom: 8.2rem;}
#s3 .list {gap: 1.6rem;}
#s3 .list li a {display: block; width: 21.2rem; height: 35.2rem; border-radius: 4rem; background: #093464; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 13.3rem; transition: all 0.5s;}
#s3 .list li a .tit {margin-bottom: 0.8rem;}
#s3 .list li a .txt {margin-bottom: 8.7rem;}
#s3 .list li a .more {gap: 0.65rem;}
#s3 .list li:first-child a:hover {background-image: url('../img/s3_img1.png');}
#s3 .list li:nth-child(2) a:hover {background-image: url('../img/s3_img2.png');}
#s3 .list li:nth-child(3) a:hover {background-image: url('../img/s3_img3.png');}
#s3 .list li:nth-child(4) a:hover {background-image: url('../img/s3_img4.png');}
#s3 .list li:nth-child(5) a:hover {background-image: url('../img/s3_img5.png');}
#s3 .list li:nth-child(6) a:hover {background-image: url('../img/s3_img6.png');}
#s3 .list li:last-child a:hover {background-image: url('../img/s3_img7.png');}

@media screen and (max-width: 880px) {
    #s3 {padding: 11rem 0 10rem 0;}
    #s3 .title {font-size: 3.8rem; line-height: 4.8rem; margin-bottom: 4.8rem;}
    #s3 .list {flex-direction: column; align-items: center;}
    #s3 .list li a {width: 38.3rem; height: 16.8rem; border-radius: 2.6rem; padding-top: 4.1rem;}
    #s3 .list li a .tit {margin-bottom: 0.4rem;}
    #s3 .list li a .txt {margin-bottom: 1.6rem;}
    #s3 .list li a .more img {width: 1.55rem;}
    #s3 .list li:first-child a, #s3 .list li:first-child a:hover {background-image: url('../img/s3_img1_mo.png');}
    #s3 .list li:nth-child(2) a, #s3 .list li:nth-child(2) a:hover {background-image: url('../img/s3_img2_mo.png');}
    #s3 .list li:nth-child(3) a, #s3 .list li:nth-child(3) a:hover {background-image: url('../img/s3_img3_mo.png');}
    #s3 .list li:nth-child(4) a, #s3 .list li:nth-child(4) a:hover {background-image: url('../img/s3_img4_mo.png');}
    #s3 .list li:nth-child(5) a, #s3 .list li:nth-child(5) a:hover {background-image: url('../img/s3_img5_mo.png');}
    #s3 .list li:nth-child(6) a, #s3 .list li:last-child a:hover {background-image: url('../img/s3_img6_mo.png');}
    #s3 .list li:last-child a, #s3 .list li:last-child a:hover {background-image: url('../img/s3_img7_mo.png');}
}
/* s3 */

/* s4 */
#s4 {padding-left: 17.6rem; padding-bottom: 13.9rem;}
#s4::before {content: ''; position: absolute; top: 32.7rem; right: 20.8rem; width: 16.4rem; height: 16.4rem; background-image: url('../img/s4_bg.png'); background-repeat: no-repeat; background-size: 100%;}
#s4 .inner {margin-bottom: 13.1rem;}
#s4 .inner .text_area {width: calc(100% - 70.4rem);}
#s4 .inner .text_area .info {padding-top: 6.9rem; padding-left: 14rem; margin-bottom: 11.8rem;}
#s4 .inner .text_area .info .name {gap: 1.9rem; margin-bottom: 3.6rem;}
#s4 .inner .text_area .info .list {line-height: 3rem; margin-bottom: 7.6rem;}
#s4 .inner .text_area .info .pop_btn {display: inline-block; padding: 1.3rem 3.3rem; border-radius: 2.6rem; background: #454C53;}
#s4 .inner .title_bx {width: 100%; background: #F6F7F9; padding: 6.7rem 0 6.6rem 9.2rem;}
#s4 .inner .title_bx p {line-height: 3.8rem;}

#s4 .inner2 .title {margin-bottom: 5.1rem; padding-left: 6.4rem;}
#s4 .inner2 .title img {margin-bottom: 3rem;}
#s4 .inner2 .title p {line-height: 4rem;}
#s4 .inner2 .dt_list {gap: 10.3rem;}
#s4 .inner2 .dt_list .name {gap: 1.6rem; margin-bottom: 2.4rem;}
#s4 .inner2 .dt_list .list {line-height: 2.8rem; margin-bottom: 2.9rem;}
#s4 .inner2 .dt_list .pop_btn {display: inline-block; padding: 1.2rem 2.2rem; border-radius: 2.6rem; background: #454C53;}

#s4 .pop_wrap {display: none; width: 128rem; height: 68rem; border-radius: 3rem; box-shadow: 0.2rem 0.2rem 1.5rem rgba(0,0,0,0.1); z-index: 999; overflow: hidden;}
#s4 .pop_wrap.on {display: block;}
#s4 .pop_wrap .pop_close {top: 4.6rem; right: 5.4rem; z-index: 1;}

@media screen and (max-width: 880px) {
    #s4 {padding-left: 0; padding-bottom: 12rem;}
    #s4::before {background-image: url('../img/s4_bg_mo.png'); width: 8.6rem; height: 8.8rem; top: 82.2rem; right: 2.4rem;}
    #s4 .inner {flex-direction: column; gap: 4.6rem; margin-bottom: 10rem;}
    #s4 .inner .text_area {width: 100%;}
    #s4 .inner .text_area .info {padding: 0 0 0 2.4rem; margin-bottom: 5.6rem;}
    #s4 .inner .text_area .info .name {gap: 1.1rem; margin-bottom: 2.2rem;}
    #s4 .inner .text_area .info .list {font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 3rem;}
    #s4 .inner .text_area .info .pop_btn {font-size: 1.6rem; padding: 1rem 2.7rem;}
    #s4 .inner .title_bx {padding: 4.5rem 0 4.5rem 2.4rem;}
    #s4 .inner .title_bx p {font-size: 2rem; line-height: 3rem;}

    #s4 .inner2 {padding-left: 2.4rem;}
    #s4 .inner2 .title {margin-bottom: 2.8rem; padding-left: 0;}
    #s4 .inner2 .title img {width: 3.6rem; margin-bottom: 2.6rem;}
    #s4 .inner2 .title p {font-size: 2rem; line-height: 3rem;}
    #s4 .inner2 .dt_list {flex-direction: column; gap: 4.6rem;}
    #s4 .inner2 .dt_list li {flex-direction: column; align-items: flex-start; gap: 2rem;}
    #s4 .inner2 .dt_list li img {width: 33.8rem;}
    #s4 .inner2 .dt_list li:last-child img {margin-left: 2.2rem;}
    #s4 .inner2 .dt_list .list {font-size: 1.6rem; line-height: 2.6rem;}
    #s4 .inner2 .dt_list .pop_btn {font-size: 1.6rem;}

    #s4 .pop_wrap {width: 36.2rem; height: 70.8rem; max-height: 80vh; overflow-y: auto;}
    #s4 .pop_wrap.pop_2 {height: 58.1rem;}
    #s4 .pop_wrap .pop_close {top: 3rem; right: 3rem;}
    #s4 .pop_wrap .pop_close img {width: 2.8rem;}
    #s4 .pop_wrap .pop_box .text {width: 32.1rem; height: 26.8rem; overflow-y: auto; top: 30.6rem; left: 2.6rem;}
    #s4 .pop_wrap .pop_box .text::-webkit-scrollbar {width: 0.4rem; border-radius: 1rem; background: #EEF0F3;}
    #s4 .pop_wrap .pop_box .text::-webkit-scrollbar-thumb {background-color: #0C9DDE; border-radius: 1rem; background-clip: padding-box;}
    #s4 .pop_wrap .pop_box .text img {width: 30.4rem;}
}
/* s4 */

/* s5 */
#s5 {padding: 17rem 0; background-image: url('../img/s5_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
#s5 .inner {gap: 21.6rem;}
#s5 .top_txt {margin-bottom: 14.9rem; line-height: 4.7rem;}
#s5 .top_txt::before {content: ''; position: absolute; bottom: -11.2rem; left: 50%; transform: translateX(-50%); width: 0.1rem; height: 8.2rem; background: #FFFFFF;}
#s5 .bt_txt .fs40 {margin-bottom: 2.2rem;}
#s5 .bt_txt .fs18 {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    #s5 {padding: 6.8rem 0 13.1rem 0; background-image: url('../img/s5_bg_mo.png');}
    #s5 .inner  {flex-direction: column; gap: 10.1rem;}
    #s5 .top_txt {margin-bottom: 6rem; line-height: 3rem; font-size: 2rem;}
    #s5 .top_txt::before {height: 2.7rem; bottom: -4.5rem;}
    #s5 .bt_txt .fs40 {font-size: 3.2rem; margin-bottom: 2.1rem;}
    #s5 .bt_txt .fs18 {font-size: 1.6rem; line-height: 2.4rem;}
    #s5 img {width: 36rem;}
}
/* s5 */

/* s6 */
#s6 {padding: 24rem 0 38.1rem 0;}
#s6 .title {margin-bottom: 19.4rem;}
#s6 .title .tit {line-height: 7.2rem; margin-bottom: 4rem;}
#s6 .s6_slide .swiper-slide {width: 28.4rem; margin: 0 5rem;}
#s6 .s6_slide .swiper-slide::before {content: ''; position: absolute; top: 0; left: 0; width: 28.4rem; height: 28.4rem; border-radius: 50%; background: #EEF0F3; opacity: 1; transition: all 0.5s;}
#s6 .s6_slide .text_area {width: 100%; height: 46.1rem; top: 50%; transform: translateY(-50%); left: 0; background: rgba(0,0,0,0.6); border-radius: 15.2rem; opacity: 0; transition: all 0.5s;}
#s6 .s6_slide .text_area .tit {margin-bottom: 2rem;}
#s6 .s6_slide .text_area .txt {line-height: 2.8rem;}
#s6 .s6_slide .btn_area {width: 43.6rem; top: 13.7rem; left: 50%; transform: translateX(-50%); z-index: 1;}
#s6 .s6_slide .btn_area .btn {width: 4.6rem; height: 4.6rem;}
#s6 .s6_slide .btn_area .prev {background-image: url('../img/s6_prev.png');}
#s6 .s6_slide .btn_area .next {background-image: url('../img/s6_next.png');}
#s6 .s6_slide .swiper-slide:hover::before {opacity: 0;}
#s6 .s6_slide .swiper-slide:hover .text_area {opacity: 1;}

@media screen and (max-width: 880px) {
    #s6 {padding: 12rem 0 15.3rem 0;}
    #s6 .title {margin-bottom: 4.8rem;}
    #s6 .title .tit {font-size: 3.8rem; line-height: 4.8rem; margin-bottom: 3rem;}
    #s6 .title .txt {font-size: 1.8rem; line-height: 2.8rem;}
    #s6 .s6_slide .swiper-slide {margin: 0 3.65rem;}
    #s6 .s6_slide .swiper-slide::before {display: none;}
    #s6 .s6_slide .swiper-slide img {width: 100%;}
    #s6 .s6_slide .btn_area {width: 38.2rem; top: 21.8rem;}
    #s6 .s6_slide .btn_area .btn {width: 1.4rem; height: 2.4rem;}
    #s6 .s6_slide .btn_area .prev {background-image: url('../img/s6_prev_mo.png');}
    #s6 .s6_slide .btn_area .next {background-image: url('../img/s6_next_mo.png');}
}
/* s6 */

/* s7 */
#s7 .title {margin-bottom: 6.2rem;}
#s7 .title .txt {letter-spacing: 0.5rem; margin-bottom: 3rem;}
#s7 .title .tit {line-height: 7.2rem;}
#s7 .page {width: 150.3rem; margin-bottom: 6rem;}
#s7 .page span {width: 20.5rem; height: 5.8rem; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; font-weight: 400; color: #C9CDD2; border-radius: 2.9rem; border: 1px solid #C9CDD2; background: #fff; opacity: 1;}
#s7 .page .swiper-pagination-bullet-active {color: #fff; font-weight: 700; background: #093464; border-color: #093464;}

@media screen and (max-width: 880px) {
    #s7 .title {margin-bottom: 4rem;}
    #s7 .title .txt {font-size: 1.4rem; letter-spacing: 0.4rem; margin-bottom: 1.6rem;}
    #s7 .title .tit {font-size: 3.8rem; line-height: 4.8rem;}
    #s7 .page {width: 38.2rem; justify-content: center; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 4.7rem;}
    #s7 .page span {width: 12.2rem; height: 3.4rem; font-size: 1.4rem;}
    #s7 .swiper-slide img {width: 100%;}
}
/* s7 */

/* s7_2 */
#s7_2 {padding: 22rem 0 23.4rem 0;}
#s7_2 .title {margin-bottom: 5.4rem;}
#s7_2 .title .tit {margin-bottom: 3.6rem;}
#s7_2 .title .txt2 {line-height: 3rem;}
#s7_2 .fix_img {background-image: url('../img/s7_2_bg.png'); margin-bottom: 12.6rem;}
#s7_2 .list {gap: 2.4rem;}
#s7_2 .list li {width: 42rem; height: 47.6rem; border-radius: 2rem; background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
#s7_2 .list li .text_bx {padding: 3.8rem 0 0 0;}
#s7_2 .list li .tit {margin-bottom: 2.7rem;}
#s7_2 .list li .txt {line-height: 2.6rem;}

@media screen and (max-width: 880px) {
    #s7_2 {padding: 12rem 0 12.4rem 0;}
    #s7_2 .title {margin-bottom: 4.2rem;}
    #s7_2 .title .tit {font-size: 4.8rem; line-height: 6.2rem; margin-bottom: 1.7rem;}
    #s7_2 .title .txt {font-size: 1.6rem; line-height: 2.4rem;}
    #s7_2 .fix_img {background-image: url('../img/s7_2_bg_mo.png'); margin-bottom: 4.8rem;}
    #s7_2 .list {flex-direction: column; align-items: center; gap: 4rem;}
    #s7_2 .list li {width: 38.2rem; height: 44rem;}
    #s7_2 .list li img {width: 100%;}
    #s7_2 .list li .tit {font-size: 2.4rem; margin-bottom: 2rem;}
}
/* s9 */
/* s7_2 */

/* s8 */
#s8 {padding: 18.2rem 0 23.5rem 0;}
#s8::before {content: ''; position: absolute; bottom: 0; left: 0; background-image: url('../img/s8_bg2.png'); background-repeat: no-repeat; background-size: cover; width: 192rem; height: 176.6rem;}
#s8 .title {margin-bottom: 5.4rem;}
#s8 .title .tit {line-height: 7.2rem; margin-bottom: 3.6rem;}
#s8 .title .txt2 {line-height: 3rem;}
#s8 .fix_img {background-image: url('../img/s8_bg.png');}
#s8 .cont_bx {padding: 0 24rem 0 33.8rem;}
#s8 .cont_bx .left_cont img {margin-bottom: 2.6rem;}
#s8 .cont_bx .left_cont .tit {line-height: 6.2rem; margin-bottom: 4.4rem;}
#s8 .cont_bx .left_cont .txt {line-height: 2.8rem;}
#s8 .cont_bx .list {width: 72rem;}
#s8 .cont_bx .list li {width: 50%; padding: 2.7rem 0 4.4rem 0;}
#s8 .cont_bx .list li:first-child, #s8 .cont_bx .list li:nth-child(2) {border-bottom: 1px solid #C9CDD2;}
#s8 .cont_bx .list li:first-child, #s8 .cont_bx .list li:nth-child(3) {border-right: 1px solid #C9CDD2;}
#s8 .cont_bx .list li .num {margin-bottom: 2.4rem;}
#s8 .cont_bx .list li .txt {line-height: 3.4rem;}

@media screen and (max-width: 880px) {
    #s8 {padding: 10rem 0 8.6rem 0; background: #EEF0F3;}
    #s8::before {background-image: url('../img/s8_bg2_mo.png'); width: 43rem; height: 172.8rem;}
    #s8 .title {margin-bottom: 4.2rem;}
    #s8 .title .tit {font-size: 4.8rem; line-height: 6.2rem; margin-bottom: 3rem;}
    #s8 .title .txt2 {font-size: 1.8rem; line-height: 2.8rem;}
    #s8 .fix_img {width: 43rem; height: 39.2rem; background-image: url('../img/s8_bg_mo.png'); margin-bottom: 7.6rem;}
    #s8 .cont_bx {padding: 0 2.4rem; flex-direction: column; gap: 4rem;}
    #s8 .cont_bx .left_cont {text-align: center;}
    #s8 .cont_bx .left_cont img {margin: 0 auto 1.6rem auto; width: 5.6rem;}
    #s8 .cont_bx .left_cont .tit {font-size: 3.4rem; line-height: 4.8rem; margin-bottom: 3.2rem;}
    #s8 .cont_bx .left_cont .txt {font-size: 1.6rem; line-height: 2.6rem;}
    #s8 .cont_bx .list {width: 38.2rem;}
    #s8 .cont_bx .list li {padding: 3.2rem 0;}
    #s8 .cont_bx .list .num {font-size: 2rem; margin-bottom: 1.6rem;}
    #s8 .cont_bx .list .txt {font-size: 2rem; line-height: 3rem;}
}
/* s8 */

/* s9 */
#s9 {padding: 20.6rem 0 14.4rem 0; overflow: hidden;}
#s9 .title {margin-bottom: 5.4rem;}
#s9 .title .tit {margin-bottom: 3.6rem;}
#s9 .title .txt2 {line-height: 3rem;}
#s9 .fix_img {background-image: url('../img/s9_bg.png'); margin-bottom: 12.6rem;}
#s9 .list {gap: 2.4rem;}
#s9 .list li {width: 42rem; height: 49.7rem; border-radius: 2rem; background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);}
#s9 .list li .text_bx {padding: 3.8rem 0 0 0;}
#s9 .list li .tit {margin-bottom: 2.7rem;}
#s9 .list li .txt {line-height: 2.6rem;}

@media screen and (max-width: 880px) {
    #s9 {padding: 10rem 0 11rem 0;}
    #s9 .title {margin-bottom: 6.2rem;}
    #s9 .title .tit {font-size: 4.8rem; line-height: 6.2rem; margin-bottom: 1.7rem;}
    #s9 .title .txt {font-size: 1.6rem; line-height: 2.4rem;}
    #s9 .fix_img {background-image: url('../img/s9_bg_mo.png'); margin-bottom: 5rem;}
    #s9 .list {flex-direction: column; align-items: center; gap: 4rem;}
    #s9 .list li {width: 38.2rem; height: 48.6rem;}
    #s9 .list li img {width: 100%;}
    #s9 .list li .tit {font-size: 2.4rem; margin-bottom: 2rem;}
}
/* s9 */

/* s9_2 */
#s9_2 {padding: 12.4rem 0 22.8rem 0; background: #F6F7F9; overflow: hidden;}
#s9_2 .title {margin-bottom: 5.4rem;}
#s9_2 .title .tit {margin-bottom: 3.6rem;}
#s9_2 .title .txt2 {line-height: 3rem;}
#s9_2 .fix_img {background-image: url('../img/s9_2_bg.png'); margin-bottom: 12.6rem;}
#s9_2 .list {gap: 2.4rem;}
#s9_2 .list li {width: 42rem; height: 49.7rem; border-radius: 2rem; background: #fff; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);}
#s9_2 .list li .text_bx {padding: 3.8rem 0 0 0;}
#s9_2 .list li .tit {margin-bottom: 2.7rem;}
#s9_2 .list li .txt {line-height: 2.6rem;}

@media screen and (max-width: 880px) {
    #s9_2 {padding: 10rem 0;}
    #s9_2 .title {margin-bottom: 6.2rem;}
    #s9_2 .title .tit {font-size: 4.8rem; line-height: 6.2rem; margin-bottom: 1.7rem;}
    #s9_2 .title .txt {font-size: 1.6rem; line-height: 2.4rem;}
    #s9_2 .fix_img {background-image: url('../img/s9_2_bg_mo.png'); margin-bottom: 5rem;}
    #s9_2 .list {flex-direction: column; align-items: center; gap: 4rem;}
    #s9_2 .list li {width: 38.2rem; height: 48.6rem;}
    #s9_2 .list li img {width: 100%;}
    #s9_2 .list li .tit {font-size: 2.4rem; margin-bottom: 2rem;}
}
/* s9_2 */

/* s10 */
#s10 {padding: 20.2rem 0 23.6rem 0;}
#s10 .title {margin-bottom: 6.4rem;}
#s10 .img_area {width: 150.4rem; height: 62.6rem; background-image: url('../img/s10_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 4rem; overflow: hidden;}
#s10 .img_area .text_bx {width: 74rem; height: 100%; padding-left: 8.8rem; background: rgba(9,52,100,0.88);}
#s10 .img_area .tit {line-height: 3.6rem; margin-bottom: 4rem;}
#s10 .img_area .txt {line-height: 2.8rem;}

@media screen and (max-width: 880px) {
    #s10 {padding: 10.2rem 0 12rem 0;}
    #s10 .title {margin-bottom: 4.8rem;}
    #s10 .title .tit {font-size: 4.8rem;}
    #s10 .img_area {width: 38.2rem; height: 85.6rem; background-image: url('../img/s10_bg_mo.png');}
    #s10 .img_area .text_bx {justify-content: flex-start; width: 38.2rem; height: 54.6rem; padding: 7.4rem 0 0 0; text-align: center;}
    #s10 .img_area .tit {font-size: 2rem; line-height: 3rem; margin-bottom: 3.2rem;}
    #s10 .img_area .txt {font-size: 1.4rem; line-height: 2.4rem;}
}
/* s10 */

/* s11 */
#s11 {margin-left: 36.2rem; padding-bottom: 24.3rem; overflow: hidden;}
#s11 .title {margin-bottom: 6.6rem; width: 131.8rem;}
#s11 .title p {line-height: 7.2rem;}
#s11 .s11_slide .swiper-slide {width: 54.8rem !important; margin-right: 1.6rem;}
#s11 .s11_slide .swiper-slide img {width: 100%;}
#s11 .btn_area {width: 15.5rem;}
#s11 .btn_area .btn {width: 6.6rem; height: 6.6rem; border-radius: 50%; box-shadow: 0 0 0.6rem rgba(0,0,0,0.16);}
#s11 .btn_area .prev {background-image: url('../img/s11_prev.png');}
#s11 .btn_area .next {background-image: url('../img/s11_next.png');}

@media screen and (max-width: 880px) {
    #s11 {margin-left: 0; padding-bottom: 8.9rem;}
    #s11 .title {width: 100%; margin-bottom: 4.8rem; text-align: center;}
    #s11 .title p {width: 100%; font-size: 4.2rem; line-height: 5.8rem;}
    #s11 .s11_slide .swiper-slide {width: 32rem !important; margin: 0 3rem;}
    #s11 .btn_area {position: absolute; width: 100%;}
    #s11 .btn_area .btn {position: absolute; top: 26.8rem; width: 1.1rem; height: 2.5rem; border-radius: 0; box-shadow: none;}
    #s11 .btn_area .prev {background-image: url('../img/s11_prev_mo.png'); left: 2.4rem;}
    #s11 .btn_area .next {background-image: url('../img/s11_next_mo.png'); right: 2.4rem;}
}
/* s11 */

/* s12 */
#s12 {height: 66.2rem; background-image: url('../img/s12_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
#s12 .text_bx {width: 100rem; padding: 5.7rem 0 5.3rem 0; background: rgba(51,56,60,0.53); border-radius: 1.1rem;}
#s12 .text_bx img {margin: 3.1rem auto 2.4rem auto;}
#s12 .text_bx .txt {margin-bottom: 1.4rem;}

@media screen and (max-width: 880px) {
    #s12 {height: 60rem; background-image: url('../img/s12_bg_mo.png');}
    #s12 .text_bx {width: 38.2rem; padding: 7rem 0;}
    #s12 .text_bx .tit {font-size: 3.2rem; line-height: 4.2rem;}
    #s12 .text_bx img {width: 1.6rem; margin: 2.8rem auto;}
    #s12 .text_bx .txt {font-size: 2.4rem; margin-bottom: 1.6rem;}
    #s12 .text_bx .txt2 {font-size: 1.8rem;}
}
/* s12 */