@charset "utf-8";

/* 폰트 */
@font-face {
    font-family: "kopup Light";
    src: url("./KoPubWorld Dotum_Pro Light.otf") format("opentype");
}
@font-face {
    font-family: "kopup Medium";
    src: url("./KoPubWorld Dotum_Pro Medium.otf") format("opentype");
}
@font-face {
    font-family: "kopup Bold";
    src: url("./KoPubWorld Dotum_Pro Bold.otf") format("opentype");
}


:root {
    --mainColor: #008e8a;
    --basicSize: 22;
    --mainFont: "kopup Light";
}
body {
    /* overflow-x: hidden; */
    font-family: var(--mainFont);
}
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--mainColor);
}
body::-webkit-scrollbar-track {
    background-color: #e6e6e6;
}

.pc {
    display: block;
}
.mobile {
    display: none;
}


@media screen and (max-width: 1100px) {
    :root {
        --basicSize: 11;
    }

    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }

    html, body {
        width: 100vw;
        overflow-x: hidden;
    }
}


/* 상단 */
#header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    padding-right: calc(60vw/var(--basicSize));
    display: flex;
    padding-top: calc(108vw/var(--basicSize));
}
#header .gnb-wrap {
    display: flex;
    width: calc(400vw/var(--basicSize));
    height: 100%;
    justify-content: end;
    align-items: center;
    gap: calc(15vw/var(--basicSize));
}
#header .gnb-wrap h1 img {
    width: calc(289vw/var(--basicSize));
}

#header .btn-menu {
    width: calc(32vw/var(--basicSize));
    height: calc(32vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
}
#header .btn-menu li {
    width: 100%;
    height: 10%;
    background-color: var(--mainColor);    
}
#header .btn-menu li:nth-of-type(1) {
    -webkit-animation : menu-bar07-01 .75s forwards;
    animation : menu-bar07-01 .75s forwards;
}

/* header Mobile */
@media screen and (max-width: 1100px) {
    #header {
        width: 100%;
        padding-right: 0;
        display: flex;
        padding-top: calc(65vw/var(--basicSize));
    }
    #header .gnb-wrap {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        gap: calc(15vw/var(--basicSize));
    }
    #header .gnb-wrap h1 img {        
        width: calc(520vw/var(--basicSize));
    }
    
    #header .btn-menu {
        position: absolute;
        right: calc(55vw/var(--basicSize));
        top: calc(75vw/var(--basicSize));

        width: calc(61vw/var(--basicSize));
        height: calc(56vw/var(--basicSize));
    }
    #header .btn-menu li {
        height: calc(6.7vw/var(--basicSize));  
    }
    #header .btn-menu li:nth-of-type(1) {
        -webkit-animation : menu-bar07-01 .75s forwards;
        animation : menu-bar07-01 .75s forwards;
    }
}

@-webkit-keyframes menu-bar07-01 {
    0% {
        -webkit-transform : translateY(calc(20vw/var(--basicSize))) rotate(45deg);
    }
    50% {
        -webkit-transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-01 {
    0% {
        transform : translateY(calc(20vw/var(--basicSize))) rotate(45deg);
    }
    50% {
        transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}
#header .btn-menu li:nth-of-type(2) {
    /* transition : all .25s .25s; */
    opacity : 1;
}
#header .btn-menu li:nth-of-type(3) {
    -webkit-animation : menu-bar07-02 .75s forwards;
    animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
    0% {
        -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(-45deg);
    }
    50% {
        -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-02 {
    0% {
        transform : translateY(calc(-20vw/var(--basicSize))) rotate(-45deg);
    }
    50% {
        transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}

@media screen and (max-width: 768px) {
    @-webkit-keyframes menu-bar07-02 {
        0% {
            -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(-45deg);
        }
        50% {
            -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
        }
        100% {
            -webkit-transform : translateY(0) rotate(0);
        }
    }
    @keyframes menu-bar07-02 {
        0% {
            transform : translateY(calc(-20vw/var(--basicSize))) rotate(-45deg);
        }
        50% {
            transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
        }
        100% {
            transform : translateY(0) rotate(0);
        }
    } 
}
#header .btn-menu.active li:nth-of-type(1) {
    -webkit-animation : active-menu-bar07-01 .75s forwards;
    animation : active-menu-bar07-01 .75s forwards;
    background-color: white !important;
}
@-webkit-keyframes active-menu-bar07-01 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
    }
    100% {
        -webkit-transform : translateY(calc(10.5vw/var(--basicSize))) rotate(45deg);
    }
}
@keyframes active-menu-bar07-01 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
    }
    100% {
        transform : translateY(calc(14vw/var(--basicSize))) rotate(45deg);
    }
}
@media screen and (max-width: 768px) {
    @-webkit-keyframes active-menu-bar07-01 {
        0% {
            -webkit-transform : translateY(0) rotate(0);
        }
        50% {
            -webkit-transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
        }
        100% {
            -webkit-transform : translateY(calc(30vw/var(--basicSize))) rotate(45deg);
        }
    }
    @keyframes active-menu-bar07-01 {
        0% {
            transform : translateY(0) rotate(0);
        }
        50% {
            transform : translateY(calc(20vw/var(--basicSize))) rotate(0);
        }
        100% {
            transform : translateY(calc(30vw/var(--basicSize))) rotate(45deg);
        }
    }
}
#header .btn-menu.active li:nth-of-type(2) {
    opacity : 0;
}
#header .btn-menu.active li:nth-of-type(3) {
    -webkit-animation : active-menu-bar07-02 .75s forwards;
    animation : active-menu-bar07-02 .75s forwards;
    background-color: white !important;
}
@-webkit-keyframes active-menu-bar07-02 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
    }
    100% {
        -webkit-transform : translateY(calc(-10.5vw/var(--basicSize))) rotate(-45deg);
    }
}
@keyframes active-menu-bar07-02 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
    }
    100% {
        transform : translateY(calc(-8vw/var(--basicSize))) rotate(-45deg);
    }
}

@media screen  and(max-width: 768px) {
    @-webkit-keyframes active-menu-bar07-02 {
        0% {
            -webkit-transform : translateY(0) rotate(0);
        }
        50% {
            -webkit-transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
        }
        100% {
            -webkit-transform : translateY(calc(-30vw/var(--basicSize))) rotate(-45deg);
        }
    }
    @keyframes active-menu-bar07-02 {
        0% {
            transform : translateY(0) rotate(0);
        }
        50% {
            transform : translateY(calc(-20vw/var(--basicSize))) rotate(0);
        }
        100% {
            transform : translateY(calc(-30vw/var(--basicSize))) rotate(-45deg);
        }
    }
}


/* 사이드메뉴 */
.menu-top-wrap {
    /* display: none; */
    position: fixed;
    right: calc(-442vw/var(--basicSize));
    top: 0;
    width: calc(442vw/var(--basicSize));
    height: 100vh;
    height: 100lvh;
    background-color: var(--mainColor);
    z-index: 99999;
    padding-right: calc(60vw/var(--basicSize));
    transition: all 0.4s;
}
.menu-top-wrap .spaceHeight {
    height: 15%;
}
.menu-top-wrap .btn-close .material-symbols-outlined {
    font-size: calc(40vw/19);
}
.menu-top-wrap .menu-top {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: calc(30vw/var(--basicSize));
    padding-right: calc(20vw/var(--basicSize));
    margin-top: calc(100vw/var(--basicSize));
    margin-bottom: calc(135vw/var(--basicSize));
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-top-wrap .menu-top li a {
    font-size: calc(21vw/var(--basicSize));
    color: white;
}
.menu-top-wrap .menu-top li a {
    position: relative;
    text-decoration: none; /* 기본 밑줄 제거 */
}
.menu-top-wrap .menu-top li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px; /* 밑줄 높이 */
    background-color: white; /* 밑줄 색상 */
    transition: width 0.3s ease; /* 밑줄 애니메이션 */
}
.menu-top-wrap .menu-top li a:hover::after {
    width: 100%; /* 마우스 오버 시 밑줄의 너비를 100%로 확장 */
}
.menu-top-wrap .img-logo {
    text-align: right;
    height: 15%;
}
.menu-top-wrap .img-logo img {
    width: calc(252vw/var(--basicSize));
}
/* 사이드메뉴 Mobile */
@media screen and (max-width: 1100px) {
    .menu-top-wrap {
        right: calc(-683vw/var(--basicSize));
        width: calc(683vw/var(--basicSize));
        padding-right: calc(43vw/var(--basicSize));
        transition: all 0.4s;
    }
    .menu-top-wrap .menu-top {
        gap: calc(30vw/var(--basicSize));
        padding-right: calc(30vw/var(--basicSize));
        margin-bottom: calc(400vw/var(--basicSize));
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    .menu-top-wrap .menu-top li a {
        font-size: calc(38vw/var(--basicSize));
    }
    .menu-top-wrap .img-logo {
        text-align: right;
        height: 15%;
        padding-left: calc(43vw/var(--basicSize));
    }
    .menu-top-wrap .img-logo img {
        width: calc(450vw/var(--basicSize));
    }
}



/* 문의하기 내용 */
.counsel {
    transition: all 0.4s;    
}
.counsel .btn-counsel { /* 바로문의하기 버튼 */
    position: fixed;
    left: calc(60vw/var(--basicSize));
    bottom: calc(126vw/var(--basicSize));
    z-index: 999999;
    cursor: pointer;

    animation: moveUpDown2 2s ease-in-out infinite;
    transform: translateY(0);
}
.counsel .btn-counsel > p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(9vw/var(--basicSize));
    width: calc(132vw/var(--basicSize));
    height: calc(132vw/var(--basicSize));
    line-height: 1.2em;
    background: linear-gradient(0deg, #0b364b, #127993);
    color: white;
    font-family: "kopup Bold";
    font-size: calc(22vw/var(--basicSize));
    text-align: center;
    padding: calc(15vw/var(--basicSize));
    border-radius: 50%;
    position: relative;
}
.counsel .btn-counsel > p:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 104%;
    height: 104%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: block;
    background: linear-gradient(0deg, #9afcc2, #f5f588);
    z-index: -1;
}
.counsel .btn-counsel > p svg {
    width: calc(11vw/var(--basicSize));
}
.counsel .counsel-wrap { /* 문의하기 팝업 */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    background-color: rgba(255, 255, 255, 0.56);
    z-index: 999999;
    display: none;
}
.counsel .counsel-wrap .counsel-con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(40vw/var(--basicSize));

    padding: calc(55vw/var(--basicSize)) 0;
    border-radius: calc(40vw/var(--basicSize));
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
.counsel .counsel-wrap .counsel-con .top-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.counsel .counsel-wrap .counsel-con .top-con p:nth-child(1) {
    width: calc(439vw/var(--basicSize));
}
.counsel .counsel-wrap .counsel-con .top-con p:nth-child(1) img {
    width: 100%;
}
.counsel .counsel-wrap .counsel-con .top-con p:nth-child(2) {
    width: 100%;
    font-size: calc(24vw/var(--basicSize));
    font-family: "kopup Bold";
    text-align: center;
    display: flex;
    flex-direction: column;
    background-color: #e6e6e6;
    margin-top: calc(19vw/var(--basicSize));
}
.counsel .counsel-wrap .counsel-con .mid-con {
    padding: 0 calc(57vw/var(--basicSize));
}
.counsel .counsel-wrap .counsel-con .mid-con ul {
    display: flex;
    justify-content: center;
    gap: calc(15vw/var(--basicSize));
}
.counsel .counsel-wrap .counsel-con .mid-con ul li {
    width: calc(170vw/var(--basicSize));
}
.counsel .counsel-wrap .counsel-con .mid-con ul li img {
    width: 100%;
}
.counsel .counsel-wrap .counsel-con .bottom-con a {
    display: flex;
    gap: calc(10vw/var(--basicSize));
    align-items: center;
    line-height: 1;

    font-size: calc(43vw/var(--basicSize));
    font-family: "kopup Bold";
    padding: 0 calc(16vw/var(--basicSize));
    padding-bottom: calc(10vw/var(--basicSize));
    border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}
.counsel .counsel-wrap .counsel-con .bottom-con a svg {
    width: calc(47vw/var(--basicSize));
}

.counsel .counsel-wrap .counsel-con .btn-close { /* 닫기 버튼 */
    position: absolute;
    right: -5vw;
    top: -5vw;
    z-index: 9999999;
    display: none;
}
.counsel .counsel-wrap .counsel-con .btn-close .material-symbols-outlined {
    font-size: calc(40vw/var(--basicSize));
    font-weight: bold;
    cursor: pointer;
}
/* 문의하기 Mobile */
@media screen and (max-width: 1100px) {
    .counsel .btn-counsel { /* 바로문의하기 버튼 */
        bottom: calc(86vw/var(--basicSize));
    }
    .counsel .btn-counsel > p {
        width: calc(210vw/var(--basicSize));
        height: calc(210vw/var(--basicSize));
        font-size: calc(45vw/var(--basicSize));
        padding: calc(15vw/var(--basicSize));
    }
    .counsel .btn-counsel > p svg {
        width: calc(23vw/var(--basicSize));
    }
    .counsel .counsel-wrap .counsel-con { /* 문의하기 팝업 */
        width: calc(840vw/var(--basicSize));
        gap: calc(52vw/var(--basicSize));
        padding: calc(70vw/var(--basicSize)) 0;
    }
    .counsel .counsel-wrap .counsel-con .top-con p:nth-child(2) {
        font-size: calc(47vw/var(--basicSize));
        margin-top: calc(52vw/var(--basicSize));
    }
    .counsel .counsel-wrap .counsel-con .mid-con {
        padding: 0 calc(85vw/var(--basicSize));
    }
    .counsel .counsel-wrap .counsel-con .mid-con ul {
        flex-wrap: wrap;
        gap: calc(35vw/var(--basicSize));
    }
    .counsel .counsel-wrap .counsel-con .mid-con ul li {
        width: 47%;
    }
    .counsel .counsel-wrap .counsel-con .bottom-con a {
        font-size: calc(65vw/var(--basicSize));
        padding: 0 calc(16vw/var(--basicSize));
        padding-bottom: calc(10vw/var(--basicSize));
        border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    }
    .counsel .counsel-wrap .counsel-con .bottom-con a svg {
        width: calc(73vw/var(--basicSize));
    }

    .counsel .counsel-wrap .counsel-con .btn-close { /* 닫기 버튼 */
        position: absolute;
        right: -5vw;
        top: -10vw;
        z-index: 9999999;
        display: none;
    }
    .counsel .counsel-wrap .counsel-con .btn-close .material-symbols-outlined {
        font-size: calc(65vw/var(--basicSize));
        font-weight: bold;
        cursor: pointer;
    }
}
@keyframes moveUpDown2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(-20vw/var(--basicSize)));
    }
    100% {
        transform: translateY(0);
    }
}

/* section1 */
.section1 .section_wrap {
    background: url("/theme/basic/images/section/1/p_bg.jpg") no-repeat center center / cover;
    height: 100vh;
    display: flex;
    align-items: center;
}
.section1 .slide-container {
    width: 100%;
    height: 100%;
}
.section1 .slide-container .slick-list {
    height: 100%;
}
.section1 .slide-container .slick-track {
    height: 100%;
}
.section1 .slide-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}
.section1 .slide-wrap .con {
    padding-top: calc(75vw/var(--basicSize));
    padding-left: calc(172vw/var(--basicSize));
    width: 100%;
    height: calc(711vw/var(--basicSize));
}
.section1 .slide-wrap .con.con1 {
    background-color: rgba(255, 255, 255, 0.46);
    box-shadow: inset 0 2px 6px rgba(209, 217, 226, 0.51), 0 10px 10px rgba(168, 177, 191, 0.29);
    /* border-bottom: 1px solid var(--mainColor); */
    position: relative;
}
.section1 .slide-wrap .con.con1 > p:nth-child(3) img {
    width: calc(500vw/var(--basicSize));
}
.section1 .slide-wrap .con.con1 > p:nth-child(5) {
    position: absolute;
    right: calc(172vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
}
.section1 .slide-wrap .con.con1 > p:nth-child(5) img {
    width: calc(1057vw/var(--basicSize));
}
.section1 .slide-wrap .con.con2 {
    background: url("/theme/basic/images/section/1/p_bg_02.png") no-repeat center center / cover;
}

.section1 .slide-wrap .con > p:nth-child(1) {
    font-size: calc(41vw/var(--basicSize));
}
.section1 .slide-wrap .con.con2 > p:nth-child(1) {
    color: white;
}
.section1 .slide-wrap .con > p:nth-child(2) {
    font-size: calc(75vw/var(--basicSize));
    font-family: "kopup Bold";
    color: var(--mainColor);
    line-height: 1.2em;
    margin-top: calc(40vw/var(--basicSize));
}
.section1 .slide-wrap .con.con2 > p:nth-child(2) {
    color: white;
}
.section1 .slide-wrap .con > p:nth-child(3) {
    margin-top: calc(52vw/var(--basicSize));
}
.section1 .slide-wrap .con > p:nth-child(3) img {
    filter: drop-shadow(0 5px 24px rgba(0, 0, 0, 0.3));
}
.section1 .slide-wrap .con.con2 > p:nth-child(3) {
    font-size: calc(30vw/var(--basicSize));
    color: white;
    line-height: 1.4em;
}
.section1 .slide-wrap .con > p:nth-child(4) {
    margin-top: calc(80vw/var(--basicSize));
    position: relative;
    z-index: 2;              
}
.section1 .slide-wrap .con > p:nth-child(4) a {
    font-family: "kopup Bold";
    font-size: calc(27vw/var(--basicSize));
    display: inline-block;
    padding-left: calc(14vw/var(--basicSize));
    padding-top: calc(17vw/var(--basicSize));
    padding-bottom: calc(17vw/var(--basicSize));
    padding-right: calc(11vw/var(--basicSize));
    background-color: var(--mainColor);
    color: white;
    position: relative;
}
.section1 .slide-wrap .con > p:nth-child(4) a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(3vw/var(--basicSize));
    width: calc(98vw/var(--basicSize));
    height: calc(4vw/var(--basicSize));
    background-color: #48a5a3;
}
.section1 .slide-wrap .con > p:nth-child(4) a .icon_arrow {
    margin-left: calc(64vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.6);
    display: inline-flex;
    width: calc(38vw/var(--basicSize));
    height: calc(38vw/var(--basicSize));
    justify-content: center;
    align-items: center;
}
.section1 .slide-wrap .con > p:nth-child(4) a .icon_arrow svg {
    width: calc(15vw/var(--basicSize));
    transform: rotate(90deg);
}
.section1 .slide-wrap .con.con2 > p:nth-child(4) a {
    background-color: white;
    color: var(--mainColor);
}
.section1 .slide-wrap .con.con2 > p:nth-child(4) a:after {
    opacity: 0.21;
}
.section1 .slide-wrap .con.con2 > p:nth-child(4) a .icon_arrow {
    background-color: white;
}


.section1 .slide-wrap .con.con3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-left: 0;
    padding-right: calc(172vw/var(--basicSize));
    position: relative;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 10px 10px rgba(168, 177, 191, 0.29);
}
.section1 .slide-wrap .con.con3 > p:nth-child(2) {
    text-align: right;
}
.section1 .slide-wrap .con.con3 > p:nth-child(3) img {
    width: calc(608vw/var(--basicSize));
}
.section1 .slide-wrap .con.con3 > p:nth-child(5) {
    position: absolute;
    left: -10%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.section1 .slide-wrap .con.con3 > p:nth-child(5) video {
    width: 70%;
}

.section1 .slide-wrap .con-img img {
    filter: drop-shadow(-3px -5px 6px rgba(0, 0, 0, 0.3));
    width: calc(755vw/var(--basicSize));
}

.section1 .item4 {
    background-color: rgba(255, 255, 255, 0.46);
    box-shadow: inset 0 2px 6px rgba(209, 217, 226, 0.51), 0 10px 10px rgba(168, 177, 191, 0.29);
}
.section1 .item4 .slide-wrap {
    display: flex;
    gap: calc(130vw/var(--basicSize));
    align-items: center;
    justify-content: center;
    background: url("/theme/basic/images/section/1/p_main_box.png") no-repeat center center / contain;
}
.section1 .item4 .slide-wrap .con4 {
    width: auto;
    padding-left: 0;
}
.section1 .item4 .slide-wrap .con4 > p:nth-child(3) {
    font-size: calc(30vw/var(--basicSize));
    line-height: 1.4em;
}
.section1 .text-fade-left {
    transform: translateX(-50px);
    opacity: 0;
}


/* slide dots & arrow */
.section1 .slide-container .slick-dots {
    position: absolute;
    left: calc(310vw/var(--basicSize));
    bottom: calc(103vw/var(--basicSize));
    display: flex;
    gap: calc(21vw/var(--basicSize));
}
.section1 .slide-container .slick-dots:before {
    content: '';
    position: absolute;
    left: calc(-102vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    width: calc(205vw/var(--basicSize));
    height: 1px;
    background-color: #a8b1bf;
}
.section1 .slide-container .slick-dots:after {
    content: 'Slide';
    position: absolute;
    left: calc(-102vw/var(--basicSize));
    top: -70%;
    font-size: calc(21vw/var(--basicSize));
    color: var(--mainColor);
}
.section1 .slide-container .slick-dots button {
    width: calc(12vw/var(--basicSize));
    height: calc(12vw/var(--basicSize));
    border-radius: 50%;
    background-color: #a8b1bf;
    font-size: 0;
    border: 0;
}
.section1 .slide-container .slick-dots li {
    position: relative;
    z-index: 2;
}
.section1 .slide-container .slick-dots li.slick-active button {
    background-color: var(--mainColor);
}
.section1 .section_wrap .slick-next {
    position: absolute;
    left: calc(450vw/var(--basicSize));
    bottom: calc(102vw/var(--basicSize));
    color: var(--mainColor);
    cursor: pointer;
}
.section1 .section_wrap .slick-next:before {
    content: '▶';
    position: absolute;
    left: calc(-10vw/var(--basicSize));
    top: 0;
    font-size: 12px;
    color: var(--mainColor);
    opacity: 0.34;
}
    
/* section1 Mobile */
@media screen and (max-width: 1100px) {
    .section1 .section_wrap {
        /* background: url("/theme/basic/images/section/1/m_bg.jpg") no-repeat center center / cover; */
    }
    .section1  .slide-container {
        width: 100%;
        height: 100%;
    }
    .section1  .slide-container .slick-list {
        height: 100%;
    }
    .section1  .slide-container .slick-track {
        height: 100%;
    }
    .section1 .slide-wrap {
        display: flex;
        align-items: center;
        height: 100%;
        background: url("/theme/basic/images/section/1/m_bg_01.png") no-repeat center center / cover;        
    }
    .section1 .slide-wrap .con {
        padding-top: calc(85vw/var(--basicSize));
        padding-left: 0;
        width: calc(920vw/var(--basicSize));
        height: calc(1510vw/var(--basicSize));
        margin: 0 auto;
    }
    .section1 .slide-wrap .con.con1 {
        background-color: rgba(255, 255, 255, 0.77);
        text-align: center;
    }
    .section1 .slide-wrap .con.con1 > p:nth-child(3) {
            position: relative;
            z-index: 2;        
    }
    .section1 .slide-wrap .con.con1 > p:nth-child(3) img {
        width: calc(670vw/var(--basicSize));
        display: inline-block;
    }
    .section1 .slide-wrap .con.con1 > p:nth-child(5) {
        position: absolute;
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(50%);
    }
    .section1 .slide-wrap .con.con1 > p:nth-child(5) img {
        width: calc(843vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con2 {
        background: url("/theme/basic/images/section/1/m_bg_02.png") no-repeat center center / cover;
        text-align: center;
    }

    .section1 .slide-wrap .con > p:nth-child(1) {
        font-size: calc(57vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(1) {
        color: white;
    }
    .section1 .slide-wrap .con > p:nth-child(2) {
        font-size: calc(100vw/var(--basicSize));
        
        margin-top: calc(62vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(2) {
        color: white;
    }
    .section1 .slide-wrap .con > p:nth-child(3) {
        margin-top: calc(52vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(3) {
        font-size: calc(48vw/var(--basicSize));
    }
    .section1 .slide-wrap .con > p:nth-child(4) {
        margin-top: calc(743vw/var(--basicSize));
    }
    .section1 .slide-wrap .con > p:nth-child(4) a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(328vw/var(--basicSize));
        height: calc(72vw/var(--basicSize));
        margin: 0 auto;
        font-size: calc(41vw/var(--basicSize));
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        border-radius: calc(35vw/var(--basicSize));
    }
    .section1 .slide-wrap .con > p:nth-child(4) a:after {
        content: none;
    }    
    .section1 .slide-wrap .con > p:nth-child(4) a .icon_arrow {
        display: none;
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(4) {
        margin-top: calc(550vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(4) a {
        background-color: var(--mainColor);
        color: white;
    }
    .section1 .slide-wrap .con.con2 > p:nth-child(4) a .icon_arrow {
        display: none;
    }

    .section1 .slide-wrap .con.con3 {
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }
    .section1 .slide-wrap .con.con3 > p:nth-child(2) {
        text-align: center;
    }
    .section1 .slide-wrap .con.con3 > p:nth-child(4) {
        margin-top: 0;
        position: absolute;
        left: 50%;
        bottom: calc(93vw/var(--basicSize));
        transform: translateX(-50%);
    }
    .section1 .slide-wrap .con.con3 > p:nth-child(5) {
        position: static;
        margin-top: calc(60vw/var(--basicSize));
    }
    .section1 .slide-wrap .con.con3 > p:nth-child(5) video {
        width: 100%;
    }

    .section1 .slide-wrap .con-img img {
        filter: drop-shadow(-3px -5px 6px rgba(0, 0, 0, 0.3));
        width: calc(755vw/var(--basicSize));
    }
    

    .section1 .item4 {
        background-color: none;
        box-shadow: none;
    }
    .section1 .item4 .slide-wrap {
        background: url("/theme/basic/images/section/1/m_bg_01.png") no-repeat center center / cover;
        gap: 0;
    }
    .section1 .item4 .slide-wrap .con4 {
        padding-top: calc(85vw/var(--basicSize));
        padding-left: 0;
        width: calc(920vw/var(--basicSize));
        height: calc(1510vw/var(--basicSize));
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.44);
        text-align: center;
        position: relative;
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(2) {
        margin-top: 0;
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(2) .mobile {
        font-size: calc(75vw/var(--basicSize));
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(2) .mobile strong {
        font-size: calc(100vw/var(--basicSize));
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(3) {
        font-size: calc(48vw/var(--basicSize));
        line-height: 1.4em;
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(4) {
        position: absolute;
        left: 50%;
        bottom: calc(50vw/var(--basicSize));
        transform: translateX(-50%);
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(5) {
        margin-top: calc(48vw/var(--basicSize));
    }
    .section1 .item4 .slide-wrap .con4 > p:nth-child(5) img {
        margin: 0 auto;
        width: calc(748vw/var(--basicSize));
    }

    /* slide dots & arrow */
    .section1 .slide-container .slick-dots {
        left: 50%;
        bottom: calc(103vw/var(--basicSize));
        transform: translateX(-50%);
        gap: calc(38vw/var(--basicSize));
    }
    .section1 .slide-container .slick-dots:before {
        content: none;
    }
    .section1 .slide-container .slick-dots:after {
        content: none;
    }
    .section1 .slide-container .slick-dots button {
        width: calc(20vw/var(--basicSize));
        height: calc(20vw/var(--basicSize));
    }
    
    .section1 .section_wrap .slick-next {
        display: none !important;
    }
    .section1 .section_wrap .slick-next:before {
        content: none;
    }
}




/* section2 */
.section2 {
    padding: calc(150vw/var(--basicSize)) 0;
}
.section2 .section_wrap h3 {
    width: calc(1500vw/var(--basicSize));
    margin: 0 auto;
    font-size: calc(45vw/var(--basicSize));
    font-family: "kopup Bold";
    color: #85a4a3;
    line-height: 1;
}
.section2 .section_wrap h3 .fillWrap {
    font-size: calc(65vw/var(--basicSize));
    color: silver;
    display: block;
    margin-top: calc(25vw/var(--basicSize));
    position: relative;
}
.section2 .section_wrap h3 .fillWrap .fillColor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}

.section2 .section_wrap .slide-container {
    margin-top: calc(34vw/var(--basicSize));
    padding: calc(24vw/var(--basicSize)) 0;
    background-color: #f1f1f1;
    position: relative;
}
.section2 .section_wrap .slide-container .slick-list {
    width: calc(1452vw/var(--basicSize));
    margin: 0 auto;
    z-index: 2;
}
.section2 .section_wrap .slide-container .slide-item {
    display: flex;
    justify-content: flex-start;
    gap: calc(93vw/var(--basicSize));
}
.section2 .section_wrap .slide-container .slide-item .item .date { /* 치료 전/후 날짜 */
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.section2 .section_wrap .slide-container .slide-item .item .date p {
    font-family: "kopup Bold";
    font-size: calc(22vw/var(--basicSize));
    color: #707070;
}
.section2 .section_wrap .slide-container .slide-item .item .date p strong {
    font-size: calc(32vw/var(--basicSize));
}

.section2 .section_wrap .slide-container .slide-item .item .date p:nth-child(1) strong {
    color: #9d9d9d;
}
.section2 .section_wrap .slide-container .slide-item .item .date p:nth-child(2) strong {
    color: var(--mainColor);
}
.section2 .section_wrap .slide-container .slide-item .item .comparison-slider { /* BEFORE & AFTER 사진 */
    position: relative;
    width: calc(681vw/var(--basicSize));
}
.section2 .section_wrap .slide-container .slide-item .item .comparison-slider > img {
    display: block;
    width: 100%;
    height: auto;
}
.section2 .section_wrap .slide-container .slide-item .item .comparison-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.section2 .section_wrap .slide-container .slide-item .item .comparison-slider .resize > img {
    display: block;
    width: auto;
}

.section2 .section_wrap .slide-container .slide-item .item .comparison-slider .divider {
    position: absolute;
    width: calc(49vw/var(--basicSize));
    height: 100%;
    background-color: #fff;
    left:50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    background: url("/theme/basic/images/section/2/line.png") no-repeat center center / cover;
}

.section2 .section_wrap .slide-container .slide-item .item .period { /* 치료기간 */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(13vw/(var(--basicSize)));
    font-size: calc(27vw/var(--basicSize));
    color: #707070;
    margin-top: calc(16vw/var(--basicSize));
    font-family: "kopup Bold";
}
.section2 .section_wrap .slide-container .slide-item .item .period span {
    font-size: calc(22vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    padding: calc(7vw/var(--basicSize)) calc(22vw/var(--basicSize));
    border-radius: calc(25vw/var(--basicSize));
}

.section2 .section_wrap .slide-container .slide-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.section2 .section_wrap .slide-container .slide-btn > p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.section2 .section_wrap .slide-container .slide-btn > p.slick-prev {
    left: calc(124vw/var(--basicSize));
}   
.section2 .section_wrap .slide-container .slide-btn > p.slick-next {
    right: calc(124vw/var(--basicSize));
}

.section2 .section_wrap .notice {
    display: flex;
    justify-content: space-between;
    width: calc(1500vw/var(--basicSize));
    margin: 0 auto;
    margin-top: calc(25vw/var(--basicSize));
}
.section2 .section_wrap .notice > ul {
    display: flex;
    flex-direction: column;
    gap: calc(10vw/var(--basicSize));
    font-size: calc(18vw/var(--basicSize));
    color: #343434;
}

.section2 .section_wrap .notice > p { /* 더 많은 후기 버튼 */
    width: calc(497vw/var(--basicSize));
}
.section2 .section_wrap .notice > p img {
    width: 100%;
}
/* section2 Mobile */
@media screen and (max-width: 1100px) {
    .section2 {
        padding-top: calc(243vw/var(--basicSize));
        padding-bottom: calc(0vw/var(--basicSize));
    }
    .section2 .section_wrap h3 {
        width: calc(830vw/var(--basicSize));
        font-size: calc(55vw/var(--basicSize));
        text-align: center;
    }
    .section2 .section_wrap h3 .fillWrap {
        font-size: calc(75vw/var(--basicSize));
        margin-top: calc(32vw/var(--basicSize));
        left: 50%;
        transform: translateX(-50%);
    }

    .section2 .section_wrap .slide-container {
        margin-top: calc(70vw/var(--basicSize));
        padding: calc(70vw/var(--basicSize)) 0;
    }
    .section2 .section_wrap .slide-container .slick-list {
        width: calc(680vw/var(--basicSize));
    }
    .section2 .section_wrap .slide-container .slide-item {
        flex-direction: column;
        gap: calc(48vw/var(--basicSize));
    }
    .section2 .section_wrap .slide-container .slide-item .item .comparison-slider { /* BEFORE & AFTER 사진 */
        width: calc(680vw/var(--basicSize));
    }
    .section2 .section_wrap .slide-container .slide-item .item .comparison-slider .divider {
        width: calc(54vw/var(--basicSize));
    }
    .section2 .section_wrap .slide-container .slide-btn > p.slick-prev {
        left: calc(36vw/var(--basicSize));
    }   
    .section2 .section_wrap .slide-container .slide-btn > p.slick-next {
        right: calc(36vw/var(--basicSize));
    }

    .section2 .section_wrap .notice {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: calc(0vw/var(--basicSize));
    }
    .section2 .section_wrap .notice > ul {
        width: calc(680vw/var(--basicSize));
        align-items: center;
        font-size: calc(23vw/var(--basicSize));
        padding: calc(45vw/var(--basicSize)) 0;
    }
    .section2 .section_wrap .notice > p { /* 더 많은 후기 버튼 */
        width: 100%;
        padding-top: calc(55vw/var(--basicSize));
        padding-bottom: calc(108vw/var(--basicSize));
        background-color: #f1f1f1;
        text-align: center;
    }
    .section2 .section_wrap .notice > p img {
        width: calc(589vw/var(--basicSize));
    }
}
@media screen and (max-width: 480px) {
    .section2 .section_wrap h3 .fillWrap {
        font-size: calc(70vw/var(--basicSize));
    }
    
    .section2 .section_wrap .notice > ul {
        letter-spacing: -0.02em;
    }
}


/* section3 */
.section3 {
    padding: calc(110vw/var(--basicSize)) 0;
}
.section3 .section_wrap {
    display: flex;
    justify-content: center;
    gap: calc(100vw/var(--basicSize));
}
.section3 .section_wrap .left {
    width: calc(665vw/var(--basicSize));
}
.section3 .section_wrap .left .img-box {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: calc(845vw/var(--basicSize));
    position: relative;
}
.section3 .section_wrap .left .img-box:hover span img {
    filter: grayscale(0);
}

.section3 .section_wrap .left .img-box > img {
    width: calc(620vw/var(--basicSize));
    position: absolute;
    right: 0;
    bottom: 0;
}
.section3 .section_wrap .left .img-box span {
    width: calc(665vw/var(--basicSize));
}
.section3 .section_wrap .left .img-box span img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: grayscale(1);
    transition: all 0.4s;
    z-index: -1;
}

.section3 .section_wrap .right .moto {
    font-family: "kopup Bold";
    font-size: calc(80vw/var(--basicSize));
    line-height: 1.3em;
}
.section3 .section_wrap .right .moto .fillWrap {
    color: silver;
    /* display: block; */
    margin-top: calc(25vw/var(--basicSize));
    position: relative;
}
.section3 .section_wrap .right .moto .fillWrap .fillColor {
    position: absolute;
    left: 0;
    top: calc(10vw/var(--basicSize));
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
.section3 .section_wrap .right .profile {
    margin-top: calc(90vw/var(--basicSize));
}
.section3 .section_wrap .right .profile .name {
    font-size: calc(27vw/var(--basicSize));
    font-family: "kopup Bold";
}
.section3 .section_wrap .right .profile .name strong {
    font-size: calc(62vw/var(--basicSize));
    color: #4b4b4b;
}

.section3 .section_wrap .right .profile > p {
    font-size: calc(41vw/var(--basicSize));
    font-family: "kopup Bold";
    background-color: #dddddd;
    border-radius: calc(45vw/var(--basicSize));

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(16vw/var(--basicSize));
    padding: calc(3vw/var(--basicSize)) calc(33vw/var(--basicSize));
}
.section3 .section_wrap .right .profile > p img {
    width: calc(49vw/var(--basicSize));
}

.section3 .section_wrap .right .profile > ul {
    margin-top: calc(60vw/(var(--basicSize)));
    display: flex;
    flex-wrap: wrap;
    /* gap: calc(30vw/var(--basicSize)); */
    width: calc(800vw/var(--basicSize));
    font-size: calc(23vw/var(--basicSize));
    color: #343434;
}
.section3 .section_wrap .right .profile > ul li {
    margin-bottom: calc(10vw/var(--basicSize));
}
.section3 .section_wrap .right .profile > ul li:nth-child(1) {
    font-family: "kopup Bold";
}
.section3 .section_wrap .right .profile > ul li:nth-child(2n-1) {
    width: calc(340vw/var(--basicSize));
    margin-right: calc(30vw/var(--basicSize));
}
/* section3 Mobile*/
@media screen and (max-width: 1100px) {
    .section3 {
        padding-top: calc(243vw/var(--basicSize));
    }
    .section3 .section_wrap {
        display: flex;
        justify-content: center;
        gap: calc(100vw/var(--basicSize));

        position: relative;
    }
    .section3 .section_wrap .left {
        position: absolute;
        left: 50%;
        top: 17%;
        transform: translateX(-50%);

        width: calc(800vw/var(--basicSize));
    }
    .section3 .section_wrap .left .img-box {
        height: calc(860vw/var(--basicSize));
        position: relative;
    }
    .section3 .section_wrap .left .img-box > img:nth-of-child(1) {
        width: calc(550vw/var(--basicSize));
        
    }
    .section3 .section_wrap .left .img-box span img {
        filter: grayscale(0);
    }

    .section3 .section_wrap .right .moto {
        text-align: center;
    }
    
    .section3 .section_wrap .right .profile {
        margin-top: calc(990vw/var(--basicSize));
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .section3 .section_wrap .right .profile .name {
        font-size: calc(41vw/var(--basicSize));

        strong {
            font-size: calc(93vw/var(--basicSize));
        }
    }

    .section3 .section_wrap .right .profile > p {
        font-size: calc(35vw/var(--basicSize));

        img {
            width: calc(42vw/var(--basicSize));
        }
    }

    .section3 .section_wrap .right .profile > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(800vw/var(--basicSize));
        font-size: calc(30vw/var(--basicSize));
    }
    .section3 .section_wrap .right .profile > ul li {
        margin-bottom: calc(20vw/var(--basicSize));
    }
    .section3 .section_wrap .right .profile > ul li:nth-child(2n-1) {
        width: auto;
        margin-right: 0;
        white-space: wrap;
    }
    .section3 .section_wrap .right .profile > ul li:nth-child(2n) {
        width: calc(320vw/var(--basicSize));
    }
    .section3 .section_wrap .right .profile > ul li:nth-child(5), .section3 .section_wrap .right .profile > ul li:nth-child(7) {
        transform: translateY(calc(-45vw/var(--basicSize)));
    }
}


/* section4 */
.section4 .section_wrap {
    padding-top: calc(210vw/var(--basicSize));
    padding-bottom: calc(135vw/var(--basicSize));
    padding-left: calc(208vw/var(--basicSize));
    overflow-x: hidden;       
}
.section4 .section_wrap .upper {
    display: flex;
    gap: calc(100vw/var(--basicSize));
    flex-wrap: nowrap;
    width: fit-content;
}
.section4 .section_wrap .upper .part01 {
    width: calc(655vw/var(--basicSize));
}
.section4 .section_wrap .upper .part01 h3 {
    font-size: calc(80vw/var(--basicSize));
    font-family: "kopup Bold";
    line-height: 1.2em;    
}
.section4 .section_wrap .upper .part01 h3 strong.fillWrap {
    color: silver;
    position: relative;
}
.section4 .section_wrap .upper .part01 h3 strong.fillWrap .fillColor {
    position: absolute;
    left: 0;
    top: calc(15vw/var(--basicSize));
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
.section4 .section_wrap .upper .part02 {
    width: calc(1400vw/var(--basicSize));
    height: calc(258vw/var(--basicSize));
    background-color: #ececec;
    border-radius: calc(40vw/var(--basicSize));
    padding: calc(35vw/var(--basicSize));
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item {
    height: calc(179vw/var(--basicSize));
    background-color: white;
    border-top-left-radius: calc(50vw/var(--basicSize));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc(32vw/var(--basicSize));
    margin-right: calc(42vw/var(--basicSize));
    position: relative;
    color: var(--mainColor);
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item p {
    font-size: calc(27vw/var(--basicSize));
    font-family: "kopup Bold";
    line-height: 1.3em;
    text-align: center;
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item p.colorText1 {
    color: black;
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item p.colorText2 {
    color: #494949;
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item:after {
    content: '';
    position: absolute;
    right: calc(-42vw/var(--basicSize));
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: calc(19vw/var(--basicSize));
    height: calc(35vw/var(--basicSize));
    background: url("/theme/basic/images/section/4/arrow.png") no-repeat center center / contain;
}
.section4 .section_wrap .upper .part02 .slide-wrapper .slide-item.lastSlide:after {
    content: none;
}
.section4 .section_wrap .dropper {
    display: flex;
    align-items: center;
    gap: calc(100vw/var(--basicSize));
    margin-top: calc(35vw/var(--basicSize));
}
.section4 .section_wrap .dropper .part03 p {
    font-size: calc(31vw/var(--basicSize));
}
.section4 .section_wrap .dropper .part03 h3 {
    margin-top: calc(15vw/var(--basicSize));
    font-size: calc(85vw/var(--basicSize));
    font-family: "kopup Bold";
    position: relative;
    display: inline-block;
}
.section4 .section_wrap .dropper .part03 h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: calc(-10vw/var(--basicSize));
    width: 100%;
    height: calc(9vw/var(--basicSize));
    background-color: #d4dbe5;
}

.section4 .section_wrap .dropper .part04 {
    display: flex;
    align-items: flex-start;
    font-family: "kopup Bold";
    position: relative;
}
.section4 .section_wrap .dropper .part04 span {
    font-size: calc(56vw/var(--basicSize));
    color: #929292;
}
.section4 .section_wrap .dropper .part04 strong {
    font-size: calc(453vw/var(--basicSize));
    background: linear-gradient(90deg, #155f55, #7daba6);
    background-clip: text;
    color: transparent;
    line-height: 1.1;
}

.section4 .section_wrap .dropper .part04:after {
    content: '';
    position: absolute;
    right: calc(90vw/var(--basicSize));
    top: calc(-122vw/var(--basicSize));
    width: calc(122vw/var(--basicSize));
    height: calc(122vw/var(--basicSize));
    background: url("/theme/basic/images/section/4/circle.png") no-repeat center center / cover;
}

/* section4 Mobile */
@media screen and (max-width: 1100px) {
    .section4 .section_wrap {
        padding-top: calc(234vw/var(--basicSize));
        padding-left: 0;       
    }
    .section4 .section_wrap .upper {
        flex-direction: column;
        gap: calc(80vw/var(--basicSize));
        flex-wrap: wrap;
        width: 100%;
    }
    .section4 .section_wrap .upper .part01 {
        width: 100%;
        text-align: center;
    }
    .section4 .section_wrap .upper .part01 h3 {
        font-size: calc(80vw/var(--basicSize));
    }
    .section4 .section_wrap .upper .part01 h3 strong.fillWrap .fillColor {
        top: calc(15vw/var(--basicSize));
    }
    .section4 .section_wrap .upper .part02 {
        width: calc(2000vw/var(--basicSize));
        height: calc(353vw/var(--basicSize));
        padding: calc(50vw/var(--basicSize));
    }
    .section4 .section_wrap .upper .part02 .slide-wrapper .slide-item {
        height: calc(244vw/var(--basicSize));
    }
    .section4 .section_wrap .upper .part02 .slide-wrapper .slide-item p {
        font-size: calc(37vw/var(--basicSize));
    }

    .section4 .section_wrap .upper .part02 .slide-wrapper .slide-item:after {
        width: calc(27vw/var(--basicSize));
        height: calc(48vw/var(--basicSize));
        right: calc(-55vw/var(--basicSize));
    }
    .section4 .section_wrap .upper .part02 .slide-wrapper .slide-item.lastSlide:after {
        content: none;
    }
    .section4 .section_wrap .dropper {
        flex-direction: column;
        justify-content: center;
        gap: calc(60vw/var(--basicSize));
        margin-top: calc(65vw/var(--basicSize));
    }
    .section4 .section_wrap .dropper .part03 p {
        font-size: calc(45vw/var(--basicSize));
        text-align: center;
    }
    .section4 .section_wrap .dropper .part03 h3 {
        margin-top: calc(35vw/var(--basicSize));
        font-size: calc(85vw/var(--basicSize));
        font-family: "kopup Bold";
        position: relative;
        display: inline-block;
    }
    .section4 .section_wrap .dropper .part03 h3:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: calc(-10vw/var(--basicSize));
        width: 100%;
        height: calc(9vw/var(--basicSize));
        background-color: #d4dbe5;
    }
    .section4 .section_wrap .dropper .part04 {
        flex-direction: column;
        align-items: center;
    }
    .section4 .section_wrap .dropper .part04:after {
        content: none;
    }
}


/* section5 */
.section5 {
    padding-top: calc(153vw/var(--basicSize));
    padding-bottom: calc(243vw/var(--basicSize));
    position: relative;
    overflow: hidden;
}

.section5 .section_wrap > h3 {
    font-size: calc(45vw/var(--basicSize));
    font-family: "kopup Bold";
    color: #85a4a3;
    text-align: center;      
}
.section5 .section_wrap > h3 .fillWrap {
    font-size: calc(65vw/var(--basicSize));
    color: silver;
    position: relative;
    display: block;
}
.section5 .section_wrap > h3 .fillWrap .fillColor {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}

.section5 .section_wrap > p {
    margin-top: calc(55vw/var(--basicSize));
    font-size: calc(28vw/var(--basicSize));
    text-align: center;
}
.section5 .section_wrap > p strong {
    font-family: "kopup Medium";
}

.section5 .section_wrap .con {
    display: flex;
    justify-content: center;
    gap: calc(82vw/var(--basicSize));
    margin-top: calc(60vw/var(--basicSize));
}
.section5 .section_wrap .con .left {
    box-shadow: inset 0 6px 18px rgba(209, 217, 226, 0.51);
    filter: drop-shadow(-1px 5px 10px rgba(168, 177, 191, 0.29));
    padding: calc(12vw/var(--basicSize)) 0;
    height: fit-content;
}
.section5 .section_wrap .con .left .left_wrap {
    background-color: #bfdad9;
    padding: calc(42vw/var(--basicSize)) calc(72vw/var(--basicSize));
}
.section5 .section_wrap .con .left .left_wrap p {
    font-size: calc(26vw/var(--basicSize));
    text-align: center;
}
.section5 .section_wrap .con .left .left_wrap p:nth-child(2) {
    margin-top: calc(30vw/var(--basicSize));
}

.section5 .section_wrap .con .left .left_wrap p strong {
    font-family: "kopup Bold";
}
.section5 .section_wrap .con .left .left_wrap p img {
    width: calc(373vw/var(--basicSize));
}

.section5 .section_wrap .con .right p:nth-child(1) img {
    width: calc(668vw/var(--basicSize));
    animation: floatUpDown 3s ease-in-out infinite;
}
.section5 .section_wrap .con .right p:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20vw/var(--basicSize));
    margin-top: calc(45vw/var(--basicSize));
}
.section5 .section_wrap .con .right p:nth-child(2) img {
    height: calc(32vw/var(--basicSize));
}
.section5 .section_wrap .con .right p:nth-child(2) span {
    display: inline-block;
    margin: 0 calc(15vw/var(--basicSize));
}
.section5 .section_wrap .con .right p:nth-child(2) svg {
    height: calc(36vw/var(--basicSize));
}

.section5 .background {
    position: absolute;
    bottom: -20%;
    left: 0;
    width: 107%;
}
.section5 .background svg {
    width: 100%;
}
/* section5 Mobile */
@media screen and (max-width: 1100px) {
    .section5 {
        padding-top: calc(234vw/var(--basicSize));
        padding-bottom: calc(123vw/var(--basicSize));
    }
    .section5 .section_wrap > h3 {
        font-size: calc(53vw/var(--basicSize));
        line-height: 1.2em;     
    }
    .section5 .section_wrap > h3 .fillWrap {
        font-size: calc(81vw/var(--basicSize));
        line-height: 1.2em;
    }
    .section5 .section_wrap > h3 .fillWrap .fillColor {
        top: 0;
    }
    
    .section5 .section_wrap > p {
        margin-top: calc(65vw/var(--basicSize));
        font-size: calc(44vw/var(--basicSize));
    }

    .section5 .section_wrap .con {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: calc(75vw/var(--basicSize));
    }
    .section5 .section_wrap .con .left .left_wrap {
        padding: calc(50vw/var(--basicSize)) calc(90vw/var(--basicSize));
    }
    .section5 .section_wrap .con .left .left_wrap p {
        font-size: calc(36vw/var(--basicSize));
    }
    .section5 .section_wrap .con .left .left_wrap p:nth-child(2) {
        margin-top: calc(35vw/var(--basicSize));
    }

    .section5 .section_wrap .con .left .left_wrap p img {
        width: calc(521vw/var(--basicSize));
    }
    
    .section5 .section_wrap .con .right p:nth-child(1) img {
        width: calc(668vw/var(--basicSize));
        animation: floatUpDown 3s ease-in-out infinite;
    }
    .section5 .section_wrap .con .right p:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(20vw/var(--basicSize));
        margin-top: calc(45vw/var(--basicSize));
    }
    .section5 .section_wrap .con .right p:nth-child(2) img {
        height: calc(41vw/var(--basicSize));
    }
    .section5 .section_wrap .con .right p:nth-child(2) span {
        margin: 0 calc(15vw/var(--basicSize));
    }
    .section5 .section_wrap .con .right p:nth-child(2) svg {
        height: calc(46vw/var(--basicSize));
    }
    .section5 .background {
        position: absolute;
        bottom: 50%;
        left: 50%;
        width: 107%;
        transform: translate(-50%, 50%);
        z-index: -1;
    }
    .section5 .background svg {
        width: 100%;
    }
}


/* section6 */
.section6 {
    padding-top: calc(147vw/var(--basicSize));
    padding-bottom: calc(72vw/var(--basicSize));
}

.section6 .section_wrap > h3 {
    font-size: calc(65vw/var(--basicSize));
    font-family: "kopup Bold";
    text-align: center;
    color: silver;
}
.section6 .section_wrap > h3 .fillWrap {
    position: relative;
}
.section6 .section_wrap > h3 .fillWrap .fillColor {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}


.section6 .section_wrap > p {
    font-size: calc(28vw/var(--basicSize));
    text-align: center;
    margin-top: calc(50vw/var(--basicSize));
}

.section6 .section_wrap .con {
    margin: 0 auto;
    margin-top: calc(70vw/var(--basicSize));
    border-top-left-radius: calc(50vw/var(--basicSize));
    border-top-right-radius: calc(50vw/var(--basicSize));
    width: calc(1502vw/var(--basicSize));
    height: calc(614vw/var(--basicSize));
    display: flex;
    overflow: hidden;
}
.section6 .section_wrap .con .left {
    width: 50%;
    position: relative;
    z-index: 1;
    padding-left: calc(48vw/var(--basicSize));
    background-color: #d4dbe5;
}
.section6 .section_wrap .con .left ul:nth-of-type(1) {
    position: absolute;
    left: calc(48vw/var(--basicSize));
    top: calc(80vw/var(--basicSize));
    z-index: 2;
    font-size: calc(35vw/var(--basicSize));
    font-family: "kopup Bold";
    color: white;
    display: flex;
    gap: calc(13vw/var(--basicSize));
}
.section6 .section_wrap .con .left ul:nth-of-type(1) li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: calc(189vw/var(--basicSize));
    height: calc(189vw/var(--basicSize));
    text-align: center;

    background-color: rgba(73, 140, 137, 0.91);
}
.section6 .section_wrap .con .left ul:nth-of-type(1) li:nth-child(2n-1) {
    background-color: rgba(16, 173, 166, 0.91);
}

.section6 .section_wrap .con .left ul:nth-of-type(2) {
    margin-top: calc(40vw/var(--basicSize));
}
.section6 .section_wrap .con .left ul:nth-of-type(2) li {
    font-size: calc(28vw/var(--basicSize));
    font-family: "kopup Medium";
    background-color: white;
    width: calc(590vw/var(--basicSize));
    margin-bottom: calc(8vw/var(--basicSize));
    padding-left: calc(10vw/var(--basicSize));
}
.section6 .section_wrap .con .left > h4 {
    margin-top: calc(324vw/var(--basicSize));
    font-family: "kopup Bold";
    font-size: calc(50vw/var(--basicSize));
    font-family: "kopup Bold";
    filter: drop-shadow(1px 1px 4px white);
    color: var(--mainColor);
}
.section6 .section_wrap .con .right {
    width: 50%;
}
.section6 .section_wrap .con .right video {
    width: 217%;
    margin-left: calc(-452vw/var(--basicSize));
}
/* section6 Mobile */
@media screen and (max-width: 1100px) {
    .section6 {
        padding-top: calc(234vw/var(--basicSize));
        padding-bottom: 0;
    }
    
    .section6 .section_wrap > h3 {
        font-size: calc(81vw/var(--basicSize));
    }
    .section6 .section_wrap > h3 .fillWrap .fillColor {
        top: 0;
    }

    .section6 .section_wrap > p {
        font-size: calc(44vw/var(--basicSize));
        margin-top: calc(50vw/var(--basicSize));
    }

    .section6 .section_wrap .con {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column-reverse;
    }
    .section6 .section_wrap .con .left {
        width: 100%;
        padding-left: 0;
        padding: 0 calc(75vw/var(--basicSize));
        padding-bottom: calc(126vw/var(--basicSize));
    }
    .section6 .section_wrap .con .left ul:nth-of-type(1) {
        left: 50%;
        top: calc(-70vw/var(--basicSize));
        transform: translateX(-50%);
        font-size: calc(41vw/var(--basicSize));
    }
    .section6 .section_wrap .con .left ul:nth-of-type(1) li {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: calc(189vw/var(--basicSize));
        height: calc(189vw/var(--basicSize));
        text-align: center;

        background-color: rgba(73, 140, 137, 0.91);
    }
    .section6 .section_wrap .con .left ul:nth-of-type(1) li:nth-child(2n-1) {
        background-color: rgba(16, 173, 166, 0.91);
    }

    .section6 .section_wrap .con .left ul:nth-of-type(2) {
        margin-top: calc(40vw/var(--basicSize));
    }
    .section6 .section_wrap .con .left ul:nth-of-type(2) li {
        font-size: calc(40vw/var(--basicSize));
        width: calc(835vw/var(--basicSize));
        margin: 0 auto;
        margin-bottom: calc(10vw/var(--basicSize));
    }
    .section6 .section_wrap .con .left > h4 {
        margin-top: calc(165vw/var(--basicSize));
        font-size: calc(70vw/var(--basicSize));                        
    }
    .section6 .section_wrap .con .right {
        width: 100%;
        height: calc(570vw/var(--basicSize));
        overflow: hidden;
        position: relative;
    }
    .section6 .section_wrap .con .right video {
        position: absolute;
        left: 50%;
        top: -32%;
        width: 217%;
        margin-left: 0;
        transform: translateX(-50%);
    }
    
}


/* section7 */
.section7 {
    position: relative;
    height: calc(860vw/var(--basicSize));
    overflow: hidden;
}
.section7 .section_wrap {
    padding: calc(140vw/var(--basicSize)) 0;
}
.section7 .section_wrap > h3 {
    font-size: calc(65vw/var(--basicSize));
    font-family: "kopup Bold";
    color: white;
    text-align: center;
}
.section7 .section_wrap > h3 strong {
    position: relative;
    color: rgba(255, 255, 255, 0.2);
}
.section7 .section_wrap > h3 strong .fillColor {
    position: absolute;
    left: 0;
    top: 0;
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
.section7 .section_wrap > p {
    color: white;
    text-align: center;
    font-family: "kopup Medium";
    font-size: calc(28vw/var(--basicSize));
}

.section7 .section_wrap > ul {
    margin-top: calc(55vw/var(--basicSize));
}
.section7 .section_wrap > ul li {
    background-color: rgba(255, 255, 255, 0.82);
    border-radius: calc(15vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    display: flex;
    align-items: center;
    width: calc(807vw/var(--basicSize));
    height: calc(75vw/var(--basicSize));
    margin: 0 auto;
    margin-bottom: calc(13vw/var(--basicSize));
}
.section7 .section_wrap > ul li span {
    display: inline-flex;
    width: calc(30vw/var(--basicSize));
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #57bebd;
    border-radius: calc(15vw/var(--basicSize));
    font-family: "kopup Bold";
    margin-right: calc(20vw/var(--basicSize));
}
.section7 .section_wrap > ul li span.mobile {
    display: none;
}
.section7 .section_wrap > ul li strong {
    color: #29b6b2;
    font-family: "kopup Bold";
}
.section7 .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.section7 .background:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.54);
}
.section7 .background video {
    width: 100%;
    transform: translateY(-30vw/var(--basicSize));
}
/* section7 Mobile */
@media screen and (max-width: 1100px) {
    .section7 {
        height: fit-content;
        overflow: hidden;
        padding-top: calc(243vw/var(--basicSize));
        padding-bottom: calc(150vw/var(--basicSize));
        background-color: #000840;
    }
    .section7 .section_wrap {
        padding: 0;
        position: relative;
        z-index: 2;
    }
    .section7 .section_wrap > h3 {
        font-size: calc(81vw/var(--basicSize));
    }
    .section7 .section_wrap > h3 strong .fillColor {
        top: 0;
    }
    .section7 .section_wrap > p {
        font-size: calc(44vw/var(--basicSize));
        margin-top: calc(50vw/var(--basicSize));
    }

    .section7 .section_wrap > ul {
        margin-top: calc(700vw/var(--basicSize));
    }
    .section7 .section_wrap > ul li {
        font-size: calc(33vw/var(--basicSize));
        width: calc(966vw/var(--basicSize));
        height: calc(90vw/var(--basicSize));
        margin-bottom: calc(16vw/var(--basicSize));
    }
    .section7 .section_wrap > ul li:nth-child(2) {
        height: calc(134vw/var(--basicSize));
    }
    .section7 .section_wrap > ul li span {
        width: calc(35vw/var(--basicSize));
        margin-right: calc(40vw/var(--basicSize));
    }
    .section7 .section_wrap > ul li strong .mobile {
        display: block;
    }
    .section7 .background {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .section7 .background:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.77);
    }
    .section7 .background video {
        position: absolute;
        left: 50%;
        top: 53%;
        transform: translate(-50%, -50%);
        width: 115%;
    }
}


/* section8 */
.section8 .section_wrap {
    padding-top: calc(224vw/var(--basicSize));
    padding-bottom: calc(125vw/var(--basicSize));
    padding-right: calc(307vw/var(--basicSize));

    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.section8 .section_wrap .left > h3 {
    padding-left: calc(307vw/var(--basicSize));
    font-size: calc(80vw/var(--basicSize));
}
.section8 .section_wrap .left > h3 strong.fillWrap {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}
.section8 .section_wrap .left > h3 strong.fillWrap .fillColor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
.section8 .section_wrap .left > p {
    font-size: calc(80vw/var(--basicSize));
    font-family: "kopup Bold";
    line-height: 1.2em;
}
.section8 .section_wrap .left > p:nth-of-type(1) {
    color: white;
    background-color: var(--mainColor);
    margin-top: calc(42vw/var(--basicSize));
    text-align: right;
    padding: calc(10vw/var(--basicSize));
    padding-left: calc(315vw/var(--basicSize));
    padding-right: calc(30vw/var(--basicSize));
}
.section8 .section_wrap .left > p:nth-of-type(2) {
    margin-top: calc(165vw/var(--basicSize));
    padding-left: calc(307vw/var(--basicSize));
    cursor: pointer;
}
.section8 .section_wrap .left > p:nth-of-type(2) img {
    width: calc(497vw/var(--basicSize));
}

.section8 .section_wrap .right ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(31vw/var(--basicSize));    
}
.section8 .section_wrap .right ul li {
    font-family: "kopup Bold";
    font-size: calc(50vw/var(--basicSize));
    color: var(--mainColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(589vw/var(--basicSize));
    height: calc(217vw/var(--basicSize));
    border-radius: calc(10vw/var(--basicSize));
    padding-left: calc(42vw/var(--basicSize));
}
.section8 .section_wrap .right ul li:nth-child(1) {
    background: url("/theme/basic/images/section/8/box_01.png") no-repeat right center / contain;
    background-color: #ededed;
}
.section8 .section_wrap .right ul li:nth-child(2) {
    background: url("/theme/basic/images/section/8/box_02.png") no-repeat right center / contain;
    background-color: #ededed;
}
.section8 .section_wrap .right ul li:nth-child(3) {
    background: url("/theme/basic/images/section/8/box_03.png") no-repeat right center / contain;
    background-color: #ededed;
}

.section8 .section_wrap .right ul li span {
    color: #7b7b7b;
    font-size: calc(24vw/var(--basicSize));
    display: block;
}

.section8 .section_wrap .pop_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}
.section8 .section_wrap .pop_wrap .pop_warning {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #9e9e9e;
    padding: calc(46vw/var(--basicSize)) 0;
    padding-top: calc(22vw/var(--basicSize));
    padding-right: calc(50vw/var(--basicSize));
    background-color: white;
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con {
    display: flex;
    gap: calc(29vw/var(--basicSize));
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .img h4 {
    display: inline-block;
    font-size: calc(41vw/var(--basicSize));
    font-family: "kopup Bold";
    color: var(--mainColor);
    background-color: #ededed;
    border: 3px solid white;
    text-align: center;
    padding: calc(12vw/var(--basicSize)) calc(48vw/var(--basicSize));
    line-height: 1;
    transform: translateY(calc(22vw/var(--basicSize)));
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .img img {
    width: calc(413vw/var(--basicSize));
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li {
    font-size: calc(21vw/var(--basicSize));
    font-family: "kopup Bold";
    color: #7b7b7b;
    padding: calc(28vw/var(--basicSize)) 0;
    border-bottom: calc(6vw/var(--basicSize)) solid #f1f1f1;
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li:nth-child(n+3) {
    text-indent: calc(-64vw/var(--basicSize));
    padding-left: calc(64vw/var(--basicSize));
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li:last-child {
    padding-bottom: 0;
    border: none;
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li span {
    font-size: calc(24vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    border-radius: calc(10vw/var(--basicSize));
    padding: 0 calc(13vw/var(--basicSize));
    margin-right: calc(5vw/var(--basicSize));
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li strong {
    color: var(--mainColor);
}
.section8 .section_wrap .pop_wrap .pop_warning .pop_con > span {
    position: absolute;
    right: 1vw;
    top: 1vw;
    cursor: pointer;
}

/* section8 Mobile */
@media screen and (max-width: 1100px) {
    .section8 .section_wrap {
        padding-top: calc(243vw/var(--basicSize));
        padding-bottom: calc(72vw/var(--basicSize));
        padding-right: 0;

        flex-direction: column;
        justify-content: center;
        gap: calc(75vw/var(--basicSize));
    }
    .section8 .section_wrap .left > h3 {
        padding-left: 0;
        text-align: center;
    }

    .section8 .section_wrap .left > p {
        font-size: calc(80vw/var(--basicSize));
    }
    .section8 .section_wrap .left > p:nth-of-type(1) {
        width: calc(948vw/var(--basicSize));
        margin: 0 auto;
        margin-top: calc(52vw/var(--basicSize));
        text-align: center;
        padding: calc(15vw/var(--basicSize)) 0;
        padding-left: 0;
        padding-right: 0;
    }
    .section8 .section_wrap .left > p:nth-of-type(2) {
        display: none;
    }
 
    .section8 .section_wrap .right ul {
        gap: calc(45vw/var(--basicSize));
        align-items: center;
    }
    .section8 .section_wrap .right ul li {
        font-size: calc(67vw/var(--basicSize));
        width: calc(790vw/var(--basicSize));
        height: calc(292vw/var(--basicSize));
        padding-left: calc(64vw/var(--basicSize));
    }
    .section8 .section_wrap .right ul li:nth-child(1) {
        background: url("/theme/basic/images/section/8/m_box1.png") no-repeat right center / contain;
        background-color: #ededed;
    }
    .section8 .section_wrap .right ul li:nth-child(2) {
        background: url("/theme/basic/images/section/8/m_box2.png") no-repeat right center / contain;
        background-color: #ededed;
    }
    .section8 .section_wrap .right ul li:nth-child(3) {
        background: url("/theme/basic/images/section/8/m_box3.png") no-repeat right center / contain;
        background-color: #ededed;
    }

    .section8 .section_wrap .right ul li span {
        font-size: calc(32vw/var(--basicSize));
    }

    .section8 .section_wrap .right > p {
        margin-top: calc(65vw/var(--basicSize));
        text-align: center;
    }
    .section8 .section_wrap .right > p img {
        cursor: pointer;
        width: calc(582vw/var(--basicSize));
    }
    

    .section8 .section_wrap .pop_wrap {
        background-color: rgba(0, 0, 0, 0.62);
    }
    .section8 .section_wrap .pop_wrap .pop_warning {
        width: calc(815vw/var(--basicSize));
        padding: calc(40vw/var(--basicSize)) 0;
        padding-top: calc(137vw/var(--basicSize));
        padding-right: 0;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .img {
        position: relative;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .img h4 {
        position: absolute;
        left: 50%;
        top: calc(-80vw/var(--basicSize));
        transform: translateX(-50%);
        display: inline-block;
        font-size: calc(61vw/var(--basicSize));
        padding: calc(22vw/var(--basicSize)) calc(75vw/var(--basicSize));
        line-height: 1;
        white-space: nowrap;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .img img {
        width: 100%;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .text {
        padding: 0 calc(24vw/var(--basicSize));
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li {
        font-size: calc(33vw/var(--basicSize));
        padding: calc(28vw/var(--basicSize)) calc(45vw/var(--basicSize));
        border-bottom: calc(6vw/var(--basicSize)) solid #f1f1f1;
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li:nth-child(n+3) {
        text-indent: calc(-81vw/var(--basicSize));
        padding-left: calc(125vw/var(--basicSize));
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li:last-child {
        padding-bottom: 0;
        border: none;
    }
    
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con .text li span {
        font-size: calc(38vw/var(--basicSize));
    }
    .section8 .section_wrap .pop_wrap .pop_warning .pop_con > span {
        position: absolute;
        right: 1vw;
        top: 1vw;
        cursor: pointer;
    }
    
}


/* section9 */
.section9 .section_wrap {
    width: 100%;
    height: 100vh;
    background-color: #bfdad9;
    overflow: hidden;
    padding-top: calc(140vw/var(--basicSize));
}
.section9 .section_wrap .title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(36vw/var(--basicSize));
    height: calc(110vw/var(--basicSize));
    font-size: calc(55vw/var(--basicSize));
    font-family: "kopup Bold";
    overflow: hidden;
}
.section9 .section_wrap .title strong {
    display: flex;
    align-items: center;
    color: var(--mainColor);
}
.section9 .section_wrap .title strong .title-text {
    font-size: calc(118vw/var(--basicSize));
    display: inline-flex;
    flex-direction: column;
    transition: all 0.4s;
    transform: translateY(34%);                    
}
.section9 .section_wrap .title strong .title-text span {
    display: inline-block;
}
.section9 .section_wrap .cards {
    margin: 0 auto;
    margin-top: calc(115vw/var(--basicSize));
    width: calc(1500vw/var(--basicSize));
}
.section9 .section_wrap .cards .card {
    display: flex;
    justify-content: space-between;
    width: calc(1500vw/var(--basicSize));
    padding: calc(40vw/var(--basicSize)) calc(64vw/var(--basicSize));
    padding-right: calc(108vw/var(--basicSize));
    height: calc(567vw/var(--basicSize));
    background-color: #e7e7e7;
    border-top-left-radius: calc(50vw/var(--basicSize));
    border-top-right-radius: calc(50vw/var(--basicSize));
    border: 2px solid white;

    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
}
.section9 .section_wrap .cards .card.card1 {
    transform: translate(-50%, 55%) scale(1);
    opacity: 1;
}
.section9 .section_wrap .cards .card.card2 {
    transform: translate(-50%, 150%) scale(1);
}
.section9 .section_wrap .cards .card.card3 {
    transform: translate(-50%, 150%) scale(1);
}

.section9 .section_wrap .cards .card > p {
    img {
        width: calc(772vw/var(--basicSize));
        filter: drop-shadow(1px 4px 9px rgba(148, 148, 148, 0.51));
    }
}
.section9 .section_wrap .cards .card > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(458vw/var(--basicSize));
}
.section9 .section_wrap .cards .card > div h4 {
    font-size: calc(54vw/var(--basicSize));
    font-family: "kopup Bold";
    color: var(--mainColor);
    padding-bottom: calc(15vw/var(--basicSize));
    border-bottom: calc(4vw/var(--basicSize)) solid #d2d2d2;
    line-height: 1;
    width: 100%;
    text-align: center;
}
.section9 .section_wrap .cards .card > div p {
    margin-top: calc(52vw/var(--basicSize));
    font-size: calc(24vw/var(--basicSize));
    text-align: center;
}
.section9 .section_wrap .cards .card > div p strong {
    font-family: "kopup Medium";
    color: var(--mainColor);
}

/* section9 Mobile */
@media screen and (max-width: 480px) {
    .section9 .section_wrap {
        padding-bottom: calc(140vw/var(--basicSize));
    }
}
@media screen and (max-width: 1100px) {
    .section9 .section_wrap {
        padding-top: calc(243vw/var(--basicSize));
    }
    .section9 .section_wrap .title {
        flex-direction: column;
        gap: calc(45vw/var(--basicSize));
        height: fit-content;
        font-size: calc(80vw/var(--basicSize));
        overflow: visible;
    }
    .section9 .section_wrap .title strong {
        height: calc(180vw/var(--basicSize));
        overflow: hidden;
    }
    .section9 .section_wrap .title strong .title-text {
        font-size: calc(180vw/var(--basicSize));
    }
    .section9 .section_wrap .cards {
        width: 100%;
    }
    .section9 .section_wrap .cards .card {
        flex-direction: column;
        justify-content: center;
        gap: calc(90vw/var(--basicSize));
        width: calc(922vw/var(--basicSize));
        padding: calc(50vw/var(--basicSize)) calc(40vw/var(--basicSize));
        padding-right: 0;
        height: fit-content;
        min-height: calc(1151vw/var(--basicSize));

        position: absolute;
        top: 0;
        left: 50%;
        opacity: 0;
        transform-origin: top;
    }
    .section9 .section_wrap .cards .card.card1 {
        transform: translate(-50%, 55%) scale(1);
        opacity: 1;
    }
    .section9 .section_wrap .cards .card.card2 {
        transform: translate(-50%, 150%) scale(1);
    }
    .section9 .section_wrap .cards .card.card3 {
        transform: translate(-50%, 150%) scale(1);
    }

    .section9 .section_wrap .cards .card > p img {
        width: calc(830vw/var(--basicSize));
    }
    .section9 .section_wrap .cards .card > div {
        width: calc(720vw/var(--basicSize));
        margin: 0 auto;
    }
    .section9 .section_wrap .cards .card > div h4 {
        font-size: calc(85vw/var(--basicSize));
        border-bottom: calc(10vw/var(--basicSize)) solid #d2d2d2;
    }
    .section9 .section_wrap .cards .card > div p {
        margin-top: calc(60vw/var(--basicSize));
        font-size: calc(38vw/var(--basicSize));
    }
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}


/* section10 */
.section10 {
    height: 100vh;
}
.section10 .section_wrap {
    display: flex;
    align-items: center;
    height: 100%;
}
.section10 .section_wrap .left {
    height: 100%;
    padding: calc(185vw/var(--basicSize));
    padding-left: calc(285vw/var(--basicSize));
    background: url("/theme/basic/images/section/10/p_bg.png") no-repeat center center / cover;
}
.section10 .section_wrap .left > p {
    font-size: calc(81vw/var(--basicSize));
    font-family: "kopup Bold";
}
.section10 .section_wrap .left > div {
    position: relative;
    display: flex;
    align-items: flex-end;
}
.section10 .section_wrap .left > div p:nth-child(1) {
    animation: floatUpDown 6s ease-in-out -3s infinite;
    img {
        width: calc(647vw/var(--basicSize));
    }
}
.section10 .section_wrap .left > div p:nth-child(2) {
    font-family: "kopup Bold";
    font-size: calc(95vw/var(--basicSize));
}
.section10 .section_wrap .left > div p:nth-child(3) {
    position: absolute;
    right: 0;
    top: calc(-80vw/var(--basicSize));
    animation: floatUpDown 6s ease-in-out infinite;
}
.section10 .section_wrap .left > div p:nth-child(3) img {
    width: calc(240vw/var(--basicSize));
}
.section10 .section_wrap .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    font-size: calc(78vw/var(--basicSize));
    font-family: "kopup Bold";
    line-height: 1.3em;
}
.section10 .section_wrap .right span {
    font-family: "kopup Medium";
}
.section10 .section_wrap .right strong.fillWrap {
    display: block;
    position: relative;
    color: rgba(0, 0, 0, 0.2);
}
.section10 .section_wrap .right strong.fillWrap span {
    font-family: "kopup Medium";
    color: black;
}
.section10 .section_wrap .right strong.fillWrap span.fillColor {
    position: absolute;
    left: 0;
    top: 0;
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
/* section10 Mobile  */
@media screen and (max-width: 1100px) {
    .section10 {
        height: fit-content;
    }
    .section10 .section_wrap {
        flex-direction: column;
        align-items: center;
        gap: calc(120vw/var(--basicSize));
        background: url("/theme/basic/images/section/10/m_bg.png") no-repeat center center / contain;
        padding-top: calc(500vw/var(--basicSize));
        padding-bottom: calc(145vw/var(--basicSize));
    }
    .section10 .section_wrap .left {
        height: fit-content;
        padding: 0;
        padding-top: 0calc(185vw/var(--basicSize));
        background: none;
    }
    .section10 .section_wrap .left > p {
        font-size: calc(81vw/var(--basicSize));
    }
    .section10 .section_wrap .left > div {
        position: relative;
        display: flex;
        align-items: flex-end;
        margin-top: calc(30vw/var(--basicSize));
    }
    .section10 .section_wrap .left > div p:nth-child(1) img {
        width: calc(762vw/var(--basicSize));
    }
    .section10 .section_wrap .left > div p:nth-child(2) {
        white-space: nowrap;
    }
    .section10 .section_wrap .left > div p:nth-child(3) {
        top: calc(-80vw/var(--basicSize));
        animation: floatUpDown 6s ease-in-out infinite;
    }
    .section10 .section_wrap .left > div p:nth-child(3) img {
        width: calc(317vw/var(--basicSize));
    }
    .section10 .section_wrap .right {
        align-items: center;
        height: fit-content;
        font-size: calc(103vw/var(--basicSize));
    }
    .section10 .section_wrap .right span {
        font-family: "kopup Medium";
    }
    .section10 .section_wrap .right strong.fillWrap {
        display: block;
        position: relative;
        color: rgba(0, 0, 0, 0.2);
    }
    .section10 .section_wrap .right strong.fillWrap span {
        font-family: "kopup Medium";
        color: black;
    }
    .section10 .section_wrap .right strong.fillWrap span.fillColor {
        position: absolute;
        left: 0;
        top: 0;
        width: max-content;
        color: var(--mainColor);
        clip-path: inset(0% 100% 0% 0%);
        -webkit-clip-path: inset(0% 100% 0% 0%);
    }
}


/* section11 */
.section11 {
    height: 100vh;
    background: url("/theme/basic/images/section/11/p_bg.png") no-repeat center center / cover;
}
.section11 .section_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(1500vw/var(--basicSize));
    height: 100%;
    margin: 0 auto;
}

.section11 .section_wrap .left p:nth-child(1) {
    font-size: calc(80vw/var(--basicSize));
    font-family: "kopup Bold";
    line-height: 1.3em;
}
.section11 .section_wrap .left p:nth-child(1) strong.fillWrap {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}
.section11 .section_wrap .left p:nth-child(1) strong.fillWrap .fillColor {
    position: absolute;
    left: 0;
    top: calc(10vw/var(--basicSize));
    width: max-content;
    color: var(--mainColor);
    clip-path: inset(0% 100% 0% 0%);
    -webkit-clip-path: inset(0% 100% 0% 0%);
}
.section11 .section_wrap .left p:nth-child(2) {
    font-size: calc(31vw/var(--basicSize));
    color: #2b2b2b;
    margin-top: calc(60vw/var(--basicSize));
}
.section11 .section_wrap .right ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(17vw/var(--basicSize));
}
.section11 .section_wrap .right ul li {
    width: calc(536vw/var(--basicSize));
    height: calc(70vw/var(--basicSize));
    font-size: calc(32vw/var(--basicSize));
    line-height: 1;
    position: relative;
    z-index: 2;
}
.section11 .section_wrap .right ul li p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: calc(36vw/var(--basicSize));
    background-color: white;
    gap: calc(10vw/var(--basicSize));
}
.section11 .section_wrap .right ul li span {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    transform: translate(-50%, -50%);
    background: linear-gradient(0deg, #a4e8d7, #63b5c7);
    border-radius: calc(36vw/var(--basicSize));
    z-index: -1;
}
.section11 .section_wrap .right ul li strong {
    font-family: "kopup Bold";
}

/* section11 Mobile */
@media screen and (max-width: 1100px) {
    .section11 {
        height: fit-content;
        background: url("/theme/basic/images/section/11/m_bg.png") no-repeat center center / cover;
        padding-top: calc(243vw/var(--basicSize));
        padding-bottom: calc(125vw/var(--basicSize));
    }
    .section11 .section_wrap {
        flex-direction: column;
        justify-content: center;
        gap: calc(550vw/var(--basicSize));
        width: calc(880vw/var(--basicSize));
    }
    .section11 .section_wrap .left p {
        text-align: center;
    }
    .section11 .section_wrap .left p:nth-child(1) strong.fillWrap .fillColor {
        top: calc(10vw/var(--basicSize));
    }
    .section11 .section_wrap .left p:nth-child(2) {
        font-size: calc(44vw/var(--basicSize));
        margin-top: calc(70vw/var(--basicSize));
    }
    .section11 .section_wrap .right {
        width: 100%;
    }
    .section11 .section_wrap .right ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: calc(30vw/var(--basicSize));
    }
    .section11 .section_wrap .right ul li {
        width: 100%;
        height: calc(112vw/var(--basicSize));
        font-size: calc(50vw/var(--basicSize));
    }
    .section11 .section_wrap .right ul li p {
        border-radius: calc(50vw/var(--basicSize));
    }
    .section11 .section_wrap .right ul li span {
        border-radius: calc(55vw/var(--basicSize));
    }
    .section11 .section_wrap .right ul li strong {
        font-family: "kopup Bold";
    }
}


/* section12 */
.section12 {
    background-color: #bfdad9;
    padding-top: calc(233vw/var(--basicSize));
    padding-bottom: calc(177vw/var(--basicSize));
}
.section12 .section_wrap {
    /* margin: 0 calc(268vw/var(--basicSize)); */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(67vw/var(--basicSize));
    height: 100%;
}
.section12 .section_wrap .left {
    background-color: white;
    box-shadow: 0 0 32px rgba(200, 200, 200, 0.34);
    border-radius: calc(10vw/var(--basicSize));
    padding: calc(44vw/var(--basicSize)) calc(36vw/var(--basicSize));
    width: calc(552vw/var(--basicSize));
    height: calc(728vw/var(--basicSize));
}
.section12 .section_wrap .left .title {
    font-size: calc(50vw/var(--basicSize));
    font-family: "kopup Bold";
    text-align: center;
    color: #195b58;
}
.section12 .section_wrap .left .schedule {
    margin-top: calc(50vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li {
    margin-bottom: calc(24vw/var(--basicSize));
    display: flex;
    justify-content: space-between;
    gap: calc(24vw/var(--basicSize));
    font-family: "kopup Bold";
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: calc(10vw/var(--basicSize));
    line-height: 1;
}

/* font color는 inline으로 작성 */
.section12 .section_wrap .left .schedule li span:nth-child(1) {
    font-size: calc(30vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li span:nth-child(2) {
    font-size: calc(20vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li span:nth-child(3) {
    font-size: calc(30vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li span:nth-child(4) {
    font-size: calc(20vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li span strong {
    font-size: calc(30vw/var(--basicSize));
}
.section12 .section_wrap .left .schedule li:last-child span:nth-child(1) {
    font-size: calc(22vw/var(--basicSize));
}
.section12 .section_wrap .left > ul:nth-of-type(2) {
    margin-top: calc(30vw/var(--basicSize));
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.section12 .section_wrap .left > ul:nth-of-type(2) li {
    font-size: calc(28vw/var(--basicSize));
    font-family: "kopup Bold";
    display: flex;
    align-items: center;
    gap: calc(5vw/var(--basicSize));
    margin-bottom: calc(10vw/var(--basicSize));
}
.section12 .section_wrap .left > ul:nth-of-type(2) li:nth-child(1) {
    color: var(--mainColor);
}
.section12 .section_wrap .left > ul:nth-of-type(2) li:nth-child(3) {
    width: 100%;
}
.section12 .section_wrap .left > ul:nth-of-type(2) li img {
    width: calc(20vw/var(--basicSize));
}

.section12 .section_wrap .left > p {
    margin-top: calc(24vw/var(--basicSize));
    color: white;
    background-color: var(--mainColor);
    font-size: calc(25vw/var(--basicSize));
    font-family: "kopup Bold";
    border-radius: calc(10vw/var(--basicSize));
    text-align: center;
    padding: calc(10vw/var(--basicSize)) 0;
}


.section12 .section_wrap .right .map {
    background-color: white;
    box-shadow: 0 0 32px rgba(200, 200, 200, 0.34);
    border-radius: calc(10vw/var(--basicSize));
    width: calc(804vw/var(--basicSize));
    height: calc(728vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(43vw/var(--basicSize)) calc(40vw/var(--basicSize));
}
.section12 .section_wrap .right .map .title {
    font-size: calc(50vw/var(--basicSize));
    font-family: "kopup Bold";
    text-align: center;
    color: #195b58;
}

.section12 .section_wrap .right .map #map {
    margin-top: calc(40vw/var(--basicSize));
    width: calc(683vw/var(--basicSize));
    height: calc(361vw/var(--basicSize));
    background-color: gray;
    border: 1px solid black;
}

.section12 .section_wrap .right .map > p {
    margin-top: calc(26vw/var(--basicSize));
}
.section12 .section_wrap .right .map > p:nth-of-type(1) {
    font-size: calc(25vw/var(--basicSize));
    font-family: "kopup Bold";
    background-color: #e3e5e5;
    border-radius: calc(23vw/var(--basicSize));
    padding: 0 calc(30vw/var(--basicSize));
}
.section12 .section_wrap .right .map > p:nth-of-type(2) {
    font-size: calc(50vw/var(--basicSize));
    font-family: "kopup Bold";
    color: #707070;
}
.section12 .section_wrap .right .map > p:nth-of-type(2) strong {
    color: var(--mainColor);
}
.section12 .section_wrap .right .map > p:nth-of-type(2) svg {
    width: calc(42vw/var(--basicSize));
}
/* section12 Mobile */
@media screen and (max-width: 1100px) {
    .section12 {
        padding-top: calc(233vw/var(--basicSize));
        padding-bottom: calc(114vw/var(--basicSize));
    }
    .section12 .section_wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(67vw/var(--basicSize));
    }
    .section12 .section_wrap .left {
        padding: calc(70vw/var(--basicSize)) calc(60vw/var(--basicSize));
        width: calc(910vw/var(--basicSize));
        height: fit-content;
    }
    .section12 .section_wrap .left .title {
        font-size: calc(82vw/var(--basicSize));
    }

    .section12 .section_wrap .left .schedule {
        margin-top: calc(85vw/var(--basicSize));
    }
    .section12 .section_wrap .left .schedule li {
        margin-bottom: calc(40vw/var(--basicSize));
        gap: calc(40vw/var(--basicSize));
    }
    
    /* font color는 inline으로 작성 */
    .section12 .section_wrap .left .schedule li span:nth-child(1) {
        font-size: calc(50vw/var(--basicSize));
    }
    .section12 .section_wrap .left .schedule li span:nth-child(2) {
        font-size: calc(33vw/var(--basicSize));
    }
    .section12 .section_wrap .left .schedule li span:nth-child(3) {
        font-size: calc(50vw/var(--basicSize));
    }
    .section12 .section_wrap .left .schedule li span:nth-child(4) {
        font-size: calc(33vw/var(--basicSize));
    }
    .section12 .section_wrap .left .schedule li span strong {
        font-size: calc(50vw/var(--basicSize));
    }

    .section12 .section_wrap .left .schedule li:last-child span:nth-child(1) {
        font-size: calc(37vw/var(--basicSize));
    }
    .section12 .section_wrap .left > ul:nth-of-type(2) {
        margin-top: calc(80vw/var(--basicSize));
    }
    .section12 .section_wrap .left > ul:nth-of-type(2) li {
        font-size: calc(46vw/var(--basicSize));
        gap: calc(5vw/var(--basicSize));
        margin-bottom: 0;
    }
    .section12 .section_wrap .left > ul:nth-of-type(2) li:nth-child(1) {
        color: var(--mainColor);
    }
    .section12 .section_wrap .left > ul:nth-of-type(2) li:nth-child(3) {
        width: 100%;
    }
    .section12 .section_wrap .left > ul:nth-of-type(2) li img {
        width: calc(35vw/var(--basicSize));
    }
    .section12 .section_wrap .left > p {
        margin-top: calc(35vw/var(--basicSize));
        font-size: calc(41vw/var(--basicSize));
        padding: calc(18vw/var(--basicSize)) 0;
    }

    .section12 .section_wrap .right {
        width: calc(910vw/var(--basicSize));
    }
    .section12 .section_wrap .right .map {
        width: 100%;
        height: fit-content;
        padding: calc(50vw/var(--basicSize)) calc(48vw/var(--basicSize));
    }
    .section12 .section_wrap .right .map .title {
        font-size: calc(60vw/var(--basicSize));
    }
    .section12 .section_wrap .right .map #map {
        margin-top: calc(45vw/var(--basicSize));
        width: 100%;
        height: calc(430vw/var(--basicSize));
    }
    .section12 .section_wrap .right .map > p {
        margin-top: calc(26vw/var(--basicSize));    
    }
    .section12 .section_wrap .right .map > p:nth-of-type(1) {
        width: 100%;
        font-size: calc(30vw/var(--basicSize));
        text-align: center;
        padding: 0;
    }
    .section12 .section_wrap .right .map > p:nth-of-type(2) {
        font-size: calc(60vw/var(--basicSize));
    }
    .section12 .section_wrap .right .map > p:nth-of-type(2) svg {
        width: calc(50vw/var(--basicSize));
    }
}

/* 하단 */
#footer {
    width: 100%;
    padding: calc(15vw/var(--basicSize));
    background-color: #efefef;
}
#footer div {
    display: flex;
    flex-direction: column;
    gap: calc(10vw/var(--basicSize));
    justify-content: center;
    align-items: center;
}
#footer div p {
    font-size: calc(15vw/var(--basicSize));
}
#footer div p:nth-child(1) strong {
    padding-left: calc(10vw/var(--basicSize));
}
#footer div p strong {
    font-family: "kopup Medium";
}
#footer div p .maker {
    font-weight: bold;
}
#footer div p .maker:hover {
    color: var(--mainColor);
}

/* footer Mobile */
@media screen and (max-width: 1100px) {
    #footer {
        padding: calc(28vw/var(--basicSize));
    }
    #footer div {
        gap: calc(15vw/var(--basicSize));
    }
    #footer div p {
        font-size: calc(22vw/var(--basicSize));
    }
    #footer div p:nth-child(1) strong {
        padding-left: calc(14vw/var(--basicSize));
    }
}
@media screen and (max-width: 480px) {
    #footer div p {
        letter-spacing: -0.02em;
        font-size: calc(19vw/var(--basicSize));
    }
    #footer div p:nth-child(1) strong {
        padding-left: calc(10vw/var(--basicSize));
    }
}