/* ============ Base / Reset ============ */
*,
*::before,
*::after {
    box-sizing: unset; /* 성능·안정성 */
    margin: 0;
}



button{
outline: none;
}
button{
    border: none;
}
.leftflex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
}
.rightflex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
}
html, body {
    padding: 0;
    margin: 0;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

html {
    scroll-behavior: smooth;
}
.fwrap{
    flex-wrap: wrap;
}

/* 접근성 유틸 (화면에서 숨기기) */
.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

/* ============ Layout Helpers ============ */
section{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.pc-mobile { display: flex; }
.mobile-pc { display: none; }
.pc        { display: flex; }
.pc-inline { display: inline; }
.tablet    { display: none; }
.mobile    { display: none; }

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

.flowhid { overflow: hidden; }
.hide    { display: none !important; }
.hideopa { opacity: 0 !important; }
.show    { opacity: 1 !important; }
.absol   { position: absolute; }
.rltv    { position: relative; }

.scrX{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scrX .scrX_item{
    animation: marqueeX 20s linear infinite;
    width: 100%;
}
.scrX .scrX_item_absol {
    right: -100%;
    width: 100%;
}

.scrY{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scrY .scrY_item{
    animation: marqueeY 20s linear infinite;
    height: 100%;
}
.scrY .scrY_item_absol {
    bottom: -100%;
    width: 100%;
}

.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;
}
.main1 {
    top: 0;
    opacity: 0.3;
    width: 100%;
    z-index: 5;
    margin-top: -207.5%;
    pointer-events: none;
}
/* ============ Fonts ============ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap");

/* Pretendard – 각 굵기 분리 선언 (font-display: swap으로 FOUT 최소화) */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TTTtangsbudaejjigaeB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    /* fluid type 기본값 – 기존 계산식 유지 */
    font-family: 'Pretendard','Noto Sans KR',system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,'Noto Serif KR',sans-serif;
}

/* ============ Preload holder ============ */


/* ============ Animations / Keyframes ============ */
/* 기존 이름 유지 + 문법 오류 제거 */


@keyframes headlightBlink {
    0% {
        opacity: 0.2;
    }
    15% {
        opacity: 0.8;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 0.7;
    }
    55% {
        opacity: 1;
    }
    70% {
        opacity: 0.6;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

@keyframes sway4 {
    50% {
        transform: rotate(2deg) scale(1.06);

    }
}
@keyframes marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@keyframes marquee2 {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}
@keyframes marqueeX {
    from { transform: translateX(0); }
    to   { transform: translateX(-100%); }
}
@keyframes marqueeY {
    from { transform: translateY(0); }
    to   { transform: translateY(-100%); }
}

@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(-2deg); }
    100% { transform: scale(1.05); }
}
@keyframes ddm4 {
    0% { transform: scale(1); }
    25% { transform: rotate(-2deg); }
    50% { transform: scale(1.05); }
    75% { transform: rotate(2deg); }
    100% { transform: scale(1); }
}

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

@keyframes rotate_img10deg {
    0%,49% { transform: rotate(10deg); }
    50%,99% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}


@keyframes rotate_img5deg {
    0%,49% { transform: rotate(5deg); }
    50%,99% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

@keyframes opazoom {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.02); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.opazoom { animation: opazoom 1.5s infinite; }

@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%,30% { opacity: 0; }
    31%,99% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes blk2 {
    0%,49% { opacity: 0; }
    50%,99% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes blk3 {
    0%,24% { opacity: 1; }
    25%,99% { opacity: 0; }
    100% { opacity: 1; }
}

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

@keyframes ball   { 0% { bottom: 0; } 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); } 100% { transform: scale(1.02); } }
@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 uitLineMove {
    0%   { stroke-dashoffset: 300.292; }
    100% { stroke-dashoffset: 110; }
}
@keyframes rotate_img10deg {
    0% {
        transform: rotate(10deg);
    }
    49% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    99% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}
@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; }
}

/* ❗️기존 smoke에 있던 random()은 CSS 문법이 아니므로 제거/치환 */
@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;
    }
}
.smoke{
    animation: smoke 4s infinite linear;
    pointer-events: none;
}
@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 shakeAndFall {
    0% {
        transform: translate(0, -100%) rotate(0);
        opacity: 0;
    }
}

/* 떨어지는 효과 – 잘못된 transform 토큰 제거 */
@keyframes fall {
    0% {
        top: 0;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) rotateZ(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) rotateZ(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.png) no-repeat center / contain; }
    25%  { background: url(/images/con11_08.png) no-repeat center / contain; }
    50%  { background: url(/images/con11_09.png) no-repeat center / contain; }
    75%  { background: url(/images/con11_10.png) no-repeat center / contain; }
    100% { background: url(/images/con11_07.png) no-repeat center / contain; }
}
@keyframes opa {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes backgroundchange_2 {
    0%   { background: url(/images/con08_07.png) no-repeat center / contain; }
    20%  { background: url(/images/con08_08.png) no-repeat center / contain; }
    40%  { background: url(/images/con08_09.png) no-repeat center / contain; }
    60%  { background: url(/images/con08_10.png) no-repeat center / contain; }
    80%  { background: url(/images/con08_11.png) no-repeat center / contain; }
    100% {
        background: url(/images/con08_07.png) 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); }
}

/* ============ Helpers ============ */
.rotate    { animation: rotate360 20s linear infinite; }
.pointer   { cursor: pointer; }
.blk       { animation: blk 1s infinite; }
.scaleopa1 { animation: scaleOpa 2s infinite; }
.scaleopa2 { animation: scaleOpa2 2s infinite; }

.introtop video{
    margin-bottom: -8%;
}
.main{
    background: rgba(0, 0, 0, 0.68);
    margin-top: 0%;
    margin-left: 0%;
    height: 100%;
    justify-content: flex-start;
}
.maintop{
    margin-top: 16%;
    margin-left: -35%;
}
.maintopab{
    width: 0.997375%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 48.5%;
    top: 42%;
}
.mainab{
    width: 48.7664%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 0%;
    bottom: -14%;
}
.maintop2nd{
    margin-left: 0%;
    width: 67%;
    margin-top: 2%;
}
.mainab2item{
    height: 110vh;
    width: 0.1vw;
}
.mainab2{
    left: 3%;

}
.mainab21{
    left: 500%;
}
.mainab22{
    left: 1000%;
}
.con1top{
    margin-top: 7%;
    margin-left: 0%;
}
.con1top2nd {
    margin-top: 1%;
    margin-left: 0%;
}

.con1top3rd {
    margin-top: 2%;
    margin-left: 0%;
    text-align: center;
}
.con1_right {
    margin-top: 3%;
    margin-left: 0%;
    width: 48.8189%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0%;

}
.con1_slide{
    border-radius: 2vw;
    overflow: hidden;
}
.con1_rightab {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}
.con1_rightab2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}
.con1_slide_con {
    margin-top: 0%;
    margin-left: 0%;
    text-align: center;
}
.con1_slide_contop {
    margin-top: 10%;
    margin-left: 0%;
}
.try{
    transform: translateY(-0.5vw);
    font-size: 5.5vw;
}
.con1_slide_contop2nd {
    margin-top: 6%;
    margin-left: 0%;
    margin-bottom: 15%;
}
.con1_right {
    margin-left: -26%;
}
.con1_slide_con{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}
.con1_slide_conab {
    margin-top: 0%;
    margin-left: 0%;
    top: 72%;
}
.con02_arr {
    width: 6.75956%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.con02_arr_prev{
    right: 95%;
    z-index: 2;
}
.con02_arr_next{
    left: 95%;
    z-index: 2;
}


/* =========================================
   1. 기본(숨김) 상태 설정
   (슬라이드가 화면에 없을 때의 위치)
========================================= */
.con1_slide_contop,
.con1_slide_contop2nd,
.try {
    opacity: 0;
    /* 부드러운 애니메이션 속도 세팅 */
    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 밑에서 위로 올라와야 하므로, 시작 위치를 밑(양수 vw)으로 세팅 */
.con1_slide_contop {
    transform: translateY(3vw);
}

/* 위에서 아래로 내려와야 하므로, 시작 위치를 위(음수 vw)로 세팅 */
.con1_slide_contop2nd {
    transform: translateY(-3vw);
}

/* span 태그는 원래 transform이 안 먹히므로 inline-block 필수! */
.try {
    display: inline-block;
    /* 아래에서 위로 확 올라와야 하므로 시작 위치를 밑으로 깊게 세팅 */
    transform: translateY(4vw);
    font-size: 5.5vw;
}


/* =========================================
   2. 활성(등장) 상태 설정
   (슬라이드가 화면에 보일 때 제자리로 찾아감)
========================================= */

/* 슬라이드가 활성화되면 투명도가 1이 되고 제자리(0vw)로 돌아옴 */
.swiper-slide-active .con1_slide_contop,
.swiper-slide-active .con1_slide_contop2nd {
    opacity: 1;
    transform: translateY(0vw);
}

/* 숫자가 통통 튀어오르며 강조되는 효과 */
.swiper-slide-active .try {
    opacity: 1;
    /* 대표님이 원래 주셨던 최종 안착 위치 */
    transform: translateY(-0.5vw);
}


/* =========================================
   3. 요소별 등장 시간차 (Delay) 주기 - 강조 효과 핵심!
========================================= */
.swiper-slide-active .con1_slide_contop {
    transition-delay: 0.1s; /* 가장 먼저 출발 */
}

.swiper-slide-active .con1_slide_contop2nd {
    transition-delay: 0.3s; /* 글씨가 살짝 늦게 내려옴 */
}

.swiper-slide-active .try {
    transition-delay: 0.5s; /* 부모가 내려오는 도중에 숫자가 엇박자로 튀어오름! */
    transition-duration: 0.6s; /* 숫자는 좀 더 빠르고 탄력있게 올라오도록 시간 조절 */
}

.con1rightitem {
    margin-top: 0%;
    margin-left: 0%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con1right {
    margin-top: 0%;
    margin-left: 0%;
    width: 40%;
    height: 100%;
    left: 105%;
    border-radius: 2vw;
}

.con1righttop2nd{
    white-space: nowrap;
}
.con1righttop {
    margin-top: 0%;
    margin-left: 0%;
    border: 1px solid white;
    padding: 0.6vw;
}
.con1_right {
    margin-left: -26%;
    margin-bottom: 7%;
}
.try2{
    transform: translateY(4vw);
    font-size: 3vw;
}
.con1rightitemborder{
    width: 62%;
    background: white;
    height: 0.03vw;
    margin-top: 9%;
    margin-bottom: 12%;
}
.con1righttopsp {
    margin-top: 5%;
    margin-left: 0%;
}
.con1_rightab {
    width: 107%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}
.con2{
    background: #F4EDD9;
}
.con2top {
    margin-top: 8%;
    margin-left: -56%;
}
.con2top2nd {
    margin-top: 0%;
    margin-left: 0%;
    left: 70%;
}
.con02_right {
    margin-top: 5%;
    margin-left: -24%;
    width: 76%;
}
.con02_slide_img {
    margin-top: 0%;
    margin-left: 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    border: 1px solid var(--tc);
}
.con02_right {
    margin-top: 5%;
    margin-left: -24%;
    width: 76%;
    margin-bottom: 4%;
}
.con02_slide_imgtop {
    margin-top: 0%;
    margin-left: 0%;
    height: 3.5vw;
}
.con02_slide_imgtop2nd {
    margin-top: 9%;
    margin-left: 0%;
}
.con02_slide_imgtop3rd {
    margin-top: 1%;
    margin-left: 0%;
    margin-bottom: 9%;
}
.con2ab {
    width: 30.4462%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 0;
    z-index: 2;
}
.con3{
    background: white;
}
.con3top{
    height: 7vw;
    width: 0.03vw;
    background: var(--tc);
    margin-top: 2%;
}
.con3top2nd {
    margin-top: 1%;
    margin-left: 0%;
}
.con3top3rd {
    margin-top: 0.5%;
    margin-left: 0%;
}
.con3top4th {
    margin-top: 2%;
    margin-left: 0%;
    text-align: center;
}


.con3item {
    width: 83%;
    overflow: hidden;
    border-radius: 2vw;
}
.con3itemtop {
    margin-top: 6%;
    margin-left: 66%;
    width: 50%;
}
.con3itemtop2nd {
    margin-top: 2%;
    margin-left: 49%;
}

.con3itemtop3rd {
    margin-top: 2%;
    margin-left: 51%;
    width: 35%;
    margin-bottom: 6%;
}
.con3item1 {
    margin-top: 2%;
    margin-left: 0%;
}
.con3itemtop3rditem {
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    border-radius: 4vw;
    height: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.3%;
    color: #00000045;
}
.con3item1ab {
    width: 63.3776%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -11%;
}

.con3item2top {
    margin-top: 6%;
    margin-left: -32%;
    width: 50%;
}
.con3item2top2nd {
    margin-top: 2%;
    margin-left: -39%;
}
.con3item2top3rd {
    margin-top: 2%;
    margin-left: -46%;
    width: 35%;
    margin-bottom: 6%;
}
.con3item2ab {
    width: 66.4409%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: -2%;
    bottom: 0;
}
.con3item2 {
    margin-top: 1%;
    margin-left: 0%;
}
.con3item3ab {
    width: 49.2726%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    border-radius: 2vw;
    overflow: hidden;
    height: 100%;
    left: 0;
}
.con3item3top2nd {
    margin-top: 2%;
    margin-left: 53%;
}
.con3item1 .con3itemtop3rditemon{
    background: var(--fc);
}
.con3item1 .con3itemtop3rditemon p{
    color: var(--sc);
}

.con3item2 .con3itemtop3rditemon{
    background: var(--mc);
}
.con3item2 .con3itemtop3rditemon p{
    color: white;
}

.con3item3 .con3itemtop3rditemon{
    background: var(--sc);
}
.con3item3 .con3itemtop3rditemon p{
    color: white;
}


.con3itemtop3rditem{
    transition: 0.3s all;
}
.con3itemtop3rditem p{
    transition: 0.3s all;
}

.con3item3 {
    margin-top: 1%;
    margin-left: 0%;
}
.con3 {
    background: white;
    padding-bottom: 5%;
}

.con4top {
    margin-top: 6%;
    margin-left: 0%;
}

.con4top2nd {
    margin-top: 0.5%;
    margin-left: 0%;
}
.con4top3rd {
    margin-top: 2%;
    margin-left: 0%;
}
.con4top4thitem {
    margin-top: 0%;
    margin-left: 0%;
    width: 10%;
    text-align: center;
    padding: 0.5vw;
    margin: 0 0.4%;
}
.con4top4th {
    margin-top: 2%;
    margin-left: 0%;
}
.con4top4thitemon {
    background: var(--mc);
    color: white;
}
.con4top5th {
    margin-top: 2%;
    margin-left: 0%;
    width: 80%;
    border-radius: 2vw;
}
.con4top5thitem1 {
    margin-top: 0%;
    margin-left: 0%;
    width: 20vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 20vw;
    border-radius: 50%;
    align-items: center;
}
.con4top5thitem1top {
    margin-top: 0%;
    margin-left: 0%;
    width: 31%;
    text-align: center;
    padding: 0.2vw;
    border: 1px solid white;
    margin-bottom: 2%;
}
.con4top5thitem1top2nd {
    margin-top: 1%;
    margin-left: 0%;
}
.con4top5thitem1top3rd{
    width: 77%;
    height: 0.1vw;
    background: white;
    margin-top: 5%;
    margin-bottom: 8%;
}


.con4top5thitem2 {
    margin-top: 0%;
    margin-left: 0%;
    width: 20vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 20vw;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
}

.con4top5thitem2top2nd {
    margin-top: -4%;
    margin-left: 0%;
    margin-bottom: 20%;
}
.con4top5thitem2ab {
    width: 122.31%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 50%;
    z-index: 2;
}
.con4top5thitem2 {
    margin-top: 0%;
    margin-left: -4.3%;
}
.con4top5th {
    margin-left: 0%;
    padding-top: 5%;
    padding-bottom: 4%;
}
.con4top5thitem3ab {
    margin-top: 0%;
    margin-left: 0%;
    bottom: 101%;
    right: 0%;
}
.con4top5thitem3ab2 {
    margin-top: 0%;
    margin-left: 0%;
}

.con4top5thitem3 {
    margin-top: 0%;
    margin-left: 2%;
}
.con4top5th {
    border-radius: 2vw 2vw 0 0;
    margin-left: 0%;
    margin-bottom: 5%;
}

.con5top {
    margin-top: 14%;
    margin-left: 0%;
    width: 78%;
}
.con5top2nd {
    margin-top: 0.4%;
    margin-left: 0%;
    width: 78%;
}
.con5top3rd {
    margin-top: 2%;
    margin-left: 0%;
    width: 78%;
    margin-bottom: 13%;
}
.con5ab {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0;
}
.con05_right {
    margin-top: 0%;
    margin-left: 0%;
    width: 50%;
    left: 45%;
}

.con05_slide {
    margin-top: 0%;
    margin-left: 0%;
    width: 83%;
}
.con05_slide_img {
    margin-top: 0%;
    margin-left: 0%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.con05_slide_img {
    margin-top: 0%;
    margin-left: 0%;
    border-radius: 2vw;
    overflow: hidden;
}

.con05_slide_imgab {
    margin-top: 0%;
    margin-left: 0%;
    top: 11%;
}
.con05_slide_imgab2 {
    margin-top: 11%;
    margin-left: 0%;
    background: white;
    width: 83%;
}

.con05_slide {
    margin-top: 0%;
    margin-left: 0%;
    width: 90%;
}
.con05_slide_imgab2 {
    margin-top: 7%;
    margin-left: 0%;
    background: white;
    width: 83%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: black;
}
.con05_slide_imgab2top {
    margin-top: 4%;
    margin-left: 0%;
}

.con05_slide_imgab2top2nd {
    width: 89.3108%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
    margin-left: 0%;
    margin-bottom: 4%;
}

.con05_slide_imgab2ab {
    margin-top: 0%;
    margin-left: 0%;
    top: 103%;
    position: absolute;
    right: 0;
}

.con05_slide_imgab2top2ndab {
    width: 27.4016%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 4%;
}
.con05_slide {
    margin-top: 0%;
    margin-left: 0%;
    margin: 0;
}
.con05_right {
    margin-top: 0%;
    margin-left: 0%;
    width: 50%;
    left: 42%;
}

.con5 .con02_arr_prev {
    right: 97%;
    z-index: 2;
}


.con5 .con02_arr_next {
    left: 97%;
    z-index: 2;
}
.con05_slide_imgab2ab2nd {
    margin-top: 0%;
    margin-left: 0%;
    top: 13%;
    left: 14%;
    position: absolute;
}
.con05_slide_imgab2top2ndab2nd {
    width: 24.252%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 6%;
    top: 8%;
}

.con6top {
    width: 1.04987%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    margin-left: 0%;
}
.con6top2nd {
    margin-top: 1%;
    margin-left: 0%;
}
.con6top3rd {
    margin-top: 1.5%;
    margin-left: 0%;
    padding: 0.8vw 0;
    border-top: 1px solid var(--tc);
    border-bottom: 1px solid var(--tc);
}
.con6ab {
    width: 24.6719%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 0;
    top: 0;
    z-index: 2;
}
.con6top4th{
    margin-top: 4%;
    margin-bottom: 7%;
    z-index: 2;
}
.con6top4thitem {
    width: 21.5223%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin: 0 0.5%;
}
.con6ab2item{
    height: 100%;
    width: 0.1vw;
}
.mainab2{
    left: 3%;

}
.mainab21{
    left: 500%;
}
.mainab22{
    left: 1000%;
}


.con6ab2item2{
    height: 100%;
    width: 0.1vw;
}
.mainab2nd11{
    right: 3%;

}
.mainab2nd2{
    right: 500%;
}
.mainab2nd13{
    right: 1000%;
}

.con6ab2item3{
    width: 100%;
    height: 0.1vw;
}
.mainab3rd1{
    bottom: 3%;

}
.mainab3rd2{
    bottom: 500%;
}

.con7item2 {
    margin-top: 9%;
    margin-left: -23%;
}
.con7  .exlg{
    font-size: 7.1vw;

}
.con7 > .exlg{
    color: #6C6153;
}
.con7item3 {
    margin-top: 0.4%;
    margin-left: -57%;
}
.con7item4 {
    margin-top: 0%;
    margin-left: -37%;
    margin-bottom: 9%;
}
.con7item1{
    width: 19vw;
    right: 110%;
    background: #6C6153;
    height: 0.1vw;
    top: 52%;
}

.con72ab{
    width: 100%;
    height: 100%;
    background: white;
}
.con7item5{
    width: 19vw;
    left: 110%;
    background: #6C6153;
    height: 0.1vw;
    top: 52%;
}

.con7item5ab{
    width: 100%;
    height: 100%;
    background: white;
}


/* con10 */
.con10{
    padding: 6vw 0;
    background-color: #fffcf8;
}
.con10_title span{
    color: #a8874d;
}
.con10_title{
    margin-bottom: 1.5vw;
}
.con10_txt{
    text-align: center;
    font-size: 1.1vw;
    line-height: 1.3;
    margin-bottom: 2vw;
}
.con10_btnwrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 23vw;
}
.con10_btn{
    padding: 0.2vw;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.3s;
}
.con10_btn.on{
}
.con10_btn.on .con10_btntxt{
    color: var(--mc);
}
.con10_btn:hover{
}
.con10_btn:hover .con10_btntxt{
    color: var(--mc);
}
.con10_btntxt {
    width:10vw;
    text-align: center;
    font-size: 1.2vw;
    padding: 0.8vw 0;
    box-sizing: border-box;
    border: none;
    box-sizing: border-box;
    transition: 0.3s;
    border: 1px solid transparent;
}
.con10_slide{
    width: 18vw;
    border: 1px solid #000;
    background-color: #fcf6ee;
}
.con10_slide_img{
    width: 100% !important;
    height: 14.6vw;
    border-bottom: 1px solid #000;
    overflow: hidden;
}
.con10_slide_img img{
    height: 100%;
    object-fit: cover;
}
.con10_slide_txt{
    text-align: center;
    font-size: 1.1vw;
    font-weight: 700;
    padding: 1.3vw 0;
}
.swiper_con10{
    width: 78%;
    top: 47%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5vw);
    transition: 0.5s;
}
.swiper_con10.on{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.con10_03{
    width: 2.99213%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 60%;
    z-index: 5;
}
.swiper_con10_prev{
    left: 6%;
}
.swiper_con10_next{
    right: 6%;
    transform: rotateY(180deg);
}
.con10_01{
    width: 17.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 10%;
}
.con10_02 {
    width: 15.853%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -2%;
    bottom: 11%;
}

.swiper-slide{
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.con7con {
    margin-top: 0%;
    margin-left: 0%;
    width: 93%;
    border-radius: 2vw 2vw 0 0;
}
.con7contop {
    margin-top: 7%;
    margin-left: 0%;
}
.con10_btn.on .con10_btntxt {
    color: var(--mc);
    border: unset;
}
.con10_btn.on::after{
    content: '';
    border-bottom: 2px solid var(--mc);
    width: 2vw;
    position: absolute;
    bottom: 0;
}

.con10_btnwrap {
    margin-top: 3%;
    margin-left: 0%;
    border: 1px solid #00000026;
    border-left: unset;
    border-right: unset;
    width: 75%;
}


.con10_btn {
    background-color: unset !important;
    border: unset !important;
    position: relative;
    display: flex;
    justify-content: center;align-items: center;
}
.con10_slide {
    width: 22vw;
    border: 1px solid #00000026;
    background-color: #fcf6ee;
    border-radius: 2vw;
    overflow: hidden;
}


.con10_slide {
    width: 22vw;
    border: 1px solid #00000026;
    background-color: white;
    border-radius: 2vw;
    overflow: hidden;
}

.con10_btnwrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28vw;
}

.swiper {
    margin-top: -1%;
    margin-left: 0%;
}

.con7conab{
    bottom: 0;
}

.con7ab {
    width: 18.0577%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -9%;
    left: -3%;
    z-index: 2;
}
.con7ab2 {
    width: 23.8845%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
    right: 25%;
}
.con7ab3 {
    width: 13.0184%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -9%;
    right: 0;
}
.con7ab4 {
    width: 27.1391%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 0;
    top: 38%;
}
.con7ab5 {
    width: 47.8215%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 3;
    right: 0;
    top: 10%;
}

.con8ab {
    width: 50.3937%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 0;
}


.con8top {
    margin-top: 11%;
    margin-left: 0%;
    z-index: 1;
    width: 79%;
}
.con8top2nd {
    margin-top: 1%;
    margin-left: 0%;
    width: 79%;
    z-index: 2;
}
.con8top3rd {
    margin-top: 2%;
    margin-left: 0%;
    width: 79%;
    z-index: 2;
}
.con8top4th {
    margin-top: 3%;
    margin-left: -66%;
    margin-bottom: 15%;
    z-index: 2;
}
.con8top4thab {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 92%;
    top: 22%;
}
.con8top4thab2 {
    margin-top: 3%;
    margin-left: 0%;
    text-align: center;
}
.con8top4thab2 {
    margin-left: 0%;
    left: 19%;
}
.con8ab {
    width: 50.3937%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 0;
    z-index: 1;
}

.con08_right {
    margin-top: 0%;
    margin-left: 0%;
    width: 65%;
    top: 15%;
    left: 50%;

}


.con08_right2nd {
    margin-top: 0%;
    margin-left: 0%;
    width: 65%;
    bottom: 25%;
    left: 50%;
}
.con8abprv {
    width: 49.7113%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.con8{
    background: #FFFBF1;
}

.con12{
    background: #FFFBF1;
}

.con08_slide_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
}
.con9topscr{
    padding: 1vw 0;
}

.con4top5thitem3 {
    margin-top: 0%;
    width: 30%;
}
.con4top5thitem3 {
    width: 31.6273%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 3%;
}
.con8top4thab2nd {
    margin-top: 0%;
    margin-left: 0%;
    top: 102%;
}
.con4top5th {
    margin-left: 0%;
    padding-top: 5%;
    padding-bottom: 6%;
    margin-bottom: 0;
}
.con9top {
    margin-top: 6%;
    margin-left: 0%;
}
.con9top2nd {
    margin-top: 0.4%;
    margin-left: 0%;
}
.con9top3rd {
    margin-top: 1%;
    margin-left: 0%;
}
.orange{
     color: #F4EDD9;
}
.con9top4th {
    margin-top: 0%;
    margin-left: 0%;
    width: 77%;
    margin-top: 3%;
    margin-bottom: 5%;
    border-radius: 2vw;
}
.con9top4thitem{
    transition: 0.4s all;
}
.con9top4thitem {
    margin-top: 0%;
    margin-left: 0%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.con9top4thitemtop {
    margin-top: 2%;
    margin-left: 0%;
    color: #F4EDD9;
    width: 12vw;
    text-align: center;
}
.con9top4thitem {
    margin-top: 0%;
    margin-left: 0%;
    height: 28vw;
    width: 12vw;
}
.con9top4thitemtop {
    margin-top: 2%;
    margin-left: 0%;
    color: #F4EDD9;
    width: 15vw;
    text-align: center;
}
.con9ab {
    width: 39.895%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -12%;
    right: 0;
}
.con9top4thitemtop2nd {
    margin-top: 49%;
    text-align: center;
    vertical-align: bottom;
    writing-mode: sideways-lr;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 41%;
}
.con9top4th {
    overflow: hidden;
}
.con9top4thitemon {
    background: white;
    width: 53vw;
}
.con9top4thitemon .con9top4thitemtop {
    margin-left: 76%;
    opacity: 0.4;
    color: #EF7323;
    text-align: center;
    margin-top: 0;
}

.con9top4thitem1ontop {
    margin-top: 0%;
    margin-left: 0%;
    opacity: 0;
    top: 17%;
    transform: translateY(-30%);
    left: 8%;
}
.con9top4thitemon .con9top4thitem1ontop2nd{
    opacity: 1;
    transform: translateY(0);
}
.con9top4thitem1ontop2nd {
    margin-top: 0%;
    margin-left: 0%;
    opacity: 0;
    transform: translateY(30%);
    top: 30%;
    left: 9%;
}

.con9top4thitem1onscrx {
    top: 53%;
    width: 140%;
}


.con9top4thitemon .con9top4thitem1onscrx{
    opacity: 1;
    transform: translateY(0);
}
.con9top4thitem1onscrx {
    opacity: 0;
    transform: translateY(50%);
}


.con9top4thitem{
    overflow: hidden;
}
.con9top4thitem .absol {
    opacity: 0;
    transform: translateY(50%);
    /* 나갈 때는 딜레이 0s */
    transition: all 0.3s ease 0s;
}
.con9top4thitemon .absol {
    opacity: 1;
    transform: translateY(0);
    /* 들어올 때의 속도(0.4s)와 딜레이(0.4s)를 덮어씌움 */
    transition-duration: 0.4s;
    transition-delay: 0.4s;
}
.con9top4thitem1ontop2nd {
    margin-top: 0%;
    margin-left: 0%;
    width: 307%;
}
/* 첫 번째 텍스트 */
.con9top4thitemon .con9top4thitem1ontop { transition-delay: 0.2s; }

/* 두 번째 텍스트 */
.con9top4thitemon .con9top4thitem1ontop2nd { transition-delay: 0.3s; }

/* 세 번째 스크롤 이미지 */
.con9top4thitemon .con9top4thitem1onscrx { transition-delay: 0.4s; }



/* 두 번째 텍스트 */
.con9top4thitemon .con9top4thitem1ontop4th { transition-delay: 0.3s; }
.con9top4thitem1ontop4th{
    width: 30.396%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;

    left: -8%;
}
.con9top4thitem .con9top4thitem1ontop4th{
    transform: translateY(0%) translateX(-30%) !important;

}
/* 첫 번째 텍스트 */
.con9top4thitemon .con9top4thitem1ontop4th {
    transition-delay: 0.2s;
    transform: translateY(0%) translateX(0%) !important;
}


.con9top4thitem3 .con9top4thitem1ontop3rd {
    width: 66.3366%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 58%;
    left: 27%;
}
.con9top4thitem3 .con9top4thitem1ontop2nd{
    margin-top: 0%;
    margin-left: 0%;
    left: 27%;
}
.con9top4thitem3 .con9top4thitem1ontop {
    margin-top: 0%;
    margin-left: 0%;
    opacity: 0;
    top: 17%;
    transform: translateY(-30%);
    left: 26%;
}


.con02_slide_img {
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
}
.con9top4thitem1ontop4th {
    width: 30.396%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -8%;
    bottom: 0;
}

.con100{

}
.con10con {
    width: 96%;
    margin-top: 2%;
    overflow: hidden;
    border-radius: 2vw 2vw 0 0;
    border: 1px solid black;
}
.con10top {
    margin-top: 5%;
    margin-left: 0%;
    z-index: 1;
}
.con10top2nd {
    margin-top: 0.5%;
    margin-left: 0%;
    z-index: 1;
}
.con10top3rd {
    width: 80%;
    margin-top: 0%;
    margin-left: 0%;
    flex-wrap: wrap;
}
.con10top3rditem {
    margin-top: 0%;
    margin-left: 0%;
    width: 39%;
    position: relative;
    background: white;
    border: 1px solid #0000003b;
    margin: 0.5% 0.5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.con10top3rditemtop {
    margin-top: 6%;
    margin-left: 0%;
    width: 80%;
}

.con10top3rditemtop2nd {
    margin-top: 3%;
    margin-left: 0%;
    width: 79%;
    white-space: nowrap;
}
.con10top3rditemtop3rd {
    margin-top: 0%;
    margin-left: 0%;
    padding: 1vw 1.4vw;
    width: 82%;
    margin-top: 3%;
    margin-bottom: 4%;
    background: #F0F0F0;
    border-radius: 1vw;
}
.con10top3rd {
    margin-top: 3%;
    margin-left: 0%;
    margin-bottom: 6%;
}


.con10top3rditemon {
    background: var(--tc);

}
.con10top3rditemon > .con10top3rditemtop{
    color: var(--fc);
}
.con10top3rditemon > .con10top3rditemtop2nd{
    color: white;
}
.con10top3rditemon > .con10top3rditemtop3rd{
    background: white;
}
.con10top3rditem> div,.con10top3rditem{
    transition: 0.3s all;
}
.con10top3rditemab1 {
    width: 34.676%;
    display: flex;
    animation: ddm_m 2s infinite;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -17%;
    right: 84%;
}

.con10top3rditemab2 {
    width: 40.9807%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    animation: ddm_m 2s infinite;
    right: -20%;
    top: -9%;
}
.con10top3rditemab3 {
    width: 30.8231%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: ddm_m 2s infinite;
    margin-top: 0%;
    margin-left: 0%;
    top: 87%;
    right: 86%;
}
.con10top3rditemab4 {
    width: 33.6252%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: ddm_m 2s infinite;
    margin-top: 0%;
    margin-left: 0%;
    top: 87%;
    left: 76%;
}
.con10top3rditem1{
    margin-left: 4%;
}
.con11item {
    margin-top: 0%;
    margin-left: 0%;
    overflow: hidden;
    height: 45vw;
}
.con11itembg {
    width: 302.362% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
}
.con11itemtop {
    width: 25.5118%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 1;
    position: absolute;
    top: 37%;
    transition: 0.3s all;
}
.con11top3rditemtop {
    margin-left: 0%;
    position: absolute;
    text-align: center;
    top: 43%;
    transition: 0.3s all;
    z-index: 1;
}
.con11top3rditemtop2nd {
    margin-left: 0%;
    position: absolute;
    transition: 0.3s all;
    z-index: 1;
    color: white;
    text-align: center;
    top: 54%;
}

.con11top3rditemtop {
    margin-left: 0%;
    position: absolute;
    text-align: center;
    top: 46%;
    transition: 0.3s all;
    z-index: 1;
}
.con11item > div, .con11item{
    transition: all 0.3s;
}
.con11itembgon{
    z-index: 1;
    opacity: 0;
}
.con11itemon .con11itembgon{
    opacity: 1;
}
.con11itemon .con11itemtop{
    top: 27%;
}
.con11itemon .con11top3rditemtop{
    top: 36%;
}
.con11itemon .con11top3rditemtop2nd{
    top: 45%;
}
.con11itemon .con11top3rditemtop3rd{
    opacity: 1;
}
.con11top3rditemtop3rd {
    margin-top: 0%;
    margin-left: 0%;
    z-index: 1;
    top: 60%;
    width: 77%;
    opacity: 0;
    border-bottom: 1px solid white;
}
.con11top3rditemtop3rditem {
    margin-top: 0%;
    margin-left: 0%;
    border-top: 1px solid white;
    padding: 0.6vw 0;
}
.con11top3rditemtop3rditem{
    transition: 0.3s all;
}
.con11top3rditemtop3rditemon{
    background: rgba(255, 255, 255, 0.18);
}

.con11top3rditemtop3rditem {
    transition: 0.3s all;
}



.con11item2.con11itemon .con11itemtop {
    top: 6%;
}
.con11item2.con11itemon .con11top3rditemtop {
    top: 15%;
}
.con11item2.con11itemon .con11top3rditemtop2nd {
    top: 23%;
}
.con11item2.con11itemon .con11top3rditemtop3rd {
    top: 35%;
}
.con11top3rditemtop4th{
    opacity: 0;
    top: 45%;
    z-index: 2;
}
.con11item2.con11itemon .con11top3rditemtop4th {
    width: 72.126%;
    display: flex;
    opacity: 1;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 55%;
}

.con12top{
    margin-top: 6%;
    margin-left: 0%;
}

.con12top2nd{
    margin-top: 0.4%;
    margin-left: 0%;
}

.swiper.swiper_con11.absol{
    position: relative;
}
.swiper.swiper_con11.absol {
    position: relative;
    width: 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    margin-top: 3%;
    margin-bottom: 8%;
    height: 25vw;
}

.con11_slide {
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    height: 100%;
}
.con11_slide  div{
    width: 100%;
    height: 100%;
}

.con11_slide  div  iframe{
    width: 100%;
    height: 100%;
}
.con12bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0%;
}

.con13top {
    margin-top: 6%;
    margin-left: 0%;
    z-index: 1;
}

.con13top2nd {
    margin-top: 0.5%;
    margin-left: 0%;
    z-index: 1;
    text-align: center;
}
.con13top3rd {
    margin-top: 1%;
    margin-left: 0%;
    z-index: 1;
    text-align: center;
    margin-bottom: 4%;
}
.con132nditem1 {
    width: 28.5039%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
}.con132nditem3 {
     width: 28.5039%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     margin-top: 0%;
     margin-left: 0%;
 }

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

.con132nditem3top2nd {
    margin-top: 2%;
    margin-left: 0%;
    margin-bottom: 5%;
}
.con132nditem2 {
    width: 7.1916%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin: 0 3%;
}

.con132nditemtypeA {
    margin-top: 7%;
    margin-left: 0%;

}
.con132nditemtypeB{
    margin-top: 7%;
    margin-left: 0%;
    flex-direction: row-reverse;
}


.con132nditemtypeB .con132nditem3 {
    align-items: flex-end;
    text-align: right;
}

.con132nditem1ab {
    width: 53.9739%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 84%;
    right: 1%;
}

.con132nditem3ab {
    width: 85.474%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -54%;
    top: -206%;
}
.con132nd{
    padding-bottom: 13%;
}
.con132ndline{
    height: 100%;
    background: rgba(0, 0, 0, 0.42);
    width: 0.015vw;
}
.con132nditemtypeA:last-child {
    margin-bottom: 16%;
}

.con14top {
    width: 14.2257%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    margin-left: 0%;
}
.con14top2nd {
    margin-top: 1%;
    margin-left: 0%;
    z-index: 1;
}
.con14top3rd{
    margin-top: 3%;
    margin-left: 0%;
    margin-bottom: 2.7%;
}
.con14top3rd {
    margin-left: 0%;
    z-index: 1;
    text-align: center;
}
.con14top3rd p {
    margin-bottom: 6%;
}

/* =========================================
   인테리어 & 익스테리어 반반 스와이퍼
========================================= */
.con_inout {
    width: 100vw;
    height: 40vw; /* 섹션 전체 높이 (필요시 조절) */
    background-color: #1f1f1f; /* 레퍼런스 느낌의 어두운 배경 */
    overflow: hidden;
}

/* 반반 나누기 */
.inout_half {
    width: 50vw;
    height: 100%;
}

.inout_swiper_left,
.inout_swiper_right {
    width: 100%;
    height: 32vw; /* 라벨이 들어갈 하단 여백을 위해 높이 축소 */
    margin-top: 3vw;
}
.inout_swiper_left .swiper-slide, .inout_swiper_right .swiper-slide {
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0.4;
    transform: translateY(9%);
}
/* 중앙에 온 활성 슬라이드만 크고 밝게 */
.inout_swiper_left .swiper-slide-active,
.inout_swiper_right .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

/* 이미지 꽉 차게 */
.inout_swiper_left .swiper-slide img,
.inout_swiper_right .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0.5vw 0.5vw 1.5vw rgba(0, 0, 0, 0.4); /* 입체감 그림자 */
}

/* 하단 INTERIOR / OUTERIOR 라벨 */
.inout_label {
    bottom: 0vw;
    left: 50%;
    transform: translateX(-50%);
    width: 16vw; /* 라벨 이미지 크기 */
    z-index: 10;
}

.inout_label img {
    width: 100%;
    display: block;
}

.inout_swiper_left, .inout_swiper_right {
    width: 100%;
    height: 24vw;
    margin-top: 3vw;
}


.con142nd2nd{
    margin-top: 7%;
    margin-bottom: 15%;
}
.inout_label {
    width: 19.9475%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 110%;
    left: 26%;
}
.inout_label2 {
    width: 19.9475%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 110%;
    right: 36%;
}
.inout_swiper_left, .inout_swiper_right {
    width: 100%;
    height: 24vw;
    margin-top: -2vw;
    padding: 5vw 0;
    margin-bottom: -5vw;
}

.inout_swiper_left .swiper-slide-next{
    transform: translateY(-9%);
}


.inout_swiper_right .swiper-slide-prev{
    transform: translateY(-9%);
}

.inout_label2nd {
    margin-top: 0%;
    margin-left: 0%;
    top: 119%;
    left: 26%;
}
.inout_label22nd {
    margin-top: 0%;
    margin-left: 0%;
    top: 119%;
    right: 26%;
    text-align: right;
}

.inout_label {
    width: 19.9475%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 106%;
    left: 26%;
}



.inout_label2 {
    width: 19.9475%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 106%;
    right: 26%;
}

.inout_label {
    bottom: unset;
    transform: unset;
}

.con15top {
    margin-top: 0%;
    margin-left: 0%;
    z-index: 1;
    margin-top: 12%;
    width: 74%;
}
.con15top2nd {
    margin-top: 0.4%;
    margin-left: 0%;
    z-index: 1;
    width: 74%;
}

.con15top2ndab {
    width: 1.34826%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 42%;
    bottom: 90%;
}
.con15top3rd {
    margin-top: 8%;
    margin-left: 0%;
    z-index: 1;
    margin-left: 40%;
    margin-bottom: 5%;
}
.con15top3rd p{
    margin-bottom: 5%;
}

.con15ab {
    width: 17.2703%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 8%;
    left: 47%;
}

.con15lineitem2{
    width: 100%;
    height: 0.015vw;
    background: black;
}
.con15lineitem{
    height: 100%;
    width: 0.015vw;
    background: black;
}
.con15line{
    left: 47%;
}
.con15line2{
    left: 47.5%;
}
.con15line3{
    left: 48%;
}
.con15line4 {
    right: 5%;
}


.con15line5 {
    top: 42%;
}
.con15line6{
    top: 43.5%;

}


.con15top3rd {
    margin-top: 8%;
    margin-left: 0%;
    z-index: 1;
    margin-left: 44%;
    margin-bottom: 5%;
}

/* 달빛 이미지에 애니메이션 적용 */
.con15ab {
    /* 4초 동안 무한 반복, 부드럽게 커졌다 작아지는(alternate) 효과 */
    animation: moonGlow 2s infinite alternate ease-in-out;
}


.con16bot{

}
/* 은은하게 빛나는 키프레임 정의 */
@keyframes moonGlow {
    0% {
        opacity: 0.8;
        /* 빛 번짐 최소화, 밝기 살짝 낮춤 */
        filter: drop-shadow(0 0 10px rgba(255, 255, 220, 0.2)) brightness(0.9);
        transform: scale(0.98); /* 아주 살짝 작아진 상태 */
    }
    100% {
        opacity: 1;
        /* 빛 번짐 확장 (달빛 특유의 은은한 노란/흰빛), 밝기 높임 */
        filter: drop-shadow(0 0 35px rgba(255, 255, 220, 0.8)) brightness(1.1);
        transform: scale(1); /* 원래 크기 */
    }
}


.con16ab {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0;
}
.sf p{
    letter-spacing: -0.15vw;
}

.con16top {
    margin-top: 7%;
    margin-left: 0%;
    margin-bottom: 6%;
}

.notice_ticker_wrap{
    background:  #EBE4CE;
}
/* 롤링 띠 배너 전체 래퍼 */
.notice_ticker_wrap {
    width: 100vw;
    background-color: #EBE4CE; /* 👈 요청하신 배경색으로 변경 완료 */
    overflow: hidden;
    white-space: nowrap;
    padding: 1vw 0;
    display: flex;
}

/* 움직이는 트랙 */
.notice_ticker_track {
    display: flex;
    align-items: center;
    animation: rollingTicker 20s linear infinite;
}

/* 텍스트 그룹 및 아이템 정렬 */
.ticker_text {
    display: flex;
    align-items: center;
}

.ticker_text p {
    margin: 0;
    /* tc 클래스 색상이 적용되도록 기존 color 속성은 삭제했습니다! */
}

/* 가운데 점(·) 간격 세팅 */
.ticker_text span {
    margin: 0 2vw;
    font-weight: bold;
}

/* 무한 루프 애니메이션 키프레임 */
@keyframes rollingTicker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.con172ndtop {
    width: 12.3885%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7%;
    margin-left: 0%;
    z-index: 1;
}
.con172ndtop2nd {
    margin-top: 0.5%;
    margin-left: 0%;
    z-index: 1;
}
.con172ndtop3rd{
    overflow: hidden;
    width: 76%;
    border-radius: 2vw;
    margin-top: 2%;
}
.con172ndtop3rdtopprv {
    width: 21.9571%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    margin-left: 0%;
}
.con172ndtop3rdtopitem {
    width: 21.6118%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin: 0.5% 2.4%;
}
.con172ndtop3rdtop{
    margin-top: 3%;
    margin-bottom: 5%;
}
.con172ndtop3rdtopitemab {
    width: 9.28023%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 106%;
}

.con172ndtop4th{
    overflow: hidden;
    width: 76%;
    border-radius: 2vw;
    margin-top: 2%;
    background: white;
}

/* =========================================
   창업 비용 테이블 영역
========================================= */
.cost_table_wrap {
    width: 80vw; /* 필요에 따라 100vw 등으로 조절 가능 */
    margin: 0 auto;
}

/* 10평 매장 기준 텍스트 */
.cost_top_label {
    text-align: right;
    color: #666;
    margin-bottom: 0.8vw;
}

/* 테이블 기본 뼈대 */
.cost_table {
    border-top: 0.1vw solid #e5e5e5;
    border-bottom: 0.1vw solid #333; /* 하단 짙은 선 */
}

.cost_row {
    display: flex;
    align-items: center;
    border-bottom: 0.05vw solid #e5e5e5;
    padding: 1.2vw 0;
    text-align: center;
}

.cost_row p {
    margin: 0;
}

/* 테이블 헤더 패딩 세부 조절 */
.cost_header {
    padding: 1vw 0;
}

/* 각 열(Col) 너비 및 정렬 세팅 */
.cost_col.col1 {
    width: 20%;
}
.cost_col.col2 {
    width: 60%;
    text-align: left; /* 내용은 좌측 정렬 */
    padding-left: 2vw;
    box-sizing: border-box;
}
.cost_col.col3 {
    width: 20%;
}

/* 취소선 및 일시적 면제 뱃지 정렬용 */
.justify-center { justify-content: center; }
.align-center { align-items: center; }

.strike_text {
    text-decoration: line-through;
    color: #a0a0a0;
    margin-right: 0.5vw !important;
}

.free_badge {
    height: 1.6vw; /* 뱃지 이미지 크기 (반응형 vw) */
    display: block;
}

/* 합계 행 세팅 */
.cost_total_row {
    padding: 1.5vw 0;
}

.total_price {
    font-size: 2.5vw; /* 합계 금액 폰트 강조 */
    margin: 0 1vw !important;
}

/* 하단 공사 별도 사항 텍스트 */
.cost_disclaimer {
    margin-top: 1.5vw;
    text-align: left;
    color: #555;
    line-height: 1.6;
}
.cost_disclaimer p {
    margin: 0 0 0.3vw 0;
}
.cost_table_wrap {
    margin-top: 5%;
    width: 52vw;
    margin: unset;
    margin-top: 0%;
}
.cost_total_row {
    padding: 0.5vw 0;
}
.cost_row {
    display: flex;
    align-items: center;
    border-bottom: 0.05vw solid #e5e5e5;
    padding: 0.7vw 0;
    text-align: center;
}
.cost_disclaimer {
    margin-top: 0.5vw;
    text-align: left;
    color: #555;
    line-height: 1.6;
}
.con172ndtop4thtop {
    width: 21.9571%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    margin-left: 0%;
}
.cost_table_wrap {
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 3%;
}
.con172ndtop4th {
    margin-left: 0%;
    margin-bottom: 6%;
}
.con172ndab {
    width: 20.8399%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 1;
    left: 0;
    top: 9%;
}

.con172ndab2 {
    width: 19.6325%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 2%;
    z-index: 1;
    right: 0;
}
.strike_textab {
    width: 52.9468%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 75%;
}
.strike_textab2 {
    background: red;
    width: 57%;
    height: 0.015vw;
}

.con18top {
    margin-top: 0%;
    margin-left: 0%;
    z-index: 2;
    color: white;
    margin-top: 14%;
    width: 77%;
    pointer-events: none;
}
.con18top2nd {
    margin-top: 2%;
    margin-left: 0%;
    z-index: 1;
    color: white;
    width: 77%;
}
.con18top3rd {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    margin-left: -57%;
    margin-bottom: 14%;
}





.con18_con_box.right{
    background: rgba(0, 0, 0, 0.76);
    background-size: cover;
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: center;
}


/* form1 - start */
.form_col .dot {
    color: #fff;
    top: 23%;
    font-weight: 700;
    font-size: 1.2vw;
}
div.form_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1vw;
}
.form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.5vw;
}
.form {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "SUIT-Regular";
    gap: 1vw;
}
.form_input {
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    color: #000;
    background-color: #fff;
    padding-left: 1vw;
}
.form_input_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid rgba(221, 221, 221, 0.8); */
    padding-left: 1vw;
}

.form label {
    white-space: nowrap;
}
/* .form_input_box > label {
  font-family: "SF_HambakSnow";
} */
.form_input_01,
.form_input_02,
.form_input_03,
.form_input_04,
.form_input_05,
.form_input_06 {
    width: 70%;
}
.form_input_06 {
    /* width: 70%; */
    height: 100%;
    box-sizing: border-box;
    padding: 0 1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    /* background: url(/images/con01_02.png) no-repeat; */
    background-size: 3%;
    background-position: 90%;
    cursor: pointer;
}
.form_check_wrap {
    width: 70%;
    display: flex;
    justify-content: start;
    align-items: center;
}
.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: #f5c471;
    color: white;
    border-color: #01053e;
    font-family: "SUIT-SemiBold";
}
.agree_text {
    cursor: pointer;
}
.form_check_wrap01 input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.footeer_agree_checkbox_01,
.footeer_checkbox_05,
.footeer_checkbox_06 {
    width: 0.8vw;
    height: 0.8vw;
    outline: 1px solid #fff;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 0.5vw;
}
.footeer_agree_checkbox_01:checked::before,
.footeer_checkbox_05:checked::before,
.footeer_checkbox_06:checked::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: var(--mc);
    border-radius: 50%;
    scale: 0.7;
}
.footeer_agree_checkbox_01 {
    border-radius: 0%;
}
.footeer_agree_checkbox_01:checked::before {
    border-radius: 0%;
}
.footeer_checkbox_05 {
    margin-right: 0.5vw;
}
.form_check_name_05,
.form_check_name_06 {
    margin-right: 4vw;
    font-size: 1.1vw;
}
.form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9vw;
    margin: 0.7vw 0 1.5vw;
}
.form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    background-color: var(--mc);
    padding: 1vw 0;
    font-family: var(--sf);
    font-size: 1.3vw;
}
.form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    padding-bottom: 0.5vw;
}
.form_star {
    top: 14%;
    left: 0.3vw;
    color:var(--mc);
}
.form_star_top {
    top: -25%;
    left: 19.4vw;
}
.form_col select {
    color: #0000007a;
}

/* form1 - end */

.con18_con_box.right {
    background: rgba(0, 0, 0, 0.76);
    background-size: cover;
    display: flex;
    align-items: center;
    width: 37%;
    justify-content: center;
    top: 0%;
    right: 14%;
    height: 100%;
}

.form {
    width: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "pretendard variable";
    gap: 1vw;
}
.form_col .dot {
    color: var(--mc);
    top: 23%;
    font-weight: 700;
    font-size: 1.2vw;
}

.form_input {
    border-radius: 0.5vw;
}

.form_submit_div {
    margin-top: -4%;
    margin-left: 0%;
    border-radius: 0.5vw;
}
/* 1. 평소 상태 (안 보일 때)
   - 사라질 때는 딜레이 없이 즉시(0s) 리셋되어야 다음 번에 또 꽝! 하고 나옵니다.
*/
.con05_slide .con05_slide_imgab2top2ndab2nd,
.con05_slide .con05_slide_imgab2top2ndab {
    opacity: 0;
    transform: scale(3); /* 더 커진 상태에서 시작 (임팩트 강화) */
    transition: all 0s; /* 사라질 땐 순식간에 초기화 */
}

/* 2. 활성 상태 (꽝! 박히는 애니메이션) */
.con05_slide .swiper-slide-active .con05_slide_imgab2top2ndab2nd,
.con05_slide .swiper-slide-active .con05_slide_imgab2top2ndab {
    opacity: 1;
    transform: scale(1); /* 원래 크기로 */

    /* 쾅! 하고 튕기는 탄성 효과 (duration 0.6s) */
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 3. [핵심 수정] 딜레이 대폭 추가
   - 슬라이드 속도가 2초이므로, 절반 정도 왔을 때부터 애니메이션 시작
*/

/* 첫 번째 요소 (0.8초 대기 후 쾅!) */
.con05_slide .swiper-slide-active .con05_slide_imgab2top2ndab {
    transition-delay: 0.8s;
}

/* 두 번째 요소 (1.0초 대기 후 쾅!) */
.con05_slide .swiper-slide-active .con05_slide_imgab2top2ndab2nd {
    transition-delay: 1.0s;
}
.con18top2nd {
    margin-top: 2%;
    margin-left: 0%;
    pointer-events: none;
    z-index: 1;
    color: white;
    width: 77%;
    line-height: 1.5;
}
.con4top5thitem3ab2 {
    margin-top: 0%;
    margin-left: 0%;
    top: 103%;
}

.con4top5th2nd {
    margin-left: 0%;
    bottom: 0;
}

.con4top5thitem3ab3{
    bottom: 10%;
    right: 15%;
}

.con4top5thitem3ab3 {
    bottom: 6%;
    right: 9%;
}

.con8top4th {
    width: 13.5433%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con8top4thab2 {
    top: 101%;
}

.swiper.swiper_con11.absol {
    position: relative;
    width: 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: unset;
    margin-top: 3%;
    margin-bottom: 8%;
    height: 29vw;
}
.introtop{
    height: 48vw;
}

.maintop2nd {
    margin-left: 0%;
    width: 65%;
    margin-top: 2%;
}
.intro{
    background: rgba(0, 0, 0, 0.57);
}
.introtop {
    height: 48vw;
    overflow: hidden;
}
.main{
    clip-path: circle(0% at 50% 50%)
}
.sf .line{
    overflow: hidden;
}

.con1righttop2nd .try2 {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}


.con2top > p .word {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}


.con5top2nd .word {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}



.con72ab {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}

.con7topab .word{
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}


.con7top2ndab .word{
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}


.con7top3rdab .word{
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}



.con7item5ab {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}

.con8top2nd .word {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}

.con15top2nd .word {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    /* 초기 상태: 너비가 0인 왼쪽 직선 상태 */
}







.con4top5thitem3ab3 {
    bottom: 5%;
    right: 9%;
}
.con05_slide_imgab {
    margin-top: 0%;
    margin-left: 0%;
    top: 11%;
    width: 50vw;
    text-align: center;
}
.con9top4thitemon .con9top4thitem1ontop{
    opacity: 1;
    transform: translateY(0);
}

/* 빨간 취소선 (처음엔 너비 0) */
.strike_textab2 {
    top: 50%;
    left: 50%; /* 가운데 정렬을 위해 */
    transform: translate(-50%, -50%); /* 정중앙 배치 */
    width: 0%; /* 애니메이션으로 100% 될 예정 */
    height: 0.15vw; /* 선 두께 */
    background-color: #ff0000; /* 빨간색 */
    z-index: 1; /* 글자 위에 올라오게 */
    pointer-events: none;
}

/* 도장 이미지 (초기엔 안 보임) */
.free_badge {
    transform-origin: center center;
    /* GSAP가 제어할 거라 여기선 기본만 둡니다 */
}

/* 금액 텍스트 정렬 보정 */
.cost_col.col3.rltv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4top4thitem{
    cursor: pointer;
}

.mobile-pc { display: none !important; }
/* =========== B=reakpoints ============ */
@media screen and (max-width: 1023px) {
    .pc        { display: none; }
    .tablet    { display: flex; }
    .pc-mobile { display: none; }
    .mobile-pc { display: flex; }
}
@media screen and (max-width: 599px) {
    .tablet { display: none; }
    .mobile { display: flex; }
    .mobile-pc { display: flex !important; }
    .pc-mobile{
        display: none !important;
    }




    /* form */
    .form_col .dot {
        top: 15%;
        left: 0;
        font-size: 4vw;
    }
    .form_input{
        height: 85%;
    }
    .form_input_box {
        padding-left: 4vw;
    }
    div.form_wrap {
        width: 97%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        /* border-radius: 3.5vw; */
        padding-top: 10vw;
        padding-bottom: 10vw;
        font-size: 3.8vw;
        margin: 0 auto;
    }
    .form {
        width: 88%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-family: "SUIT-Regular";
    }
    .form_col {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 11vw;
    }

    .form_star {
        top: 14%;
        left: -0.7vw;
    }
    .form_star_top {
        top: -25%;
        left: 38.4vw;
    }
    .form_top {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 2.5vw;
    }
    .form_check_wrap01 label {
        width: fit-content;
        height: 4.5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        cursor: pointer;
        transition: all 0.3s;
        padding: 0 0.7vw;
    }
    .footeer_agree_checkbox_01,
    .footeer_checkbox_05,
    .footeer_checkbox_06 {
        width: 3vw;
        height: 3vw;
        border: none;
        cursor: pointer;
        appearance: none;
        background-color: transparent;
        border-radius: 50%;
        margin-right: 2vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footeer_agree_checkbox_01 {
        border-radius: 0%;
    }
    .footeer_agree_checkbox_01:checked::before {
        border-radius: 0%;
    }
    /* .footeer_checkbox_05 {
      margin-right: 12vw;
    } */
    .form_check_name_05,
    .form_check_name_06 {
        margin-right: 10vw;
        font-size: 3.8vw;
    }
    .form_agree_wrap {
        width: 100%;
        display: flex;
        /* justify-content: flex-start; */
        align-items: center;
        font-size: 2.9vw;
        margin: 3.5vw 0 8vw;
    }
    .form_submit_div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 4.5vw;
        padding: 3vw 0;
    }


    .introtop {
        margin-top: 16%;
        margin-left: 0%;
        width: 120%;
    }
    .introtop video {
        margin-bottom: 0;
    }
    .maintop {
        margin-top: 19%;
        margin-left: 0;
        text-align: center;
    }

    .maintop2nd {
        margin-left: 0%;
        text-align: center;
        margin-top: 6%;
        margin-bottom: 22%;
    }
    .mainab2item {
        height: 100%;
        width: 0.4vw;
    }
    .mainab {
        width: 78.7664%;
        display: flex;
        justify-content: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 0%;
        bottom: -14%;
    }
    .maintop2nd {
        margin-left: 0%;
        text-align: center;
        margin-top: 6%;
        margin-bottom: 54%;
    }


    .main{
        position: relative;
    }
    .maintop{
        position: relative;
    }
    .maintopab {
        width: 2.997375%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 81.5%;
        top: -9%;
    }
    .con1top {
        margin-top: 15%;
        margin-left: 0%;
    }
    .con1top2nd {
        margin-left: 0%;
        text-align: center;
        margin-top: 3%;
    }
    .con1top3rd {
        margin-top: 5%;
        margin-left: 0%;
        text-align: center;
    }
    .con1_right {
        margin-left: 0;
        margin-bottom: 7%;
        width: 90%;
    }
    .try {
        display: inline-block;
        transform: translateY(4vw);
        font-size: 15.5vw;
    }
    .con1_slide_contop2nd{
        white-space: nowrap;
    }
    .con1_rightab img{
            width: unset !important;
            max-width: 104%;
            min-width: 124%;
    }
    .con1rightitemborder {
        width: 65%;
        background: white;
        height: 0.03vw;
        margin-top: 5%;
        margin-bottom: 6%;
    }
    .try2 {
        transform: translateY(4vw);
        font-size: 12vw;
    }
    .con1righttop {
        margin-top: 13%;
        margin-left: 0%;
    }
    .con1righttopsp {
        white-space: nowrap;
    }
    .con1rightitemborder {
        width: 65%;
        background: white;
        height: 0.03vw;
        margin-top: -1%;
        margin-bottom: 2%;
    }
    .con1righttop2nd {
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 9%;
    }
    .con1_slide_contop2nd {
        white-space: nowrap;
        font-size: 9vw;
    }
    .con1_right {
        margin-left: 0;
        margin-bottom: 11%;
        width: 90%;
    }
    .con1right {
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
        height: 100%;
        left: unset;
        border-radius: 2vw;
        position: relative;
    }
    .con02_arr {
        width: 11.75956%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        top: 32%;
    }
    .con02_arr_prev {
        right: 91%;
        z-index: 2;
    }
    .con02_arr_next {
        left: 91%;
        z-index: 2;
    }
    .con2top {
        margin-top: 15%;
        text-align: center;
        margin-left: 0;
    }
    .con2top2nd {
        margin-top: 0%;
        margin-left: 0%;
        position: relative;
        left: unset;
        text-align: center;
        width: 100%;
    }
    .con2top2nd {
        margin-top: 4%;
        margin-left: 0%;
    }
    .con1_slide_contop2nd {
        white-space: nowrap;
        font-size: 9vw;
        width: 500%;
    }
    .con1_rightab2 {
        width: 130%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0;
    }
    .con02_right {
        margin-top: 7%;
        margin-left: 0;
        width: 100%;
        margin-bottom: 11%;
    }
    .con02_slide_imgtop {
        margin-top: 0%;
        margin-left: 0%;
        height: 8.5vw;
    }
    .con2ab {
        width: 30.4462%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 0;
        z-index: 2;
        display: none;
    }
    .con3top {
        height: 8vw;
        width: 0.03vw;
        background: var(--tc);
        margin-top: 9%;
    }
    .con3top4th {
        margin-top: 5%;
        margin-left: 0%;
        text-align: center;
    }
    .con3top2nd {
        margin-top: 4%;
        margin-left: 0%;
    }
    .con3itemtop {
        margin-top: 11%;
        margin-left: 0;
        width: 50%;
        text-align: center;
    }
    .con3itemtop2nd {
        margin-top: 5%;
        margin-left: 0;
        text-align: center;
        width: 90%;
    }
    .con3itemtop3rd {
        margin-top: 5%;
        margin-left: 0;
        width: 85%;
        margin-bottom: 10%;
    }
    .con3itemtop3rditem {
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
        border-radius: 7vw;
        height: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3.3%;
    }
    .con3itemtop3rd {
        margin-top: 5%;
        margin-left: 0;
        width: 95%;
        margin-bottom: 10%;
    }
    .con3itemtop3rditem2 {
        margin-top: 0%;
        margin-left: 0%;
        width: 100%;
        border-radius: 7vw;
        height: 14vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3.3%;
        text-align: center;
    }
    .con3item2bg img{
        max-width: unset;
        min-width: unset;
        width: 402% !important;
    }
    .con3item3top2nd {
        margin-top: 6%;
        margin-left: 0;
        text-align: center;
        width: 90%;
    }
    .con3item1ab {
        width: 63.3776%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -9%;
        display: none;
    }
    .con3item2ab {
        width: 66.4409%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -2%;
        bottom: 0;
        display: none;
    }
    .con3item3ab{
        display: none;

    }
    .bgimg {
        width: unset !important;
        height: 100% !important;
        position: absolute;
        object-fit: cover;
        display: block;
        pointer-events: none;
        z-index: 0;
    }
    .bgimg img{
        height: 100%;
        object-fit: cover;
        width: unset !important;
    }
    .con4top {
        margin-top: 15%;
        margin-left: 0%;
    }
    .con4top2nd {
        margin-top: 2.5%;
        margin-left: 0%;
    }
    .con4top3rd {
        margin-top: 4%;
        margin-left: 0%;
        text-align: center;
    }
    .con4top4thitem {
        margin-top: 0%;
        margin-left: 0%;
        width: 42%;
        text-align: center;
        padding: 1.5vw;
        margin: 0 0.4%;
    }
    .con4top4th {
        margin-top: 5%;
        margin-left: 0%;
    }
    .con4top5th {
        margin-top: 5%;
        margin-left: 0%;
        width: 90%;
    }

    .con4top5th {
        margin-top: 5%;
        margin-left: 0%;
        flex-direction: column;
        width: 90%;
    }
    .con4top5thitem1 {
        margin-top: 0%;
        margin-left: 0%;
        width: 69vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 69vw;
        border-radius: 50%;
        align-items: center;
    }
    .con4top5thitem2{
        margin-top: 0%;
        margin-left: 0%;
        width: 69vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 69vw;
        border-radius: 50%;
        align-items: center;
    }
    .con4top5thitem2 {
        margin-top: -14%;
        margin-left: 0%;
    }
    .con4top5thitem3 {
        width: 84.6273%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 14%;
        margin-left: 0;
        margin-bottom: 18%;
    }
    .con4top5thitem3ab3 {
        width: 21.31234%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 4.6%;
        right: 5%;
    }
    .con5top {
        margin-top: 15%;
        margin-left: 0%;
        width: 78%;
        text-align: center;
    }
    .con5top2nd {
        margin-top: 1.4%;
        margin-left: 0%;
        width: 78%;
        text-align: center;
    }
    .con5top3rd {
        margin-top: 4%;
        margin-left: 0%;
        width: 78%;
        margin-bottom: 13%;
        text-align: center;
    }
    .con05_right {
        margin-top: 0%;
        margin-left: 0%;
        width: 95%;
        left: unset;
        position: relative;
        margin-bottom: 10%;
    }
    .con5top3rd {
        margin-top: 4%;
        margin-left: 0%;
        width: 78%;
        margin-bottom: 5%;
        text-align: center;
    }
    .con05_right {
        margin-top: 0%;
        margin-left: 0%;
        width: 95%;
        left: unset;
        position: relative;
        margin-bottom: 24%;
    }
    .con05_slide_img {
        margin-top: 0%;
        margin-left: 0%;
        border-radius: 2vw;
        overflow: hidden;
        height: 85vw;
    }
    .con05_slide_img > img {
        width: 138% !important;
        max-width: unset;
        min-width: unset;
    }
    .con05_slide_img img{

    }
    .con05_slide_imgab2 {
        margin-top: 4%;
        margin-left: 0%;
        background: white;
        width: 92%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: black;
    }
    .con05_slide_imgab2top2ndab {
        width: 37.4016%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 2%;
    }
    .con05_slide_imgab2 {
        margin-top: 28%;
        margin-left: 0%;
        background: white;
        width: 89%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: black;
    }
    .con05_slide_imgab2 {
        margin-top: 16%;
        margin-left: 0%;
        background: white;
        width: 89%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: black;
        height: 58vw;
    }
    .con05_slide_imgab2top2nd {
        width: 89.3108%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 22%;
        margin-left: 0%;
        margin-bottom: 4%;
    }
    .con05_slide_imgab2ab2nd {
        margin-top: 0%;
        margin-left: 0%;
        top: 7%;
        left: unset;
        position: absolute;
        text-align: center;
    }
    .con05_slide_imgab2top2ndab {
        width: 45.4016%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -32%;
    }
    .con05_slide_img > img {
        width: 150% !important;
        max-width: unset;
        min-width: unset;
    }
    .con05_slide_imgab2 {
        margin-top: 12%;
        margin-left: 0%;
        background: white;
        width: 89%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: black;
        height: 58vw;
    }
    .con05_slide_img {
        margin-top: 0%;
        margin-left: 0%;
        border-radius: 2vw;
        overflow: hidden;
        height: 94vw;
    }
    .con5 .con02_arr_prev {
        right: 51%;
        z-index: 2;
        top: 105%;
    }
    .con5 .con02_arr_next {
        left: 51%;
        z-index: 2;
        top: 105%;
    }
    .con5ab {
        width: 200.787%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0;
    }
    .con05_slide_imgab2top2ndab2nd {
        width: 37.252%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -1%;
        top: 8%;
    }
    .con6top {
        width: 4.04987%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        margin-left: 0%;
    }
    .con6top2nd {
        margin-top: 2%;
        margin-left: 0%;
    }
    .con6top3rd {
        margin-top: 2.5%;
        margin-left: 1%;
        padding: 2.8vw 0;
        border-top: 1px solid var(--tc);
        border-bottom: 1px solid var(--tc);
    }
    .con6top4thitem {
        width: 74.5223%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin: 0 0.5%;
    }
    .con6top4thitem {
        width: 74.5223%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin: -7% 0.5%;
    }
    .con6top4th {
        margin-top: 14%;
        margin-bottom: 24%;
        z-index: 2;
        flex-direction: column;
    }
    .con6top4th {
        margin-top: 6%;
        margin-bottom: 14%;
        z-index: 2;
        flex-direction: column;
    }
    .con6ab2item {
        height: 100%;
        width: 0.3vw;
    }
    .con6ab2item2 {
        height: 100%;
        width: 0.3vw;
    }
    .con6ab2item3 {
        width: 100%;
        height: 0.3vw;
    }
    .con10_btntxt {
        width: 21vw;
        text-align: center;
        font-size: 3.2vw;
        padding: 0.8vw 0;
        box-sizing: border-box;
        border: none;
        box-sizing: border-box;
        transition: 0.3s;
        border: 1px solid transparent;
    }
    .con10_btn.on::after {
        content: '';
        border-bottom: 2px solid var(--mc);
        width: 10vw;
        position: absolute;
        bottom: 0;
    }
    .con10_btn {
        padding: 1.2vw;
    }
    .con10_btntxt {
        width: 19vw;
    }
    .con10_btnwrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 48vw;
    }
    .swiper_con10 {
        width: 93%;
        top: 50%;
        opacity: 0;
        visibility: hidden;
        transform: translateY(5vw);
        transition: 0.5s;
    }
    .con10_slide {
        width: 42vw;
        border: 1px solid #00000026;
        background-color: white;
        border-radius: 2vw;
        overflow: hidden;
    }
    .con10_slide_img {
        width: 100% !important;
        height: 23.6vw;
        border-bottom: 1px solid #000;
        overflow: hidden;
    }
    .swiper_con10 {
        width: 93%;
        top: 44%;
        opacity: 0;
        visibility: hidden;
        transform: translateY(5vw);
        transition: 0.5s;
    }
    .con10_btnwrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 58vw;
    }
    .con10_slide_txt {
        text-align: center;
        font-size: 3.1vw;
        font-weight: 700;
        padding: 2.3vw 0;
    }
    .con10_03 {
        width: 7.99213%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        top: 85%;
        z-index: 5;
    }
    .swiper_con10_prev {
        left: 41%;
    }
    .swiper_con10_next {
        right: 41%;
        transform: rotateY(180deg);
    }
    .con7ab5 {
        width: 47.8215%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 3;
        right: 0;
        top: 6%;
    }

    .con7ab4 {
        width: 27.1391%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0;
        top: 21%;
    }

    .con8ab {
        width: 130%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0;
        z-index: 1;
        top: 0;
    }
    .con8top {
        margin-top: 14%;
        margin-left: 0%;
        z-index: 1;
        width: 79%;
        text-align: center;
    }
    .con8top2nd {
        margin-top: 2%;
        margin-left: 0%;
        width: 79%;
        z-index: 2;
        text-align: center;
    }
    .con8top3rd {
        margin-top: 3%;
        margin-left: 0%;
        width: 79%;
        z-index: 2;
        text-align: center;
    }
    .con8top4th {
        margin-top: 3%;
        margin-left: -39%;
        margin-bottom: 15%;
        z-index: 2;
        width: 40.5433%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .con8top4th {
        margin-top: 3%;
        margin-left: -39%;
        margin-bottom: 114%;
        z-index: 2;
        width: 40.5433%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .con8ab {
        width: 120%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0;
        z-index: 1;
        top: 0;
    }
    .con8top4thab2 {
        top: 127%;
        left: 55%;
        white-space: nowrap;
    }
    .con8ab {
        width: 111%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0;
        z-index: 1;
        top: 0;
    }
    .con08_right {
        margin-top: 0%;
        margin-left: 0%;
        width: 96%;
        top: 63%;
        left: unset;
    }
    .con08_right {
        margin-top: 0%;
        margin-left: 0%;
        width: 96%;
        top: 67%;
        left: unset;
    }
    .con08_right2nd {
        margin-top: 0%;
        margin-left: 0%;
        width: 96%;
        top: 81%;
        bottom: unset;
        left: unset;
    }
    .con8abprv {
        width: 79.7113%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
    .con9topscr {
        padding: 3vw 0;
        width: 300%;
    }
    .con9top {
        margin-top: 15%;
        margin-left: 0%;
    }

    .con9top2nd {
        margin-top: 1.4%;
        margin-left: 0%;
    }
    .con9top3rd {
        margin-top: 3%;
        margin-left: 0%;
        text-align: center;
        width: 90%;
    }
    .con9top4th {
        margin-left: 0%;
        flex-direction: column;
    }
    .con9top4thitem {
        margin-top: 0%;
        margin-left: 0%;
        height: 37vw;
        width: 76vw;
    }
    .con9top4thitemtop2nd {
        margin-top: 2%;
        text-align: center;
        vertical-align: bottom;
        writing-mode: unset;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 41%;
    }
    .con9top4thitemon {
        background: white;
        width: 76vw;
        height: 100vw;
    }
    .con9top4thitemon .con9top4thitemtop {
        margin-left: 0;
        opacity: 0.4;
        color: #EF7323;
        text-align: center;
        margin-top: 4%;
    }
    .con9top4thitem3 .con9top4thitem1ontop2nd {
        margin-top: 0%;
        margin-left: 0%;
        left: unset;
        text-align: center;
        width: 80%;
        top: 24%;
    }
    .con9top4thitem3 .con9top4thitem1ontop3rd {
        width: 86.3366%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 71%;
        left: unset;
    }
    .con9top4thitem1ontop4th{
        display: none;
    }
    .con9top4thitem1ontop {
        margin-top: 0%;
        margin-left: 0%;
        opacity: 0;
        top: 23%;
        transform: translateY(-30%);
        left: 8%;
        text-align: center;
    }
    .con9top4thitem1ontop2nd {
        top: 37%;
        text-align: center;
        left: unset;
    }
    .con9top4thitemon .con9top4thitem1onscrx {
        transition-delay: 0.4s;
        width: 330%;
    }
    .con9top4thitem1onscrx {
        top: 61%;
        width: 140%;
    }
    .con9top4thitem1ontop2nd {
        top: 37%;
        text-align: center;
        left: unset;
        width: 85%;
    }
    .con9top4thitem1ontop {
        margin-top: 0%;
        margin-left: 0%;
        opacity: 0;
        top: 23%;
        transform: translateY(-30%);
        left: unset;
        text-align: center;
    }

    .con10con {
        width: 93%;
        margin-top: 4%;
        overflow: hidden;
        border-radius: 4vw 4vw 0 0;
        border: 1px solid black;
    }
    .con10top {
        margin-top: 15%;
        margin-left: 0%;
        z-index: 1;
    }

    .con10top2nd {
        margin-top: 3.5%;
        margin-left: 0%;
        z-index: 1;
        text-align: center;
    }
    .con10top3rd {
        width: 90%;
        margin-top: 0%;
        margin-left: 0%;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .con10top3rditem1 {
        margin-left: 0;
    }
    .con10top3rditem {
        margin-top: 0%;
        margin-left: 0%;
        width: 97%;
        position: relative;
        margin: 4.5% 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .con10top3rditemtop {
        margin-top: 9%;
        margin-left: 0%;
        width: 80%;
        text-align: center;
    }
    .con10top3rditemtop {
        margin-top: 9%;
        margin-left: 0%;
        width: 80%;
        text-align: center;
        font-size: 5vw;
    }

    .con10top3rditemtop2nd {
        margin-left: 0%;
        text-align: center;
    }
    .con10top3rditemab1 {
        width: 41.676%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -14%;
        animation: ddm_m 2s infinite;
        right: 69%;
    }
    .con10top3rditemtop2nd {
        margin-top: 3%;
        margin-left: 0%;
        width: 90%;
        white-space: unset;
    }
    .con10top3rditemtop3rd {
        margin-top: 0%;
        margin-left: 0%;
        padding: 3vw 2.4vw;
        width: 85%;
        margin-top: 3%;
        margin-bottom: 4%;
        background: #F0F0F0;
        border-radius: 1vw;
    }
    .con10top3rditemab2 {
        width: 46.9807%;
        display: flex;
        justify-content: center;
        animation: ddm_m 2s infinite;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -10%;
        top: -17%;
    }
    .con10top3rditemab3 {
        width: 36.8231%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        animation: ddm_m 2s infinite;
        top: 89%;
        right: 70%;
        z-index: 2;
    }
    .con10top3rditemab4 {
        width: 39.6252%;
        display: flex;
        justify-content: center;
        align-items: center;
        animation: ddm_m 2s infinite;
        margin-top: 0%;
        margin-left: 0%;
        top: 82%;
        left: 66%;
    }
    .con9ab {
        width: 69.895%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -10%;
        right: 0;
    }
    .con10top3rd {
        margin-top: 6%;
        margin-left: 0%;
    }
    .con11con {
        margin-top: 0%;
        margin-left: 0%;
        justify-content: flex-start;
    }
    .con11con {
        margin-top: 0%;
        margin-left: 0%;
        justify-content: flex-start;
        width: 300%;
    }
    .con11{
        align-items: flex-start;
    }
    .con11item {
        margin-top: 0%;
        margin-left: 0%;
        overflow: hidden;
        height: 160vw;
    }
    .con11itemtop {
        width: 33.5118%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        position: absolute;
        top: 37%;
        transition: 0.3s all;
    }
    .con11top3rditemtop2nd {
        margin-left: 0%;
        position: absolute;
        transition: 0.3s all;
        z-index: 1;
        color: white;
        text-align: center;
        top: 57%;
        font-size: 3.3vw;
    }
    .con11top3rditemtop {
        margin-left: 0%;
        position: absolute;
        text-align: center;
        top: 47%;
        transition: 0.3s all;
        z-index: 1;
        font-size: 8vw;
    }
    .con11top3rditemtop3rditem {
        margin-top: 0%;
        margin-left: 0%;
        border-top: 1px solid white;
        padding: 2.6vw 0;
    }
    .con11item2.con11itemon .con11top3rditemtop4th {
        width: 85.126%;
        display: flex;
        opacity: 1;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 56%;
    }
    .con11itemon .con11top3rditemtop {
        top: 37%;
    }

    .con12top {
        margin-top: 15%;
        margin-left: 0%;
    }

    .con12top2nd {
        margin-top: 1.4%;
        margin-left: 0%;
    }
    .swiper.swiper_con11.absol {
        position: relative;
        width: 81%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: unset;
        margin-top: 5%;
        margin-bottom: 19%;
        height: 45.5vw;
    }

    .con12bg {
        width: 200.787%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0%;
    }
    .con13top {
        margin-top: 15%;
        margin-left: 0%;
        z-index: 1;
    }
    .con13top2nd {
        margin-top: 2.5%;
        margin-left: 0%;
        z-index: 1;
        text-align: center;
    }
    .con13top3rd {
        margin-top: 3%;
        margin-left: 0%;
        z-index: 1;
        text-align: center;
        margin-bottom: 11%;
    }

    .con132nditemtypeA {
        margin-top: 7%;
        margin-left: 0%;
        flex-direction: column;
    }

    .con132nditemtypeB {
        margin-top: 7%;
        margin-left: 0%;
        flex-direction: column;
    }

    .con132nditem1 {
        width: 70.5039%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 4%;
        margin-left: 0%;
    }

    .con132nditem2 {
        width: 22.1916%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin: 0 5%;
        margin-top: 6%;
    }
    .con132nditem3 {
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        width: 90%;
        text-align: center;
    }
    .con132nditem3top {
        margin-top: 6%;
        margin-left: 0%;
    }
    .con08_right {
        margin-top: 0%;
        margin-left: 0%;
        width: 96%;
        top: 63%;
        left: unset;
    }

    .con132nditemtypeB .con132nditem3 {
        align-items: center;
        text-align: center;
    }


    .con132nditem3ab {
        width: 85.474%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -54%;
        top: -489%;
    }
    .con14top {
        width: 44.2257%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        margin-left: 0%;
    }

    .con14top2nd {
        margin-top: 4%;
        margin-left: 0%;
        z-index: 1;
    }

    .con14top3rd {
        margin-top: 5%;
        margin-left: 0%;
        margin-bottom: 6.7%;
    }
    .con6top4th {
        margin-top: 14%;
        margin-bottom: 24%;
        z-index: 2;
        flex-direction: column;
    }

    .con6ab {
        display: none;
    }

    .con7contop {
        margin-top: 13%;
        margin-left: 0%;
    }

    .con10top3rd {
        margin-bottom: 15%;
    }

    .con132ndline {
        height: 100%;
        background: rgba(0, 0, 0, 0.42);
        width: 0.015vw;
        display: none;
    }
    .con142nd2nd {
        margin-top: 7%;
        margin-bottom: 15%;
        flex-direction: column;
    }

    .inout_half {
        width: 100vw;
        height: 50%;
    }
    .inout_swiper_left, .inout_swiper_right {
        width: 100%;
        height: 49vw;
        margin-top: 2vw;
        padding: 10vw 0;
        margin-bottom: 5vw;
    }
    .inout_swiper_left .swiper-slide, .inout_swiper_right .swiper-slide {
        transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        opacity: 0.4;
        transform: translateY(9%);
    }
    .inout_swiper_left .swiper-slide-active, .inout_swiper_right .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }
    .inout_label {
        width: 19.9475%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 84%;
        left: 40%;
    }
    .inout_label2nd {
        margin-top: 0%;
        margin-left: 0%;
        top: 95%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    .con142nd2nd {
        margin-left: 0%;
        margin-top: -6%;
    }
    .inout_half {
        margin-top: 10%;
        margin-left: 0%;
    }

    .inout_label2 {
        width: 19.9475%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 84%;
        left: 40%;
    }
    .inout_label22nd {
        margin-top: 0%;
        margin-left: 0%;
        top: 95%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 100%;
    }
    .con142nd2nd {
        margin-bottom: 27%;
    }

    .con15top {
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        margin-top: 18%;
        width: 74%;
        text-align: center;
    }

    .con15top2nd {
        margin-top: 4.4%;
        margin-left: 0%;
        z-index: 1;
        width: 74%;
        text-align: center;
    }
    .con15top3rd {
        margin-top: 8%;
        margin-left: 0%;
        z-index: 1;
        margin-left: 0;
        margin-bottom: 12%;
        text-align: center;
    }
    .con15lineitem{
        display: none;
    }
    .con15lineitem2{
        display: none;
    }
    .con15top {
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        margin-top: 38%;
        width: 74%;
        text-align: center;
    }
    .con15ab {
        width: 29.2703%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 5%;
        left: unset;
    }
    .con15top2ndab {
        width: 3.34826%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 42%;
        bottom: 94%;
    }
    .con16top {
        margin-top: 15%;
        margin-left: 0%;
        margin-bottom: 6%;
    }
    .notice_ticker_wrap {
        width: 100vw;
        background-color: #EBE4CE;
        overflow: hidden;
        white-space: nowrap;
        padding: 3vw 0;
        display: flex;
    }
    .con172ndtop {
        width: 30.3885%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        margin-left: 0%;
        z-index: 1;
    }
    .con172ndtop2nd {
        margin-top: 1.5%;
        margin-left: 0%;
        z-index: 1;
    }
    .con172ndtop3rd {
        overflow: hidden;
        width: 90%;
        border-radius: 3vw;
        margin-top: 5%;
    }
    .con172ndtop3rdtopprv {
        width: 49.9571%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 11%;
        margin-left: 0%;
    }

    .con172ndtop3rdtopitem {
        width: 41.6118%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin: 2.5% 2.4%;
    }
    .con172ndtop3rdtop {
        margin-top: 3%;
        margin-bottom: 7%;
    }
    .con172ndtop3rdtopitemab {
        width: 9.28023%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 101%;
    }
    .con172ndab {
        width: 27.8399%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        left: 0;
        top: 12%;
    }
    .con172ndtop4th {
        overflow: hidden;
        width: 90%;
        border-radius: 3vw;
        margin-top: 5%;
    }

    .con172ndtop4thtop {
        width: 45.9571%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        margin-left: 0%;
    }
    .cost_table_wrap {
        margin-top: 5%;
        width: 81vw;
        margin: unset;
        margin-top: 0%;
    }
    .cost_row {
        display: flex;
        align-items: center;
        border-bottom: 0.05vw solid #e5e5e5;
        padding: 2.7vw 0;
        text-align: center;
    }
    .free_badge {
        height: unset;
        display: block;
    }
    .strike_textab {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -4%;
        top: 95%;
    }
    .con11item {
        min-width: 88vw;
        margin-right: 4vw;
        scroll-snap-align: center;
        opacity: 0.4;
        transform: scale(1);
        transition: all 0.4s ease;
    }
    .cost_table_wrap {
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 11%;
    }
    .con172ndab2 {
        width: 30.6325%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -5%;
        z-index: 1;
        right: 0;
    }
    .con18top {
        margin-left: 0%;
        text-align: center;
    }
    .con18top2nd {
        margin-top: 4%;
        margin-left: 0%;
        pointer-events: none;
        z-index: 1;
        color: white;
        width: 85%;
        line-height: 1.5;
        text-align: center;
    }
    .con18top3rd {
        width: 47%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 0;
        margin-bottom: 8%;
    }
    .con18_con_box.right {
        background: rgba(0, 0, 0, 0.76);
        background-size: cover;
        display: flex;
        align-items: center;
        width: 103%;
        justify-content: center;
        top: 0%;
        right: unset;
        height: 100%;
        position: relative;
    }
    div.form_wrap {
        width: 97%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding-top: 10vw;
        padding-bottom: 10vw;
        font-size: 3.8vw;
        margin: 0 auto;
        margin-bottom: 8%;
    }
    .cost_total_row {
        padding: 5.5vw 0;
    }
    .total_price {
        font-size: 7.5vw;
        margin: 0 1vw !important;
    }
    .introtop {
        height: 67vw;
    }
    .intro{
        background: #0000005c;
    }


    .con11con {
        display: flex;
        /* 가로 스크롤 활성화 */
        overflow-x: auto;
        /* 스크롤이 딱딱 멈추게 하는 자석 효과 */
        scroll-snap-type: x mandatory;
        width: 100vw; /* 화면 꽉 차게 */
        -webkit-overflow-scrolling: touch; /* 아이폰 부드러운 스크롤 */
    }

    .con11item {
        /* 각 아이템이 화면 하나를 꽉 채움 */
        min-width: 100vw;
        scroll-snap-align: center; /* 스크롤 시 중앙에 딱 멈춤 */
    }

    /* 모바일 비활성/활성 스타일 */
    .con11item {
        opacity: 0.4; /* 옆에 삐져나온 애들은 흐릿하게 */
        transform: scale(0.95); /* 살짝 작게 */
        transition: all 0.4s ease;
    }
    .con11item.con11itemon {
        opacity: 1; /* 가운데 온 놈만 선명하게 */
        transform: scale(1); /* 원래 크기로 */
    }
    .con11con {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        /* 왼쪽 여백을 줘서 첫 아이템을 가운데로, 오른쪽엔 다음 게 보이게 */
        padding: 0 5vw;
        box-sizing: border-box; /* 패딩 포함 크기 계산 */
    }

    .con11item {
        /* 100vw 대신 85~90vw로 줄여서 옆 공간 확보 */
        min-width: 88vw;
        margin-right: 4vw; /* 아이템 사이 간격 */
        scroll-snap-align: center; /* 스크롤 멈출 때 가운데 정렬 */

        /* 기존 스타일 유지 */
        opacity: 0.4;
        transform: scale(0.95);
        transition: all 0.4s ease;
    }

    /* 마지막 아이템 오른쪽 여백 없애기 */
    .con11item:last-child {
        margin-right: 0;
    }

    .introtop {
        margin-top: 17%;
        margin-left: 0%;
        width: 120%;
        height: 113vw;
    }


    .mainab2item {
        height: 114vh;
    }
    .introtop {
        margin-top: 17%;
        margin-left: 0%;
        width: 120%;
        height: 65vw;
    }
    .con05_slide_imgab {
        margin-top: 0%;
        margin-left: 0%;
        top: 11%;
        width: 86vw;
        text-align: center;
    }
    .con9top4thitemtop {
        margin-top: 2%;
        margin-left: 0%;
        color: #F4EDD9;
        width: 19vw;
        text-align: center;
    }
    .con9top4thitemtop{
        white-space: nowrap;
    }
    .con9top4thitem3 .con9top4thitem1ontop2nd {
        margin-top: 0%;
        margin-left: 0%;
        left: unset;
        text-align: center;
        width: 80%;
        top: 26%;
    }
    .con9top4thitem3 .con9top4thitem1ontop {
        margin-top: 0%;
        margin-left: 0%;
        top: 21%;
        transform: translateY(-30%);
        left: unset;
    }

    .con11item {
        min-width: 88vw;
        margin-right: 4vw;
        scroll-snap-align: center;
        opacity: 0.4;
        transform: scale(1);
        transition: all 0.4s ease;
    }
    .con11item.con11itemon {
        opacity: 1;
        transform: scale(1);
    }


}