@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }
    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }

    .main_02 {
        width: 133%;
        bottom: unset;
    }
    .main_bg {
        width: 196%;
    }
    .main_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 98.5vw;
    }
    .main_01 {
        top: -73%;
        width: 111%;
    }
    .main_text_01 {
        font-size: 8vw;
        top: -47%;
    }
    .main_text_01_01s {
        font-size: 3.5vw;
        top: -6%;
    }
    .main_text_01_02s {
        font-size: 3.5vw;
        top: 9%;
    }
    .main_text_01_03s {
        font-size: 3.3vw;
        top: 135%;
    }
    .main_text_01_04s {
        font-size: 3.3vw;
        top: 149%;
    }
    .main_04 {
        top: -180%;
        width: 108.5%;
    }
    .main_text_02 {
        font-size: 8vw;
        width: 53%;
        top: -42%;
    }
    .main_text_02_01s {
        font-size: 3.5vw;
        top: -6%;
    }
    .main_text_02_02s {
        font-size: 3.5vw;
        top: 9%;
    }
    .main_text_02_03s {
        font-size: 3.3vw;
        top: 135%;
    }
    .main_text_02_04s {
        font-size: 3.3vw;
        top: 149%;
    }
    .main_scr_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        bottom: 11%;
        border-radius: 0vw 0vw 100vw 100vw;
        overflow: hidden;
    }
    .main_bg1 {
        width: 216%;
    }
    .main_bg2 {
        width: 216%;
    }


    .con01-button-prev{
        z-index: 4;
        width: 8%;
        left: 9%;
        cursor: pointer;
        pointer-events: all;
    }
    .con01-button-next{
        z-index: 4;
        width: 8%;
        right: 9%;
        cursor: pointer;
        pointer-events: all;
        transform: rotate(180deg)
    }
    .fire_video_con01 {
        pointer-events: none;
        width: 120%;
        bottom: 0%;
        left: unset;
        mix-blend-mode: lighten;
        -webkit-mask-image: linear-gradient(to right, transparent, #000000, transparent);
    }
    .con01_div {
        background: url(/images/con01_bg.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        padding: 10% 0% 0% 0%;
    }
    .con01_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 3.5% 0%;
    }
    .con01_content {
        width: 100%;
    }
    .con01_content {
        margin: 0% 0% 0% 0%;
    }
    .con01_div_01{
        font-size: 4vw;
    }
    .con02_03 {
        width: 56%;
    }
    .con02_04 {
        width: 68%;
    }
    .con01_div_04 {
        margin: 15% 0% -10% 0%;
    }
    .con01_swiper {
        width: 170%;
    }
    .con01_swiper_slide.swiper-slide-next > div {
        margin: 45% 0% 45% 0%;
        scale: 1.4;
    }

    .con03_cg_img {
        top: 22%;
        left: -16%;
        width: 150%;
    }
    .con03_cg_img2 {
        top: 55%;
        width: 90%;
    }
    .con03_01 {
        width: 82%;
    }
    .con03_div_top_01{
        margin: 13% 0% 0% 0%;
    }
    .con03_div_top_02 {
        font-size: 3.5vw;
        margin: 5% 0% 8.5% 0%;
    }
    .con03_02 {
        width: 148%;
        margin: 0% -15% 0% 0%;
    }
    .con03_div_top {
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .con03_video {
        width: 180%;
        height: 100%;
        filter: brightness(0.2);
    }
    .con03_div_bottom {
        width: 100%;
        padding: 14% 0% 46% 0%;
    }
    .con03_03 {
        width: 27%;
    }
    .con03_04 {
        width: 68%;
    }
    .con03_div_bottom_02 {
        margin: 1.5% 0% 3% 0%;
    }
    .con03_div_bottom_03 {
        font-size: 3.3vw;
        margin: 2% 0% 2% 0%;
    }
    .con03_06 {
        bottom: 0%;
        z-index: 2;
        width: 85%;
    }
    .con03_05 {
        width: 20%;
        left: 14%;
        top: 73%;
    }
    .con03_07 {
        top: 86%;
        left: 68%;
        width: 23%;
    }
    .con03_08 {
        top: 85%;
        left: 59%;
        width: 40%;
    }
    .con03_div_bottom_04 {
        margin: 6% 0% 0% 0%;
    }

    .con04_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 196vw;
    }
    .con04_bg {
        width: 370%;
    }
    .con04_right_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 29%;
    }
    .con04_right_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.5vw;
        color: #ffffffa6;
        text-align: center;
    }
    .con04_right_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.5vw;
        color: #ffffffa6;
        margin: 4% 0% 4% 0%;
        text-align: center;
    }
    .con04_right_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #ffffffa6;
        margin: 0% 0% 2% 0%;
        text-align: center;
    }
    .con04_right_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #ffffffa6;
        text-align: center;
    }
    .con04_right_02_row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.5vw;
        text-align: center;
    }
    .con04_right_03 > p:nth-of-type(2) {
        margin: 0% 0% 3% 0%;
    }
    .con04_right_03 > p:nth-of-type(3) {
        margin: 0% 0% 3% 0%;
    }
    .con04_right_03 > p:nth-of-type(4) {
        margin: 0% 0% 3% 0%;
    }
    .con04_right_04 > p:nth-of-type(1) {
        margin: 0% 0% 3% 0%;
    }
    .con04_left_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 225%;
        left: -67%;
        top: 6%;
    }
    .con04_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 25%;
        margin: 0% 0% 0% 2%;
    }
    .con04_left_01 > p:nth-of-type(1) {
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.5vw;
        color: #ffffffa6;
    }
    .con04_left_01_row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 15% 0%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.8vw;
    }

    .con05-button-prev_y{
        z-index: 2;
        width: 8%;
        transform: rotate(270deg);
        bottom: 0%;
        right: 0%;
        cursor: pointer;
        pointer-events: all;
        border-right: 1px solid #6b0000;
    }
    .con05-button-next_y {
        z-index: 2;
        width: 8%;
        transform: rotate(90deg);
        bottom: 7%;
        right: 0%;
        cursor: pointer;
        pointer-events: all;
        border-right: 1px solid #6b0000;
    }
    .con05_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -24% 0% 0% 0%;
    }
    .con05_div_top_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 47vw;
    }
    .con05_div_bottom_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con05_right_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 6%;
        left: unset;
    }
    .con05_right_row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 6vw;
        color: #000;
    }
    .con05_10 {
        width: 34%;
    }
    .con05_right_absol > p:nth-of-type(1) {
        font-family: "Noto Serif KR", serif;
        font-weight: 700;
        font-size: 6vw;
        color: #000;
        margin: -1% 0% 0% 0%;
    }
    .con05_right_absol > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con05_right_absol > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con05_swiper_y {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 113vw;
        pointer-events: none;
        overflow: hidden;
    }
    .con05_swiper_wrapper_y{
        width: 100%;
    }
    .con05_swiper_slide_y{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con05_sd_div_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        overflow: hidden;
    }
    .con05_text_div_01 {
        font-size: 3.2vw;
    }
    .con05_text_div_02 {
        font-size: 3.2vw;
    }
    .con05_text_div_03 {
        font-size: 3.2vw;
    }
    .con05_text_div_04 {
        font-size: 3.2vw;
    }

    .con06_div{
        background: url(/images/con06_bg.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 98vw;
    }
    .con06_move {
        width: 106%;
        height: 70vw;
        clip-path: ellipse(45% 43% at 50% 50%);
    }
    .con06_06 {
        width: 90%;
    }
    .con06_02 {
        top: 9%;
        left: 4%;
        width: 26%;
    }
    .con06_03 {
        top: 9%;
        right: 4%;
        width: 20%;
    }
    .con06_04 {
        bottom: 7%;
        left: 4%;
        width: 30%;
    }
    .con06_05 {
        bottom: 7%;
        right: 4%;
        width: 17%;
    }
    .con06_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 4.5vw;
        color: #fff;
        top: 18%;
    }
    .con06_08 {
        width: 44%;
        margin: 1.5% 0% 0% 0%;
    }
    .con06_07 {
        top: 56%;
        width: 35%;
    }
    .con06_scr_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 250%;
        top: 29%;
    }
    .con06_scr_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 250%;
        top: 66%;
    }

    .con07_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 12% 0%;
        z-index: 1;
    }
    .con07_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 3.5vw;
        color: #fff;
    }
    .con07_01 {
        width: 70%;
    }
    .con07_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 1.5% 0% 5% 0%;
    }
    .con07_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 69%;
    }
    .con07_div_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 69%;
    }
    .con07_div_04 > p:nth-of-type(1) {
        font-family: 'ChungjuKimSaengTTF';
        font-weight: 700;
        font-size: 9.6vw;
        color: #fff;
        width: 92%;
    }
    .con07_div_05 {
        font-size: 3.2vw;
        text-align: center;
        margin: 5% 0% 1.5% 0%;
    }
    .con07_div_06 {
        font-size: 3.2vw;
    }
    .con07_video {
        width: 150%;
        filter: brightness(0.2);
    }

    .con08_div_01 {
        font-size: 4vw;
        font-weight: 600;
    }
    .con08_06 {
        width: 59%;
    }
    .con08_div_03 {
        font-size: 3.2vw;
        margin: 3% 0% 5% 0%;
    }
    .con08_div_04 {
        font-size: 3.2vw;
    }
    .con08_div_05 {
        font-size: 3.2vw;
        text-align: center;
        line-height: 4vw;
    }
    .con08_div_06 {
        font-size: 3.2vw;
        text-align: center;
        line-height: 4vw;
    }
    .con08_scr {
        background-color: #3c3431;
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 435%;
        z-index: 1;
        padding: 1.5% 0% 1.5% 0%;
    }
    .con08_02 {
        left: 0%;
        width: 28%;
    }
    .con08_03 {
        right: 0%;
        width: 22%;
    }
    .con08_top_02 {
        height: 9vw;
    }
    .con08_top_01 {
        overflow: hidden;
    }
    .con08_01 {
        width: 555%;
    }
    .con08_top {
        margin: 7% 0% 0% 0%;
    }
    .con08_div {
        margin: 7% 0% 12% 0%;
    }
    .con08_div_07 {
        width: 94%;
        margin: 6% 0% 0% 0%;
    }
    .con08_div_08_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0% -3%;
        line-height: 4vw;
    }
    .con08_div_08_left > p:nth-of-type(1) {
        font-family: "Noto Serif KR", serif;
        font-weight: 600;
        font-size: 4vw;
        color: #000;
    }
    .con08_12 {
        width: 46%;
        margin: 1% 0% 0% 0%;
    }
    .con08_div_08 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 95vw;
        margin: 3% 0% 22% 0%;
    }
    .con08_bg {
        top: -5%;
        z-index: 2;
        width: 210%;
    }
    .con08_bg2 {
        top: 22%;
        z-index: 2;
        width: 210%;
        left: -109%;
    }
    .con08_13 {
        top: 1%;
        left: -37%;
        width: 94%;
    }
    .con08_14 {
        left: 55%;
        top: 33%;
        width: 69%;
    }
    .con08_div_10 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 300;
        font-size: 4vw;
        color: #fff;
    }
    .con08_17 {
        width: 49%;
    }
    .con08_div_11 {
        margin: 1% 0% 4% 0%;
    }
    .con08_div_12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        text-align: center;
    }
    .con08_div_12 > p:nth-of-type(2) {
        margin: 0% 0% 4% 0%;
    }
    .con08_div_09 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 15% 0% -2% 0%;
    }
    .con08_15 {
        bottom: -17%;
        width: 100%;
    }

    .con09_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 163vw;
    }
    .con09_div_01_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 53%;
    }
    .con09_div_01_right {
        background-color: #f7f4eb;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con09_scroll {
        /* overflow-y: scroll; */
        overflow-x: hidden;
        scroll-snap-type: y mandatory;
        height: 77vw;
        width: 100%;
        scroll-behavior: smooth;
    }
    .con09_scroll_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 77vw;
        scroll-snap-align: start;
        transition: all 0.3s;
    }
    .con09_scroll_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 77vw;
        scroll-snap-align: start;
        transition: all 0.3s;
    }
    .con09_scroll_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 77vw;
        scroll-snap-align: start;
        transition: all 0.3s;
    }
    .con09_button_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 17%;
        right: 0%;
        bottom: 0%;
    }
    .con09_button_rltv {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con09_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70%;
        cursor: pointer;
        pointer-events: all;
        margin: 0% 0% 0% 0%;
    }
    .con09_line_y_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 21vw;
        height: 0.5vw;
        border-radius: 15px;
        left: unset;
        top: -5%;
        transition: all 0.3s;
        z-index: 1;
    }
    .con09_line_y {
        background-color: #5d5d5d;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 0.5vw;
        top: 11%;
    }
    .con09_text {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 600;
        font-size: 4.2vw;
        line-height: 1.5vw;
        left: unset;
        transition: all 0.3s;
    }

    .con09_absol_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        top: 53%;
        left: unset;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con09_absol_01_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 16%;
        left: unset;
        font-family: "Noto Serif KR", serif;
        color: #fff;
    }
    .con09_absol_01_m > p:nth-of-type(1){
        font-weight: 400;
        font-size: 4.2vw;
    }
    .con09_absol_01_m > p:nth-of-type(2){
        font-weight: 700;
        font-size: 9.2vw;
        margin: -2% 0% 0% 0%;
    }
    .con09_03 {
        width: 7%;
    }
    .con09_07 {
        width: 68%;
        right: unset;
        top: 23%;
    }
    .con09_08 {
        width: 78%;
        top: 25%;
    }
    .con09_09 {
        width: 60%;
        top: 21%;
    }
    .con09_05{
        width: 100%;
    }
    .con09_13{
        width: 100%;
    }
    .con09_15{
        width: 100%;
    }

    .con09_div_02_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con09_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_18 {
        left: 10%;
        width: 23%;
    }
    .con09_20 {
        left: 8%;
        width: 29%;
    }
    .con09_div_04 > div {
        background-color: #460000;
        width: 100%;
        height: 0.5vw;
        margin: 0% 0% 1% 0%;
    }
    .con09_21 {
        width: 64%;
    }
    .con09_div_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 29vw;
        margin: 3% 0% 0% 0%;
    }
    .con09_22{
        position: absolute;
        width: 7%;
        top: 14%;
        left: 28%;
    }

    .con10-button-prev{
        width: 10%;
        z-index: 3;
        left: -5%;
        cursor: pointer;
        pointer-events: all;
    }
    .con10-button-next{
        width: 10%;
        z-index: 3;
        right: -5%;
        cursor: pointer;
        pointer-events: all;
        transform: rotate(180deg);
    }
    .con10_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 300;
        font-size: 4vw;
        color: #fff;
    }
    .con10_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 900;
        font-size: 6.3vw;
        margin: -0.5% 0% 3.5% 0%;
    }
    .con10_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 100;
        font-size: 3.2vw;
        color: #fff;
    }
    .con10_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% -11.3% 0%;
    }
    .con10_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 900;
        font-size: 6.3vw;
        margin: -0.5% 0% 4.5% 0%;
    }
    .con10_01 {
        width: 70%;
    }
    .con10_02 {
        left: 49.5%;
        width: 21%;
    }
    .con10_div_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4.5% 0% -10.5% 0%;
        z-index: 2;
    }
    .con10_sd_top_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 54vw;
    }
    .con10_sd_bottom_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11vw;
    }
    .con10_sd_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 99%;
        border: 1px solid #000;
    }

    .con11-button-prev{
        width: 10%;
        z-index: 5;
        cursor: pointer;
        pointer-events: all;
        top: 37%;
        left: 1.5%;
        cursor: pointer;
        pointer-events: all;
    }
    .con11-button-next{
        width: 10%;
        z-index: 5;
        cursor: pointer;
        pointer-events: all;
        top: 37%;
        right: 1.5%;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: all;
    }
    .con11_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 22% 0% 0% 0%;
    }
    .con11_01 {
        width: 44%;
    }
    .con11_02 {
        width: 48%;
        margin: 0% 1% 0% 5%;
    }
    .con11_03 {
        width: 11%;
    }
    .con11_div_03_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 84%;
    }
    .con11_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        margin: -1% 0% 5.5% 0%;
    }
    .con11_scr_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 260%;
        bottom: 33%;
    }
    .con11_06 {
        left: -5%;
        top: 22%;
        width: 32%;
    }
    .con11_08 {
        left: 64%;
        top: 15%;
        width: 33%;
    }
    .con11_09 {
        left: 78%;
        width: 30%;
        z-index: 0;
        top: 49%;
    }
    .con11_div_03_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 27.5%;
        z-index: 2;
        top: -1%;
        left: 70%;
    }

    .con12_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 250vw;
    }
    .con12_left {
        background: url(/images/con12_bg01.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .con12_right {
        background: url(/images/con12_bg02.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .con12_left_absol_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 50%;
        font-family: "Noto Serif KR", serif;
        font-weight: 300;
        font-size: 3.7vw;
        color: #fff;
        left: 6%;
        top: 15%;
    }
    .con12_left_line {
        background-color: #fff;
        width: 45%;
        height: 0.05vw;
        left: 6%;
        top: 38%;
    }
    .con12_left_absol_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 50%;
        font-family: "Noto Serif KR", serif;
        font-weight: 300;
        font-size: 3.1vw;
        color: #fff;
        left: 6%;
        top: 43%;
    }
    .con12_04 {
        top: 13%;
        right: 0%;
        width: 49%;
    }
    .con12_03 {
        left: 0%;
        bottom: 0%;
        width: 112%;
    }
    .con12_right_absol_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 50%;
        font-family: "Noto Serif KR", serif;
        font-size: 3.7vw;
        color: #fff;
        right: 6%;
        top: 26%;
    }
    .con12_right_line {
        background-color: #fff;
        width: 45%;
        height: 0.05vw;
        right: 6%;
        top: 48%;
    }
    .con12_right_absol_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 50%;
        font-family: "Noto Serif KR", serif;
        font-weight: 400;
        font-size: 3.1vw;
        color: #fff;
        right: 6%;
        top: 54%;
    }
    .con12_10 {
        bottom: -1%;
        left: -24%;
        width: 86%;
    }
    .con12_09 {
        width: 77%;
        z-index: 3;
    }
    .con12_08 {
        width: 71%;
        z-index: 3;
    }
    .con12_05 {
        width: 53%;
        z-index: 3;
    }
    .con12_06 {
        top: 43%;
        width: 31%;
        z-index: 3;
    }
    .con12_07 {
        width: 37%;
        z-index: 3;
    }
    .con12_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-size: 3.2vw;
        color: #4b280f;
        top: 53%;
        z-index: 3;
    }

    .admin_swiper {
        background-color: #6a0000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        padding: 2% 0% 2% 0%;
    }
    .admin_sd_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4.2vw;
        color: #fff;
    }

    .con13-button-prev_l{
        width: 6%;
        top: 52%;
        left: 42%;
        z-index: 5;
    }
    .con13-button-next_l{
        width: 6%;
        top: 52%;
        right: 42%;
        z-index: 5;
        transform: rotate(180deg);
    }
    .con13-button-prev_r{
        width: 6%;
        top: 84.3%;
        left: 42%;
        cursor: pointer;
        pointer-events: all;
        z-index: 5;
    }
    .con13-button-next_r{
        width: 6%;
        top: 84.3%;
        right: 42%;
        cursor: pointer;
        pointer-events: all;
        transform: rotate(180deg);
        z-index: 5;
    }
    .flip-clock-wrapper ul li a div {
        outline: 0px solid #000 !important;
    }
    .flip-clock-dot{
        left: 5px !important;
    }
    .flip-clock-dot.top {
        top: 44px !important;
        border-radius: 50vw !important;
        scale: 3.5 !important;
    }
    .flip-clock-dot.bottom {
        bottom: 44px !important;
        border-radius: 50vw !important;
        scale: 3.5 !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 8vw !important;
    }
    .flip-clock-wrapper ul {
        width: 23.5% !important;
        height: 13vw !important;
    }
    .flip-clock-divider {
        margin-left: 0% !important;
        height: 72px !important;
    }
    .flip-clock-wrapper .flip {
        box-shadow: unset !important;
        border: 2px solid #000;
        border-radius: 10px !important;
    }
    .flip_clock01 {
        width: 71% !important;
    }
    .con13_01 {
        width: 44%;
    }
    
    .con14_03 {
        width: 40%;
    }
    .con13_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 12% 0%;
    }
    .con13_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 300;
        font-size: 3.5vw;
        color: #fff;
        margin: 4% 0% 1.5% 0%;
    }
    .con13_02 {
        width: 85%;
    }
    .con13_div_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con13_div_05_left {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 75%;
    }
    .con13_div_05_right {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 75%;
    }
    .con13_div_05 > div{
        margin: 55% 0% 4% 0%;
    }
    .con13_swiper_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        overflow: hidden;
        left: unset;
        top: 32%;
    }
    .con13_swiper_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        overflow: hidden;
        right: unset;
        top: 64%;
    }

    .con14_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 1;
        margin: 12% 0% 5% 0%;
    }
    .con14_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 28% 0%;
    }
    .con14_abosl {
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 68vw;
        height: 68vw;
        border-radius: 50vw;
        overflow: hidden;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
    }
    .con14_bg {
        top: 0%;
        width: 247%;
    }
    .con14_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 44% 0% 2% 0%;
    }
    .con14_01 {
        width: 95%;
        top: 27%;
    }
    .con15_01 {
        width: 72%;
    }
    .con15_text_s {
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3vw;
        color: #000;
        top: 3%;
        right: 2%;
    }
    .con15_03 {
        z-index: 1;
        top: 6%;
        width: 66%;
    }
    .con15_title_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 4.2vw;
        color: #000;
    }
    .con15_07 {
        width: 60%;
    }
    .con15_absol_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        top: 19%;
    }
    .con15_top_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con15_bottom_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con15_grap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 30vw;
    }
    .con15_grap > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 50%;
        height: 100%;
    }
    .con15_absol_m > div{
        margin: 5% 0% 5% 0%;
    }
    .con15_text_absol_01 {
        font-size: 3vw;
    }
    .con15_text_absol_02 {
        font-size: 3vw;
    }
    .con15_text_absol_03 {
        font-size: 3vw;
    }
    .con15_grap_02_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 43%;
        top: 26%;
    }
    .con15_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 12% 0%;
    }

    .con15_div {
        background-color: #fffdf8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 91%;
        height: 127vw;
        border: 1px solid #0000001c;
    }
    .con15_11 {
        width: 34%;
        cursor: pointer;
        pointer-events: all;
    }
    .con15_10 {
        width: 64%;
        margin: 7% 0% 4% 0%;
    }

    .con16_01 {
        width: 88%;
    }
    .con16_08 {
        top: -6%;
        left: 19%;
        width: 63%;
    }
    .con16_02 {
        width: 91%;
    }
    .con16_06 {
        width: 91%;
    }
    .con16_07 {
        width: 91%;
        margin: 0% 0% 5% 0%;
    }
    .con16_05 {
        width: 91%;
    }
    .con16_div_02 > div {
        margin: 5% 0% 11% 0%;
    }
    .con16_03 {
        top: -19%;
        left: 82%;
        width: 21%;
    }
    .con16_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% -2% 0%;
        z-index: 1;
    }
    .con16_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 3% 0%;
    }
    .con16_div_02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_div_02_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .con17_img {
        width: 91%;
    }
    .con17_img2 {
        width: 94.5%;
    }
    .con17_01 {
        width: 86%;
    }
    .con17_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 4% 0%;
    }
    .con17_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con17_div_02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con17_div_02_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con17_div_02 > div {
        margin: 5% 0% 11% 0%;
    }
    .con17_03 {
        width: 22%;
        left: 66%;
        top: 31%;
    }
    .con17_04 {
        bottom: -4%;
        right: unset;
        width: 23%;
    }
    .con17_05 {
        right: unset;
        top: 111%;
        width: 23%;
    }

    .con18_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 13% 0% 0% 0%;
        z-index: 1;
    }
    .con18_01 {
        width: 40%;
        margin: 0% -1% 0% 0%;
    }
    .con18_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 255%;
        z-index: 1;
    }
    .con18_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 229%;
        margin: 5% 0% -13% 0%;
    }
    .con18_12 {
        top: 27%;
        width: 18%;
    }
    .con18_13 {
        width: 24%;
        top: 40%;
    }
    .con18_11 {
        width: 103%;
    }
    .con18_16 {
        width: 300%;
    }

    .con19-button-prev_y{
        right: 17%;
        bottom: 14.4%;
        width: 9%;
        transform: rotate(90deg);
        cursor: pointer;
        pointer-events: all;
        z-index: 5;
    }
    .con19-button-next_y{
        right: 17%;
        bottom: 5.2%;
        width: 9%;
        transform: rotate(270deg);
        cursor: pointer;
        pointer-events: all;
        z-index: 5;
    }
    .con19_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
    }
    .con19_01 {
        width: 43%;
    }
    .con19_div_01 > p {
        margin: 3% 0% 7% 0%;
    }
    .con19_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 0% 0%;
    }
    .con19_div_02_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -5% 0% 2% 0%;
    }
    .con19_swiper_y {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 67%;
        height: 111vw;
        pointer-events: none;
        overflow: hidden;
    }
    .con19_swiper_wrapper_y{
        width: 100%;
    }
    .con19_swiper_slide_y{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con19_sd_div_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        overflow: hidden;
    }
    .con19_img{
        width: 100%;
    }
    .con19_arrow {
        right: unset;
        top: 43%;
        width: 6%;
        transform: rotate(90deg);
    }

    .con20-button-prev_m{
        width: 7%;
        z-index: 5;
        left: 4%; 
        cursor: pointer;
        pointer-events: all;
    }
    .con20-button-next_m{
        width: 7%;
        z-index: 5;
        right: 4%; 
        transform: rotate(180deg)
        cursor: pointer;
        pointer-events: all;
    }
    .con20_02 {
        width: 51%;
    }
    .con20_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Noto Serif KR", serif;
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
    }
    .con20_div_04_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 74%;
        margin: 5% 0% -6% 0%;
    }
    .con20_swiper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con20_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con20_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con20_sd_img{
        width: 99%;
    }
    .con20_10 {
        width: 88%;
    }
    .con20_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 3% 0%;
    }
    .con20_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 11% 0%;
    }
    .con20_bg {
        width: 222%;
    }
    .con20_one_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60%;
        height: 60vw;
        top: -5%;
    }
    .con20_03_01 {
        left: 10%;
        top: 30%;
        width: 4%;
    }
    .con20_03_02 {
        left: 14%;
        top: 13%;
        width: 4%;
    }
    .con20_03_03 {
        left: 29%;
        top: 9%;
        width: 4%;
    }
    .con20_03_04 {
        left: 67%;
        top: 3%;
        width: 4%;
    }
    .con20_03_05 {
        left: 82%;
        top: 19%;
        width: 4%;
    }

    .map_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
        overflow: hidden;
        font-size: 3.2vw;
    }
    .map_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 0% 6% 0%;
    }
    .map_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 93% 0%;
    }
    .map {
        width: 90%;
        height: 65vw;
        z-index: 1;
        border: solid 1.5px #b6b6b6;
        overflow: unset;
    }
    .map_mid {
        overflow: unset;
    }
    .mid_map_search {
        background: white;
        overflow: hidden;
        z-index: 2;
        width: 90%;
        height: 80vw;
        left: 4.7%;
        top: 99.5%;
        border: solid 1px #8d8d8d;
    }
    .mid_map_search_top > div {
        color: white;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
        padding-bottom: 3%;
        font-size: 3.2vw;
        font-family: "pretendard-bold";
        cursor: pointer;
    }
    .mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        width: 98%;
        height: 7vw;
        padding-left: 5%;
        font-family: 'Pretendard-regular';
        font-size: 3vw;
    }
    .map_icon {
        right: 8%;
        width: 4%;
    }
    .mid_map_search_item_title {
        font-size: 3.3vw;
        font-family: "pretendard-bold";
    }
    .mid_map_search_item {
        margin: 0% 7%;
        border-bottom: 1px solid #000;
        padding: 3% 0;
        font-size: 3vw;
    }
    .mid_map_search_bottom {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 56.9vw;
        width: 99.5%;
        cursor: pointer;
    }
    .mid_map_search_bottom::-webkit-scrollbar {
        width: 0.5vw;  /* 세로축 스크롤바 폭 너비 */
        height: 0.5vw;  /* 가로축 스크롤바 폭 너비 */
    }
    .mid_map_search_bottom::-webkit-scrollbar-track {
        width: 1px;
        background-color: #00000030;
    }
    .mid_map_search_bottom::-webkit-scrollbar-thumb {
        background-color: #cf242c;
        position: absolute;
    }

    .popup_absol {
        border: 2px solid #e21013;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        height: 100vw;
        z-index: 5;
        pointer-events: none;
        overflow: hidden;
        opacity: 0;
    }
    .popup_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .popup_top_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 89%;
        height: 100%;
        margin: 9% 0% 0% 0%;
    }
    .infro_popup_img {
        scale: 1;
        width: 100%;
        height: 100%;
        border-right: 0px solid #000;
    }
    .popup_close {
        top: 2%;
        right: 2%;
        font-size: 4.5vw;
        cursor: pointer;
        pointer-events: all;
        z-index: 1;
    }
    .popup_top_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .popup_top_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 3% 0% 0% 0%;
    }
    .popup_text_01 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.5vw;
        color: #000;
        margin: 0% 0% 3% 0%;
    }
    .popup_line {
        background-color: #bababaed;
        width: 89%;
        height: 0.05vw;
        margin: 0% 0% 4% 0%;
    }
    .popup_text_02 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 4.2vw;
        color: #bababaed;
        margin: 0% 0% 2% 0%;
    }
    .popup_text_03 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.2vw;
        color: #000;
        margin: 0% 0% 4% 0%;
    }
    #popup_link {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con21_01 {
        width: 60%;
        margin: 0% 0% 3% 0%;
    }
    .con21_04 {
        width: 36%;
    }

    .con22_scr_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: -13%;
    }
    .form_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 18% 0%;
    }
    .form_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 10% 0% -35% 0%;
    }
    .form_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .form_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .form_left_mid {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        font-family: 'Pretendard';
        font-size: 3.2vw;
        font-weight: 400;
        color: #fff;
        margin: 3% 0% 4% 0%;
    }
    .form_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 35% 0% 0% 0%;
    }
    .form_name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 25%;
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        left: 5%;
    }
    .form_margin_input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 90%;
        height: 5.5vw;
        overflow: hidden;
        border-bottom: solid 1px #000;
    }
    .form_input_01 {
        background-color: #00000000;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
        color: #000;
    }
    .form_input_02 {
        background-color: #00000000;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
        color: #000;
    }
    .form_input_03 {
        background-color: #00000000;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
        color: #000;
    }
    .form_giho {
        color: #b01418;
        font-weight: 400;
        font-size: 4vw;
        left: 1.5%;
        top: -12%;
    }
    .footeer_checkbox_01 {
        width: 6%;
        height: 4vw;
        z-index: 1;
        outline: 1px solid #626262;
        background-color: white;
        appearance: none;
        left: 35%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .form_check_name_01 {
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        left: 42%;
    }
    .footeer_checkbox_02 {
        width: 6%;
        height: 4vw;
        z-index: 1;
        outline: 1px solid #626262;
        background-color: white;
        appearance: none;
        left: 60%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .form_check_name_02 {
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        left: 67%;
    }
    .formWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 6% 0% 3% 0%;
        overflow: hidden;
    }
    .form_submit_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        margin: 4% 0% 3% 0% !important;
        cursor: pointer;
        pointer-events: all;
    }
    .footeer_agree_checkbox_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 4%;
        height: 2.7vw;
        z-index: 1;
        outline: 1px solid #000;
        background-color: white;
        appearance: none;
        margin: 3% 0% -1% -41.5%;
        cursor: pointer;
        scale: 1;
    }
    .footeer_agree_checkbox_01:checked::before {
        background-color: #ffffff00;
        content: '✓';
        font-size: 2.6vw;
        color: #000;
    }
    .agree_text {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.8vw;
        color: #000;
        left: unset;
        top: 47.5%;
        cursor: pointer;
        pointer-events: all;
    }
    .form_left_bottom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 47%;
        overflow: hidden;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.5vw;
        color: #fff;
        margin: 0% 0% 8% 0%;
    }
    .form_scr_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 365%;
        top: 69%;
    }
}