:root {
    --size-10: 0.5208vw;
    --size-11: 0.5729vw;
    --size-12: 0.6250vw;
    --size-13: 0.6771vw;
    --size-14: 0.7292vw;
    --size-15: 0.7812vw;
    --size-16: 0.8333vw;
    --size-17: 0.8854vw;
    --size-18: 0.9375vw;
    --size-19: 0.9896vw;
    --size-20: 1.0417vw;
    --size-21: 1.0938vw;
    --size-22: 1.1458vw;
    --size-23: 1.1979vw;
    --size-24: 1.2500vw;
    --size-25: 1.3021vw;
    --size-26: 1.3542vw;
    --size-27: 1.4062vw;
    --size-28: 1.4583vw;
    --size-29: 1.5104vw;
    --size-30: 1.5625vw;
    --size-31: 1.6146vw;
    --size-32: 1.6667vw;
    --size-33: 1.7188vw;
    --size-34: 1.7708vw;
    --size-35: 1.8229vw;
    --size-36: 1.8750vw;
    --size-37: 1.9271vw;
    --size-38: 1.9792vw;
    --size-39: 2.0312vw;
    --size-40: 2.0833vw;
    --size-41: 2.1354vw;
    --size-42: 2.1875vw;
    --size-43: 2.2396vw;
    --size-44: 2.2917vw;
    --size-45: 2.3438vw;
    --size-46: 2.3958vw;
    --size-47: 2.4479vw;
    --size-48: 2.5000vw;
    --size-49: 2.5521vw;
    --size-50: 2.6042vw;
    --size-51: 2.6562vw;
    --size-52: 2.7083vw;
    --size-53: 2.7604vw;
    --size-54: 2.8125vw;
    --size-55: 2.8646vw;
    --size-56: 2.9167vw;
    --size-57: 2.9688vw;
    --size-58: 3.0208vw;
    --size-59: 3.0729vw;
    --size-60: 3.1250vw;
    --size-61: 3.1771vw;
    --size-62: 3.2292vw;
    --size-63: 3.2812vw;
    --size-64: 3.3333vw;
    --size-65: 3.3854vw;
    --size-66: 3.4375vw;
    --size-67: 3.4896vw;
    --size-68: 3.5417vw;
    --size-69: 3.5938vw;
    --size-70: 3.6458vw;
    --size-78: 4.0625vw;
    --size-71: 3.6979vw;
    --size-72: 3.7500vw;
    --size-73: 3.8021vw;
    --size-74: 3.8542vw;
    --size-75: 3.9062vw;
    --size-76: 3.9583vw;
    --size-77: 4.0104vw;
    --size-78: 4.0625vw;
    --size-79: 4.1146vw;
    --size-80: 4.1667vw;
    --size-81: 4.2188vw;
    --size-82: 4.2708vw;
    --size-83: 4.3229vw;
    --size-84: 4.3750vw;
    --size-85: 4.4271vw;
    --size-86: 4.4792vw;
    --size-87: 4.5312vw;
    --size-88: 4.5833vw;
    --size-89: 4.6354vw;
    --size-90: 4.6875vw;
    --size-91: 4.7396vw;
    --size-92: 4.7917vw;
    --size-93: 4.8438vw;
    --size-94: 4.8958vw;
    --size-95: 4.9479vw;
    --size-96: 5.0000vw;
    --size-97: 5.0521vw;
    --size-98: 5.1042vw;
    --size-99: 5.1562vw;
    --size-100: 5.2083vw;
}



* {
    padding: 0;
    margin: 0;
    box-sizing: unset;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

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

    font-family: 'Pretendard Variable';
    font-weight: 300;
    font-size: var(--size-18);
    letter-spacing: -0.04vw;

}

.pc-mobile {
    display: flex;
}

.mobile-pc {
    display: none;
}

.pc {
    display: flex;
}

.pc-inline {
    display: inline;
}

.tablet {
    display: none;
}

.mobile {
    display: none;
}

html {
    scroll-behavior: smooth;
}


.clearfix::after,
.clearfix::before {
    display: block;
    clear: both;
    content: "";
}

.flowhid {
    overflow: hidden;
}

.hide {
    display: none !important;
}

.hideopa {
    opacity: 0 !important;
}

.show {
    opacity: 1 !important;
}

.absol {
    position: absolute;
}

.rltv {
    position: relative;
}

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

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


body {
    font-size: calc(1rem + ((1vw - 0.48rem) * 1.3889));
    min-height: 0vw;
}

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

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

@keyframes marquee2 {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slick-circle {
    0% {
        left: 0;
    }

    100% {
        left: 99%;
    }
}

@keyframes soul_out {
    0% {
        opacity: 0.7;
    }

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

@keyframes ddm3 {
    0% {
        transform: scale(1);
    }

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

    65% {
        transform: scale(1.1);
    }

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

@keyframes ddm4 {
    0% {
        transform: scale(1);
    }

    25% {
        transform: rotate(-2deg);
    }

    50% {
        transform: scale(1.05);
    }

    75% {
        transform: rotate(2deg);
    }

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

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

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

@keyframes ani_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: matrix(1.1, 0.01, 0.01, 1.2, 0, 0);
    }

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

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

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

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

    30% {
        opacity: 0;
    }

    31% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    49% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes blk3 {
    0% {
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

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

@keyframes ball {
    0% {
        bottom: 0px;
    }

    100% {
        bottom: 20px;
    }
}

@keyframes ddm {
    0% {
        transform: scale(1);
    }

    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -30);
    }

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

@keyframes ddm_m {
    0% {
        transform: scale(1);
    }

    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15);
    }

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

@keyframes ddm_m2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: matrix(1.15, 0.01, 0.01, 1.15, 0, 30);
    }

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

@keyframes zoom2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

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

@keyframes rotate_imageY {
    0% {
        transform: rotateY(0);
    }

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

@keyframes ddm2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: translateY(20px);
    }

    75% {
        transform: scale(1.02);
        transform: translateY(10px);
    }

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

@keyframes ddm2X {
    0% {
        transform: scale(1);
    }

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

    100% {
        transform: scale(1.02);
    }
}

@keyframes ddm2Xhalf {
    0% {
        transform: scale(1);
    }

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

    100% {
        transform: scale(1.02);
    }
}

@keyframes scaleOpa3 {
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes uitLineMove {
    0% {
        stroke-dashoffset: 300.292;
    }

    100% {
        stroke-dashoffset: 110;
    }
}

@keyframes hand {
    0% {
        transform: translateY(-0.5%);
    }

    25% {
        transform: translateY(1%);
    }

    50% {
        transform: translate(0.5%, -1%);
    }

    75% {
        transform: translate(1%, 0.5%);
    }

    100% {
        transform: translate(1%, -1%);
    }
}

@keyframes hand2 {
    0% {
        transform: translateY(2%);
    }

    25% {
        transform: translateY(-1%);
    }

    50% {
        transform: translate(-1%, 2%);
    }

    75% {
        transform: translate(2%, 1%);
    }

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

@keyframes bg-position {
    0% {
        background-position: bottom;
    }

    25% {
        background-position: center;
    }

    50% {
        background-position: inherit;
    }

    75% {
        background-position: center;
    }

    100% {
        background-position: bottom;
    }
}

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

    25% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(10px);
        opacity: 1;
    }

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

    75% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(50px);
        opacity: 1;
    }

    100% {
        transform: translate(calc(random() * 100vw), 200vh) rotate(0) translateX(70px);
        opacity: 0.2;
    }
}

@keyframes light {

    0%,
    31%,
    34%,
    39%,
    42%,
    47% {
        opacity: 0;
    }

    5%,
    30%,
    35%,
    38%,
    43%,
    46% {
        opacity: 0.4;
    }

    50%,
    55%,
    60%,
    67%,
    51%,
    54%,
    68%,
    100% {
        opacity: 1;
    }

    70% {
        opacity: 0.2;
    }
}

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

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

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

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

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

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

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

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

@keyframes fall {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }

    100% {
        transform: rotateX(240deg) rotateY(400deg) rotateZ(310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}

@keyframes fall2 {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }

    100% {
        transform: rotateX(-240deg) rotateY(-400deg) rotateZ(-310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}

@keyframes backgroundchange {
    0% {
        background: url(/images/con11_07.webp) no-repeat center / contain;
    }

    25% {
        background: url(/images/con11_08.webp) no-repeat center / contain;
    }

    50% {
        background: url(/images/con11_09.webp) no-repeat center / contain;
    }

    75% {
        background: url(/images/con11_10.webp) no-repeat center / contain;
    }

    100% {
        background: url(/images/con11_07.webp) no-repeat center / contain;
    }
}

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

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes backgroundchange_2 {
    0% {
        background: url(/images/con08_07.webp) no-repeat center / contain;

    }

    20% {
        background: url(/images/con08_08.webp) no-repeat center / contain;

    }

    40% {
        background: url(/images/con08_09.webp) no-repeat center / contain;

    }

    60% {
        background: url(/images/con08_10.webp) no-repeat center / contain;

    }

    80% {
        background: url(/images/con08_11.webp) no-repeat center / contain;

    }

    100% {
        background: url(/images/con08_07.webp) no-repeat center / contain;

    }
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(-1deg);
    }

    40% {
        transform: rotate(1deg);
    }

    60% {
        transform: rotate(2deg);
    }

    80% {
        transform: rotate(-1deg);
    }

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

@keyframes shakeAndFall {
    0% {
        transform: translate(0, -50%) rotate(0);
        opacity: 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;
}

section {
    font-family: 'Pretendard Variable';
    font-weight: 300;
    font-size: var(--size-18);
    letter-spacing: -0.04vw;
}

section img {
    width: 100%;
}

section:not(.map_section) img {
    pointer-events: none;
}

.noto {
    font-family: "Noto Serif", serif;
}

.notokr {
    font-family: "Noto Serif KR", serif;
}

.exbold {
    font-weight: 900;
}

.bold {
    font-weight: 700;
}

.sebold {
    font-weight: 600;
}

.medium {
    font-weight: 500;
}

.regular {
    font-weight: 400;
}

.flight {
    font-weight: 200;
}

.thin {
    font-weight: 100;
}

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

.scaleOpa {
    animation: scaleOpa infinite 2s;
}

.scaleOpa2 {
    animation: scaleOpa2 infinite 2s;
}

.light {
    animation: light infinite 5s;
}

.rotate_img {
    animation: rotate_image 10s infinite linear;
}

.white {
    color: white;
}

.txct {
    text-align: center;
}

.lh {
    line-height: 1.5;
}

/* reveal 대신 사용 start */
/* 왼쪽부터 나타나기 */
.clip_off02 {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 0.8s;
}

/* 가운데에서 나타나기 */
.clip_off {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    transition: all 0.8s;
}

/* gsap에서 넣을 class */
.clip_on {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

/* reveal 대신 사용 end */
.absol_cover {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.max_width {
    width: unset !important;
    max-width: 101%;
}

.back_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

/* image_sd */
.image_sd_wrap {
    overflow: hidden;
}

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

.image_sd .absol {
    left: 100%;
}

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

.image_sd_r .absol {
    right: 100%;
}

/* image_sd end */
/* y_slide start */
.slide_y_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    overflow: hidden;
}

.slide_y {
    animation: marqueeY 20s infinite linear;
}

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

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

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

/* y_slide end */
/* swiper-arr */
.btn_arr {
    z-index: 2;
    cursor: pointer;
}

.arr_next {
    transform: rotateY(180deg);
}

/* swiper-arr */
iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

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

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

.swiper {
    margin: 0;
    z-index: 0;
}

b {
    font-weight: 700;
}

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

/* 퍼블시작 */

/* main_new — 히어로 */
.main_new {
    margin-top: calc(var(--px)*96); /* header 5vw + border 1px = 96.25 → 정수 정렬로 96 (0.25px 는 서브픽셀) */
}
.main_new_iner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(var(--px)*76);
}
.main_new img {
    display: block;
}
.main_new__stage {
    display: flex;
    align-items: stretch;
    width: calc(var(--px)*1831);
    overflow: hidden;
    border-radius: 0 0 calc(var(--px)*50) calc(var(--px)*50);
    background-color: #000000;
}
.main_new__panel--farm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(var(--px)*610);
    padding: calc(var(--px)*544) 0 calc(var(--px)*75) calc(var(--px)*58);
}
.main_new__panel--store {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(var(--px)*610);
    padding: calc(var(--px)*544) 0 calc(var(--px)*75) calc(var(--px)*2);
}
.main_new__panel--road {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(var(--px)*611);
}
.main_new__panel-img--farm {
    border-radius: 0 0 0 calc(var(--px)*50);
}
.main_new__panel-img--store {
    border-radius: 0 0 calc(var(--px)*50) 0;
}
.main_new__stat--day {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(var(--px)*469);
}
.main_new__stat--hall {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(var(--px)*527);
}
.main_new__stat-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(var(--px)*5) 0 calc(var(--px)*6);
}
.main_new__stat--day .main_new__stat-label {
    width: calc(var(--px)*198);
    margin-right: calc(var(--px)*19);
}
.main_new__stat--hall .main_new__stat-label {
    width: calc(var(--px)*313);
    margin-left: calc(var(--px)*12);
}
.main_new__stat-pill {
    bottom: calc(var(--px)*1);
}
.main_new__stat--day .main_new__stat-pill {
    right: calc(var(--px)*2);
}
.main_new__stat--hall .main_new__stat-pill {
    right: calc(var(--px)*83);
}
.main_new__stat-label-front {
    position: relative;
}
.main_new__stat-number {
    margin-top: calc(var(--px)*-6);
    margin-bottom: calc(var(--px)*-3);
}
.main_new__stat-unit {
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(var(--px)*101);
    width: calc(var(--px)*59);
    height: calc(var(--px)*59); /* HEIGHT: 원은 지름이 고정이어야 정원 — aspect-ratio 는 img 직계부모 전용이라 사용 불가 (heightMode:fixed 승인) */
    border-radius: 50%;
    background-color: #be2730;
}
.main_new__stat--day .main_new__stat-unit {
    right: calc(var(--px)*-48);
}
.main_new__stat--hall .main_new__stat-unit {
    right: calc(var(--px)*-32);
}
.main_new__stat-note {
    margin-top: calc(var(--px)*2.81);
    margin-bottom: calc(var(--px)*-2.19);
}
.main_new__stat--day .main_new__stat-note {
    margin-right: calc(var(--px)*28);
}
.main_new__stat--hall .main_new__stat-note {
    margin-left: calc(var(--px)*17);
}
.main_new__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--px)*21);
    left: calc(var(--px)*528);
    top: calc(var(--px)*76);
    width: calc(var(--px)*848);
}
.main_new__eyebrow-pill {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(var(--px)*492);
    margin-right: calc(var(--px)*6);
    padding: calc(var(--px)*21) 0 calc(var(--px)*22);
    border: 1px solid #df1c25;
    border-radius: 50vw;
    background-color: #000000;
}
.main_new__eyebrow {
    margin-top: calc(var(--px)*-4.5);
    margin-bottom: calc(var(--px)*-4.5);
}
.main_new__map {
    left: calc(var(--px)*687);
    bottom: calc(var(--px)*5);
}
.main_new__map-pin {
    right: calc(var(--px)*868);
    bottom: calc(var(--px)*305);
}
.main_new__bowl {
    right: calc(var(--px)*640);
    bottom: calc(var(--px)*-273);
}

/* con01설정 */
.con01 {
    background-image: url(/images/con01_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con01_left {
    width: 50%;
    padding-left: 12vw;
    box-sizing: border-box;
}

.con01_txt {
    width: 100%;
    margin-top: 10vw;
    margin-bottom: 15vw;
}

.con01_txt_sub {
    width: 4.98625%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}

.con01_txt_title {
    width: 89.1968%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.3vw;
}

.con01_txt_sub2 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 400;
    margin-bottom: 1.5vw;
}

.con01_txt_sub3 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.3542vw;
    color: #000000;
    font-weight: 400;
}

.con01_txt_sub3 span {
    font-weight: bold;
}

.con01_right {
    width: 50%;
    padding: 16vw 0;
    box-sizing: border-box;
    margin-top: 3vw;
}

.con01_img_slide {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.con01_slide_img {
    width: 95.5948%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_slide_txt_title {
    width: 48.6843%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6vw;
}

.con01_slide_txt_sub {
    top: 10.5vw;
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.2500vw;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}

.con01_slide_txt_sub2 {
    color: #000000;
}

.con01_slide_img_1 {
    margin-top: 3.5vw;
}

.con01_slide_img_1>div {
    margin: 0 0.2vw;
}

.con01_06 {
    width: 6.57905%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_07 {
    width: 6.57905%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_08 {
    width: 4.82466%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1s linear infinite;
}

.con01_11 {
    width: 33.6407%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.2vw;
    bottom: 6vw;
    animation: blk 1s linear infinite;
}

.con01_slide_txt_title3 {
    width: 40.5703%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* @keyframes graph {
    0% {
        transform: scaleY(0);
    }

    30% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes graph2 {
    0% {
        transform: scaleY(0);
    }

    50% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
} */

.con01_14 {
    width: 20.2766%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 5.5vw;
    bottom: 0;
    transform-origin: bottom;
    /* animation: graph 2.5s linear infinite; */
}

.con01_15 {
    width: 20.2766%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5.5vw;
    bottom: 0;
    transform-origin: bottom;
    /* animation: graph2 2.5s linear infinite; */
}

.con01_16 {
    width: 33.6407%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 6vw;
    animation: blk 1s linear infinite;
}

.con01_bg2 {
    width: 100%;
    bottom: -0.2vw;
}

/* con02설정 */
.con02 {
    width: 100%;
    padding: 24vw;
    box-sizing: border-box;
    background: #000;
}

.con02 video {
    width: 100%;
    filter: blur(0.15vw) brightness(0.2);
    background-size: cover;
}

.con02_01 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.con02_02 {
    width: 8.386vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 1.2073vw;
}

.con02_txt_title {
    width: 37.8646vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10vw;
}

.con02_04 {
    width: 13.8021vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20vw;
}

.con02_txt {
    margin-left: -1vw;
    margin-top: -1.5vw;
}

.con02_txt1 {
    margin-right: 3vw;
}

.con02_txt_top {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    text-align: center;
}

.con02_txt_bottom {
    font-size: 2.6042vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
}

.con02_txt2_top {
    font-size: 5.2083vw;
    color: #fff5da;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    margin: 0 5vw;
    margin-right: 6vw;
}

.con02_txt2_bottom {
    width: 3.4375vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 3.8vw;
    bottom: 0vw;
}

.con02_05 {
    width: 0.5729vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}

.con02_05_2 {
    right: 0;
}

.con02_txt3 {
    margin-left: 6vw;
}

.con02_txt3_top {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    text-align: center;
}

.con02_txt3_bottom {
    font-size: 2.6042vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
}

.con02_txt4 {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.6667vw;
    color: #ffffff;
    text-align: center;
    top: 29vw;
}

.con02_slide {
    bottom: 4vw;
}

.con02_slide_img {
    width: 95.2831%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con02_slide_img_txt1 {
    font-size: 1.1458vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    top: 0.7vw;
}

.con02_slide_img_txt2 {
    font-size: 1.1979vw;
    font-weight: 600;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-family: 'Paperozi';
    text-align: center;
    margin-top: 0.5vw;
}

.con02_slide_img_txt2 span {
    font-size: 1.9271vw;
    font-weight: 800;
}

.con02_slide_img_txt3 {
    font-size: 0.8333vw;
    letter-spacing: -0.0521vw;
    line-height: 1.6667vw;
    color: #717171;
    font-weight: 400;
    text-align: center;
    bottom: 1.5vw;
}

.con02_img {
    bottom: -18vw;
}

.con02_07 {
    width: 70.4986%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con02_08 {
    width: 79.2473%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -10vw;
}

.con02_09 {
    width: 32.757%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 6vw;
    top: -15vw;
}

.con02_img .smoke {
    animation: smoke 3s linear infinite;
}

/* con03설정 */
.con03 {
    background-image: url(/images/con03_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con03_txt {
    margin-top: 2.2572vw;
    margin-bottom: 2.2008vw;
}

.con03_01 {
    width: 8.399%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.con03_03 {
    width: 83.8846%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_04 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    top: 0;
    left: 0;
}

.con03_05 {
    width: 9.7623%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_05.con03_change>img {
    opacity: 0;
}

.con03_05.con03_change .con03_04 {
    opacity: 1;
}

/* .con03_05>img,
.con03_04,
.con03_left_txt,
.con03_right_txt,
.con03_bottom1,
.con03_bottom2 {
    transition: all 0.4s;
} */

.con03_05>img,
.con03_04 {
    transition: opacity 0.4s;
}

.con03_left_btn {
    top: 1.1vw;
    left: 33vw;
    cursor: pointer;
}

.con03_left_txt {
    font-size: 1.1458vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
}

.con03_left_txt.con03_change,
.con03_right_txt.con03_change {
    color: #ffffff;
}

.con03_right_btn {
    top: 1.1vw;
    right: 33.2vw;
    cursor: pointer;
}

.con03_right_txt {
    font-size: 1.1458vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
}

.con03_bottom1 {
    width: 100%;
    height: 85.2%;
    bottom: 0;
}

.con03_bottom2 {
    width: 100%;
    height: 85.2%;
    bottom: 0;
}

.con03_img1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -22vw;
    top: 3vw;
}

.con03_06 {
    width: 28.9112%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_07 {
    width: 24.6754%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3.8vw;
    left: 7.5vw;
    animation: ddm 2s linear infinite;
}

.con03_img1_txt1 {
    font-size: 1.2500vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
    top: 7vw;
}

.con03_img1_txt2 {
    font-size: 2.3438vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    top: 8.5vw;
}

.con03_img1_txt3 {
    font-size: 1.2500vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
    bottom: 8.5vw;
}

.con03_img1_txt4 {
    font-size: 2.3438vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    bottom: 5.7vw;
}

.con03_img1_bg {
    width: 18vw;
    height: 0.01vw;
    background-color: #000000;
    margin-top: 0.7vw;
}

.con03_img2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -3vw;
    top: 3vw;
}

.con03_08 {
    width: 28.8487%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_img2_txt1 {
    font-size: 1.5625vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Paperozi';
    text-align: center;
    top: 5vw;
}

.con03_img2_txt2 {
    font-size: 4.6875vw;
    letter-spacing: -0.1042vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    top: 6.5vw;
}

.con03_img2_txt2 span {
    color: #fff5da;
}

.con03_img3 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2.5vw;
    left: -33.5vw;
}

.con03_09 {
    width: 13.0164%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_10 {
    width: 54.327%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5.2vw;
}

.con03_img4 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -23vw;
    top: 1.7vw;
}

.con03_11 {
    width: 30.2254%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_12 {
    width: 16.7703%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.7vw;
    bottom: 2.4vw;
    animation: blk 1.5s linear infinite;
}

.con03_13 {
    width: 24.6754%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3.8vw;
    left: 7.5vw;
    animation: ddm 2s linear infinite;
}

.con03_14 {
    width: 30.2254%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con03_15 {
    width: 16.7703%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.7vw;
    bottom: 2.4vw;
    animation: blk 1.5s linear infinite;
}

/* con04설정 */
.con04_txt {
    padding: 46vw 0;
    box-sizing: border-box;
}

.con04_01 {
    width: 21.7324%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10vw;
    left: 17vw;
}

.con04_img1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -17vw;
    top: 22vw;
}

.con04_02 {
    width: 31.5487%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con04_03 {
    width: 30.9485%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.3vw;
    top: 6.8vw;
}

.con04_img2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -17vw;
    top: 10vw;
}

.con04_04 {
    width: 31.5487%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con04_05 {
    width: 30.9485%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.3vw;
    top: 6.8vw;
}

.con04_img3 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -17vw;
    top: 52.5vw;
}

.con04_06 {
    width: 31.5487%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con04_img4 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -17vw;
    top: 40.5vw;
}

.con04_07 {
    width: 31.5487%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con04_img_txt {
    top: 19.5vw;
    left: 3.5vw;
}

.con04_img_txt_title {
    font-size: 1.5625vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    margin-bottom: 1vw;
}

.con04_img_txt_sub {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.2500vw;
    color: #000000;
    font-weight: 500;
}

.con04_img_txt_sub span {
    font-weight: bold;
}

.con04_08 {
    width: 22.6773%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 11vw;
    right: 22vw;
}

.con04_09 {
    width: 1.94236%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 16.5vw;
    right: 20.5vw;
}

.con04_10 {
    bottom: 0;
    opacity: 0;
}

.intro_wave_absol {
    /* bottom: 1.55vw; */
    bottom: 0vw;
    height: 5vw !important;
}

/* wave start */
.line_wave_div_up {
    width: 100%;
    height: 2vw;
    z-index: 1;
    overflow: hidden;
}

.line_wave_div_up::before {
    content: '';
    position: absolute;
    bottom: -0px;
    left: 0;
    width: 100%;
    height: 0.5vw;
}

/* .line_wave_div_up2 {
    width: 100%;
    height: 5vw;
    z-index: 1;
    overflow: hidden;
}
.line_wave_div_up2::before {
    content: '';
    position: absolute;
    top: -0px;
    left: 0;
    width: 100%;
    height: 0.1vw;
} */
.line_wave_div_up .line_wave_up {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0.5vw;
}

/* .line_wave_div_up2 .line_wave_up {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0.1vw;
} */
.line_wave_div_up::before {
    background-color: #be2730;
}

.line_wave_div_up .line_wave_up {
    background-color: #be2730;
}

/* .line_wave_div_up2::before{
    background-color:#be2730;
}
.line_wave_div_up2 .line_wave_up{
    background-color:#be2730;
} */
/* wave end */

/* con05설정 */
.con05_01 {
    width: 45.1445%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_02 {
    width: 27.8216%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.con05_03 {
    width: 27.8216%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_02_txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -10vw;
}

.con05_02_txt_title {
    width: 41.483%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}

.con05_02_txt_sub {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.4583vw;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1vw;
}

.con05_02_txt_sub span {
    font-weight: bold;
}

.con05_02_txt_sub2 {
    width: 74.7836%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_03_txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -10vw;
}

.con05_03_txt_title {
    width: 41.483%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}

.con05_03_txt_sub {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.4583vw;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1vw;
}

.con05_03_txt_sub span {
    font-weight: bold;
}

.con05_03_txt_sub2 {
    width: 74.7836%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_06 {
    width: 10.1163%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6.1vw;
}

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

.con05_07 {
    width: 48.0233%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -7.4vw;
}

.con05_07 img {
    z-index: 2;
}

.con05_08 {
    width: 33.4141%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -0.3vw;
    left: 8.5vw;
    z-index: 1;
}

.con05_01_txt_sub {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 400;
    text-align: center;
    top: 20.2vw;
}

.con05_01_txt_sub span {
    font-weight: bold;
}

.con05_img_bottom {
    bottom: -24vw;
    z-index: 3;
    left: -3.1496vw; /* 시안 = 좌측 컬럼 왼쪽으로 60px 물림 */
    width: 100%;
    align-items: flex-start;
}

.con05_20 {
    width: 69.7114%;
    opacity: 0; /* 시안에 없는 빨간 접시 — 그룹 높이 기준이라 DOM 유지 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_img_bottom1 {
    bottom: 24vw;
}

.con05_16 {
    width: 49.9214%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_12 {
    width: 21.2409%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_img_bottom2 {
    bottom: 9vw;
}

.con05_17 {
    width: 48.4515%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_13 {
    width: 44.0954%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5vw;
}

.con05_img_bottom3 {
    bottom: 4.5vw;
}

.con05_18 {
    width: 49.7114%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_14 {
    width: 49.7114%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5vw;
}

.con05_img_bottom4 {
    bottom: 5vw;
}

.con05_img_bottom_1 {
    opacity: 0;
    transition: opacity 0.5s;
    align-items: flex-start;
}

.con05_img_bottom_1_change {
    opacity: 1;
}

.con05_19 {
    width: 49.1865%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_15 {
    width: 43.2232%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4vw;
}

.con05_11 {
    width: 13.1235%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 54.9606vw; /* 시안 실측 = 섹션 로컬 x548 y446 */
    top: -10.8744vw;
}

/* con06설정 */
.con06 {
    background-image: url(/images/con06_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con06_02 {
    width: 22.2573%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_09_1 img {
    width: 168.5417vw;
}

.con06_09_2 {
    margin-bottom: 17vw;
}

.con06_09_2 img {
    width: 168.5417vw;
}

.con06_txt {
    font-size: 3.3854vw;
    letter-spacing: -0.1042vw;
    line-height: 3.8021vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    margin-top: -1.3vw;
    margin-bottom: 10vw;
}

.con06_txt p {
    z-index: 2;
}

.con06_txt span {
    color: #fff5da;
}

.con06_10 {
    width: 7.24419%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -19vw;
    top: 3.5vw;
}

.con06_img {
    bottom: -24vw;
}

.con06_07 {
    width: 51.4437%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_08 {
    width: 79.4899%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 6vw;
}

.con06_img .smoke {
    animation: smoke 3s linear infinite;
}

.con06_img_2 {
    margin-top: 7vw;
}

.con06_img_2 div {
    margin-left: 0.3vw;
    margin-right: 0.3vw;
}

.con06_03 {
    width: 19.6326%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_04 {
    width: 19.6326%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_05 {
    width: 19.6326%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_06 {
    width: 19.6326%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_04,
.con06_06 {
    margin-top: 8vw;
}

.con06_img_txt {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.2500vw;
    color: #ffffff;
    text-align: center;
    margin-top: 13.5vw;
}

.con06_bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background: radial-gradient(circle at 50% 60%, transparent 20%, #ffffff 20%);
}

/* con07설정 */
.con07 {
    background-color: #f5f1e6;
    background-image: linear-gradient(180deg, #bebdab 0, #cec8ba calc(var(--px) * 20), #e4ded2 calc(var(--px) * 60), #eeeadf calc(var(--px) * 100), #f4f0e5 calc(var(--px) * 140), #f5f1e6 calc(var(--px) * 161));
    background-repeat: no-repeat;
}

.con07_txt {
    margin-top: 4.0945vw;
    margin-bottom: 2.9449vw;
}

.con07_txt_sub {
    width: 8.399%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.6562vw;
}

.con07_txt_title {
    width: 40.3151%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}

.con07_txt_sub2 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #000000;
    text-align: center;
    font-weight: 400;
}

.con07_txt_sub2 span {
    font-weight: bold;
}

.con07_img1 {
    margin-bottom: 1.5vw;
}

.con07_img1_left {
    width: 38.8452%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_04 {
    width: 60.1352%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3vw;
}

.con07_05 {
    width: 20.946%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 12vw;
    bottom: 5vw;
}

.con07_06 {
    width: 15.5406%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12vw;
    bottom: 4.4vw;
}

.con07_img1_right {
    width: 38.8977%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_08 {
    width: 12.4158%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3.5vw;
    top: 2vw;
}

.con07_img_right_txt {
    left: 4vw;
    margin-top: 7vw;
}

.con07_img2 {
    margin-bottom: 1.5vw;
}

.con07_img_right_txt_title {
    font-size: 1.8229vw;
    letter-spacing: -0.0521vw;
    line-height: 1.9792vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    margin-bottom: 0.8vw;
}

.con07_img_right_txt_sub {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.2500vw;
    font-weight: 500;
    color: #000000;
}

.con07_img2_left {
    width: 38.8452%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
    overflow: hidden;
}

.con07_vid {
    width: 100%;
    filter: brightness(0.2) blur(0.2vw);
}

.con07_09 {
    width: 35.2704%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-top: 3vw;
}

.con07_10 {
    width: 26.7569%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-top: 4.5vw;
}

.con07_11 {
    width: 57.9731%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -9vw;
}

.con07_img2_right {
    width: 38.8977%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_12 {
    width: 12.4158%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3.5vw;
    top: 2vw;
}

.con07_img3_left {
    width: 38.7%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
    overflow: hidden;
    border: 0.1vw solid #cccccc;
    background-color: #ffffff;
}

.con07_slide2 {
    width: 100%;
}

.con07_slide2_img {
    width: 101%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_15 {
    width: 36.3515%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1.5s linear infinite;
}

.con07_img3_right {
    width: 38.8977%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_14 {
    width: 12.4158%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3.5vw;
    top: 2vw;
}

.con07_img3 {
    margin-bottom: 7vw;
}

.con07__panel {
    width: calc(var(--px) * 1598);
    margin-left: calc(var(--px) * 151);
    margin-right: auto;
    padding: calc(var(--px) * 1.5) 0 calc(var(--px) * 40.5);
    border: 1px solid #484848;
    box-sizing: border-box;
    border-radius: calc(var(--px) * 50) calc(var(--px) * 50) 0 0;
    background-color: #ffffff;
    display: flex;
    align-items: flex-start;
}

.con07__book {
    width: calc(var(--px) * 900);
    margin-left: calc(var(--px) * 72);
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07__info {
    margin-left: calc(var(--px) * 82.2);
    margin-top: calc(var(--px) * 123.5);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #000000;
    font-family: var(--font-paperlogy);
    letter-spacing: -0.025em;
}

.con07__title {
    font-size: var(--titleXS);
    font-weight: 800;
    line-height: 1.0857;
}

.con07__guide {
    width: calc(var(--px) * 415);
    margin-top: calc(var(--px) * 18.1);
    margin-left: calc(var(--px) * -12);
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07__desc {
    margin-top: calc(var(--px) * 19.9);
    font-family: var(--font-pretendard);
    font-size: var(--bodyL);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.3333;
}

.con07__desc-em {
    font-weight: 800;
}

/* con08설정 */
.con08 {
    background-image: url(/images/con08_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con08_left_slide {
    width: 17.8125vw;
    height: 100%;
    left: 3vw;
    top: 5vw;
}

.con08_05 {
    width: 100%;
}

.con08_slide {
    top: 0;
    width: 100%;
    height: 100%;
}

.con08_slide2 {
    top: 0;
    width: 100%;
    height: 100%;
}

.con08_slide_img {
    width: 14.0104vw;
}

.con08_right_slide {
    width: 17.8125vw;
    height: 100%;
    right: 3vw;
    top: 5vw;
}

.con08_bg {
    width: 100%;
}

.con08_02 {
    width: 8.39905%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10.868vw;
}

.con08_txt {
    margin-top: -4vw;
    margin-bottom: 21vw;
}

.con08_txt_title {
    width: 34.8557%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
    margin-left: 1.5vw;
}

.con08_txt_sub {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}

.con08__mark {
    background: #bd2730;
    font-weight: 700;
    padding: calc(var(--px)*2) calc(var(--px)*5);
}

.con08_img {
    bottom: -21vw;
}

.con08_12 {
    width: 45.092%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_15 {
    width: 90.6869%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 7vw;
}

.con08_img .smoke {
    animation: smoke 3s linear infinite;
}

.con08_13 {
    width: 32.546%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -23vw;
    right: 11vw;
}

.con08_04 {
    width: 30.7088%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15vw;
}

/* con09설정 */
.con09 {
    background-color: #fffbf1;
}

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

.con09_01 {
    width: 89.6588%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.7297vw;
    margin-bottom: 2.5669vw;
}

.con09_02 {
    width: 20.5866%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3.9895vw;
    top: 9.8688vw;
}

.con09_01_txt {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #000000;
    font-weight: 400;
    left: 3.0971vw;
    margin-top: 5.874vw;
}

.con09_01_txt span {
    font-weight: 800;
}

.con09_btn {
    justify-content: flex-start !important;
    left: 3.8845vw;
    bottom: 3.622vw;
}

.con09_03 {
    width: 4.3988%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.1vw;
    cursor: pointer;
}

.con09_04 {
    width: 4.3988%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con09_slide {
    width: 54.9186% !important;
    right: 5.2551vw;
    height: 62.2222%;
    margin-top: 1.7874vw;
    mask-image: linear-gradient(to right, transparent, black 6%, black 92%,transparent 98%);
}

.con09_slide_img {
    width: 100%;
    height: 100%;
    border-radius: 1.0499vw;
    overflow: hidden;
}

.con09_slide_img video {
    width: 100%;
    height: 150%;
    object-fit: cover;
}

.con08__stripe {
    bottom: calc(var(--px) * 6);
}

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

.con09__lead {
    padding: calc(var(--px) * 21.5) calc(var(--px) * 37);
    border-radius: calc(var(--px) * 47);
    background-color: #be2730;
    color: #f7f1e0;
    text-align: center;
    font-size: var(--headS);
    letter-spacing: -0.06em;
    line-height: 1.2273;
}

/* con10설정 */
.con10 {
    background-color: #000000;
}
.con10_left {
    width: 50%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.con10_left_bg {
    width: 100%;
}

.con10_left_txt {
    left: 0;
    top: 0;
    margin-top: 5.5vw;
}

.con10_02 {
    width: 40.8186%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
    margin-top: -1.5vw;
}

.con10_left_txt_sub {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.2500vw;
    color: #000000;
    font-weight: 400;
    text-align: center;
}

.con10_left_txt_sub span {
    font-weight: bold;
}

.con10_03 {
    margin-top: 2vw;
}

.con10_03 img {
    width: 86.4063vw;
}

.con10_img_slide {
    top: 16.8vw;
    pointer-events: none;
}

.con10_slide_img {
    width: 30.9375vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_img_slide .swiper-slide {
    transition: transform 0.3s;
}

.con10_img_slide .swiper-slide-prev {
    transform: translateY(4.5vw);
}

.con10_img_slide .swiper-slide-next {
    transform: translateY(4.5vw);
}

.con10_05 {
    width: 62.3296%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5.5vw;
}

.con10_07 {
    width: 55.5557%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5.5vw;
}

.con10_09 {
    width: 55.5557%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5.5vw;
}

.con10_22 {
    width: 54.7265%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5.5vw;
}

.con10_24 {
    width: 62.96296%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5.5vw;
}

.con10_right {
    width: 50%;
}

.con10_right_img {
    right: 0;
    top: -26.3vw;
    opacity: 0;
}

.con10_11 {
    width: 100.735%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_12 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 6.5vw;
}

.con10_12_1 {
    margin-top: -1vw;
}

.con10_12_2 {
    margin-top: -12vw;
}

.con10_12_3 {
    margin-top: 4vw;
}

.con10_12_4 {
    margin-top: -6vw;
}

.con10_13 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10vw;
    margin-top: 8vw;
}

.con10_14 {
    width: 1.14713%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 4vw;
}

.con10_15 {
    width: 8.9969%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2vw;
}

.con10_16 {
    width: 100.735%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_17 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10vw;
    margin-top: 3vw;
}

.con10_18 {
    width: 100.735%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_19 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 9.79vw;
    margin-top: 9.0919vw;
}

.con10__slide-label {
    width: 4.5857%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 6.4409vw;
    margin-top: -3.7796vw;
}

.con10_20 {
    width: 100.735%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_21 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 9.545vw;
    margin-top: 9.528vw;
}

.con10_25 {
    width: 100.735%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_26 {
    width: 4.69249%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10vw;
    margin-top: -0.9082vw;
}

.con10_right_sub {
    font-size: 1.1458vw;
    letter-spacing: -0.1042vw;
    line-height: 1.6667vw;
    color: #ffffff;
    font-weight: 400;
    bottom: 10.5vw;
    left: 6.5vw;
}

/* con11설정 */
.con11 {
    background-color: #f5f1e6;
}

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

.con11_02 {
    width: 17.3959%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_mid {
    width: 100%;
}

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

.con11_mid_txt_btn {
    width: 12vw;
    font-size: 1.2500vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-family: 'Paperozi';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con11_04 {
    width: 48.6958%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -1.35vw;
}

.con11_bottom {
    width: 100%;
    height: 23vw;
}

.con11_img_slide {
    width: 81.5%;
    height: 100%;
    margin-left: 9.25%;
    padding-bottom: 10vw;
    box-sizing: border-box;
    margin-top: 2.5vw;
    transition: all 0.5s;
    left: 0;
    top: 0;
}

.con11_slide_img {
    width: 19.4792vw;
    height: 12.8646vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_slide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.con11_06 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    margin-top: 17vw;
}

.con11_slide_txt_title {
    font-size: 1.3542vw;
    letter-spacing: -0.0521vw;
    line-height: 2.8125vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    z-index: 2;
    top: 14vw;
}

.con11_slide_txt_sub {
    font-size: 0.8333vw;
    line-height: 1.1458vw;
    color: #000000;
    font-weight: 400;
    text-align: center;
    z-index: 2;
    top: 16.6vw;

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.con11_bottom_btn {
    margin-top: 2vw;
    margin-bottom: 1.5vw;
}

.con11_bottom_btn_left {
    width: 40.3676%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con11_08 {
    width: 3.38111%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.5vw;
}

.con11_bottom_btn_right {
    width: 40.3676%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con11_10 {
    width: 3.51115%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 1.5vw;
}

/* con12설정 */
.con12 {
    width: 100%;
    background-image: url(/images/con12_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 95%;
}

.con12_bg {
    width: 88.75vw;
    margin: 0 auto;
    background-color: #000000;
    margin-bottom: 3.5vw;
    border-radius: 1.7vw;
}

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

.con12_txt {
    font-size: 0.9375vw;
    letter-spacing: 1.0938vw;
    color: #ffffff;
    font-family: 'Paperozi';
    font-weight: 300;
    text-align: center;
    bottom: 1.7vw;
}

.con12_txt span {
    font-weight: bold;
}

.con12_img_slide {
    width: 100%;
    margin-top: -8vw;
}

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

.con12_03 {
    width: 28.0316%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5vw;
}

.con12_04 {
    width: 50.7492%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 7.8vw;
}

.con12_04 img {
    z-index: 2;
}

.con12_04_bg {
    width: 5vw;
    height: 1.5vw;
    background-color: #000000;
    right: -0.2vw;
}

.con12_05 {
    width: 79.9626%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-top: -1.5vw;
}

.con12_06 {
    width: 27.9027%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    right: 2.1vw;
    margin-top: 1.8vw;
}

.con12_img_txt {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    top: 18vw;
}

.con12_img_txt span {
    font-weight: bold;
}

/* con13설정 */
.con13 {
    background-image: url(/images/con13_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 23.5171vw 0;
    box-sizing: border-box;
    overflow: hidden;
}

.con13_left {
    width: 100%;
    left: 0;
    top: 0;
}

.con13_left_img {
    width: 100%;
}

.con13_01 {
    width: 49.4489%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -2.2748vw;
    left: -0.6824vw;
}

.con13_left_txt {
    font-size: 1.0938vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 400;
    text-align: center;
    top: 9vw;
    right: 8vw;
    transform: rotate(3deg);
}

.con13_left_img2 {
    width: 100%;
    top: 9.7vw;
    right: -5.5vw;
}

.con13_02 {
    width: 72.6116%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_03 {
    width: 97.5147%;
    margin-left: -0.9449vw;
    margin-top: 0.105vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_left_txt2 {
    font-size: 1.1458vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #000000;
    font-weight: 400;
    text-align: left;
    top: 23vw;
    right: 8.5vw;
    transform: rotate(3deg);
}

.con13_04 {
    width: 73.885%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 27.5276vw;
    right: 9.2724vw;
}

.con13__panel {
    width: calc(var(--px) * 962);
    left: calc(var(--px) * 951.5);
    top: 0;
    overflow: hidden;
}

.con13__panel-bg {
    width: 100%;
}

.con13__badge {
    width: calc(var(--px) * 246);
    left: calc(var(--px) * 350);
    top: calc(var(--px) * 100);
}

.con13__bowl {
    width: calc(var(--px) * 657);
    left: calc(var(--px) * 416);
    top: calc(var(--px) * 227);
}

.con13__info {
    left: calc(var(--px) * 127);
    top: calc(var(--px) * 262);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
    font-family: var(--font-paperlogy);
    letter-spacing: -0.025em;
}

.con13__brand {
    font-size: var(--titleL);
    font-weight: 800;
    line-height: 1.22;
}

.con13__price {
    position: relative;
    margin-top: calc(var(--px) * 5);
    font-size: var(--displayXL);
    font-weight: 800;
    line-height: 1;
    color: #fff5da;
}

.con13__price-unit {
    position: absolute;
    left: calc(var(--px) * 274);
    top: calc(var(--px) * 37);
    width: calc(var(--px) * 60);
    height: calc(var(--px) * 60); /* HEIGHT: 원형 배지 — 시안 60x61 고정 도형 */
    border-radius: 50%;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--titleXS);
    color: #ffffff;
}

.con13__lead {
    margin-top: calc(var(--px) * 21);
    font-family: var(--font-pretendard);
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    line-height: 1.5;
}

.con13__desc {
    margin-top: calc(var(--px) * 31);
    font-family: var(--font-pretendard);
    font-size: var(--bodyXL);
    letter-spacing: -0.06em;
    line-height: 1.5;
}

.con13__tags {
    left: calc(var(--px) * -787);
    top: calc(var(--px) * 762);
    font-family: var(--font-paperlogy);
    font-size: var(--displayXL);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.025em;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    white-space: nowrap;
}

.con13__tags-track {
    position: relative;
    width: max-content;
    animation: marqueeX 20s infinite linear;
}

.con13__tags-track > .absol {
    left: 100%;
    top: 0;
}

.con13__arrow {
    width: calc(var(--px) * 364);
    left: calc(var(--px) * 715.5);
    top: calc(var(--px) * 400);
}

/* con14설정 */

.con14 {
    width: 100%;
}

.con14_img {
    width: 100%;

    /* top: -35vw;
    right: -21.5vw; */

    top: 10vw;
    right: 0vw;

}

.con13_06_2 {
    width: 43.2022%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_06_2 .smoke {
    animation: smoke 3s linear infinite;
}

.con13_07_2 {
    width: 94.6538%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10vw;
}

.con14_img_left {
    width: 50%;
    overflow: hidden;
}

.con14_01 {
    width: 100%;
}

.con14_txt {
    width: 100%;
    left: 5vw;
    margin-top: 1vw;
}

.con14_txt_title {
    width: 26.7988%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3vw;
}

.con14_txt_sub {
    font-size: 5.2083vw;
    letter-spacing: -0.1042vw;
    color: #fff5da;
    font-weight: 800;
    font-family: 'Paperozi';
    margin-bottom: 0.6vw;
}

.con14_03 {
    width: 6.04807%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 14.2vw;
    top: 2.5vw;
}

.con14_txt_sub2 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 1.5vw;
}

.con14_txt_sub3 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    font-weight: 300;
}

.con14_05 {
    bottom: 4.7vw;
}

.con14_05 img {
    width: 163.5938vw;
}

.con14_img_right {
    width: 50%;
    overflow: hidden;
}

.con14_04 {
    width: 100%;
}

.con14_txt2 {
    width: 100%;
    right: 5vw;
    margin-top: -1vw;
}

.con14_txt2_title {
    font-size: 2.6042vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: right;
}

.con14_txt2_sub {
    font-size: 5.2083vw;
    letter-spacing: -0.1042vw;
    color: #fff5da;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: right;
    margin-right: 2.3vw;
    margin-bottom: 0.6vw;
}

.con14_07 {
    width: 6.04807%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -2.3vw;
    top: 2.5vw;
}

.con14_txt2_sub2 {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    text-align: right;
    margin-bottom: 1.5vw;
}

.con14_txt2_sub3 {
    font-size: 1.0417vw;
    font-weight: bold;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    color: #ffffff;
    text-align: right;
}

.con14_06 {
    bottom: 4.7vw;
}

.con14_06 img {
    width: 136.7708vw;
}

/* con15설정 */
.con15 {
    background-image: url(/images/con15_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con15_img {
    width: 83%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 7vw;
    margin-bottom: 4.5vw;
}

.con15_img div {
    margin-bottom: 1vw;
}

.con15_01 {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_06 {
    width: 25.8754%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -2vw;
}

.con15_06 img {
    z-index: 2;
}

.con15_07 {
    width: 33.6969%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    right: 0.9vw;
    top: -0.4vw;
}

.con15_06_txt {
    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    line-height: 1.5625vw;
    font-weight: 400;
    color: #000000;
    text-align: center;
    top: 4.5vw;
}

.con15_06_txt span {
    font-weight: bold;
}

.con15_02 {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_03 {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_04 {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_05 {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* con1617설정 */
.con1617 {
    width: 100%;
}

/* con16설정 */
.con16 {
    width: 100%;
    background-image: url(/images/con16_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con16_01 {
    width: 15.9581%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_left_img {
    width: 10%;
    left: 3.3vw;
    top: 0;
}

.con16_06 {
    width: 5.76196%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_07 {
    width: 45.6693%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: -2.2835vw;
    left: -1.9948vw;
}

.con16_right_img {
    width: 10%;
    right: 3.3vw;
    top: 0;
    display: flex;
    justify-content: end;
}

.con16_07_2 {
    width: 45.6693%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: -2.2835vw;
    right: -1.9948vw;
}

.con16_02 {
    width: 3.25459%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10.2887vw;
    top: 5.5643vw;
}

.con16_03 {
    width: 1.94236%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 13.3858vw;
    top: 17.6378vw;
}

.con16_txt {
    width: 40%;
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.4063vw;
    color: #ffffff;
    font-weight: 400;
    margin-left: 56vw;
    margin-top: 10vw;
    margin-bottom: 7vw;
}

.con16_txt_title {
    width: 42.674%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}

.con16_txt_sub {
    margin-bottom: 1.5vw;
}

.con16_txt_sub2 {
    margin-bottom: 1.5vw;
}

.con16_txt_sub3 {
    margin-bottom: 1.5vw;
}

.con16_img {
    width: 60%;
}

.con16_05 {
    width: 62.6198%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -11.5vw;
    margin-left: -4vw;
}

.con16_08 {
    width: 108.89%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 8vw;
}

.con16_img .smoke {
    animation: smoke 3s linear infinite;
}

.con16_04 {
    width: 69.192%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -16.5vw;
    margin-left: 5vw;
}

/* con17설정 */
.con17 {
    width: 100%;
    background-image: url(/images/con17_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con17_04 {
    width: 15.9056%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con17_left_img {
    width: 10%;
    left: 3.3vw;
    top: 0;
}

.con17_right_img {
    width: 10%;
    right: 3.3vw;
    top: 0;
    display: flex;
    justify-content: end;
}

.con17_01 {
    width: 1.94236%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 12vw;
    top: 5.5vw;
}

.con17_02 {
    width: 8.399%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 14.5vw;
    margin-top: -1.2vw;
}

.con17_txt {
    width: 40%;
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.4063vw;
    color: #000;
    font-weight: 400;
    margin-left: -19vw;
    margin-top: 12vw;
    margin-bottom: 10vw;
}

.con17_txt_title {
    width: 41.4699%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
    margin-top: 1vw;
}

.con17_txt_sub {
    margin-bottom: 1.5vw;
}

.con17_txt_sub2 {
    margin-bottom: 1.5vw;
}

.con17_img {
    width: 60%;
    margin-left: 80.5vw;
}

.con17_06 {
    width: 58.6178%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2vw;
    bottom: -6vw;
}

.con17_07 {
    width: 110.746%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2.5vw;
    margin-left: -1vw;
}

.con16_08_2 {
    width: 116.269%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5vw;
}

.con17_img .smoke {
    animation: smoke 3s linear infinite;
}

.con17_05 {
    width: 85.224%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 14.5vw;
    margin-left: -70.5vw;
}

/* con18설정 */
.con18 {
    background-image: url(/images/con18_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con18_bg {
    width: 92.9135%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
    overflow: hidden;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

.con18_27 {
    width: 53.5594%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -10vw;
    bottom: -7.5vw;
}

.con18_txt {
    width: 16.5538%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 7vw;
}

.con18_txt2 {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    top: -1.5vw;
    right: 0;
}

.con18_img {
    top: 13.5vw;
}

.con18_06 {
    width: 43.8984%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con18_txt3 {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 400;
    margin-top: 0.5vw;
    margin-bottom: 1vw;
    left: -12vw;
}

.con18_06_txt {
    width: 100%;
    top: 1.2vw;
}

.con18_06_txt_title {
    width: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    font-size: 1.2500vw;
    letter-spacing: 1.5vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    margin-bottom: 1.8vw;
}

.con18_06_txt_title1 {
    padding-left: 1.5vw;
    box-sizing: border-box;
}

.con18_06_txt_sub {
    width: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0.85vw 0;
    box-sizing: border-box;
    font-size: 1.1458vw;
    letter-spacing: -0.1042vw;
    color: #000000;
    font-weight: 400;
    text-align: center;
    border-bottom: 0.1vw solid #ddd;
}

.con18_06_txt_sub_1 {
    border-bottom: none;
}

.con18_06_txt_sub2 {
    margin-left: -1.5vw;
}

.con18_06_txt_sub3 {
    margin-left: -1.5vw;
}

.con18_08 {
    width: 73.9624%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1.5s linear infinite;
}

.con18_09 {
    width: 73.9624%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1.5s linear infinite;
}

.con18_06_txt_sub2_bg {
    width: 47.1699%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -0.5vw;
}

.con18_07 {
    width: 43.8984%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -4.3vw;
}

.con18_07_txt {
    justify-content: flex-start !important;
    padding-left: 8vw;
    box-sizing: border-box;
}

.con18_07_txt_title {
    font-size: 1.2500vw;
    letter-spacing: 1vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
}

.con18_07_txt_sub {
    font-size: 1.2500vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    width: 40%;
}

.con18_07_txt_sub span {
    font-size: 2.2917vw;
    margin-right: 0.2vw;
    margin-left: 0.5vw;
}

.con18_30 {
    width: 110.442%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -0.5vw;
    top: 0.5vw;
}

.con18_31 {
    width: 20.3347%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 4vw;
}

.con18_txt4 {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    top: 0.5vw;
    left: -12vw;
}

.con18_bottom_img {
    width: 100%;
    top: 55vw;
}

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

.con18_02 {
    width: 43.8419%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con18_03 {
    width: 23.9692%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}

.con18_bottom_txt {
    font-size: 1.7708vw;
    letter-spacing: 0.2083vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    left: 3.5vw;
}

.con18_bottom_txt2 {
    font-size: 1.7708vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
    right: 3vw;
}

.con18_bottom_txt2 span {
    color: #be2730;
}

.con18_txt3_sub {
    width: 33.3859%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5vw;
}

.con18_txt3_title {
    font-size: 3.3854vw;
    letter-spacing: -0.1042vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
}

.con18_txt3_title p {
    z-index: 2;
}

.con18_txt3_title span {
    color: #fff5da;
}

.con18_11 {
    width: 17.8989%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 15vw;
    top: -0.2vw;
    z-index: 1;
}

.con18_img2 {
    width: 90% !important;
    margin-bottom: 2vw;
}

.con18_12 {
    width: 31.8368%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con18_12_1 {
    margin-right: -3.5vw;
}

.con18_12_2 {
    width: 35.2188%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -4vw;
    z-index: 2;
}

.con18_13 {
    width: 14.1027%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4vw;
}

.con18_14 {
    width: 35.2188%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con18_15 {
    width: 12.7484%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5.5vw;
    margin-left: 1vw;
}

.con18_17 {
    width: 12.7484%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5.5vw;
    margin-left: 1vw;
}

.con18_12_txt {
    font-size: var(--titleS);
    letter-spacing: -0.025em;
    line-height: 1.05;
    color: #000000;
    font-weight: 800;
    font-family: var(--font-paperlogy);
    text-align: center;
    margin-top: -3.9146vw;
}

.con18_12_txt_2 {
    margin-left: 1vw;
}

.con18_12_txt_3 {
    margin-left: 1vw;
}

.con18_12_txt2 {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.1458vw;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-top: 5.9423vw;
}

.con18_12_txt2_2 {
    margin-left: 1vw;
}

.con18_12_txt2_3 {
    margin-left: 1vw;
}

.con18_12_txt2 span {
    font-weight: bold;
}

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

.con18_24 img {
    width: 147.5521vw;
}

.con18_25 img {
    width: 109.3750vw;
    margin-right: 0vw;
}

.con18_img_bottom {
    bottom: -5vw;
}

.con18_19 {
    width: 35.3334%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con18_20 {
    width: 35.3641%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 5.5vw;
    top: 2vw;
}

.con18_21 {
    width: 35.9585%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5.5vw;
    top: 7.3vw;
}

.con18_18 {
    width: 75.0675%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6vw;
    right: -2vw;
}

.con18_22 {
    width: 8.9154%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2vw;
    right: 8.5vw;
}

/* con19설정 */
.con19 {
    background-image: url(/images/con19_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.con18_26 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.con19_01 {
    width: 31.8111%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0vw;
    top: -3vw;
}

.con19_11 {
    width: 24.0946%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0vw;
    bottom: 0vw;
}

.con19_txt {
    width: 13.2284%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6vw;
    margin-bottom: 2vw;
}

.con19_img {
    width: 81%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.con19_img div {
    margin-bottom: 1vw;
}

.con19_03,
.con19_04,
.con19_05,
.con19_06,
.con19_07,
.con19_08,
.con19_09,
.con19_10 {
    width: 24.2386%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_11 {
    width: 24.2386%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0vw;
    bottom: 36.5vw;
}

.con19_12 {
    width: 13.3691%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -1.6vw;
    margin-top: 0.5vw;
    z-index: 2;
}

.con19_13 {
    width: 89.4489%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5vw;
}

.con19_14 {
    width: 12.0306%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5vw;
}

.con19_17 {
    width: 17.7231%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 8vw;
    bottom: 3.5vw;
}

.con19_slide {
    width: 57vw;
    height: 3.82vw;
    left: 23.6vw;
    bottom: 3.56vw;
    border: 0.1vw solid #ddd;
}

.con19_slide_txt {
    font-size: 0.9375vw;
    color: #000000;
    font-weight: 600;
    text-align: center;
}

.con19_slide_txt span {
    font-weight: 900;
}

.con19_bottom_img {
    width: 89%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.con19_18 {
    width: 31.6036%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_19 {
    width: 34.856%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1vw;
}

/* map-start */

/* 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: 30.6667vw;
    height: 3.6458vw;
    padding: 0% 0%;
    box-sizing: border-box;
    margin: auto;
    z-index: 3;
    background-color: transparent;
    overflow: hidden;
    margin-bottom: 2vw;
    border-radius: 1.8229vw;
    border: 2px solid #000000;
    background-color: #ffffff;
    margin-top: -25.58vw;
}

.map_wrap {
    margin-top: 19.05vw;
}

.map_mid_map_search_mid input {
    appearance: none;
    border: none;
    outline: none;
    /* border-radius: 0.6vw; */
    width: 85%;
    height: 100%;
    padding-left: 0%;
    /* font-family: 'SUIT-Regular'; */
    font-size: 0.7813vw;
    box-sizing: border-box;
    color: #444444;
    background-color: transparent;
    letter-spacing: -0.0521vw;
    line-height: 1.4583vw;
    padding-left: 2vw;

}

.map_mid_map_search_mid input::placeholder {
    color: #8a8a8a;
}

/* .map_04{
  } */
.map_mid_map_search_bottom {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    /* margin: auto; */
    padding: 0vw 0;
    /* border-bottom-left-radius: 2.0833vw;
    border-top-left-radius: 2.0833vw; */
    border-right: 1px solid #dddddd;
}

.map_mid_map_search_item_title {
    font-size: 0.8333vw;
    font-weight: bold;
    color: #444444;
}

.map_mid_map_search_item_address {
    width: 80%;
    margin-top: 4%;
    margin-bottom: 2%;
    font-size: 0.7292vw;
    color: #5c5c5c;
    font-weight: 500;
}

.map_mid_map_search_item_tel {
    font-size: 0.7292vw;
    color: #5c5c5c;
    font-weight: 500;
}

.map_mid_map_search_item_status {
    width: 2.9688vw;
    height: 1.0938vw;
    font-size: 0.5729vw;
    color: #ffffff;
    font-weight: 500;
    background-color: #000000;
    border-radius: 0.5729vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.5vw;
    top: 1.6vw;
}

.map_mid_map_search_item_plus_con {
    /* width: 0.0001%; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4vw;
}

.map {
    width: 100%;
    height: 31vw;
    border-radius: 0vw;
    box-sizing: border-box;
    background-color: #000;
}

.map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 73.3%;
    margin-bottom: 10%;
    margin-top: -7%;
    box-sizing: border-box;
    /* border-radius: 2.0833vw; */
    overflow: hidden;
    border: 0.1vw solid #dddddd;
}

.map_search {
    width: 0.8854vw !important;
    right: 3%;
    cursor: pointer;
    padding-right: 0.5vw;
}

.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: 1px solid #dddddd;
    padding: 10% 0%;
    padding-bottom: 25%;
    padding-left: 10%;
    font-size: 0.8vw;
    font-family: pretendard-regular;
    box-sizing: border-box;
    position: relative;
    color: #000;
}

.map_mid_map_search {
    width: 21.5%;
    background: white;
    height: 100%;
    top: 0%;
    z-index: 2;
    overflow: hidden;
    left: 0%;
    box-sizing: border-box;
    /* border: 1px solid #dddddd; */
}

.map_mid_map_search_bottom::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: none;
}

/* 스크롤바 배경(트랙) */
.map_mid_map_search_bottom::-webkit-scrollbar-track {
    background: transparent;
    /* 필요하면 색 넣어도 됨 */
}

/* 스크롤바 막대(thumb) */
.map_mid_map_search_bottom::-webkit-scrollbar-thumb {
    background: #c61f1e;
    border-radius: 0.5208vw;
}

.map_plus {
    width: 12.395%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: 27%;
    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 추가 css */

/*popup*/


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

.fixed_popup {
    height: 100vh;
    background: #00000045;
}

.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;
}

.fixed_popup {
    position: fixed !important;
    top: 0;
    z-index: 5;
    /*pointer-events: none;*/
    /*opacity: 0;*/
}

.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(1) {
    font-weight: 600;
    font-size: 0.9vw;
    width: 24%;
    color: #000;

}

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

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

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

.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 {
    width: 15.448%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 31%;
    bottom: 9%;
}

.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: 600;
    width: 100%;
    font-size: 1.36vw;
    padding-bottom: 3%;
    box-sizing: border-box;
    font-family: 'pretendard variable';
    font-weight: 400;
}

.popup img {
    width: 100%;
}

.popup_close {
    width: 1.7vw;
    height: 1.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    right: 2%;
    cursor: pointer;
    background-color: #9e9e9e;
    border-radius: 50%;
}

.popup_close_border {
    position: absolute;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    border: 1px solid #ef823a;
}

.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);
}

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



/* 로딩 */
.loading-overlay {
    position: fixed; /* 화면 전체를 덮도록 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 검은색 배경 */
    z-index: 9999; /* 다른 요소들보다 위에 표시 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* 회색 테두리 */
    border-top: 5px solid #c61f1e; /* 브랜드 메인색상 */
    border-radius: 50%;
    animation: spin 1s linear infinite; /* 회전 애니메이션 */
}

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

/* con20설정 */
.con20 {
    background-color: #000000;
}

.con20_04 {
    width: 10.3413%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0vw;
    margin-top: 1vw;
}

.con20_05 {
    width: 3.14971%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 7.5vw;
    top: 4vw;
}

.con20_txt {
    font-size: 0.9375vw;
    letter-spacing: -0.0521vw;
    line-height: 1.4063vw;
    color: #ffffff;
    font-weight: 400;
    margin-top: 6.5vw;
    margin-bottom: 9vw;
    width: 30%;
    left: -19vw;
    z-index: 2;
}

.con20_txt_sub {
    width: 31.4686%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.5vw;
}

.con20_txt_title {
    width: 59.2658%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}

.con20_txt_sub2 {
    margin-bottom: 1.5vw;
}

.con20_txt_sub3 {
    margin-bottom: 3.5vw;
}

.con20_call {
    width: 60.6644%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con20_img {
    width: 40%;
    bottom: -17vw;
    margin-left: 1vw;
}

.con20_09 {
    width: 97.3754%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con20_img .smoke {
    animation: smoke 3s linear infinite;
}

.con20_11 {
    width: 104.987%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10vw;
}

.con20_08 {
    width: 0.210074%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0vw;
}

.con20_07 {
    width: 2.67727%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3vw;
}

/* form1 - start */
div.form_wrap {
    width: 35%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /* background-color: #000; */
    padding-top: 6vw;
    padding-bottom: 10.5vw;
    right: 10vw;
}

.form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.5vw;
    border-bottom: 0.01vw solid #dddddd;
}

.form {
    width: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: 'SUIT-Regular';
}

.form_input {
    height: 100%;
    height: 2.8vw;
    background-color: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    border-radius: 0.3vw;
    color: #fff;
}

.form_input_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-left: 1vw;
}

.form_input_box p {
    font-weight: bold;
}

.form label {
    white-space: nowrap;
}

.form_input_box>label {
    font-size: 1.1458vw;
    letter-spacing: -0.0521vw;
    color: #ffffff;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: left;
}

.label1 {
    letter-spacing: 1vw !important;
}

.label2 {
    letter-spacing: 0.4vw !important;
}

.form_input_01,
.form_input_02,
.form_input_05,
.form_input_07 {
    width: 70%;
}

.form_input_06 {
    width: 70%;
    box-sizing: border-box;
    padding: 0 1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-size: 3%;
    background-position: 90%;
    cursor: pointer;
}

.form_input_box_1::after {
    content: '';
    position: absolute;
    right: 1.5vw;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 0.4vw solid transparent;
    border-right: 0.4vw solid transparent;
    border-top: 0.5vw solid #000000;
    pointer-events: none;
}

/*  */

.form_check_wrap {
    width: 65%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 5%;
}

.form_check_wrap01 {
    gap: 0.5vw;
}

.form_check_wrap01 label {
    width: fit-content;
    height: 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #0000007a;
    padding: 0 0.3vw;
}

/* .form_check_wrap01 label:hover {
    background-color: #ef823a;
    color: white;
    border-color: #ef823a;
    font-family: 'SUIT-SemiBold';
} */

.form_check_wrap01 input:checked+label {
    background-color: #ef823a;
    color: white;
    border-color: #ef823a;
    font-family: 'SUIT-SemiBold';
}

.agree_text {
    cursor: pointer;
}

.form_check_wrap01 input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}


.footeer_agree_checkbox_01 {
    width: 0.7vw;
    height: 0.7vw;
    outline: 1px solid #aaa;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    margin-right: 0.5vw;
}

.footeer_checkbox_05,
.footeer_checkbox_06 {
    width: 100%;
    height: 2.4vw;
    outline: 1px solid #bbb;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: #fff;
    font-size: 1.2vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.0417vw;
    letter-spacing: -0.0521vw;
    color: #000000;
    font-weight: 800;
    font-family: 'Paperozi';
    text-align: center;
}

.footeer_checkbox_06 {
    margin-right: 0vw;
}

.footeer_checkbox_05::before,
.footeer_checkbox_06::before {
    font-size: 1.2vw;
    font-family: 'Pretendard';
    color: #000;
    position: static;
    margin: 0;
}

.footeer_checkbox_05::before {
    content: '유';
}

.footeer_checkbox_06::before {
    content: '무';
}

.footeer_checkbox_05:checked,
.footeer_checkbox_06:checked {
    background-color: #a7231c;
    outline-color: #a7231c;
}

.footeer_checkbox_05:checked::before,
.footeer_checkbox_06:checked::before {
    color: #fff;
    font-weight: bold;
}

.form_check_name_05 {
    margin-right: 3vw;
    margin-left: -1vw;
}

.footeer_agree_checkbox_01:checked::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #a7231c;
    /* border-radius: 50%; */
    scale: 0.8;
}

/* .footeer_checkbox_05:checked::before,
.footeer_checkbox_06:checked::before {
    content: '';
    display: inline-block;
    width: 49%;
    height: 100%;
    background-color: #b6160a;
    border-radius: 0.3vw;
    color: #000;
    margin-top: -0.02vw;
}

.form_check_name_05 {
    margin-right: 3vw;
    margin-left: -1vw;
}
 */

.form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1vw;
    margin-top: 1vw;
    margin-left: 0.5vw;
    color: #ffffff;
}

.form_agree_wrap p {
    font-size: 0.8854vw;
    letter-spacing: -0.0521vw;
    font-weight: 500;
}

.form_agree_wrap .more {
    font-weight: bold;
    text-decoration: underline;
    margin-left: 5.5vw;
}

.form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: -3.5vw;
    font-weight: bold;
    font-size: 1.5625vw;
    color: #ffffff;
    font-family: 'Paperozi';
    text-align: center;
    cursor: pointer;
}

.con20_10 {
    width: 75% !important;
    margin-top: -20vw;
}

.con20_10>p {
    left: 9vw;
    top: 1.2vw;
}

.form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0.5vw;
}

.form_star {
    top: 15%;
    left: 0.2vw;
    color: #c61f1e;
}

.form_star_top {
    top: 0;
    left: 17.4vw;
}

.form_col select {
    color: #0000007a;
}

.con01_slide_txt_sub3{
    color: white;
    top: 5%;
    right: 5%;
    font-weight: 700;    
}

.con01_slide_img4ab{
        width: 39.6931%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 51%;
}
.con01_slide_img4ab2{
        width: 58.9913%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1s infinite;
    top: 41%;
}
.con01_slide_img5ab2{
    width: 32.0176%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 55%;
    animation: blk 1s infinite;
}
/* form1 - end */


.con18_txt42ndab{
        font-size: 1.7708vw;
    letter-spacing: 0.2083vw;
    color: #000000;
    font-weight: 500;
    font-family: var(--font-paperlogy);
    text-align: center;
    left: 3.5vw;
}

.con18_bg > img:nth-child(1){
    height: 62vw;
}
.con18_txt42nd{
        width: 43.8984%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.3%;
}

.con18_bottom_img {
    width: 100%;
    top: 61vw;
}

.add01{
        background: url(/images/add_12.webp) no-repeat center / cover;
    
}

.add01top{
        width: 20.735%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10.6562%;
    margin-left: -63.1496%;
}

.add01top2nd{
        width: 26.5615%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -57.4331%;
    margin-top: 2.3097%;
}
.add01top3rd{
        color: white;
    width: 73%;
    margin-top: 1.5748%;
    margin-bottom: 8.3176%;
    margin-left: -10.9869%;
    line-height: 1.5;
    letter-spacing: -0.06em;
}
.add01top4thitemab{
    position: absolute;
}

.add01top4th.absol.flexrow {
    width: 70%;
    right: 10%;
    top: 14%;
    justify-content: flex-start;
}
.add01top4thitem.rltv {
    margin: 0.675% 0.7499%;
    display: flex;
}
.add01top4th.absol.flexrow {
    width: 70%;
    right: unset;
    top: 12.6027%;
    justify-content: flex-start;
    left: 39.1811%;
}
.add01top2ndab.absol{
        width: 47.4308%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -24.1706%;
    right: 19.3676%;
}
.add01top4thitemab1{
        width: 68.7501%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47%;
    right: 7%;
}
.add01top4thitemab2{
        width: 68.2244%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47%;
    right: 7%;
}
.add01top4thitemab3{
        width: 68.2244%;    top: 46.1905%;
    right: 7.625%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.add01top4thitemab4{
        width: 68.7501%;
    display: flex;
    justify-content: center;
    align-items: center;top: 47%;
    right: 7%;
}
.add01top4thitemab5{
    width: 68.4376%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47%;
    right: 6.0625%;
}

.add01top4thitemab5{
    width: 68.4376%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47%;
    right: 6.0625%;
}

.add01top4thitemab6{
        width: 32.5001%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 52%;
    right: 26%;
}
.add01top4thitemabfree2{
        width: 62.1876%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 40.2381%;
    right: 10.4375%;
}
.add01top4thitemabfree{
    width: 30.0001%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 44%;
    right: 26%;
}

.con11_slide_img {
    width: 19.4792vw;
    height: 12.8646vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 2vw;
}
.con11_slide_img img {
    width: unset;
    height: 80%;
    object-fit: cover;
    z-index: 2;
}
.con11_slide_img {
    width: 19.4792vw;
    height: 12.8646vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 2vw;
    z-index: 6;
    border: 2px solid #D8D8D8;
}
.con11_06 img{
    width: 100%;
    height: 100%;
}





/* ── con21 ── */
.con21 {
    background-color: #fffbf1;
}
.con21__hero-bowl img,
.con21__hero-stamp img,
.con21__logo img,
.con21__step-arrow-ico img {
    display: block; /* inline baseline 여백 4px 이 래퍼 aspect-ratio 를 밀어낸다 */
}
.con21_iner {
    justify-content: flex-start;
    padding: calc(var(--px)*77) 0 calc(var(--px)*293);
}
.con21__logo {
    margin-top: calc(var(--px)*-7); /* 자산이 stroke 5px 를 품어 정본 타원보다 위아래로 커졌다 */
    filter: drop-shadow(0 0 calc(var(--px)*24) rgba(0, 0, 0, .27));
}
.con21__head {
    justify-content: flex-start;
    margin-top: calc(var(--px)*38);
}
.con21__head-lead {
    margin-top: calc(var(--px)*-5.5); /* 잉크 상쇄 — line-box 여백을 걷어 정본 gap 을 잉크 간격으로 착지 */
    margin-bottom: calc(var(--px)*-1.5);
}
.con21__head-title {
    margin-top: calc(var(--px)*10);
}
.con21__head-title-mark {
    box-sizing: border-box;
    width: calc(var(--px)*76);
    height: calc(var(--px)*76); /* HEIGHT: 정본 원형 마크 */
    margin-left: calc(var(--px)*16);
    border: 1px solid #e3232e;
    border-radius: 50%;
    background-color: #be2730;
}
.con21__head-title-text:first-child {
    margin-left: calc(var(--px)*-1); /* 잉크 좌측 상쇄 — 형제 위치는 margin-right 로 되돌린다 */
    margin-right: calc(var(--px)*1);
}
.con21__head-title-mark + .con21__head-title-text {
    margin-left: calc(var(--px)*18); /* 정본 gap 20 − 잉크 좌측 여백 2 */
    margin-right: calc(var(--px)*2);
}
.con21__head-desc {
    margin-top: calc(var(--px)*25.53); /* 정본 gap 29 − 잉크 위여백 3.47 */
}
.con21__steps,
.con21__step {
    width: auto; /* .flexrow/.flexcol 의 width:100% 가 행을 1905 로 늘려 카드를 ±131 벌린다 */
}
.con21__steps {
    margin-left: calc(var(--px)*2); /* 정본 행 좌우여백 198/196 — 중앙정렬이 절반 반영해 실이동 1px */
    z-index: 2; /* 시안에서 카드 플레이트가 hero-bowl 위에 온다 */
    gap: calc(var(--px)*64);
    margin-top: calc(var(--px)*25.46); /* 정본 gap 31 − desc 잉크 아래여백 5.54 */
}
.con21__step {
    justify-content: flex-start;
    padding-bottom: calc(var(--px)*37);
    border-radius: calc(var(--px)*20);
    background-color: #fbf8f3;
    background-image: linear-gradient(#fbf8f3 calc(var(--px)*317), #f3efe4 calc(var(--px)*407)); /* 정본 rect 의 gradientOverlay — 시안 실측 */
    box-shadow: inset 0 0 0 1px #c9c9c9; /* 정본 rect 플레이트 1px 테두리 — 폭 불변으로 그리려고 inset */
}
.con21__step-media {
    overflow: hidden;
    border: 1px solid #c9c9c9;
    border-radius: calc(var(--px)*20);
    background-color: #ffffff;
}
.con21__step-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 소스 932x638 = 프레임 비율과 동일 — 잘림 없이 채운다 */
}
.con21__step-caption {
    margin-top: calc(var(--px)*28); /* 정본 gap 32 − 잉크 위여백 4.5 + 영상박스 시작 0.5 보정 */
    margin-bottom: calc(var(--px)*-4.5);
}
.con21__step-arrow {
    top: calc(var(--px)*168);
    z-index: 1;
    width: calc(var(--px)*76);
    height: calc(var(--px)*76); /* HEIGHT: 정본 라운드 마크 */
    border-radius: calc(var(--px)*15);
    background-color: #000000;
}
.con21__step-arrow--first {
    left: calc(var(--px)*471);
}
.con21__step-arrow--second {
    right: calc(var(--px)*438);
}
.con21__hero-bowl {
    bottom: calc(var(--px)*-215);
    left: calc(var(--px)*595);
}
.con21__hero-stamp {
    right: calc(var(--px)*551);
    bottom: calc(var(--px)*77);
    z-index: 1;
}

/* ── con22 ── */
.con22_iner {
    /* padding-top: calc(var(--px)*2); */
    padding-bottom: calc(var(--px)*29);
}
.con22__cols {
    justify-content: flex-start;
}
.con22__col--cctv {
    position: relative;
    z-index: 0; /* 스택 컨텍스트를 열어 배경면(z-1)이 자기 배경 위·흐름 아래에 오게 한다 */
    justify-content: flex-start;
    width: calc(var(--px)*952);
    height: calc(var(--px)*900); /* HEIGHT: 좌 배경면 패널 — 정본 h 900 */
    padding: calc(var(--px)*183) calc(var(--px)*89) 0 0;
    overflow: hidden;
    background-color: #000000;
}
.con22__col--menu {
    position: relative;
    z-index: 0;
    justify-content: flex-start;
    width: calc(var(--px)*953);
    height: calc(var(--px)*900); /* HEIGHT: 우 배경면 패널 — 정본 h 900 */
    padding: calc(var(--px)*186) 0 0 calc(var(--px)*87);
    overflow: hidden;
}
.con22__lead--cctv,
.con22__lead--menu {
    margin-top: calc(var(--px)*-5.5); /* 잉크 상쇄 — line-box 여백을 걷어 정본 gap 을 잉크 간격으로 착지 */
    margin-bottom: calc(var(--px)*-5.5);
}
.con22__cctv,
.con22__grid {
    z-index: -1; /* positioned 는 static 흐름 위에 칠해진다 — 배경면은 음수 z 로 내린다 */
    inset: auto; /* 자산이 패널보다 크다 — cover 로 줄이면 사진이 뭉개져 자연크기로 물린다 */
    top: calc(var(--px)*-2);
    width: calc(var(--px)*962);
    height: calc(var(--px)*903);
}
.con22__cctv {
    left: calc(var(--px)*-9);
    opacity: .4;
}
.con22__grid {
    left: calc(var(--px)*-1);
}
.con22__title--cctv {
    margin-top: calc(var(--px)*17.1); /* 정본 gap 25 − lead 잉크 아래여백 5.5 − 자체 위여백 7.9 + 상쇄분 5.5 */
    margin-bottom: calc(var(--px)*1.11);
}
.con22__title--menu {
    margin-top: calc(var(--px)*19.1);
    margin-bottom: calc(var(--px)*-4.89);
}
.con22__sub--cctv {
    margin-top: calc(var(--px)*41);
    margin-right: calc(var(--px)*-1); /* 정본 우끝 864 vs 열 padding 우끝 863 */
}
.con22__sub--menu {
    margin-top: calc(var(--px)*47);
}
.con22__desc--cctv {
    margin-top: calc(var(--px)*18.24);
    margin-bottom: calc(var(--px)*-4.97);
}
.con22__desc--menu {
    margin-top: calc(var(--px)*19.02);
    margin-bottom: calc(var(--px)*-1.97);
}
.con22__sub--cctv img,
.con22__sub--menu img,
.con22__dish--mandu img,
.con22__dish--meat-r img,
.con22__dish--meat-l img {
    display: block;
}
.con22__badge {
    position: absolute;
    justify-content: flex-start; /* 중앙정렬이면 자식 margin 이 상쇄돼 잉크 y 를 못 맞춘다 */
    padding-top: calc(var(--px)*61);
    box-sizing: border-box;
    top: calc(var(--px)*143);
    right: calc(var(--px)*89);
    z-index: 2;
    width: calc(var(--px)*250);
    height: calc(var(--px)*250); /* HEIGHT: 250×250 정원 배지 — 정본 note "radius 50%" */
    border: 1px solid #e3232e;
    border-radius: 50%;
    background-color: #be2730;
}
.con22__badge-label {
    margin-top: calc(var(--px)*-1.5); /* 잉크 상쇄 — line-box 여백을 걷어 정본 gap 을 잉크 간격으로 착지 */
    margin-bottom: calc(var(--px)*-6.5);
}
.con22__badge-price {
    margin-top: calc(var(--px)*7.5);
    margin-bottom: calc(var(--px)*3.5);
}
.con22__badge-note {
    margin-top: calc(var(--px)*5.7);
    margin-bottom: calc(var(--px)*-0.29);
}
.con22__dish--mandu {
    position: absolute;
    top: calc(var(--px)*83);
    right: calc(var(--px)*-8);
    z-index: 1;
}
.con22__dish--meat-r {
    position: absolute;
    right: calc(var(--px)*-8);
    bottom: calc(var(--px)*28);
    z-index: 1;
}
.con22__dish--meat-l {
    position: absolute;
    bottom: calc(var(--px)*-1);
    left: calc(var(--px)*-1);
    z-index: 1;
}
.con22__band-hair {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px; /* 시안 실측 — 파서가 1px 로 정규화했다 */
    background-color: #be2730;
}
.con22__band-hair--upper {
    bottom: calc(var(--px)*26);
}
.con22__band-hair--lower {
    bottom: calc(var(--px)*21);
}
.con22__band {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(var(--px)*17); /* HEIGHT: 하단 장식 띠 — 정본 h 17 */
    background-color: #be2730;
}

/* ── con23 ── */
.con23__badge img,
.con23__bowl img,
.con23__smoke img,
.con23__stamp img {
    display: block; /* inline baseline 여백 4px 이 래퍼 aspect-ratio 를 밀어낸다 */
}
.con23_iner {
    padding: calc(var(--px)*192) 0 calc(var(--px)*112.96) calc(var(--px)*187); /* 하단 120 − desc 잉크 아래여백 7.04 */
}
.con23__title {
    margin-top: calc(var(--px)*-10.58); /* 잉크 상쇄 — line-box 여백을 걷어 정본 gap 을 잉크 간격으로 착지 */
    margin-bottom: calc(var(--px)*-15.06);
}
.con23__badge {
    margin-top: calc(var(--px)*27.35);
    margin-left: calc(var(--px)*-2); /* 정본 x185 vs 부모 padding-left 187 */
}
.con23__desc {
    margin-top: calc(var(--px)*25.02); /* 정본 gap 30 − 잉크 위여백 3.98 */
}
.con23__bowl {
    top: calc(var(--px)*57);
    right: calc(var(--px)*42);
}
.con23__smoke {
    right: calc(var(--px)*7);
    bottom: calc(var(--px)*-147);
}
.con23__stamp {
    top: calc(var(--px)*75);
    right: calc(var(--px)*174);
}

/* IMG:AUTO con23 */
/* layout-spec.json 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con23__badge {
    width: calc(var(--px)*745) !important;
    aspect-ratio: 745 / 86 !important;
}

.con23__bowl {
    width: calc(var(--px)*847) !important;
    aspect-ratio: 847 / 762 !important;
}

.con23__smoke {
    width: calc(var(--px)*1045) !important;
    aspect-ratio: 1045 / 1020 !important;
}

.con23__stamp {
    width: calc(var(--px)*176) !important;
    aspect-ratio: 176 / 255 !important;
}
/* /IMG:AUTO con23 */

/* FONT:AUTO con23 */
/* spec.json 파생 (tools/spec-font-to-css.js · mode=robust unit=px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con23__title {
    font-family: var(--font-paperlogy);
    font-size: var(--titleXL);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2391;  /* OVR */
    color: #ffffff;
}

.con23__title-line2 {
    font-size: var(--displayS);
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.con23__title-em {
    font-size: var(--displayS);
    letter-spacing: -0.025em;
    line-height: 1.12;
    color: #ffe7a6;
}

.con23__desc {
    font-family: var(--font-pretendard);
    font-size: var(--subheadL);
    font-weight: 500;
    letter-spacing: -0.07em;
    line-height: 1.29;
    color: #ffffff;
}

.con23__desc-em {
    font-size: var(--bodyM);
    letter-spacing: -0.07em;
    line-height: 1.94;
}
/* /FONT:AUTO con23 */

/* FONT:AUTO con21 */
/* spec.json 파생 (tools/spec-font-to-css.js · mode=robust unit=px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con21__head-lead {
    font-family: var(--font-paperlogy);
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    text-align: center;
    color: #000000;
}

.con21__head-title-text {
    font-family: var(--font-paperlogy);
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.12;
    color: #000000;
}

.con21__head-title-glyph {
    font-family: var(--font-pretendard);
    font-size: calc(var(--px)*75);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1;
    color: #fffbf1;
}

.con21__head-desc {
    font-family: var(--font-paperlogy);
    font-size: var(--headM);
    font-weight: 600;
    letter-spacing: -0.06em;
    line-height: 1.19;
    text-align: center;
    color: #000000;
}

.con21__head-desc-break {
    font-family: var(--font-pretendard);
    font-size: var(--bodyXL);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.55;
}

.con21__head-desc-sub {
    font-family: var(--font-pretendard);
    font-size: var(--headS);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 1.41;
}

.con21__step-caption {
    font-family: var(--font-paperlogy);
    font-size: var(--headL);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    text-align: center;
    color: #000000;
}
/* /FONT:AUTO con21 */

/* IMG:AUTO con21 */
/* layout-spec.json 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con21__logo {
    width: calc(var(--px)*132) !important;
    aspect-ratio: 132 / 66 !important;
}

.con21__step-media {
    width: calc(var(--px)*461) !important;
    aspect-ratio: 466 / 319 !important;
}

.con21__step-arrow-ico {
    width: calc(var(--px)*40) !important;
    aspect-ratio: 40 / 34 !important;
}

.con21__hero-bowl {
    width: calc(var(--px)*713) !important;
    aspect-ratio: 713 / 572 !important;
}

.con21__hero-stamp {
    width: calc(var(--px)*384) !important;
    aspect-ratio: 384 / 182 !important;
}
/* /IMG:AUTO con21 */

/* FONT:AUTO con22 */
/* spec.json 파생 (tools/spec-font-to-css.js · mode=robust unit=px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con22__lead--cctv {
    font-family: var(--font-paperlogy);
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    text-align: right;
    color: #ffffff;
}

.con22__lead-em {
    font-weight: 400;
}

.con22__title--cctv {
    font-family: var(--font-paperlogy);
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.12;
    text-align: right;
    color: #ffffff;
}

.con22__title-em--cctv {
    color: #ffd971;
}

.con22__desc--cctv {
    font-family: var(--font-pretendard);
    font-size: var(--subheadL);
    font-weight: 500;
    letter-spacing: -0.07em;
    line-height: 1.29;
    text-align: right;
    color: #ffffff;
}

.con22__lead--menu {
    font-family: var(--font-paperlogy);
    font-size: var(--titleXS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: #000000;
}

.con22__title--menu {
    font-family: var(--font-paperlogy);
    font-size: var(--displayS);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.12;
    color: #000000;
}

.con22__title-em--menu {
    color: #be2730;
}

.con22__desc--menu {
    font-family: var(--font-pretendard);
    font-size: var(--subheadL);
    font-weight: 500;
    letter-spacing: -0.07em;
    line-height: 1.29;
    color: #282828;
}

.con22__badge {
    text-align: center;
}

.con22__badge-label {
    font-family: var(--font-paperlogy);
    font-size: var(--titleS);
    font-weight: 800;
    letter-spacing: -0.07em;
    line-height: 1.2;
    color: #ffffff;
}

.con22__badge-price {
    font-family: var(--font-paperlogy);
    font-size: var(--titleL);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.04; /* OVR */
    color: #ffd971;
}

.con22__badge-price-unit {
    color: #ffffff;
}

.con22__badge-note {
    font-family: var(--font-pretendard);
    font-size: var(--bodyL);
    font-weight: 600;
    letter-spacing: -0.07em;
    line-height: 1.2;
    color: #ffffff;
}
/* /FONT:AUTO con22 */
.con22__badge-price {
    filter: drop-shadow(0px 1px 4px rgba(0,0,0,.4));
}

/* IMG:AUTO con22 */
/* layout-spec.json 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.con22__sub--cctv {
    width: calc(var(--px)*602) !important;
    aspect-ratio: 602 / 31 !important;
}

.con22__sub--menu {
    width: calc(var(--px)*470) !important;
    aspect-ratio: 470 / 31 !important;
}

.con22__dish--mandu {
    width: calc(var(--px)*270) !important;
    aspect-ratio: 270 / 350 !important;
}

.con22__dish--meat-r {
    width: calc(var(--px)*444) !important;
    aspect-ratio: 444 / 419 !important;
}

.con22__dish--meat-l {
    width: calc(var(--px)*539) !important;
    aspect-ratio: 539 / 255 !important;
}
/* /IMG:AUTO con22 */

/* FONT:AUTO main_new */
/* spec.json 파생 (tools/spec-font-to-css.js · mode=robust unit=px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.main_new__stat-label-text {
    font-family: var(--font-paperlogy);
    font-size: var(--titleS);
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
}

.main_new__stat-number {
    font-family: var(--font-paperlogy);
    font-size: var(--displayL);
    font-weight: 900;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: center;
    color: #fff5da;
}

.main_new__stat-unit-text {
    font-family: var(--font-paperlogy);
    font-size: var(--headXL);
    font-weight: 800;
    letter-spacing: 0em;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
}

.main_new__stat-note {
    font-family: var(--font-pretendard);
    font-size: var(--headS);
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.29;
    text-align: center;
    color: #ffffff;
}

.main_new__eyebrow {
    font-family: var(--font-paperlogy);
    font-size: var(--headXL);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
}

.main_new__eyebrow-point {
    color: #df1c25;
}

.main_new__eyebrow-cream {
    color: #fff5da;
}
/* /FONT:AUTO main_new */

/* IMG:AUTO main_new */
/* layout-spec.json 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.main_new__stat-pill {
    width: calc(var(--px)*122) !important;
    aspect-ratio: 122 / 56 !important;
}

.main_new__panel-img--road {
    width: calc(var(--px)*609) !important;
    aspect-ratio: 609 / 806 !important;
}

.main_new__title {
    width: calc(var(--px)*848) !important;
    aspect-ratio: 848 / 167 !important;
}

.main_new__map {
    width: calc(var(--px)*530) !important;
    aspect-ratio: 530 / 530 !important;
}

.main_new__map-pin {
    width: calc(var(--px)*167) !important;
    aspect-ratio: 167 / 201 !important;
}

.main_new__bowl {
    width: calc(var(--px)*624) !important;
    aspect-ratio: 624 / 500 !important;
}
/* /IMG:AUTO main_new */