* {
    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;
    opacity: 0;
    pointer-events: none;
    content:url(/images/con05_01_bg1.jpg) url(/images/con05_01_bg2.jpg) url(/images/con05_01_bg3.jpg)
    url(/images/con05_01_bg4.jpg) 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;
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap");
@font-face {
    font-family: "Noto Sans KR", sans-serif;
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*@font-face {*/
/*    font-family: 'VITRO_CORE_TTF';*/
/*    src: url('/font/VITRO_CORE_TTF.ttf') format('woff');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*}*/
@font-face {
    font-family: 'TTTtangsbudaejjigaeB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
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(-2deg);
    }
    100% {
        transform: scale(1.05);
    }
}
@keyframes ddm4 {
    0% {
        transform: scale(1);
    }
    25% {
        transform: rotate(-2deg);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes 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);
    }
    100% {
        transform: scale(1.02);
    }
}
@keyframes ddm2X {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: scale(1.02);
    }
}
@keyframes ddm2Xhalf {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-50%);
    }
    100% {
        transform: scale(1.02);
    }
}

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

@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 marqueeY {
    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);
    }
}
.main_small_title{
    font-size: 1.1vw;
    font-family: Pretendard-light;
}
.main_mid_title{
    font-size: 1.1vw;
    font-family: Pretendard-Regular;

}
.main_large_title{
    font-size: 1.1vw;
    font-family: Pretendard-Regular;
}
.main_video_con{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
}
.main_video_con_video{
    width: 115%;
    height: 114%;
    top: 0%;
    filter: brightness(0.7);
}
.main_top{
    width: 30.297%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25%;
    margin-bottom: 20%;
    z-index: 1;
}
.pretendard_dark{
    font-family: Pretendard-light;
    color: black;
}
.pretendard_white{
    font-family: Pretendard-extralight;
    color: white;
}
.noto_serif{
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
    font-style: normal;
}
.con1{
    background: #081535;
}
.con1_top{
    width: 100%;
    text-align: center;
    margin-top: 6%;
    overflow: unset !important;
}
.con1_top_p{
    font-family: pretendard;
    color: white;
    width: 100%;
}
.con1_top_2nd{
    font-family: "Noto Serif KR", serif;
    text-align: center;
    color: white;
    width: 100%;
    margin-top: 1%;
    overflow: hidden;
    font-size: 2vw;
    margin-bottom: 2%;
}
.con1_top_2nd span{
    color: #E3C179;
}
.con1_top_3rd{
    width: 8.11881%;
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
    align-items: center;
}
.con2{
    background: url(/images/con02_01_bg.jpg) no-repeat center / cover;

}
.con2_top{
    margin-top: 11%;
}


.con2_top_item{
    width: 25%;
    text-align: center;
}
.con2_top_item_top{

}
.con2_top_item_top_p {
    font-size: 4vw;
    font-family: pretendard-bold;
}
.con2_top_item_1_span {
    font-size: 1.3vw;
    font-family: Pretendard-regular;
    writing-mode: vertical-lr;
    margin-left: -3%;
}
.con2_top_item_2_span{
    font-size: 2vw;
    writing-mode: unset;

}
.con2_top_item_2 .con2_top_item_top_p{
    color :#E3C179;
}
.con2_top_item_top_p_2nd{

}
.con2_top_item {
    width: 25%;
    text-align: center;
    color: white;
}
.con2_top_item_top_p_2nd {
    font-size: 1.1vw;
    letter-spacing: 0.1vw;
}
.con2_top_2nd{
    width: 100%;
    text-align: center;
    font-size: 1.1vw;
    font-family: pretendard-extralight;
    overflow: hidden;
    color: white;
    margin-top: 3%;
    margin-bottom: 6%;
}
.con2_top_2nd_p{
    line-height: 1.7vw;
}
.con2_top_2nd_p span{
    font-family: Pretendard-Regular;
}
.con2_top_item_2 .con2_top_item_top{
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.con2_top_absol{
    width: 9.25743%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6%;
    left: 5%;
}
.con2_top_item_top_p_2nd {
    font-size: 1.1vw;
    letter-spacing: 0.1vw;
    font-family: pretendard-Extralight;
}





.circle_progress_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.circle_progress {
    transform: rotate(274deg);
}
.frame, .bar {
    fill: none;
}
.frame {
    stroke: transparent;
}

.bar {
    /*stroke-linecap: round;*/
}
#control{
    display: none;
}
.innerCircle{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.innerCircle p:nth-of-type(1){
    font-size: 1.2em;
    font-family: Pretendard-bold;
    color: #ffa800;
    background: black;
    padding: 0.2% 2%;
    border-radius: 50px;
    font-style: italic;
}
.con12_mid_left_ct{
    font-size: 1.3em;
    font-family: acube;
}
.value {
    text-align: center;
    color: #0064de;
    font-family: acube;
    font-size: 3em;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-left: -7%;
}
.counter-success {
    font-size: 1.5em;
    margin-left: 16%;
    margin-right: 1%;
}

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


@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}
@media (prefers-reduced-motion: no-preference) {
    .circle-animation {
        animation: uitLineMove 2s linear forwards;
    }
    .counter-animation {
        animation: counter 2.5s ease-in forwards;
        counter-reset: num var(--num);
    }
    .counter-animation::after {
        content: counter(num);
    }
}

@keyframes counter {
    from {
        --num: 0;
    }
    to {
        --num: 37;
    }
}
.con12_mid_left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    scale: 0.97;
}

.con3{
    background: url(/images/con03_01_bg.jpg) no-repeat center / cover;
}
.con3_bottom{
    font-size: 1vw;
    text-align: center;
    line-height: 1.7vw;
    width: 100%;
    overflow: hidden;
    margin-top: 3%;
    margin-bottom: 7%;
}
.con3_top{
    width: 24.505%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9%;
}
.con3_top_item_top_p{
    color: #E3C179;
    font-family: noto;
    font-family: pretendard-bold;
    font-size: 4vw;
    bottom: 32%;
}
.con3_top_item_top_p_span{
    color: #E3C179;
    font-family: pretendard-regular;
    font-size: 2vw;
    margin-left: -12%;
}
.con3_left_p{
    color: white;
}
.con3_right_p{
    color: white;
}
.con3_right_p span{
    color: #E3C179;

}
.con3_left_p {
    color: white;
    right: 66%;
    text-align: right;
    line-height: 2.9vw;
    font-size: 2vw;
}
.con3_right_p {
    color: white;
    left: 66%;
    font-size: 2vw;
    line-height: 2.9vw;
}
.con3_top_item_top_p {
    font-size: 6vw;
    bottom: 26%;
}
.con4_bottom_swiper_1{
    overflow: hidden;
    width: 71%;
    margin-bottom: 7%;
}
.con4{
    background: #071535;
}
.con4_top{
    width: 5.49505%;
    display: flex;
    justify-content: center;
    margin-top: 11%;
    align-items: center;
    margin-bottom: 4%;
}
.con4_bottom_swiper_1_slide{
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con4_bottom_swiper_1_slide_top{
    width: 96%;
    text-align: center;
}
.con4_bottom_swiper_1_slide_con{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.con4_bottom_swiper_1_slide_con_img {
    width: 100%;
    display: flex ;
    justify-content: center;
    align-items: center;
    margin-top: -2px;
}
.con4_bottom_swiper_1_slide_con_img img{
    width: 100%;
}
.con4_bottom_swiper_1_slide_top{
    background: #E3C179;
    border-radius: 50px;
    height: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #071535;
    font-family: pretendard-regular;
    font-size: 1.5vw;
}
.con4_bottom_swiper_1_slide_con{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: white;
    border-radius: 20px;
    margin-top: 10%;
}

.con4_bottom_swiper_1_slide_con_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12vw;
    overflow: hidden;
}
.con4_bottom_swiper_1_slide_con_stores{
    font-family: pretendard-light;
    font-size: 1.1vw;
    line-height: 1.7vw;
    height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.con4_top_3rd{
    color: white;
    font-family: pretendard-bold;
    font-size: 3vw;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 1%;
    margin-bottom: 2%;
}
.con4_top_3rd span{
    color: #E3C179;
}
.con4_top_scr{
    top: 2%;
    width: 100%;
    display: flex;
    justify-content: center;align-items: center;
}
.con4_top_scr img{
    width: 100%;
    animation: marqueeX 20s infinite linear;
}
.con4_top_scr .absol{
    right: -100%;
}


.con4_mid_scr{
    width: 150%;
    display: flex;
    justify-content: center;align-items: center;
}
.con4_mid_scr img{
    width: 100%;
    animation: marqueeX 30s infinite linear;
}
.con4_mid_scr .absol{
    right: -100%;
}
.con4_mid_scr{
    top: 63%;
}
.con5_con{
    background: url(/images/con05_01_bg1.jpg) no-repeat center / cover;
    height: 40vw;
    border: 1px solid white;
    box-sizing: border-box;
    transition: 0.2s all;
}
.con5_item{
    height: 100%;
    width: 25%;
}
.con5_item_top{
    width: 12.0792%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4%;
    right: 5%;
}
.con5_item_top_absol{
    width: 100% !important;
    opacity: 0;
}
.con5_item_top_2nd{
    top: 54%;
    color: white;
    font-size: 2vw;
    font-family: pretendard-regular;
    left: 13%;
    line-height: 2.6vw;
    transition: 0.2s all;
}
.con5_item_top_2nd span{
    font-family: Pretendard-bold;
}
.con5_item_top_absol_2nd{
    width: 2.77228%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 72%;
    left: 13%;
}
.con5_item_top_3rd{
    top: 80%;
    left: 13%;
    width: 100%;
    font-size: 1.2vw;
    transition: 0.2s all;
    line-height: 1.7vw;
}
.con5_item_top_absol_2nd_absol{
    width: 100% !important;
    opacity: 0;
}
.con5_item:nth-of-type(2),.con5_item:nth-of-type(3){
    border-left: white 1px solid;
    border-right: white 1px solid;
}
.con5_hover{
    height: 40vw;
    z-index: 3;
}
.con05_01_01{
    width: 100%;
    opacity: 0;
    height: 100%;
    transition: 0.2s all
}
.con5_hover_item{
    height: 100%;
    width: 25%;
}
.con5_item_top .absol{
    transition: 0.2s all;
}
.con5_item:hover .con5_item_top .absol{
    opacity: 1;
}
.con5_item:hover .con5_item_top_2nd{
    color: #E3C179;
}
.con5_item:hover .con5_item_top_3rd{
    color: #E3C179;
}
.con5_item:hover .con05_01_01{
    opacity: 1;
}
.con5_item:hover .con5_item_top_absol_2nd_absol{
    opacity: 1;
}

.con6_left{
    width: 50% !important;
    overflow: hidden;
}
.con6_right{
    width: 50% !important;
}
.con6{
    height: 54vw;
}
.con6_right_top{
    font-family: Butler-Black;
    font-size: 3.3vw;
    width: 71%;
}
.con6_right_top_2nd{
    display: flex;
    justify-content: center;align-items: center;
    width: 100%;
}
.con6_right_top_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
}
.con6_right_swiper_1_slide img{
    width: 71% !important;
  transition:0.3s all;
}
.con6_right_swiper_1{
    padding: 15% 0;
    overflow: hidden;
}
.con6_right_top_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68%;
    margin-left: -11%;
}
.con6_right_swiper_1_slide.swiper-slide-next img{
    scale: 1.5;
}

.con6_right_top_3rd{
    width: 74%;
    overflow: hidden;
    font-family: 'Butler-Black';
    font-size: 1.5vw;
    color: #E3C179;
}
.con6_right_top_4th{
    width: 74%;
    font-family: pretendard-bold;
    overflow: hidden;
    font-size: 1.8vw;
    margin-bottom: 3%;
}
.con6_right_top_5th{
    width: 74%;
    font-family: pretendard-light;
    font-size: 1.1vw;
    overflow: hidden;
    line-height: 1.7vw;
}
.con5_5{
    height: 2.8vw;
}


.con6_top_scr{
    width: 100%;
    display: flex;
    justify-content: center;align-items: center;
}
.con6_top_scr img{
    width: 100%;
    animation: marqueeX 20s infinite linear;
}
.con6_top_scr .absol{
    right: -100%;
}
.con6_right_top_2nd {
}
.con6_right_top{
    color: #091535;
}
.con6_right_top span{
    color: #E3C179;
}
.con6_right_top_4th{
    color: #091535;

}
.con6_right_top_5th{
    color: #091535;

}
.con7{
    height: 25vw;
}
.con7_left{
    height: 100%;
    background: #E3C179;
}
.con7_right{
    height: 100%;
    background: #091535;
}
.con7_left_top{
    width: 19.1089%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -39%;
}
.con7_left_top_2nd{
    width: 59%;
    font-size: 1.9vw;
    font-family: 'Pretendard-bold';
    color: #091535;
    margin-top: 6%;
    margin-bottom: 3%;
    line-height: 2.4vw;
}
.con7_left_top_2nd_p span{
    font-family: pretendard-light;
}
.con7_left_top_3rd{
    width: 48.7129%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10%;
}


.con7_right_top{
    width: 11.1881%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -47%;
}
.con7_right_top_2nd{
    width: 59%;
    font-size: 1.9vw;
    font-family: 'Pretendard-bold';
    color: #E3C179;
    margin-top: 6%;
    margin-bottom: 3%;
    line-height: 2.4vw;
}
.con7_right_top_2nd_p span{
    font-family: pretendard-light;
}
.con7_right_top_3rd{
    width: 48.7129%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10%;
}
.con4_top_2nd{
    overflow: hidden;
}
.container{
    display: none;
}
main_video_con_video {
    top: 0%;
}
.bar{
    stroke-linecap: round;
}
.con2 {
    background-attachment: fixed;
}
.con5_item_top_2nd {
    top: 57%;
    color: white;
    font-size: 1.7vw;
    font-family: pretendard-regular;
    left: 13%;
    line-height: 2.1vw;
    transition: 0.2s all;
}
.con5_item_top_3rd {
    top: 79%;
    left: 13%;
    width: 100%;
    font-size: 1vw;
    transition: 0.2s all;
    line-height: 1.6vw;
}
.ccon5_mid_next {
color: white !important;
    right: 8% !important;
    top: 42% !important;
}
.ccon5_mid_prev {
    color: white !important;
    left: 8% !important;
    top: 42% !important;
}
.ccon6_mid_prev{
    width: 2.5vw !important;
    height: 2.5vw !important;
    background: #091535;
    color: white !important;
    border-radius: 50%;
    top: 14% !important;
    left: 79% !important;    
}
.ccon6_mid_next{
        width: 2.5vw !important;
    height: 2.5vw !important;
    background: #E3C179;
    color: white !important;
    border-radius: 50%;
    top: 14% !important;
    left: 85% !important;   
}
.ccon6_mid_prev:after, .ccon6_mid_next:after {
    content: 'prev';
    font-size: 1vw !important;
}
.con1_top_3rd{
    cursor: pointer;
}
.con7_left_top_3rd{
    cursor: pointer;
}
.con7_right_top_3rd{
    cursor: pointer;
    
}
/*
.header_menu_sub{
    background: transparent !important;
}
.header_menu_sub {
    border-bottom: 1px solid #ffffff7a;
}
.header_menu_sub_1 {
    width: 8%;
    text-align: center;
    color: white !important;
}
.header_menu_sub_1_on {
    color: #E3C179 !important;
}
*/
.con1_top_absol_p{
    color: #ffffffa3;
    font-size: 1vw;
    top: 8%;
    right: 4%;    
}
.con3_top_item_top_p {
    left: 36%;
}
.con3_top {
    width: 21.505%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9%;
}
.con3_top_item_top_p_span {
    color: #E3C179;
    font-family: pretendard-regular;
    font-size: 2vw;
    margin-left: -14%;
}
.con3_top_item_top_p {
    left: 34%;
}
.con3_left_p {
    color: white;
    right: 64%;
    text-align: right;
    line-height: 2.9vw;
    font-size: 2vw;
}
.con3_right_p {
    color: white;
    left: 64%;
    font-size: 2vw;
    line-height: 2.9vw;
}
.con4_bottom_swiper_1_slide_con_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10vw;
    overflow: hidden;
}
.con4_bottom_swiper_1_slide_con_img img{
/*    height: 100%;*/
    margin-top: -2px;
}
.con3_top_item_top_p {
    left: 34%;
    bottom: 20%;
}



.con6_left{
    height: 100%;
}

.con6_left_swiper_1_slide{
    display: flex !important;
    height: 100% !important;
    
}
.main_video_con_video {
    width: 108%;
    height: 105%;
    top: 0%;
    filter: brightness(0.6);
}

.main_top {
    margin-top: 25%;
    margin-bottom: 25%;
}

.con3_top_item_top_p {
    left: 30%;
    bottom: 20%;
}
@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {
    .ccon6_mid_prev:after, .ccon6_mid_next:after {
    content: 'prev';
    font-size: 4vw !important;
}
    .con2 {
        background-attachment: unset !important;
    }
    .main_top {
        width: 77.297%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 59%;
        margin-bottom: 43%;
        z-index: 1;
    }
    .main_video_con_video {
        width: 204%;
        height: 154%;
        top: -13%;
        filter: brightness(0.7);
    }
    .con1_top {
        width: 100%;
        text-align: center;
        margin-top: 6%;
        font-size: 3.8vw;
        width: 62%;
        word-break: keep-all;
        line-height: 5vw;
    }
    .con1_top_2nd {
        font-family: "Noto Serif KR", serif;
        text-align: center;
        color: white;
        width: 100%;
        margin-top: 3%;
        font-size: 6vw;
        margin-bottom: 4%;
    }
    .con1_top_3rd {
        width: 32.11881%;
        display: flex;
        justify-content: center;
        margin-bottom: 13%;
        margin-top: 3%;
        align-items: center;
    }
    .con1_top {
        width: 100%;
        text-align: center;
        margin-top: 14%;
        font-size: 3.8vw;
        width: 62%;
        word-break: keep-all;
        line-height: 5vw;
    }
    .con2_top {
        margin-top: 16%;
        flex-wrap: wrap;
    }
    .con2_top_item {
        width: 59%;
        text-align: center;
        color: white;
    }
    .con2_top_item_top_p {
        font-size: 17vw;
        font-family: pretendard-bold;
    }
    .con2_top_item_1_span {
        font-size: 4.6vw;
        font-family: Pretendard-regular;
        writing-mode: vertical-lr;
        margin-left: -3%;
    }
    .con2_top_item_top_p_2nd {
        font-size: 5.1vw;
        letter-spacing: 0.1vw;
        font-family: pretendard-Extralight;
    }
    .con2_top_item_2_span {
        font-size: 9vw;
        writing-mode: unset;
    }
    .con2_top_2nd {
        width: 100%;
        text-align: center;
        font-size: 4.1vw;
        font-family: pretendard-extralight;
        color: white;
        margin-top: 14%;
        margin-bottom: 15%;
    }
    .con2_top_2nd_p {
        line-height: 6.7vw;
    }
    .con2_top_item_2 .con2_top_item_top {
        border-left: unset;
        border-right: unset;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        margin: 18% 0;
        padding-bottom: 18%;
        padding-top: 12%;
    }
    .con2_top_absol {
        width: 28.25743%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 6%;
        left: unset;
    }
    .con2_top {
        margin-top: 26%;
        flex-wrap: wrap;
    }
    .con3_left_p {
        color: white;
        right: unset !important;
        text-align: center;
        line-height: 8.9vw;
        font-size: 6vw;
        position: relative !important;
        margin-top: 10%;
    }
    .con3_right_p {
        color: white;
        left: unset;
        text-align: center;
        font-size: 6vw;
        line-height: 8.9vw;
        position: relative !important;
        margin-top: 5%;
    }
    .con3_top {
        width: 77.505%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 11%;
    }
    .con3_top_item_top_p {
        font-size: 21vw;
        bottom: 21%;
    }
    .con3_top_item_top_p_span {
        color: #E3C179;
        font-family: pretendard-regular;
        font-size: 11vw;
        margin-left: -15%;
    }
    .con3_top_item_top_p {
        font-size: 21vw;
        bottom: 21%;
        left: 28%;
    }
    .con3_bottom {
        font-size: 3vw;
        text-align: center;
        line-height: 5.7vw;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 15%;
    }
    .con4_top_scr {
        top: 5%;
        width: 250%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .con4_top {
        width: 17.49505%;
        display: flex;
        justify-content: center;
        margin-top: 16%;
        align-items: center;
        margin-bottom: 5%;
    }
    .con4_top_2nd{
        font-size: 3.1vw;
        margin-bottom: 0%;
    }
    .con4_top_3rd {
        color: white;
        font-family: pretendard-bold;
        font-size: 6vw;
        width: 100%;
        text-align: center;
        margin-top: 1%;
        margin-bottom: 5%;
    }
    .con4_bottom_swiper_1_slide_top {
        background: #E3C179;
        border-radius: 50px;
        height: 5.5vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #071535;
        font-family: pretendard-semibold;
        font-size: 3.5vw;
    }
    .con4_bottom_swiper_1_slide_con_img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 23vw;
        overflow: hidden;
    }
    .con4_bottom_swiper_1_slide_con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: white;
        border-radius: 10px;
        margin-top: 10%;
        overflow: hidden;
    }
    .con4_bottom_swiper_1_slide_con_stores {
        font-family: pretendard-light;
        font-size: 3.1vw;
        line-height: 4.7vw;
        height: 19vw;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .con4_bottom_swiper_1 {
        overflow: hidden;
        width: 88%;
        margin-bottom: 14%;
        margin-top: 3%;
    }
    .con4_bottom_swiper_1_slide_con_img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 28vw;
        overflow: hidden;
    }
    .con5_con {
        flex-wrap: wrap;
    }
    .con5_item {
        height: 50%;
        width: 49.6%;
    }
    .con5_con {
        background: url(/images/con05_01_bg1.jpg) no-repeat center / cover;
        height: 100vw;
        border: 1px solid white;
        box-sizing: border-box;
        transition: 0.2s all;
    }
    .con5_item:nth-of-type(2), .con5_item:nth-of-type(3) {
        border-left: unset;
        border-right: unset;
    }
    .con5_item:nth-of-type(1), .con5_item:nth-of-type(3) {
        border-right: white 1px solid;
    }
    .con5_item:nth-of-type(1), .con5_item:nth-of-type(2) {
        border-bottom: white 1px solid;
    }
    .con5_item_top {
        width: 21.0792%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 5%;
        right: 6%;
    }
    .con5_item_top_2nd {
        top: 36%;
        color: white;
        font-size: 3.4vw;
        font-family: pretendard-regular;
        left: 13%;
        line-height: 4.6vw;
        transition: 0.2s all;
    }
    .con5_item_top_absol_2nd {
        width: 3.77228%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 59%;
        left: 13%;
    }
    .con5_item_top_3rd {
        top: 69%;
        left: 13%;
        width: 73%;
        font-size: 2.6vw;
        transition: 0.2s all;
        line-height: 3.7vw;
        font-family: pretendard-regular;
    }
    .con5_5 {
        height: 8.8vw;
    }
    .con6_top_scr {
        width: 250%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 29%;
    }
    .con6_top_scr {
        width: 250%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 29%;
    }
    .con6_left {
        width: 100% !important;
        overflow: hidden;
    }
    .con6_right {
        width: 100% !important;
    }
    .con6{
        height: unset;
        flex-direction: column;
    }
    .con6_right_top {
        font-family: Butler-Black;
        font-size: 6.3vw;
        width: 72%;
        margin-top: 11%;
    }
    .con6_right_top_2nd {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 84%;
        padding: 15% 0;
        margin-left: 0;
    }
    .con6_right_top_3rd {
        width: 74%;
        font-family: 'Butler-Black';
        font-size: 4.5vw;
        color: #E3C179;
        text-align: center;
        margin-top: 4%;
    }
    .con6_right_top_4th {
        width: 74%;
        font-family: pretendard-bold;
        font-size: 5vw;
        margin-bottom: 3%;
        text-align: center;
    }
    .con6_right_top_5th {
        width: 80%;
        font-family: pretendard-regular;
        font-size: 3.1vw;
        line-height: 4.7vw;
        text-align: center;
        margin-bottom: 10%;
    }
    .con7 {
        height: 98vw;
        flex-direction: column;
    }
    .con7_left_top {
        width: 30.1089%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -40%;
    }
    .con7_left_top_2nd {
        width: 71%;
        font-size: 5.9vw;
        font-family: 'Pretendard-bold';
        color: #091535;
        margin-top: 6%;
        margin-bottom: 3%;
        line-height: 7.4vw;
    }
    .con7_left_top_3rd {
        width: 65.7129%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -5%;
    }
    .con7 {
        height: 127vw;
        flex-direction: column;
    }

    .con7_right_top {
        width: 19.1089%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -51%;
    }
    .con7_right_top_2nd {
        width: 71%;
        font-size: 5.9vw;
        font-family: 'Pretendard-bold';
        margin-top: 6%;
        margin-bottom: 3%;
        line-height: 7.4vw;
    }
    .con7_right_top_3rd {
        width: 65.7129%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -5%;
    }
    
        .ccon3_mid_prev:after, .ccon3_mid_next:after,.ccon2_mid_prev:after, .ccon2_mid_next:after,.ccon5_mid_prev:after, .ccon5_mid_next:after  {
        font-size: 4.7vw !important;
    }
    .con6_right_top_2nd {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 84%;
        padding: 5% 0;
        margin-left: 0;
    }
    .con6_right_swiper_1_slide.swiper-slide-next img {
        scale: 1.7;
    }
    .con6_right_top {
        font-family: Butler-Black;
        font-size: 6.3vw;
        width: 72%;
        margin-top: 13%;
    }    
    .ccon6_mid_prev {
        width: 7.5vw !important;
        height: 7.5vw !important;
        background: #091535;
        color: white !important;
        border-radius: 50%;
        top: 22% !important;
        left: 68% !important;
    }    
    .ccon6_mid_next {
        width: 7.5vw !important;
        height: 7.5vw !important;
        background: #E3C179;
        color: white !important;
        border-radius: 50%;
        top: 22% !important;
        left: 79% !important;
    }

    .con3_left_p {
        color: white;
        right: unset !important;
        text-align: center;
        line-height: 8.9vw;
        font-size: 6vw;
        position: relative !important;
        margin-top: 13%;
    }    
    .con1_top_absol_p{
        color: #ffffffa3;
        font-size: 2.5vw;
        top: 79%;
        right: unset;    
    }    
        .con3_top_item_top_p {
        left: 34%;
    }
    .con3_top_item_top_p_span {
        font-size: 9vw;
    }    
    
    .con3_top_item_top_p {
        left: 33%;
        white-space: nowrap;
    }    
.con3_top_item_top_p {
        left: 31%;
        white-space: nowrap;
    }    
    
    
}