@charset "UTF-8";

.divline { width: 70px; height: 1px; margin: 2rem auto; background-color: #000; }
.content_img { display: block; max-width: 100%; margin: auto; }

#main .font-32,
#main .font-24,
#main .font-22 {letter-spacing:  -0.05em !important;}

#main .font-16 {letter-spacing: -0.08em !important;}

#main section.section {font-family: var(--mainfont) !important; letter-spacing:  -0.05em !important;}

/* Main Slide */
#main_slide { height: 700px; }
.main_slide .swiper-pagination {bottom: 5%;}
.main_slide .swiper-pagination .swiper-pagination-bullet {
    background-color: #999; opacity: 1;
}
.main_slide .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--pointcolor);
}

/* @media(min-width:991px) {
    .main_slide {height: 70vh;}
    .main_slide .bg {background-size: cover; transform: scale(1); height: 100%; width: 100%; background-repeat: no-repeat;
    background-size: cover; background-position: center; backface-visibility: hidden; will-change: transform; transition: transform 1400ms ease;}
    .main_slide .bg.bg1 {background: url("/img/250822.jpg") 60%;}
    .main_slide .bg.bg2 {background: url("/img/wegoby250829.jpg") 60%;}
    .main_slide .bg.bg3 {background: url("/img/2.jpg") 60%;}
    .main_slide .bg.bg4 {background: url("/img/3.jpg") 60%;}
    .main_slide .bg.bg5 {background: url("/img/04.jpg") 60%;}
    .main_slide .bg.bg6 {background: url("/img/5.jpg") 60%;}
    .main_slide .bg.bg7 {background: url("/img/6.jpg") 60%;}
} */


/* Sub */
#programs .programs, #selfie .selfie_slide, #inbody .inbody_slide, #withStar .star_slide
{ margin-top: 4rem; }

/* Swiper */
.swiper ~ .swiper-button-prev, .swiper ~ .swiper-button-next
{ width: 60px; height: 60px; color: #858585; top: 60%; transform: translateY(-60%); }
.swiper ~ .swiper-button-prev { left: -60px }
.swiper ~ .swiper-button-next { right: -60px; }
.swiper ~ .swiper-pagination { top: 100%; margin-top: 4rem; background-color: #d6d6d6; }
.swiper ~ .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #6b6b6b; }
@media (max-width:1350px){
    .swiper ~ .swiper-button-prev,
    .swiper ~ .swiper-button-next,
    .swiper ~ .swiper-button-prev svg,
    .swiper ~ .swiper-button-next svg {
        width: 24px; height: 24px;
    }
    .swiper ~ .swiper-button-prev { left: -24px; }
    .swiper ~ .swiper-button-next { right: -24px; }
}

/* Programs */
#programs .programs { margin-top: 3rem; }
#programs .programs .swiper-img { position: relative; overflow: hidden; }
#programs .programs .swiper-img img { transition: .4s; }
#programs .programs .swiper-img:hover img { transform: scale(1.1); }
#programs .programs .swiper-img .swiper-badge { position: absolute; top: .75rem; left: .75rem; padding: .3rem .9rem; background-color: var(--pointcolor); color: #fff; border-radius: .25rem; }
#programs .programs .swiper-desc { margin-top: 1.5rem; }
#programs .programs .swiper-desc p { margin-top: 1rem; }
@media (max-width:1350px){
    #programs .programs .swiper-img .swiper-badge { font-size: 1rem; }
}

/* customizedPlan */
#customizedPlan .planBox { margin-top: 4rem; display: flex; justify-content: space-between; }
#customizedPlan .planBox > * { width: 31%; }
#customizedPlan ul.increase { counter-reset: planList; }
#customizedPlan ul.increase li { position: relative; margin-bottom: 2rem; padding-left: 2rem; line-height: 1.4; }
#customizedPlan ul.increase li:last-child { margin-bottom: 0; }
#customizedPlan ul.increase li::before { position: absolute; counter-increment: planList; content: counter(planList, decimal-leading-zero)"."; color: var(--pointcolor); font-weight: 600; left: 0; top: 0; }
#customizedPlan .avg { margin-top: 1.5rem; padding: 2.5rem 0 1.5rem; background-color: #f0ede8; border-radius: 2rem; }
#customizedPlan .avg p { color: #938d82; margin-top: .5rem; }
#customizedPlan .target_arrow { position: relative; width: fit-content; margin-top: 4rem; }
#customizedPlan .target_arrow p { position: absolute; left: 50%; bottom: 30%; transform: translateX(-50%); }
#customizedPlan .csPlan_slide { margin-top: 4rem; }
#customizedPlan .csPlan_slide .swiper-wrapper { transition-timing-function: linear !important; }
@media (max-width:990px){
    #customizedPlan ul.increase li { font-size: 1.25rem; }
    #customizedPlan .planBox { flex-wrap: wrap; }
    #customizedPlan .planBox .leftside, #customizedPlan .planBox .centerside { width: 48.5%; }
    #customizedPlan .planBox .rightside { width: 100%; margin-top: 5rem; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    #customizedPlan .planBox .rightside h4 { width: 100%; }
    #customizedPlan .planBox .rightside img { width: 55%; }
    #customizedPlan .planBox .rightside .avg { width: 37.5%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 0; padding: 6rem 0; }
    #customizedPlan .planBox .rightside .avg h6 { font-size: 3rem; }
    #customizedPlan .target_arrow { width: 100%; }

}

@media(max-width:500px) {
    #customizedPlan .planBox .rightside .avg h6 {font-size: 2rem;}
}

/* Formula */
#formula { background-color: #f9f9f9; }
#formula .imgBox { margin: 4rem 0; }
#formula .imgBox img { width: 25%; border-right: 2px solid #f9f9f9; }
@media (max-width:990px){
    #formula .imgBox { flex-wrap: wrap; }
    #formula .imgBox img { width: 50%; }

    #formula .font-20 {font-size: 1.500rem;}
}

/* Interior */
#interior .flexList { --x-gap: .75rem; --y-gap: .75rem; }
@media (max-width:990px){
    #interior .flexList { --x-gap: .0125rem; --y-gap: .0125rem; }
}

/* Contact */
/* #contact { z-index: -1; } */
#contact .font-32,
#contact .font-22 {letter-spacing:  -0.05em !important;}

#contact .font-18,
#contact .font-16 {letter-spacing: -0.08em !important;}

#contact {font-family: var(--mainfont) !important; letter-spacing:  -0.05em !important;}
#contact p,
#contact span,
#contact a {color: #4c4c4c;}

#contact .section-left_mini { padding-right: 5%; gap: 1.5rem;}
#contact .leftside { width: 30%; }
#contact .rightside { width: calc(70% - 1.5rem); }
#contact #mapsection { width: 100%; height: 450px; }
#contact .justify { position: relative; text-align: justify; width: 5.5rem; }
#contact .justify::after { position: absolute; top: 0; left: 0; display: inline-block; content: ''; width: 100%; }
#contact .parking { display: inline-block; background-color: #f0ede8; padding: .75rem 1rem; }  

@media(max-width:1440px) {
    #contact .leftside {width: 35%;}
    #contact .rightside {width: calc(65% - 1.5rem);}
}

@media(max-width:1240px) {
    #contact .leftside {width: 50%;}
    #contact .rightside {width: calc(50% - 1.5rem);}
}

@media (max-width:990px){
    #contact .leftside, #contact .rightside { width: 100%; }
    #contact .rightside { margin-top: 4rem; }
    #contact #mapsection { height: 300px; }

    #contact .justify {width: 7.5rem;}

    #contact .font-22 {font-size: 1.700rem;}
    #contact .font-18 {font-size: 1.375rem;}
    #contact .font-16 {font-size: 1.25rem;}
}

@media(max-width:768px) {
    .font-32 {font-size: 2.5rem;}
}

@media(max-width:768px) {
    #withStar .star_slide .font-24 {font-size: 1.125rem;}
    #withStar .star_slide .font-18 {font-size: 1rem;}

}