* {
    padding: 0;
    margin: 0;
    box-sizing: unset;
}
.container {
    display: none !important;
}

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;
}
.flexrow{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.flexcol{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


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

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes marquee2 {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
@keyframes slick-circle{
    0%{left:0;}
    100%{left:99%;}
}
@keyframes soul_out {
    0% {
        opacity: 0.7;
    }
    100% {
        opacity: 0;
        transform: translateY(-50%);
    }
}
@keyframes ddm3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: rotate(-8deg);
    }
    65% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm4 {
    0% {
        transform: scale(1);
    }
    25% {
        transform: rotate(-2deg);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes rotate_image1 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes ani_scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.1, 0.01, 0.01, 1.2, 0, 0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes blk {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    31% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk2 {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk3 {
    0% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate_image_r {
    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: var(--size-18);
    letter-spacing: -0.04vw;
}
section img { 
    width: 100%;
}
/* section:not(.map_section) img {
    pointer-events: none;
} */
.noto {
    font-family: "Noto Serif", serif;
}
.notokr {
    font-family: "Noto Serif KR", serif;
}
.exbold {
    font-weight: 900;
}
.bold {
    font-weight: 700;
}
.sebold {
    font-weight: 600;
}
.medium {
    font-weight: 500;
}
.regular {
    font-weight: 400;
}
.flight {
    font-weight: 200;
}
.thin {
    font-weight: 100;
}
.animate-blk {
    animation: blk 1s infinite ease-in-out;
}
.scaleOpa {
    animation: scaleOpa infinite 2s;
}
.scaleOpa2 {
    animation: scaleOpa2 infinite 2s;
}
.light {
    animation: light infinite 5s;
}
.rotate_img {
    animation: rotate_image 10s infinite linear;
}
.white {
    color: white;
}
.txct {
    text-align: center;
}
.lh {
    line-height: 1.5;
}
/* reveal 대신 사용 start */
/* 왼쪽부터 나타나기 */
.clip_off02 {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 0.8s;
}
/* 가운데에서 나타나기 */
.clip_off {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    transition: all 0.8s;
}
/* gsap에서 넣을 class */
.clip_on {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}
/* reveal 대신 사용 end */
.absol_cover {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.max_width {
    width: unset !important;
    max-width: 101%;
}
.back_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
/* image_sd */
.image_sd_wrap {
    overflow: hidden;
}
.image_sd {
    animation: marqueeX 20s infinite linear;
}
.image_sd .absol {
    left: 100%;
}
.image_sd_r {
    animation: marqueeX_r 20s infinite linear;
}
.image_sd_r .absol {
    right: 100%;
}
/* image_sd end */
/* y_slide start */
.slide_y_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    overflow: hidden;
}
.slide_y {
    animation: marqueeY 20s infinite linear;
}
.slide_y img.absol {
    top: 100%;
}
.slide_y_r {
    animation: marqueeY_r 20s infinite linear;
}
.slide_y_r img.absol {
    bottom: 100%;
}
/* y_slide end */
/* swiper-arr */
.btn_arr {
    z-index: 2;
    cursor: pointer;
}
.arr_next {
    transform: rotateY(180deg);
}
/* swiper-arr */
iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-lock {
    display: none !important;
}
.swiper {
    margin: 0;
    z-index: 0;
}
b {
    font-weight: 700;
}
.obj > img {
    height: 100%;
    object-fit: cover;
}
.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);
    }
  }
/* 퍼블시작 */
:root {
    --color-r: #AA212E;
    --size-16: 0.8333vw;
    --size-18: 0.9375vw;
    --size-20: 1.0417vw;
    --size-22: 1.1458vw;
    --size-24: 1.25vw;
    --size-25: 1.3021vw;
    --size-75: 3.9063vw;
    --size-135: 7.0313vw;
    --opa-black: #000000c9;
}
.btn01 {
  width: 12.9167vw;
  height: 3.4896vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vw;
  cursor: pointer;
  overflow: hidden;
  transition: color 1s;
  background-color: black;
}
.btn_h_wave {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    position: absolute;
    bottom: 3%;
    left: 40%;
    background: var(--color-r);
    width: 22.625vw;
    height: 22.625vw;
    margin-left: -10vw;
    margin-bottom: -25vw;
    transform-origin: 50% 48%;
    border-radius: 43%;
    transition-duration: 1.5s;
    transition-property: margin-bottom;
    transition-timing-function: ease;
    animation: rotate_image 4000ms infinite linear;
}
.btn01:hover .btn_h_wave {
  margin-bottom: -19.7vw;
}
@media screen and (max-width:599px) {
    .btn01 {
        width: 33.7vw;
        height: 9.5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50vw;
        cursor: pointer;
        overflow: hidden;
        transition: color 1s;
    }
    .btn_h_wave {
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        position: absolute;
        bottom: 3%;
        left: 40%;
        width: 62.625vw;
        height: 62.625vw;
        margin-left: -27vw;
        margin-bottom: -65vw;
        transform-origin: 50% 48%;
        border-radius: 43%;
        transition-duration: 1.5s;
        transition-property: margin-bottom;
        transition-timing-function: ease;
        animation: rotate_image 4000ms infinite linear;
    }
    .btn01:hover .btn_h_wave {
        margin-bottom: -54.7vw;
    }
}



.smoke {
    animation: smoke infinite linear 3s;
}
.acon01_video {
    height: 100%;
    top: 0%;
}
.acon01_video video {
    object-position: top;
}
.acon01_main {
    background-color: var(--opa-black);
    opacity: 0;
}
.acon01_08 {
    width: 9.55391%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
    margin-left: 2vw;
    margin-top: -0.5vw;
}
.acon01_08 img {
    transform-origin: top right;
}
.acon01_07 {
    width: 21.7324%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.acon01_tt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.5vw;
}
.acon01_09 {
    width: 56.903%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
    margin-bottom: -22vw;
}
.acon01_10 {
    width: 89.8525%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6%;
}
.acon01_10_1 {
    left: -41%;
}

.acon01_10_2 {
    right: -41%;
}
.acon02_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 5vw;
}
.acon02_row {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}   
.acon02_row_tt_wrap {
    width: 34.5833vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: flex-end;
}
.acon02_row_tt_wrap01 {
    margin-top: 13vw;
}
.acon02_01 {
    width: 22.2893%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.acon02_02 {
    width: 41.2652%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_tt01 {
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.acon02_04 {
    width: 79.0324%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_line {
    width: 1px;
    height: 100%;
    background-color: #757575;
}
.acon02_line01 {
    top: 0%;
    left: 50%;
}
.acon02_line02 {
    left: 75%;
    bottom: 0%;
}
.acon02_row02 {
    height: 57.4479vw;
    flex-direction: row;
}
.acon02_row02_item_wrap {
    width: 58.5827%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4vw;
}
.acon02_row02_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1vw;
}
.acon02_06 {
    width: 96.2367%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_07 {
    width: 98.3872%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_08 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_09 {
    width: 97.8496%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon02_row02_item_tt {
    font-size: var(--size-24);
    font-weight: 500;
}
.acon02_row02_item_wrap01 {
    margin-left: -8vw;
    margin-right: -1vw;
    left: 1vw;
}
.acon02_row02_item_wrap02 {
    margin-top: 23vw;
    right: -3.5%;
}
.acon02_row04_main {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.acon02_row04_item {
    /* width: 76%; */
    width: 12%;
    height: 43vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: width 0.3s;
    cursor: pointer;
}
.acon02_row04_item.acon02_change {
    width: 76%;
}
.acon02_row04_item01 {
    background-image: url(/images/acon03_05.png);
}
.acon02_row04_item02 {
    background-image: url(/images/acon03_08.png);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.acon02_row04_item03 {
    background-image: url(/images/acon03_09.png);
}
.acon02_row04_item_num {
    height: var(--size-24);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3vw;
    left: 2vw;
}
.acon02_row04_item_num img {
    width: unset !important;
    height: 100%;
}
.acon02_row04_item_tt_wrap {
    width: calc(100% - 4vw);
    top: 27vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}
.acon02_row04_item.acon02_change .acon02_row04_item_tt_wrap {
    opacity: 1;
}
.acon02_row04_item_title {
    height: 1.198vw;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.acon02_row04_item_title img {
    width: unset !important;
    height: 100%;
}
.acon02_row04_item_line {
    height: 1px;
    background-color: #fff;
    opacity: 0.3;
    margin: 1vw 0;
}
.acon02_row04_item_tt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5vw;
}
.acon02_row_tt_wrap02 {
    margin-top: 8vw;
}
.acon03_01 {
    width: 47.1387%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.acon04_main {
    padding-top: 9vw;
    background-color: var(--opa-black);
    padding-bottom: 6vw;
}
.acon04_01 {
    width: 16.7455%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.acon04_02 {
    width: 19.5277%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.acon04_tt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.3vw;
    margin-bottom: 5vw;
}
.acon04_btn {
    width: calc(100% / 3);
    height: 8.0208vw;
    display: flex;
    justify-content: space-between;
    align-items: center;    
    background-color: #fff;
    border-right: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
}
.acon04_btn03 {
    border-right: none;
}
.acon04_btn_tt {
    font-size: 1.8229vw;
    font-weight: 900;
    margin-left: 3vw;
    transition: color 0.3s;
}
.acon04_09 {
    width: 2.99695%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4vw;
    transition: filter 0.3s;
}
.acon04_btn_bg {
    height: 0%;
    bottom: 0%;
    background-color: #000;
    transition: height 0.3s;
}
.acon04_btn:hover .acon04_btn_tt {
    color: #fff;
}
.acon04_btn:hover .acon04_09 {
    filter: invert(1);
}
.acon04_btn:hover .acon04_btn_bg {
    height: 100%;
}
.acon05 {
    padding: 4vw 0;
}
.acon05_main {
    gap: 2vw;
}
.acon05_row {
    width: 36.7979%;
    height: 15.625vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;    
    flex-direction: column;
    overflow: hidden;
    transition: border-radius 0.3s;
    padding-top: 3.5vw;
    box-sizing: border-box;
}
.acon05_row:hover {
    border-radius: 2vw;
}
.acon05_row01 {
    background-color: var(--color-r);
}
.acon05_row02 {
    background-color: #000;
}
.acon05_row_inner {
    width: 77%;
    display: flex;
    justify-content: center;
    align-items: flex-start;    
    flex-direction: column;
}
.acon05_row_tt {
    height: 4.2188vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.7vw;
}
.acon05_row_tt img {
    width: unset !important;
    height: 100%;
}
.acon05_03 {
    width: 70.926%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1vw;
}
.acon05_search_wrap {
    height: 100%;
}
.acon05_search {
    width: 67%;
    height: 100%;
    background-color: transparent;
    border: none;
    appearance: none;
    outline: none;
    font-size: inherit;
    font-family: inherit;
}
.acon05_search::placeholder {
    color: #000;
    font-weight: 500;
}
.acon05_04 {
    width: 6.78861%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.acon05_btn {
    background-color: #fff;
    margin-left: -1vw;
}
.acon05_btn img {
    filter: invert(1);
    transition: filter 0.3s;
}
.acon05_05 {
    width: 42.0828%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 0%;
}
.acon05_07 {
    width: 55.4923%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%; 
    top: 0%;
}

/* brand */

.bcon01_main {
    padding-top: 8vw;
    background-color: #000;
    padding-bottom: 7vw;
}
.bcon01_video {
    opacity: 0.3;
}
.bcon01_inner {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.bcon01_left {
    width: 30.222%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon01_right {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    text-align: end;
    gap: 2.5vw;
    margin-top: 7vw;
}
.bcon01_right_tt01 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    gap: 1.5vw;
    line-height: 1.5;
}
.bcon01_right_tt02 {
    font-size: var(--size-20);
}
.bcon01_bot_top {
    height: 33.5938vw;
    background-image: url(/images/bcon01_05.png);
    background-attachment: fixed;
}
div.bcon01_07 {
    width: 109.554%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    padding: 1vw 0;
}
.bcon01_bot_main {
    padding-top: 6vw;
    padding-bottom: 10vw;
}
.bcon01_10 {
    width: 42.7823%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon_line {
    width: 1px;
    background-color: #bdbdbd;
    height: 100%;
}
.bcon_line01,
.bcon_line03 {
    top: 0%;
}
.bcon_line01 {
    left: 13vw;
}
.bcon_line03 {
    right: 13vw;
}
.bcon_line02 {
    bottom: 0%;
}
.bcon01_bot_left {
    width: 11.7061%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    top: 7vw;
    left: 15vw;
    font-size: var(--size-22);
    gap: 0.5vw;
}
.bcon01_bot_right {
    width: 18.1628%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    text-align: end;
    font-size: var(--size-22);
    white-space: nowrap;
    right: 15vw;
    bottom: 6vw;
    gap: 1vw;
    line-height: 1.5;
    letter-spacing: -0.1vw;
}
.bcon02_01 {
    width: 22.0998%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.bcon02_col {
    width: 81.9949%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.bcon02_col01 {
    justify-content: flex-start;
    background-image: url(/images/bcon02_02.png);
    padding-top: 5.3vw;
    padding-bottom: 5vw;
}
.bcon02_03 {
    width: 62.3561%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 0%;
    left: 15.5%;
}
.bcon02_04 {
    width: 37.5161%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}
.bcon02_col01_bot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.bcon02_col01_bot_left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5vw;
    margin-left: 2vw;
}
.bcon02_col01_bot_img {
    width: 14.2188vw;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.bcon02_col01_bot_right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5vw;
    margin-right: 6vw;
}
.bcon02_08 {
    width: 12.8646vw;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.bcon02_col01_bot_tt {
    line-height: 1.5;
}
.bcon02_col02 {
    background-image: url(/images/bcon02_09.png);
    padding-top: 6.5vw;
    padding-bottom: 6.5vw;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    top: 0%;
    transform: translateY(120%);
}
.bcon02_col02_tt_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2vw;
    margin-left: 8.3vw;
}
.bcon02_10 {
    width: 15.7292vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon02_12 {
    width: 52.3689%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 0%;
    right: 0%;
}
.bcon02_11 {
    width: 78.2397%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 19.5%;
    left: 14%;
}
.bcon02_smoke {
    width: 119.071%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 3%;
    left: 13%;
}
.bcon02_smoke img {
    transform: rotateY(180deg);
}
.bcon02_13 {
    width: 22.6773%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -18.6vw;
}
.bcon03 {
    padding-top: 5vw;
}
.bcon03_01 {
    width: 18.8452%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.bcon03_video {
    height: 55.9vw;
}
.bcon03_video iframe {
    pointer-events: all;
}
.bcon03_02 {
    width: 38.6878%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.bcon03_tt01 {
    font-weight: 400;
    margin-bottom: 1.5vw;
}
.bcon03_row_wrap {
    gap: 1vw;
    margin-bottom: 1vw;
}
.bcon03_row {
    width: 24.6194%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;   
    overflow: hidden; 
    border: 1px solid #000;
    box-sizing: border-box;
    background-color: #fff;
    transition: border-radius 0.3s;
}
.bcon03_row.bcon03_change {
    border-radius: 2vw;
}
.bcon03_row_top {
    height: 5.4068vw;
    background-color: #000;
    font-size: var(--size-25);
    transition: background 0.3s;
}
.bcon03_row.bcon03_change .bcon03_row_top {
    background-color: var(--color-r);
}
.bcon03_row_bot {
    height: 7.3958vw;
    font-size: var(--size-20);
    font-weight: 400;
}
.bcon03_bot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.bcon03_bot_left {
    width: 33.4375vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 12vw;
    z-index: 1;
    margin-top: 8vw;
}
.bcon03_bot_left_tt {
    width: 73.2088%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2vw;
    margin-bottom: 4vw;
}
.bcon03_bot_left_bot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bcon03_bot_left_bot_img {
    width: 23.8319%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bcon03_bot_left_bot_img > img {
    border: 1px solid #000;
    transition: border-radius 0.3s;
}
.bcon03_bot_left_bot_img:hover > img {
    border-radius: 1.5vw;
}
.bcon03_11 {
    width: 45.7517%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 7%;
    right: -13%;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.bcon03_bot_left_bot_img:hover .bcon03_11 {
    opacity: 1;
}
.bcon03_09 {
    width: 58.6878%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -6vw;
    margin-right: 0.3vw;
    margin-bottom: -7vw;
}
.bcon03_10 {
    width: 60.7875%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -7%;
    left: 0%;
}
.bcon03_pop_wrap {
    height: 100vh;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: #0000005b;
    z-index: 9999;
    overflow-y: scroll;
    display: none;
}
.bcon03_pop_wrap::-webkit-scrollbar {
    display: none;
}
.bcon03_pop_close {
    width: 1.6vw;
    height: 1.8vw;
    right: 8%;
    top: 5%;
    cursor: pointer;
}
.bcon03_pop {
    width: 23.5697%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.bcon03_pop.bcon03_change {
    display: flex;
}
.bcon04_main {
    background-image: url(/images/bcon04_bg.png);
    padding-top: 7vw;
}
.bcon04_top {
    z-index: 1;
}
.bcon04_01 {
    width: 7.66414%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-bottom: 1.5vw;
}
.bcon04_02 {
    width: 28.819%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.3vw;
}
.bcon04_03 {
    width: 130.055%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.bcon04_04 {
    width: 27.4017%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -2.4vw;
    z-index: 1;
}
.bcon04_05 {
    width: 40.7875%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3vw;
}
.bcon04_circle_wrap {
    gap: 20vw;
    top: 21vw;
}
.bcon04_circle_row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon04_circle {
    width: 16.0938vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -1.5vw;
}
.bcon04_06 {
    width: 187.13%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 11%;
}
.bcon04_07 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    mix-blend-mode: screen;
    animation: shakeAndFall 4s infinite linear;
    pointer-events: none;
}
.bcon04_paper_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    gap: 0.5vw;
    left: 56%;
    bottom: 10.4vw;
}
.bcon04_paper {
    width: 7.1875vw;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.bcon04_slide_wrap {
    gap: 2vw;
    top: 27vw;
}
.bcon04_slide {
    width: 167.349%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon04_bot {
    background-color: #fff;
    border-top: 0.15vw solid #000;
    border-bottom: 0.15vw solid #000;
    padding: 1.5vw 0;
}
.bcon04_16 {
    width: 25.8794%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon05 {
    height: 18.8021vw;
    background-image: url(/images/bcon05_01.png);
}
.bcon05_tt_wrap {
    width: 23.7796%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin-left: 16vw;
}
.bcon05_03 {
    width: 42.8872%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 0%;
}
.bcon05_smoke {
    width: 119.217%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5%;
    right: -10%;
}
.bcon05_btn {
    right: 16%;
}
/* brand */
/* menu */
.ccon02 {
    height: 43.8542vw;
    background-image: url(/images/ccon02_bg.png);
}
.ccon02_01 {
    width: 67.7691%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 0%;
    left: 0%;
}
.ccon02_02 {
    width: 54.7638%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 29%;
    left: 13%;
}
.ccon02_smoke {
    width: 120.4455%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 17%;
    left: -32%;
}
.ccon02_tt_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    text-align: end;
    gap: 1.5vw;
    align-self: flex-end;
    margin-right: 15vw;
}
.ccon02_03 {
    width: 18.2292vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon02_04 {
    width: 1.99485%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 4vw;
}
.ccon03 {
    height: 43.8542vw;    
    background-color: var(--color-r);
}
.ccon03_04 {
    width: 63.0447%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 0%;
    top: 0%;
}
.ccon03_tt_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    align-self: flex-start;
    margin-left: 15vw;
    gap: 1vw;
}
.ccon03_02 {
    width: 24.3409%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon03_03 {
    width: 25.6771vw;
    display: flex;
    justify-content: center;
    align-items: center;        
}
.ccon03_01 {
    width: 2.04734%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: 4vw;
}
.ccon04_main {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;     
}
.ccon04_row {
    width: 50%;
    height: 43.8542vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;         
    flex-direction: column;
    padding-top: 5.3vw;
    box-sizing: border-box;
    overflow: hidden;
}
.ccon04_row01 {
    background-image: url(/images/ccon04_01.png);
}
.ccon04_row02 {
    background-image: url(/images/ccon04_07.png);
}
.ccon04_row_title {
    height: 9.5833vw;
    display: flex;
    justify-content: center;
    align-items: center;   
    margin-bottom: 1vw;
}
.ccon04_row_title img {
    width: unset !important;
    height: 100%;
}
.ccon04_05 {
    width: 60.9376%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: 0%;
    bottom: -25%;
    z-index: 1;
}
.ccon04_row_circle {
    width: 8.3855vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon04_03 {
    left: 12%;
    top: 6%;
}
.ccon04_06 {
    width: 62.9168%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -6%;
    bottom: -4.7%;
}
.ccon04_04 {
    left: 26%;
    top: 14%;
}
.ccon04_row_img {
    filter: grayscale(1);
    transition: filter 0.3s;
    cursor: pointer;
}
.ccon04_row_img.ccon04_change {
    filter: grayscale(0);
}
.ccon04_10 {
    width: 84.3751%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -12%;
    bottom: -19%;
}
.ccon04_12 {
    top: -11%;
    left: 20%;
}
.ccon04_09 {
    width: 49.2709%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 14%;
    bottom: 10%;
}
.ccon04_13 {
    left: 5%;
    top: -6%;
}
.ccon04_11 {
    width: 57.8126%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -11.5%;
    bottom: 0%;
}
.ccon04_14 {
    right: 27%;
    bottom: 20%;
}
.ccon05 {
    padding-bottom: 26vw;
}
.ccon05_bg {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -9vw;
    pointer-events: none;
}
.menu_tab_wrap {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'NanumSquareNeoVariable';  
    font-weight: 500;  
    gap: 5.7vw;
    margin-bottom: 2.5vw;
}
.menu_tab {
    height: 5.6771vw;
    display: flex;
    justify-content: center;
    align-items: center;  
    font-size: var(--size-22);
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}
.menu_tab::after {
    width: 0%;
    height: 0.4vw;
    background-color: var(--color-r);
    position: absolute;
    content: '';
    bottom: 0%;
    transition: width 0.3s;
}
/* .menu_tab:hover {
    font-weight: 700;
}
.menu_tab:hover::after {
    width: 120%;
} */
.menu_tab_b {
    width: 12.0833vw;
    height: 4.1667vw;
    border-radius: 50vw;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    margin-left: -2vw;
}
.menu_tab_b::after {
    display: none;
}
.menu_tab.menu_change {
    font-weight: 700;
}
.menu_tab.menu_change::after {
    width: 120%;
}
.menu_box_wrap {
    margin-bottom: 8vw;
}
.menu_box {
    width: 77%;
    display: none;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2vw 0;
    padding-bottom: 8vw;
}
.menu_box.menu_change {
    display: flex;
}
.menu_item {
    width: 25%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.menu_img {
    width: 90.54%;
    height: 19.8438vw;
    display: flex;
    justify-content: center;
    align-items: center;    
    border: 1px solid #000;
    overflow: hidden;
}
.menu_img img {
    height: 100%;
    object-fit: cover;
}
.menu_tt01 {
    width: 90.54%;    
    font-size: var(--size-22);
    margin-top: 1.5vw;
    margin-bottom: 1vw;
}
.menu_tt02 {
    width: 90.54%;    
    font-size: var(--size-16);
    font-weight: 400;
}
.menu_tt01 p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu_tt02 p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 2줄 넘어가면 말줄임 */
    -webkit-box-orient: vertical;
}
.menu_btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
}
.ccon05_01 {
    width: 34.7508%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.ccon05_bot_tt {
    color: #0a0a0a;
    font-size: var(--size-20);
}
/* menu */




/* community */

.news_section {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.news_main {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.news_search_box {
    width: 29.3308%;
    display: flex;
    justify-content: center;
    align-items: center;    
    align-self: flex-end;
    margin-bottom: 1vw;
}
.news_search {
    width: 74%;
    height: 100%;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
  font-family: 'NanumSquareNeoVariable';
    font-size: 1vw;
    color: #000;
    outline: none;
    padding-right: 3vw;
}
.news_search::placeholder {
    color: #000;
  font-family: 'NanumSquareNeoVariable';
  font-weight: 500;    
}
.news_search_plus {
    width: 5.81046%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2.5vw;
}
.news_wrap {
    border-top: 2px solid #000;
}
.news_item {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
.news_top {
    height: 4vw;
    font-weight: 600;
    border-bottom: 1px solid #0000006e;
}
.news_tr {
    height: 4vw;
    border-bottom: 1px solid #0000006e;
}
.news_body .news_tr {
    cursor: pointer;
}
.news_body .news_item03 {
    justify-content: flex-start;
}
.news_body .news_tr:hover .news_item03 {
    text-decoration: underline;
}
/* div.news_con_wrap {
    flex-direction: column-reverse;
} */
/* div.news_body {
    margin-bottom: 3vw;
} */
.news_item01 {
    width: 10%;
}
.news_item02 {
    width: 10%;
}
.news_item03 {
    width: 50%;
    box-sizing: border-box;
    padding-left: 1vw;
    white-space: wrap;
}
.news_item04 {
    width: 10%;
}
.news_item05 {
    width: 10%;
}
.news_clip {
    width: 15.1317%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_box_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_box_bottom span {
    width: 2.7083vw;
    height: 2.2396vw;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.news_box_bottom span.news_change {
    font-weight: 700;
    background-image: url(/images/con35_05.png);
}
.select_option {
    pointer-events: none;
    opacity: 0;
    position: absolute;
}



/* community */






/* hidden */
.acon02_01 ,
.acon02_02 ,
.acon02_tt01 .line,
.acon03_01,
.acon04_btn_tt ,
.bcon04_16,
.ccon02_tt_wrap .line,
.ccon03_tt_wrap .line,
.ccon05_bot_tt










{
    overflow: hidden;
}


.scroll_wrapper {
  overflow: hidden; /* inner가 올라가도 wrapper 공간 유지 */
}
.scroll_inner {
  transform: translateY(0);
}