@media screen and (max-width:599px) {
    .pc-mobile {
        display: none !important;
    }

    .mobile-pc {
        display: flex !important;
    }

    .title {
        font-size: 6vw;
    }

    section {
        font-family: 'Pretendard Variable';
        font-weight: 400;
        font-size: 3.5vw;
    }

    div.image_sd_wrap {
        width: 350%;
        padding: 3vw 0;
    }

    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }

    .intro_content {
        height: 155vw;
    }
    .intro_video {
        width: 264%;
        height: 105%;
    }

    .intro_logo_div {
        width: 54%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*     .intro_01 {
        width: 54%;
    } */
    .intro_03 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: cover;
    }

    .intro_tt {
        z-index: 1;
        top: 56%;
        font-size: 5.4vw;
        left: auto;
    }

    .intro_tt p {
        width: 84vw;
    }

    .main_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 0% 0%;
        height: 148vw;
    }

    .main02 {
        object-fit: cover;
    }

    .main01 {
        width: 53.5354%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 6vw;
    }

    .main01 img {
        width: 53.337vw !important;
    }

    .main_tt03 {
        margin-left: 0;
        align-self: center;
    }

    .main_tt03 p {
        width: 62vw;
    }

    .main_cover {
        height: 100%;
        top: 0%;
        left: 0%;
        font-size: 6vw;
        letter-spacing: -0.1vw;
        font-weight: 200;
    }

    .main_tt02 {
        background: radial-gradient(#cba450, #d4b36c);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 8.6vw;
        font-weight: 600;
        margin: 2.5vw 0;
        letter-spacing: -0.1vw;
    }

    div.con01_content {
        position: relative;
        background: url("/images/con01_3.jpg") no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 90vw;
        pointer-events: all;
    }

    .con01_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 72%;
        height: auto;
        overflow: hidden;
        z-index: 2;
        top: 30.5%;
    }

    .con01_1 {
        width: 36vw;
    }

    .con02_content {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }

    .con02_content_div {
        background: url("/images/con02_7.jpg") no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 5% 0% 12% 0%;
        margin: 0% 0% 0% 0%;
    }

    .con02_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 300%;
        z-index: 1;
        padding: 4vw 0;
    }

    .con02_1 {
        width: 54.828%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #D4B36C;
        z-index: 1;
        box-sizing: border-box;
        border: 1px solid #000;
        padding: 0 4vw;
    }

    .con02_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Noto Serif kr', serif;
        margin: 7% 0% 11% 0%;
    }

    .con02_mid_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        /* font-weight: 700; */
        font-size: 5.3vw;
    }

    .con02_mid_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-weight: 700;
        font-size: 4.3vw;
        margin: 1.8% 0% 1.5% 0%;
    }

    .con02_swiper_y {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }

    .con02_mid_02_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 35%;
        margin: 0% 2.5% 0% 0%;
        overflow: hidden;
    }

    .con02_mid_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-weight: 600;
        font-size: 5.9vw;
    }

    .con02_4 {
        bottom: -1%;
        right: 0%;
        z-index: 2;
        width: 53%;
    }

    div.con03_swiper_absol {
        position: relative;
        left: auto;
        width: 100%;
    }
    .con03_sd_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        transition: all 0.3s;
    }

    .con03_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }

    #con03_div {
        margin-right: -0%;
    }

    .con03 {
        padding: 17vw 0 12vw;
    }

    .con03_div>div {
        justify-content: center;
        align-items: center;

    }

    .con03_div_02 {
        font-family: 'Noto Serif kr', serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 6vw;
    }

    .con03_div_03 {
        font-family: 'Noto Serif kr', serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 6vw;
    }

    .con03_div_04 {
        font-family: 'Noto Serif', serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        font-weight: 400;
        font-size: 8vw;
        margin: 2.5% 0% 4.5% 0%;
        position: relative;
    }

    .con03_div_04>p:nth-of-type(1) {
        width: auto;
        text-align: center;
        color: #fff;
        /* text-shadow: -0.3px -0.3px 0 #fff,
         0.3px -0.3px 0 #fff,
        -0.3px  0.3px 0 #fff,
         0.3px  0.3px 0 #fff; */
    }

    .con03_div_04>p:nth-of-type(2) {
        width: auto;
        text-align: right;
        color: #d4b36c;
        overflow: hidden;
        margin: 0% 0% 0% 0%;
        position: absolute;
        left: 35.5%;
    }

    .con03_line_y,
    .con03_line_x {
        display: none;
    }

    .con03_div_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 3.5vw;
        margin-bottom: 1vw;
    }

    .con03_div_06 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 3.5vw;
        margin-bottom: 6vw;
    }

    .con03_1 {
        width: 10%;
    }

    .con04_top {
        width: 53.5512%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0vw;
        margin-bottom: 4vw;
    }

    .con04_1 {
        width: 53.4246vw !important;
    }

    .con04_content {
        padding: 17vw 0 37vw;
    }

    .con04_tt01 .notokr {
        font-size: 7.8vw;
    }

    .con04_line_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
    }

    .con04_mid_top {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 86%;
        box-sizing: border-box;
        margin-top: 3vw;
        margin-bottom: 5vw;
        gap: 2.5vw;
        text-align: center;
    }

    .con04_mid_top_left,
    .con04_mid_bottom_right {
        font-size: 7vw;
        margin-bottom: 0vw;
    }

    .con04_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 98%;
        height: 8.5vw;
        border: 0.1px solid #000;
    }

    .con04_button_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        border: 0.1px solid #000;
        cursor: pointer;
        pointer-events: all;
        font-weight: 600;
        font-size: 3.2vw;
        transition: all 0.3s;
    }

    .con04_mid_mid {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 98%;
        height: 78vw;
        border: 0.1px solid #000;
        border-top: 0px solid #000;
    }

    .con04_slide_img {
        width: 92.1636%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con04_slide_title {
        margin: 1.5vw 0;
        font-size: 4.2vw;
    }

    .con04_mid_bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 86%;
        box-sizing: border-box;
        margin-top: 3vw;
        margin-bottom: 5vw;
        gap: 2.5vw;
    }

    .con04_mid_bottom_left {
        text-align: center;
        order: 1;
    }

    .con04_line_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
    }

    .con04_6 {
        width: 94.8136%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: -15%;
        bottom: -6%;
    }

    .con04_next {
        left: 88%;
    }

    .con04_prev {
        right: 88%;
    }

    .con04_arr {
        width: 11.74919%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        opacity: 0;
        z-index: 0;
        pointer-events: none;
        top: 85%;
    }

    div.con05_main {
        flex-direction: column;
    }

    div.con05_3 {
        position: relative;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .con05_left,
    .con05_right {
        width: 100%;
        height: 50%;
        padding: 0;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .con05_2,
    .con05_3 {
        height: 100vw;
    }

    .con05_2 img,
    .con05_3 img {
        height: 100%;
        object-fit: cover;
    }

    div.con05_hover_tt {
        opacity: 1;
        transition: opacity 0.4s;
        pointer-events: all;
        position: relative;
        line-height: 1.5;
    }

    .con05_main .con05_box {
        justify-content: center;
        align-items: center;
    }

    .con05_1 {
        width: 12.12808%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4.5vw;
    }

    .con05_tt01 {
        font-size: 6.2vw;
        line-height: 1.3;
        margin-bottom: 3vw;
    }

    .con05_tt02 {
        margin-top: -0.5vw;
        text-transform: uppercase;
        font-size: 7.8vw;
        font-weight: 500;
        transition: color 0.4s;
        margin-bottom: 6vw;
    }

    .con06_6 {
        display: none;
    }

    div.con06_cover {
        position: relative;
    }

    .con06 {
        background-image: url(/images/con06_7.jpg);
        background-size: cover;
        padding: 17vw 0 15vw;
    }

    .con06_title_tt {
        font-size: 8vw;
    }

    .con06_1 {
        width: 2.839895%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con06_title {
        gap: 3vw;
        margin-bottom: 3vw;
    }

    .con06_subTitle {
        font-size: 3.7vw;
        margin-bottom: 8vw;
    }

    .con06_mid {
        flex-wrap: wrap;
        gap: 5vw;
        margin-bottom: 12vw;
    }

    .con06_mid_img {
        width: 41.4331%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con06_bot_tt {
        font-size: 3.5vw;
        line-height: 1.5;
        width: 88%;
    }

    .con07_11 {
        width: 507.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con07_left_sd {
        width: 100%;
        height: auto;
        left: 0%;
        top: 23vw;
    }

    .con07_right_sd {
        width: 100%;
        height: auto;
        right: 0%;
        top: auto;
        bottom: 23vw;
    }

    .con07_top_tt .bold {
        display: block;
        margin-top: 3vw;
    }

    .con07_top_tt {
        margin-bottom: 9vw;
    }

    .con07_video_wrap {
        width: 94%;
        height: 49vw;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        box-sizing: border-box;
        border: 1px solid #D4B36C;
        margin-bottom: 6vw;
    }

    .con07_bot_tt {
        font-size: 3.5vw;
    }

    .con07_slide_img {
        width: 96%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border: 1px solid #D4B36C;
    }

    .con08_top_row {
        width: 100%;
        height: 83vw;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        box-sizing: border-box;
        border: 1px solid #000;
        padding: 0;
    }

    .con08_9 img {
        width: 54.5218vw !important;
    }

    .con08_top_con {
        font-size: 3.5vw;
        margin-bottom: 5.5vw;
    }

    .con08_top_title {
        margin-bottom: 5vw;
    }

    .con08_6 {
        width: 75.502%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_7 {
        width: 91.7923%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_top_row01,
    .con08_top_row04 {
        height: 76vw;
        justify-content: flex-end;
        padding-bottom: 13vw;
    }

    .con08_2,
    .con08_3 {
        width: 40.1709%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }

    .con08_4,
    .con08_5 {
        width: 79.2342%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_18 {
        width: 379.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_bottom {
        padding-top: 28vw;
    }

    div.con08_bottom_cover {
        padding-top: 39vw;
        height: 100%;
        box-sizing: border-box;
        top: 0%;
        left: 0%;
        justify-content: flex-start;
    }

    div.con08_bottom_logo {
        width: 374%;
        top: 8%;
        gap: 3vw;
    }

    .con08_11,
    .con08_12 {
        display: none;
    }

    .con08_bottom_title .bold {
        font-size: 7.9vw;
    }

    .con08_bottom_title {
        margin-bottom: 4.5vw;
    }

    .con08_bottom_subTitle {
        font-size: 3.5vw;
        font-weight: 200;
        margin-bottom: 5.5vw;
        line-height: 1.5;
    }

    div.con08_bottom_row {
        flex-direction: column;
        gap: 4.5vw;
        flex-wrap: wrap;
    }

    .con08_bottom_row_item {
        width: 81.1732%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .con08_write_box_box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        /* box-sizing: border-box; */
    }

    .con08_write_box_box_con {
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2.7vw 0;
        font-size: 3.5vw;
    }

    .con08_write_box {
        width: 80%;
        max-height: 68%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 3.5vw 0;
        overflow-y: scroll;
    }

    div.con08_item_cover {
        height: 100%;
        top: 0%;
        left: 0%;
        box-sizing: border-box;
        justify-content: flex-start;
        padding-top: 6.5vw;
    }

    .con08_item_title {
        margin-bottom: 4.5vw;
    }

    .con08_bottom_line_wrap {
        bottom: 7vw;
    }

    .con08_16 {
        width: 53.2152%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_16 img {
        width: 52.9966vw !important;
    }

    .con08_19 {
        width: 70.1995%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4vw 0;
    }

    .con09_title .bold {
        font-size: 6.9vw;
    }

    .con09_title {
        margin-bottom: 3vw;
    }

    .con09_bg {
        width: 330.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.con09_cover {
        height: 100%;
        top: 0%;
        left: 0%;
        box-sizing: border-box;
        padding-top: 17vw;
        justify-content: flex-start;
    }

    .con09_video_wrap iframe {
        width: 100%;
        height: 100%;
        pointer-events: none;
        scale: 1.2;
    }

    .con09_subTitle {
        font-size: 3.5vw;
        font-weight: 200;
        margin-bottom: 6.5vw;
    }

    div.con09_video_wrap {
        width: 253%;
        height: 91%;
        overflow: hidden;
        border-radius: 0 0 50% 50%;
        top: 0%;
    }

    .con09_slide_bottom_text {
        font-weight: 300;
        font-size: 2.9vw;
        margin-top: 3vw;
    }

    .con09_bottom_slide {
        bottom: 0%;
        color: #000;
        padding: 2.3vw 0;
    }
    .con09_bottom_slide .swiper-slide {
        flex-direction: row;
        gap: 3.5vw;
    }

    .con10_14 {
        display: none;
    }

    div.con10_cover {
        padding: 0;
        position: relative;
    }

    .con10 {
        background-color: #fef9ef;
        padding: 0vw 0 12vw;
    }

    .con10_top {
        width: 100%;
        height: 169vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 44vw;
    }

    .con10_top>img {
        height: 100%;
        object-fit: cover;
    }

    .con10_slide {
        width: 100%;
        top: 143vw;
    }

    div.con10_top_cover {
        height: 100%;
        box-sizing: border-box;
        justify-content: flex-start;
        padding-top: 17vw;
    }

    .con10_2 {
        width: 29.21544%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: auto;
        top: 32%;
    }

    .con10_title {
        margin-bottom: 46vw;
    }

    .con10_top_mid {
        height: auto;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        flex-wrap: wrap;
    }

    .con10_top_mid_tt {
        height: 50%;
        padding: 3vw 0;
    }

    .con10_top_mid_tt01,
    .con10_top_mid_tt03 {
        font-size: 4.1vw;
        width: 30%;
        border-left: 1px solid white;
    }

    .con10_top_mid_tt02,
    .con10_top_mid_tt04 {
        font-size: 5vw;
        width: 70%;
        border-right: 1px solid white;
    }

    .con10_top_mid_tt01,
    .con10_top_mid_tt02 {
        border-bottom: 1px solid white;
    }

    .con10_top_mid_tt02 span,
    .con10_top_mid_tt04 span {
        font-size: 7.5vw;
        font-weight: 800;
    }

    div.con10_bottom {
        flex-direction: column;
    }

    .con10_12,
    .con10_bottom_right {
        width: 95.6955%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .con10_13 {
        width: 14.88483%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3vw;
    }

    .con10_bottom_tt01 .bold {
        font-size: 10vw;
    }

    .con10_bottom_tt01 {
        line-height: 1.1;
        margin-bottom: 5vw;
    }

    .con10_bottom_tt02 {
        font-size: 3.5vw;
        font-weight: 300;
        margin-bottom: 2.5vw;
    }

    .con10_bottom_tt03 {
        font-size: 4vw;
        font-weight: 400;
    }

    .con10_bottom_tt03 .regular {
        font-weight: 600;
    }

    .con10_bottom {
        gap: 11vw;
    }

    .con10_11 {
        width: 58.9738%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -30%;
        right: -8%;
        z-index: 2;
    }

    .con11_13 {
        width: 437.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con11_mid {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 97vw;
    }

    .con11_title_wrap {
        width: 97.4436%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 3vw;
        top: 17vw;
    }

    .con11_title {
        font-size: 6.6vw;
        font-weight: 700;
    }

    .con11_1 img {
        width: 96.0662vw !important;
    }

    .con11_line01,
    .con11_line02,
    .con11_line03 {
        display: none;
    }

    .con11_11 {
        width: 50%;
        height: 74.0205vw;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0%;
        bottom: 0%;
    }

    .con11_11>img {
        height: 100%;
        object-fit: cover;
    }

    .con11_video_wrap {
        width: 50%;
        height: 74.0205vw;
        right: 0%;
        top: auto;
        bottom: 0%;
        border: none;
    }

    .con11_video iframe {
        width: 100%;
        height: 100%;
        pointer-events: none;
        scale: 1.3;
    }

    .con11_left_tt {
        bottom: 105%;
        right: 8%;
        text-align: end;
        font-size: 4vw;
    }

    .con11_right_tt {
        top: auto;
        left: 8%;
        font-size: 4vw;
        bottom: 105%;
    }

    .con12 {
        background-image: url(/images/con12_18.jpg);
        background-size: cover;
        padding: 17vw 0 12vw;
    }

    .con12_1 {
        width: 53.5512%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 4vw;
    }

    .con12_1 img {
        width: 53.4246vw !important;
    }

    .con12_title .bold {
        font-size: 7.7vw;
    }

    .con12_title {
        margin-bottom: 12vw;
    }

    .con12_tab {
        width: 29%;
        height: 15.2vw;
        text-align: center;
    }

    .con12_main_wrap {
        width: 97%;
        height: 183vw;
        background-color: white;
        border: 1px solid #000;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 9vw;
    }

    div.con12_main {
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        padding-top: 10vw;
        gap: 6vw;
    }

    .con12_main_left,
    .con12_main_right {
        width: 100%;
        height: auto;
    }

    .con12_main_left .con12_7 {
        width: 82.6494%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con12_main_left>div {
        width: 87.3386%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con12_main_right>div {
        width: 90.7277%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.con12_bottom {
        flex-direction: column;
    }

    .con12_bottom_left {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .con12_bottom_left_tt01 {
        line-height: 1.1;
        text-align: center;
        font-size: 5.8vw;
        margin-bottom: 4.5vw;
    }

    .con12_bottom_left_tt01 .bold {
        font-size: 7.7vw;
    }

    .con12_9 {
        width: 13.9979%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3vw;
    }

    .con12_bottom_left_tt02 {
        font-size: 3.5vw;
    }

    .con12_10 {
        width: 88.8451%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con12_13 {
        width: 9.57218%;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 5%;
        top: 15%;
    }

    .con12_15 {
        width: 19.03937%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: -7%;
        top: 4%;
    }

    .con12_11 {
        width: 30.71391%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: -4%;
        top: 36%;
    }

    .con12_16 {
        width: 21.87664%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: -7%;
        bottom: -1%;
    }

    .con13_5 {
        width: 313.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.con13_cover {
        height: 100%;
        top: 0%;
        left: 0%;
        justify-content: flex-start;
        box-sizing: border-box;
        padding-top: 17vw;
    }

    .con13_title {
        font-size: 7.5vw;
    }

    .con13_1 {
        width: 2.839895%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con13_title_wrap {
        gap: 3vw;
        margin-bottom: 8vw;
    }

    .con13_tab {
        width: 35%;
        height: 12vw;
        border: 1px solid white;
        box-sizing: border-box;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s;
    }

    .con13_tab_wrap {
        margin-bottom: 6vw;
    }

    .con13_2,
    .con13_3 {
        width: 99.0446%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con13_3_2 {
        width: 20.2392%;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 2%;
        bottom: 7%;
    }

    .con13_2_2 {
        width: 19.90626%;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 2%;
        bottom: 7%;
    }

    .con14_title {
        font-size: 7vw;
        margin-bottom: 3vw;
    }

    .con14_10 {
        width: 434.787%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.con14_cover {
        padding-top: 17vw;
    }

    .con14_subTitle {
        font-size: 3.5vw;
        margin-bottom: 6vw;
        font-weight: 600;
    }

    div.con14_row_wrap {
        width: 95%;
        flex-wrap: wrap;
        gap: 4.5vw 0;
    }

    .con14_row {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con14_row_img {
        width: 90.9957%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.con14_arr_box {
        display: none;
    }

    .con15 {
        background-color: #fef9ef;
        padding: 15vw 0;
        box-sizing: border-box;
    }

    .con15_1 {
        width: 57.6348%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -4.24vw;
        background-color: #FEF9EF;
        padding: 0 6vw;
    }

    div.con15_main {
        width: 94%;
        height: 388vw;
        border: none;
        box-sizing: border-box;
        justify-content: flex-start;
        padding-top: 13vw;
    }

    .con15_title {
        font-size: 7vw;
        margin-bottom: 4vw;
    }

    .con15_subTitle {
        font-size: 3.5vw;
        margin-bottom: 28vw;
        /* width: 58%; */
        text-align: center;
    }

    .con15_11 {
        width: 95%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con15_11>img {
        display: none;
    }

    .map_main {
        margin-bottom: 20vw;
    }

    .con15_13 {
        width: 383%;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0%;
        left: auto;
    }



    /* form */
    div.form_wrap {
        position: relative;
        background-color: #FEF9EF;
        padding: 8vw 0;
    }

    .form {
        width: 82%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form_margin_input>label {
        width: 19%;
        font-size: 3.5vw;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
    }

    .form_margin_input>input {
        width: 75%;
        height: 9.5vw;
        border: none;
        outline: none;
        box-sizing: border-box;
        padding: 0 2.5vw;
        font-size: 3.5vw;
        border: 1px solid #000;
    }

    .form_check_wrap label {
        height: 7.5vw;
        border: 1px solid #000;
        box-sizing: border-box;
    }

    .form_margin_input {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 1.3vw 0;
    }

    .form_index_input textarea {
        width: 75%;
        height: 31vw;
        border: none;
        resize: none;
        outline: none;
        box-sizing: border-box;
        padding: 2.5vw;
        font-size: 3.5vw;
        border: 1px solid #000;
    }

    .form_index_input {
        align-items: flex-start;
    }

    .footeer_agree_checkbox_01 {
        width: 4vw;
        height: 4vw;
        outline: 1px solid #D4B36C;
        border: none;
        cursor: pointer;
        appearance: none;
        background-color: white;
    }

    .footeer_agree_checkbox_01:checked::before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color: #D4B36C;
        scale: 0.9;
    }

    .form_margin_Agree_input {
        width: 75%;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        align-self: flex-end;
        gap: 1.5vw;
        margin-bottom: 3vw;
    }

    .con15_9 {
        width: 27.0876%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: auto;
        top: -18%;
        cursor: pointer;
    }





    /*    map*/


    .map_wrap {
        width: 100%;
        height: 181vw;
        border: 1px solid #000;
        box-sizing: border-box;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .con17_mid_2nd {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-bottom: 17%;
    }


    .map {
        width: 100%;
        height: 58vw;
    }

    .map_search {
        width: 5% !important;
        right: 8%;
    }

    .con17_mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        border-radius: 50px;
        width: 100%;
        height: 10vw;
        padding-left: 5%;
        font-size: 3vw;
    }

    .con17_mid_map_search {
        position: relative !important;
        width: 100%;
        background: white;
        height: 106vw;
        top: 0%;
        z-index: 2;
        overflow: hidden;
        border-radius: 0 0 20px 20px;
        left: 0;
    }

    .con17_mid_map_search_top>div {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
        padding-bottom: 3%;
        font-size: 3.2vw;
    }

    .con17_mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        border-radius: 50px;
        width: 100%;
        height: 7vw;
        padding-left: 5%;
        font-size: 3vw;
    }

    .con17_mid_map_search_item {
        margin: 0% 7%;
        border-bottom: 1px solid #808080a3;
        padding: 5% 0;
        font-size: 3.4vw;
    }

    .con17_mid_map_search_item_title {
        font-size: 4.3vw;
    }

    .con17_mid_map_search_bottom {
        overflow: scroll;
        height: 82.5vw;
        width: 100%;
    }
    img.con15_5 {
        width: 23%;
        right: 5%;
        top: 19%;
        cursor: pointer;
    }





    /*  popup  */

    div.popup {
        width: 82%;
        height: 95vw;
        top: 2%;
        border: 1px solid black;
        background-color: white;
        border-radius: 0vw;
        justify-content: flex-start;
        gap: 4vw;
    }
    .popup_right_2nd {
        font-weight: 600;
        width: 89%;
        font-size: 5.26vw;
        /* border-bottom: 1px solid black; */
        padding-bottom: 0%;
    }
    .popup_right> div > div:nth-child(1) {
        font-weight: 400;
        font-size: 3.2vw;
        width: 100%;
    }


















































































































}