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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
section{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;

}
.pc-mobile{
    display: flex;
}
.mobile-pc{
    display: none;
}
.pc{
    display: flex;
}
.pc-inline{
    display: inline;
}
.tablet{
    display:none;
}
.mobile{
    display:none;
}
html {
    scroll-behavior: smooth;
}
.main::after{
    width: 1vw;
    height: 0vw;
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 0;
    pointer-events: none;
/*     content:url(/images/con1_10.png) url(/images/con1_11.png) url(/images/con1_12.png)
    url(/images/con6_08.png) url(/images/con6_09.png)  url(/images/con6_10.png) url(/images/con6_11.png) url(/images/con6_12.png)
    url(/images/con7_02.png) url(/images/con7_03.png) url(/images/con7_04.png)  url(/images/con7_05.png); */
}
.clearfix::after,
.clearfix::before {
    display: block;
    clear: both;
    content: "";
}
.flowhid{
    overflow: hidden;
}
.hide{
    display: none !important;
}
.hideopa{
    opacity: 0 !important;
}
.show{
    opacity: 1 !important;
}
.absol{
    position: absolute;
}
.rltv{
    position: relative;
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.flexrow{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.flexcol{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


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

.shakeTwice {
    animation: shakeTwice 2s ease-in-out infinite;
    transform-origin: center;
  }
  .shakeTwices {
    animation: shakeTwices 2s ease-in-out infinite;
    transform-origin: center;
  }
  @keyframes shakeTwice {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(5deg);
    }
    20% {
      transform: rotate(-5deg);
    }
    30% {
      transform: rotate(4deg);
    }
    40% {
      transform: rotate(-4deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @keyframes shakeTwices {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(3deg);
    }
    20% {
      transform: rotate(-3deg);
    }
    30% {
      transform: rotate(2deg);
    }
    40% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes marquee2 {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
@keyframes slick-circle{
    0%{left:0;}
    100%{left:99%;}
}
@keyframes soul_out {
    0% {
        opacity: 0.7;
    }
    100% {
        opacity: 0;
        transform: translateY(-50%);
    }
}
@keyframes ddm3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: rotate(-8deg);
    }
    65% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm4 {
    0% {
        transform: scale(1);
    }
    25% {
        transform: rotate(-2deg);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes rotate_image1 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes ani_scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.1, 0.01, 0.01, 1.2, 0, 0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes blk {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    31% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk2 {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk3 {
    0% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes scaleOpa {
    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleOpa2 {
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes ball {
    0% {
        bottom: 0px;
    }
    100% {
        bottom: 20px;
    }
}
@keyframes ddm {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -30);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm_m {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm_m2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.15, 0.01, 0.01, 1.15, 0, 30);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoom2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes rotate_imageY {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes ddm2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateY(20px);
    }
    75% {
        transform: scale(1.02);
        transform: translateY(10px);
    }
    100% {
        transform: scale(1);
        transform: translateY(0px);
    }
}
@keyframes ddm2X {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: scale(1.02);
    }
}
@keyframes ddm2Xhalf {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-50%);
    }
    100% {
        transform: scale(1.02);
    }
}

@keyframes scaleOpa3 {
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes uitLineMove {
    0% { stroke-dashoffset: 300.292; }
    100% { stroke-dashoffset: 110; }
}

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

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

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

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

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

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

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

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

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

    100% {
        transform: translateY(2%);
    }
}
@keyframes bg-position {
    0% {
        background-position: bottom;
    }
    25% {
        background-position: center;
    }
    50% {
        background-position: inherit;
    }
    75% {
        background-position: center;
    }
    100% {
        background-position: bottom;
    }
}
@keyframes smoke {
    0% {
        transform: translate(0, 30%) rotate(0);
        opacity: 0.2;
    }
    25% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(10px);
        opacity: 1;
    }
    50% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(50px);
        opacity: 1;
    }
    75% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(50px);
        opacity: 1;
    }
    100% {
        transform: translate(calc(random() * 100vw), 200vh) rotate(0) translateX(70px);
        opacity: 0.2;
    }
}

@keyframes light {
    0%, 31%, 34%, 39%, 42%, 47% {
        opacity: 0;
    }
    5%, 30%, 35%, 38%, 43%, 46% {
        opacity: 0.4;
    }
    50%, 55%, 60%, 67%, 51%, 54%, 68%, 100% {
        opacity: 1;
    }
    70% {
        opacity: 0.2;
    }
}
@keyframes marqueeX {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@keyframes marqueeX_r {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}
@keyframes marqueeY {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
@keyframes marqueeY_r {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}
@keyframes fall {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }
    100%{
        transform: rotateX(240deg) rotateY(400deg) rotateZ(310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}
@keyframes fall2 {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }
    100%{
        transform: rotateX(-240deg) rotateY(-400deg) rotateZ(-310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}
@keyframes backgroundchange {
    0% {
        background: url(/images/con11_07.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);
    }
}
@keyframes shakeAndFall {
    0% {
        transform: translate(0, -50%) rotate(0);
        opacity: 0;
    }
}
div.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.swiper-wrapper.flow {
    pointer-events: none;
    transition-timing-function: linear;
}
section {
    font-family: 'Pretendard Variable';
    font-weight: 300;
    font-size: 0.9vw;
    letter-spacing: -0.04vw;
}
section img { 
    width: 100%;
}
.noto {
    font-family: "Noto Serif", serif;
}
.notokr {
    font-family: "Noto Serif KR", serif;
}
.exbold {
    font-weight: 900;
}
.bold {
    font-family: 'SUIT-Bold';
}
.sebold {
    font-weight: 600;
}
.medium {
    font-weight: 500;
}
.regular {
    font-weight: 400;
}
.flight {
    font-weight: 200;
}
.thin {
    font-weight: 100;
}
.animate-blk {
    animation: blk 1s infinite ease-in-out;
}
.scaleOpa {
    animation: scaleOpa infinite 2s;
}
.scaleOpa2 {
    animation: scaleOpa2 infinite 2s;
}
.light {
    animation: light infinite 5s;
}
.rotate_img {
    animation: rotate_image 10s infinite linear;
}
.white {
    color: white;
}
.txct {
    text-align: center;
}
.lh {
    line-height: 1.5;
}
/* reveal 대신 사용 start */
/* 왼쪽부터 나타나기 */
.clip_off02 {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 0.8s;
}
/* 가운데에서 나타나기 */
.clip_off {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    transition: all 0.8s;
}
/* gsap에서 넣을 class */
.clip_on {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}
/* reveal 대신 사용 end */
.absol_cover {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.max_width {
    width: unset !important;
    max-width: 101%;
}
.back_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
/* image_sd */
.image_sd_wrap {
    padding: 0.5vw 0;
    overflow: hidden;
}
.image_sd {
    animation: marqueeX 20s infinite linear;
}
.image_sd .absol {
    left: 100%;
}
.image_sd_r {
    animation: marqueeX_r 20s infinite linear;
}
.image_sd_r .absol {
    right: 100%;
}
/* image_sd end */
/* y_slide start */
.slide_y_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide_y {
    height: 100%;
    animation: marqueeY 20s infinite linear;
}
.slide_y img {
    width: unset !important;
    height: 100%;
}
.slide_y img.absol {
    top: 100%;
}
.slide_y_r {
    height: 100%;
    animation: marqueeY_r 20s infinite linear;
}
.slide_y_r img {
    width: unset !important;
    height: 100%;
}
.slide_y_r img.absol {
    bottom: 100%;
}
/* y_slide end */
/* swiper-arr */
.btn_arr {
    z-index: 2;
    cursor: pointer;
}
.arr_next {
    transform: rotate(180deg);
}
/* swiper-arr */
iframe {
    width: 100%;
    height: 100%;
    /* pointer-events: none; */
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 퍼블시작 */

:root{
    --main-green: #15692e;
    --main-red: #ca151d;
    --main-yellow: #ffe400;
}
.green{
    color: #15692e;
}
.red{
    color: #ca151d;
}
.yellow{
    color: #ffe400;
}
b{
    font-family: 'SUIT-Bold';
}
.okgung{
    font-family: 'OKGUNG';
}
.danjo{
    font-family: 'Danjo-bold-Regular';
}
.tpk{
    font-family: 'SDKukdetopokki';
}
.tpkL{
    font-family: 'SDKukdetopokki-Lt';
}
.subtitle{
    font-size: 1.4vw;
    margin-bottom: 0.8vw;
    /* font-family: 'SDKukdetopokki-Lt'; */
    font-family: 'SDKukdetopokki-Lt';
}
.title{
    font-size: 3.2vw;
    font-family: 'Danjo-bold-Regular';
    margin-bottom: 1vw;
    overflow: hidden;
}
.subtt{
    font-size: 1.1vw;
    line-height: 1.5;
    text-align: center;
    font-family: 'SUIT-Regular';
}





.main{
    background-color: var(--main-red);
    padding: 6vw 0 0 0;
}
.main_bg{
    width: 97.6378%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.2vw;
    border-radius: 2vw;
    overflow: hidden;
}
.main_continer{
    height: 100%;
}
.main_01{
    width: 25.6693%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.main_02{
    width: 21.8898%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.main_03{
    width: 22.7822%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.main_07{
    width: 23.8845%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -1vw;
}
.main_07 > img{
    animation: shakeTwices 2.2s infinite;
    transform-origin: center top;
}
.main_08 > img{
    animation: shakeTwices 2.2s 1.25s infinite;
    transform-origin: center top;
}
.main_08{
    width: 24.0945%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1vw;
}
.main_tt{
    font-size: 1.2vw;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 3vw;
}
.main_09, .main_10{
    top: -13%;
}
.main_09{
    width: 21.978%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_10{
    width: 22.0044%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_04{
    width: 29.8163%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 14%;
    transform-origin: center left;
}
.main_05{
    width: 33.9633%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: -4.5%;
}
.main_06 {
    width: 97.0774%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2%;
    top: -50%;
    animation: smoke 1.6s infinite;
}
.main_row{
    z-index: 5;
}
.main_11{
    width: 3.67454%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_11.left{
    left: 0.4%;
}
.main_11.right{
    right: 0.4%;
}




.con01{
    padding: 4vw 0 6vw 0;
    background: url("/images/con01_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con01_01{
    width: 13.1234%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5vw;
}
.con01_01 > img{
    animation: fadeInOut 3s infinite ease-in-out;
}
@keyframes fadeInOut {
    0%   { opacity: 0; }
    10%  { opacity: 1;  }
    90%  { opacity: 1;  }
    100% { opacity: 0; }
}
.con01_01_f{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
.con01_02{
    width: 22.8346%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
    overflow: hidden;
}
.con01_tt{
    font-size: 1vw;
    text-align: center;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
    margin-bottom: 17vw;
}
.con01_05_1 {
    width: 50.3937%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -45%;
    z-index: 5;
}
.con01_05_2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_bg2{
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}
.con01_03{
    width: 28.0208%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12%;
    z-index: -1;
}
.con01_03.left{
    left: 2%;
}
.con01_03.right{
    right: 2%;
}
.con01_04 {
    width: 28.4375%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7%;
    top: 24%;
    z-index: 5;
}
.con01_06{
    width: 68.6458%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10%;
}
.con01_06 img{
    animation: smoke 2s infinite;
}




.con02{
    padding: 6vw 0 10vw 0;
    background: url("/images/con02_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con02_01{
    width: 5.82677%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.8vw;
    overflow: hidden;
}
.con02_tt {
    margin-bottom: 1vw;
}
.con02_04_in{
    height: 100%;
    justify-content: start !important;
    padding-top: 3.5vw;
    box-sizing: border-box;
}
.con02_04_tt{
    margin-bottom: 0.5vw;
    font-size: 1.2vw;
}
.con02_04_tt2{
    font-size: 1vw;
    margin-bottom: 1.5vw;
}
.con02_04{
    width: 59.9475%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper_con02{
    width: 100%;
    bottom: 6%;
}
.con02_slide{
    width: 18vw;
    border: 1px solid #000;
}
.con02_slide_top{
    width: 100%;
    background-color: var(--main-green);
    padding: 0.6vw 0;
    border-bottom: 1px solid #000;
}
.con02_slide_btm{
    width: 100%;
    background-color: #fff;
    padding: 1.5vw 0 1.5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
}
.con02_slide_tt{
    text-align: center;
    font-size: 1.2vw;
}
.con02_slide_tt2{
    font-size: 1vw;
}
.con02_slide_tt3{
    font-size: 2.1vw;
}
.con02_slide_tt3 span{
    font-size: 1.5vw;
}
.con02_05{
    width: 47.7233%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con02_06{
    width: 12.4771%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: -10%;
}
.con02_02{
    width: 33.5433%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 19%;
}
.con02_03 {
    width: 22.9396%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -2%;
    top: 25%;
    transform-origin: top right;
}




.con03{
    padding: 5vw 0;
    background: url("/images/con03_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con03_con{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2vw;
}
.con03_con_box{
    width: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vw;
}
.con03_tt {
    margin-bottom: 3vw;
}
.con03_01 {
    width: 86.325%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: shakeTwices 2s infinite;
    transform-origin: center top;
}
.con03_02{
    width: 86.325%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: shakeTwices 2s 1s infinite;
    transform-origin: center top;
}
.con03_03_1{
    width: 26.6142%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_03_2 {
    width: 37.0809%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 37%;
    left: 32%;
}
.con03_04_1{
    width: 26.6142%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
}
.con03_04_2 {
    width: 18.5404%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 12%;
    right: 8%;
}




.con04{
    padding: 9vw 0;
    background: url("/images/con04_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con04_con{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con04_con_box{
    width: 12vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.con04_con_tt{
    width: 100%;
    font-size: 1.2vw;
    text-align: center;
    padding: 1vw 0;
    margin-bottom: 1vw;
    border-bottom: 1px solid #000;
}
.con04_con_tt2{
    font-size: 2.4vw
}
.con04_01_in_tt{
    font-size: 1.2vw;
    z-index: 5;
}
.con04_con_ct{
    font-size: 3.5vw
}
.con04_tt {
    margin-bottom: 2.5vw;
}
.swiper_con04_left{
    width: 20%;
    left: 0;
    height: 100%;
}
.swiper_con04_right{
    width: 20%;
    right: 0;
    height: 100%;
}
.con04_02_1 {
    width: 16.063%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 35%;
    left: 10%;
    z-index: 1;
}
.con04_02_2 {
    width: 14.0682%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 9%;
    right: 16%;
    z-index: 1;
}
.con04_02_3{
    width: 17.1129%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 28%;
    right: 12%;
    z-index: 1;
}
.con04_02_1 img{
    animation: ddm 1.5s infinite;
}
.con04_02_2 img{
    animation: ddm 1.5s 0.5s infinite;
}
.con04_02_3 img{
    animation: ddm 1.5s 1s infinite;
}
.con04_01 {
    width: 25.3543%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_03_1{
    width: 78.7402%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con05{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 48vw;
}
.con05_left{
    width: 40%;
    height: 100%;
    background: url("/images/con05_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con05_left_con{
    width: 70%;
}
.con05_right{
    width: 60%;
    height: 100%;
}
.con05_right_scroll{
    width: 100%;
    display: flex;
}
.con05_sub {
    width: fit-content;
    font-size: 1.3vw;
}
.con05_title{
    font-family: 'OKGUNG';
}
.con05_tt{
    text-align: start;
    font-size: 1vw;
}
.con05_right_col{
    width: 50%;
    height: 138vw;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 5vw;
}
.con05_right_col_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.con05_right_tt01{
    font-size: 1.6vw;
    margin-bottom: 1vw;
}
.con05_right_img{
    margin-bottom: 1.5vw;
}
.con05_right_tt02{
    font-size: 1.1vw;
    margin-bottom: 1vw;
}
.con05_right_tt03{
    font-size: 1vw;
    line-height: 1.5;
    font-family: 'SUIT-Regular';
}
.con05_right_num {
    width: 33.0166%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -5%;
    left: -11%;
}
.con05_right_img {
    width: 74.6454%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con06{
    padding: 6vw 0 9vw 0;
    background: url("/images/con06_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con06_bg_2{
    width: 76.4829%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}
.con06_bg_2_in{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
}
.con06_bg_2_in_con{
    width: 40%;
}
.con06_bg2_sub{
    width: fit-content;
    font-size: 1.3vw
}
.con06_bg2_title{
    font-size: 2.2vw;
}
.con06_bg2_tt{
    text-align: start;
    font-size: 1vw;
}
.con06_04 {
    width: 20.0412%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -6%;
    top: -5%;
}
.con06_05 {
    width: 20.9334%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -7%;
    bottom: -7%;
}
.con06_06{
    width: 41.1805%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_tt{
    margin-bottom: 2.5vw;
}
.con06_con{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 3vw;
}
.con06_08{
    transform: translateY(3vw);
    overflow: hidden;
}
.con06_con_ttbox{
    width: 85%;
    bottom: 8%;
}
.con06_con_tt01{
    font-size: 1.55vw;
    margin-bottom: 1vw;
}
.con06_con_tt02{
    font-size: 0.95vw;
    line-height: 1.5;
}
.con06_09 {
    width: 61.4897%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 8%;
    left: 16%;
}
.con06_10 {
    width: 31.9588%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -20%;
    bottom: 0;
    animation: con06_10 2s infinite;
}
@keyframes con06_10 {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-1vw); }
    75% { transform: translateX(1vw); }
  }
.con06_01 {
    width: 23.5696%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: -9%;
    z-index: 5;
}
.con06_03 {
    width: 22.7297%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 23%;
    z-index: 5;
}
.con06_02 {
    width: 106.928%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: smoke 2s infinite;
}
.con06_02.left{
    bottom: 34%;
    left: -22%;
}
.con06_02.right{
    bottom: 38%;
    right: -11%;
}
.con06_07_1 , .con06_08 {
    width: 33.1234%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_07_2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: light 3s infinite;
}




.con07{
    display: flex;
    flex-direction: row;
    height: 38vw;
}
.con07_left{
    width: 50%;
    height: 100%;
    background: url("/images/con07_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con07_right{
    width: 50%;
    height: 100%;
    border-top: 1px solid #000;
    flex-direction: column;
}
.con07_left_con{
    width: 70%;
}
.con07_sub {
    width: fit-content;
}
.con07_tt{
    text-align: start;
}
.con07_right_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #000;
    height: 6vw;
}
.con07_right_box_in{
    width: 85%;
}
.con07_right_tt01{
    font-size: 1.4vw;
}
.con07_right_tt02{
    font-size: 1vw;
    line-height: 1.5;
    display: none;
    margin-top: 1vw;
}
.con07_right_box.on .con07_right_tt02{
    display: block;
}
.con07_right_box.on{
    height: 14vw;
}
.con07_num.this{
    width: 21.313%;
}
.con07_num{
    width: 21.418%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5%;
    opacity: 0.4;
}
.con07_right_box.on .con07_num{
    opacity: 1;
}
.con07_right {
    cursor: url('/images/con07_06.png') 62 60, auto;
}




.con08{
    width: 100% !important;
    height: 48vw;
    background-color: #000;

    /* mask-image: url('/images/con08_bg.png');
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: url('/images/con08_bg.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    overflow: hidden;

    z-index: 1; */
}
.con08_in{
    height: 100%;
}
.con08_title{
    text-align: center;
    z-index: 1;
    line-height: 1.5;
    z-index: 5;
    padding: 0 0.5vw;
}
.con08_title_pen {
    width: 100%;
    height: 4vw;
    z-index: -1;
    background-color: var(--main-red);
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
}
.swiper_con08_left{
    left: 3%;
    width: 35%;
    height: 100%;
}
.swiper_con08_right{
    right: 0%;
    width: 35%;
    height: 100%;
}
.con08_poster1{
    width: 101.687%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_poster2{
    width: 87.2891%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con09{
    padding: 1vw 0 0 0;
    background-color: var(--main-red);
    z-index: 1;
}
.con09_bg{
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -15%;
}
.con09_03 {
    width: 108.58%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10%;
    left: -16%;
    animation: con09_03 3s infinite;
}
@keyframes con09_03 {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(3vw); }
  }
.con09_00{
    width: 106.639%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: smoke 1.8s infinite;
    top: -22%;
    left: -10%;
}
.con09_00 img{
    /* opacity: 0.8; */
}
.con09_01 {
    width: 27.9265%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 16%;
    top: 19%;
    z-index: 5;
}
.con09_02 {
    width: 34.0682%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 14%;
    bottom: 20%;
    z-index: 5;
}
.con09_5{
    width: 86.4567%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
    mix-blend-mode: screen;
    z-index: 0;
}
.con09_5_1{
    animation: con09_5_1 2s infinite linear;
}
@keyframes con09_5_1 {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 1;}
  }
.con09_video{
    width: 100%;
    bottom: 0;
    mix-blend-mode: lighten;
}
.con09_04_1{
    width: 51.3911%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.con09_line{
    width: 15vw;
    height: 1px;
    background-color: #fff;
    z-index: 5;
}
.con09_line.left {
    left: 0;
    top: 25%;
}
.con09_line.right {
    right: 0;
    bottom: 28%;
}
.con09_04_2  {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -1%;
}
.con09_tt {
    font-size: 1vw;
    line-height: 1.5;
    bottom: 19%;
    left: 15%;
}
.con09_food{
    transform: translateY(100%);
    transition: 1s;
}
.con09_food.on{
    transform: translateY(0);
}




.con10{
    padding: 4vw 0;
    background: url("/images/con10_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con10_bg_2 {
    width: 86.8241%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con10_in{
    height: 100%;
}
.con10_btnwrap{
    width: 85%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5vw;
    margin-bottom: 2vw;
}
.con10_btn{
    height: 4vw;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
}
.con10_menuwrap{
    width: 85%;
}
.con10_slide_tt{
    width: 100%;
    text-align: center;
    padding: 1vw 0;
    background-color: #000;
    font-size: 1.1vw;
}
.swiper_con10{
    width: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(3vw);
    transition: 0.3s;
}
.swiper_con10.on{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.con10_slide{
    width: 17.3vw;
}
.con10_slide_img{
    width: 100% !important;
    height: 13vw;
}
.con10_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con10_btn_line{
    width: 2.5vw;
    height: 0.3vw;
    background-color: var(--main-red);
    bottom: 0;
    transform: translateY(2vw);
    transition: 0.3s;
}
.con10_btn.on .con10_btn_line{
    transform: translateY(0);
}
.con10_btn:hover .con10_btn_line{
    transform: translateY(0);
}
.con10_btn.on{
    font-family: 'SDKukdetopokki';
}
.swiper_con10_btn{
    width: 3.08343%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 24%;
    cursor: pointer;
    z-index: 5;
}
.swiper_con10_prev{
    left: 3.5%;
}
.swiper_con10_next{
    right: 3.5%;
    transform: rotate(180deg);
}
.con10_01{
    width: 51.3301%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.2vw;
}
.con10_tt {
    margin-bottom: 2vw;
}




.con11{
    padding: 5vw 0;
}
.con11_con{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 2vw;
}
.con11_con_box{
    width: 43%;
}
.con11_con_box_ttbox{
    width: 100%;
    background-color: #F8F8F8;
    border: 1px solid #DFDFDF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.2vw 0 1.5vw 0;
    gap: 0.8vw;
    margin-top: 0.5vw;
}
.con11_con_box_tt01{
    font-size: 1.4vw;
}
.con11_con_box_tt02{
    font-size: 1.1vw;
}
.con11_01{
    width: 22.7822%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 16%;
}
.con11_04 {
    width: 36.5079%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -6%;
    top: -6%;
}
.con11_05 {
    width: 35.6532%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -10%;
    top: -6%;
}
.con11_con_img{
    width: 100.122%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con12{
    padding: 4vw 0 2vw 0;
}
.con12_tt{
    margin-bottom: 2vw;
}
.swiper_con12{
    width: 100%;
    height: 32vw;
}
.con12_bg{
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}
.con12_slide{
    width: 90.0262%;
    display: flex;
    justify-content: center;
    align-items: start !important;
    border-radius: 1.2vw;
    overflow: hidden;
    height: 26vw;
    background-color: #fff;
    border: 1px solid #ddd;
    transition: 0.5s;
}
.swiper-slide-active .con12_slide{
    transform: translateY(-2vw);
}
.swiper_con12_btn{
    width: 2.67717%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 37.5%;
    cursor: pointer;
    z-index: 5;
}
.swiper_con12_prev{
    left: 40%;
}
.swiper_con12_next{
    right: 40%;
    transform: rotate(180deg);
}
.con12_01 {
    width: 18.6352%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 11%;
    top: 19%;
}
.con12_02 {
    width: 27.2966%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5%;
    top: 25%;
}
.con12_01 img{
    animation: ddm 2s infinite;
}
.con12_02 img{
    animation: ddm 2s 0.5s infinite;
}




.con13{
    padding: 6vw 0 2vw 0;
    background: url("/images/con13_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con13_tt{
    margin-bottom: 4vw;
}
.swiper_con13{
    width: 100%;
}
.con13_line{
    width: 0.5vw;
    height: 100%;
    top: 0;
    border-left: 1px solid var(--main-red);
    border-right: 1px solid var(--main-red);
    opacity: 0.9;
}
.con13_line.left{
    left: 5%;
}
.con13_line.right{
    right: 5%;
}
.con13_01{
    width: 3.67454%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 8%;
}
.con13_01.left{
    left: 3.5%;
}
.con13_01.right{
    right: 3.5%;
}
.con13_slide1{
    width: 93.8677%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con13_slide2{
    width: 101.738%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con14{
    padding: 6vw 0 4vw 0;
    background: url("/images/con14_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con14_title{
    margin-bottom: 2vw;
}
.con14_con{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1vw;
    margin-bottom: 2.5vw;
}
.con14_tt{
    font-size: 1.2vw;
}
.con14_01 , .con14_02{
    width: 34.6982%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con14_03 {
    width: 40.3933%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -10%;
    top: -9%;
}
.con14_04 {
    width: 49.7731%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -12%;
    bottom: -9%;
}
.con14_05{
    width: 29.9213%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
    z-index: 5;
}
.con14_05 img{
    transform-origin: center top;

}



.con15{
    padding: 6vw 0;
    background: url("/images/con15_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con15_title{
    text-align: center;
}
.con15_tt{
    margin-bottom: 3.5vw;
}
.con15_con{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1.8vw;
}
.con15_con_box{
    width: 13.6483%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_con_top{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s;
}
.con15_con_top.on{
    opacity: 1;
}




.con16{
    padding: 6vw 0 5vw 0;
    background: url("/images/con16_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con16_01, .con16_02{
    width: 16.7269%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 29%;
}
.con16_01{
    top: 16.5%;
}
.con16_02{
    top: 30%;
}
.con16_03_1_btn{
    width: 100%;
    bottom: 0;
    height: 4vw;
}
.con16_03_1 {
    width: 58.058%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con17{
    padding: 6vw 0;
    background: url("/images/con17_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con17_title{
    text-align: center;
}
.con17_tt{
    margin-bottom: 3vw;
}
.con17_01{
    width: 46.6667%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
.con17_02 {
    width: 31.946%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -12%;
    top: -20%;
}
.con17_03{
    width: 33.6483%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: -13%;
    z-index: 1;
}
.con17_04{
    width: 82.2153%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -59%;
    left: -5%;
    animation: smoke 1.6s infinite;
}
.con17_line{
    width: 100%;
    bottom: 0;
    height: 1vw;
    background-color: var(--main-green);
}




.con18{
    padding: 6vw 0;
    background: url("/images/con18_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con18_title{
    margin-bottom: 2vw;
}
.con18_con{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw;
    row-gap: 1.5vw;
    z-index: 5;
}
.con05_card {
    width: 19.7507%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_arrow{
    width: 9.63455%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -11%;
}
.con18_10 {
    width: 34.9606%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -4%;
    bottom: -8%;
}




.con19{
    padding: 4vw 0 6vw 0;
}
.con19_01{
    width: 1.88976%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
    overflow: hidden;
}




.con20{
    padding: 5vw 0 8vw 0;
    background: url("/images/con20_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con20_con{
    width: 70%;
    display: flex;
    align-items: center;
    gap: 10vw;
}
.con20_sub{
    width: fit-content;
    margin-bottom: 1.5vw;
}
.con20_title {
    font-size: 3vw;
}
.con20_right{
    width: 40%;
}
.con20_right_ttbox{
    font-size: 0.9vw;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}
.con20_right_tt.btm{
    margin-top: 1vw;
}
.con20_01 {
    width: 13.6961%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    left: 18%;
}
.con20_02 {
    width: 14.6341%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -4%;
    left: 34%;
}
.swiper_con20{
    width: 100%;
    bottom: 0;
    background-color: var(--main-red);
    padding: 0.8vw 0;
}
.con20_03{
    width: 100.378%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.con21{
    padding: 6vw 0;
    background: url("/images/con21_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.con21_con{
    width: 78%;
    padding: 5vw 0;
    background: url("/images/con21_bg_2.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con21_title{
    font-size: 2.6vw;
}
.con21_left{
    width: 36%;
}
.con21_right{
    width: 48%;
    border-left: 1px solid #fff;
}
.con21_03{
    width: 63.1776%;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: none;
    margin-bottom: 2vw;
}
.con21_tt{
    font-size: 1vw;
    line-height: 1.5;
}
.con21_01 {
    width: 20.6595%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -8%;
    left: -5%;
}
.con21_02{
    width: 19.6501%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -5%;
    right: -4%;
}





/* form1 - start */
.form_col .dot {
    color: #fff;
    top: 23%;
    font-weight: 700;
    font-size: 1.2vw;
  }
  div.form_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1vw;
  }
  .form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.8vw;
  }
  .form {
    width: 78%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "SUIT-Regular";
    gap: 0.6vw;
    margin-left: 2vw;
}
  .form_input {
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    color: #000;
    background-color: #fff;
    padding-left: 1vw;
  }
  .form_input_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid rgba(221, 221, 221, 0.8); */
    padding-left: 1vw;
  }
  
  .form label {
    white-space: nowrap;
  }
  /* .form_input_box > label {
    font-family: "SF_HambakSnow";
  } */
  .form_input_01,
  .form_input_02,
  .form_input_03,
  .form_input_04,
  .form_input_05,
  .form_input_06 {
    width: 70%;
  }
  .form_input_06 {
    /* width: 70%; */
    height: 100%;
    box-sizing: border-box;
    padding: 0 1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    /* background: url(/images/con01_02.png) no-repeat; */
    background-size: 3%;
    background-position: 90%;
    cursor: pointer;
  }
  .form_check_wrap {
    width: 70%;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .form_check_wrap01 {
    gap: 0.5vw;
  }
  .form_check_wrap01 label {
    width: fit-content;
    height: 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #0000007a;
    padding: 0 0.3vw;
  }
  /* .form_check_wrap01 label:hover {
    background-color: #ef823a;
    color: white;
    border-color: #ef823a;
    font-family: 'SUIT-SemiBold';
  } */
  .form_check_wrap01 input:checked + label {
    background-color: #ca151d;
    color: white;
    border-color: #01053e;
    font-family: "SUIT-SemiBold";
  }
  .agree_text {
    cursor: pointer;
  }
  .form_check_wrap01 input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }
  
  .footeer_agree_checkbox_01,
  .footeer_checkbox_05,
  .footeer_checkbox_06 {
    width: 1vw;
    height: 1vw;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 0.5vw;
  }
  .footeer_agree_checkbox_01:checked::before,
  .footeer_checkbox_05:checked::before,
  .footeer_checkbox_06:checked::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ca151d;
    border-radius: 50%;
    scale: 0.7;
  }
  .footeer_agree_checkbox_01 {
    border-radius: 0%;
    background-color: transparent;
    border: 1px solid #fff;
  }
  .footeer_agree_checkbox_01:checked::before {
    border-radius: 0%;
  }
  .footeer_checkbox_05 {
    margin-right: 0.5vw;
  }
  .form_check_name_05,
  .form_check_name_06 {
    margin-right: 3vw;
    font-size: 1.1vw;
  }
  .form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9vw;
    margin: 0.7vw 0 1.5vw;
  }
  .form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000;
    background-color: #ca151d;
    padding: 0.9vw 0;
    font-size: 1.3vw;
  }
  .form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    padding-bottom: 0.5vw;
  }
  .form_star {
    top: 14%;
    left: 0.3vw;
    color: #ef592c;
  }
  .form_star_top {
    top: -25%;
    left: 19.4vw;
  }
  .form_col select {
    color: #0000007a;
  }
  
  /* form1 - end */



 /* map */
 .map_mid_map_search_top{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .map_mid_map_search_top > div{
    color: #000;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
    font-size: 1vw;
    font-weight: 500;
    cursor: pointer;
    background-color: #fff;
  }
  .on2{
    background: #ca151d !important;
    color: white !important;
    font-weight: 500 !important;
  }
  .off2{
    font-weight: 500 !important;
  }
  .map_mid_map_search_mid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95% !important;
    padding: 3%;
    background: #ca151d;
    border-radius: 0vw 0vw 0vw 0vw;
  }
  .map_mid_map_search_mid input{
    appearance: none;
    border: none;
    outline: none;
    width: 100%;
    height: 2.5vw;
    padding-left: 9%;
    font-weight: 400;
    font-size: 1vw;
    border-radius: 5vw;
  }
  .map_mid_map_search_mid input::placeholder {
    color: #00000054;
    font-family: 'SUIT-Regular';
  }
  /* .map_04{
  } */
  .map_mid_map_search_bottom{
    overflow-y: scroll;
    height: 74%;
    width: 100%;
    box-sizing: border-box;
    /* margin: auto; */
    padding: 0vw 0;
  }
  .map_mid_map_search_item_title{
    font-size: 1.3vw;
    font-weight: 700;
  }
  .map_mid_map_search_item_address{
    margin-top: 4%;
    margin-bottom: 4%;
  }
  .map {
    width: 100%;
    height: 32vw;
    box-sizing: border-box;
    background-color: #ddd;
    border: 1px solid #ddd;
  }
  .map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 75%;
    font-family: 'pretendard Variable';
  }
  .map_search{
    width: 6% !important;
    right: 9%;
    cursor: pointer;
  }
  .con7_bottom_2{
        width: 26.4943%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .map_mid_map_search_item_title {
    font-size: 1.1vw;
    font-weight: 700;
  }
  .map_mid_map_search_item {
    width: 87%;
    margin: 0% auto;
    border-bottom: 1px solid #00000054;
    padding: 7% 0%;
    font-size: 0.8vw;
    font-weight: 400;
    box-sizing: border-box;
    position: relative;
    color: #000;
  }
  .map_mid_map_search {
    width: 21%;
    background: white;
    height: 90%;
    z-index: 2;
    overflow: hidden;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    /* border-radius: 0vw 1vw 1vw 0vw; */
    /* border-right: 1px solid black; */
    box-sizing: border-box;
    /* border-radius: 0.5vw 0vw 0vw 0.5vw; */
}
  .map_mid_map_search_bottom::-webkit-scrollbar {
    display: none;
  }
  /* .map_plus {
    width: 16.4%;
    height: 2.9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 8%;
    bottom: 50%;
    transform: translateY(50%);
    cursor: pointer;
    background-color: #C90E16;
  } */
  .sido1 {
    width: 16%;
    height: 48%;
    border: none;
    border-right: 1px solid #b5b5b5;
    outline: none;
  }
  .map_link {
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
  }
  .map_mid_map_search_item_plus_con {
    top: 5vw;
    right: 0%;
    color: #186eb7;
    padding: 0.1vw 0.4vw;
    border: 0.2vw solid #186eb7;
    border-radius: 50vw;
    font-weight: 600;
    cursor: pointer;
  }
  
  
  
  /* map 추가 css */