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

#footer {
    position: relative;
}

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

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

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: 0.9vw;
    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 30s infinite linear;
}

.rotate_img_r {
    animation: rotate_image_r 30s infinite linear;
}

.white {
    color: white;
}

.color_b {
    color: #f5dca9;
}

.txct {
    text-align: center;
}

.lh {
    line-height: 1.5;
}

b {
    font-weight: 700;
}

/* 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-brown: #2b1f1a;
    --main-yellow: #f5dca9;
    --main-ivory: #f9f3ec;
    --main-red: #9f0909;
}



.smoke {
    animation: smoke 4s infinite linear;
}

/* 퍼블시작 */

.pin-spacer {
    background-color: #2b1f1a;
}



.red {
    color: var(--main-red);
}

.brown {
    color: var(--main-brown);
}

.title {
    font-size: 3vw;
    line-height: 1.2;
    font-family: 'Dokrip';
}

.subTitle {
    font-family: "Seoul Hangang";
    font-weight: 300;
    font-size: 1.5vw;
}

.sub {
    font-size: 1.2vw;
    line-height: 1.5;
}

section.main {
    background: url("/images/main_bg.jpg") no-repeat;
    background-size: cover;
    height: 48vw;
    padding-top: 9vw;
    box-sizing: border-box;
    color: var(--main-brown);
    overflow: hidden;
    justify-content: start;
}

.main_txt1 {
    font-size: 2.6vw;
    letter-spacing: -0.1vw;
    margin-left: -1vw;
    overflow: hidden;
}

.main_txt2 {
    font-size: 5.2vw;
    z-index: 1;
    line-height: 1.3;
    letter-spacing: -0.4vw;
    overflow: hidden;
}

.main_06 {
    width: 57.6903%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -62%;
}

.main_03 {
    width: 8.66142%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 21.3%;
    right: 26.1%;
}

.main_04 {
    width: 20.8399%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 22%;
    left: 18%;
}

.main_05 {
    width: 38.9501%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -4%;
    right: -0%;
    z-index: 1;
}

.main_07 {
    width: 36.9554%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -5%;

}

.line_left,
.line_right {
    width: 1.5px;
    height: 50vw;
    background-color: #000;
    top: 0%;
}

.line_left {
    left: 0%;
}

.line_right {
    right: 0%;
}

.line_top_left,
.line_top_right {
    width: 7vw;
    height: 1.5px;
    background-color: #000;
    top: 0%;
}

.line_top_left {
    left: 0%;
}

.line_top_right {
    right: 0%;
}

.main_08 {
    width: 1.67979%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
}

.main_08.left {
    left: 3%;
}

.main_08.right {
    right: 3%;
}

.main_08.right img {
    transform: rotate(90deg);

}


/* con01 */

.con01 {
    background-color: var(--main-brown);
}

.con01_con {
    background-color: white;
    border-radius: 2vw;
    width: 93%;
    padding: 11vw 0;
    margin: 3vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url(/images/con01_bg.jpg); */
}

.con01_bg {
    width: 108.352%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*     width: 100%;
    height: 100%; */
    border-radius: 2vw;
    overflow: hidden;
    /* opacity: 0.2; */
}

/* .con01_bg img {
    height: 100%;
    object-fit: cover;
} */
.con01_con_txtwrap {
    width: 80%;
    opacity: 0;
}

.con01_con_right_img {
    opacity: 0;
}

.con01_txt1 {
    margin-bottom: 2vw;
}

.con01_txt2 {
    margin-bottom: 0.5vw;
}

.con01_01 {
    top: 51.2%;
    transform: translateY(-50%);
    right: 38.6%;
    width: 25.7336%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_02 {
    top: 50%;
    transform: translateY(-50%);
    right: 22%;
    width: 26.4108%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_03 {
    top: 50.7%;
    transform: translateY(-50%);
    right: 5%;
    width: 26.1851%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* con02 */

.con02 {
    padding: 6vw 0;
    background: url("/images/con02_bg.jpg") no-repeat;
    background-size: cover;
    z-index: 1;
}

.con02_con {
    width: 80%;
    height: 35.6vw;
    display: flex;
}

.con02_03 {
    width: 20.2625%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 26%;
    left: 36.7%;
}

.con02_con_img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.con02_con_img,
.con02_con_txt {
    width: 50%;
}

.con02_con_txt1 {
    font-size: 2.8vw;
    margin-bottom: 2vw;
    line-height: 1.2;
}

.con02_con_txt2 {
    font-size: 1.1vw;
    line-height: 1.5;
    margin-bottom: 1.3vw;
}

.line_box {
    width: 1vw;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.line_box.item1 {
    left: 3.5%;
    top: 0%;
}

.line_box.item2 {
    right: 3.5%;
    bottom: 0%;
}

.con02_line {
    width: 1px;
    height: 100%;
    background-color: #000;
}


/* con03 */

.con03 {
    margin: -5vw 0;
    padding: 20vw 0;
    background: url("/images/con03_bg.jpg") no-repeat;
    background-size: cover;
}

.con03_txtwrap {
    color: #fff;
    width: 37%;
    margin-left: auto;
}

.con03_01 {
    width: 63.1496%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    left: -5.3%;
    z-index: 3;
}

.con03_02 {
    opacity: 0;
}

.con03_txt1 {
    line-height: 1.2;
}

.con03_txt2 {
    font-size: 1.5vw;
    line-height: 1.2;
    margin: 2vw 0;
}

.con03_txt3 {
    font-size: 1.05vw;
    line-height: 1.5;
    letter-spacing: 0;
}

.con03_txt3.absol {
    bottom: -8.5%;
    opacity: 0;
}


/* con04 */

.con04 {
    padding: 7vw 0;
    background: url("/images/con04_bg.jpg") no-repeat;
    background-size: cover;
}

.con04_04 {
    width: 97.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.con04_txtbox {
    border-top: 0.2vw solid var(--main-red);
    border-bottom: 0.2vw solid var(--main-red);
    padding: 0.25vw 0;
}

.con04_txt1 {
    font-size: 3vw;
    line-height: 1.4;
    border-top: 0.1vw solid var(--main-red);
    border-bottom: 0.1vw solid var(--main-red);
}

.con04_txt2 {
    font-size: 1.05vw;
    line-height: 1.5;
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 2.5vw;
}

.menu_tab_wrap {
    display: flex;
    justify-content: space-between;
    gap: 0.6vw;
    margin-bottom: 2vw;
}

.menu_tab {
    font-size: 1.1vw;
    width: 8vw;
    text-align: center;
    padding: 0.5vw 0;
    border-radius: 100px;
    background-color: transparent;
    border: 1px solid var(--main-brown);
    cursor: pointer;
    transition: 0.3s;
}

.menu_tab.menu_change {
    background-color: var(--main-brown);
    color: #fff;
}

.menu_box {
    width: 79%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10%);
    transition: all 0.3s;
}

.menu_box.menu_change {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0%);
}

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

.menu_img {
    height: 18.7623vw;
    overflow: hidden;
    border-radius: 1.5vw;
}

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

.menu_tt {
    width: 100%;
    font-size: 1.3vw;
    margin-top: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_tt p {
    width: 80%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.menu_arr {
    width: 3.30709%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_arr_prev {
    left: 6%;
}

.menu_arr_next {
    right: 6%;
}

.con05 {
    padding-top: 6vw;
    padding-bottom: 6vw;
}

.con05_title {
    line-height: 1.2;
    margin-bottom: 3vw;
}

.con05_title p {
    position: relative;
}

.con05_01 {
    width: 21.7848%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 45%;
    bottom: -7%;
}

.con05_row_wrap {
    gap: 1.5vw;
}

.con05_row {
    width: 28.1365%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.con05_04 {
    width: 32.2761%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_07 {
    width: 31.1567%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con05_row_top {
    top: -1.5vw;
}

.con05_row_tt_wrap {
    left: 3vw;
    bottom: 3vw;
}

.con05_row_tt01 {
    font-size: 2vw;
    margin-bottom: 1.5vw;
}

.con05_row_tt02 {
    font-size: 1vw;
    line-height: 1.4;
}

.con06 {
    background-image: url(/images/con06_bg.jpg);
    padding: 6vw 0;
}

.con06_subTitle {
    margin-bottom: 0.2vw;
    overflow: hidden;
}

.con06_title {
    margin-bottom: 3vw;
    overflow: hidden;
}

.con06_row_wrap {
    width: 66%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5vw 0;
}

.con06_row {
    width: 31.5%;
    height: 11vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #2b1f1a;
    border-radius: 1vw;
    transition: all 0.3s;
}

.con06_row.con06_change {
    background-color: #2b1f1a;
    color: white;
}

.con06_row_tt01 {
    font-size: 1.6vw;
    margin-bottom: 1.5vw;
}

div.con06_row_tt02 {
    line-height: 1.4;
}

.con06_row_tt02 b {
    font-weight: 500;
}

.con07_bg {
    width: 112.808%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con07_01 {
    opacity: 1;
}

.con07_02 {
    width: 5.95626%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 16.5%;
    top: 19%;
}

.con07_03 {
    width: 6.84039%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12.5%;
    top: 19%;
}

.con07_04 {
    width: 5.72359%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 15.5%;
    bottom: 17%;
}

.con07_05 {
    width: 5.58399%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 11.5%;
    bottom: 18%;
}

.con08 {
    padding: 12vw 0;
    background-color: #000;
}

.con08_title01 {
    margin-bottom: 0.3vw;
}

.con08_video {
    opacity: 0.2;
    filter: blur(0.2vw);
}

.con08_title02 {
    margin-bottom: 2vw;
}

.con08_row {
    height: 11vw;
    background-color: #000000c7;
    border: 1px solid #f5dca9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.con08_row01,
.con08_row03 {
    width: 24%;
    gap: 1.5vw;
}

.con08_row02 {
    width: 31%;
    border-left: none;
    border-right: none;

}

.con08_row_top_tt {
    font-size: 1.3vw;
    font-family: "Seoul Hangang";
}

div.con08_row01_tt {
    font-family: 'Dokrip';
    font-size: 3vw;
    gap: 0.3vw;
    align-items: flex-end;
    line-height: 1;
}

.con08_row01_tt p:last-child {
    font-size: 2vw;
    margin-bottom: 0.3vw;
}

div.con08_row02_tt {
    font-family: 'Dokrip';
    font-size: 4vw;
    gap: 0.3vw;
    align-items: flex-end;
    line-height: 1;
}

.con08_row02_tt p:last-child {
    font-size: 2vw;
    margin-bottom: 0.5vw;
}

.con08_row03_tt {
    font-family: 'Dokrip';
    line-height: 1;
    font-size: 3vw;
}

.con08_row02_slide {
    height: 100%;
    cursor: grab;
}

.con08_row02_slide_item {
    gap: 1.2vw;
}

.con08_row_wrap {
    margin-bottom: 1vw;
}

.con08_bot_tt {
    font-size: 1vw;
}

.con09 {
    z-index: 1;
}

.con09_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con09_cover {
    padding-top: 6vw;
}

.con09_title01 {
    margin-bottom: 0.3vw;
    overflow: hidden;
}

.con09_title02 {
    margin-bottom: 3vw;
    overflow: hidden;
}

.con09_row_wrap {
    gap: 4vw;
}

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

.con09_01 {
    margin-bottom: -1vw;
}

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

@keyframes downAni {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
    
}

.con09_row_img01 img {
    margin-top: -3%;
    transform: translateY(-100%);
    transition: all 0.3s;
}
.con09_row_img01_1 img {
    animation: downAni 4s infinite linear;
}
.con09_row_img01_2 img {
    animation: downAni 4s infinite linear;
    animation-delay: 1s;
}
.con09_row_img01_3 img {
    animation: downAni 4s infinite linear;
    animation-delay: 2s;
}
.con09_row_img01:hover img {
    animation: none;
    transform: translateY(0%);
}

.con09_row_tt01 {
    line-height: 1.2;
    font-family: 'Dokrip';
    font-size: 1.6vw;
    color: #2b1f1a;
    margin-bottom: 0.5vw;
}

.con09_row_tt02 {
    font-family: "Seoul Hangang";
    font-weight: 800;
    font-size: 1.1vw;
    margin-bottom: 0.3vw;
}

div.con09_row_tt03 {
    line-height: 1.2;
    font-family: 'Dokrip';
    align-items: flex-end;
}

.con09_row_tt03 p:first-child {
    font-size: 2.7vw;
}

.con09_row_tt03 p:last-child {
    font-size: 1.5vw;
    color: #2b1f1a;
    margin-bottom: 0.3vw;
}

.con09_bot {
    gap: 1vw;
    margin-top: 3vw;
}

.con09_08 {
    width: 15.853%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.con09_09 {
    width: 98.3444%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -31%;
    left: -4%;
}

.con09_10 {
    width: 65.6331%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 28%;
}

.con09_11 {
    width: 31.7829%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 66%;
}

.con09_13 {
    width: 31.0078%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -16%;
    top: -11%;
    animation: ddm infinite linear 4s;
}

.con09_14 {
    width: 3.62205%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2.5vw;
}

.con09_14_1 {
    left: 2.5vw;
}

.con09_14_2 {
    right: 2.5vw;
}

.con09_14_2 img {
    transform: rotateY(180deg);
}

.con10 {
    padding-top: 10vw;
    padding-bottom: 10vw;
    background-image: url(/images/con10_bg.jpg);
    margin-top: -3vw;
    margin-bottom: -5vw;
}

.con10_title {
    margin-bottom: 4vw;
}

.con10_row_wrap {
    gap: 1.5vw;
}

.con10_row {
    width: 15.748%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_row_h {
    opacity: 0;
    transition: opacity 0.3s;
}

.con10_row.con10_change .con10_row_h {
    opacity: 1;
}

.con11 {
    background-image: url(/images/con11_bg.png);
    padding-top: 10vw;
}

.con11_title01 {
    margin-bottom: 0.3vw;
    overflow: hidden;
}

.con11_title02 {
    margin-bottom: 3vw;
    overflow: hidden;
}

.con11_slide {
    margin-bottom: -5vw;
}

.con11_slide_img {
    width: 110%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: bottom center;
    scale: 0.83;
    border-radius: 1.5vw 1.5vw 0 0;
    overflow: hidden;
    transition: all 0.3s;
}

.swiper-slide-active .con11_slide_img {
    scale: 1;
}

.swiper-slide-prev .con11_slide_img {
    transform: translateX(-7%);
}

.swiper-slide:has(+ .swiper-slide-prev) .con11_slide_img {
    transform: translateX(-4%);
}

.swiper-slide-next .con11_slide_img {
    transform: translateX(7%);
}

.swiper-slide-next+div .con11_slide_img {
    transform: translateX(4%);
}

.con11_arr {
    width: 3.30709%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    background-color: white;
    border-radius: 50%;
}

.con11_arr_prev {
    left: 35%;
}

.con11_arr_next {
    right: 35%;
}


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

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

.con12_side {
    width: 40%;
}

.con12_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    left: 0%;
}

.con12_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    right: 0%;
}

.con12_02 {
    width: 95.4068%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05 {
    width: 87.2703%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_08 {
    width: 87.664%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_03 {
    width: 87.0079%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_06 {
    width: 86.7454%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_09 {
    width: 86.3517%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_left>div {
    transform: translateX(-100%);
    /* transition: all 0.6s; */
}

.con12_right>div {
    transform: translateX(100%);
    /* transition: all 0.6s; */
}

.con12_left .con12_side_img01 {
    transform: translateX(0%);
}

.con12_right .con12_side_img01 {
    transform: translateX(0%);
}

.con12_line {
    height: 1.2vw;
    border-top: 1px solid #2b1f1a;
    border-bottom: 1px solid #2b1f1a;
}

.con12_line div {
    height: 1px;
    background-color: #2b1f1a;
}

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

.con12_tt_wrap {
    gap: 1.5vw;
    margin-top: 1vw;
}

.con12_title {
    font-size: 2.4vw;
}

div.con12_tt {
    justify-content: flex-start;
    font-family: "Seoul Hangang";
    font-size: 1.1vw;
    line-height: 1.5;
}

.con12_title_color01 {
    color: #f5dca9;
}

.con12_tt p {
    opacity: 0;
}

p.con12_tt01 {
    opacity: 1;
}

.con12_top_row_wrap {
    top: 17%;
    gap: 5vw;
}

.con12_top_row_wrap>div {
    opacity: 0;
}

div.con12_04 {
    width: 6.98163%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

div.con12_07 {
    width: 6.50919%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -2.5vw;
}

div.con12_10 {
    width: 7.03412%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 2.3vw;
    top: 2vw;
}

.con13 {
    background-image: url(/images/con13_bg_1.jpg);
    padding-top: 2.5vw;
}

.con13_main {
    width: 94.2782%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 7vw;
    background-image: url(/images/con13_bg_2.jpg);
    border-radius: 2vw;
    padding-bottom: 7vw;
    margin-bottom: 7vw;
}

.con13_title01 {
    margin-bottom: 0.3vw;
    overflow: hidden;
}

.con13_title02 {
    margin-bottom: 2vw;
    overflow: hidden;
}

.con13_01 {
    width: 60.5796%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13_02 {
    width: 8.45588%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 28.4%;
    top: 29%;
}

.con13_03 {
    width: 6.98529%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 28.4%;
    bottom: 19.6%;
}

.con14_title {
    margin-bottom: 2vw;
}

.con14_row_wrap {
    gap: 0.7vw;
    margin-bottom: 6vw;
}

.con14_row {
    width: 27.8215%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15 {
    background-image: url(/images/con15_bg.jpg);
    padding-top: 6vw;
    padding-bottom: 11vw;
}

.con15_title {
    color: #2b1f1a;
    margin-bottom: 2.5vw;
    overflow: hidden;
}

.con15_row_wrap {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.con15_row_h {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.con15_row_h.con15_change {
    opacity: 1;
}

.con15_row {
    width: 28.497%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_arr {
    width: 4.34783%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16 {
    padding: 9vw 0;
}

.con16_slide_img {
    width: 97.28%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_slide {
    z-index: 0;
}

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

.con16_title01 {
    font-size: 1.35vw;
    margin-bottom: 0.5vw;
}

.con16_title02 {
    font-size: 2.5vw;
}