#fullpage {}
#fullpage .section .inner {height: 100vh; overflow: hidden;}

.down_icon {animation: down 0.7s infinite alternate; bottom: 5.6rem; z-index: 1;}

@keyframes down {
    0% {bottom: 5.6rem;}
    100% {bottom: 4.6rem}
}

@media all and (max-width: 800px){
    .down_icon {max-width: 2rem; animation: down 0.7s infinite alternate; bottom: 5.6rem;}
    .down_icon img {display: block; width: 100%}


    @keyframes down {
        0% {bottom: 12.6rem;}
        100% {bottom: 11.6rem}
    }
}

/* 240715 new */
/** s1_1 **/
.s1_1 {background: url('../img/main/s1_1_bg.jpg'); background-size: cover; background-position: center;}
.s1_1 .img_box{
    width: 78.35%;
    top: 35%;
    gap: 64px;
}
.s1_1 .img_box img{
    width: 100%;
}
.s1_1 .img_box .img1{
    max-width: 754px;
}

/* .s1 .txt_area {}
.s1 .txt_area img {}
.s1 .txt_area .tit {}
.s1 .txt_area .wrt {margin-bottom: 3.2rem;}
.s1 .txt_area .lst {gap: 2.4rem;}
.s1 .txt_area .lst li {padding: 1rem 3.4rem; border: 1px solid #fff; border-radius: 60px;}
.s1 .txt_area2 {width: 73%}
.s1 .txt_area2 .subt {}
.s1 .txt_area2 .tit {padding: 1.8rem 0 3.7rem; line-height: 6.6rem}
.s1 .txt_area2 .wrt {margin-bottom: 7rem; line-height: 3.4rem}
.s1 .txt_area2 img {} */


@media all and (max-width: 800px){
    .s1_1 {background-image: url('../img/main/s1_1_bg_mo.jpg');}
    .s1_1 .img_box{
        width: 73.5%;
        top: 31%;
    }
    .s1_1 .img_box .img3{
        max-width: 356px;
    }
    /* .s1 .txt_area {padding-bottom: 5rem;}
    .s1 .txt_area img {max-width: 11rem;}
    .s1 .txt_area .tit {font-size: 5.6rem; line-height: 6.4rem;}
    .s1 .txt_area .wrt {color: #FFEFF0; font-size: 1.6rem;}
    .s1 .txt_area .lst {flex-direction: column; gap: 0.8rem}
    .s1 .txt_area .lst li {}
    .s1 .txt_area2 {width: 80%}
    .s1 .txt_area2 .subt {font-weight: 700; font-size: 2rem;}
    .s1 .txt_area2 .tit {font-size: 3.2rem; line-height: 4.4rem;}
    .s1 .txt_area2 .wrt {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 9rem;}
    .s1 .txt_area2 img {} */
}

/** s1_2 **/
.s1_2 {background: url('../img/main/s1_2_bg.jpg'); background-size: cover; background-position: center;}
.s1_2 .img_box{
    width: 47.4%;
    top: 0%;
    left: 10%;
}
.s1_2 .img_box img{
    width: 100%;
}
@media all and (max-width: 840px){
    .s1_2 {
        background-image: url('../img/main/s1_2_bg_mo.jpg');
        background-position: bottom;
    }
    .s1_2 .img_box{
        width: 73.6%;
        top: 13%;
        left: 50%;
        transform: translateX(-50%);
    }
    .s1_2 .img_box .mo_view{
        max-width: 356px;
    }
}
@media all and (max-width: 450px){
    .s1_2 {
        background-position: center;
    }
}

/** s1_2_2 **/
.s1_2_2 {background: url('../img/main/s1_2_2_bg.jpg'); background-size: cover; background-position: center;}
.s1_2_2 .img_box{
    width: 47.4%;
    top: 0%;
    left: 10%;
}
.s1_2_2 .img_box img{
    width: 100%;
}
@media all and (max-width: 840px){
    .s1_2_2 {
        background-image: url('../img/main/s1_2_2_bg_mo.jpg');
        background-position: bottom;
    }
    .s1_2_2 .img_box{
        width: 73.6%;
        top: 13%;
        left: 50%;
        transform: translateX(-50%);
    }
    .s1_2_2 .img_box .mo_view{
        max-width: 356px;
    }
}
@media all and (max-width: 450px){
    .s1_2_2 {
        background-position: center;
    }
}



/** s1_3 **/
.s1_3 {background: url('../img/main/s1_3_bg.jpg'); background-size: cover; background-position: center;}
.s1_3 .img_box{
    width: 37.5%;
    left: 10%;
}
.s1_3 .img_box img{
    width: 100%;
}
@media all and (max-width: 840px){
    .s1_3 {
        background-image: url('../img/main/s1_3_bg_mo.jpg');
        background-position: bottom;
    }
    .s1_3 .img_box{
        width: 72.5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .s1_3 .img_box .mo_view{
        max-width: 356px;
    }
}
@media all and (max-width: 450px){
    .s1_3 {
        background-position: center;
    }
}

/** s1_4 **/
/* .s1_4 {background: url('../img/main/s1_4_bg.jpg'); background-size: cover; background-position: center;} */
.s1_4 .img_box{
    width: 70.1%;
}
.s1_4 .img_box img{
    width: 100%;
}
@media all and (max-width: 840px){
    .s1_4 {
        background-image: url('../img/main/s1_4_bg_mo.jpg');
        background-size: cover;
        background-position: bottom;
    }
    .s1_4 .img_box{
        width: 60%;
    }
    .s1_4 .img_box .mo_view{
        max-width: 356px;
    }
}
@media all and (max-width: 450px){
    .s1_4 {
        background-position: center;
    }
}

/** s1_5 **/
.s1_5 {background: url('../img/main/s1_5_bg.jpg'); background-size: cover; background-position: center;}
.s1_5 .img_box{
    width: 43.44%;
}
.s1_5 .img_box img{
    width: 100%;
}
@media all and (max-width: 840px){
    .s1_5 {
        background-image: url('../img/main/s1_5_bg_mo.jpg');
        background-position: bottom;
    }
    .s1_5 .img_box{
        width: 65.1%;
    }
    .s1_5 .img_box .mo_view{
        max-width: 356px;
    }
}
@media all and (max-width: 450px){
    .s1_5 {
        background-position: center;
    }
}

/** s2 **/
.s2 {}
.s2 .inner {background: url('../img/main/s2_img1_pc.jpg') no-repeat center/cover;}
.s2 .content {width: 84%;}
.s2 .img_box1 {gap: 7rem;}
.s2 .img_box2 {gap: 2.8rem;}
.s2 .wrt {padding: 5.4rem 0 4.9rem}
.s2 .link {border-bottom: 1px solid #000;}

@media all and (max-width: 800px){
    .s2 {}
    .s2 .inner {}
    .s2 .content {}
    .s2 .img_box1 {gap: 0; text-align: center; flex-direction: column;}
    .s2 .img_box2 {gap: 0; text-align: center; flex-direction: column-reverse;}
    .s2 .img_box1 .tit {font-size: 4.8rem;}
    .s2 .img_box2 .tit {font-size: 4.8rem; line-height: 5.4rem;}
    .s2 .wrt {font-size: 1.6rem; padding: 2.4rem 0}
    .s2 .link {font-size: 1.4rem;}
}


/** s3 **/
.s3 {background: url('../img/main/s3_img_pc.jpg'); background-size: cover; background-position: center;}
.s3 .txt {}
.s3 .txt .tit {}
.s3 .txt .wrt {padding: 1.6rem 0 5.6rem;}
.s3 .txt .link {border-bottom: 1px solid #fff;}


@media all and (max-width: 800px){
    .s3 {background: url('../img/main/s3_img_mo.jpg'); background-size: cover; background-position: center;}
    .s3 .txt {}
    .s3 .txt .tit {font-size: 5.6rem;}
    .s3 .txt .wrt {font-size: 1.6rem; padding: 1.6rem 0}
    .s3 .txt .link {font-size: 1.4rem;}
}


/** s4 **/
.s4 {background: url('../img/main/s4_img_pc.jpg'); background-size: cover; background-position: center;}
.s4 .bg_box {margin-top: auto; background: #F5F2F1; height: 32rem;}
.s4 .slide_area {width: 100%; max-width: 135.2rem;}
.s4 .slide_area .txt {margin-bottom: 2.4rem;}
.s4 .slide_area .txt .subt {letter-spacing: 2.56px;}
.s4 .slide_area .txt .tit {}
.s4 .slide_area .s4_swiper {overflow: hidden;}
.s4 .slide_area .slide_inner {}
.s4 .slide_area .slide_inner img.on {opacity: 0; transition: 0.2s}
.s4 .slide_area .slide_inner:hover img.on {opacity: 1}
.s4 .slide_area .slide_inner .txt {width: 100%;}
.s4 .slide_area .slide_inner .txt .tit {padding-bottom: 1.6rem}
.s4 .slide_area .slide_inner:hover .txt {color: #fff;}
.s4 .slide_area .s4_swiper .swiper-button-prev,
.s4 .slide_area .s4_swiper .swiper-button-next {opacity: 0; color: #fff}

@media all and (max-width: 800px){
    .s4 {background: url('../img/main/s4_img_mo.jpg'); background-size: cover; background-position: center;}
    .s4 .slide_area {width: 82%}
    .s4 .slide_area .txt .subt {font-size: 1.4rem; letter-spacing: 1px;}
    .s4 .slide_area .txt .tit {font-size: 2rem}
    .s4 .slide_area .slide_inner {height: 50rem}
    .s4 .slide_area .slide_inner img.on {opacity: 1;}
    .s4 .slide_area .slide_inner .txt {color: #fff}
    .s4 .slide_area .slide_inner .txt .tit {font-size: 3.6rem;}
    .s4 .slide_area .slide_inner .txt .subt {font-size: 2rem}
    .s4 .slide_area .slide_inner .txt .prg {font-size: 1.6rem}
    .s4 .slide_area .s4_swiper .swiper-button-prev,
    .s4 .slide_area .s4_swiper .swiper-button-next {opacity: 1;}
    .s4 .slide_area .s4_swiper .swiper-button-prev:after,
    .s4 .slide_area .s4_swiper .swiper-button-next:after {font-size: 2.3rem;}

    .s4 .down_icon {display: none;}
}


/** s5 **/
.s5 {}
.s5 .bg_box {margin-top: auto; background: #F6F7F9; height: 32rem;}
.s5 .img_area {width: 100%; max-width: 135.8rem;}
.s5 .img_area .txt {margin-bottom: 2.2rem;}
.s5 .img_area .img_box {gap: 2.9rem}
.s5 .img_area .img_box .main_img {min-width: 87.7rem;}
.s5 .img_area .img_box .scroll_img {padding-right: 2.2rem; height: 54.8rem; overflow: auto;}
.s5 .img_area .img_box .scroll_inner {gap: 1.6rem; height: 167.6rem;}
.s5 .img_area .img_box .scroll_inner img {cursor: pointer;}

.scroll_img::-webkit-scrollbar {width: 4px;}
.scroll_img::-webkit-scrollbar-thumb {background-color: #E97B84; border-radius: 10px; background-clip: padding-box;}
.scroll_img::-webkit-scrollbar-track {background-color: #D0D2D5;}

@media all and (max-width: 800px){
    .s5 .img_area {width: 82%; margin: 0 auto}
    .s5 .img_area .txt {font-size: 2rem;}

    .s5 .img_area .mo_img_box {min-height: 60vh; gap: 0.8rem}
    .s5 .img_area .mo_img_box .top_img {height: 28vh;}
    .s5 .img_area .mo_img_box .top_img img {height: 28vh; object-fit: cover;}
    .s5 .img_area .mo_img_box .bot_img {height: calc(32vh - 0.8rem); gap: 0.8rem;}
    .s5 .img_area .mo_img_box .bot_img > div {width: calc((100% - 0.8rem) / 2);}
    .s5 .img_area .mo_img_box .left_img {height: 100%}
    .s5 .img_area .mo_img_box .left_img img {height: 100%; object-fit: cover;}
    .s5 .img_area .mo_img_box .right_img {gap: 0.8rem;}
    .s5 .img_area .mo_img_box .right_img .img {height: 100%;}
    .s5 .img_area .mo_img_box .right_img .img img {height: 100%; object-fit: cover;}
}

.s8 {background: #F5F2F1;}
.s8 .s8_inner {width: 83.5%; margin: 0 auto;}
.s8 .info_area {gap: 4.7rem; flex-direction: column;}
.s8 .loca .title {gap: 0.8rem;}
.s8 .loca .address {padding: 0.4rem 0 2rem;}
.s8 .loca .btn_box a {color: #fff; padding: 1.2rem 0}
.s8 .loca .btn_box a + a {margin-top: 0.8rem;}
.s8 .loca .call {margin-top: 3.2rem; justify-content: flex-start; gap: 1rem}
.s8 .time .title {gap: 0.8rem;}
.s8 .time .table li {padding-top: 0.8rem}
.s8 .time .table .detail_day {min-width: 8rem; margin-right: 2.2rem; }
.s8 .time .table .detail_day i {font-style: normal;}

@media all and (max-width: 800px){
    #consult .content .info_area {display: none}
}