@import url('/font/style.css');

/* 스와이퍼 */
.swiper {
    width: 100%;
    margin: 0;
    z-index: 0;
}

div.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper-wrapper.flow {
    pointer-events: none;
    transition-timing-function: linear;
}

/* -------------------------------------------------- 커스텀 ----------------------------------------------------- */


@keyframes filter {
    0% {
        filter: brightness(0.6);
    }

    50% {
        filter: brightness(1.2);
    }

    100% {
        filter: brightness(0.6);
    }
}


@keyframes scaleOpa {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scaleOpa2 {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes opa {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0.5;
    }
}

@keyframes sway {
    0% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}


@keyframes marqueeY {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes marqueeY_r {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}

@keyframes ddm {
    50% {
        transform: translateY(-1vw);
    }
}

@keyframes ddm2 {
    50% {
        transform: translateY(-0.7vw);
    }
}

@keyframes ddm3 {
    0% {
        transform: translateY(0vw);
    }

    20% {
        transform: translateY(-0.7vw);
    }

    40% {
        transform: translateY(0vw);
    }

    100% {
        transform: translateY(0vw);
    }
}

@keyframes ddm4 {
    50% {
        transform: translateY(-0.3vw);
    }
}

@keyframes ddmx {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(40%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes ddmx2 {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(10%);
    }

    100% {
        transform: translateX(0%);
    }
}


@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin2 {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes cool_smoke {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        transform: translateY(30%);
        opacity: 0;
    }
}

@keyframes cool_smoke2 {
    0% {
        transform: translate(0);
        opacity: 0;
    }

    25% {
        opacity: 0.8;
    }

    75% {
        opacity: 0.8;
    }

    100% {
        transform: translateY(-30%);
        opacity: 0;
    }
}

@keyframes marqueeX {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes marqueeX_r {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes blk {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    31% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes took {
    0% {
        opacity: 0;
    }

    15% {
        transform: translateY(-8vw);
        opacity: 1;
    }

    80% {
        transform: translateY(0vw);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}




/* ----------------------------------- */


.took {
    animation: took 4s infinite ease-in-out;
}

.animate-blk {
    animation: blk 1s infinite ease-in-out;
}

.filter {
    animation: filter 3s ease-in-out infinite;
}

.ddmx {
    animation: ddmx 2s infinite ease-in-out;
}

.ddm {
    animation: ddm 2s infinite ease-in-out;
}

.ddm2 {
    animation: ddm2 2.5s infinite ease-in-out;
}

.ddm4 {
    animation: ddm4 2.5s infinite ease-in-out;
}

.ddm5 {
    animation: ddm4 3s infinite ease-in-out;
}

.ddm6 {
    animation: ddm4 3.5s infinite ease-in-out;
}

.sway {
    animation: sway 2.5s infinite ease-in-out;
}

.spin {
    animation: spin 10s infinite linear;
}

.spin2 {
    animation: spin2 4s infinite linear;
}

.rot180 {
    transform: rotate(180deg);
}

.scaleOpa {
    animation: scaleOpa2 infinite 2.5s;
}

.opa {
    animation: opa infinite 2.5s;
}

.bdr40 {
    border-radius: 2.083vw;
}

.marquee_y {
    animation: marqueeY 10s infinite linear;
}

.marqueey_r {
    animation: marqueeY_r 10s infinite linear;
}

.slide_y_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    overflow: hidden;
}

.slide_y img.absol {
    top: 100%;
}

.slide_y_r {
    animation: marqueeY_r 20s infinite linear;
}

.slide_y_r img.absol {
    bottom: 100%;
}

.image_sd {
    animation: marqueeX 20s infinite linear;
}

.image_sd_r {
    animation: marqueeX_r 20s infinite linear;
}

.image_sd .absol {
    left: 100%;
}

.image_sd_r .absol {
    right: 100%;
}



/* 퍼블시작 */

section {
    overflow: hidden;
    font-family: 'Pretendard Variable';
    font-weight: 300;
    font-size: 0.9vw;
    letter-spacing: -0.04vw;
}

.main_video {
    width: 100vw;
    height: 50.677vw;
    z-index: 50;
}

.main_video iframe {
    width: 100vw;
    height: 56.250vw;
}


.main_video_ovry {
    width: 100vw;
    height: 50.677vw;

    background: rgba(0, 0, 0, 0.7);
    z-index: 55;
}

.main_cover {
    width: 100vw;
    z-index: 100;
}

.main_title_wrap {
    width: 100vw;
    z-index: 200;

    flex-direction: column;

    margin-top: -4.2vw;
}

.main_02 {
    left: 14.896vw;
    width: 4.271vw;
}

.main_03 {
    right: 14.896vw;
    width: 4.271vw;
}

.main_04 {
    width: 25.833%;
}

.main_05 {
    width: 36.510%;
    margin-top: -0.4vw;
}

.main_06 {
    width: 15.990%;
    margin-top: 0.5vw;
}


/* main_center_swiper */
.main_center_swiper {
    width: 50vw;
    z-index: 400;
    transform: translateY(140%);
}

.main_center_simg_01 {
    width: 28.438vw;
}


.main_12 {
    width: 35.781vw;
}

.main_13 {
    width: 35.781vw;
}

.main_14 {
    width: 30.260vw;
}

.main_15 {
    width: 33.177vw;
}


/* main_left_swiper */
.main_left_swiper {
    width: 48vw;
    left: -4.2vw;
    z-index: 200;
    transform: translateY(182%);
}

.main_left_swiper .swiper-slide-prev .main_left_simg {
    opacity: 0;
}

.main_left_simg {
    width: 19.531vw;
    transition: 0.4s 0.6s;
}



/* main_right_swiper */
.main_right_swiper {
    width: 48vw;
    right: -4.2vw;
    z-index: 200;
    transform: translateY(238%);
}

.main_right_swiper .swiper-slide-prev .main_right_simg {
    opacity: 0;
}

.main_right_simg {
    transition: 0.4s 0.6s;
}

.main_r_12 {
    width: 20.208vw;
}

.main_r_13 {
    width: 20.208vw;
}

.main_r_14 {
    width: 17.276vw;
}

.main_r_15 {
    width: 18.750vw;
}





.con01 {
    background: url('/images/con01_08.png') center center / cover no-repeat #fdc83a;

    height: 36.198vw;

    display: flex;
    justify-content: center;
}

.con01_inner {
    width: 93.750vw;
    height: 27.969vw;
    border-radius: 0 0 2.083vw 2.083vw;

    padding: 7.8vw 9.375vw 0;
}

.con01_inner_top {
    display: flex;
    justify-content: space-between;
}

.con01_title_wrap {
    display: flex;
    flex-direction: column;

    margin-top: 1vw;
}

.con01_title {
    display: flex;
    flex-direction: column;

    margin-bottom: 1.9vw;
    gap: 0.3vw;
}

.con01_price {
    font-size: 6.875vw;
    margin-top: -1vw;
    width: 38.582vw;
    text-align: right;
}

.con01_price_item {
    display: flex;
    flex-direction: column;
}

.con01_ptxt_wrap {
    display: flex;
    justify-content: space-between;
}

.con01_price_wrap {
    display: flex;
    align-items: center;
}

.con01_01 {
    margin-top: 2vw;
    margin-left: -1.8vw;
    width: 4.167vw;
    z-index: 10;
}

.con01_ptxt_02 {
    position: relative;
    bottom: -0.2vw;
}

.con01_inner_bot {
    display: flex;
    gap: 1.875vw;

    margin-top: 3.906vw;
}

.con01_ib_item_01 {
    width: 24.4278vw;
    height: 9.844vw;
}

.con01_ib_item_02 {
    width: 13.8547vw;
    height: 9.844vw;
}

.con01_ib_twrap {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 0.1vw solid #00573a;
    z-index: 20;

    flex-direction: column;
}


.con01_ib_pwrap {
    width: 100%;
}

.con01_ibp_abtxt_01 {
    width: 13.065%;
    margin-top: 1.5vw;
    margin-left: -0.3vw;
}

.con01_ibp_abtxt_02 {
    width: 23.106%;
    margin-top: 1.5vw;
    margin-left: -0.3vw;
}

.con01_ibp {
    font-size: 3.385vw;
    text-align: right;
}

.con01_ibp_01 {
    width: 16.700vw;
}

.con01_ibp_02 {
    width: 4.185vw;
}

.con01_ibp_03 {
    width: 4.185vw;
}




.con01_scop {
    width: 104.264%;
    height: 107.368%;
    background: #00573a20;

    z-index: 5;
}

.con01_scop_front {
    z-index: 10;
}


.con02 {
    padding-top: 4.167vw;
}

.con02_item_wrap {
    height: 30.208vw;

    padding: 0.521vw;

    background: #00573a10;
}


.con02_citem_title {
    flex-direction: column;

    font-size: 2.865vw;
    white-space: nowrap;
}

.con02_01 {
    width: 64.641%;
    top: 7.396vw;
}

.con02_citem_txt {
    bottom: 2.500vw;
}

.con02_item {
    width: 30.729vw;

    overflow: hidden;
}

.con02_02 {
    width: 97.119%;
    top: 11.042vw;
    left: 3.385vw;
}

.con02_litem {
    margin-right: -2vw;

    z-index: 25;
}

.con02_litem_twrap {
    z-index: 10;

    top: -6.1vw;

    flex-direction: column;
}

.con02_lpct_num {
    font-size: 6.094vw;
    margin-top: -1.1vw;
}

.con02_lpct {
    font-size: 4.4vw;
}

.con02_ritem {
    border: 0.1vw solid #00573a;
    margin-left: -2vw;

    z-index: 20;
}

.con02_03 {
    width: 69.8999%;

    z-index: 10;
}

.con02_04 {
    width: 25.512%;

    right: 3.490vw;
    bottom: 2.708vw;

    z-index: 20;
}

.con03 {
    margin-top: 4.688vw;
    padding-bottom: 8vw;

    z-index: 20;
}

.con03_inner {
    background: url('/images/con03_11.png') center center / cover no-repeat;
    width: 93.698vw;
    height: 43.177vw;

    justify-content: space-between;

    padding-top: 6.392%;
    padding-left: 9.4vw;
    padding-right: 3.335vw;
}

.con03_ileft {
    display: flex;
    flex-direction: column;
}

.con03_ileft_title {
    display: flex;
    flex-direction: column;

    margin-top: 1.927vw;
    margin-bottom: 2.6vw;
}

.con03_ileft_t01 {
    margin-bottom: 0.5vw;

    font-size: 1.74vw;
}

.con03_ileft_t02 {
    margin-bottom: 0.2vw;
}

.con03_ileft_fz {
    font-size: 2.95vw;
}

.con03_iright {
    width: 51.563vw;
    gap: 1vw;

    display: flex;
    flex-direction: column;
}

/* con03_ir_item */

.con03_ir_item {
    height: 8.854vw;

    display: flex;
    align-items: center;
    cursor: pointer;
}

.con03_ir_it_inner {
    z-index: 10;

    display: flex;
    align-items: center;

    padding-left: 4.531vw;

    border-radius: 10vw;
    overflow: hidden;

}

.con03_ir_it_it1 {
    margin-bottom: 0.3vw;
}

.con03_ir_itxt {
    margin-left: 5.26vw;
    margin-bottom: -0.9vw;

    top: -2vw;

    opacity: 0;
    transition: 0.4s;
}

div.con03_04 {
    width: 5.625vw;
}

.con03_04 .slide_mg {
    width: 100%;
    height: 1vw;
}

.con03_ir_it_ititle {
    color: #fff;
    transition: 0.4s;

    display: flex;
    flex-direction: column;
}

.con03_ir_item_bg {
    width: 0%;
    transition: 0.4s;

    border-radius: 10vw;
}

.con03_circle_item {
    right: 0;
    top: 0;

    width: 8.854vw;
    height: 100%;

    background: #fdc83a;

    border-radius: 50%;
    transition: 0.4s;

    z-index: 40;
}

.con03_y_slide .con03_04 {
    top: 0.2vw;
}

/* con03_ir_item_01 체인지 이벤트 */

.con03_ir_item.change .con03_ir_item_bg {
    width: 100%;
}

.con03_ir_item.change .con03_ir_it_ititle {
    color: #000;
}

.con03_ir_item.change .con03_ir_itxt {
    top: 0vw;
    opacity: 1;
    transition-delay: 0.2s;
}

.con03_ir_item.change .con03_circle_item {
    background: transparent;
}

.con03_ir_item.change .con03_y_slide {
    right: 4.5vw;
}

.con03_ir_item.change .con03_y_slide .slide_y {
    animation: marqueeY 10s infinite linear;
}

/* item 2 */
.con03_ir_it_stxt {
    display: flex;
    align-items: flex-end;
    gap: 0.78vw;

    right: -20vw;
    top: 1.1vw;

    opacity: 0;
    transition: 0.4s;
}

.con03_ir_it_stxt1 {
    margin-bottom: -0.3vw;
}

.con03_ir_it_stxt2 {
    font-size: 3.229vw;
    line-height: 3vw;
}

.con03_ir_it_stxt2_sp {
    margin-right: 0.4vw;
}


.con03_05 {
    width: 6.927vw;

    top: 1vw;
    right: 1vw;
    transition: 0.4s;
}

.con03_06 {
    right: 17.344vw;
    top: 0vw;
    z-index: 20;
    opacity: 0;
    width: 4.010vw;

    transition: 0.2s;
}

/* con03_ir_item_02 체인지 이벤트 */
.con03_ir_item.change .con03_ir_it_stxt {
    right: 2.6vw;
    opacity: 1;
    transition-delay: 0.4s;
}

.con03_ir_item.change .con03_05 {
    width: 10.521vw;

    top: 1.250vw;
    right: 10vw;

    animation: spin 10s infinite linear;
}

.con03_ir_item.change .con03_06 {
    top: -1vw;
    opacity: 1;
    transition-delay: 0.2s;

    animation: ddm 2s infinite ease-in-out;
}

/* con03_ir_item_03 */

.con03_10 {
    z-index: 10;
    right: 2.292vw;
    bottom: -6vw;
    opacity: 0;

    width: 14.271vw;
    transition: 0.4s;
}

.con03_pwrap {
    right: -7vw;
    opacity: 0;

    transition: 0.4s;
}

.con03_iprc {
    font-size: 3.385vw;
    letter-spacing: -0.156vw;
}

.con03_iprc_won {
    font-size: 1.823vw;
    margin-top: 0.5vw;
    margin-left: 0.2vw;
}

.con03_ptitle {
    margin-bottom: -0.6vw;
}

.con03_09 {
    bottom: -0.9vw;
    opacity: 1;
    transition: 0.4s;
}

/* con03_ir_item_03 체인지 이벤트 */
.con03_ir_item.change .con03_pwrap {
    right: 14.8vw;
    opacity: 1;
    transition-delay: 0.4s;
}

.con03_ir_item.change .con03_10 {
    bottom: 1vw;
    opacity: 1;

    animation: ddm 2s infinite ease-in-out;
}

.con03_ir_item.change .con03_09 {
    opacity: 0;
    bottom: -8vw;
}

.con03_01 {
    left: 13.85vw;
    bottom: -6.8vw;
    width: 19.635vw;
}

.con03_02 {
    left: 4vw;
    bottom: 6.8vw;
    width: 6.771vw;
}

/* con04 */
.con04 {
    margin-top: -6.2vw;

    display: flex;
    justify-content: flex-end;
}

.con04_cool_box {
    margin-right: 3.125vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2vw;

    overflow: hidden;
    width: 47.188vw;
}

.con04_06 {
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;


    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.con04_tsmk {
    z-index: 10;

    width: 26vw;
}

.con04_tsmk_1 {
    animation: cool_smoke 2s infinite ease-in-out;
    left: 0%;
}

.con04_tsmk_2 {
    animation: cool_smoke 2s 1.2s infinite ease-in-out;
    left: 20%;
}

.con04_tsmk_3 {
    animation: cool_smoke 2s 0.9s infinite ease-in-out;
    left: 40%;
}

.con04_tsmk_4 {
    animation: cool_smoke 2s 0.6s infinite ease-in-out;
    left: 60%;
}

.con04_tsmk_5 {
    animation: cool_smoke 2s 0.3s infinite ease-in-out;
    left: 80%;
}

.con04_tsmk_6 {
    animation: cool_smoke 2s 1s infinite ease-in-out;
    left: 100%;
}

.con04_bsmk {
    z-index: 10;

    width: 26vw;
    bottom: 0;
}

.con04_bsmk_1 {
    animation: cool_smoke2 2s 0.3s infinite ease-in-out;
    left: 0%;
}

.con04_bsmk_2 {
    animation: cool_smoke2 2s infinite ease-in-out;
    left: 20%;
}

.con04_bsmk_3 {
    animation: cool_smoke2 2s 0.6s infinite ease-in-out;
    left: 40%;
}

.con04_bsmk_4 {
    animation: cool_smoke2 2s 1.2s infinite ease-in-out;
    left: 60%;
}

.con04_bsmk_5 {
    animation: cool_smoke2 2s 0.9s infinite ease-in-out;
    left: 80%;
}

.con04_bsmk_6 {
    animation: cool_smoke2 2s 1s infinite ease-in-out;
    left: 100%;
}

.con04_title_wrap {
    margin-top: 7.8vw;
    margin-right: -8.854vw;
    display: flex;
    flex-direction: column;

    z-index: 20;
}

.con04_title {
    font-size: 2.865vw;
    margin-bottom: 4.16vw;
}

.con04_01 {
    width: 5.677vw;
    margin-bottom: 2.6vw;
}

.con04_cwrap {
    display: flex;
    gap: 1.8vw;
}

.con04_t1 {
    margin-bottom: 0.2vw;
}

.con04_stxt {
    margin-bottom: 4.42vw;
}

.con05_slide {
    height: 6.510vw;
}

div.con05_01 {
    width: 163.385vw;
}

.con04_citem {
    width: 10.156vw;
}

.con04_citem_01 {
    animation: ddm3 2s infinite ease-in-out;
}

.con04_citem_02 {
    animation: ddm3 2s 0.2s infinite ease-in-out;
}

.con04_citem_03 {
    animation: ddm3 2s 0.4s infinite ease-in-out;
}

.con04_citem_04 {
    animation: ddm3 2s 0.6s infinite ease-in-out;
}


.con05_inner {
    background: url('/images/con05_12.png') center center / cover no-repeat;

    width: 95.834vw;
    flex-direction: column;

    padding-top: 7.813vw;
    padding-bottom: 7.2vw;
}

.con05_02 {
    width: 10.313vw;
}

.con05_twrap {
    flex-direction: column;
}

.con05_title {
    font-size: 2.865vw;
    margin-bottom: 1.4vw;
}

.con05_02 {
    margin-bottom: 2.083vw;
}

.con05_txt1 {
    margin-bottom: 0.4vw;
}

.con05_iwrap {
    height: 23.438vw;
    margin-top: 3.646vw;
    gap: 1.823vw;
    display: flex;
    justify-content: center;
}

.con05_item {
    width: 20.417vw;

    display: flex;
    justify-content: center;
    align-items: flex-end;

    cursor: pointer;
}



.con05_item_back {
    display: flex;
    justify-content: center;
    align-items: flex-end;

    height: 6.250vw;
    border-radius: 0 0 1.042vw 1.042vw;
}

.con05_06 {
    bottom: 0.781vw;
    width: 10.469vw;
}

.con05_03 {
    width: 23.125vw;
}

.con05_itt_wrap {
    flex-direction: column;
    font-size: 2.1vw;

    margin-bottom: 1.8vw;
}

.con05_itt3 {
    margin-bottom: 1.8vw;
}

.con05_05 {
    width: 5.677vw;
    z-index: 40;
    top: -1.406vw;
    right: 2.188vw;

    transition: 0.2s ease-in-out;
    scale: 1.4;
    opacity: 0;
}

.con05_04 {
    width: 11.042vw;
    margin-top: 0.6vw;
}

.con05_07 {
    width: 13.281vw;
    top: 3.9vw;
    right: -4.9vw;
}

.con05_08 {
    width: 7.656vw;
    z-index: 40;

    left: 1.406vw;
    bottom: -1.458vw;
    opacity: 1;

    transition: 0.4s;
}

.con05_09 {
    width: 23.750vw;
    margin-top: -1.4vw;
}

.con05_item_front {
    height: 83.778%;

    padding-top: 3.3vw;

    background: #fff;
    border: 0.1vw solid #00573a;
    border-radius: 1.042vw;

    display: flex;
    align-items: center;
    flex-direction: column;

    bottom: 0vw;
    transition: 0.4s;

    z-index: 10;
}

/* .con05_item.change */
.con05_item.change .con05_item_front {
    background: #fdc83a;
    bottom: 3.8vw;
}

.con05_item.change .con05_05 {
    scale: 1;
    opacity: 1;
    transition: 0.4s;
    animation: sway 1s infinite ease-in-out;
}

.con05_item.change .con05_08 {
    opacity: 0;
    bottom: -4vw;
}

.con05_item.change .con05_03 {
    animation: ddm2 3s infinite ease-in-out;
}

.con05_item.change .con05_04 {
    scale: 1;
    opacity: 1;
    animation: ddm 3s infinite ease-in-out;
}

.con05_item.change .con05_07 {
    animation: ddm 3s infinite ease-in-out;
}

.con05_item.change .con05_09 {
    animation: ddm2 3s infinite ease-in-out;
}

.con06 {
    padding-top: 6vw;
}

.con06_byell {
    height: 12.240vw;
    margin-top: -8.750vw;
}

.con06_iwrap {
    display: flex;
}

.con06_gbox {
    width: 29.219vw;
    height: 32.917vw;

    margin-right: 3.698vw;

    padding-top: 5.729vw;
    padding-left: 4.635vw;

    display: flex;
    flex-direction: column;
}

.con06_gtxt {
    margin-bottom: 1.1vw;
}

.con06_gtxt2 {
    font-size: 2.8vw;
    margin-bottom: 0.2vw;
}

.con06_rwrap {
    display: flex;
    flex-direction: column;
}

.con06_twrap {
    margin-top: 3.2vw;
    margin-left: 0.5vw;

    display: flex;
    flex-direction: column;
}

.con06_wtxt_01 {
    margin-bottom: 2.3vw;
}

.con06_wtxt_03 {
    text-decoration: underline;
    text-underline-offset: 0.15vw;

    margin-top: 2.1vw;
}

/* 탭 시작 */

.con06 div.tab_item {
    opacity: 0;
    position: absolute;
}

.con06 div.tab_item.on {
    opacity: 1;
}

/* 탭 애니 */
.con06 .con06_itxt1 {
    transition: 0.4s;
    opacity: 0;
    transform: translateX(-40%);
}

.con06 div.tab_item.on .con06_itxt1 {
    transform: translate(0);
    opacity: 1;
}

.con06 .con06_curtxt {
    opacity: 0;
    transform: translateY(20%);
    transition: 0.4s 0.2s;
}

.con06 div.tab_item.on .con06_curtxt {
    opacity: 1;
    transform: translateY(0%);
}


.con06 .con06_itxt2 {
    transform: translateX(-20%);
    opacity: 0;
    transition: 0.4s 0.4s;
}

.con06 div.tab_item.on .con06_itxt2 {
    transform: translate(0);
    opacity: 1;
}

.con06 div.tab_item.on .con06_rimg {
    transform: translate(0);
    opacity: 1;
}

.con06 div .con06_rimg {
    opacity: 0;
    transform: translateY(20%);
    transition: 0.4s;
}




/* ------ */

.con06 .tab_container {
    width: 42.084vw;
    margin-top: 0.5vw;
}


.con06 .tab_menu_wrap {
    display: flex;
    justify-content: flex-end;
    gap: 0.417vw;
    padding-right: 2.604vw;
}

.con06 .tab_menu {
    width: 4.792vw;
    height: 3.4vw;

    border-radius: 0.521vw 0.521vw 0 0;
    cursor: pointer;
    background: #dddddd;

    display: flex;
    justify-content: center;

    padding-top: 0.5vw;
    transition: 0.4s;

    bottom: -0.6vw;
}

.con06 .tab_menu.on {
    background: #00573a;
    color: #fff;
    bottom: 0;
}

.con06 .tab_contents {
    background: #fff;
    border: 0.1vw solid #00573a;
    height: 20.365vw;

    margin-top: -0.8vw;
    z-index: 10;
}

.con06 .tab_item {
    display: flex;
    align-items: center;

    background: #fff;
}

.tab_item_inner {
    padding-top: 5.10vw;
    padding-left: 4.219vw;
    padding-bottom: 4.063vw;
}

.con06_itxt_wrap {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.con06_itxt1 {
    font-size: 1.823vw;
}

.con06_01 {
    width: 59.43vw;
    left: -4.38vw;
    bottom: -3.39vw;
    z-index: 1;
}

.con06_02 {
    width: 8.073vw;

    top: -3vw;
    right: 24.2vw;
}

.con06_03 {
    left: 14.37vw;
    bottom: -4.3vw;
    z-index: 2;
    width: 9.948vw;
}

.con06_10 {
    width: 38.586%;
    right: 3.594vw;
}

.con06_11 {
    width: 34.86%;
    top: 5.990vw;
    left: 2.292vw;
}

.con06_13 {
    width: 38.089%;
    top: 4.8vw;
    left: 2.292vw;
}

.con06_12 {
    width: 35.236%;
    right: 11.042%;
}

.con06_15 {
    width: 33.127%;
    top: 5.3vw;
    left: 2.292vw;
}

.con06_14 {
    width: 51.862%;
    right: 0;
    bottom: -2.7vw;
}

.con01_07 {
    right: 0;
    top: -21.2vw;
    z-index: 100;
    width: 26.823vw;
}


.con07 {
    padding-top: 7vw;
}

.con07_twrap {
    flex-direction: column;
    margin-bottom: 3.385vw;
}

.con07_11 {
    width: 11.9799vw;
    margin-bottom: 1.1vw;
}


.con07_title {
    flex-direction: column;
    font-size: 8.6vw;
    gap: 0.4vw;
    font-size: 2.865vw;
}

.con07_iwrap {
    display: flex;
    gap: 2.344vw;
}

.con07_item {
    display: flex;
    flex-direction: column;

    padding-top: 5.260vw;

    width: 42.5525vw;
    height: 27.917vw;

    background: #fff;
    color: #000;

    transition: 0.4s;
}

/* 애니 */
.con07_item.change {
    background: #00573a;
    color: #fff;
}

.con07_circle {
    flex-direction: column;
    width: 18.972%;
}

.con07_circle_01 {
    animation: ddm3 2s infinite ease-in-out;
}

.con07_circle_02 {
    animation: ddm3 2s 0.2s infinite ease-in-out;
}

.con07_circle_03 {
    animation: ddm3 2s 0.4s infinite ease-in-out;
}

.con07_circle_04 {
    animation: ddm3 2s 0.6s infinite ease-in-out;
}

.con07_01 {
    left: 2.969vw;
    top: -3.125vw;
    filter: none;
}

.con07_03 {
    right: 2.969vw;
    bottom: -3.125vw;
}

.con07_ddmtxt {
    width: 4vw;
    height: 9vw;
    border-radius: 10vw;


    transition: 0.4s;

    writing-mode: vertical-rl;
    text-orientation: upright;

    background: #0c4d2f;
    color: #fff;
}

.con07_ddm_p {
    top: 4%;
    letter-spacing: 0.1vw;
}

.con07_item.change .con07_ddmtxt {
    background: #000;
}

.con07_itt {
    display: flex;
    flex-direction: column;
    font-size: 2.188vw;

    margin-bottom: 2.9vw;
}

.con07_cwrap {
    gap: 0.365vw;
}

.con07_cr_txt {
    bottom: -2.2vw;
    white-space: nowrap;
}

.con07_itt1 {
    margin-bottom: 0.2vw;
}

.con07_02 {
    width: 4.115vw;
}

.con08 {
    padding-top: 5.208vw;
    padding-bottom: 6vw;
}

.con08_inner {
    width: 93.750vw;
    height: 45.990vw;

    padding-top: 7.813vw;
    padding-left: 9.375vw;
}

.con08_twrap {
    display: flex;
    flex-direction: column;
}

.con08_title {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.125vw;
}

.con08_tt1 {
    margin-bottom: 0.2vw;
}

.con08_01 {
    width: 13.229vw;
    margin-bottom: 2.865vw;
}

.con08_title {
    font-size: 2.865vw;
}

.con08_video {
    border-radius: 2.083vw 0 0 2.083vw;
    right: 0;
    top: 0;
}

.con08_video video {
    height: 101%;
}

/* tab2 */
.tab2_container {
    position: absolute;
}

.tab2_menu {
    cursor: pointer;
}

.tab2_citem {
    border-radius: 50%;
    width: 4.115vw;
    height: 4.115vw;

    font-size: 1.823vw;

    scale: 1.5;
    opacity: 0;
    z-index: 1;
}

.tab2_cimg {
    opacity: 1;
    scale: 1;
}

.tab2_ctxt {
    margin-top: -0.1vw;
}

.tab2_menu.on .tab2_citem {
    opacity: 1;
    scale: 1;
    transition: scale 0.4s;
}

.tab2_menu.on .tab2_cimg {
    opacity: 0;
    transition: 0.4s;
    scale: 0.5;
}

.tab2_menu.on .tab2_ctxt {
    opacity: 1;
}

/* 탭 이미지 크기 */

.tab2_menu_wrap {
    right: 19.479vw;
    bottom: 2.083vw;
}

.con08_13 {
    width: 6.094vw;
}

.con08_07 {
    width: 6.094vw;
}

.con08_08 {
    width: 5.781vw;
}

.con08_09 {
    width: 5.781vw;
}

.con08_10 {
    width: 5.938vw;
}

.con08_11 {
    width: 25.781vw;
}



/* 탭메뉴 위치 */
.tab2_menu_01 {
    top: -7.8vw;
    left: 11vw;
}

.tab2_menu_02 {
    top: -5.5vw;
    left: 1.9vw;
}

.tab2_menu_03 {
    top: 0.5vw;
    left: -4.9vw;
}

.tab2_menu_04 {
    top: 8.9vw;
    left: -7.7vw;
}

.tab2_menu_05 {
    top: 17.5vw;
    left: -6.5vw;
}

.tab2_contents {
    margin-top: 4.8vw;
    width: 26.042vw;
}

.tab_ititle_wrap {
    display: flex;
    align-items: center;

    margin-bottom: 2.188vw;
}

.tab_inum_txt {
    margin-top: 0.1vw;
}

.con08_12 {
    width: 32.865vw;
    right: 0;
    bottom: 1.146vw;
    mix-blend-mode: darken;
    filter: brightness(0.7);
}



/* -------- */
.tab2_item {
    opacity: 0;
}

.tab2_item.on {
    opacity: 1;
}

.tab_inum {
    width: 1.615vw;
    height: 1.615vw;
    border-radius: 50%;
    margin-right: 0.5vw;
    scale: 2;
    opacity: 0;
    transition: 0.4s;
}

.tab2_item.on .tab_inum {
    scale: 1;
    opacity: 1;
}

.tab_ititle {
    transition: 0.4s 0.3s;
    opacity: 0;
    transform: translateX(40%);
}

.tab2_item.on .tab_ititle {
    opacity: 1;
    transform: translateX(0);
}

.tab_stitle {
    transition: 0.4s 0.3s;
    opacity: 0;
    transform: translateY(40%);
}

.tab2_item.on .tab_stitle {
    opacity: 1;
    transform: translateY(0%);
}


.con09 {
    padding-top: 7.81vw;
}

.con09_twrap {
    flex-direction: column;
    margin-bottom: 1.719vw;
}

.con09_01 {
    width: 14.010vw;
    margin-bottom: 1.979vw;
}

.con09_tabm_container {
    background: #0c4d2f;
}

.con09_tab_swiper {
    width: 61.667vw;
    height: 4.635vw;

    z-index: 10;
}

.con09_tab_swiper div.swiper-slide {
    width: auto !important;
}

.tab3_menu {
    padding: 0 1vw;
    margin: 0 1vw;
    cursor: pointer;
    color: #fff;
}

.tab3_menu.on {
    color: #ebb012;
}

.mtab_btn_wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 15.5vw;
}

.mtab_btn_prev {
    transform: rotate(180deg);
}

.mtab_btn {
    width: 1.927vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tab3_contents {
    height: 29.375vw;
    padding-top: 3.333vw;

    display: flex;
    justify-content: center;
}

.tab3_item {
    width: 61.510vw;
}


.con09_t3_sitem {
    width: 14.792vw;
    height: 16.406vw;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    padding-bottom: 1.823vw;

    border-radius: 1.563vw;
    background: #ecf3f1;
}

.con09_t3_img {
    width: 9.896vw;
    height: 9.896vw;
}

.con09_t3_txt {
    margin-top: 1.406vw;
}

.tab3_btn_wrap {
    gap: 1.563vw;
    margin-top: 1.719vw;
    bottom: 6.302vw;
}

.tab3_btn_prev {
    transform: rotate(180deg);
}

.tab3_btn {
    cursor: pointer;
    width: 1.302vw;
    box-sizing: unset;
    user-select: none;
}

.con09_03 {
    width: 0.156vw;
}

.tab3_item {
    opacity: 0;
    transition: 0.3s;
}

.tab3_item.on {
    opacity: 1;
}

.tab3_item .con09_t3_sitem {
    opacity: 0;
    transform: translateY(70%);
    transition: 0.3s;
}

.tab3_item.on .con09_t3_sitem {
    opacity: 1;
    transform: translateY(0%);
    transition: 0.3s 0.3s;
}

.tab3_in_swiper {
    z-index: 100;
    cursor: pointer;
}

.con10 {
    padding-top: 8.854vw;
    padding-bottom: 7.813vw;
    background: #ecf3f1;
}

.con10_twrap {
    flex-direction: column;
    margin-bottom: 5.417vw;
}

.con10_title {
    font-size: 2.865vw;
    flex-direction: column;
    margin-bottom: 1.354vw;
}

.con10_t1 {
    margin-bottom: 0.3vw;
}

.con10_citem_inner {
    gap: 0.990vw;
}

.con10_citem_abwrap {
    z-index: 10;
}

.con10_citem {
    width: 5.156vw;
    height: 5.156vw;
    border-radius: 50%;
    background: #fdc83a;
    transition: 0.4s;

    z-index: 15;
}

.con10_ctxt_01 {
    margin-top: 0.2vw;
}

.con10_ctxt_02 {
    margin-top: 0.5vw;
}

.con10_ctxt_03 {
    margin-top: 0.2vw;
}

.con10_scop {
    width: 6.250vw;
    opacity: 0;

    z-index: 1;
}

.con10_07 {
    width: 172.5%;
    z-index: 1;
}

.con10_ci_line {
    width: 100vw;
    height: 0.05vw;
    top: 2.292vw;

}

.con10_01 {
    width: 17.500vw;
    left: 14.271vw;
    z-index: 10;
    top: -3vw;
}

.con10_02 {
    width: 11.458vw;
}

.con10_03 {
    width: 1.198vw;
}

.con10_cil_arw1 {
    left: 34.583vw;
}

.con10_cil_arw2 {
    right: 36.302vw;
}

.con10_btxt {
    margin-top: 4.688vw;
}

.con10_ddm_item {
    width: 9.063vw;
    height: 1.771vw;
    bottom: -3vw;
}

.con10_ddm_txt {
    z-index: 10;
    border-radius: 10vw;
    background: #fdc83a;
    color: #000;
    transition: 0.4s;
}

.con10_ddm_item::before {
    content: "";
    top: -0.6vw;
    position: absolute;
    border-left: 0.45vw solid transparent;
    border-right: 0.45vw solid transparent;
    border-bottom: 0.9vw solid #fdc83a;

    transition: 0.4s;
}

/* 애니 */
.con10_citem_abwrap.change .con10_citem {
    background: #0c4d2f;
    color: #fff;
}

.con10_citem_abwrap.change .con10_scop {
    opacity: 1;
    animation: scaleOpa infinite 2.5s;
}

.con10_citem_abwrap.change .con10_ddm_txt {
    background: #094f2d;
    color: #fff;
}

.con10_citem_abwrap.change .con10_ddm_item::before {
    border-bottom: 0.9vw solid #094f2d;
}

.con10_rbox {
    bottom: -2.6vw;
    right: 0;

    width: 33vw;
    height: 27.604vw;

    background: #0c4d2e;
    border-radius: 1.563vw 0 0 1.563vw;

    padding-top: 4.688vw;
    padding-left: 4.688vw;

    overflow: hidden;
}

.con10_rbtxt1 {
    margin-bottom: 1.5vw;
}

.con10_09 {
    flex-direction: column;
    width: 6.823vw;
    left: 4.1vw;
    bottom: -6.8vw;
}

.con10_10 {
    flex-direction: column;
    width: 23.229vw;
    right: -3.5vw;
    bottom: -7.5vw;
}

.con10_09_txt {
    font-size: 2.500vw;
    color: #bcbcbc;
    margin-bottom: 0.6vw;
}

.con10_10_txt {
    font-size: 3.958vw;
}

.con10_10_txt {
    margin-left: -2.7vw;
    margin-bottom: -0.8vw;
    z-index: 1;
}

.con10_13 {
    width: 5vw;
    bottom: 8.9vw;
    left: 11.5vw;
}

.con11 {
    width: 100%;
    padding-bottom: 4vw;
}

.con11_tbox_wrap {
    display: flex;
    align-items: center;

    left: 0;
    top: 0vw;

    z-index: 10;
}

.con11_tbox {
    background: url('/images/con11_01.png') center center / cover no-repeat;

    width: 49.948vw;
    height: 42.813vw;
    border-radius: 0 2.083vw 2.083vw 0;

    padding-top: 9.896vw;
    padding-left: 12.5vw;
}

.con11_title {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.844vw;
}

.con11_tb_t1 {
    margin-bottom: 2.344vw;
}

.con11_tbt1 {
    margin-bottom: 0.5vw;
    font-size: 2.9vw;
}

.con11_tbt2 {
    margin-bottom: 0.2vw;
}

.con11_02 {
    width: 25vw;
    right: -10.5vw;
    top: 9.375vw;
}

.con11_ct_yell {
    height: 31.25vw;
    width: 3.80vw;

    border-radius: 0 1.04vw 1.04vw 0;
}

.con_yitem {
    cursor: pointer;
}

.con11_ybox_inner {
    flex-direction: column;
    gap: 1.56vw;
}


.con11_right_wrap {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-start;

    padding-top: 10.78vw;
    padding-right: 12.50vw;
}

.con11_wbox_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
}

.con11_wbox {
    width: 27.500vw;
}

.con11_wtitle {
    font-size: 2.34vw;
    margin-bottom: 2.76vw;
}

.con11_wt1 {
    margin-bottom: 0.3vw;
}

.con12 {
    padding-top: 6vw;
    padding-bottom: 2.344vw;
}

.con11_03 {
    width: 5.99vw;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.con_yitem.remote_on .con11_03 {
    opacity: 1;
    visibility: visible;
}

.con12_inner_bord {
    width: 95.83vw;
    background: #f2f7f3;
    padding: 0.99vw;
}

.con12_inner {
    flex-direction: column;

    padding-top: 4.79vw;
    background: #fff;
    border: 0.1vw solid #0c4d2e;
    border-radius: 1.56vw;
}

.con12_twrap {
    flex-direction: column;
    margin-bottom: 3.91vw;
}

.con12_title {
    font-size: 2.86vw;
    margin-bottom: 1.6vw;
}

.con12_01 {
    width: 5.68vw;
    margin-bottom: 2.19vw;
}

.con12_box {
    width: 25%;
    height: 24.79vw;
    background: url('/images/con12_06.png') center center / cover no-repeat;

    border-right: 0.1vw solid #dddddd50;
    cursor: pointer;
}

.con16_plate {
    width: 49.531vw;
    bottom: -7.6vw;
    left: -12.8vw;
}

.con12_box4 {
    border-right: none;
}

.con12_box_frnt {
    line-height: 1.2;
    opacity: 1;
    transition: 0.3s;
}

.con12_box_back {
    opacity: 0;
    padding: 1.56vw;
    transition: 0.3s;
}

.con12_box.change .con12_box_frnt {
    opacity: 0;
}

.con12_box.change .con12_box_back {
    opacity: 1;
}

.con12_box_back_inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 1.563vw;
    padding-top: 4.479vw;

    overflow: hidden;
}

div.con12_box_back_inner_02 {
    padding-top: 3.5vw;
}

.con12_07 {
    width: 14.115vw;
}

.con12_back_txt1 {
    margin-top: 2vw;
    margin-bottom: 1.4vw;
}

.con12_back_txt2 {
    margin-top: 1.04vw;
    margin-bottom: 1.46vw;
}

.con12_back_txt3 {
    margin-top: 2.08vw;
    margin-bottom: 2.86vw;
}

.con12_back_txt4 {
    margin-top: 2vw;
}

.con12_08 {
    width: 13.073vw;
}

.con12_09 {
    width: 16.927vw;
}

.con12_10 {
    width: 20.47vw;
    left: 2.19vw;
}

.con13 {
    background: url('/images/con13_05.png') center center / cover no-repeat;

    display: flex;
    align-items: flex-end;
    flex-direction: column;

    padding-top: 8.85vw;
    padding-bottom: 6.41vw;
}

.con13_vstar {
    width: 5.782vw;
    z-index: 10;
}

.con13_vstar_01 {
    top: 11.094vw;
    left: 19.688vw;
}

.con13_vstar_02 {
    right: 5.729vw;
    top: 16.146vw;
}

.con13_vstar_03 {
    width: 6.667vw;
    z-index: 10;
    bottom: 11.458vw;
    left: 14.219vw;
}

.con13_title {
    font-size: 2.604vw;
}

.con13_03 {
    width: 23.750vw;
    top: -5.21vw;
    right: -6.5vw;
}

.con13_twrap {
    display: flex;
    flex-direction: column;

    margin-right: 19.01vw;
    margin-bottom: 4.43vw;
}

.con13_t1 {
    margin-bottom: 1.67vw;
}

.con13_t2 {
    margin-bottom: 0.3vw;
}

.con13_t4 {
    margin-top: 1.82vw;
}

.con13_simg {
    width: 15.00vw;
    border-radius: 1.5vw;
    overflow: hidden;
}

.con13_sddm {
    top: 21.04vw;
    right: 8.54vw;
    width: 10.36vw;
}

.con13_video {
    width: 46.88vw;
    height: 46.88vw;

    top: 3.28vw;
    left: 2.92vw;

    overflow: hidden;
}

.con13_video video {
    object-position: 37% 0%;
}

.con13_swiper {
    width: 70vw;
}

.con14 {
    padding-top: 6.56vw;
    z-index: 10;
}

.con14_twrap {
    flex-direction: column;
    margin-bottom: 4.688vw;
}

.con14_title {
    flex-direction: column;
    font-size: 2.86vw;
}

.con14_t1 {
    margin-bottom: 1.56vw;
}

.con14_t2 {
    margin-bottom: 0.3vw;
}

.con14_box1 {
    background: url('/images/con14_03.png') center center / cover no-repeat;
    width: 43.75vw;
    height: 30.94vw;

    padding-top: 8.02vw;
    padding-left: 6.15vw;
}

.con14_bt1 {
    margin-bottom: 1vw;
}

.con14_bt2 {
    font-size: 2.34vw;
}

.con14_bt3 {
    font-size: 2.34vw;
}

.con14_bt4 {
    margin-top: 4.43vw;
}

.con14_02 {
    top: -2.19vw;
    right: 5.31vw;
    width: 10.365vw;
}

.con14_01 {
    bottom: -1.41vw;
    right: -2.08vw;
    width: 23.490vw;
}

.con14_bvideo_wrap {
    flex-direction: column;
    width: 43.49vw;



    z-index: 10;

    margin-left: -3.13vw;
}

.con14_bvideo {
    height: 24.46vw;
    border-radius: 1.7vw;
}

.con14_vbtn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1.823vw;

    bottom: -3.854vw;
}

.con14_vbtn_prev {
    transform: rotate(180deg);
}

.con14_vbtn {
    width: 1.93vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con15 {
    padding-top: 23.438vw;
    margin-top: -15.365vw;
    background: #e8f5ee;
}

.con15_twrap {
    flex-direction: column;
}

.con15_title {
    flex-direction: column;
    font-size: 2.865vw;
    margin-bottom: 2.604vw;
}

.con15_t1 {
    margin-bottom: 0.4vw;
}

.con15_01 {
    margin-bottom: 1.563vw;
    width: 9.271vw;
}

.tab4_menu_wrap {
    gap: 3.854vw;
    margin-bottom: 1.563vw;
}

.tab4_menu {
    cursor: pointer;
}

.tab4_menu.on .tab4_mline {
    opacity: 1;
}

.tab4_menu.on {
    color: #0c4d2e;
}

.tab4_mline {
    width: 0.208vw;
    height: 1.042vw;

    opacity: 0;
}

.tab4_mline1 {
    left: -0.469vw;
}

.tab4_mline2 {
    right: -0.469vw;
}

.tab4_contents {
    width: 65.625vw;
    height: 25.885vw;

    background: #bcd4c7;
    padding: 0.417vw;
}

.tab4_itxt {
    width: 8.646vw;
    height: 3.750vw;
    border-radius: 1.042vw;
    left: -4.375vw;
    top: 10.2vw;
}

.tab4_itxt2 {
    left: auto;
    right: -4.375vw;
}

.tab4_item {
    width: 98%;
    height: 95.5%;


    padding-top: 5.4vw;
    padding-left: 7.187vw;
    padding-bottom: 4.4vw;

    border-radius: 1.7vw;
    border: 0.1vw solid #0c4d2e;

    opacity: 0;
    transition: 0.4s;

    display: flex;
    flex-direction: column;
}

.tab4_item.on {
    opacity: 1;
}

.tab4_it_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tab4_ititle {
    display: flex;
    flex-direction: column;

    font-size: 1.823vw;
}

.tab4_it1 {
    margin-bottom: 0.5vw;
}

.tab4_chck_twrap {
    display: flex;
    flex-direction: column;

    gap: 0.313vw;
}

.tab4_chck {
    display: flex;
    align-items: center;
    gap: 0.313vw;
}

.con15_03 {
    width: 1.094vw;
}

.tab4_img_iwrap {
    flex-direction: column;
    top: 5.052vw;
    right: 4.688vw;

    z-index: 100;
}

.con15_04 {
    width: 18.698vw;
}

.con15_05 {
    width: 13.750vw;
}

.con15_06 {
    width: 25.677vw;
}

.con15_07 {
    width: 18.438vw;
}

.con15_08 {
    width: 13.750vw;
}

.con15_09 {
    width: 25.677vw;
}

.tab4_i1 {
    transform: translateY(2vw);
    opacity: 0;
    transition: 0.7s;
}

.tab4_i2 {
    scale: 2;
    opacity: 0;

}

.tab4_i3 {
    transform: translateY(-4vw);
    opacity: 0;
    transition: 0.4s 0.4s;
}

.tab4_item.on .tab4_i1 {
    transform: translateY(0);
    opacity: 1;
}

.tab4_item.on .tab4_i2 {
    scale: 1;
    opacity: 1;
    transition: 0.4s 0.8s;
}

.tab4_item.on .tab4_i3 {
    transform: translateY(0);
    opacity: 1;
}

.tab4_itxt1 {
    transform: translateX(-4vw);
    opacity: 0;
    transition: 0.4s;
}

.tab4_item.on .tab4_itxt1 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_itxt2 {
    transform: translateX(4vw);
    opacity: 0;
    transition: 0.7s;
}

.tab4_item.on .tab4_itxt2 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_it1 {
    transform: translateX(-10vw);
    opacity: 0;
    transition: 0.4s;
}

.tab4_it2 {
    transform: translateX(-10vw);
    opacity: 0;
    transition: 0.4s 0.1s;
}

.tab4_item.on .tab4_it1 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_item.on .tab4_it2 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_chck1 {
    transform: translateY(5vw);
    opacity: 0;
    transition: 0.4s 0.2s;
}

.tab4_item.on .tab4_chck1 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_chck2 {
    transform: translateY(5vw);
    opacity: 0;
    transition: 0.4s 0.3s;
}

.tab4_item.on .tab4_chck2 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_chck3 {
    transform: translateY(5vw);
    opacity: 0;
    transition: 0.4s 0.4s;
}

.tab4_item.on .tab4_chck3 {
    transform: translateX(0);
    opacity: 1;
}

.tab4_chck4 {
    transform: translateY(5vw);
    opacity: 0;
    transition: 0.4s 0.5s;
}

.tab4_item.on .tab4_chck4 {
    transform: translateX(0);
    opacity: 1;
}

.con15_fwrap {
    margin-top: -15.4vw;
}

.con15_foot {
    height: 13vw;

    background: #0c4d2f;

    display: flex;
    justify-content: center;
    align-items: flex-end;

    padding-bottom: 1vw;
    z-index: 10;
}

.con15_isd {
    z-index: 5;
    margin-bottom: -8vw;
}

.con15_10 {
    width: 14.115vw;
}

div.con15_12 {
    width: 102.292vw;
}

div.con15_11 {
    width: 100.000vw;
}

.con15_isd2 {
    z-index: 1
}

.tab4_container {
    z-index: 100;
}

.con16 {
    padding: 3.125vw;

    background: #0c4d2f;
}

.con16_inner {
    background: #cce2d6;
    padding: 0.521vw;
}

.con16_box {
    border: 0.1vw solid #0c4d2e;

    justify-content: flex-end;
    gap: 1.563vw;
    padding-right: 9vw;
}

.con16_swiper {
    width: 19.948vw;
    height: 45.677vw;
}

.con16_swiper_img {
    width: 19.948vw;
}

.con16_btwrap {
    display: flex;
    flex-direction: column;

    top: 9.375vw;
    left: 8.854vw;
}

.con16_btitle {
    font-size: 2.865vw;
    display: flex;
    flex-direction: column;
}

.con16_01 {
    width: 5.729vw;
    margin-bottom: 1.563vw;
}

.con16_bt1 {
    margin-bottom: 0.2vw;
}

.con16_bt2 {
    margin-bottom: 0.2vw;
}

.con16_bt4 {
    margin-top: 3.125vw;
}

.con17 {
    background: #fcf6e6;
    padding-bottom: 5vw;
}

.con17_inner {
    background: url('/images/con17_06.png') center center / cover no-repeat;
    width: 94.063vw;
    height: 32.708vw;

    padding-top: 7.292vw;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.con17_twrap {
    flex-direction: column;
    margin-bottom: 1.6vw;
}

.con17_01 {
    width: 10.521vw;
    margin-bottom: 1.302vw;
}

.tab5_menu_wrap {
    width: 23.021vw;
    height: 3.542vw;
    border-radius: 1.563vw;
    border: 0.1vw solid #ebb012;

    padding: 0 0.35vw;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 2.083vw;
}

.tab5_mbg {
    width: 10.990vw;
    height: 2.760vw;
    background: #0c4d2e;
    border-radius: 1.406vw;

    gap: 0.4vw;
    cursor: pointer;

    transition: 0.4s;

    left: 0.35vw;
}

.tab5_mbg.to-right {
    left: 11.5vw;
}

.tab5_menu {
    width: 23.021vw;
    cursor: pointer;
}

.con17_02 {
    width: 2.396vw;
}

.tab5_mbg_t1 {
    opacity: 1;
    transition: 0.4s;
}

.tab5_mbg_t2 {
    opacity: 0;
    transition: 0.4s;
}

.tab5_mbg.to-right .tab5_mbg_t1 {
    opacity: 0;
}

.tab5_mbg.to-right .tab5_mbg_t2 {
    opacity: 1;
}

.tab5_contents {
    display: flex;
    justify-content: center;

    height: 37.500vw;
    margin-top: -12vw;
}

.con17_04 {
    width: 12.292vw;
    bottom: -0.729vw;
    right: 16.7vw;

    scale: 2;
    transition: 0.4s 0.5s;
    opacity: 0;
}

.tab5_item.on .con17_04 {
    scale: 1;
    opacity: 1;
    animation: blk 1s 1.5s infinite ease-in-out;
}

.tab5_btxt {
    margin-top: 1vw;
    margin-left: 0.4vw;

    opacity: 0;
    transform: translateY(20%);
}

.tab5_item.on .tab5_btxt {
    opacity: 1;
    transform: translateY(0%);
    transition: 0.5s 0.7s;
}

.con17_table {
    opacity: 0;
    transition: 0.2s;
    transform: translateY(20%);

    width: 63.281vw;
}

.tab5_item.on .con17_table {
    opacity: 1;
    transform: translateY(0%);
    transition: 0.5s 0.2s;
}

.con17_03 {
    top: 2.813vw;
    right: 3.542vw;
    width: 9.740vw;

    scale: 2;
    transition: 0.4s 0.5s;
    opacity: 0;
}

.tab5_item.on .con17_03 {
    scale: 1;
    opacity: 1;
    animation: blk 1s 1.5s infinite ease-in-out;
}


.con18 {
    padding-top: 4.948vw;
    padding-bottom: 3.333vw;

    background: #fdcc4b;
}

.con18_wrap {
    width: 91.667vw;
    height: 48.385vw;
    background: rgba(255, 255, 255, 0.341);
}

.con18_inner {
    background: url('/images/con18_06.png') center center / cover no-repeat;
    width: 90.625vw;
    height: 47.500vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 7.813vw;
}

.con18_twrap {
    flex-direction: column;
    margin-bottom: 2.917vw;
}

.con18_title {
    flex-direction: column;
    margin-bottom: 2.083vw;
}

.con18_t1 {
    font-size: 2vw;
    margin-bottom: 0.4vw;
}

.con18_t2 {
    font-size: 2.865vw;
}

.con18_item {
    width: 22.188vw;
    height: 16.927vw;

    padding-top: 3.958vw;

    display: flex;
    align-items: center;
    flex-direction: column;

    background: #fff;
    border-radius: 1.563vw;
    border: 0.1vw solid #0c4d2e;

    transition: 0.4s;
    cursor: pointer;
}

.con18_it1 {
    margin-bottom: 2.083vw;
}

.con18_iwrap {
    gap: 1.406vw;
    z-index: 10;
}

.con18_03 {
    width: 15.781vw;
    bottom: -5.5vw;
}

.con18_bimg_wrap {
    gap: 0.781vw;
    bottom: -5.521vw;
}

.con18_muryo {
    width: 90.110%;
    bottom: -12.088%;

    animation: blk 1s infinite ease-in-out;
}

.con18_02 {
    width: 42.344vw;
    bottom: -8.7vw;
    right: -14.8vw;
    pointer-events: none;
    z-index: 20;
}

.con18_item.change {
    background: #0c4d2e;
    color: #fff;
    animation: ddm2 2s infinite ease-in-out;
}

.con18_04,
.con18_05 {
    width: 9.479vw;
}

.con18_item.change .con18_03 {
    animation: ddm4 2s 0.2s infinite ease-in-out;
}

.con18_item.change .con18_04 {
    animation: ddm3 2s 0.2s infinite ease-in-out;
}

.con18_item.change .con18_05 {
    animation: ddm3 2s 0.4s infinite ease-in-out;
}

.con18_01 {
    top: 13.177vw;
    left: -7vw;
    width: 28.646vw;
}

.con19 {
    padding-top: 6.510vw;
}

.con19_bwrap {
    flex-wrap: wrap;
    width: 77vw;
    column-gap: 1.250vw;
    row-gap: 1.927vw;

    z-index: 10;
}

.con19_box {
    width: 14.375vw;
    z-index: 5;
}

.con19_box_01 {
    z-index: 50;
}

.con19_box_02 {
    z-index: 49;
}

.con19_box_03 {
    z-index: 48;
}

.con19_box_04 {
    z-index: 47;
}

.con19_box_05 {
    z-index: 46;
}

.con19_box_06 {
    z-index: 45;
}

.con19_box_07 {
    z-index: 44;
}

.con19_box_08 {
    z-index: 43;
}

.con19_box_09 {
    z-index: 42;
}


.con19_arrow {
    width: 1.927vw;
}

.con19_arrow {
    right: -1.4vw;
    z-index: 10;
}

.con19_arrow {
    animation: ddmx2 2s infinite ease-in-out;
}

.con19_01 {
    width: 10.521vw;
    margin-bottom: 1.406vw;
}

.con19_title {
    margin-bottom: 3.125vw;
}

.con19_12 {
    width: 5.208vw;
    right: -1.667vw;
    bottom: 1.146vw;
}

.con19_bslide {
    margin-top: 6.771vw;
    height: 5.677vw;
    background: #0c4d2e;
}

div.con19_13 {
    width: 104.010vw;
}

.con19_11 {
    right: 16.146vw;
    bottom: 3.5vw;
    width: 20.938vw;
}

.con20 {
    padding-top: 6.250vw;
    background: #ebf7f1;
}

.con20_twrap {
    flex-direction: column;
    margin-bottom: 4vw;
}

.con20_01 {
    margin-bottom: 0.6vw;
    width: 2.708vw;
}

.con20_title {
    margin-bottom: 1vw;
}

.con21 {
    background: url('/images/con21_01.png') center center / cover no-repeat;
    height: 73.281vw;
    margin-top: -8vw;

    padding-left: 12.500vw;
}

.con21_box {
    margin-top: 14.5vw;

    width: 39.427vw;
    height: 40.885vw;
    border: 0.1vw solid #0c4d2e;

    padding-top: 6.771vw;
    padding-left: 7.3vw;
}

.con21_btitle {
    font-size: 2.604vw;
    margin-bottom: 1.8vw;
}

.con21_bt1 {
    margin-bottom: 0.6vw;
}

.con21_bt3 {
    margin-bottom: 2.8vw;
}

.con21_btwrap {
    display: flex;
    flex-direction: column;
    gap: 1.75vw;
}

.con21_txtab {
    left: 0;
    top: 0;

}

.con21_bt8 {
    margin-left: 0.3vw;
    padding: 0 0.2vw;
}

.con21_bt8_frnt {
    color: #000;
    z-index: 10;
}

.con22 {
    margin-top: -15vw;
}

.con22_water_wrap {
    width: 100%;
    z-index: 10;
}

div.con22_water {
    width: 116.146vw;
}

.con22_wslide {
    bottom: 0vw;
}

.con22_twrap {
    display: flex;
    flex-direction: column;

    top: 13.542vw;
    left: 19.792vw;
}

.con22_02 {
    width: 8.438vw;
    margin-bottom: 1.406vw;
}

.con22_txt {
    margin-top: 2.083vw;
    margin-bottom: 2.083vw;
}

.con22_cwrap {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.con22_ctxt {
    font-size: 2.5vw;
}

.con22_call {
    width: 2.448vw;
    margin-right: 0.5vw;
    margin-bottom: 0.3vw;
}

.con22_01 {
    width: 49.740vw;
    left: 2vw;
    bottom: -24.5vw;
    z-index: 10;
}




/* form */
.form_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;

    width: 28.333vw;
    right: 17vw;
    bottom: 7.552vw;
}

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

.form_margin {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.form_margin_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 0.1vw solid #ffffff20;

    padding: 1.4vw 0;
}

.form_margin_Agree_input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5vw;
    margin-top: 0.990vw;
    margin-bottom: 2.604vw;
    margin-left: 0.1vw;
}

.footeer_agree_checkbox_01 {
    width: 0.5vw;
    height: 0.5vw;

    border-radius: 0.1vw;

    display: flex;
    justify-content: center;
    align-items: center;

    outline: 0.1vw solid #fff;
    border: none;
    cursor: pointer;
    appearance: none;
    position: relative;
    margin-bottom: 0vw;


}

.footeer_agree_checkbox_01:checked::before {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    border: 0.1vw solid #000;
    box-sizing: border-box;

    background-color: #ebb012;
}

/* .footeer_checkbox_01 ,
.footeer_checkbox_02 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none;
} */

.form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    height: 3.750vw;
    border-radius: 0.781vw;
}

.form_margin_input>label {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.form_margin_input>input {
    border: none;
    outline: none;
    box-sizing: border-box;
    width: 65%;
    color: #fff;
}

.form_index_input textarea {
    width: 75%;
    height: 6vw;
    border: none;
    resize: none;
    outline: none;
    box-sizing: border-box;
    padding: 0.5vw;
}

.form_check_wrap {
    display: flex;
    align-items: center;
    gap: 0.781vw;
    margin-right: 6.458vw;
}

.form_check_wrap label {
    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    background: #fff;
    transition: 0.2s;
}

.form_check_wrap label:hover {
    background-color: #fdc83a;
}

.form_check_wrap input:checked+label {
    background-color: #fdc83a;
}

.agree_txt {
    cursor: pointer;
}

.form_check_name_01,
.form_check_name_02 {
    width: 5.781vw;
    height: 2.240vw;
    border-radius: 0.521vw;
}

.footeer_checkbox_01,
.footeer_checkbox_02 {
    /* width: 1vw;
    height: 1vw;
    appearance: none;
    outline: 0.1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center; */

    display: none;
}

.footeer_checkbox_01:checked::before,
.footeer_checkbox_02:checked::before {
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    background-color: #000;

    border-radius: 50%;
}

.form_input_after {
    margin-top: 0.5vw;
    margin-right: 0.5vw;
}





/* map */
.map_mid_map_search_top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.map_mid_map_search_top>div {
    color: #000;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6%;
    padding-bottom: 3%;
    font-size: 1vw;
    font-weight: 300;
    cursor: pointer;
    background-color: #fff;
}

.on2 {
    background: #16992C !important;
    color: white !important;
    font-weight: 900 !important;
}

.off2 {
    font-weight: 300 !important;
}

.map_mid_map_search_mid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 42%;
    height: 3.4vw;
    box-sizing: border-box;
    margin: auto;
    z-index: 3;
    top: -1.7vw;
    border: 0.1vw solid #00573a;
    background-color: #fff;
    border-radius: 100vw;
    overflow: hidden;
}

.map_mid_map_search_mid input {
    appearance: none;
    border: none;
    outline: none;
    /* border-radius: 0.6vw; */
    width: 85%;
    height: 100%;
    padding-left: 5.5%;
    font-family: 'Pretendard-regular';
    font-size: 0.9vw;
    box-sizing: border-box;
    color: #5a5a5a;
}

.map_mid_map_search_mid input::placeholder {
    color: #5a5a5a;
}

.map_mid_map_search_bottom {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    /* margin: auto; */
    padding: 0vw 0;
}

.map_mid_map_search_item_title {
    width: 80%;
    font-size: 1vw;
    font-weight: 600;
}

.map_mid_map_search_item_address {
    width: 80%;
    margin-top: 8.4%;
    margin-bottom: 3%;
    color: #222;
    font-weight: 400;
}

.map_mid_map_search_item_tel {
    color: #222 !important;
    font-weight: 400;
}

.map {
    width: 100%;
    height: 31vw;
    border-radius: 1vw;
    border: 0.1vw solid #00573a;
    box-sizing: border-box;
    background-color: #000;
}

/* .map_bg {
    height: 100%;
    background-color: #fcd943;
    top: 0.3vw;
    left: 0.3vw;
    box-sizing: border-box;
    border: 0.1vw solid #000;
} */

.map_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 75%;
    margin-bottom: 0;
    box-sizing: border-box;
    z-index: 500;
}

.map_search {
    width: 11%;
    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    border-radius: 50%;
    padding: 0.9vw;
    box-sizing: border-box;
    overflow: hidden;
    background: #00573a;
}

.con20_02 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.con7_bottom_2 {
    width: 26.4943%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_mid_map_search_item {
    width: 100%;
    margin: 0% auto;
    border-bottom: 0.1vw solid #00573a;
    padding: 15% 0;
    padding-left: 14%;
    font-size: 0.8vw;
    font-family: "pretendard-regular";
    box-sizing: border-box;
    position: relative;
    color: #000;
    cursor: pointer;
}

.map_mid_map_search {
    width: 24%;
    background: white;
    height: 100%;
    top: 50%;
    z-index: 2;
    overflow: hidden;
    left: 0;

    box-sizing: border-box;
    border-radius: 1vw 0vw 0vw 1vw;
    transform: translateY(-50%);
    border: 0.1vw solid #00573a;
    box-sizing: border-box;
}

.map_mid_map_search_bottom::-webkit-scrollbar {
    display: none;
}

.map_plus {
    width: 8.23%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 13%;
    top: 24%;
    cursor: pointer;
}

/*   .map_plus_h {
    width: 150.769%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .map_plus:hover .map_plus_h {
    opacity: 1;
  } */
.sido1 {
    width: 16%;
    height: 48%;
    border: none;
    border-right: 1px solid #b5b5b5;
    outline: none;
}

.map_link {
    width: 49.81%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}

.map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0%;
    border-top: 1px solid #808080a3;
    border-bottom: 1px solid #808080a3;
}


/*popup*/
.fixed_popup {
    width: 100vw;
    position: fixed;
    top: 0;
    height: 100vh;
    background: #00000099;
    z-index: 999999999999;

    display: flex;
    justify-content: center;
    align-items: center;
}

div.popup {
    width: 47%;
    height: 19vw;
    /* border: 1px solid black; */
    background-color: #fff;
    box-sizing: border-box;
    gap: 3vw;
    justify-content: space-between;
    border-radius: 0.3vw;
    overflow: hidden;

    display: flex;
}

.popup_top {
    font-size: 1.5vw;
    width: 88%;
    padding-bottom: 3%;
    text-align: center;
    border-bottom: 1px solid #0000002e;
}

.popup>p:nth-child(2) {
    font-size: 1.3vw;
    width: 88%;
    margin-top: 5%;
    padding-bottom: 2%;
    text-align: left;
}

.popup>p:nth-child(4) {
    font-size: 0.9vw;
    width: 88%;
    margin-top: 1%;
}

.popup>p:nth-child(5) {
    left: 42%;
    width: 58%;
    padding-right: 8%;
    height: 12vw;
    top: 43%;
    box-sizing: border-box;
    font-size: 0.9vw;
    overflow-y: scroll;
}

.popup_right_1st {
    color: #E3C179;
    width: 78%;
    margin-bottom: 1%;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1.2vw;
    margin-top: -6%;
}

.popup_right>div>div:nth-child(2) {
    width: 65%;
    font-weight: 400;
    font-size: 0.85vw;
    color: #333;
}

.popup_right>div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: #000;
    margin-top: 3.5%;
}

.popup_right_left_txt {
    width: 18%;
    font-weight: 600 !important;
    font-size: 0.85vw !important;
    color: #000;
    position: relative;
    margin-right: 3.7%;
}

.popup_right_left_txt::after {
    content: '';
    position: absolute;
    right: 0;
    top: 31%;

    width: 1px;
    height: 50%;
    background: #c3c3c3;
}

.popup_right {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: #000;
    margin-top: -4%;
}

.popup_img img {
    width: 100%;
}


.fixed_popup_con {
    width: 62%;
    height: 49%;
    background-color: #000;
    top: 31%;
    left: 20%;
    border-radius: 1vw;
}

.popup_img {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 100%;
    overflow: hidden;
}

.popup_img img {
    width: 108%;
}


.popup_top_absol {
    width: 12.4369%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12%;
    left: 10%;
}

.popup_top_absol_2nd {
    width: 96.6687%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 21%;
    left: 1.5%;
}

.popup_img_con {
    position: static !important;
    overflow: hidden;
}

.popup_right_6th_left {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* background-color: #19c365; */
    /* border-radius: 5vw; */
    right: 3%;
    bottom: 6%;
}

.popup_right_6th_left::after {
    content: '';
    width: 0%;
    height: 0.02vw;

    position: absolute;
    bottom: -0.2vw;
    left: 0;

    background: #000;
    transition: width 0.3s;
}

.popup_right_6th_left:hover::after {
    width: 100%;
}

.popup_img_con {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.popup_top_absol {
    width: 12.4369%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 18%;
    left: 52.5%;
}

.popup_right_2nd {
    font-weight: 500;
    width: 100%;
    font-size: 1.36vw;
    margin-bottom: 4%;
    box-sizing: border-box;
    font-family: 'pretendard variable';
}

.popup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_close {
    width: 2vw;
    height: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    right: 2%;
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.popup_close_border {
    /* position: absolute;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    border: 1px solid #00000010; */
    display: none;
}

.popup_close .absol {
    width: 60%;
    height: 2px;
    background-color: #000;
}

.popup_close .absol:nth-child(1) {
    transform: rotate(45deg);
}

.popup_close .absol:nth-child(2) {
    transform: rotate(-45deg);
}

.popup_close:hover {
    transform: rotate(180deg);
}


div.popup_logo {
    width: 17.156%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}

.swiper-button-lock {
    display: block !important;
}

.con14_bvideo iframe {
    pointer-events: unset !important;
}

/* #header,
#footer,
section:not(.con20) {
    display: none !important
} */