/* ============ 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: -59.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;
    }
}
@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; }


.main_top{
    width: 12.8609%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15.8%;
    margin-left: 0%;
}
.main_top2nd{
    width: 14.6457%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    margin-top: 1.6%;
    margin-left: 0%;
}
.main_top3rd{
    width: 38.8451%;
    display: flex;
    z-index: 1;
    justify-content: center;
    align-items: center;
    margin-top: -3%;
    margin-left: 0%;
}
.main_top2ndab{
    width: 68.5135%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    overflow: hidden;
    z-index: 2;
    margin-left: 0%;
}
.main_top4th {
    width: 19.79%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3%;
    margin-left: 0%;
}

.main_top5th {
    width: 9.13386%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.9%;
    margin-left: 0%;
    margin-bottom: 16.7%;
}
.main_conab4{
    width: 26.4567%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 0;
    top: 32%;
}
.main_conab1{
    width: 12.5984%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 2%;
    top: 10%;
}
.main_conbg{
    width: 96.5879%;
    display: flex;
    justify-content: center;
    z-index: 1;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}
.main_conab2{
    width: 14.2782%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 1%;
    rotate: -83deg;
    bottom: 36%;
}
.main_conab3{
    width: 13.4383%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 2;
    bottom: 5%;
    left: 14%;
}
.main_conab4ab{
    width: 30.3571%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 95%;
    top: 10%;
}
.main_conab5{
    width: 6.5984%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    animation-delay: 0.5s;
    z-index: 2;
    right: 24.7%;
    bottom: 25%;
}
.main_conab6{
    width: 14.2257%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    z-index: 3;
    margin-left: 0%;
    bottom: 0%;
    right: 4%;
}
.con1_con_con{
    rotate: -3deg;
    z-index: 1;
}
.con1_top{
    margin-left: 0%;
    width: 43%;
    margin-top: -0.5%;
}
.con1_top2nd{
    margin-top: 0%;
    margin-left: 0%;
    font-size: 1.5vw;
}
.con1_top2nd{
    margin-top: 1.4%;
    margin-left: 0%;
    width: 33%;
}
.con1_top3rd {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    flex-direction: column;
    margin-top: 4%;
    margin-left: -5%;
}

.con1_top3rd_item{
    margin-top: 0%;
    margin-left: 0%;
    justify-content: flex-start;
}
.con1_top3rd_item {
    margin-top: 0%;
    margin-left: 0%;
    justify-content: flex-start;
    margin-bottom: 4%;
}
.con1_top3rd_itemab{
    width: 3.28084%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 102%;
}
.con1_top3rd_itemabab{
    width: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 25%;
}
.con1bg{
    width: 65.1444%;
    display: flex;
    justify-content: center;
    z-index: 1;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 82%;
    left: 11.3%;
}
.con1_top_4th{
    width: 3.93701%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10%;
    margin-left: 0%;
    overflow: hidden;
}
.con1_top_5th {
    margin-top: 2%;
    margin-left: 0%;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 13%;
}
.con1_top_5thab{
    width: 4.35696%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 50%;
    left: 57.3%;
}
.con1_bg_ab{
    height: 94%;
    width: 94%;
    background: white;
    top: 0;
}
.con1_conab{
    width: 28.294%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 15%;
    top: -1%;
    transform-origin: center;
    opacity: 0;
    transform: scale(0.8) rotate(-5deg) translateY(-10vh);
}
.con2_top_6th_top_4th{
    transform: scale(0.8) rotate(-5deg) translateY(-10vh);
    opacity: 0;

}
.con2_top_6thab3{
    transition: 1.3s all;
}
.con1_conabab{
    width: 31.3544%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 12%;
    left: 5%;
}
.con1_conab2{
    width: 13.5958%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 8%;
    top: 38%;
}

.con1_top_5thab {
    width: 4.35696%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 50%;
    left: 57.3%;
    animation: rotate_img10deg infinite 1s;
}
.con2_top{
    width: 48.1365%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -11%;
    margin-left: 0%;
}
.con2_topab3{
    width: 60.0872%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    margin-left: 0%;
}
.con2_topab4{
    width: 22.2465%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 66%;
    left: 66%;
}
.con2_topab4ab{
    width: 41.6667%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 95%;
    top: -8%;
}
.con2_topab2{
    width: 24.7546%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 0%;
    margin-left: 0%;
    top: 26%;
}
.con2_topab{
    width: 18.1025%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0%;
    left: 43%;
}
.con2_top_2nd{
    width: 11.8635%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-left: 0%;
}
.con2_top_4th{
    margin-top: 1.3%;
    margin-left: 0%;
    text-align: center;
}
.con2_top_5th{
    margin-top: 3.4%;
    margin-left: 0%;
    text-align: center;
    line-height: 1.5;
}

.con7_prev:after,.con7_next:after {
    content: unset !important;
}

.con7_prev {
    left: 1% !important;
    top: unset !important;
    width: 4vw !important;
    height: 3vw !important;
    border-radius: unset;
    overflow: hidden;
    left: 38.3% !important;
    bottom: 46%;
    transition: 0.4s background;
}
.con7_next{
    right: 1% !important;
    top: unset !important;
    width: 4vw !important;
    height: 3vw !important;
    border-radius: unset;
    overflow: hidden;
    transition: 0.4s background;
    right: 38.3% !important;

    bottom: 46%;

}
.con6_mid_swiper_1_slide{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.con6_mid_swiper_item{
    margin-top: 4.5%;
    margin-left: 0%;

}
.con6_mid_swiper_1_slide_p_con1{
    width: 82.2047%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    transition: 0.7s all;
    transition-delay: 0.3s;
}
.con6_mid_swiper_1_slide_p_con1ab{
    width: 32.9502%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    transition: 0.7s all;
    top: 10%;
    transition-delay: 0.3s;

    right: -13%;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

}
.con6_mid_swiper_1_slide_p_con1ab2{
    width: 37.931%;
    display: flex;
    transition: 0.4s all;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -2%;
    left: -11%;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition-delay: 0.5s;

}
.con6_mid_swiper_1_slide.swiper-slide-active .con6_mid_swiper_1_slide_p_con1{
    transform: translate(-13%, -11%) rotate(-6deg);
}
.con6_mid_swiper_1_slide.swiper-slide-next  +.con6_mid_swiper_1_slide .con6_mid_swiper_1_slide_p_con1{
    transform: translate(13%, -11%) rotate(6deg);
}

.con6_mid_swiper_1_slide.swiper-slide-next   .con6_mid_swiper_1_slide_p_con1 .con6_mid_swiper_1_slide_p_con1ab{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;


}
.con6_mid_swiper_1_slide.swiper-slide-next   .con6_mid_swiper_1_slide_p_con1 .con6_mid_swiper_1_slide_p_con1ab2{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);


}

.con2_con .con7_prev {
    left: 1% !important;
    top: unset !important;
    width: 4vw !important;
    height: 3vw !important;
    border-radius: unset;
    overflow: hidden;
    left: 30.3% !important;
    bottom: 53%;
    transition: 0.4s background;
}
.con2_con .con7_next {
    right: 1% !important;
    top: unset !important;
    width: 4vw !important;
    height: 3vw !important;
    border-radius: unset;
    overflow: hidden;
    right: 30.3% !important;
    bottom: 53%;
    transition: 0.4s background;
}
.con2_top_6th{
    width: 59%;
    background: white;
    margin-top: 5.5%;
    border-radius: 0.7vw;
    box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
}
.con2_top_6th_top{
    margin-top: 8%;
}
.con2_top_6th_top_2nd{
    width: 23.3986%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    margin-left: 0%;
}
.con2_top_6th_top_3rd{
    margin-top: 2.3%;
    margin-left: 0%;
    text-align: center;
}
.con2_top_6th_top_4th{
    width: 70.0178%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-left: 1%;
    margin-bottom: -9%;
}
.con2_top_6th_top_4thab{
    margin-top: 0%;
    margin-left: 0%;
    rotate: 2deg;
    top: 31%;
    font-size: 1vw;
}
.con2_top_6thab2{
    width: 25.8897%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 1%;
    right: 0.5%;
    overflow: hidden;
}
.con2_top_6thab2 img{
    width: 100%;
    margin-bottom: -75%;
    margin-right: -42%;
}
.con2_top_6thab{
    width: 5.96085%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -7%;
    left: 3%;
}
.con2_top_6thab3{
    width: 14.3238%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 94%;
    bottom: 25%;
}
.con2_top_6thab4{
    width: 12.7065%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -2%;
    right: 14%;
}
.con2_top_6th_top_5th_con{
    margin-top: 8.6%;
    margin-left: 0%;
    width: 63.3vw;
    height: 33vw;
    border-radius: 1vw;
    background: white;
}
.con2_top_6th_top_5th{
    margin-left: 0%;
    width: 62.5vw;
    height: 32.3vw;
    overflow: hidden;
    border-radius: 1vw;
}
.add1_video_con_video{
    width: 100%;
    height: 100%;
}
.con2_top_6th_top_5th_conab{
    width: 3.81426%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    z-index: 3;
    margin-left: 0%;
    top: -6%;
    right: 9%;
}
.con2_top_6th_top_5th_con {
    margin-top: 8.6%;
    margin-left: 0%;
    width: 63.3vw;
    height: 33vw;
    border-radius: 1vw;
    background: white;
    margin-bottom: 6.5%;
}
.con2_top_6th_top_5th_conab2{
    width: 26.0365%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 3;
    top: 69%;
    left: -12%;
}
.con5_top_3rd_item{
    background: white;
}
.con5_top_3rd_item {
    background: white;
    width: 33%;
    margin: 0 1%;
    border-radius: 0.5vw;
    box-shadow: 0.3vw 0.4vw 0px 0px #d85581;
}
.con5_top{
    width: 19.3176%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6.6%;
    margin-left: 0%;
    z-index: 3;
}
.con5_top_2nd{
    width: 27.5066%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3%;
    margin-left: 0%;
}
.con5_top_3rd{
    align-items: flex-start;
    margin-top: 1%;
}
.con5_top_3rd_item_top{
    width: 20.6677%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16%;
    margin-left: 0%;
}
.con5_top_3rd_item_top_2nd{
    margin-top: 3%;
    margin-left: 0%;
}
.con5_top_3rd_item_top_3rd{
    margin-top: 8%;
    margin-left: 0%;
    text-align: center;
    line-height: 1.5;
}
.con5_top_3rd_item1ab4{
    width: 10.6518%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -7%;
    left: 40%;
}
.con5_top_3rd_item2 .con5_top_3rd_item1ab4{
    width: 10.6518%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -7%;
    left: 49%;
}
.con5_top_3rd_item {
    background: white;
    width: 33%;
    margin: 0 1%;
    border-radius: 0.5vw;
    box-shadow: 0.3vw 0.4vw 0px 0px #d85581;
    justify-content: flex-start;
    height: 36.4vw;
}
.con5_top_3rd_item1ab{
    width: 72.496%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 64%;
    left: -7%;
}
.con5_top_3rd_item1ab2{
    width: 39.5866%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 73%;
    right: 6%;
}
.con5_top_3rd_item1ab3{
    width: 17.0111%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    transform-origin: bottom left;
    margin-left: 0%;

    top: 56%;
    right: -4%;
}
.con5_top_3rd_item_top_4th{
    border-top: 0.1vw dotted #c6c6c6
;
    margin-top: 8%;
}
.con5_top_3rd_item_top_5th{
    margin-top: 8%;
    margin-left: 0%;
}
.con5_top_3rd_item_top_6th{
    margin-top: 2%;
    margin-left: 0%;
    padding: 0.6% 3%;
}
.con5_top_3rd_item_top_7th{
    margin-top: 3%;
    margin-left: 0%;
    font-size: 1.2vw;
    font-weight: 400;
}
.con5_top_4th{
    width: 72.2835%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    margin-left: 0%;
    z-index: 3;
}
.con5_top_4thab{
    top: 20.5%;
}
.con5_top_4th_top_2nd{
    margin-top: 2.5%;
}
.con5_top_4th_top_3rd{
    width: 75.1634%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    margin-left: 0%;
}
.con5_top_4th_top_3rdab{
    width: 14.3961%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    animation: blk 1s infinite;
    margin-left: 0%;
    top: 80%;
    left: 7%;
}
.con5_top_4thab3{
    width: 15.4684%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 0%;
    top: 12%;
}
.con5_top_4thab2{
    width: 16.9935%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 88%;
    top: 17%;
}
.con5_top_4thab2ab{
    width: 98.7179%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 123%;
    left: 11%;
}
.con7ab{
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}
.con7_con {
    margin-top: 13%;
    margin-left: 0%;
    width: 59%;
    border-radius: 0.5vw;
    background: white;
    box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
    padding: 0.3% 0;
}
.con7_concon{
    width: 99%;
    background: white;
    border: 1px solid black;
    border-radius: 0.5vw;
}
.con7{
    margin-top: -21%;
    z-index: 2;
}
.con7_top{
    margin-top: 19.3%;
    margin-left: 0%;
}
.con7_top2nd{
    margin-top: 3%;
    width: 38.0952%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con7_top2ndab{
    margin-top: 0%;
    margin-left: 0%;
    top: 11%;
    left: 18%;
}
.con7_conab{
    width: 4.98221%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -1.4%;
    z-index: 2;
}











.form {
    width: 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid grey;
    background: white;
    z-index: 1;
    margin-bottom: 4%;
}
.form_con {
    margin-top: 2%;
    padding-top: 2%;
    margin-bottom: 2%;
    width: 98%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(/images/con22_15.png) no-repeat center / cover;
    z-index: 1;
}
.form_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 86%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-top: 2%;
    margin-top: 1%;
    background: #F2F2F2;
}

.form_agree {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 78%;
    margin-top: 5%;
    margin-bottom: 4%;
}
.form_row_label{
    color: #560000;
    white-space: nowrap;
    font-size: 1.2vw;
}
.form_row_imput {
    width: 70%;
    margin-left: 2.2%;
    height: 2.5vw;
    background: white;
    border: none;
    font-size: 1.2vw;
    font-family: 'Pretendard-Regular';
    outline: none;
    padding-left: 2%;
    box-sizing: border-box;
}
.form_row_imput:focus{
}
.form_agree_span{
    font-size: 1.1vw;
    font-family: Pretendard-regular;
    color: black;
}
.form_agree_check{
    margin-right: 2%;
    width: 1vw;
    height: 1vw;
    overflow: hidden;
    outline: 0;
    background: #f2f2f2;
    color: transparent;
    border: none;
    appearance: none;
}
.form_agree_check:checked {
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;

}
.form_agree_check:checked::after {
    content: "";
    width: 1vw;
    height: 1vw;
    position: absolute;
    background: url(/images/con22_11.png) center / 86% no-repeat;
    color: unset !important;
}
.form_submit{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5%;
    width: 86%;
    color: white;
    margin-bottom: 5%;
    font-size: 1.4vw;
    font-family: Pretendard-bold;
    padding-top: 2%;
    padding-bottom: 2%;
    cursor: pointer;
}

.form_row_imput_radio {
    margin-right: 1%;
    width: 1.2vw;
    height: 1.2vw;
    overflow: hidden;
    outline: 0;
    background: #ffffff;
    color: white;
    border: none;
    appearance: none;
    margin-right: 20%;
    left: 3%;
    border-radius: 5px;
    border: black 1px solid;
}
.form_row_imput_radio:focus{
    border: black 1px solid;

}
.form_row_imput_radio:checked::after {
    content: "";
    width: 1.2vw;
    height: 1.2vw;
    position: absolute;
    background: url(/images/con22_11.png) center / 86% no-repeat;
    color: unset !important;
}
.form_row > span {
    font-size: 1vw;
    margin-right: -15%;
}
.form_row_check_div >span{
    font-size: 1vw;
    white-space: nowrap;
}
.form_row_imput_radio_1{
    margin-right: -6%;
}
.form_agree_span {
    font-size: 1.1vw;
    font-family: Pretendard-regular;
    color: white;
}
.form_row_check_div_con{
    width: 83%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.form_row_check_div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 18%;
    padding-right: 6%;
    height: 1.7vw;
}
.form_row_check_div_text{
    width: 91%;
    margin-top: 3%;
}
.form_row_check_div_text{
    width: 91%;
    margin-top: 3%;
}
.form_row_check_div_text input{
    width: 95%;
    height: 2.5vw;
    background: #e7e7e7;
}
.form_row_check_div_text input{
    padding-left: 5%;
    font-size: 1.1vw;
}
.form_row_label_letter{
    letter-spacing: 9px;
}

.hideopa{
    opacity: 0;
    pointer-events: none;
}

.form_row {
    display: flex;
    justify-content: flex-start;
    width: 86%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-top: 2%;
    margin-top: 1%;
    background: #F2F2F2;
}
.form_row_imput_radio_1 {
    margin-right: 1%;
}
.form_row > span {
    font-size: 1vw;
    margin-right: -2%;
    margin-left: 5%;
}



textarea{
    height: 5vw !important;
}


.form {
    width: 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid grey;
    background: white;
    z-index: 1;
    margin-bottom: 4%;
}

.form_row_label {
    color: #560000;
    white-space: nowrap;
    font-size: 1.2vw;
    width: 16.5%;
}
#extra{
    margin-bottom: -7%;
    width: 21.5vw !important;
    opacity: 0;
}

.extra::placeholder{
    font-family: pretendard-regular;
    font-size: 1.1vw;
    color: rgb(0 0 0 / 36%);
}



.form {
    width: 82%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: unset;
    background: white;
    z-index: 1;
    margin-bottom: 4%;
}

.form_row {
    display: flex;
    justify-content: flex-start;
    width: 86%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-top: 2%;
    margin-top: 1%;
    background: transparent;
}
.form_row_label {
    color: #091535;
    white-space: nowrap;
    font-size: 1.2vw;
    width: 16.5%;
}
.form_row_imput {
    width: 29%;
    margin-left: 2.2%;
    height: 3.5vw;
    background: white;
    border: 1px solid #00000030;
    font-size: 1vw;
    font-family: 'Pretendard-Regular';
    outline: none;
}
.form_row_label {
    color: #091535;
    white-space: nowrap;
    font-size: 1.1vw;
    width: 14.5%;
    position: relative;
}

.form_row_imput_radio{
    margin-right: 1%;
    width: 1.2vw;
    height: 1.2vw;
    overflow: hidden;
    outline: 0;
    background: #ffffff;
    color: white;
    border: none;
    appearance: none;
    left: 3%;
    border-radius: 5px;
    border: black 1px solid;
}
.form_row > span {
    font-size: 1vw;
    margin-right: -1%;
    margin-left: 5%;
}
.form_row {
    display: flex;
    justify-content: flex-start;
    width: 86%;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-top: 1%;
    margin-top: 1%;
    background: transparent;
}
.form_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #091535;
    padding: 1.2%;
    width: 16%;
    color: white;
    margin-bottom: 5%;
    font-size: 1.4vw;
    padding-top: 1.6%;
    padding-bottom: 1.6%;
    border-radius: 50px;
    cursor: pointer;
}
textarea{
    width: 76% !important;
    height: 13vw !important;
    padding-top: 2%;
    padding-left: 0 !important;
}


.policy_con_2nd{
    width: 76% !important;
    height: 13vw !important;
    padding-top: 2%;
    padding-left: 0 !important;
    overflow: hidden;
    border: 1px solid;
    width: 29%;
    margin-left: 2.2%;
    height: 3.5vw;
    background: white;
    border: 1px solid #00000030;
    font-size: 1vw;
    font-family: 'Pretendard-Regular';
    outline: none;
    padding: 2%;
    box-sizing: border-box;
    padding-left: 2% !important;
    font-family: pretendard-light;
    font-size: 0.9vw;
    color: #000000a8;
    line-height: 1.6vw;
    overflow-y: scroll;
}
.form_agree_span {
    font-size: 1.1vw;
    font-family: Pretendard-regular;
    color: #091535;
}
.form_agree {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 66%;
    margin-top: 0%;
    margin-bottom: 4%;
    margin-left: 12%;
    flex-direction: row-reverse;
}
.form_agree_check {
    margin-right: 1%;
    margin-left: auto;
    height: 1vw;
    overflow: hidden;
    outline: 0;
    background: transparent;
    color: transparent;
    border: 1px solid #00000045;
    appearance: none;
    border-radius: 50%;
}
.form_agree_mt {
    font-size: 1.1vw;
    font-family: Pretendard-regular;
    color: #091535;
}
.form_agree_check:checked::after {
    content: "";
    width: 0.7vw;
    height: 0.7vw;
    position: absolute;
    background: #091535;
    border-radius: 50%;
    color: unset !important;
}
.required::after{
    background-repeat: no-repeat !important;
    background-position: left top !important;
    padding-left: 2%;
    margin-left: -2%;
    content: '*';
}


.form_con {
    margin-top: 0%;
    padding-top: 1%;
    margin-bottom: 2%;
}
.form_row_label {
}
textarea{
    padding-left: 2% !important;
}
textarea::placeholder{
    font-size: 0.85vw;
}
.form_row input::placeholder{
    font-size: 0.85vw;
}
.form {
    margin-top: -2%;
    width: 59%;
}
.form_row_label {
    font-family: var(--tf);
    color: black;
    font-weight: 500;
}
.form_row_imput {
    width: 83%;
    margin-left: 2.2%;
    height: 3vw;
    background: white;
    border: 1px solid #00000030;
    font-size: 1vw;
    font-family: 'Pretendard-Regular';
    outline: none;
}
textarea {
    width: 100% !important;
    height: 11vw !important;
    padding-top: 2%;
    margin: 0 !important;
}
.required::after {
    background-repeat: no-repeat !important;
    background-position: left top !important;
    padding-left: 2%;
    margin-left: -2%;
    content: '*';
    color: var(--mc);
    left: 0;
    position: absolute;
    transform: translateX(-140%);
}
.form_agree_check:checked::after {
    content: "";
    width: 0.7vw;
    height: 0.7vw;
    position: absolute;
    background: var(--mc);
    border-radius: 50%;
    color: unset !important;
}
.form_agree {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 55%;
    margin-top: 0%;
    margin-bottom: 4%;
    margin-left: 0;
    flex-direction: row;margin-top: 9%;
}
.form_agree_span {
    font-size: 0.9vw;
    font-family: Pretendard variable;
    color: black;
    font-family: var(--tf);
}
.form_top_3rd{
    margin-top: 2%;
    margin-left: 0%;
    text-align: right;
    width: 87%;
    font-size: 0.8vw;
    color: #00000087;
}
.form_agree_check {
    margin-right: 2%;
    margin-left: unset;
    height: 1vw;
    overflow: hidden;
    outline: 0;
    background: transparent;
    color: transparent;
    border: 1px solid #00000045;
    appearance: none;
    border-radius: 50%;
}
.form_rowab{
    margin-top: 0%;
    margin-left: 0%;
    top: 88%;
    font-weight: 300;
}
.policy_con_2nd {
    width: 100% !important;
    height: 6.5vw !important;
    padding-top: 2%;
    padding-left: 0 !important;
    overflow: hidden;
    border: 1px solid;
    width: 29%;
    margin-left: 2.2%;
    height: 3.5vw;
    background: white;
    border: 1px solid #00000030;
    font-size: 1vw;
    font-family: 'Pretendard-Regular';
    outline: none;
    padding: 2%;
    box-sizing: border-box;
    padding-left: 2% !important;
    font-family: pretendard-light;
    font-size: 0.9vw;
    color: #000000a8;
    line-height: 1.6vw;
    overflow-y: scroll;
}
.policy_text{
    font-family: var(--tf);
}
.form_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--mc);
    padding: 1.2%;
    width: 85%;
    color: white;
    margin-bottom: 5%;
    font-size: 1.4vw;
    padding-top: 2.6%;
    padding-bottom: 2.6%;
    border-radius: 0;
    cursor: pointer;
}
.con7_conconab{
    width: 14.735%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    z-index: 2;
    margin-left: 0%;
    z-index: 1;
    top: 6%;
    right: 8%;
}
.form_rowagree{
    margin-bottom: 3%;
}
.con7_conconab2{
    width: 23.2704%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 2;
    right: -11%;
    top: 54%;
}
.form_submitbt{
    margin-top: -14%;
}
.con8_top_3rd .line{
    overflow: hidden;
}
.con7_con{
    z-index: 1;
}
.con8_top{
    width: 13.1759%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3.3%;
    margin-left: 0%;
}
.con8_top_2nd{
    margin-top: 1.8%;
    margin-left: 0%;
}
.con8_top_3rd{
    margin-top: 1.4%;
    margin-left: 0%;
}
.con8_top_4th{
    width: 10.8136%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    margin-left: 0%;
}
.con8_top_5th{
    width: 67%;
    border: 1px solid #0000001f;
    box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
    padding-top: 3%;
    border-radius:0.3vw;
}
.con8_top_5th_top_item {
    border: 1px solid #0000001f;
    width: 30%;
    margin: 0 0.3%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    border-radius: 0.3vw;
}
.con8_top_5th_top_item_top{
    margin-top: 18%;
}
.con8_top_5th_top_item_top_2nd{
    margin-top: 8%;
    margin-left: 0%;
    margin-bottom: 45%;
    font-weight: 500;
}
.con8_top_5th_top_2nd{
    background: #ffffef;
    width: 91%;
    margin-top: 2.3%;
    height: 7vw;
    margin-bottom: 5%;
    border: 1px solid #0000001f;
    border-radius: 0.3vw;
}
.con8_top_5th_top_2nd_top{
    margin-top: 0%;
    margin-left: 0%;
    width: 50%;
    position: absolute;
    left: 34%;
}
.con8_top_5th_top_2nd_top_2nd{
    margin-top: 0%;
    margin-left: 0%;
    left: 22%;
    top: 30%;
}
.con8_top_5th_top_2ndab{
    width: 17.3988%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: 22%;
    top: 9%;
}
.con8_top_5th_top_2ndabab{
    width: 25.7426%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 84%;
    top: 40%;
}
.con8_top_5thab{
    width: 20.3762%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 91%;
    bottom: -16%;
}
.con8_top_5thab2{
    width: 10.1097%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 102%;
}
.con8_top_6th{
    margin-top: 2%;
    overflow: hidden;
}
.con8_top_7th .con8_top_5th_top_item {
    width: 90%;
    margin-bottom: 5%;
}
.con8_top_7th .con8_top_5th_top_item_top{
    margin-left: 0%;
    margin-top: 7%;
}
.con8_top_7th .con8_top_5th_top_item_top_2nd{
    margin-left: 0%;
    margin-top: 2%;
    margin-left: 0%;
    margin-bottom: 11%;
}
.con8_top_7thabab22{
    width: 18.2602%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -3%;
    top: 19%;
}
.con8_top_7thab{
    width: 2.89969%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 21%;
    right: 7%;
}
.con8_top_7thab2{
    width: 154.054%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 123%;
}
.con8_top_7thab2ab{
    margin-top: 0%;
    margin-left: 0%;
    font-size: 0.8vw;
    left: 41%;
    top: 25%;
}
.con8{
    margin-top: -8%;
    z-index: 1;
}
.form_submitbt{
    z-index: 1;
}
.con8_top {
    width: 13.1759%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 11.3%;
    margin-left: 0%;
}
.con7_con{
    z-index: 2;
}
.con8ab{
    top: 0;

}
.con8_top_5th {
    z-index: 0;
    background: white;
}
.con8_top_7th {
    z-index: 2;
    margin-bottom: 5.2%;
}
.con9{
    margin-top: -15%;
}
.con9_top{
    width: 3.93701%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 21.3%;
    margin-left: 0%;
}
.con9_top_2nd{
    margin-top: 1%;
    margin-left: 0%;
}
.con9_top_3rd {
    width: 57%;
    margin-top: 4%;
    justify-content: flex-start;
}
.con9_top_3rd_item{
    width: 44.5672%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    margin: 0 2%;margin-bottom: 3%;
}
.con9_top_3rd_itemab2{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -11%;
    right: 2%;
}
.con9_top_3rd_itemab {
    width: 6.61157%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 89%;
}
.con9_top_3rd_item4{
    width: 88.9503%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 14%;
}
.con9_top_3rd_item4ab_con{
    width: 21.0499%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -3%;
    right: -2%;
}
.con9_top_3rd_item4ab{
    width: 113.217%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 68%;
    left: -81%;
    z-index: 2;
}
.con9_top_3rd_item4ab_con >img{
    z-index: 5;
}
.con9_top_3rd_item4abab{
    width: 53.9648%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
}
.con9_top_3rd_item4ab_con2{
    width: 24.8294%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -7%;
    left: 5%;
}
.con9_top_3rd_itemab2 {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -11%;
    right: 2%;
    z-index: 3;
}
.con10_top{
    width: 18.2677%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
    margin-left: 0%;
}
.con10_top_2nd{
    margin-top: 2%;
    margin-left: 0%;
}
.con10_top_3rd{
    margin-top: 3%;
}
.con10_top_3rd_item{
    cursor: pointer;
    width: 14.1207%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin: 0 1%;
}
.con10_top_3rd_itemab{
    width: 36.4312%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 20%;
}
.con10_top_3rd_itemab2{
    margin-top: 0%;
    margin-left: 0%;
    top: 67%;
}
.con11_top{
    width: 53.0709%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    margin-left: 0%;
}
.con11_topab{
    width: 40.1583%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 33%;
}
.con11_topabab{
    width: 45.5665%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 97%;
}
.con11_topab2{
    margin-top: 0%;
    margin-left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 55%;
}
.con11_topab2ab{
    margin-top: 0%;
    margin-left: 0%;
    top: 143%;
    white-space: nowrap;
}
.con11_top1{
    width: 19.5846%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 1%;
    right: -7%;
}
.con11_top2{
    width: 17.0129%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -7%;
    top: 73%;
}
.con11_top_3rd{
    width: 82%;
}
.con11_top_3rd_item{
    margin: 1%;
    cursor: pointer;
}
.con11_top_3rd_item{
    width: 17.4136%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
}
.con11_top_3rd{
    width: 82%;
    margin-bottom: 8%;
}



.accordion {
    width: 80vw;
    margin: 2vw auto;
}

.accordion-item {
    border: 0.1vw solid #ddd;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
    overflow: hidden;
}

.accordion-header {
    background: #f2f2f2;
    color: #000;
    font-family: var(--tf);
    font-size: 1.5vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vw;
    cursor: pointer;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease;
}

.accordion-header .icon {
    width: 2vw;
    height: 0.7vw;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1vw;
    transition: transform 0.3s ease;
}

.accordion-header .pin {
    width: 2vw;
    height: 2vw;
    margin-right: 1vw;
}

.accordion-content {
    font-family: var(--tf);
    font-size: 1vw;
    line-height: 1.6;
    padding: 0 2vw;
    max-height: 0;
    overflow: hidden;
    background: #fff;
    transition: max-height 0.5s ease, padding 0.5s ease;
}

.accordion-content p {
    margin: 0.5vw 0;
}

.accordion-item.active .accordion-header {
    background: var(--mc);
    color: #fff;
}

.accordion-item.active .accordion-content {
    padding: 1vw 2vw;
    max-height: 50vw; /* 넉넉히 잡고 overflow로 숨김 처리 */
}

.accordion-item.active .accordion-header .icon {
    background-image: url('/images/con12_04.png');
    transform: rotate(180deg);
}

.accordion-item .accordion-header .icon {
    background-image: url('/images/con12_05.png');
}
.con12_top{
    margin-top: 10%;
    margin-left: 0%;
}


.accordion {
    width: 59.5vw;
    margin: 1vw auto;
    margin-top: 3%;
}

.accordion-header p{
    width: 86%;
    font-size: 1.2vw;
}
.accordion-header .pin{
    width: 3.38859%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -2%;
    margin-bottom: 0%;
    margin-left: 0%;
    height: unset !important;
}
.accordion-header {
    background: #f2f2f27d;
    color: #000;
    font-family: var(--tf);
    font-size: 1.5vw;
    font-weight: bold;
    margin: 0.6%;
    border-radius: 0.3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vw;
    cursor: pointer;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease;
}
.accordion-item {
    border: 0.1vw solid #ddd;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
    overflow: hidden;
    box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
}
.con12_top {
    margin-top: 8%;
    margin-left: 0%;
}

.accordion-item{
    background: white;
}
.con12_topprvab{
    width: 11.811%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0%;
    left: 50%;
    transform: translateY(11%);
}
.accordion {
    width: 59.5vw;
    margin: 1vw auto;
    margin-top: 3%;
    margin-bottom: 7%;
}
.form_rowagree {
    margin-bottom: 3%;
    box-sizing: unset;
    padding: 0;
}
.policy_con_2nd {
    width: 100% !important;
    height: 6.5vw !important;
    padding-top: 2%;
    padding-left: 0 !important;
    overflow: hidden;
    border: 1px solid;
    width: 29%;
    margin-left: 0;
    height: 3.5vw;
    background: white;
    border: 1px solid #00000030;
    font-size: 1vw;
    font-family: 'Pretendard-Regular';
    outline: none;
    padding: 2%;
    box-sizing: border-box;
    padding-left: 2% !important;
    font-family: pretendard-light;
    font-size: 0.9vw;
    color: #000000a8;
    line-height: 1.6vw;
    overflow-y: scroll;
}
.form_agree {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55%;
    margin-top: 0%;
    margin-bottom: 4%;
    margin-left: 0;
    flex-direction: row;
    margin-top: 9%;
}
.form_row_label {
    font-family: var(--tf);
    color: black;
    font-weight: 500;
    font-size: 1vw;
}
.con11_top3{
    width: 13.7418%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    right: -5%;
    top: 61%;
}

.con8_top_5th_top_item1{
    background: #edf2f5;
}
.con8_top_5th_top_item2{
    background: #fffeef;
}
.con8_top_5th_top_item_top_2nd {
    margin-top: 8%;
    margin-left: 0%;
    margin-bottom: 9%;
    font-weight: 500;
}
.con8_top_5th_top_item1_top_3rd{
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 39%;
}
.con8_top_5th_top_item {
    border: 1px solid #0000001f;
    width: 33%;
    margin: 0 0.8%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    border-radius: 0.3vw;
    overflow: hidden;
}
.con8_top_5th_top{
    margin-bottom: 5%;
}
.con8_top_5th_top_item1ab{
    width: 76.9596%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 76%;
}
.con8_top_5th_top_item_top_2nd{
    text-align: center;
}
.con8_top_5th_top_item1abab{
    width: 58.9506%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -10%;
}
.con8_top_5th_top_item2abab{
    width: 62.3457%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: -14%;
}
.con8_top_5thab {
    width: 20.3762%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 91%;
    bottom: 8%;
}
.con8_top_5thab2 {
    width: 10.1097%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 95%;
    top: -3%;
}
.con8_top_5thabp{
    margin-top: 0%;
    margin-left: 0%;
    top: 105%;
    right: 0%;
    color: #0000005c;
}
.con8_top_5th_top_item2ababab{
    width: 25.7426%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 85%;
    bottom: 5%;
}
.con8_top_6th {
    margin-top: 4%;
}
.con8_top_7thab {
    width: 2.89969%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 21%;
    z-index: 2;
    right: 7%;
}
.con8_top_7th .con8_top_5th_top_item_top_2nd {
    margin-top: 2%;
    margin-bottom: 13%;
}
.con8_top_5th_top_item3ab{
    width: 22.4543%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0;
}
.con8_top_7th .con8_top_5th_top_item {
    width: 90%;
    margin-bottom: 5%;
    background: #efefef;
}
.con8_top_7thabab22 {
    width: 18.2602%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: -3%;
    top: 19%;
    z-index: 3;
}
.con8_top_5th_topprv_item{
    width: 31%;
    margin:0 0.5% ;
    background: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #0000001f;
    border-radius: 0.4vw;
    flex-direction: column;
}
.con8_top_5th_topprv_item_top{
    color: rgb(18, 60, 113);
    margin-top: 15%;
    margin-left: 0%;
    text-align: center;
}
.con8_top_5th_topprv_item_top_2nd{
    margin-top: 4%;
    margin-left: 0%;
    text-align: center;
    margin-top: 6%;
    margin-bottom: 50%;
}
.con8_top_5th_topprv_itemab{
    width: 65.1515%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 0;
}
.con8_top_5th_top {
    margin-bottom: 5%;
    margin-top: 2%;
}
.con8_top_5th_topprv_item_top_2nd {
    margin-top: 4%;
    margin-left: 0%;
    text-align: center;
    margin-bottom: 55%;
}
.con8_top_5thabp {
    margin-top: 0%;
    margin-left: 0%;
    top: 102.5%;
    right: 0%;
    color: #0000005c;
}

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

.con8_top_5thab2 {
    width: 10.1097%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    left: 95%;
    top: 33%;
}
.con8ab {
    top: unset;
    bottom: 0;
}
.con2_topab4ab {
    animation: blk 1s infinite;
}
.con10ab{
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 0;
}

.con10ab {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    top: 94%;
}

.con9_top_3rd_item4ab_con2 {
    width: 24.8294%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -7%;
    left: 5%;
    z-index: 2;
}
.con2_top_7thab{
    width: 12.7034%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
}
.con9_top_3rd_item {
    width: 44.5672%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    margin: 0 2.6%;
    margin-bottom: 3%;
}



/* 이미지 공통 스타일 */
.star {
    display: inline-block;
    will-change: transform, opacity, filter, box-shadow;
    transform-origin: center center;
}

/* 1) 반짝임(Shimmer): 밝기와 하이라이트가 번쩍 */
@keyframes sparkle {
    0%, 100% { filter: brightness(1) contrast(1); }
    40%      { filter: brightness(1.1) contrast(1.02); }
    60%      { filter: brightness(1.2) contrast(1.05); }
}

/* 2) 깜빡임(Flicker): 짧고 불규칙한 점멸 */
@keyframes flicker {
    0%, 100% { opacity: 1; }
    47%      { opacity: .96; }
    50%      { opacity: .6; }
    53%      { opacity: .98; }
    70%      { opacity: .85; }
}

/* 3) 회전(Rotation): 천천히 도는 느낌 */
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* 4) 맥동(Pulse): 살짝 커졌다 작아짐 */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    45%      { transform: scale(1.06); }
}

/* 5) 글로우(Glow): 바깥 광이 퍼졌다 줄어듦 */
@keyframes glow {
    0%, 100% { box-shadow: 0 0 0px rgba(255,255,255,0.0); }
    50%      { box-shadow: 0 0 24px rgba(255,255,255,0.55); }
}

/* 6) 트윙클(Twinkle): 작게 흔들리며 반짝 */
@keyframes twinkle {
    0%,100% { transform: translate3d(0,0,0) scale(1); opacity: 1; }
    50%     { transform: translate3d(0,-1px,0) scale(1.04); opacity: .92; }
}

/* 접근성: 모션 최소화 환경 존중 */
@media (prefers-reduced-motion: reduce) {
    .star, .star-* {
        animation: none !important;
        transition: none !important;
    }
}

/* === 사용 예시 유틸 클래스 === */

/* 보편 조합: 반짝임 + 맥동 */
.star-shiny {
    animation:
            sparkle 1.6s linear infinite,
            pulse   1.6s ease-in-out infinite,
            sway4 1.6s linear infinite;
}

/* 강조 조합: 반짝임 + 글로우 + 살짝 회전 */
.star-hero {
    animation:
            sparkle   1.8s linear infinite,
            glow      1.8s ease-in-out infinite,
            spin-slow 12s linear infinite;
}

/* 코믹/귀여움: 트윙클 + 가끔 깜빡임 */
.star-cute {
    animation:
            twinkle 1.2s ease-in-out infinite,
            flicker 3.5s steps(10, end) infinite;
}

/* 상호작용: hover 시 강하게 번쩍 */
.star-hover:hover {
    animation:
            sparkle .9s linear infinite,
            glow    .9s ease-in-out infinite,
            pulse   .9s ease-in-out infinite;
}


.main_conab5{
    animation-delay: 0.5s;
}
.main_top3rd > img{
    transition: 1.5s all;
}
.main_conab4 {
    width: 26.4567%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    right: -3%;
    top: 32%;
}
.main_conab4 > img{

    animation: rotate_img5deg infinite 1s;
}
.main_conab3 {
    animation: rotate_img5deg infinite 1s;
    animation-delay: 0.5s;
}
.con1_top_5th .mc{
    margin-left: -11%;
}
.con2_top_6th_top_4thab {
    line-height: 1.5;
}
.con2_top_6th_top_5th_conab2{
    animation: rotate_img5deg infinite 1s;
}
.con2_top_7th{
    margin-bottom: -3px;
}
.con5_top_2nd{
    transform: scale(0.8) rotate(-5deg) translateY(-10vh);
    opacity: 0;
}
.con5_top_3rd_item1ab3{
    animation: rotate_img5deg infinite 1s;
}
.con7_conconab2{
    animation: rotate_img5deg infinite 1s;

}
.con9_top_3rd_item4ab_con > img{
    animation: rotate_img5deg infinite 1s;

}
.con12_topprvab{
    transform: scale(0.8) rotate(-5deg) translateY(-10vh);
    opacity: 0;

}
.con12_topprvab img{
    animation: rotate_img5deg infinite 1s;

}
.policy_text {
    font-family: var(--tf);
    font-size: 0.85vw;
}

.required{
    background: unset !important;
}
.con12bg {
    top: 0;
    z-index: -1;
}
.con8_top_5thab2 {
    z-index: 3 !important;
}
.con8_top_5th_topprv_itemab {
    bottom: -4%;
}
.con8_top_5th_topprv_item{
    overflow: hidden;
}
.con8_top_5th_topprv_item_top_2nd {
    margin-bottom: 50%;
}
.con9_top_3rd_item4 {
    width: unset !important;
    max-width: 89.9503%;
}

    /* 토스트 메시지 스타일 */
    .toast {
      position: fixed;
      bottom: 5vh;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0,0,0,0.8);
      color: #fff;
      padding: 0.8vw 1.5vw;
      border-radius: 0.5vw;
      font-size: 1vw;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s ease;
      z-index: 9999;
    }
    .toast.show {
      opacity: 1;
    }


.con8_top_5th_topprv_item_top_2nd {
    margin-bottom: 5%;
}
.con8_top_5th_topprv_itemab2nd{
        width: 81.8186%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -35%;
}
.con8_top_5th_topprv_itemab1{
    bottom: 5%;
}
.con8_top_5th_topprv_itemab2{
        bottom: 8%;
    width: 58%;
}
.con8_top_5th_topprv_itemab3{
    bottom: 10%;
    width: 49%;
}

.con8_top_5th_top_item3ab {
    width: 22.4543%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 7%;
}
.con8_top_5th_top_item3ab2{
        width: 28.2101%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -39%;
}
.con8_top_5th_top_item3ab {
    width: 22.4543%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 10%;
}
.con8_top_7th .con8_top_5th_top_item_top_2nd {
    margin-top: 2%;
    margin-bottom: 14%;
}
.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) {
    .con1_top_5th .mc{
        margin-left: -2%;
    }
    .tablet { display: none; }
    .mobile { display: flex; }
    .mobile-pc { display: flex !important; }

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

    .main_top {
        width: 39.8609%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 35.8%;
        margin-left: 0%;
    }
    .main_top2nd {
        width: 39.6457%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 7.6%;
        margin-left: 0%;
    }
    .main_top3rd {
        width: 86.8451%;
        display: flex;
        z-index: 1;
        justify-content: center;
        align-items: center;
        margin-top: -3%;
        margin-left: 0%;
    }

    .main_top4th {
        width: 55.79%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3%;
        margin-left: 0%;
    }
    .main_conbg {
        width: 256.5879%;
        display: flex;
        justify-content: center;
        z-index: 1;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0;
    }
    .main_top5th {
        width: 30.13386%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 9.9%;
        margin-left: 0%;
        margin-bottom: 30.7%;
    }
    .main_conab4 {
        width: 53.4567%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -46%;
        display: flex;
        top: 28%;
    }
    .main_top5th {
        width: 30.13386%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 9.9%;
        margin-left: 0%;
        margin-bottom: 52.7%;
    }
    .main_conab2 {
        width: 33.2782%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: unset;
        rotate: unset;
        bottom: 23%;
    }
    .main_conbg {
        width: 306.5879%;
        display: flex;
        justify-content: center;
        z-index: 1;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0;
    }
    .main_conab3 {
        width: 27.4383%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 2;
        bottom: 3%;
        left: 6%;
    }
    .main_conab1 {
        width: 21.5984%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 2%;
        top: 12%;
    }
    .main_conab5 {
        width: 17.5984%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 2;
        right: 9.7%;
        bottom: 15%;
    }
    .main_conab6 {
        width: 34.2257%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        z-index: 3;
        margin-left: 0%;
        bottom: 0%;
        right: 4%;
    }

    .con1_top2nd {
        margin-top: 4.4%;
        margin-left: 0%;
        width: 53%;
        font-size: 4vw;
        text-align: center;
    }

    .con1_top {
        margin-left: 0%;
        width: 55%;
        margin-top: -0.5%;
    }
    .con1_top3rd {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 75%;
        flex-direction: column;
        margin-top: 7%;
        margin-left: 2%;
    }
    .con1_top2nd {
        margin-top: 4.4%;
        margin-left: 0%;
        width: 62%;
        font-size: 4vw;
        text-align: left;
    }
    .con1_top {
        margin-left: 0%;
        width: 65%;
        margin-top: -0.5%;
    }
    .con1_top {
        margin-left: 0%;
        width: 65%;
        margin-top: 5.5%;
        line-height: 1.2;
    }
    .con1bg {
        width: 109.1444%;
        display: flex;
        justify-content: center;
        z-index: 1;
        align-items: center;
        margin-top: 0%;
        margin-left: 0;
        top: 77%;
        left: -5.7%;
    }
    .con1_top {
        margin-left: 0%;
        width: 65%;
        margin-top: 10.5%;
        line-height: 1.2;
    }
    .con1bg {
        width: 109.1444%;
        display: flex;
        justify-content: center;
        z-index: 1;
        align-items: center;
        margin-top: 0%;
        margin-left: 0;
        top: 83%;
        left: -5.7%;
    }
    .con1_conab {
        width: 39.294%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -1%;
        top: -1%;
    }
    .con1_conab2 {
        width: 37.5958%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 2%;
        top: 69%;
    }
    .con1_top_4th {
        width: 16.93701%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30%;
        margin-left: 0%;
    }
    .con1_top_5th {
        margin-top: 7%;
        margin-left: 0%;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 35%;
    }
    .con1_top_5thab {
        width: 9.35696%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 50%;
        left: 70.3%;
        animation: rotate_img10deg infinite 1s;
    }
    .con1_conab2 {
        width: 37.5958%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 2%;
        top: 50%;
    }
    .con1_conab {
        width: 39.294%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -4%;
        top: -1%;
    }
    .con2_top {
        width: 87.1365%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -27%;
        margin-left: 0%;
    }
    .con2_top_2nd {
        width: 21.8635%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 13%;
        margin-left: 0%;
    }
    .con2_top_4th {
        margin-top: 5.3%;
        margin-left: 0%;
        text-align: center;
        line-height: 1.2;
    }
    .con2_top_5th {
        margin-top: 3.4%;
        margin-left: 0%;
        text-align: center;
        line-height: 1.5;
        width: 83%;
    }
    .con6_mid_swiper_1_slide_p_con1 {
        width: 92.2047%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        transition: 0.7s all;
        transition-delay: 0.3s;
        opacity: 1;
    }
    .con6_mid_swiper_1_slide.swiper-slide-active .con6_mid_swiper_1_slide_p_con1{
        transform: translate(-13%, -11%) rotate(-6deg);
        opacity: 0.3;
    }
    .con6_mid_swiper_1_slide.swiper-slide-next  +.con6_mid_swiper_1_slide .con6_mid_swiper_1_slide_p_con1{
        transform: translate(13%, -11%) rotate(6deg);
        opacity: 0.3;

    }
    .con6_mid_swiper_item {
        margin-top: 9.5%;
        margin-left: 0%;
        width: 183%;
    }
    .con2_top_6th {
        width: 94%;
        background: white;
        margin-top: 9.5%;
        border-radius: 0.7vw;
        box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
    }
    .con2_top_6th_top {
        margin-top: 13%;
    }
    .con2_top_6th_top_2nd {
        width: 37.3986%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 4%;
        margin-left: 0%;
    }
    .con2_top_6th_top_3rd {
        margin-top: 4.3%;
        margin-left: 0%;
        width: 75%;
        text-align: center;
    }
    .con2_top_6th_top_4th {
        width: 70.0178%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 1%;
        margin-bottom: -10%;
    }
    .con2_top_6th_top_4th > img{
        height: 51vw;
    }
    .con2_top_6th_top_4thab{
        margin-top: -3%;
        margin-left: 0%;
        font-size: 3vw;
        width: 84%;
        line-height: 1.3;
        text-align: center;
    }
    .con2_top_6thab4 {
        width: 19.7065%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 7%;
        right: 14%;
    }
    .con2_top_6thab3 {
        width: 18.3238%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 87%;
        bottom: 14%;
    }
    .con2_top_6th_top_5th_con {
        margin-top: 16.6%;
        margin-left: 0%;
        width: 79.3vw;
        height: 46vw;
        border-radius: 1vw;
        background: white;
        margin-bottom: 8.5%;
    }
    .con2_top_6th_top_5th {
        margin-left: 0%;
        width: 76.5vw;
        height: 43.3vw;
        overflow: hidden;
        border-radius: 1vw;
    }
    .con2_top_6th_top_5th_conab {
        width: 5.81426%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        z-index: 3;
        margin-left: 0%;
        top: -11%;
        right: 9%;
    }
    .con2_con .con7_prev {
        left: 1% !important;
        top: unset !important;
        width: 8vw !important;
        height: 7vw !important;
        border-radius: unset;
        overflow: hidden;
        left: 29.3% !important;
        bottom: 46%;
        transition: 0.4s background;
    }

    .con2_con .con7_next {
        right: 1% !important;
        top: unset !important;
        width: 8vw !important;
        height: 7vw !important;
        border-radius: unset;
        overflow: hidden;
        right: 29.3% !important;
        bottom: 46%;
        transition: 0.4s background;
    }
    .con2_top_7th{
        width: 250%;
    }
    .con5_top {
        width: 42.3176%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 14.6%;
        margin-left: 0%;
        z-index: 3;
    }
    .con5_top_2nd {
        width: 63.5066%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3%;
        margin-left: 0%;
    }
    .con5_top_3rd {
        align-items: center;
        margin-top: 1%;
        flex-direction: column;
    }
    .con5_top_3rd_item {
        background: white;
        width: 77%;
        margin: 2% 1%;
        border-radius: 0.5vw;
        box-shadow: 0.3vw 0.4vw 0px 0px #d85581;
        justify-content: flex-start;
        height: 95.4vw;
    }
    .con5_top_3rd_item_top_7th {
        margin-top: 3%;
        margin-left: 0%;
        font-size: 3.2vw;
        font-weight: 400;
    }
    .con5_top_4th {
        width: 97.2835%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 6%;
        margin-left: 0%;
        z-index: 3;
    }
    .con5_top_4th > img{
        height: 111vw;
    }
    .con5_top_4th_top_2nd {
        margin-top: 3.5%;
        width: 84%;
        text-align: center;
    }
    .con5_top_4th_top_3rd {
        width: 79.1634%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 0%;
    }
    .con5_top_4thab3 {
        width: 26.4684%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0%;
        top: -1%;
    }
    .con5_top_4thab2 {
        width: 32.9935%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 69%;
        top: 9%;
    }
    .con5_top_4th_top_3rdab {
        width: 31.3961%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 80%;
        left: 0%;
    }
    .con7_con {
        margin-top: 6%;
        margin-left: 0%;
        width: 91%;
        border-radius: 0.5vw;
        background: white;
        box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
        padding: 0.3% 0;
    }
    .con7_top {
        margin-top: 25.3%;
        margin-left: 0%;
    }

    .con7_top2nd {
        margin-top: 4%;
        width: 84.0952%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .form {
        margin-top: -2%;
        width: 94%;
    }
    .form_row_label {
        font-family: var(--tf);
        color: black;
        font-weight: 500;
        font-size: 3.3vw;
    }
    .form_row_imput {
        width: 83%;
        margin-left: 8.2%;
        height: 7vw;
        background: white;
        border: 1px solid #00000030;
        font-size: 3.3vw;
        outline: none;
    }.form_row_imput {
         width: 83%;
         margin-left: 8.2%;
         height: 7vw;
         background: white;
         border: 1px solid #00000030;
         font-size: 3.3vw !important;
         outline: none;
     }
    textarea::placeholder{
        font-size: 3vw !important;
        color: 00000030;
    }
    textarea {
        width: 100% !important;
        height: 18vw !important;
        padding-top: 2%;
        margin: 0 !important;
    }
    .form_rowab{
        margin-top: 0%;
        margin-left: 0%;
        font-size: 2.8vw;
    }
    .form_top_3rd {
        margin-top: 8%;
        margin-left: 0%;
        text-align: center;
        width: 87%;
        font-size: 2.7vw;
        color: #00000087;
    }
    .form_agree_span {
        font-size: 2.9vw;
        font-family: Pretendard variable;
        color: black;
        font-family: var(--tf);
    }
    .form_agree_check {
        margin-right: 2%;
        margin-left: unset;
        height: 3vw;
        width: 3vw;
        overflow: hidden;
        outline: 0;
        background: transparent;
        color: transparent;
        border: 1px solid #00000045;
        appearance: none;
        border-radius: unset;
    }
    .form_agree_check:checked::after {
        content: "";
        width: 2.2vw;
        height: 2.2vw;
        position: absolute;
        background: var(--mc);
        border-radius: 0;
        color: unset !important;
    }
    .form_agree {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 63%;
        margin-top: 0%;
        margin-bottom: 4%;
        margin-left: 0;
        flex-direction: row;
        margin-top: 9%;
    }
    .policy_con_2nd {
        width: 100% !important;
        height: 21.5vw !important;
        padding-top: 2%;
        padding-left: 0 !important;
        overflow: hidden;
        border: 1px solid;
        width: 29%;
        margin-left: 0;
        height: 3.5vw;
        background: white;
        border: 1px solid #00000030;
        font-size: 1vw;
        font-family: 'Pretendard-Regular';
        outline: none;
        padding: 2%;
        box-sizing: border-box;
        padding-left: 2% !important;
        font-family: pretendard-light;
        font-size: 0.9vw;
        color: #000000a8;
        line-height: 1.6vw;
        overflow-y: scroll;
    }
    .con7_conab {
        width: 7.98221%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -2.4%;
        z-index: 2;
    }
    .con7_conconab2{
        display: none;
    }
    .form_submitbt {
        margin-top: -6%;
    }
    .con7ab {
        width: 236.787%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0;
    }
    .con8_top {
        width: 26.1759%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 18.3%;
        margin-left: 0%;
    }
    .con8_top_2nd {
        margin-top: 3.8%;
        margin-left: 0%;
    }
    .con8_top_3rd {
        margin-top: 3.4%;
        margin-left: 0%;
    }
    .con8_top_4th {
        width: 28.8136%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 8%;
        margin-left: 0%;
    }
    .con8_top_5th {
        width: 94%;
        border: 1px solid #0000001f;
        box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
        padding-top: 3%;
        border-radius: 0.3vw;
    }
    .con8_top_5th_topprv_itemab {
        width: 95.1515%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -9%;
    }
    .con8_top_5th_topprv_item_top {
        color: rgb(18, 60, 113);
        margin-top: 18%;
        margin-left: 0%;
        text-align: center;
        font-size: 3.3vw;
    }
    .con8_top_5th_topprv_item{
        overflow: hidden;
    }
    .con8_top_5th_topprv_item_top_2nd {
        margin-top: 13%;
        margin-left: 0%;
        text-align: center;
        margin-bottom: 70%;
    }
    .con8_top_5th_topprv_itemab {
        width: 95.1515%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -4%;
    }
    .con8_top_5th_top_item {
        border: 1px solid #0000001f;
        width: 47%;
        margin: 0 0.8%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        border-radius: 0.3vw;
        overflow: hidden;
    }
    .con8_top_5th_top_item_top_2nd {
        text-align: center;
        width: 75%;
        line-height: 1.2;
        height: 16vw;
        font-size: 3.3vw;
    }
    .con8_top_5th_top_item1_top_3rd {
        margin-bottom: 50%;
        font-size: 3.8vw;
    }
    .con8_top_5th_top_item1ab {
        width: 85.9596%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 79%;
    }
    .con8_top_5th_top_item1abab {
        width: 69.9506%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -10%;
    }
    .con8_top_5th_top_item2abab {
        width: 74.3457%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -14%;
    }
    .con8_top_5th_top_item2ababab {
        width: 38.7426%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 85%;
        bottom: 5%;
    }
    .con8_top_6th {
        margin-top: 15% !important;
    }
    .con8_top_5thab {
        width: 20.3762%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -1%;
        bottom: -9%;
        z-index: 3;
    }
    .con8_top_5thab2 {
        width: 12.1097%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 91%;
        top: 33%;
        z-index: 3;
    }
    .con8_top_5th_top_item3ab {
        width: 41.4543%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -4%;
    }
    .con8_top_7thabab22 {
        width: 29.2602%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -3%;
        top: 33%;
        z-index: 3;
    }
    .con8_top_7thab {
        width: 7.89969%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 21%;
        z-index: 2;
        right: 11%;
    }
    .con8_top_7thab2ab {
        margin-top: 0%;
        margin-left: 0%;
        font-size: 2.8vw;
        left: 41%;
        top: 25%;
    }
    .con8ab {
        top: unset;
        bottom: 0;
        width: 138%;
        left: 0;
    }
    .con8_top_7th {
        z-index: 2;
        margin-bottom: 19.2%;
    }
    .con9 {
        margin-top: -23%;
    }
    .con9_top {
        width: 14.93701%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 38.3%;
        margin-left: 0%;
    }
    .con9_top_2nd {
        margin-top: 3%;
        margin-left: 0%;
    }
    .con9_top_3rd {
        width: 95%;
        margin-top: 4%;
        justify-content: flex-start;
    }
    .con10_top {
        width: 33.2677%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 18%;
        margin-left: 0%;
    }
    .con10_top_2nd {
        margin-top: 4%;
        margin-left: 0%;
    }
    .con10_top_3rd_item {
        width: 32.1207%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin: 0 1%;
    }
    .con10_top_3rd {
        margin-top: 5%;
    }
    .con11_top {
        width: 90.0709%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 8%;
        margin-left: 0%;
    }
    .con11_topab2ab {
        margin-top: 0%;
        margin-left: 0%;
        top: 107%;
        white-space: nowrap;
    }
    .con11_topab {
        width: 37.1583%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 30%;
    }
    .con11_topab2 {
        margin-top: 0%;
        margin-left: 0%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 51%;
        font-size: 8vw;
    }
    .con11_topab2ab {
        margin-top: 0%;
        margin-left: 0%;
        top: 114%;
        white-space: nowrap;
        font-size: 3.5vw;
    }
    .con11_top_3rd_item {
        width: 47.4136%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
    }
    .con12_topprv{
        width: 200% !important;
    }
    .con12_top {
        margin-top: 15%;
        margin-left: 0%;
    }
    .con12_topprvab {
        width: 21.811%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0%;
        left: 50%;
        transform: translateY(11%);
    }
    .accordion {
        width: 90.5vw;
        margin: 1vw auto;
        margin-top: 7%;
        margin-bottom: 15%;
    }
    .accordion-header p {
        width: 86%;
        font-size: 3.5vw;
    }
    .accordion-item {
        border: 0.1vw solid #ddd;
        margin-bottom: 2vw;
        border-radius: 0.5vw;
        overflow: hidden;
        box-shadow: 0.3vw 0.4vw 0px 0px #d4d2c8;
    }
    .accordion-header {
        background: #f2f2f27d;
        color: #000;
        font-family: var(--tf);
        font-size: 1.5vw;
        font-weight: bold;
        margin: 1.6%;
        border-radius: 0.6vw !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2vw;
        cursor: pointer;
        position: relative;
        transition: background 0.3s ease, color 0.3s ease;
    }
    .accordion-header .icon {
        width: 3vw;
        height: 1.7vw;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 1vw;
        transition: transform 0.3s ease;
    }
    .accordion-item.active .accordion-content {
        padding: 2vw 2vw;
        max-height: 50vw;
    }
    .accordion-item.active .accordion-content {
        padding: 3vw 3vw;
        max-height: 103vw;
    }
    .accordion-content {
        font-family: var(--tf);
        font-size: 3vw;
        line-height: 1.6;
        padding: 0 2vw;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        transition: max-height 0.5s ease, padding 0.5s ease;
    }
    .con9_top_3rd_item {
        width: 45.5672%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin-top: 0%;
        margin-left: 0%;
        margin: 0 2.1%;
        margin-bottom: 3%;
    }
    .con9_top_3rd_item4 {
        width: 88.9503%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 5%;
        margin-bottom: 14%;
    }
    .con9_top_3rd_itemab {
        width: 8.61157%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 92%;
    }
    .con9_top_3rd {
        width: 95%;
        margin-top: 4%;
        justify-content: flex-start;
        margin-bottom: 17%;
    }
    .con9_top_3rd_item4ab_con2 {
        width: 45.8294%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0%;
        bottom: -6%;
        left: 5%;
        z-index: 2;
    }
    .con9_top_3rd {
        width: 95%;
        margin-top: 4%;
        justify-content: flex-start;
        margin-bottom: 43%;
    }
    .con9_top_3rd_item4ab_con2 {
        width: 45.8294%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0%;
        bottom: 1%;
        left: 0%;
        z-index: 2;
    }
    .con9_top_3rd_item4ab_con {
        width: 33.0499%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0%;
        right: 0%;
    }
    .con9_top_3rd_itemab2 {
        width: 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -1%;
        right: 2%;
        z-index: 3;
    }
    .con11_top_3rd {
        width: 91%;
        margin-bottom: 8%;
    }
    .con11_top_3rd {
        width: 91%;
        margin-bottom: 11%;
    }
    .con11_top_3rd {
        width: 91%;
        margin-bottom: 11%;
        margin-top: 4%;
    }
    .accordion-header {
        background: #f2f2f27d;
        color: #000;
        font-family: var(--tf);
        font-size: 1.5vw;
        font-weight: bold;
        margin: 1.6%;
        border-radius: 0.6vw !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 3vw;
        cursor: pointer;
        position: relative;
        transition: background 0.3s ease, color 0.3s ease;
    }
    .accordion-header .pin {
        width: 5.38859%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3%;
        margin-bottom: 0%;
        margin-left: -2%;
        height: unset !important;
    }
    .con10_top_3rd_itemab2 {
        margin-top: 0%;
        margin-left: 0%;
        top: 67%;
        font-size: 3.3vw;
    }
    .con1_top3rd {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 85%;
        flex-direction: column;
        margin-top: 4%;
        margin-left: 4%;
    }
    .con2_top_5th {
        margin-top: 3.4%;
        margin-left: 0%;
        text-align: center;
        line-height: 1.5;
        width: 91%;
    }
    .con2_top_6thab {
        width: 9.96085%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -7%;
        left: 3%;
    }
    .con2_top_6th_top_4th {
        width: 78.0178%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 1%;
        margin-bottom: -10%;
    }
    .con2_top_6th_top_4thab {
        margin-top: -6%;
        margin-left: 0%;
        font-size: 3vw;
        width: 90%;
        line-height: 1.5;
        text-align: center;
    }

    .con8_top_5th_topprv_item_top_2nd {
        margin-top: 13%;
        margin-left: 0%;
        text-align: center;
        margin-bottom: 70%;
        width: 88%;
        font-size: 3.5vw;
    }
    .main_conab4 > img{
        opacity: 0;
    }
    .accordion-item.active .accordion-content {
        padding: 3vw 5vw;
        max-height: 103vw;
    }
    .con11_top3 {
        width: 17.7418%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin-top: 0%;
        margin-left: 0%;
        right: -5%;
        top: 54%;
    }
    .form_row input::placeholder{
        font-size: 3.3vw;
    }
    .policy_text {
        font-family: var(--tf);
        font-size: 2.85vw;
    }
    .con12bg {
        top: 0;
        z-index: -1;
        width: 145%;
    }    
        .con1_conab{
            display: none;
        }
    .con1_con_con {
        rotate: 0deg !important;
        text-align: center;
        opacity: 1;

        z-index: 3;
    }    
    .con1_top2nd {
        margin-top: 4.4%;
        margin-left: 0%;
        width: 62%;
        font-size: 4vw;
        text-align: left;
        text-align: center;
    }
    .con1_top3rd {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: 85%;
        flex-direction: column;
        margin-top: 6%;
        margin-left: 10%;
    }    
        .con8_top_5th_topprv{
            flex-wrap: wrap;
        }
    .con8_top_5th_topprv_item {
        width: 81%;
        margin: 2% 0.5%;
        background: #efefef;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #0000001f;
        border-radius: 1.4vw;
        flex-direction: column;
    }
    .con8_top_5th_topprv_item_top_2nd {
        margin-top: 8%;
        margin-left: 0%;
        text-align: center;
        margin-bottom: 65%;
        width: 88%;
        font-size: 6.5vw;
    }
    .con8_top_5th_topprv_itemab {
        width: 69.1515%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -4%;
    }    
    .con8_top_5th_topprv_item_top_2nd {
        margin-top: 8%;
        margin-left: 0%;
        text-align: center;
        margin-bottom: 48%;
        width: 88%;
        font-size: 6.5vw;
    }    
    .con8_top_5th_topprv_item_top {
        color: rgb(18, 60, 113);
        margin-top: 11%;
        margin-left: 0%;
        text-align: center;
        font-size: 5.3vw;
    }
    .con8_top_5thab {
        width: 20.3762%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 81%;
        bottom: 52%;
        z-index: 3;
    }    
    .toast {
        position: fixed;
        bottom: 5vh;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,0.8);
        color: #fff;
        padding: 1.8vw 2.5vw;
        border-radius: 1.5vw;
        font-size: 3vw;
        pointer-events: none;
        transition: opacity 0.4s ease;
        z-index: 9999;
    }    
.con8_top_5th_topprv_item_top_2nd {
    margin-top: 8%;
    margin-left: 0%;
    text-align: center;
    margin-bottom: 6%;
    width: 88%;
    font-size: 6.5vw;
}
    
.con8_top_5th_topprv_itemab1 {
    bottom: 7% !important;
}
    .con8_top_5th_topprv_itemab2{
            width: 62.1515%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 11%;
    }
    .con8_top_5th_topprv_itemab3{
            width: 53.1515%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 13%;
    }
.con8_top_5th_top_item3ab2 {
    width: 52.2101%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: -39%;
}    
.con8_top_5th_top_item3ab {
    width: 47.4543%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    bottom: 6%;
}    
.con8_top_5thabp {
    margin-top: 0%;
    margin-left: 0%;
    top: 100.5%;
    right: 0%;
    color: #0000005c;
}    
    
}