* {
    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 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 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;
}
/* 퍼블시작 */
:root {
    --y-color: #FFF391;
    --b-color: #0C1A37;
}
.color_y {
    color: var(--y-color);
}
.color_b {
    color: var(--b-color);
}
.btn_slide_h {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;        
    border-radius: 50vw;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: var(--y-color);
    border: 1px solid var(--b-color);
    cursor: pointer;
}
.btn_slide:hover .btn_slide_h {
    opacity: 1;
}
.main {
    cursor: url(/images/main_08.png) 50 17, auto;
}
.main_slide_img {
    width: 100.788%;
    height: 47.9167vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_slide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main div.main_pagination {
    bottom: 2vw;
}
.main_pagination .swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
    background-color: #fff;
    opacity: 1;
    transition: all 0.3s;
    margin: 0 0.5vw !important;
}
.main_pagination .swiper-pagination-bullet-active {
    width: 3.5vw;
    border-radius: 50vw;
    background-color: #E10413;
}
.acon1_scroll_icon {
    width: 2%;
    height: 3.3vw;
    border: 0.12vw solid #fff;
    border-radius: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 6vw;
}
.acon1_scroll_line_wrap {
    width: 1px;
    height: 2vw;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;    
}
.acon1_scroll_line {
    width: 100%;
    height: 0%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.acon1_scroll_line_circle {
    width: 0.6vw;
    height: 0.6vw;
    background-color: #fff;
    border-radius: 50%;
    bottom: -0.3vw;
    animation: downAni 1.2s infinite linear;
}
@keyframes downAni {
    to {
        transform: translateY(300%);
        opacity: 0;
    }
    
}
.main_scroll_tt {
    top: 121%;
    white-space: nowrap;
    font-size: 1.15vw;
}
.con01_row {
    width: 50%;
    height: 47.9167vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 10vw;
    overflow: hidden;
}
.con01_row01 {
    background-image: url(/images/con01_01.png);
}
.con01_row02 {
    background-image: url(/images/con01_07.png);
}
.con01_row_tt01 {
    font-size: 1.2vw;
    font-weight: 400;
}
.con01_row_tt02 {
    margin-top: 3vw;
}
.con01_02 {
    width: 12.4869%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_row_tt03 {
    margin-top: 2vw;
}
.con01_03 {
    width: 40.8185%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_04 {
    width: 40.7135%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: auto;
}
.con01_row_tt04 {
    width: 22.9801%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 57%;
    cursor: pointer;
}
.con01_10 {
    width: 50.8919%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_11 {
    width: 46.7996%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_09 {
    width: 62.4344%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
}
.con01_08 {
    width: 52.361%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -26%;
    left: 18%;
}
.con01_row_tt04h {
    height: 100%;
    border-radius: 50vw;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s;
}
.con01_row_tt04h_1 {
    background-color: var(--y-color);
    border: 1px solid var(--b-color);
    
}
.con01_row_tt04h_2 {
    background-color: var(--b-color);
    border: 1px solid var(--y-color);

}
div.con01_06 {
    width: 180.645%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_row_tt04:hover .con01_row_tt04h {
    opacity: 1;
}
div.con01_13h {
    width: 188.018%;
    display: flex;
    justify-content: center;
    align-items: center;
filter: brightness(0) saturate(100%) invert(89%) sepia(4%) saturate(6060%) hue-rotate(328deg) brightness(111%) contrast(117%);    
}
.con02 {
    padding-top: 7vw;
}
.con02_row_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.5vw;
}
.con02_row_left {
    width: 26.2992%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 10vw;
}
.con02_row_left_tt {
    font-size: 1.2vw;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.con02_03 {
    width: 43.7126%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.con02_03_h {
    width: 100%;
    height: 100%;
    border-radius: 50vw;
    overflow: hidden;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: var(--y-color);
    border: 1px solid var(--b-color);
}
.con02_03:hover .con02_03_h {
    opacity: 1;
}
div.con02_04 {
    width: 140.57%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con02_02 {
    width: 4.59085%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 98.9%;
    top: 19%;
}
.con02_slide {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con02_slide_img {
    width: 95.271%;
    height: 28.2813vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con02_slide_img img {
    height: 100%;
    object-fit: cover;
}
.con02_09 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--b-color);
}
.con03_top {
    background-image: url(/images/con03_bg.png);
}
.con03_01 {
    width: 18.7402%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -6.9vw;
}
.con03_04 {
    width: 27.6116%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.5vw;
    margin-bottom: 1vw;
}
.con03_02 {
    width: 19.2126%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
div.con03_sd {
    width: 194.226%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 0%;
    padding: 1vw 0;
    background-color: white;
    border-top: 1px solid var(--b-color);
    border-bottom: 1px solid var(--b-color);
}


.con03_05 {
    width: 59.8361%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.con03_05h {
    width: 153.456%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_bottom {
    margin-top: 1vw;
    overflow: hidden;
}
.con03_03 {
    width: 15.748%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_09 {
    width: 43.2546%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -12.4vw;
}
div.con03_06 {
    width: 164.147%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 39%;
}
.con03_06_bg {
    width: 19%;
    height: 100%;
    background-color: #EEF4FF;
}
.con04_main {
    width: 94.4882%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/images/con04_bg.png);
    padding-top: 6vw;
    flex-direction: column;
}
.con04_01 {
    width: 23.1667%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_02 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3.5vw;
    margin-bottom: 2vw;
}
.con04_mid {
    margin-bottom: 2vw;
}
.con04_03 {
    width: 7.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1%;
    margin-right: 1%;
}
.con04_04 {
    width: 2.83333%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.5%;
    margin-top: 2%;
}
.con04_ct {
    
    width: 16%;
    text-align: end;
    font-size: 5.8vw;
    font-weight: 900;
}
.con04_05 {
    width: 24.6111%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con04_bot {
    gap: 2vw;
    margin-bottom: 6vw;
}
.con04_06 {
    width: 12.1667%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_07 {
    width: 12.1667%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_06h {
    width: 152.995%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_07h {
    width: 135.484%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_bot_sd_wrap {
    width: 94.4882%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--b-color);
}
.con04_bot_sd {
    border-top: 1px solid #fff;
    overflow: hidden;
    padding: 2.5vw 0;
}
.con04_11 {
    width: 124.611%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_08 {
    width: 12.8889%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 71%;
    left: 25%;
}
.con04_09 {
    width: 13.1667%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 71%;
    right: 25%;
}
.con05 {
    padding-top: 7vw;
}
.con05_02 {
    width: 7.76903%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con05_01 {
    width: 115.541%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: -12%;
}
.con05_03 {
    width: 117.568%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 60%;
    bottom: -16%;
}
.con05_04 {
    width: 26.5092%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_input_wrap {
    width: 29.7113%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
    margin-bottom: 5vw;
}
.con05_06 {
    width: 4.59364%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 11%;
    cursor: pointer;
}
.con05_input {
    width: 80%;
    height: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    background-color: transparent;
    color: var(--b-color);
    font-size: 0.9vw;
    font-weight: 500;
    box-sizing: border-box;
    padding-right: 7%;
}
.con05_input::placeholder {
    color: var(--b-color);
}
.con05_07 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--b-color);
}
.con06 {
    background-color: var(--y-color);
    padding-top: 6vw;
}
.con06_02 {
    width: 17.008%;
    display: flex;
    justify-content: center;
    align-items: center;    
    align-self: flex-end;
    margin-right: 8vw;
    margin-bottom: 2vw;
}
.con06_slide_img {
    width: 14.5313vw;
    height: 18.5417vw;
    display: flex;
    justify-content: center;
    align-items: center;     
    background-color: #fff;
    box-sizing: border-box;
}
.con06_slide_img > img {
    height: 100%;
    object-fit: cover;
}
.con06_01 {
    width: 14.2257%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 4vw;
}
.sub_main {
    margin-top: 5vw;
}
.sub_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_title {
    height: 10.6250vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 26%;
}
.sub_title > img {
    width: unset !important;
    height: 100%;
    object-fit: cover;
}
.sub_head_main {
    background-color: #FFFCDB;
}

.bcon1_bot_tab_wrap {
    height: 4vw;
}
.bcon1_bot_tab {
    height: 4vw;
    position: absolute;
    gap: 9vw;
    /* top: 0vw; */
    background-color: #FFFCDB;
    
    transition: all 0.3s;
}
.bcon1_bot_tab a {
    width: 6%;
    display: flex;
    justify-content: center;
    align-items: center;
  color: var(--b-color);
  font-weight: 400;
  font-size: 1vw;
  transition: all 0.3s;
}
.bcon1_bot_tab a:hover {
    font-weight: 700;
}
.bcon1_bot_tab a.bcon1_change {
    font-weight: 700;
}
.bcon1_bot_tab.drop {
  top: 5vw;
  z-index: 9998;
}
.bcon1_bot_tab.insert {
  top: 0vw;
  z-index: 9998;
}
.con07 {
    background-image: url(/images/con07_03.png);
    padding-top: 2vw;
}
.con07_main {
    width: 54.8031%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con07_05 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 0%;
}
.con07_cover {
    padding-top: 7vw;
}
.con07_06 {
    width: 21.648%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_07 {
    width: 65.902%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_08 {
    width: 11.3372%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 23%;
    left: 48%;
}
.con08 {
    background-image: url(/images/con08_bg.png);
}
.con08_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 9.6vw;
    padding-bottom: 10vw;
}
.con08_left {
    width: 28.0315%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 15vw;
}
.con08_01 {
    width: 55.0562%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.con08_left_tt01 {
    margin-bottom: 1vw;
}
.con08_left_tt02 {
    margin-bottom: 1.4vw;
    white-space: nowrap;
}
.con08_slide {
    width: 46.5%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con08_slide_img {
    width: 96.667%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09 {
    padding-top: 14vw;
    margin-top: -14vw;
}
.con08_05 {
    width: 22.6998%;
    display: flex;
    justify-content: center;
    align-items: center;    
    z-index: 2;
    margin-top: -14vw;
    margin-bottom: 2.7vw;
}
.con09_main {
    width: 95.2756%;
    display: flex;
    justify-content: center;
    align-items: center;    
    flex-direction: column;
    background-image: url(/images/con09_bg.png);
    padding-bottom: 2.1vw;
}
.con09_01 {
    width: 20.551%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_tt01 {
    margin-top: 1.8vw;
    font-size: 1.05vw;
    line-height: 1.3;
    margin-bottom: 2vw;
}
.con09_tt02 {
    font-size: 1.05vw;
    margin-bottom: 1.5vw;
}
.con09_mid {
    width: 102vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_slide_img {
    width: 95.5102%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
}
.con09_mid_slide {
    padding-top: 10vw;
}
.swiper-slide-prev .con09_slide_img ,
.swiper-slide-active .con09_slide_img ,
.swiper-slide-next .con09_slide_img {
    transform: translateY(-9.5vw);
}
.con09_07 {
    width: 94.1732%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 0.5vw;    
}
.con09_06 {
    width: 59.0083%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
}
.con09_bot02_slide {
    width: 29.8219%;
    height: 30.3646vw;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 11%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: background 0.3s;
}
.con09_change1 {
  background-image: url(/images/con09_08.png);
}
.con09_change2 {
  background-image: url(/images/con09_09.png);
}
.con09_change3 {
  background-image: url(/images/con09_10.png);
}
.con09_change4 {
  background-image: url(/images/con09_11.png);
}
.con09_main02 {
    margin-top: -2vw;
}
.con09_13 {
    width: 12.231%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.con09_14 {
    width: 23.1497%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_main02_tt01 {
    font-size: 1.05vw;
    line-height: 1.3;
    margin-bottom: 2vw;
    margin-top: 2vw;
}
.con09_main02_tt02 {
    font-size: 1.05vw;
    margin-bottom: 2vw;
}
.con09_15 {
    width: 69.2671%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_16 {
    width: 90.3073%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_17 {
    width: 67.8487%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_18 {
    width: 86.5248%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_19 {
    width: 69.2671%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_20 {
    width: 21.1024%;
    display: flex;
    justify-content: center;
    align-items: center;    
    z-index: 2;
    margin-top: -8vw;
}
.con09_main02_bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 7vw;
    margin-top: -4vw;
    gap: 5vw;
    padding-bottom: 5vw;
}
.con09_main02_bot_bg {
    width: 95.2756%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--b-color);
    top: 0%;
}
.con09_main02_bot_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.con09_main02_bot_col_tt_wrap {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.con09_main02_bot_col01 .con09_main02_bot_col_tt_wrap {
    align-items: flex-start;
    text-align: start;
    margin-left: 12vw;
}
.con09_main02_bot_col02 .con09_main02_bot_col_tt_wrap {
    align-items: flex-end;
    text-align: end;
    margin-right: 12vw;
}
.con09_22 {
    width: 58.0052%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_main02_bot_col_tt {
    font-size: 1vw;
    white-space: nowrap;
    margin-top: 1.5vw;
}
.con09_main02_bot_slide {
    width: 51%;
}
.con09_main02_bot_slide_img {
    width: 94.855%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con10_main {
    width: 95.2756%;
    /* height: 49.4271vw; */
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #FFFCE2;
    overflow: hidden;
    padding-top: 8vw;
    padding-bottom: 6vw;
    box-sizing: border-box;
    gap: 16vw;
}
.con10_main_top_line {
    width: 105.785%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 0%;
}
.con10_left {
    width: 18.843%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 11vw;
}
.con10_right {
width: 41.8182%;
    height: 21.6146vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 12vw;
    margin-bottom: 1vw;
}
.con10_graph {
    width: 10.3646vw;
    background-color: var(--b-color);
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con10_graph01 {
    height: 2.2396vw;
}
.con10_graph02 {
    height: 100%;
}
.con10_11 {
    width: 52.2613%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: -2vw;
}
.con10_07 {
    width: 103.015%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: -7vw;
    left: 2vw;
}
.con10_06 {
    width: 109.756%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 49%;
    bottom: 74%;
}
.con10_08 {
    width: 64.1634%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1vw;
}
.con10_09 {
    top: 100%;
}
.con10_01 {
    width: 32.6171%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -13%;
}
.con10_18 {
    width: 86.2573%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con10_05 {
    width: 46.4527%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 30%;
}
.con10_05_circle {
    background-color: #FFFAD3;
    border-radius: 50%;
}
.con10_bot {
    height: 9vw;
    background-image: url(/images/con10_13.png);
}
.con10_14 {
    width: 10.7612%;
    display: flex;
    justify-content: center;
    align-items: center;    
    align-self: flex-end;
    margin-right: 2vw;
}
.con10_15 {
    width: 24.5144%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con10_16 {
    width: 11.4961%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 23vw;
    left: -2vw;
}
.con10_16 .btn_slide_h {
    background-color: var(--b-color);
}
.con10_16h {
    width: 151.613%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11 {
    padding-top: 6vw;
}
.con11_01 {
    width: 28.3465%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7vw;
}
.con11_inner {
    width: 75.5906%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con11_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.con11_col01 {
    margin-bottom: 6vw;
}
.con11_col02 {
    margin-bottom: 3vw;
}
.con11_col01_img {
    width: 49.375%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_col_left_top {
    top: -2vw;
    left: 0%;
}
.con11_02 {
    width: 11.3195%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_col02_img {
    width: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_05 {
    width: 12.4306%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_col03_left {
    width: 43%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_10 {
    width: 18.2813vw;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con11_col03_right {
    width: 49%;
    height: 15vw;
    box-sizing: border-box;
    overflow-y: scroll;
    font-size: 0.95vw;
    color: var(--b-color);
    font-weight: 400;
    margin-right: 2vw;
}
.con11_col03_right::-webkit-scrollbar {
    width: 0.2vw;
    height: 90%;
}
.con11_col03_right::-webkit-scrollbar-track {
    background-color: var(--b-color);
}
.con11_col03_right::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #DA710E;
}
.con11_col04 {
    background-image: url(/images/con11_13.png);
    padding: 4vw 0 3.5vw;
    margin-top: 2.5vw;
}
.con11_09 {
    width: 10.6251%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    left: 0%;
}
.con12 {
    padding-top: 7vw;
}
.con12_01 {
    width: 24.147%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vw;
}
.con12_main {
    width: 100.788%;
    height: 39.7396vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.con12_row {
    background-position: left top;
    overflow: hidden;
    transition: width 0.3s;
}
.con12_row01 {
    width: 27%;
    /* width: 73%; */
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url(/images/con12_03.png);
}
.con12_row02 {
    /* width: 73%; */
    width: 27%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--y-color);
}
.con12_row.con12_change {
    width: 73%;
}
.con12_05 {
    width: 22.24vw;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 11vw;
}
.con12_04 {
    width: 27.3959vw;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 51vw;
}
.con12_06 {
    width: 26.9792vw;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    top: 0%;
}
.con12_07 {
    width: 18.4375vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 11vw;
}
.con12_02 {
    width: 27.0834vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 0%;
}
.con12_row_h {
    opacity: 1;
    transition: opacity 0.3s;
}
.con12_row.con12_change .con12_row_h {
    opacity: 0;
}
.con12_row02_slide {
    width: 24.3750vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 44vw;
    top: 0%;
}
.con12_row02_slide_img {
    width: 24.3750vw;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.con13_02 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con13_05 {
    width: 80.0525%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}
.con13_06 {
    width: 24.7214%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: 0%;
    top: -7.5vw;
}
.con13_center_tt {
    text-align: end;
    right: 0%;
    bottom: -4.5vw;
    font-size: 1.05vw;
    line-height: 1.5;
}
.con13_07 {
    width: 19.6325%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10%;
    top: 10%;
}
.con13_04 {
    width: 28.5565%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -23%;
}
.con13_03 {
    width: 31.8111%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: -16%;
}
.con14_bg {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con13_07_2 {
    filter: brightness(0) saturate(100%) invert(9%) sepia(41%) saturate(2150%) hue-rotate(195deg) brightness(94%) contrast(98%);
}
.con14_01 {
    width: 73.3859%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
    pointer-events: none;
}
.con14_02 {
    width: 30.8298%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: -65%;
}
.con14_03 {
    width: 22.175%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: 0%;
    top: -58%;
}
.con14_06 {
    width: 22.7822%;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -4%;
    margin-top: 5%;
    transition: height 0.3s;
}

.con14_06 > img {
    height: 100%;
}
.con14_07 {
    width: 119.124%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10.4vw;


    left: -2.3vw;
    transition: left 0.3s;
}
.con14_05 {
    width: 117.742%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -6.1vw;
    
    
    left: -0.5vw;
    transition: left 0.3s;
}

.con14_04 {
    width: 131.106%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: -3vw;
    margin-top: -4vw;
    transition: opacity 0.3s;
}
.con14_06:hover {
    height: 25.6250vw;
}
.con14_06:hover .con14_07 {
    left: -4.3vw;
}
.con14_06:hover .con14_05 {
    left: 2.5vw;
}
.con14_06:hover .con14_04 {
    opacity: 0;
}

.con15 {
    background-image: url(/images/con15_bg.png);
    padding-top: 4vw;
    padding-bottom: 3vw;
}
.con15_top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 2vw;
}
.con15_01 {
    width: 11.8635%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_02 {
    width: 12.8084%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_03 {
    width: 8.29396%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -0.5vw;
    margin-left: -0.3vw;
    margin-right: -0.8vw;
}
.con15_04 {
    width: 31.4961%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con15_slide_item {
    width: 81.2599%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
}
.con15_14 {
    width: 78.4885%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_05 {
    width: 71.8993%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_06 {
    width: 97.0931%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_slide_img01 {
    transition: opacity 0.3s;
}
.con15_slide_img02 {
    opacity: 0;
    transition: opacity 0.3s;
}
.swiper-slide-prev .con15_slide_img02 ,
.swiper-slide-next .con15_slide_img02 {
    opacity: 1;
}
.swiper-slide-prev .con15_slide_img01 ,
.swiper-slide-next .con15_slide_img01 {
    opacity: 0;
}
.swiper-slide-prev .con15_slide_item {
    transform: translateX(2vw);
}
.swiper-slide-next .con15_slide_item {
    transform: translateX(-2vw);
}
.con15_08 {
    width: 13.4384%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 34%;
    bottom: -2%;
}
.con15_09 {
    width: 73.8282%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_arr {
    width: 5.24944%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con15_arr_prev {
    left: 33%;
}
.con15_arr_next {
    right: 33%;
}


.con16 {
    padding-top: 5vw;
}
.con16_01 {
    width: 11.4962%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.con16_02 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.menu_tab_wrap {
    height: 4.5vw;
    background-color: var(--b-color);
    gap: 3vw;
    z-index: 1;
}
.menu_tab {
    display: flex;
    justify-content: center;
    align-items: center;    
    height: 100%;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1.5vw;
    font-weight: 900;
}
.menu_tab::after {
    content: '';
    width: 0%;
    height: 0.4vw;
    background-color: #E47300;
    position: absolute;
    bottom: 0%;
    transition: width 0.3s;
}
.menu_tab.menu_change::after {
    width: 120%;
}
.con16_05 {
    width: 7.5vw;
    display: flex;
    justify-content: center;
    align-items: center;   
    bottom: 73%;
}
.menu_wrap {
    background-color: #A8C5ED;
    padding-top: 6vw;
    padding-bottom: 21vw;
}
.menu_box {
    width: 82%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7vw 0;
    padding-bottom: 6vw;
    display: none;
}
.menu_box.menu_change {
    display: flex;
}
.menu_item {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu_item_box {
    width: 19.5313vw;
    height: 23.8021vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;    
    flex-direction: column;
    background-color: #fff;
    border-radius: 2vw;
    border: 1px solid var(--b-color);
    box-sizing: border-box;
    color: var(--b-color);
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
}
.menu_img {
    height: 14.8438vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-1vw);    
    transition: transform 0.3s;
}
.menu_img > img {
    width: unset !important;
    height: 100%;
}
.menu_tt {
    margin-bottom: 1.5vw;
    font-weight: 400;
    font-size: 1.1vw;
    margin-top: 1vw;
}
.con16_08 {
    width: 84.9867%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10%;
    transition: opacity 0.3s;
    opacity: 0;
}
.menu_item_box:hover {
    color: white;
    background-color: var(--b-color);
}
.menu_item_box:hover .menu_img {
    transform: translateY(-0vw);
}
.menu_item_box:hover .con16_08 {
    opacity: 1;
}
.menu_more_btn {
    width: 14.0206%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}
.con16_11 {
    width: 152.535%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con16_bg {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
    pointer-events: none;
}
.con16_13 {
    width: 42.7823%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 3vw;
}
.con18 {
    padding-top: 2vw;
    margin-top: -2vw;
}
.con18_main {
    width: 100.788%;
    /* height: 37.9167vw; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url(/images/con18_05.png);
    padding-top: 8.5vw;
    padding-bottom: 8.3vw;
}
.con18_06 {
    width: 28.073%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6vw;
}
.con18_07 {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con18_08 {
    width: 7.1876%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con18_mid {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.con18_mid_ct {
    width: 25%;
    font-weight: 900;
    font-size: 9.5vw;
    color: #E47300;
}
.con18_13 {
    width: 194.016%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0;
    border-top: 1px solid var(--b-color);
    border-bottom: 1px solid var(--b-color);
}
.con18_11 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con18_09 {
    width: 21.1025%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -9.2vw;
}
.con18_10 {
    width: 122.139%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 95%;
}
.con18_03 {
    width: 20.1051%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 0%;
    left: 1%;
}

.con18_04 {
    width: 25.3544%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -3.5%;
    bottom: 7%;
}
.con19 {
    padding-top: 3vw;
}
.con19_01 {
    width: 25.3544%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vw;
}
.con19_main {
    width: 100.788%;
    height: 12.9167vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    transition: height 0.3s;
    padding-top: 4vw;    
}
.con19_main_box {
    opacity: 0;
    transition: opacity 0.3s;
}
.con19_main_title {
    top: 0%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s;
}
.con19_19 {
    width: 8.38552%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 39%;
}
.con19_20 {
    width: 8.69802%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 39%;
}
.con19_main.con19_change {
    height: 35vw;
}
.con19_main.con19_change .con19_main_box {
    opacity: 1;
}
.con19_main.con19_change .con19_main_title {
    opacity: 0;
}
.con19_main01 {
    background-image: url(/images/con19_13.png);
}
.con19_02 {
    width: 29.0626%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_different {
    width: 13.073%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.7vw;
    margin-bottom: 1vw;
}
.con19_04 {
    width: 34.8959%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_main01_tt {
    font-size: 1vw;
    margin-top: 1vw;
    line-height: 1.5;
}
.con19_05 {
    width: 33.1772%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -3.2vw;
    margin-top: 2vw;
}
.con19_06 {
    width: 23.862%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 14.5%;
    bottom: 28%;
}
.con19_07 {
    width: 40.1885%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -19%;
    top: -17%;
}
.con09_sd {
    bottom: 1vw;
}
.con19_09 {
    width: 57.3771%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_10 {
    width: 95.3163%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_11 {
    width: 72.3654%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_12 {
    width: 62.9978%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_main02 {
    background-image: url(/images/con19_23.png);
}
.con19_main03 {
    background-image: url(/images/con19_29.png);
}
.con19_21 {
    width: 25.7293%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_24 {
    width: 46.3543%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}
.con19_25 {
    width: 53.698%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 1vw;
    margin-right: 4vw;
    margin-bottom: 3vw;
}
.con19_26 {
    width: 73.7149%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 17%;
    left: 17%;
}
.con19_main02_tt {
    font-size: 1.1vw;
}
.con19_27 {
    width: 12.2397%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -12%;
    right: 15.5%;
}
.con19_28 {
    width: 111.064%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -44%;
    left: 24%;
}
.con19_30 {
    width: 33.3855%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_main03_tt {
    font-size: 1.1vw;
}
.con19_main03_mid {
    gap: 15vw;
    margin-top: 1.5vw;
}
.con19_main03_img {
    width: 22.5001%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con19_34 {
    width: 14.0105%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -11vw;
}
.con19_35 {
    width: 97.0261%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 41%;
    top: -33%;
}
.con20 {
    background-color: #FFFCDB;
}
.con20_top_line {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
.con20_02 {
    width: 37.7429%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con20_03 {
    width: 36.9555%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 1.5vw;
}
.con20_top_tt {
    font-size: 1.1vw;
    line-height: 1.5;
    margin-bottom: 5.5vw;
}
.con20_04 {
    width: 16.0631%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10vw;
    margin-bottom: -1.4vw;
}
.con20_05 {
    width: 117.32%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 74%;
    top: -35%;
}
.con20_bot {
    width: 100%;
    height: 15.2083vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #FFFDEA;
    border-top: 2px solid var(--y-color);
}
.con20_bot_row_wrap {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.con20_bot_row {
    width: 8.9896%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.con20_bot_line {
    width: 100%;
    height: 1px;
    background-color: var(--b-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 17.5vw;
}
.con20_arr {
    width: 0.656268%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con20_bot_row_tt {
    height: 7.0834vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 128%;
}
.con20_bot_row_tt > img {
    width: unset !important;
    height: 100%;
}
.con20_07 {
    width: 20.1051%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    bottom: 14%;
}
.con20_08 {
    width: 30.9187%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 0%;
}
.con21 {
    height: 40.7813vw;
    background-image: url(/images/con21_bg.png);
}
.con21_main {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.con21_left {
    width: 20.2626%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 11vw;
}
.con21_01 {
    width: 96.3732%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con21_02 {
    margin-top: 3vw;
    margin-bottom: 1vw;
}
.con21_left_tt {
    font-size: 1.1vw;
}
.con21_right {
    width: 56%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5.8vw;
}
.con21_slide_img {
    width: 95.222%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con21_arr {
    width: 9.37217%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con21_arr_prev {
    left: -6%;
}
.con21_arr_next {
    right: -6%;
}
.con22_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: 7vw;
    gap: 4vw;
    margin-bottom: 4vw;
}
.con22_row {
    width: 35.6956%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.con22_row01 {
    align-items: flex-start;
}
.con22_01 {
    width: 70.4413%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con22_02 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con22_row_tt01 {
    font-size: 1.1vw;
    top: 53%;
}
.con22_ct {
    font-size: 7.7vw;
    top: 35%;
    left: 32%;
    letter-spacing: -0.1vw;
}
.time_center {
    margin: 0 -1.7vw;
}
.con22_03 {
    width: 57.5001%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 61%;
}
.con22_05 {
    width: 87.7942%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 4.7vw;
}
.con22_row01_tt02 {
    font-size: 1.15vw;
    line-height: 1.3;
    margin: 1.5vw 0;
}
.con22_row01_tt03 {
    font-size: 1.15vw;
}
.con22_04 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con22_09 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con22_row02 {
    align-items: flex-end;
}
.con22_06 {
    width: 70.1472%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vw;
}
.con22_07 {
    width: 11.6011%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: -0.1%;
    right: 31%;
}
.con22_08 {
    width: 115.837%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -33%;
    top: -53%;
}
.con23_main {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.con23_row {
    width: 50%;
    height: 49.8438vw;
    display: flex;
    align-items: center;    
    flex-direction: column;
    box-sizing: border-box;
}
.con23_row01 {
    justify-content: flex-end;
    background-image: url(/images/con23_01.png);
}
.con23_row02 {
    justify-content: flex-start;
    background-color: var(--y-color);
}
.con23_row02_item01 {
    height: 47%;
    box-sizing: border-box;
    overflow: hidden;
}
div.con23_row02_item02 {
    justify-content: flex-start;
    height: 53%;
    background-color: #fff;
}
.con23_row02_item01_tt_wrap {
    width: 27.6043%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    align-self: flex-start;
    margin-left: 4vw;
}
.con23_15 {
    margin-bottom: 1.3vw;
}
.con23_15_2 {
    width: 104.906%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con23_row02_item01_tt {
    white-space: nowrap;
    font-size: 1.15vw;
    margin-top: 2vw;
}
.con23_14 {
    width: 47.6043%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -3.3%;
    bottom: -7%;
}
div.con23_row02_item02_col {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: 27%;
    border-top: 1px solid #000;
    box-sizing: border-box;
    transition: height 0.3s;
    cursor: pointer;
    overflow: hidden;
}
.con23_row02_item02_col.con23_change {
    height: 46%;
}
.con23_row02_item02_col_title {
    height: 1.4584vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4vw;
    margin-top: 3vw;
}
.con23_row02_item02_col_title > img {
    width: unset !important;
    height: 100%;
}
.con23_row02_item02_col_tt {
    margin-left: 4vw;
    margin-top: 1.5vw;
    font-size: 1.1vw;
    line-height: 1.3;
    opacity: 0;
    transition: opacity 0.3s;
}
.con23_row02_item02_col.con23_change .con23_row02_item02_col_tt {
    opacity: 1;
}
.con23_row02_item02_col03.con23_change .con23_row02_item02_col_title {
    margin-top: 2vw;
}
.con23_row02_item02_col_arr {
    width: 4.3751%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 2vw;
    right: 10%;
}
.con23_row02_item02_col_arr_h {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;    
    opacity: 0;
    transition: opacity 0.3s;
}
.con23_row02_item02_col_arr > img {
    transition: opacity 0.3s;
}
.con23_row02_item02_col.con23_change .con23_row02_item02_col_arr_h {
    opacity: 1;
}
.con23_row02_item02_col.con23_change .con23_row02_item02_col_arr > img {
    opacity: 0;
}
.con23_slide {
    width: 46.6668%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}
.con23_02 {
    width: 45.7293%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con23_03 {
    width: 17.7678%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 54.5%;
    top: -14%;
}
.con23_row01_item {
    bottom: 0%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10%);
    transition: all 0.3s;
}
.con23_row01_item.con23_change {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0%);
}
.con23_24 {
    width: 44.0626%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con23_25 {
    width: 18.2034%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1%;
    top: -15%;
}
.con23_33 {
    width: 21.0418%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.con23_ct_wrap_box {
    font-size: 5.3vw;
    margin-bottom: 0.5vw;
}
.con23_34 {
    width: 4.58343%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.5vw;
    margin-bottom: -1vw;
}
.con23_ct_wrap_scale {
    transform-origin: bottom;
    animation: scaleOpa infinite linear 1.4s;
}
.con23_arr {
    width: 10.4168%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 60%;
}
.con23_arr_prev {
    left: 18%;
}
.con23_arr_next {
    right: 18%;
}
.con23_23 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0;
    background-color: #EEF4FF;
    border-top: 1px solid var(--b-color);
}
.con23_35 {
    width: 21.7709%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 15.5%;
    top: 16%;
}
.con23_36 {
    width: 58.3733%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 46%;
}
.con23_48 {
    width: 28.6459%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 0%;
    right: 21.5%;
}
.con24 {
    background-image: url(/images/con24_bg.png);
}
.con24_01 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid var(--b-color);
    margin-bottom: 5vw;
}
.con24_02 {
    width: 32.3361%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7vw;
}
.con2425_ct {
    width: 32%;
    font-size: 6.6vw;
    letter-spacing: -0.4vw;
    margin-left: 0.5vw;
}
.con24_03 {
    width: 10.0263%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con24_04 {
    width: 3.46467%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -1.7vw;
}
.con24_05 {
    width: 57.7954%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vw;
}
.con24_slide {
    width: 103%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con24_slide_item {
    width: 20.5208vw;
    height: 10.3125vw;
    display: flex;
    justify-content: center;
    align-items: center;   
    flex-direction: column; 
    box-sizing: border-box;
    border: 1px solid var(--b-color);
    background-color: #fff;
    gap: 1vw;
}
.con24_slide_tt {
    font-size: 1.1vw;
}
.con24_slide_num {
    font-size: 3vw;
}
.con24_06 {
    width: 26.8767%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: -18%;
}
.con25 {
    background-image: url(/images/con25_bg.png);
    padding-top: 6vw;
    padding-bottom: 3.9vw;
}
.con25_01 {
    width: 15.4857%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
    overflow: hidden;
}
.con25_main {
    margin-top: 3vw;
    gap: 4vw;
}
.con25_05 {
    width: 30.9187%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con25_07 {
    width: 33.071%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con25_06 {
    width: 24.2785%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12%;
    top: 36%;
}
.con25_08 {
    width: 14.9207%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7%;
    bottom: 16%;
}
.con25_04 {
    width: 45.8405%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -7%;
    left: -30%;
}
.con26_01 {
    width: 179.843%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3vw;
}
.con26_02 {
    width: 120.053%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con26_03 {
    width: 29.029%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con27 {
    background-image: url(/images/con27_bg.png);
    padding-top: 6vw;
    padding-bottom: 3vw;
}
.con27_01 {
    width: 28.4515%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.con27_tab_wrap {
    margin-bottom: 1vw;
    gap: 1.5vw;
}
.con27_tab {
    width: 16.798%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 50vw;
}
.con27_tab.con27_change > img.absol {
    opacity: 1;
}
.con27_tab > img.absol {
    opacity: 0;
    transition: opacity 0.3s;
}
.con27_03 {
    width: 37.8126%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 100%;
    transition: left 0.3s;
}
.con27_tab.con27_change .con27_03 {
    left: 75%;
}
.con27_box {
    width: 75.6956%;
    height: 34.3750vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-image: url(/images/con27_05.png);
    opacity: 0;
    pointer-events: none;
    transform: translateY(10%);
    transition: all 0.3s;
    top: 0%;
}
.con27_box.con27_change {
    opacity: 1;
    pointer-events: all;
    transform: translate(0);
}
.con27_06 {
    width: 26.075%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con27_12 {
    width: 23.9946%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con27_box_title {
    align-self: flex-start;
    margin-left: 3vw;
    margin-top: 1.9vw;
}
.con27_07 {
    width: 35.437%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5vw;
}
.con27_box01_mid {
    margin-top: 2vw;
}
.con27_08 {
    width: 6.58817%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin-top: 0.3vw;
    margin-right: 0.4vw;
}
.con27_09 {
    width: 8.11383%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    margin-left: 0.5vw;
}
.con27_ct {
    width: 24%;
    font-size: 7vw;
    letter-spacing: -0.3vw;
}
.con27_18 {
    width: 47.5729%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5vw;
}
.con27_10 {
    width: 38.1925%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -13%;
    top: 39%;
    z-index: 1;
}
.con27_11 {
    width: 117.557%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -44%;
    right: 32%;
}
.con27_box02_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: auto;
}
.con27_16 {
    width: 34.9516%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 9.5vw;
}
.con27_17 {
    width: 49.8017%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 19%;
    top: 38%;
}
.con27_13 {
    width: 24.9654%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10vw;
    margin-top: 2.5vw;
}
.con27_14 {
    width: 13.0375%;
    display: flex;
    justify-content: center;
    align-items: center;    
    bottom: 8.8%;
    right: 6%;
}
.con27_15 {
    width: 222.872%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 82%;
    top: -22%;
}
.con28 {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.con28_main {
    width: 75.4856%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.1vw;
}
.con28_left {
    width: 50.0696%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con28_right {
    width: 49.9306%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con28_right_absol {
    width: 39.9722%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 7%;
    bottom: 15%;
}
.con28_17 {
    margin-top: -1px;
}
.con28_02 {
    width: 37.2223%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30%;
    margin-top: 5%;
}
.con28_slide {
    width: 33.2407%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
}
.con28_slide_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con28_arr {
    width: 6.9542%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
}
.con28_arr_prev {
    margin-right: 36%;
}
.con28_arr_next {
    margin-left: 36%;
}
.con29_main {
    width: 100.8399%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con29_02 {
    margin: 0 -1px;
}
.con29_row {
    width: 33.3681%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con29_05 {
    width: 194.278%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5vw 0;
    border-bottom: 1px solid var(--b-color);
}
.con30 {
    padding-top: 7vw;
    padding-bottom: 7vw;
}
.con30_top {
    width: 25.8269%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con30_move {
    width: 75.6431%;
    height: 26.3021vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transform: translateY(120%);
}
.con30_move:nth-child(odd) {
    background-image: url(/images/con30_11.png);
}
.con30_move:nth-child(even) {
    background-image: url(/images/con30_11_2.jpg);
}
.con30_move01 {
    transform: translateY(0%);
}
.con30_move_right_img {
    width: 49.9654%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 0%;
}
.con30_move_right_img > img {
    height: 100%;
    object-fit: cover;
}
.con30_move_left {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: flex-start;    
    flex-direction: column;
    margin-left: 6vw;
}
.con30_move_num {
    width: 12.5001%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con30_05 {
    width: 41.5124%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_move_line {
    width: 80%;
    height: 1px;
    background-color: var(--b-color);
    margin: 1vw 0;
}
.con30_move_tt {
    font-size: 1vw;
    line-height: 1.5;
}
.con30_10 {
    width: 39.8149%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_16 {
    width: 13.3334%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7%;
    bottom: 17%;
}
.con30_17 {
    width: 38.7501%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 17%;
    bottom: 11%;
}
.con30_18 {
    width: 12.0834%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12%;
}
.con30_12 {
    width: 110.695%;
    display: flex;
    justify-content: center;
    align-items: center;    
    right: 0%;
    bottom: 0%;
}
.con30_26 {
    width: 44.1668%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 6%;
    top: 4.2vw;
}
.con30_25 {
    width: 11.2501%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 49%;
    right: 52%;
}
.con30_24 {
    width: 41.8057%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -3%;
    top: 4.2vw;
}
.con30_27 {
    width: 27.2223%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 26%;
    bottom: -3%;
}
.con30_28 {
    width: 62.245%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -6%;
    top: -34%;
}
.con30_33 {
    width: 84.3057%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10%;
    top: 9%;
}
.con30_34 {
    width: 78.4186%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_35 {
    width: 19.6047%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 16%;
    top: 12%;
}
.con30_14 {
    width: 43.9816%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_20 {
    width: 45.3705%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_23 {
    width: 59.8766%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con30_31 {
    width: 51.0803%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con31 {
    background-image: url(/images/con31_bg.png);
    padding-top: 7vw;
    padding-bottom: 5vw;
    border-bottom: 1px solid var(--b-color);
}
.con31_01 {
    width: 29.8689%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con31_03 {
    width: 64.567%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con31_02 {
    width: 18.618%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 15%;
}
.con31_02_1 {
    top: 16.6%;
}
.con31_02_2 {
    top: 24.6%;
}
.con31_02_3 {
    top: 32.6%;
}
.con32 {
    padding-top: 8vw;
}
.con32_main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6vw;
}
.con32_left {
    width: 19.4752%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 4vw;
    margin-left: 12vw;
}
.con32_btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5vw;
}
.con32_btn_arr {
    width: 26.9543%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con32_right {
    width: 64%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con32_slide_img {
    width: 96.474%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con32_slide_img_line {
    width: 86%;
    height: 1%;
    background-color: #FF7815;
    top: 48%;
}
.con32_08 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con33 {
    background-image: url(/images/con33_bg.png);
    padding-top: 7vw;
    padding-bottom: 7vw;
}
.con33_01 {
    width: 35.7481%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.con33_row_wrap {
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 9.1vw 0;
    margin-bottom: 2vw;
}
.con33_row {
    width: 21.24%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con33_row > .con33_arr {
    width: 5.32329%;
    display: flex;
    justify-content: center;
    align-items: center;    
    left: 110%;
}
.con33_14 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 16.3vw;
}
.con33_15 {
    width: 72.2397%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con33_row_center_arr_wrap {
    width: 53%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.con33_row_center_arr_wrap > .con33_arr {
    width: 2.13425%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotateY(180deg);
}
.con33_10 {
    width: 12.7626%;
    display: flex;
    justify-content: center;
    align-items: center;    
    top: 26%;
    left: 88%;
}
.con33_11 {
    width: 76.426%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -50%;
    bottom: -28%;
}
.con33_12 {
    width: 26.3683%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -29%;
    bottom: 17%;
    animation: shakeAndFall 2s infinite linear;
}
.con33_13 {
    width: 114.925%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 63%;
    left: 5%;
    animation: shakeAndFall 2s infinite linear;
}
.con33_17 {
    width: 22.4673%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con33_tt {
    font-size: 1.08vw;
    line-height: 1.3;
}
.con34 {
    background-color: #F0F4FF;
    padding-top: 7vw;
}
.con34_01 {
    width: 19.5802%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vw;
}
.con34_05 {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin-top: 2.5vw;
}
.con34_sd {
    width: 2.20482%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-left: 1px solid var(--b-color);
    border-right: 1px solid var(--b-color);
    padding: 0 0.5vw;
}
.con34_sd01 {
    left: 0%;
}
.con34_sd02 {
    left: 3.2%;
}
.con34_sd03 {
    right: 0%;
}
.con34_sd04 {
    right: 3.2%;  
}
.con34_sd03 img ,
.con34_sd04 img {
    transform: rotate(180deg);
}


.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: 'pretendard Variable';
    font-size: 1vw;
    color: var(--b-color);
    outline: none;
    padding-right: 3vw;
}
.news_search::placeholder {
    color: var(--b-color);
}
.news_search_plus {
    width: 5.81046%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2.5vw;
}
.news_wrap {
    border-top: 2px solid var(--b-color);
}
.news_item {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
.news_top {
    height: 4vw;
    font-weight: 600;
    border-bottom: 1px solid var(--b-color);
}
.news_tr {
    height: 4vw;
    border-bottom: 1px solid var(--b-color);
}
.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: 40%;
    box-sizing: border-box;
    padding-left: 1vw;
    white-space: wrap;
}
.news_item04 {
    width: 10%;
}
.news_item05 {
    width: 10%;
}
.con35_04 {
    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;
}



























/* form1 - start */

 div.from_wrap {
    width:  39.6326%;
    display: flex;
    justify-content: flex-start ;
    flex-direction: column;
  }
  .form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.5vw;
    font-weight: 400;
    color: var(--b-color);
  }
  .form_col01 ,
  .form_col03 {
    gap: 2vw;
  }
  .form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .form_input {
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
  }
  .form_input_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    box-sizing: border-box;
    padding-left: 0.5vw;
  }

  .form label {
    white-space: nowrap;
}
  .form_input_01 ,
  .form_input_02 ,
  .form_input_03 ,
  .form_input_04 ,
  .form_input_05  {
    width: 70%;
  }
  .form_input_06 {
    width: 56%;
    height: 60%;
    box-sizing: border-box;
    padding: 0 3vw;
    -webkit-appearance : none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url(/images/con34_03.png) no-repeat;
    background-size: 3%;
    background-position: 90%;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid var(--b-color);
    border-radius: 50vw;
    margin-right: 3vw;
  }
  .form_check_wrap {
    width: 72%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .form_check_wrap01 {
    gap: 0.5vw;
  }
  .form_check_wrap01 label {
    width: 6vw;
    height: 2.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #0000007a;
    padding: 0 0.3vw;
    background-color: #fff;
    border-radius: 50vw;
}
/* .form_check_wrap01 label:hover {
    background-color: #ef823a;
    color: white;
    border-color: #ef823a;
    font-family: 'SUIT-SemiBold';
} */
.form_check_wrap01 input:checked + label {
    background-color: #95BAFE;
  }
  .agree_text {
    cursor: pointer;
  }
  .form_check_wrap01 input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }


  .footeer_agree_checkbox_01 ,
  .footeer_checkbox_01 ,
  .footeer_checkbox_02 {
    width: 0.7vw;
    height: 0.7vw;
    outline: 1px solid #000;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 0.5vw;
  }
  .footeer_agree_checkbox_01:checked::before ,
  .footeer_checkbox_01:checked::before ,
  .footeer_checkbox_02:checked::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 50%;
    scale: 0.8;
  }
  .form_check_name_05 {
    margin-right: 3vw;
  }

  .form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.9vw;
    margin: 1.5vw 0 0.8vw;
    padding-left: 2vw;
    box-sizing: border-box;
  }
  .form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    padding-bottom: 0.5vw;
  }
  .form_star {
    top: 14%;
    left: 0.3vw;
    color: #ef823a;
  }
  .form_star_top {
    top: -25%;
    left: 19.4vw;
  }
  .form_col select {
    color: #0000007a;
  }

  /* form1 - end */







/* 소현 추가 */
.con09_29{
    width: 81.8899%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con11_14{
    width: 72.2223%;
    display: flex;
    justify-content: center;
    align-items: center;
}