@charset "utf-8";

* {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif;
    letter-spacing: -0.07em;
}

/* 기본 폰트 및 색상 설정 */
:root {
    --subFont: "Elice DX Neolli", sans-serif;
    --mainWidth: 19;
    --color-black: #00081a;
    --color-darkBlue: #00173e;
    --color-blue: #002b6c;
    --color-orange: #ff6335;
    --color-primary: #a6ceff;
}
.pc {
    display: block;
}
.mobile {
    display: none;
}
@media screen and (max-width:1100px){
    :root {
        --mainWidth: 11;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
    .mbr{
        display: block;
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(80vw/var(--mainWidth));
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(45vw/var(--mainWidth)) calc(66vw/var(--mainWidth));
    background-color: var(--color-darkBlue);
}
@media screen and (max-width:1100px){
    #header {
        height: calc(150vw/var(--mainWidth));
        padding: calc(40vw/var(--mainWidth)) calc(60vw/var(--mainWidth));
        background: #fff !important;
        justify-content: center;
        border-bottom: 1px solid #d8d8d8;
    }
}
/* 상단베너 */
.upper-banner {
    width: calc(210vw/var(--mainWidth));
    height: auto;
    z-index: 1000;
}
.upper-banner img {
    width: 100%;
}

@media screen and (max-width:1100px){
    .upper-banner {
        width: calc(320vw/var(--mainWidth));
    }
}

/* 사이드메뉴 (햄버거 버튼) */
.side-menu-btn {
    width: calc(50vw/var(--mainWidth));
    height: calc(50vw/var(--mainWidth));
    cursor: pointer;
    z-index: 1000;
}
.side-menu-btn:hover p svg {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}
.side-menu-btn p {
    width: 100%;
    height: 100%;
}
.side-menu-btn p svg {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
    fill: #ffffff; /* 메인페이지 기본 색상 */
}
body.section3-active #header .side-menu-btn svg,
body.section4-active #header .side-menu-btn svg,
body.section5-active #header .side-menu-btn svg,
body.section6-active #header .side-menu-btn svg,
body.section9-active #header .side-menu-btn svg {
    fill: var(--color-darkBlue); 
}
@media screen and (max-width:1100px){
    .side-menu-btn {
        width: calc(80vw/var(--mainWidth));
        height: calc(80vw/var(--mainWidth));
    }
    .side-menu-btn{
        position: absolute;
        right: calc(60vw/var(--mainWidth));
        top: calc(200vw/var(--mainWidth));
    }
}
.side-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: calc(458vw/var(--mainWidth));
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    border-left: 2px solid #fff;
}
.side-menu .close-menu {
    position: absolute;
    top: calc(30vw/var(--mainWidth));
    right: calc(66vw/var(--mainWidth));
    width: calc(50vw/var(--mainWidth));
    height: calc(50vw/var(--mainWidth));
    cursor: pointer;
}
.side-menu .close-menu svg {
    width: 100%;
    height: auto;
    transition: transform 0.8s ease;
}
.side-menu .close-menu:hover svg {
    transform: rotate(180deg);
}
.side-menu ul {
    padding-top: calc(150vw/var(--mainWidth));
}
.side-menu ul li {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #fff;
    padding: calc(22vw/var(--mainWidth)) 0;
    padding-left: calc(40vw/var(--mainWidth));
}
.side-menu ul li:last-child {
    border-bottom: none;
}
.side-menu ul li a {
    color: #fff;
    display: flex;
    gap: calc(15vw/var(--mainWidth));
    align-items: center;
    transition: color 0.3s ease;
}
.side-menu ul li a:hover {
    color: #a6ceff;
}
.side-menu ul li a span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(55vw/var(--mainWidth));
    height: calc(55vw/var(--mainWidth));
    font-size: calc(40vw/var(--mainWidth));
    color: var(--color-black);
    border-radius: 50%;
    padding-right: 4px;
}
.side-menu ul li:nth-child(1) a span {
    background-color: #ff52af;
}
.side-menu ul li:nth-child(2) a span {
    background-color: #a6cfff;
}
.side-menu ul li:nth-child(3) a span {
    background-color: #ffcd1e;
}
.side-menu ul li:nth-child(4) a span {
    background-color: #4cff94;
}
@media screen and (max-width:1100px){
    .side-menu {
        width: 100%;
    }
    .side-menu .close-menu {
        top: calc(20vw/var(--mainWidth));
        right: calc(30vw/var(--mainWidth));
        width: calc(80vw/var(--mainWidth));
        height: calc(80vw/var(--mainWidth));
    }
    .side-menu ul {
        padding-top: calc(100vw/var(--mainWidth));
    }
    .side-menu ul li {
        font-size: calc(60vw/var(--mainWidth));
        padding: calc(50vw/var(--mainWidth)) 0;
        padding-left: calc(30vw/var(--mainWidth));
    }
    .side-menu ul li a {
        gap: calc(30vw/var(--mainWidth));
    }
    .side-menu ul li a span {
        width: calc(80vw/var(--mainWidth));
        height: calc(80vw/var(--mainWidth));
        font-size: calc(60vw/var(--mainWidth));
    }
}



/* 상담 (인스타그램, 카카오톡, 문의하기) */
.counsel-wrap {
    position: fixed;
    bottom: calc(74vw/var(--mainWidth));
    right: calc(75vw/var(--mainWidth));
    width: auto;
    height: auto;
    z-index: 900;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(75vw/var(--mainWidth));
}
.counsel-wrap .counsel-inner:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: calc(15vw/var(--mainWidth));
}
.counsel-wrap .counsel-inner:nth-child(1) a {
    display: inline-block;
    width: calc(57vw/var(--mainWidth));
    height: auto;
    margin-right: calc(9vw/var(--mainWidth));
}
.counsel-wrap .counsel-inner:nth-child(1) a img {
    width: 100%;
    height: auto;
}
.counsel-wrap .counsel-inner:nth-child(2) p a {
    display: inline-block;
    height: calc(75vw/var(--mainWidth));
    width: auto;
    font-size: calc(23vw/var(--mainWidth));
    font-weight: 600;
    color: #fff;
}
.counsel-wrap .counsel-inner:nth-child(2) p a img {
    width: auto;
    height: 100%;
    margin-left: calc(15vw/var(--mainWidth));
}
.counsel-wrap.mobile{
    left: 50%;
    bottom: 30px;
    right: unset;
    transform: translate(-50%, 0);
}
.counsel-wrap.mobile .counsel-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(50vw / var(--mainWidth));
    background: #fff;
    border: calc(2vw/var(--mainWidth)) solid #00173e;
    border-radius: clamp(70px, calc(66.667px + 0.694vw), 80px);
    padding: clamp(10px, calc(11.333px + 0.139vw), 12px) clamp(20px, calc(24.667px + 0.278vw), 24px);
}
.counsel-wrap.mobile .counsel-inner:nth-child(1) a{
    width: clamp(40px, calc(56.667px + 0.694vw), 50px);
    text-align: center;
    font-size: clamp(14px, calc(13.333px + 0.139vw), 16px);
    font-weight: 700;
    color: #00081a;
}
.mb10{
    margin-bottom: calc(10vw/var(--mainWidth));
}
.counsel-wrap.mobile{
    display: none;
}
@media screen and (max-width:1100px){
    .counsel-wrap.pc{
        display: none;
    }
    .counsel-wrap.mobile{
        display: block;
    }
    .counsel-wrap {
        bottom: calc(50vw/var(--mainWidth));
        right: calc(30vw/var(--mainWidth));
        gap: calc(50vw/var(--mainWidth));
    }
    /* .counsel-wrap .counsel-inner:nth-child(1) {
        gap: calc(30vw/var(--mainWidth));
    } */
    .counsel-wrap .counsel-inner:nth-child(1) a {
        width: calc(100vw/var(--mainWidth));
        margin-right: calc(6vw/var(--mainWidth));
    }
    .counsel-wrap .counsel-inner:nth-child(2) p a {
        height: calc(120vw/var(--mainWidth));
        font-size: calc(36vw/var(--mainWidth));
    }
    .counsel-wrap .counsel-inner:nth-child(2) p a img {
        margin-left: calc(10vw/var(--mainWidth));
    }
}

/* 메인페이지 내용 */
/* section1 */
#section1 {
    background: url("../images/main/section1-bg.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}
#section1 h2 {
    margin-bottom: 20px;
}
#section1 p {
    text-align: center;
    color: white;
    font-size: clamp(80px, calc(73.333px + 1.389vw), 100px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}
#section1 p:nth-of-type(1) strong {
    font-size: clamp(110px, calc(103.333px + 1.389vw), 130px);
    font-weight: 600;
}
#section1 p:nth-of-type(1) img {
    width: clamp(480px, calc(460.333px + 4.097vw), 539px);
    margin-left: calc(20vw/var(--mainWidth));
}
#section1 p:nth-of-type(2) img {
    width: clamp(280px, calc(272px + 1.667vw), 304px);
}
#section1 p:nth-of-type(3) {
    font-size: clamp(36px, calc(33px + 0.625vw), 45px);
    font-weight: 600;
    border: 2px solid white;
    border-radius: clamp(32px, calc(29.333px + 0.556vw), 40px);
    margin-top: calc(40vw/var(--mainWidth));
    justify-content: center;
    align-items: center;
    padding: clamp(10px, calc(8.667px + 0.278vw), 14px) clamp(22px, calc(20px + 0.417vw), 28px)
}
.lh-arr{
    display: flex;
    align-items: flex-end;
    margin-right: calc(15vw / var(--mainWidth));
}
@media screen and (max-width:1100px){
    #section1 {
        padding: calc(100vw/var(--mainWidth)) calc(30vw/var(--mainWidth)) 0;
    }
    #section1 h2 {
        margin-bottom: calc(30vw/var(--mainWidth));
    }
    #section1 p {
        font-size: clamp(40px, 8vw, 60px);
        flex-direction: column;
        align-items: center;
    }
    #section1 p:nth-of-type(1) strong {
        font-size: clamp(50px, 10vw, 80px);
    }
    #section1 p:nth-of-type(1) img {
        width: clamp(240px, 60vw, 320px);
        margin-left: calc(10vw/var(--mainWidth));
    }
    #section1 p:nth-of-type(2) img {
        width: clamp(140px, 35vw, 180px);
    }
    #section1 p:nth-of-type(3) {
        font-size: clamp(20px, 4vw, 28px);
        border-radius: calc(80vw/var(--mainWidth));
        margin-top: calc(60vw/var(--mainWidth));
        padding: clamp(8px, 1.5vw, 12px) clamp(16px, 3vw, 24px);
        white-space: nowrap;
    }
}

/* section2 */
#section2 {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    padding-top: calc(160vw/var(--mainWidth));
    padding-bottom: calc(110vw/var(--mainWidth));
}
#section2 .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
#section2 .section-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#section2 .section-wrap {
    padding-top: calc(57vw/var(--mainWidth));
    padding-left: calc(310vw/var(--mainWidth));
}
#section2 h2 {
    font-size: clamp(72px, calc(69.333px + 0.556vw), 80px);
    font-weight: 300;
    color: #fff;
}
#section2 h2 strong {
    display: block;
    font-weight: 600;
}
#section2 h2 span {
    color: var(--color-primary);
    font-weight: 600;
}
#section2 .section-wrap div {
    margin-top: calc(72vw/var(--mainWidth));
}
#section2 .section-wrap div p {
    font-size: clamp(18px, calc(16px + 0.417vw), 24px);
    font-weight: 100;
    color: #fff;
    margin-bottom: calc(32vw/var(--mainWidth));
    line-height: 1.5;
}
#section2 .section-wrap div p:last-child {
    margin-bottom: 0;
}
#section2 .section-wrap div p:nth-child(4) {
    color: var(--color-orange);
    font-size: calc(30vw/var(--mainWidth));
    font-weight: 600;
}
#section2 h3 {
    font-size: calc(56vw/var(--mainWidth));
    font-weight: 600;
    color: #fff;
    margin-top: calc(32vw/var(--mainWidth));
}
#section2 h3 strong {
    color: #a6ceff;
    font-weight: 600;
}
@media screen and (max-width:1100px){
    #section2 {
        padding-top: calc(120vw/var(--mainWidth));
        padding-bottom: calc(80vw/var(--mainWidth));
        background: #00173e;
    }
    #section2 .section-wrap {
        padding-top: calc(40vw/var(--mainWidth));
        padding-left: calc(60vw/var(--mainWidth));
        padding-right: calc(60vw/var(--mainWidth));
    }
    #section2 h2 {
        font-size: clamp(34px, 8vw, 48px);
        padding-bottom: 16px;
        position: relative;
    }
    #section2 h2::after{
        content: '';
        width: calc(724vw/var(--mainWidth));
        height: 1px;
        background: #aab2bf;
        position: absolute;
        bottom: 0;
        left: calc(-60vw / var(--mainWidth));
        opacity: 0.8;
    }
    #section2 .section-wrap div {
        margin-top: calc(50vw/var(--mainWidth));
    }
    #section2 .section-wrap div p {
        /* font-size: clamp(14px, 3vw, 18px); */
        font-size: clamp(12px, 3vw, 16px);
        margin-bottom: calc(24vw/var(--mainWidth));
    }
    #section2 .section-wrap div p:nth-child(4) {
        font-size: clamp(20px, 4.5vw, 26px);
        color: var(--color-primary);
    }
    #section2 h3 {
        font-size: clamp(28px, 6vw, 36px);
        margin-top: calc(24vw/var(--mainWidth));
    }
    /* #section2 .section-bg {
        left: -200%;
    }
    #section2 .section-bg img {
        width: auto;
    } */
    #section2 .section-wrap img.mobile{
        width: 100%;
        max-width: 500px;
        margin-top: clamp(30px, calc(26.667px + 0.694vw), 40px);
    }
}

/* section3 */
#section3 {
    padding-top: calc(125vw/var(--mainWidth));
    padding-bottom: calc(40vw/var(--mainWidth));
    overflow: hidden;
}
#section3 .section-wrap {
    max-width: 1300px;
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
    padding: calc(75vw/var(--mainWidth)) 0;
}
#section3 h2 {
    font-size: calc(72vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-black);
    position: relative;
}
#section3 h2 span {
    font-size: calc(48vw/var(--mainWidth));
    font-weight: 600;
    display: inline-block;
}
#section3 h2 strong {
    color: var(--color-blue);
    font-weight: 600;
}
#section3 ul {
    margin-top: calc(32vw/var(--mainWidth));
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#section3 ul li {
    width: calc(419vw/var(--mainWidth));
    border-radius: calc(10vw/var(--mainWidth));
    background-color: var(--color-blue);
    padding: calc(55vw/var(--mainWidth)) 0;
    padding-left: calc(35vw/var(--mainWidth));
    height: auto;
}
#section3 ul li:nth-child(2) {
    background-color: white;
    border: 2px solid var(--color-blue);
}
#section3 ul li p:nth-of-type(1) {
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 100;
    color: white;
    border-radius: calc(20vw/var(--mainWidth));
    border: 1px solid white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: clamp(3px, calc(2px + 0.208vw), 6px) clamp(12px, calc(11px + 0.208vw), 15px);
}
#section3 ul li:nth-child(2) p:nth-of-type(1) {
    color: var(--color-black);
    border: 1px solid var(--color-black);
}
#section3 ul li h3 {
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 600;
    color: white;
    margin-top: calc(24vw/var(--mainWidth));
    position: relative;
}
#section3 ul li h3::before {
    content: "";
    position: absolute;
    bottom: calc(-125vw/var(--mainWidth));
    left: 2px;
    width: 2px;
    height: calc(90vw/var(--mainWidth));
    background-color: white;
}
#section3 ul li:nth-child(2) h3::before {
    background-color: var(--color-black);
}
#section3 ul li:nth-child(2) h3 {
    color: var(--color-black);
    font-weight: 600;
}
#section3 ul li h3 strong {
    color: var(--color-primary);
    font-weight: 600;
    display: block;
}
#section3 ul li:nth-child(2) h3 strong {
    color: var(--color-blue);
}
#section3 ul li p:nth-of-type(2) {
    font-size: calc(18vw/var(--mainWidth));
    font-weight: 100;
    color: white;
    margin-top: calc(165vw/var(--mainWidth));
    line-height: 1.5;
}
#section3 ul li:nth-child(2) p:nth-of-type(2) {
    color: var(--color-black);
}

#section3 .section-wrap > p {
    font-size: calc(28vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-black);
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(537vw/var(--mainWidth));
    height: calc(58vw/var(--mainWidth));
    border-radius: calc(29vw/var(--mainWidth));
    border: 2px solid var(--color-black);
    margin: 0 auto;
    margin-top: calc(60vw/var(--mainWidth));
    position: relative;
}
#section3 .section-wrap > p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    z-index: -1;
}
#section3 .section-wrap > p strong {
    color: var(--color-blue);
    font-weight: 600;
}
.img-swiper-prev, .img-swiper-next{
    width: clamp(40px, calc(38.182px + 0.568vw), 45px);
    height: clamp(40px, calc(38.182px + 0.568vw), 45px);
    background: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-swiper-prev svg, .img-swiper-next svg{
    width: clamp(24px, calc(22.545px + 0.455vw), 28px);
    color: #fff;
}
.sec3Swiper .btn-wrap{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}
.img-swiper-prev.swiper-button-disabled, .img-swiper-next.swiper-button-disabled{
    background: #fff;
    border: 1px solid var(--color-blue);
}
.img-swiper-prev.swiper-button-disabled svg, .img-swiper-next.swiper-button-disabled svg{
    color: var(--color-blue);
}
.sec3Swiper .btn-wrap.mobile{
    display: none;
}
@media screen and (max-width:1100px){
    #section3 {
        padding-top: calc(80vw/var(--mainWidth));
        padding-bottom: calc(60vw/var(--mainWidth));
    }
    #section3 .section-wrap {
        max-width: 100%;
        width: 100%;
        /* padding: calc(40vw/var(--mainWidth)) calc(30vw/var(--mainWidth)); */
    }
    #section3 h2 {
        font-size: clamp(40px, 7vw, 50px);
        text-align: center;
    }
    #section3 h2 span {
        font-size: clamp(20px, 4.5vw, 26px);
    }
    /* #section3 ul {
        flex-direction: column;
        gap: calc(20vw/var(--mainWidth));
        margin-top: calc(40vw/var(--mainWidth));
    } */
    #section3 ul{
        margin-top: calc(60vw/var(--mainWidth));
    }
    #section3 ul li {
        width: 100%;
        padding: calc(40vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
        padding-left: calc(30vw/var(--mainWidth));
        border-radius: calc(24vw/var(--mainWidth));
    }
    #section3 ul li p:nth-of-type(1) {
        font-size: clamp(13px, 3vw, 18px);
        border-radius: calc(45vw/var(--mainWidth));
    }
    #section3 ul li h3 {
        font-size: clamp(24px, 5.5vw, 32px);
        margin-top: calc(20vw/var(--mainWidth));
    }
    #section3 ul li h3::before {
        /* bottom: calc(-80vw/var(--mainWidth)); */
        /* height: calc(60vw/var(--mainWidth)); */
        height: clamp(50px, calc(46.364px + 1.136vw), 60px);
        bottom: clamp(-75px, calc(76.364px + 1.136vw), -85px);
        width: 1px;
    }
    #section3 ul li p:nth-of-type(2) {
        font-size: clamp(12px, 3vw, 18px);
        margin-top: clamp(90px, calc(86.364px + 1.136vw), 100px);
    }
    #section3 .section-wrap > p {
        font-size: clamp(18px, 4vw, 24px);
        width: calc(880vw/var(--mainWidth));
        height: calc(100vw/var(--mainWidth));
        /* border-radius: clamp(16px, 3.5vw, 22px); */
        border-radius: calc(55vw / var(--mainWidth));
        margin-top: calc(50vw/var(--mainWidth));
        padding: 0 calc(20vw/var(--mainWidth));
    }
    .sec3Swiper .btn-wrap.mobile{
        display: flex;
    }
}


/* section4  */
#section4 {
    padding-top: calc(125vw/var(--mainWidth));
    overflow: hidden;
}
#section4 h2 {
    font-size: calc(90vw/var(--mainWidth));
    color: var(--color-black);
    padding-left: calc(310vw/var(--mainWidth));
}
#section4 h2 > span {
    color: var(--color-blue);
    font-size: calc(26vw/var(--mainWidth));
    font-weight: 100;
    color: var(--color-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(31vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    padding: clamp(6px, calc(4.667px + 0.278vw), 10px) clamp(15px, calc(13.333px + 0.347vw), 20px);
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section4 h2 > strong {
    display: block;
    font-weight: 700;
}
#section4 h2 > strong > span {
    color: var(--color-blue);
}
#section4 .section-wrap > p {
    margin-top: calc(30vw/var(--mainWidth));
    font-size: clamp(12px, calc(10px + 0.417vw), 18px);
    font-weight: 100;
    color: var(--color-black);
    padding-left: calc(310vw/var(--mainWidth));
}
#section4 .section-wrap > p strong {
    font-weight: 600;
}
#section4 .plan-wrap {
    margin-top: calc(70vw/var(--mainWidth));
    background-color: var(--color-darkBlue);
    padding-left: calc(310vw/var(--mainWidth));
    padding-bottom: calc(175vw/var(--mainWidth));
}
#section4 .plan-wrap .plan-slider-container {
    position: relative;
    padding: calc(50vw/var(--mainWidth)) calc(60vw/var(--mainWidth));
}
#section4 .plan-wrap .plan-slider {
    overflow: hidden;
    width: calc(371px * 4 + 20px * 3 + 100px);
    max-width: 100%;
    margin: 0 auto;
}
#section4 .plan-wrap .plan-slider .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
#section4 .plan-wrap .plan-slider .swiper-slide {
    width: calc(371vw/var(--mainWidth));
    height: calc(526vw/var(--mainWidth));
    background-color: #fff;
    border-radius: calc(10vw/var(--mainWidth));
    padding: 0 calc(28vw/var(--mainWidth));
    padding-top: calc(60vw/var(--mainWidth));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
}
#section4 .plan-wrap .plan-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(75vw/var(--mainWidth));
    height: calc(75vw/var(--mainWidth));
    background-color: var(--color-orange);
    color: #fff;
    border: 1px solid var(--color-orange);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
#section4 .plan-wrap .plan-slider-btn:hover {
    /* background-color: rgba(255, 255, 255, 1); */
    transform: translateY(-50%) scale(1.1);
}
#section4 .plan-wrap .plan-slider-btn:active svg {
    /* transform: translateY(-50%) scale(0.95); */
    border: none;
    background-color: var(--color-orange);
}
#section4 .plan-wrap .plan-slider-btn svg {
    width: calc(48vw/var(--mainWidth));
    /* height: calc(32vw/var(--mainWidth)); */
    color: white;
}
#section4 .plan-wrap .plan-slider-prev {
    left: calc(-24vw/var(--mainWidth));
}
#section4 .plan-wrap .plan-slider-next {
    right: calc(211vw/var(--mainWidth));
}
#section4 .plan-wrap .plan-slider-btn.swiper-button-disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: transparent;
}
#section4 .plan-wrap .plan-slider-btn.swiper-button-disabled svg {
    color: var(--color-orange);
}
#section4 .plan-wrap .plan-slider .swiper-slide p:first-of-type {
    font-size: calc(18vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-orange);
    margin: 0 auto;
    margin-bottom: calc(24vw/var(--mainWidth));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(104vw/var(--mainWidth));
    height: calc(26vw/var(--mainWidth));
    border-radius: calc(13vw/var(--mainWidth));
    border: 2px solid var(--color-orange);
}
#section4 .plan-wrap .plan-slider .swiper-slide h3 {
    /* font-size: clamp(20px, calc(18px + 0.417vw), 26px); */
    font-size: calc(30vw/var(--mainWidth));
    font-weight: 600;
    margin-bottom: calc(96vw/var(--mainWidth));
    line-height: 1.5;
    position: relative;
    text-align: center;
}
#section4 .plan-wrap .plan-slider .swiper-slide h3::before {
    content: "";
    position: absolute;
    bottom: calc(-45vw/var(--mainWidth));
    left: 50%;
    transform: translateX(-50%);
    width: calc(30vw/var(--mainWidth));
    height: 2px;
    background-color: var(--color-blue);
}
#section4 .plan-wrap .plan-slider .swiper-slide h3 strong {
    color: var(--color-blue);
    /* font-size: clamp(30px, calc(28px + 0.417vw), 36px); */
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 700;
    display: block;
}
#section4 .plan-wrap .plan-slider .swiper-slide p:nth-of-type(2) {
    /* font-size: clamp(14px, 12.3636px + 0.4545vw, 18px); */
    font-size: calc(21vw/var(--mainWidth));
    font-weight: 100;
    color: var(--color-black);
    line-height: 1.4;
    text-align: center;
}
#section4 .plan-wrap .plan-slider .swiper-slide p:last-of-type {
    position: absolute;
    bottom: calc(17vw/var(--mainWidth));
    right: calc(17vw/var(--mainWidth));
}
#section4 .plan-wrap .plan-slider .swiper-slide p:last-of-type a {
    display: inline-block;
}
#section4 .plan-wrap .plan-slider .swiper-slide p:last-of-type a img {
    width: calc(34vw/var(--mainWidth));
    height: auto;
}
#section4 .section-wrap .plan-wrap > p {
    margin-top: calc(95vw/var(--mainWidth));
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: calc(671vw/var(--mainWidth));
    height: calc(72vw/var(--mainWidth));
    border-radius: calc(36vw/var(--mainWidth));
    background-color: white;
}
#section4 .section-wrap .plan-wrap > p a {
    color: var(--color-darkBlue);
    font-size: calc(36vw/var(--mainWidth));
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(8vw/var(--mainWidth));
    width: 100%;
    height: 100%;
}
#section4 .section-wrap .plan-wrap > p a strong {
    color: #ff6335;
    font-weight: 600;
}
#section4 .section-wrap .plan-wrap > p a img {
    width: calc(34vw/var(--mainWidth));
    height: auto;
    position: absolute;
    right: calc(17vw/var(--mainWidth));
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width:1100px){
    #section4 {
        padding-top: calc(80vw/var(--mainWidth));
    }
    #section4 h2 {
        font-size: clamp(36px, 8vw, 48px);
        padding-left: calc(30vw/var(--mainWidth));
        padding-right: calc(30vw/var(--mainWidth));
        text-align: center;
    }
    #section4 h2 > span {
        font-size: clamp(14px, 3vw, 18px);
        padding: clamp(4px, 0.8vw, 6px) clamp(12px, 2.5vw, 16px);
        margin-bottom: calc(20vw/var(--mainWidth));
        border-radius: calc(40vw/var(--mainWidth));
    }
    #section4 .section-wrap > p {
        font-size: clamp(12px, 2.5vw, 16px);
        padding-left: calc(30vw/var(--mainWidth));
        padding-right: calc(30vw/var(--mainWidth));
        margin-top: calc(20vw/var(--mainWidth));
        text-align: center;
    }
    #section4 .plan-wrap {
        margin-top: calc(50vw/var(--mainWidth));
        padding-left: 0;
        padding-bottom: calc(120vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider-container {
        padding: calc(50vw/var(--mainWidth)) 0;
    }
    #section4 .plan-wrap .plan-slider {
        width: 100%;
    }
    #section4 .plan-wrap .plan-slider .swiper-slide {
        width: calc(280vw/var(--mainWidth));
        /* height: calc(420vw/var(--mainWidth)); */
        height: auto;
        padding: calc(80vw/var(--mainWidth)) calc(20vw/var(--mainWidth));
        border-radius: calc(25vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider-btn {
        /* width: calc(80vw/var(--mainWidth));
        height: calc(80vw/var(--mainWidth)); */
        width: clamp(40px, calc(38.182px + 0.568vw), 45px);
        height: clamp(40px, calc(38.182px + 0.568vw), 45px);
    }
    #section4 .plan-wrap .plan-slider-btn svg {
        /* width: calc(56vw/var(--mainWidth)); */
        width: clamp(24px, calc(22.545px + 0.455vw), 28px);
    }
    #section4 .plan-wrap .plan-slider-prev {
        /* left: calc(10vw/var(--mainWidth)); */
        left: unset;
    }
    #section4 .plan-wrap .plan-slider-next {
        /* right: calc(10vw/var(--mainWidth)); */
        right: unset;
    }
    #section4 .plan-wrap .plan-slider .swiper-slide p:first-of-type {
        font-size: clamp(14px, 3vw, 18px);
        /* width: calc(180vw/var(--mainWidth));
        height: calc(62vw/var(--mainWidth)); */
        width: clamp(68px, calc(64.364px + 1.136vw), 78px);
        height: clamp(24px, calc(20.364px + 1.136vw), 34px);
        margin-bottom: calc(18vw/var(--mainWidth));
        border-radius: calc(40vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider .swiper-slide h3 {
        font-size: clamp(18px, 4vw, 22px);
        margin-bottom: calc(60vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider .swiper-slide h3::before {
        bottom: calc(-30vw/var(--mainWidth));
        width: calc(24vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider .swiper-slide h3 strong {
        font-size: clamp(24px, 5vw, 28px);
    }
    #section4 .plan-wrap .plan-slider .swiper-slide p:nth-of-type(2) {
        font-size: clamp(12px, 2.5vw, 16px);
    }
    #section4 .plan-wrap .plan-slider .swiper-slide p:last-of-type {
        bottom: calc(15vw/var(--mainWidth));
        right: calc(15vw/var(--mainWidth));
    }
    #section4 .plan-wrap .plan-slider .swiper-slide p:last-of-type a img {
        width: calc(58vw/var(--mainWidth));
    }
    #section4 .section-wrap .plan-wrap > p {
        margin-top: calc(60vw/var(--mainWidth));
        width: calc(650vw/var(--mainWidth));
        height: calc(100vw/var(--mainWidth));
        /* border-radius: clamp(20px, 4.5vw, 30px); */
        border-radius: calc(57vw/var(--mainWidth));
    }
    #section4 .section-wrap .plan-wrap > p a {
        font-size: clamp(18px, 4vw, 24px);
        gap: calc(6vw/var(--mainWidth));
    }
    #section4 .section-wrap .plan-wrap > p a img {
        width: calc(58vw/var(--mainWidth));
        right: calc(15vw/var(--mainWidth));
    }
    .plan-slider-container .btn-wrap{
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 24px;
    }
    #section4 .plan-wrap .plan-slider-btn{
        position: relative;
        transform: translateY(0%);
    }
    #section4 .plan-wrap .plan-slider-btn:hover {
        transform: translateY(0) scale(1);
    }
}

/* section5  */
#section5 {
    padding-top: calc(255vw/var(--mainWidth));
    padding-bottom: calc(283vw/var(--mainWidth));
    overflow: hidden;
}
/* #section5 .section-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
} */
#section5 .section-wrap .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}
#section5 .section-wrap::before {
    content: "";
    position: absolute;
    bottom: calc(230vw/var(--mainWidth));
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-blue);
    z-index: -1;
}
#section5 .left {
    padding-left: calc(310vw/var(--mainWidth));
    padding-bottom: calc(80vw/var(--mainWidth));
}
#section5 .left h2 {
    font-size: calc(80vw/var(--mainWidth));
    color: var(--color-black);
}
#section5 .left h2 > span {
    color: var(--color-blue);
    font-size: calc(26vw/var(--mainWidth));
    font-weight: 100;
    color: var(--color-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(31vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    padding: clamp(6px, calc(4.667px + 0.278vw), 10px) clamp(15px, calc(13.333px + 0.347vw), 20px);
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section5 .left h2 > strong {
    display: block;
    font-weight: 700;
}
#section5 .left h2 > strong > span {
    display: block;
    color: var(--color-blue);
}
#section5 .left p {
    margin-top: calc(110vw/var(--mainWidth));
    font-size: calc(24vw/var(--mainWidth));
    font-weight: 100;
    line-height: 1.4;
    color: var(--color-black);
    white-space: nowrap;
}
#section5 .left p strong {
    font-weight: 600;
}

/* #section5 .middle {
    position: relative;
    left: calc(44vw/var(--mainWidth));
    padding-bottom: calc(80vw/var(--mainWidth));
} */
#section5 .middle {
    position: relative;
    left: calc(44vw/var(--mainWidth));
    padding-bottom: calc(80vw/var(--mainWidth));
    text-align: center;
    margin-top: calc(50vw/var(--mainWidth));
}
#section5 .middle > div{
    display: inline-block;
}
#section5 .middle > div > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(68vw/var(--mainWidth));
    background-color: var(--color-blue);
    border-radius: calc(36vw/var(--mainWidth));
    padding: calc(21vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
}
#section5 .middle > div > a > p:first-of-type {
    font-size: calc(28vw/var(--mainWidth));
    font-weight: 600;
    color: var(--color-primary);
    white-space: nowrap;
}
#section5 .middle > div > a > p:last-of-type {
    width: calc(33vw/var(--mainWidth));
}
#section5 .middle > div > a > p:last-of-type img {
    width: 100%;
    height: auto;
}

#section5 .right > p {
    position: relative;
    left: calc(95vw/var(--mainWidth));
    width: calc(857vw/var(--mainWidth));
}
#section5 .right > p img {
    width: auto;
    height: calc(580vw/var(--mainWidth));
}
@media screen and (max-width:1100px){
    #section5 {
        padding-top: calc(120vw/var(--mainWidth));
        padding-bottom: calc(120vw/var(--mainWidth));
    }
    #section5 .section-wrap {
        flex-direction: column;
        padding: 0;
    }
    #section5 .section-wrap::before {
        display: none;
    }
    #section5 .left {
        padding-left: 0;
        padding-bottom: calc(50vw/var(--mainWidth));
        width: 100%;
    }
    #section5 .left h2 {
        font-size: clamp(32px, 7vw, 42px);
        text-align: center;
        border-bottom: 1px solid #002b6c8c;
        padding-bottom: calc(60vw/var(--mainWidth));
    }
    #section5 .left h2 > span {
        font-size: clamp(14px, 3vw, 18px);
        padding: clamp(4px, 0.8vw, 6px) clamp(12px, 2.5vw, 16px);
        margin-bottom: calc(20vw/var(--mainWidth));
        border-radius: calc(40vw/var(--mainWidth));
    }
    #section5 .left p {
        margin-top: calc(60vw/var(--mainWidth));
        font-size: clamp(14px, 3vw, 18px);
        white-space: normal;
        line-height: 1.6;
        text-align: center;
    }
    #section5 .middle {
        position: relative;
        left: 0;
        padding-bottom: calc(50vw/var(--mainWidth));
        width: 100%;
    }
    #section5 .middle > div > a {
        gap: calc(40vw/var(--mainWidth));
        padding: calc(18vw/var(--mainWidth)) calc(24vw/var(--mainWidth));
        border-radius: calc(40vw/var(--mainWidth));
        width: calc(500vw/var(--mainWidth));
    }
    #section5 .middle > div > a > p:first-of-type {
        font-size: clamp(18px, 4vw, 24px);
    }
    #section5 .middle > div > a > p:last-of-type {
        width: calc(58vw/var(--mainWidth));
    }
    #section5 .right {
        width: 100%;
        padding: 0 calc(150vw/var(--mainWidth));
    }
    #section5 .right > p {
        position: relative;
        left: 0;
        width: 100%;
    }
    #section5 .right > p img {
        width: 100%;
        height: auto;
    }
    #section5 .section-wrap .inner{
        flex-direction: column;
    }
}


/* section6 */
#section6 {
    padding-bottom: calc(210vw/var(--mainWidth));
    overflow: hidden;
}
#section6 .section-wrap {
    max-width: 1300px;
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
    padding-top: calc(260vw/var(--mainWidth));
}
#section6 .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#section6 .header .left h2 {
    font-size: calc(90vw/var(--mainWidth));
    color: var(--color-black);
}
#section6 .header .left h2 > span {
    color: var(--color-blue);
    font-size: calc(26vw/var(--mainWidth));
    font-weight: 100;
    color: var(--color-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(31vw/var(--mainWidth));
    border: 2px solid var(--color-blue);
    padding: clamp(6px, calc(4.667px + 0.278vw), 10px) clamp(15px, calc(13.333px + 0.347vw), 20px);
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section6 .header .left h2 > strong {
    display: block;
    font-weight: 700;
}
#section6 .header .left h2 > strong > span {
    display: block;
    color: var(--color-blue);
}
#section6 .header .left p {
    margin-top: calc(32vw/var(--mainWidth));
    font-size: clamp(12px, calc(10px + 0.417vw), 18px);
    font-weight: 300;
    color: var(--color-black);
    line-height: 1.5;
}
#section6 .header .left p strong {
    font-weight: 600;
    color: var(--color-blue);
}

#section6 .header .right {
    position: relative;
}
#section6 .header .right:before {
    content: "";
    position: absolute;
    left: calc(50% + calc(50vw/var(--mainWidth)));
    top: calc(-300vw/var(--mainWidth));
    width: 1px;
    height: var(--section6-line-height, 0);
    background-color: var(--color-blue);
    z-index: -1;
}

#section6 .content {
    margin-top: calc(74vw/var(--mainWidth));
}
#section6 .content ul li {
    margin-top: calc(25vw/var(--mainWidth));
}
#section6 .content ul li img {
    width: 100%;
    height: auto;
}
#section6 .content ul li:last-child {
    margin-bottom: calc(25vw/var(--mainWidth));
}
@media screen and (max-width:1100px){
    #section6 {
        padding-bottom: calc(120vw/var(--mainWidth));
    }
    #section6 .section-wrap {
        max-width: 100%;
        width: 100%;
        padding-top: calc(120vw/var(--mainWidth));
        /* padding-left: calc(30vw/var(--mainWidth));
        padding-right: calc(30vw/var(--mainWidth)); */
    }
    #section6 .header {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(40vw/var(--mainWidth));
    }
    #section6 .header .left {
        width: 100%;
    }
    #section6 .header .left h2 {
        font-size: clamp(32px, 7vw, 42px);
        text-align: center;
    }
    #section6 .header .left h2 > span {
        font-size: clamp(14px, 3vw, 18px);
        padding: clamp(4px, 0.8vw, 6px) clamp(12px, 2.5vw, 16px);
        margin-bottom: calc(20vw/var(--mainWidth));
        border-radius: calc(40vw/var(--mainWidth));
    }
    #section6 .header .left p {
        margin-top: calc(24vw/var(--mainWidth));
        font-size: clamp(12px, 2.5vw, 16px);
        text-align: center;
    }
    #section6 .header .right {
        width: 100%;
        text-align: center;
    }
    #section6 .header .right:before {
        width: 100%;
        height: 1px;
        left: 0;
        top: 50%;
    }
    #section6 .header .right img{
        width: 70%;
        max-width: 500px;
    }
    #section6 .content {
        margin-top: calc(86vw/var(--mainWidth));
    }
    #section6 .content ul li {
        margin-top: calc(20vw/var(--mainWidth));
    }
    #section6 .content ul li:last-child {
        margin-bottom: calc(20vw/var(--mainWidth));
    }
    .partner-swiper{
        padding: 0 calc(300vw/var(--mainWidth));
        position: relative;
    }
    #section6 .content ul li{
        text-align: center;
    }
    #section6 .content ul li img{
        max-width: 250px;
    }
    .img-swiper-prev.type2{
        position: absolute;
        left: calc(110vw/var(--mainWidth));
        top: 50%;
        transform: translate(0, -50%);
    }
    .img-swiper-next.type2{
        position: absolute;
        right: calc(110vw/var(--mainWidth));
        top: 50%;
        transform: translate(0, -50%);
    }
}

/* section7 */
#section7 {
    padding-top: calc(160vw/var(--mainWidth));
    padding-bottom: calc(185vw/var(--mainWidth));
    background-color: var(--color-darkBlue);
    overflow: hidden;
}
#section7 .section-wrap {
    padding: calc(103vw/var(--mainWidth)) 0;
}
#section7 h2 {
    font-size: calc(100vw/var(--mainWidth));
    font-weight: 200;
    color: white;
    text-align: center;
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section7 h2 strong {
    font-weight: 600;
}
#section7 h2 strong span {
    color: var(--color-primary);
    font-weight: 600;
}
#section7 .section-wrap > p {
    text-align: center;
    margin-bottom: calc(50vw/var(--mainWidth));
}
#section7 .section-wrap > p img {
    width: auto;
    height: auto;
}
#section7 .slider-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: calc(50vw/var(--mainWidth)) 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#section7 .slider-wrap .slider {
    width: auto;
    max-width: 100%;
    overflow: visible;
}
#section7 .slider-wrap .slider .swiper-wrapper {
    display: flex;
    align-items: center;
}
#section7 .slider-wrap .slider .swiper-slide {
    /* width: calc(406vw/var(--mainWidth)) !important; */
    /* width: 19% !important; */
    width: auto;
    flex-shrink: 0;
    transition: opacity 0.3s ease;
    background-color: transparent;
    overflow: hidden;
    /* margin: 0 calc(9.5vw/var(--mainWidth)); */
    /* margin-right: 30px; */
}
#section7 .slider-wrap .slider .swiper-slide p {
    width: 100%;    
}
#section7 .slider-wrap .slider .swiper-slide p img {
    width: 100%;
    height: auto;
}
#section7 .slider-wrap .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(75vw/var(--mainWidth));
    height: calc(75vw/var(--mainWidth));
    background-color: var(--color-orange);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
#section7 .slider-wrap .slider-btn:hover {
    transform: translateY(-50%) scale(1.1);
    color: white;
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}
#section7 .slider-wrap .slider-btn svg {
    width: calc(48vw/var(--mainWidth));
    height: auto;
    color: #fff;
}
#section7 .slider-wrap .slider-btn:hover svg {
    color: white;
}
#section7 .slider-wrap .slider-prev {
    left: calc(212vw/var(--mainWidth));
}
#section7 .slider-wrap .slider-next {
    right: calc(212vw/var(--mainWidth));
}
#section7 .slider-wrap .slider-btn.swiper-button-disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: transparent;
}
#section7 .slider-wrap .slider-btn.swiper-button-disabled svg {
    color: var(--color-orange);
}
@media screen and (max-width:1100px){
    #section7 {
        padding-top: calc(100vw/var(--mainWidth));
        padding-bottom: calc(120vw/var(--mainWidth));
    }
    #section7 .section-wrap {
        padding: calc(60vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
    }
    #section7 h2 {
        font-size: clamp(36px, 8vw, 48px);
        margin-bottom: calc(24vw/var(--mainWidth));
    }
    #section7 .section-wrap > p {
        margin-bottom: calc(40vw/var(--mainWidth));
    }
    #section7 .section-wrap > p img {
        width: 100%;
        height: auto;
        max-width: clamp(240px, calc(152.727px + 27.273vw), 480px);
    }
    #section7 .slider-wrap {
        padding: calc(30vw/var(--mainWidth)) 0;
    }
    /* #section7 .slider-wrap .slider .swiper-slide {
        width: auto !important;
        margin: 0 calc(2.5vw/var(--mainWidth));
    } */
    #section7 .slider-wrap .slider-btn {
        width: clamp(40px, calc(38.182px + 0.568vw), 45px);
        height: clamp(40px, calc(38.182px + 0.568vw), 45px);
    }
    #section7 .slider-wrap .slider-btn svg {
        width: clamp(24px, calc(22.545px + 0.455vw), 28px);
    }
    #section7 .slider-wrap .slider-prev {
        left: unset;
    }
    #section7 .slider-wrap .slider-next {
        right: unset;
    }
    #section7 .slider-wrap .btn-wrap{
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 24px;
    }
    #section7 .slider-wrap .slider-btn{
        position: relative;
        transform: translateY(0%);w
    }
    #section7 .slider-wrap .slider-btn:hover {
        transform: translateY(0) scale(1);
    }
}


/* section8 */
#section8 {
    background-color: var(--color-darkBlue);
    padding-top: calc(120vw/var(--mainWidth));
    padding-bottom: calc(120vw/var(--mainWidth));
}
#section8 .section-wrap {
    padding: calc(140vw/var(--mainWidth)) 0;
    height: calc(681vw/var(--mainWidth));
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
}
#section8 .left h2 {
    font-size: calc(100vw/var(--mainWidth));
    color: white;
    font-weight: 600;
}
#section8 .left h2 > span {
    display: block;
    margin-bottom: calc(47vw/var(--mainWidth));
    font-size: calc(40vw/var(--mainWidth));
}
#section8 .left h2 > strong {
    font-weight: 600;
}
#section8 .left h2 > strong span {
    color: var(--color-primary);
}
#section8 .left > p {
    margin-top: calc(53vw/var(--mainWidth));
}
#section8 .left > p a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(32vw/var(--mainWidth));
    background: linear-gradient(to right, var(--color-primary), white);
    border-radius: calc(50vw/var(--mainWidth));
    padding: calc(20vw/var(--mainWidth)) calc(36vw/var(--mainWidth));
    font-size: calc(40vw/var(--mainWidth));
    font-weight: 600;
}
#section8 .left > p a strong {
    color: var(--color-blue);
    font-weight: 600;
}
#section8 .left > p a img {
    width: calc(45vw/var(--mainWidth));
    height: auto;
}

#section8 .right {
    height: calc(681vw/var(--mainWidth));
    border-radius: calc(10vw/var(--mainWidth));
    position: relative;
}
#section8 .right > p {
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: calc(10vw/var(--mainWidth));
    position: relative;
    z-index: 3;
    overflow: hidden;
    text-align: right;
}
#section8 .right > p img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:1100px){
    #section8 {
        padding-top: calc(80vw/var(--mainWidth));
        padding-bottom: calc(80vw/var(--mainWidth));
    }
    #section8 .section-wrap {
        flex-direction: column;
        padding: calc(60vw/var(--mainWidth)) calc(30vw/var(--mainWidth));
        height: auto;
        width: 100%;
        gap: calc(50vw/var(--mainWidth));
    }
    #section8 .left {
        width: 100%;
    }
    #section8 .left h2 {
        font-size: clamp(32px, 7vw, 42px);
        text-align: center;
    }
    #section8 .left h2 > span {
        display: flex;
        justify-content: center;
        margin-bottom: calc(24vw/var(--mainWidth));
        font-size: clamp(18px, 4vw, 24px);
        padding: 0;
    }
    #section8 .left > p {
        margin-top: calc(40vw/var(--mainWidth));
    }
    #section8 .left > p a {
        gap: calc(24vw/var(--mainWidth));
        padding: calc(18vw/var(--mainWidth)) calc(58vw/var(--mainWidth));
        border-radius: clamp(30px, 6.5vw, 40px);
        font-size: clamp(20px, 4.5vw, 28px);
        width: calc(800vw/var(--mainWidth));
        margin: 0 auto;
    }
    #section8 .left > p a img {
        width: calc(56vw/var(--mainWidth));
    }
    #section8 .right {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-top: calc(30vw/var(--mainWidth));
    }
    #section8 .right > p {
        width: 100%;
        height: 100%;
        text-align: center;
    }
    #section8 .right > p img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }
}


/* section9 -> 상담문의 페이지 */
/* #section9 {
    padding-top: calc(134vw/var(--mainWidth));
    padding-bottom: calc(122vw/var(--mainWidth));
    overflow: hidden;
}
#section9 .section-wrap {
    max-width: 1300px;
    width: calc(1300vw/var(--mainWidth));
    margin: 0 auto;
    padding: 0 calc(32vw/var(--mainWidth));
}
#section9 h2 {
    font-size: clamp(38px, calc(35.667px + 0.486vw), 45px);
    font-weight: 700;
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section9 h2 strong {
    font-weight: 700;
    color: var(--color-blue);
}
#section9 .notice {
    font-size: clamp(18px, calc(17px + 0.208vw), 21px);
    color: var(--color-orange);
    margin-bottom: calc(42vw/var(--mainWidth));
}
#section9 form {
    width: 100%;
}
#section9 .form-wrap {
    display: flex;
    justify-content: space-between;
}
#section9 .form-group {
    display: flex;
    align-items: center;
    margin-bottom: calc(30vw/var(--mainWidth));
}
#section9 .form-group label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(130vw/var(--mainWidth));
    height: calc(43vw/var(--mainWidth));
    font-size: calc(20vw/var(--mainWidth));
    color: white;
    background-color: var(--color-darkBlue);
    font-weight: 600;
    border-radius: calc(22vw/var(--mainWidth));
    margin-right: calc(16vw/var(--mainWidth));
}
#section9 .form-group label[for="cs_request"]{
    height: calc(165vw/var(--mainWidth));
}
#section9 .form-group input[type="text"],
#section9 .form-group input[type="email"],
#section9 .form-group select,
#section9 .form-group textarea {
    height: calc(43vw/var(--mainWidth));
    padding: 0 calc(20vw/var(--mainWidth));
    font-size: calc(18vw/var(--mainWidth));
    border: 1px solid #707070;
    border-radius: calc(22vw/var(--mainWidth));
    color: #00081a;
    box-sizing: border-box;
}
#section9 .form-group input#cs_name {
    width: calc(391vw/var(--mainWidth));
}
#section9 .form-group input#cs_hp1,
#section9 .form-group input#cs_hp2,
#section9 .form-group input#cs_hp3 {
    width: calc(135vw/var(--mainWidth));
}
#section9 .form-group input#cs_email,
#section9 .form-group input#cs_workplace,
#section9 .form-group input#cs_planned_date,
#section9 .form-group textarea#cs_request {
    width: calc(1086vw/var(--mainWidth));
}
#section9 .form-group select#cs_location_do {
    width: calc(693vw/var(--mainWidth));
}
#section9 .form-group select#cs_location_sigungu {
    width: calc(377vw/var(--mainWidth));
}
#section9 .form-group input#cs_license {
    width: calc(391vw/var(--mainWidth));
}
#section9 .form-group select#cs_major {
    width: calc(499vw/var(--mainWidth));
}
#section9 .form-group input::placeholder,
#section9 .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}
#section9 .form-group select {
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
}
#section9 .form-group select option {
}
#section9 .form-group .phone-input {
    display: flex;
    align-items: center;
    gap: calc(10vw/var(--mainWidth));
}
#section9 .form-group .phone-input input {
    flex: 1;
}
#section9 .form-group .phone-input span {
    font-size: calc(50vw/var(--mainWidth));
    font-weight: 100;
}
#section9 .form-group .address-input {
    display: flex;
    justify-content: space-between;
    width: calc(1086vw/var(--mainWidth));
}
#section9 .form-group textarea {
    resize: vertical;
    height: calc(165vw/var(--mainWidth));
    min-height: calc(120vw/var(--mainWidth));
    padding: calc(20vw/var(--mainWidth));
}
#section9 .form-submit {
    margin-top: calc(50vw/var(--mainWidth));
    text-align: center;
}
#section9 .form-submit button {
    background-color: var(--color-orange);
    color: white;
    border: none;
    padding: calc(18vw/var(--mainWidth)) calc(60vw/var(--mainWidth));
    font-size: calc(22vw/var(--mainWidth));
    font-weight: 600;
    border-radius: calc(50vw/var(--mainWidth));
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
#section9 .form-submit button:hover {
    background-color: #ff7a4d;
    transform: scale(1.05);
} */


/* section10 */
#section10 {
    background-color: var(--color-darkBlue);
    height: 100vh;
}
#section10 .section-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#section10 h2 {
    font-size: clamp(88px, calc(84px + 0.833vw), 100px);
    color: white;
    font-weight: 600;
    text-align: center;
}
#section10 h2 strong {
    font-weight: 600;
    color: var(--color-primary);
}
#section10 p a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(30vw/var(--mainWidth));
    font-size: clamp(32px, calc(29.333px + 0.556vw), 40px);
    color: white;
    font-weight: 600;
    background: linear-gradient(to right, var(--color-orange), #ffb29b);
    width: calc(567vw/var(--mainWidth));
    height: calc(98vw/var(--mainWidth));
    border-radius: calc(50vw/var(--mainWidth));
    margin-top: calc(68vw/var(--mainWidth));
}
#section10 p a span {
    color: var(--color-darkBlue);
}
@media screen and (max-width:1100px){
    #section10 {
        padding: 0 calc(30vw/var(--mainWidth));
    }
    #section10 .section-wrap {
        padding: calc(80vw/var(--mainWidth)) 0;
    }
    #section10 h2 {
        font-size: clamp(36px, 8vw, 48px);
    }
    #section10 p a {
        gap: calc(20vw/var(--mainWidth));
        font-size: clamp(18px, 4vw, 24px);
        width: calc(800vw/var(--mainWidth));
        height: calc(120vw/var(--mainWidth));
        border-radius: clamp(30px, 6.5vw, 40px);
        margin-top: calc(50vw/var(--mainWidth));
        padding: 0 calc(20vw/var(--mainWidth));
    }
    #section10 p a img {
        width: calc(60vw/var(--mainWidth));
    }
}


/* section3, 5, 6, 9에서 side-menu-btn svg 색상 변경 */
/* body.section3-active:not(:has(.sub-container)) .side-menu-btn p svg,
body.section5-active:not(:has(.sub-container)) .side-menu-btn p svg,
body.section6-active:not(:has(.sub-container)) .side-menu-btn p svg,
body.section9-active:not(:has(.sub-container)) .side-menu-btn p svg {
    fill: var(--color-darkBlue) !important;
}
body.section3-active .side-menu-btn:hover p svg,
body.section5-active .side-menu-btn:hover p svg,
body.section6-active .side-menu-btn:hover p svg,
body.section9-active .side-menu-btn:hover p svg {
    filter: drop-shadow(0 0 10px rgba(0, 23, 62, 0.8));
} */