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

*::selection {
    background: #01a94a;
    color: #fff;
}

/* 스와이퍼 */
.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 txt-gradation {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@keyframes txt-gradation-02 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -300% 0%;
    }
}

@keyframes txt-gradation-03 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -200% 0%;
    }
}

@keyframes opaUp {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    20% {
        opacity: 0.7;
    }

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

@keyframes smoke {
    0% {
        transform: translate(0, 30%);
        opacity: 0;
    }

    25% {
        transform: translate(calc(random() * 100vw), 100vh);
        opacity: 1;
    }

    50% {
        transform: translate(calc(random() * 100vw), 100vh);
        opacity: 1;
    }

    75% {
        transform: translate(calc(random() * 100vw), 100vh);
        opacity: 1;
    }

    100% {
        transform: translate(calc(random() * 100vw), 200vh);
        opacity: 0;
    }
}

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

@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 sway1 {
    0% {
        transform: rotate(3deg);
    }

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

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

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

.sway {
    animation: sway1 2s infinite ease-in-out;
    transform-origin: bottom center;

}

.image_sd_wrap {
    overflow: hidden;
}

.image_sd .absol {
    left: 100%;
}

.image_sd_r .absol {
    right: 100%;
}

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

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

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

.sway_hand {
    animation: sway1 2s infinite ease-in-out;
    transform-origin: top right;
}

/* ---------------------- 색 관련 ---------------------- */

.c_fff {
    color: white;
}

.bg_fff {
    background: #fff;
}

.bg_000 {
    background: #000;
}

.c_green {
    color: #01a94a;
}

.bg_green {
    background: #01a94a;
}

.c_red {
    color: #ce0000;
}






/* -------------------------------- 텍스트 관련 -------------------------------- */
.lh_15 {
    line-height: 1.5;
}

.lh_12 {
    line-height: 1.2;
}

.lt_no {
    letter-spacing: normal;
}

.lt_05 {
    letter-spacing: 0.5vw;
}

.txct {
    text-align: center;
}

.txrt {
    text-align: right;
}


.fw_700 {
    font-weight: 700;
}

.fw_900 {
    font-weight: 900;
}



.fz_12 {
    font-size: 1.2vw;
}

.fz_25 {
    font-size: 1.3vw;
}

.fz_28 {
    font-size: 1.45vw;
}

.fz_30 {
    font-size: 1.6vw;
}

.fz_35 {
    font-size: 1.8vw;
}

.fz_37 {
    font-size: 1.93vw;
}

.fz_45 {
    font-size: 2.34vw;
}

.fz_50 {
    font-size: 2.6vw;
}

.fz_57 {
    font-size: 3vw;
}

.fz_60 {
    font-size: 3.125vw;
}

.fz_94 {
    font-size: 5vw;
}

.fz_135 {
    font-size: 7vw;
}

.nokr {
    font-family: 'Noto Serif KR';
}

.gmk {
    font-family: 'gmk';
}

.prtd {
    font-family: 'Pretendard Variable';
}

.gold_gtxt {
    background: linear-gradient(130deg, #eee387, #e1b05a, #e6c05f, #e3ba68, #eee387);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: txt-gradation-02 5s linear infinite;
}

.red_gtxt {
    background: linear-gradient(50deg, #ce0000, #b90101, rgb(148, 11, 11), #b90101, #ce0000);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: txt-gradation-03 2s linear infinite;
}

.red_gtxt.animate-blk {
    animation: txt-gradation-03 2s linear infinite, blk 1s infinite ease-in-out;
}


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

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


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

.mb_08 {
    margin-bottom: 0.8vw;
}

.mb_10 {
    margin-bottom: 1.0vw;
}

.mb_11 {
    margin-bottom: 1.1vw;
}

.mb_16 {
    margin-bottom: 1.6vw;
}

.mb_20 {
    margin-bottom: 2vw;
}

.mb_26 {
    margin-bottom: 2.6vw;
}

.pb_06 {
    padding-bottom: 6vw;
}

.op_05 {
    opacity: 0.5;
}




/* 퍼블시작 */

section {
    overflow: hidden;
    font-family: 'Noto Serif KR';
    font-weight: 500;
    font-size: 0.9vw;
    letter-spacing: -0.05vw;
    line-height: 1.5;
}

.main {
    background: url('/images/main_bg.jpg') center center / cover no-repeat;

    width: 100%;
    height: 48.490vw;
}

.main>div {
    z-index: 10;
}

div.main_ovray {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;

    background: #00000070;
}

.main_txt_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -1.2vw;
}

.main_title_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main_03 {
    width: 26.823vw;
    top: 9.219vw;
    right: 0;

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

    z-index: 20;
}

.main_02 {
    width: 99.417%;
    top: -55%;
    z-index: 30;
}

/* div.main_01 {
    width: 15.260vw;
    bottom: 6vw;
    right: 1.6vw;

    z-index: 20;
} */
div.main_01 {
    width: 15.260vw;
    bottom: 20.3vw;
    right: 19.7vw;
    z-index: 20;
}

.con01_title_txt {
    font-size: 5.938vw;
}


.con01 {
    background: url('/images/con1_bg.jpg') center center / cover no-repeat;

    padding-top: 8.333vw;
}

.con01_ovry {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.4);
}

.con01_txt_wrap {
    margin-top: -1.1vw;

    z-index: 10;
}

.con01_price_txt {
    margin-top: 3.8vw;
}

.con01_price_won {
    margin-top: 3.8vw;
    margin-left: -0.3vw;
}

.con01_txt_01 {
    margin-bottom: 0.3vw;
}

.txt_wing {
    width: 7.656vw;
    transform-origin: bottom center;
}

.left_wing {
    left: -5.2vw;
    bottom: -2.7vw;
}

.right_wing {
    right: -5.2vw;
    bottom: -2.7vw;
    transform: scaleX(-1);
}

/* con01_swiper */

.con01_swiper {
    z-index: 10;
}

div.con01_item {
    border-right: 0.2vw solid #e3ba68;
    border-bottom: 0.2vw solid #e3ba68;
}

.con01_item_head {
    height: 4.167vw;
    transition: 0.2s;
}

.con01_item_body {
    height: 8.750vw;

    border-top: 0.2vw solid #e3ba68;
    transition: 0.2s;
}


.con01_item_won {
    margin-top: 0.7vw;
    margin-left: 0.2vw;
}

.con01_item_sub_title {
    margin-bottom: -0.7vw;
}

/* .con01_swiper .swiper-slide-active {
    transform: scaleX(1.05);
} */

.con01_swiper .swiper-slide-active div.con01_item {
    /* border: none; */
    z-index: 100;
    /* transform: scaleX(1.01); */
}



.con01_swiper .swiper-slide-active .con01_item_head {
    /* background: #01a94a; */

    background: linear-gradient(130deg, #eee387, #e1b05a, #e6c05f, #e3ba68, #eee387);
    background-size: 300% 100%;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    animation: txt-gradation-02 5s linear infinite;
    transform: scaleX(1.01);



    font-weight: 900;
}

/* .con01_swiper .swiper-slide-active .con01_item_body {
    background: #fff;
} */

/* .con01_item_title {
    transition: 0.2s;
} */

.con01_swiper .swiper-slide-active .con01_item_title {
    color: #000;
}

.con01_swiper .swiper-slide-active .con01_item_sub_title {
    /* color: #000; */
    font-weight: 900;
}

.con01_swiper .swiper-slide-active .con01_item_price_wrap {
    background: linear-gradient(130deg, #eee387, #e1b05a, #e6c05f, #e3ba68, #eee387);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: txt-gradation-02 5s linear infinite;


    font-weight: 900;
}

.con01_swiper .swiper-slide-active .con01_item_plus_wrap {
    color: #fff;
    font-weight: 700;
}

.con01_item_line {
    margin: 0 0.4vw;
}

.con02 {
    height: 46.875vw;
    display: flex;
    align-items: center;
}

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

.con02_left_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transform: rotate(270deg);
    transform-origin: center center;
    left: -14vw;
}

.con02_left .con02_line {
    width: 16.66vw;
    height: 0.05vw;
    background: #fff;
    margin: 0 0.5vw;
}

.con02_right {
    width: 85.6%;
    height: 38.5vw;
    border: 0.42vw solid #01a94a;
    border-left: none;
}


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

.con02_right_2nd {
    width: 53%;
    height: 100%;
    overflow: hidden;
}

.con02_data_img {
    width: 100%;
    height: 100%;
}

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

/* .con02_data_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.62vw;

    width: 100%;
    padding: 0 3vw;
} */

.con02_data_swiper {
    width: 93%;
}

.con02_data_swiper .swiper-slide {
    width: auto !important;
    margin: 0 0.3vw;
}

.con02_data {
    background: #fff;
    border: 0.25vw solid #000;
    color: #000;
    padding: 0.2vw 0.9vw 0.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.1s;
}

.con02_data.red_box {
    background: #ce0000;

    border-width: 0.25vw;
    border-style: solid;
    border-color: #ce0000;
}

.con02_data.red_box.bg_blk {
    background: #000;
    border-color: #000;
}

.con02_data.red_box .con02_data_txt {
    background: linear-gradient(130deg, #eee387, #e1b05a, #e6c05f, #e3ba68, #eee387);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: txt-gradation-02 5s linear infinite;
}

/* .con02_data.red_box.data_on {
    border: 0.25vw solid #000;
} */

.con02_data.data_on:not(.red_box) {
    background: #000;
}

.con02_data.data_on .con02_data_txt {
    background: linear-gradient(130deg, #eee387, #e1b05a, #e6c05f, #e3ba68, #eee387);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: txt-gradation-02 5s linear infinite;
}

.con2_02 {
    width: 25.729vw;
}

.con2_03 {
    width: 10.417vw;
}

.con2_04 {
    width: 33.698vw;
}

.con2_01 {
    width: 12.448vw;
    right: -2.5vw;
    top: -2.5vw;
    z-index: 10;
}

.con03 {
    background: url('/images/con3_bg.jpg') center top / cover no-repeat;
    padding-top: 2.6vw;
}

.con03_inner {
    width: 88%;
    height: 38vw;
    display: flex;
    justify-content: flex-end;
    border: 0.73vw solid #01a94a;
}

.con03_wrap {
    margin-top: 2.19vw;
    margin-right: 6.7vw;
    height: fit-content;

    display: flex;

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

    z-index: 100;
}

.con03_txt_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.con3_02 {
    width: 30.260vw;
}


.tab_item {
    display: none;
}

.tab_item.on {
    display: flex;
}

.tab_menu_wrap {
    display: flex;
    gap: 1.4vw;
}

.tab_menu {
    cursor: pointer;
}

.con03 .tab_menu {
    width: 10.26vw;
    background: #fff;
    border: 0.25vw solid #01a94a;
    padding-bottom: 0.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.1s;
    z-index: 1000;
}

.con03 .tab_menu.on {
    background: #01a94a;
    color: #fff;
}

.con03_foot {
    width: 100%;
    height: 5.8vw;
    margin-top: 2.6vw;
    background: #fff;
    white-space: nowrap;

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


.con03_foot_swiper .swiper-slide {
    width: auto;
}

/* con03_swiper */

.tab_contents {
    bottom: 1.7vw;
}

.con03_swiper {
    width: 100vw;

    padding: 17vw 0 11vw;
    white-space: nowrap;
}

.con03_swiper_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-right: -18.2vw;
    transition: 0.4s;

    position: relative;
}

.con03_item_txt {
    white-space: nowrap;
    bottom: -2.3vw;
    transition: 0.4s;
    opacity: 1;
}

.con03_item_txt_02 {
    top: -14.5vw;
    opacity: 0;
    transition: 0.4s;
}

.con03_item_txt,
.con03_item_txt_02 {
    font-family: "hulj";
}


.con03_item_img {
    width: 14.323vw;
    height: 9.583vw;
    transition: 0.4s;

    z-index: 10;
}

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


@media screen and (min-width:600px) {

    /* PC */
    .con03_swiper .swiper-slide {
        transition: 0.4s;
    }

    .con03_swiper .swiper-slide-active .con03_swiper_item {
        margin-top: -5.1vw;
    }

    .con03_swiper .swiper-slide-active .con03_item_img {
        scale: 2.96728;
    }

    .con03_swiper .swiper-slide-prev {
        transition: 0.4s;
        transform: translateX(-4vw);
    }

    .con03_swiper .swiper-slide-next {
        margin-left: 5.5vw;
    }

    .con03_swiper .swiper-slide-next+.swiper-slide {
        margin-left: -9.2vw;
        margin-right: -9.2vw;
    }

    .con03_swiper .swiper-slide-active .con03_item_txt {
        opacity: 0;
    }

    .con03_swiper .swiper-slide-active .con03_item_txt_02 {
        opacity: 1;
    }
}



.con04 {
    background: url('/images/con4_bg.jpg') center top / cover no-repeat;

    padding-top: 6.25vw;
}

.con04_bottom {
    width: 100%;
    height: 9.11vw;
}

.con4_01 {
    width: 54.95vw;
    margin-bottom: 1.2vw;
}

.con04_swiper {
    margin-bottom: -5.9vw;
}

.con04_swiper_img {
    width: 37.500vw;
    height: 20.834vw;

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

.con04_swiper_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 0.8vw;

    cursor: pointer;
}

.con04_title_wrap {
    margin-bottom: 3vw;
}

.con04_swiper_ovry {
    background: #ffffff60;
    opacity: 1;
    transition: 0.4s;
}

.con04_swiper .swiper-slide-active .con04_swiper_img .con04_swiper_ovry {
    opacity: 0;
}


.con04_btn_next {
    z-index: 10;
}

.con04_btn_prev {
    z-index: 10;

    transform: scale(-1);
}

.con04_btn_wrap {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35vw;

    top: 38%;

    z-index: 100;

    pointer-events: none;
}

.con04_btn {
    width: 2.76vw;
    cursor: pointer;

    pointer-events: auto;
}


.con04_shop_fix {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background: #00000060;

    z-index: 999999;

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

    visibility: visible;
    opacity: 1;
    transition: 0.2s;
}

.con04_shop_fix.hide_fix {
    opacity: 0;
    visibility: hidden;
}

.con04_fix_item {
    width: 53vw;
    height: 24vw;

    gap: 2vw;

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

    padding-right: 4vw;
    padding-left: 1.7vw;
}

div.con04_fxsd {
    width: 70%;
    height: 74%;

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

    padding: 0 2.1vw;
}

.con04_fxsd .swiper-wrapper {
    pointer-events: none;
}

.con04_fix_close {
    top: 0.1vw;
    right: 1.4vw;
    cursor: pointer;

    font-size: 2.5vw;
    font-weight: 300;
}

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

    gap: 3.7vw;


    width: 45%;
}

.con04_fx_stitle {
    white-space: nowrap;
}

.con04_fx_title {
    font-weight: 800;
}

.con04_fx_stwrap {
    display: flex;
    flex-direction: column;
    gap: 0.9vw;
}

.con04_fx_stxt {
    display: flex;

    gap: 1vw;
}

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


.fxsd_btn_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 2vw;
    z-index: 10;
}

.fxsd_btn {
    font-size: 2.4vw;
    font-weight: 400;
    cursor: pointer;
}





.con5_01_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.15vw;
    margin-bottom: 1.3vw;
}

.con5_01 {
    width: 24.323vw;
}

.con5_01a {
    width: 31.719vw;
}

.con05 {
    padding-top: 5.52vw;
}

.con05_title_wrap {
    width: 71vw;
    margin-bottom: 8vw;
}

.con05_main_video_wrap {
    background: url('/images/con5_02.png') center top / cover no-repeat #221E1F;

    width: 30.417vw;
    height: 20.625vw;

    top: 4.9vw;
    right: 15.4vw;

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;

    /* pointer-events: none; */
}

.con05_main_video_wrap iframe {
    pointer-events: all;
}

.con05_main_video_swiper {
    width: 29.4vw;
    padding-bottom: 3vw;

    top: 2.5vw;

    pointer-events: none;
}

.con05_main_video {
    width: 100%;
    height: 13vw;
    border: 0.1vw solid #929292;
    border-bottom: 0.15vw solid #929292;

    filter: brightness(0);
    transition: 1s;

    z-index: 150;
}

.con05_main_video_swiper .swiper-slide-active .con05_main_video {
    filter: brightness(1);
}

.con05_main_video_txt {
    right: 0.8vw;
    bottom: -2.5vw;
    opacity: 0;
}

.con05_main_video_swiper .swiper-slide-active .con05_main_video_txt {
    opacity: 1;
    transition: 0.5s;
}




.con05_bottom {
    background: url('/images/con5_03.jpg') center top / cover no-repeat;
    width: 100%;
    height: 22.760vw;
}

.con05_item_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    right: -1vw;
    top: -1vw;
}

.con5_05 {
    width: 13.333vw;
    z-index: 1;
}

.con5_04 {
    background: url('/images/con5_04.png') center top / cover no-repeat #000;
    width: 77.135vw;
    height: 14.792vw;
    margin-left: -2vw;
    margin-bottom: -2vw;

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

.con05_ab_txt {
    bottom: -1.18vw;
    left: -8.5vw;
    color: #ccc;
    z-index: 10;
    font-size: 0.8vw;
}

.con05_sub_video_swiper {
    margin-top: 0.5vw;
}

.con05_sub_video_swiper .swiper-wrapper {
    transition-timing-function: linear;
}

.con05_sub_video_item {
    width: 13.646vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.2vw;
    cursor: pointer;
}

.con05_sub_video {
    width: 100%;
    height: 8.438vw;
    border-radius: 0.6vw;
    overflow: hidden;
}

.con06 {
    background: url('/images/con6_bg.jpg') center top / cover no-repeat;
}

.con06_wrap {
    display: flex;
    padding-top: 8vw;
    padding-left: 13.542vw;
    margin-bottom: -4.1vw;

}

.con06_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 10%;
    flex: 1;
    margin-bottom: -1.1vw;
}

.con06_txt_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    margin-right: 13.438vw;
}

.con6_03 {
    width: 43.646vw;
    margin-bottom: 1vw;
}

.con06_phone_wrap {
    width: 20.625vw;

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    overflow: hidden;
}

.con06_phone {
    width: 100%;
    pointer-events: none;
    z-index: 20;
}

.con06_swiper_01_img {
    width: 19.115vw;
    height: 40vw;
    border-radius: 2vw 2vw 0 0;
    margin-top: 1vw;

    overflow: hidden;

    /* filter: brightness(0); */
    /* transition: 0.4s; */
}

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

/* .con06_swiper_01 .swiper-slide-active .con06_swiper_01_img {
    filter: brightness(1);
} */

.con06_swiper_02 {
    padding-top: 2vw;
    padding-bottom: 2vw;

    margin-top: 2vw;

    z-index: 10;
}

.con06_swiper_02_img {
    width: 13.542vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
}

.con6_02 {
    bottom: 0;
    left: 0;

    width: 55.104vw;

    z-index: 5;
}

.con6_03_point {
    width: 0.573vw;
    height: 0.573vw;
    background: #ce0000;
    border-radius: 50%;
}

.con6_03_point_01 {
    top: -1vw;
    right: 15.1vw;
}

.con6_03_point_02 {
    top: -1vw;
    right: 11vw;
}

.con6_03_point_03 {
    top: -1vw;
    right: 5.3vw;
}

.con6_03_point_04 {
    top: -1vw;
    right: 1.4vw;
}

.con07 {
    background: url('/images/con7_bg.jpg') center top / cover no-repeat;

    padding: 4vw 0;
}

.con07_inner {
    background: url('/images/con7_05.png') center top / cover no-repeat;

    width: 92.396vw;
    height: 38.698vw;

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

    padding-right: 4.3vw;
    padding-left: 6.4vw;
}

.con07_inner_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;


    width: 100%;
    height: 90%;

    overflow: hidden;
}

.con07_btlf_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.con07_btrt_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.con07_box_wrap {
    width: 39.5vw;
    display: flex;
    flex-wrap: wrap;

    row-gap: 1.6vw;
    column-gap: 0.4vw;
}

.con07_txt_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3vw;
}

.con7_01,
.con7_02 {
    width: auto;
    height: 5vw;
}

.con7_01 img,
.con7_02 img {
    height: 100%;
    object-fit: cover;
}

.con7_01 {
    margin-right: -0.8vw;
}

.con07_barrow {
    font-size: 1.3vw;
    font-family: 'gmk';
    font-weight: 900;

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

.con07_table {
    width: 35.417vw;
}

.con07_box {
    width: 8vw;
}

.con07_bwrap {
    gap: 2.292vw;
    align-items: flex-end;
}

.con07_btlf_title {
    margin-bottom: 0.7vw;
}

.con07_btrt_title {
    margin-bottom: 1.4vw;
}

.con7_03 {
    bottom: 6.1vw;
    right: 11.4vw;
    width: 15.9vw;
}


section.con08 {
    background: url('/images/con8_bg.jpg') center top / cover no-repeat;

    justify-content: flex-start;
    align-items: flex-end;

    padding-top: 5vw;
}

.con08_p {
    width: 37.708vw;

    margin-right: 10.781vw;
}

.con08_pt1 {
    width: 11.615vw;
    top: 6vw;
    left: 2vw;
}

.con08_pt2 {
    width: 14.740vw;
    top: 6vw;
    right: -6vw;

}

.con08_pt3 {
    width: 9.583vw;
    bottom: 2vw;
    right: -9.6vw;
}

/* .con8_01 {
    width: 18.854vw;
    margin-bottom: 2vw;
}

.con8_02 {
    width: 34.479vw;
} */



.con08_right {
    width: 43.854vw;
    padding-bottom: 5vw;
}

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

    margin-left: 2vw;
}




/* 폼 */


/* form */
div.form_wrap {
    justify-content: space-between;
    height: 36.72vw;
    border: 0.365vw solid #01a94a;
    background: #fff;
    color: #01a94a;
    font-weight: 900;
    font-size: 1.823vw;
    padding-top: 1.8vw;
}

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

    padding: 0 2.865vw;
    width: 100%;
}

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

    width: 100%;
}

.form_margin_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;

    border-bottom: 0.26vw solid #01a94a;
    padding-bottom: 0.5vw;
    padding-top: 1.4vw;
}

.form_margin_Agree_input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5vw;
    font-size: 1.2vw;
    font-weight: 700;

    margin-left: 0.5vw;
    margin-top: 0.7vw;

    cursor: pointer;
}

.footeer_agree_checkbox_01 {
    width: 1vw;
    height: 1vw;
    outline: 0.156vw solid #01a94a;

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

    position: relative;
    margin-bottom: -0.15vw;
    border-radius: 0.1vw;
    appearance: none;
}

.footeer_agree_checkbox_01:checked::before {
    content: '';

    position: absolute;
    background: #fff;


    /* width: 100%;
    height: 100%;
    background-color: #01a94a; */

    background: url('/images/form_check.png') center center / cover no-repeat;
    width: 1.250vw;
    height: 1.148vw;
    top: -0.2vw;
    left: 0vw;
}

/* .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: 4vw;
}

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

.form_margin_input>input {
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: 1vw;

    width: 22vw;
    font-size: 1.823vw;
    color: #000;
}

.form_index_input textarea {
    width: 75%;
    height: 6vw;

    box-sizing: border-box;
    padding: 0.5vw;

}

.form_margin_input>input::placeholder,
.form_margin_input>textarea::placeholder {
    color: transparent;
}

.form_check_wrap {
    display: flex;
    align-items: center;
    padding-right: 5.6vw;
}

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


    cursor: pointer;
}

/* .form_check_wrap label:hover {
    background-color: #D4B36C;
    color: white;
}
.form_check_wrap input:checked + label {
    background-color: #D4B36C;
    color: white;
} */

.agree_txt {
    cursor: pointer;
}

.footeer_checkbox_01,
.footeer_checkbox_02 {
    width: 1.6vw;
    height: 1.6vw;
    outline: 0.23vw solid #01a94a;

    margin-left: 0.5vw;
    margin-bottom: -0.3vw;

    appearance: none;

    border-radius: 0.2vw;
    cursor: pointer;

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

.footeer_checkbox_01:checked::before,
.footeer_checkbox_02:checked::before {
    content: '';

    position: absolute;
    background: url('/images/form_check.png') center center / cover no-repeat;
    width: 1.927vw;
    height: 1.771vw;
    top: -0.3vw;
    left: 0.1vw;
}

.form_check_name_02 {
    margin-left: 6vw;
}