@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }
    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }

    .main_gif_img_div{
        width: 65.1496% !important;
    }
    .main {
        padding: 54% 0% 14% 0%;
    }
    .main_01_div{
        width: 65.2546% !important;
    }
    .main_08_div{
        width: 74.8241% !important;
    }
    .main_09_div {
        left: 9%;
        top: -28%;
        width: 33.5249% !important;
    }
    .main_10_div {
        right: 8%;
        top: -28%;
        width: 32.8425% !important;
    }
    .main_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
        line-height: 4.5vw;
    }
    .main_div{
        margin: 0% 0% 10% 0%;
    }

    .con01_div {
        height: 44vw;
    }
    .con01_03_div{
        width: 47.8346% !important;
        top: 24%;
    }
    .con01_01_div{
        width: 14.23885% !important;
        top: 17%;
    }
    .con01_02_div{
        width: 19.8058% !important;
        top: 11%;
    }
    .con01_left_ct {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30%;
        top: 68%;
        left: 16%;
    }
    .con01_left_ct > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #fff;
    }
    .con01_left_ct > p:nth-of-type(2) {
        font-family: "cooper-black-std", serif;
        font-weight: 400;
        font-size: 9vw;
        color: #fff;
    }
    .con01_right_ct {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30%;
        top: 68%;
        right: 7%;
    }
    .con01_right_ct > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #fff;
    }
    .con01_right_ct_row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 30%;
        font-family: "cooper-black-std", serif;
        font-weight: 400;
        font-size: 6.5vw;
        color: #fff;
        margin: -1% 0% 0% 0%;
    }
    .con01_right_ct_row > p:nth-of-type(1) {
        font-size: 9vw;
        margin: 0% 0% -5% 0%;
    }

    .con02_content_div{
        padding: 6% 0% 0% 0%;
    }
    .con02_div {
        margin: 12% 0% 0% 0%;
    }
    .con02_content {
        border-radius: 10px;
    }
    .con02_sd_div > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.1vw;
        color: #fff;
    }
    .con02_sd_div > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 2.9vw;
        color: #797979;
        margin: 3% 0% 0% 0%;
    }
    .con02_sd_div > p:nth-of-type(3) {
        font-family: "cooper-black-std", serif;
        font-weight: 400;
        font-size: 6.2vw;
        color: #fff;
    }
    .con02_div_02 {
        margin: 4% 0% -16% 0%;
    }
    .con02_01_div{
        width: 29.33254% !important;
    }
    .con02_02_div{
        width: 87.0881% !important;
    }
    .con02_03_div{
        width: 87.6169% !important;
    }
    .con02_bottom {
        height: 40.5vw;
        margin: -28.5% 0% 0% 0%;
    }
    .con02_05_div {
        top: 26%;
        left: 34%;
        width: 41.9929% !important;
    }
    .con02_04_01 {
        top: 18%;
        left: 48%;
        width: 4.74853% !important;
    }
    .con02_04_02 {
        width: 4.74853% !important;
        top: 19%;
        left: 36.5%;
    }
    .con02_04_03 {
        top: 21%;
        left: 43%;
        width: 4.74853% !important;
    }
    .con02_04_04 {
        top: 26%;
        left: 38.5%;
        width: 4.74853% !important;
    }
    .con02_04_05 {
        top: 60%;
        left: 28.5%;
        width: 4.74853% !important;
    }
    .con02_04_06 {
        top: 64%;
        left: 85%;
        width: 4.74853% !important;
    }
    .con02_04_07 {
        top: 71%;
        left: 76%;
        width: 4.74853% !important;
    }
    .con02_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        line-height: 4.4vw;
        left: unset;
        top: 81%;
    }
    .con02_text_row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .con03_01_div{
        width: 38.1549% !important;
    }
    .con03_02_div{
        width: 66.4383% !important;
    }
    .con03_div_02 {
        margin: 4% 0% 6.5% 0%;
    }
    .con03_div_03 {
        font-size: 3.2vw;
        margin: 0% 0% 11% 0%;
    }

    .circle_wrap {
        width: 75vw;
        height: 75vw;
    }
    .circle_item:nth-child(1) {
        width: 36.5798% !important;
        transform: rotate(0deg) translate(38vw) rotate(0deg);
    }
    .circle_item:nth-child(2) {
        width: 36.5798% !important;
        transform: rotate(72deg) translate(38vw) rotate(-72deg);
    }
    .circle_item:nth-child(3) {
        width: 36.5798% !important;
        transform: rotate(144deg) translate(38vw) rotate(-144deg);
    }
    .circle_item:nth-child(4) {
        width: 36.5798% !important;
        transform: rotate(216deg) translate(38vw) rotate(-216deg);
    }
    .circle_item:nth-child(5) {
        width: 36.5798% !important;
        transform: rotate(288deg) translate(38vw) rotate(-288deg);
    }
    .con03_09_div {
        z-index: 5;
        width: 47.8845% !important;
    }
    .con03_08_div {
        margin: -5% 0% 0% 0%;
        width: 38.3176% !important;
    }
    .con03_div_04{
        min-height: 99.5vw;
        margin: -6% 0% 38% 0%;
    }
    .con03_14_div{
        width: 83.7927% !important;
    }
    .con03_15_div {
        left: 32.5%;
        top: 20%;
        width: 13.45144% !important;
    }
    .con03_bottom {
        height: 34vw;
    }
    .con03_img_div{
        width: 67.1496% !important;
    }
    .con03_13_div {
        top: 5%;
        width: 45.6614% !important;
    }
    .con03_swiper_absol{
        background-color: #ffce21;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 88%;
        bottom: -27%;
        border-radius: 15px;
    }
    .con03_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con03_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con03_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        line-height: 4.4vw;
        padding: 10% 0%;
    }
    .con03_sd_div_m > p:nth-of-type(1){
        font-family: 'Paperlogy';
        font-weight: 700;
        font-size: 4.7vw;
        color: #000;
    }
    .con03_line {
        background-color: #000;
        width: 63%;
        height: 0.3vw;
        margin: 2% 0% 4% 0%;
    }
    .con03-button-prev_m {
        top: 100%;
        left: 2%;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: all;
        z-index: 20;
        width: 9% !important;
    }
    .con03-button-next_m{
        top: 100%;
        right: 2%;
        cursor: pointer;
        pointer-events: all;
        z-index: 20;
        width: 9% !important;
    }

    .con04_div_01 {
        margin: 8% 0% -1% 0%;
    }
    .con04_div_02{
        margin: 0% 0% 5.5% 0%;
    }
    .con04_01_div{
        width: 85.8898% !important;
    }
    .con04_02_div{
        width: 25.0709% !important;
    }
    .con04_div_03 {
        font-size: 3.2vw;
        line-height: 4.3vw;
    }
    .con04_07_div {
        width: 89.6273% !important;
    }
    .con04_08_div {
        top: -46%;
        left: 7%;
        width: 80.6903% !important;
    }
    .con04_div_04 {
        margin: 135% 0% -24.5% 0%;
    }
    .con04_09_div {
        top: -35%;
        left: 20%;
        width: 60.2572% !important;
    }
    .con04_10_div {
        top: -61%;
        left: 48%;
        width: 30.9711% !important;
    }
    .con04_13_div {
        top: -61%;
        left: 10%;
        width: 40.643% !important;
    }
    .con04_11_div {
        top: -79%;
        left: 48.5%;
        width: 43.1706% !important;
    }
    .con04_12_div {
        top: -86%;
        left: 34%;
        width: 31.3937% !important;
    }
    .con04_14_div {
        top: -136%;
        left: 47%;
        width: 45.2257% !important;
    }
    .con04_15_div {
        top: -139%;
        left: 16%;
        z-index: 1;
        width: 37.9659% !important;
    }
    .con04_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 49vw;
        height: 49vw;
        margin: 0% 0% -15% -46%;
        border-radius: 50vw;
    }
    .con04_03_div{
        width: 41.1302% !important;
    }
    .con04_img_div{
        width: 68.0421% !important;
        margin: 10% 0% 0% 0%;
    }
    .con04_right_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 49vw;
        height: 49vw;
        margin: 0% -46% -15% 0%;
    }
    .con04_absol {
        top: 31%;
    }
    .con04_line {
        margin: -6% 0% 0% 0%;
    }
    .con04_05_div{
        width: 40.1302% !important;
    }

    .con05_content{
        width: 100%;
    }
    .con05_div {
        background-attachment: unset;
        height: 55vw;
    }
    .con05_text{
        font-size: 4.2vw;
        line-height: 6.8vw;
    }

    .con06_div {
        margin: 12% 0% 12% 0%;
    }
    .con06_01_div{
        width: 39.5853% !important;
    }
    .con06_02_div{
        width: 64.5591% !important;
    }
    .con06_div_02 {
        margin: 3% 0% 6% 0%;
    }
    .con06_border_wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 96%;
        border-radius: 10px;
        border: 1px solid #e44f27;
        overflow: hidden;
    }
    .con06_border_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 145vw;
    }
    .con06_border_button {
        background-color: #e44f27;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10%;
    }
    .con06_border_button_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 33.33%;
        height: 100%;
        cursor: pointer;
        pointer-events: all;
    }
    .con06_border_content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 90%;
    }
    .con06_05_div{
        width: 66.2133% !important;
    }
    .con06_07_div{
        width: 42.9492% !important;
    }
    .con06_09_div{
        width: 41.7561% !important;
    }
    .con06_button_01 {
        left: 5.2%;
        top: 13%;
        width: 26.2336% !important;
    }
    .con06_03_div{
        width: 100.3% !important;
    }
    .con06_04_div{
        width: 73.0247% !important;
    }
    .con06_button_02 {
        left: 37.2%;
        top: 13%;
        width: 26.2336% !important;
    }
    .con06_06_div{
        width: 50.7458% !important;
    }
    .con06_button_03 {
        left: 70.2%;
        top: 13%;
        width: 26.2336% !important;
    }
    .con06_08_div{
        width: 44.8084% !important;
    }
    .con06_step_01{
        width: 93%;
        margin: 3% 0% 0% 0%;
    }
    .con06_step_01_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con06_10_div{
        width: 40.6187% !important;
    }
    .con06_step_01_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        margin: 3% 0% 6% 0%;
    }
    .con06_step_01_03 {
        flex-wrap: wrap;
    }
    .con06_step_01_03 > div:nth-of-type(3){
        margin: 3% 0% 0% 0%;
    }
    .con06_step_01_03_s {
        width: 45.33%;
        margin: 2% 2%;
    }
    .con06_absol_img_div{
        width: 49.5276% !important;
    }
    .con06_step_01_03_s_top {
        height: 40vw;
        border-radius: 10px;
    }
    .con06_11_div{
        width: 82.6659% !important;
    }
    .con06_14_div{
        width: 85.0562% !important;
    }
    .con06_17_div {
        width: 86.3375% !important;
    }
    .con06_13_div{
        width: 59.6161% !important;
    }
    .con06_16_div{
        width: 59.6161% !important; 
    }
    .con06_19_div{
        width: 59.6161% !important; 
    }
    .con06_step_02{
        width: 93%;
        margin: -21% 0% 0% 0%;
    }
    .con06_step_02_02 {
        flex-wrap: wrap;
    }
    .con06_20_div{
        width: 55.4772% !important;
    }
    .con06_step_02_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 17vw;
        margin: 0% 0% 1% 0%;
    }
    .con06_step_02_01 > p {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        right: unset;
        bottom: 0%;
    }
    .con06_step_02_02 {
        height: 85vw;
    }
    .con06_step_02_02_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 45.5%;
        height: 51vw;
    }
    .con06_step_02_02_s_top {
        background-color: #f2f2f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 51vw;
        color: #000;
    }
    .con06_step_02_02_s_top > p {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        margin: 5% 0% 0% 0%;
    }
    .con06_step_02_02_s_bottom{
        opacity: 1;
    }
    .con06_step_02_02_s.active .con06_step_02_02_s_bottom {
        height: 8vw;
        opacity: 1;
    }
    .con06_24_div{
        width: 38.32449% !important;
    }
    .con06_step_02_02 > div:nth-of-type(2) {
        margin: 0% 0%;
    }
    .con06_step_02_02 > div:nth-of-type(3) {
        margin: 0% 0% 0% 0%;
    }
    .con06_step_02_02_s {
        margin: 1% 1% !important;
    }
    .con06_add_01_div{
        width: 71.2111% !important;
    }
    .con06_21_div{
        width: 70.7292% !important;
    }
    .con06_22_div{
        width: 71.4702% !important;
    }
    .con06_23_div{
        width: 70.9521% !important;
    }
    .con06_step_03{
        width: 93%;
        margin: -20% 0% 0% 0%;
    }
    .con06_step_03_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con06_25_div{
        width: 94.7346% !important;
    }
    .con06_step_03_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 17vw;
    }
    .con06_step_03_01 > p {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        right: unset;
        bottom: 0%;
    }
    .con06_26_div{
        width: 96.0076% !important;
    }
    .con06_img_div{
        width: 65.0686% !important;
    }
    .con06_step_03_02 {
        margin: 6% 0% 60% 0%;
    }
    .pos-center {
        transform: translateY(-40vw) scale(1.2);
        z-index: 2;
        opacity: 1;
    }

    .con07_content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        border-radius: 10px 10px 0px 0px;
        margin: 11% 0% 0% 0%;
    }
    .con07_01_div{
        width: 40.0971% !important;
    }
    .con07_03_div{
        width: 75.9512% !important;
    }
    .con07_title {
        margin: 20% 0% 0% 0%;
    }
    .con07_02_div {
        top: 7%;
        width: 23.5958% !important;
    }
    .con07_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 15vw;
        border-top: 1px solid #e44f27;
        border-bottom: 1px solid #e44f27;
        font-family: 'Paperlogy';
        font-weight: 600;
        font-size: 3.2vw;
        overflow: hidden;
        margin: 7% 0% 6% 0%;
        text-align: center;
    }
    .con07_border_rltv{
        width: 80%;
    }
    .con07_button_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13%;
        height: 100%;
        cursor: pointer;
        pointer-events: all;
        transition: all 0.3s ease;
        margin: 0% 3%;
    }
    .con07_border_s {
        width: 50% !important;
        float: none !important;
        padding: 4% 0% 4% 0%;
    }
    .con07_border_div{
        height: 86vw;
        margin: 2% 0% 10% 0%;
    }
    .con07_border_text_s {
        font-size: 3.2vw;
    }
    .con07_arrow_prev {
        top: 44%;
        left: -7%;
        width: 10.88711% !important;
    }
    .con07_arrow_next {
        top: 44%;
        right: -7%;
        width: 10.88711% !important;
    }
    .con07_button_line {
        height: 0.5vw;
    }
    .con07_popup_content {
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        padding: 10% 0% 10% 0%;
        border-radius: 10px;
        border: 1px solid #e44f27;
        transform: scale(0);
    }
    .con07_popup_left {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con07_popup_img_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 11% 0%;
    }
    .con07_popup_img_box img {
        object-fit: cover;
        width: 65%;
    }
    .con07_popup_right {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con07_popup_text_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        margin: 0% 0% 0% 0%;
    }
    .con07_popup_text_box > p:nth-of-type(1) {
        font-family: 'Pretendard';
        font-weight: 800;
        font-size: 4.8vw;
    }
    .pop_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #000000a1;
        line-height: 4.8vw;
    }
    .con07_popup_close {
        top: 4%;
        right: 4%;
        cursor: pointer;
        width: 8%;
    }

    .con08_div {
        margin: 12% 0% 0% 0%;
    }
    .con08_01_div{
        width: 14.08246% !important;
    }
    .con08_02_div{
        width: 75.7394% !important;
    }
    .con08_div_02 {
        margin: 4% 0% 8% 0%;
    }
    .con08_border_rltv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con08_border_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50%;
    }
    .con08_border_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50%;
        overflow: hidden;
    }
    .con08_border_div {
        width: 94%;
        height: 140.5vw;
        border-radius: 10px;
    }
    .con08_03_div{
        width: 99.3854% !important;
    }
    .con08_04_div{
        width: 99.3854% !important;
    }
    .con08_button {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 27.5vw;
        margin: 0% 0% 1.5% 0%;
    }
    .con08_button_s {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 35%;
        height: 50%;
        margin: 0% 3.8%;
        cursor: pointer;
        pointer-events: all;
    }
    .con08_button_s > p {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        top: 13.5%;
        z-index: 5;
        transition: color 0.3s ease;
    }
    #con08_left_text_01 {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 14%;
    }
    #con08_left_text_02 {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 9%;
    }
    #con08_left_text_03 {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 4%;
    }
    #con08_left_text_04 {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 9%;
    }
    .con08_left_text_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #e44f27;
        margin: 0% 0% 0% 0%;
    }
    .con08_left_text_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 5.5vw;
        color: #000;
        line-height: 6.2vw;
        margin: 3% 0% 6% 0%;
    }
    .con08_left_text_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #676767;
        line-height: 4.5vw;
        margin: 0% 0% 0% 0%;
    }
    .con08_11_div {
        width: 140% !important;
    }
    .con08_video {
        width: 145%;
        height: 100%;
    }
    .con08_absol {
        width: 31.5331%;
    }
    .con08_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        white-space: nowrap;
    }
    .con08_07_div {
        width: 40.984% !important;
        animation: rotate 10s linear infinite;
        margin: -19.5% 0% 0% 0%;
    }
    .con08_content {
        border-radius: 0px 0px 10px 10px;
        margin: 0% 0% 11% 0%;
    }
    .con08_bottom {
        margin: 0% 0% 34% 0%;
    }
    .con08_gif_absol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 64%;
        bottom: -49%;
    }
    .con08_gif_rltv{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_gif_m_div{
        width: 100% !important;
        opacity: 0;
        transition: opacity 0.8s ease-in-out;
    }
    .con08_gif_m_div.active {
        display: block;
        opacity: 1;
        z-index: 10;
    }
    .con08_gif_m_div {
        animation: floating 3s ease-in-out infinite;
    }
    @keyframes floating {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
    }

    .con09_div {
        margin: 11% 0% 3% 0%;
    }
    .con09_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Paperlogy';
        font-weight: 600;
        font-size: 3.2vw;
        color: #e44f27;
    }
    .con09_01_div{
        width: 77.1785% !important;
    }
    .con09_div_02 {
        margin: 4.5% 0% 0% 0%;
    }
    .con09_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 7% 0% 8% 0%;
    }
    .con09_swiper_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 89%;
        overflow: hidden;
    }
    .con09_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_img_div{
        width: 100% !important;
    }
    .con09_video_rltv {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 94%;
        height: 60vw;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1;
    }
    .con09_div_04 {
        margin: -2% 0% 13% 0%;
    }
    .con09_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20.6063%;
        z-index: 5;
        left: 30%;
        top: 80%;
    }
    .con09_right_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20.6063%;
        z-index: 5;
        right: 30%;
        top: 80%;
    }
    .con09_img3_div{
        width: 86.9423% !important;
    }
    .con09_right_rltv > .con09_img3_div{
        margin: 0% 0% 0% -100%;
        width: 124.9423% !important;
    }


    .con10_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 185vw;
    }
    .con10_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50%;
        overflow: hidden;
    }
    .con10_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50%;
        margin: 0% 0% 12% 0%;
    }
    .con10_left_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -35% 0% 0% 0%;
    }
    .con10_left_text_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con10_left_text_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 0% 4% 0%;
    }
    .con10_swiper {
        width: 54%;
        background-color: #fff;
        padding: 7% 20%;
        border-radius: 15px;
    }
    .con10_swiper_slide{
        opacity: 0;
        transition: opacity 1s ease-in-out !important; 
    }
    .con10_swiper_slide.swiper-slide-active {
        opacity: 1;
    }
    .con10_01_div{
        width: 37.1181% !important;
    }
    .con10_02_div{
        width: 61.7218% !important;
    }
    .con10_left_text_03 {
        align-items: center;
        font-size: 3.2vw;
        line-height: 4.5vw;
    }
    .con10_sd_div{
        height: 80vw;
    }
    .con10_video {
        width: 103%;
        height: 120%;
    }
    .con10-button-prev {
        left: 11.7%;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: all;
        z-index: 5;
        width: 8.30971% !important;
    }
    .con10-button-next {
        right: 11.7%;
        cursor: pointer;
        pointer-events: all;
        z-index: 5;
        width: 8.30971% !important;
    }
    .con10_04_div {
        width: 61.2257% !important;
    }
    .con10_06_div {
        width: 71.7428% !important;
    }
    .con10_05_div {
        bottom: -180%;
        width: 78.2625% !important;
    }
    .con10_step_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 32.2644%;
        top: -114%;
        left: 58%;
        z-index: 1;
    }
    .con10_03_div{
        width: 50.0194% !important;
    }
    .con10_step_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Paperlogy';
        font-weight: 500;
        font-size: 3.4vw;
        color: #fff;
        line-height: 4vw;
    }
    .con10_swiper_slide {
        opacity: 0;
        transition: all 1s;
    }
    .con10_swiper_slide.swiper-slide-active {
        opacity: 1;
        transition: all 1s;
    }
    .con10_swiper_slide.swiper-slide-next {
        margin: 0vw 0vw 0vw 0vw;
        transition: all 1s;
    }

    .con11_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 200vw;
    }
    .con11_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con11_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 40%;
    }
    .con11_right {
        background-color: #fff8de;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60%;
        overflow: hidden;
        z-index: 15;
    }
    .con11_move_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50%;
        top: 0%;
        white-space: nowrap;
    }
    .con11_01 {
        width: 10.51706% !important;
    }
    .con11_02 {
        width: 53.832% !important;
    }
    .con11_move_rltv > p {
        font-family: 'Paperlogy';
        font-weight: 500;
        font-size: 3.2vw;
        color: #fff;
        margin: 4% 0% 6% 0%;
        z-index: 1;
    }
    .con11_01 {
        width: 10.51706% !important;
        margin: -18% 0% 0% 0%;
    }
    .con11_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 140%;
        margin: 0% 0% -21.5% 0%;
    }
    .con11_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 78%;
        height: 21vw;
        z-index: 3;
        top: 11%;
    }
    .con11_rltv {
        border-radius: 10px;
    }
    .con11_chg_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        left: 26%;
    }
    .con11_04_div {
        left: 4%;
        width: 17.79544% !important;
    }
    .con11_06_div {
        width: 25.8109% !important;
    }
    .con11_05_div {
        width: 9.92126% !important;
    }

    .con12_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 16% 0%;
    }
    .con12_div_01 > p {
        display: inline-block;
        padding-bottom: 0.05vw;
        border-bottom: 1px solid #e44f27;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3vw;
        color: #e44f27;
    }
    .con12_01_div{
        width: 68.8609% !important;
    }
    .con12_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 1.5% 0%;
    }
    .con12_div_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 75.5vw;
        overflow: unset;
    }
    .con12_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
        margin-top: 50vw;
    }
    .con12-button-prev {
        z-index: 15;
        bottom: -8%;
        left: 41%;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: all;
        width: 6.88714% !important;
    }
    .con12-button-next {
        z-index: 15;
        bottom: -8%;
        left: unset;
        right: 41%;
        cursor: pointer;
        pointer-events: all;
        width: 6.88714% !important;
    }
    .con12_04_div {
        bottom: -23%;
        left: 37%;
        width: 53.8714% !important;
    }
    .con12_05_div {
        left: 80.5%;
        top: 95%;
        width: 10.82677% !important;
    }
    .con12_06_div {
        left: 56%;
        top: 107%;
        width: 20.92913% !important;
    }

    .con13_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 13% 0% 0% 0%;
        z-index: 1;
    }
    .con13_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con13_01_div{
        width: 51.315% !important;
    }
    .con13_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 0% 0%;
    }
    .con13_09_div{
        width: 85.0997% !important;
    }
    .con13_04_div{
        width: 6.78215% !important;
    }
    .con13_03_div{
        width: 4.78478% !important;
    }
    .con13_02_div{
        width: 3.10236% !important;
    }
    .con13_div_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 9vw;
        margin: 2% 0%;
    }
    .con13_div_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% -23% 0%;
    }
    .con13_scr {
        background-color: #e44f27;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 300%;
        height: 12vw;
        z-index: 3;
    }
    .con13_13_div {
        bottom: -5%;
        z-index: 5;
        width: 31.2651% !important;
    }
    .con13_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 74%;
        margin: 7% 0% 4% 0%;
    }
    .con13_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con13_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out !important; 
    }
    .con13_swiper_slide_m.swiper-slide-active {
        opacity: 1;
    }
    .con13_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con13_sd_img_div{
        width: 100% !important;
    }
    .con13_06_div_m{
        width: 27% !important;
        left: -13%;
        top: 12%;
    }
    .con13_08_div_m{
        width: 27% !important;
        right: -13%;
        top: 12%;
    }


    .con14_img_div_02{
        background-color: #d74722;
        height: 39vw;
    }

    .con14_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Paperlogy';
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        line-height: 4.5vw;
        z-index: 1;
    }
    .con14_button {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 33%;
        height: 8vw;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #fff;
        border-radius: 50vw;
        cursor: pointer;
        pointer-events: all;
        margin: 2% 0% 0% 0%;
    }

    .con15_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 7% 0%;
    }
    .con15_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 0% 0%;
    }
    .con15_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 5% 0%;
    }
    .con15_01_div{
        width: 37.3228% !important;
    }
.con15_02_wrap {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 93%;
    border: 1px solid #ffce21;
    border-radius: 10px;
    padding: 6% 0% 6% 0%;
    z-index: 1;
}
    .con15_one_absol {
        background-color: #ffce21;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 65vw;
        height: 41vw;
        border-radius: 3vw;
        padding: 2% 0%;
        bottom: 31%;
    }
    .con15_03_div{
        width: 10.1849% !important;
    }
    .con15_one_absol > p:nth-of-type(1) {
        font-family: 'Paperlogy';
        font-weight: 700;
        font-size: 4vw;
        color: #000;
        margin: 3% 0% 0% 0%;
    }
    .con15_one_absol > p:nth-of-type(2) {
        font-family: "cooper-black-std", serif;
        font-weight: 400;
        font-size: 7vw;
        margin: 0% 0% 3% 0%;
        cursor: pointer;
        pointer-events: all;
    }
    .con15_one_absol > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        margin: 0% 0% 0.8% 0%;
    }
    .con15_one_absol > p:nth-of-type(4) {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
    }
    .con15_02_div{
        width: 87.7482% !important;
        height: 70vw;
    }
    .con15_02{
        height: 100%;
    }

    .con16_01_div{
        width: 27.5249% !important;
        z-index: 1;
    }
    .con16_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 8% 0% 33% 0%;
    }
    .con16_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .con16_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 7% 0% 0% 0%;
    }
    .con16_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_left_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        margin: 5% 0% 3% 0%;
    }
    .con16_left_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_03_div_m{
        width: 59% !important;
    }
    .con16_call_div {
        background-color: #e44f27;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 37.3022%;
        cursor: pointer;
        pointer-events: all;
        font-family: "cooper-black-std", serif;
        font-weight: 400;
        font-size: 5.5vw;
        color: #fff;
        padding: 1.3% 2.5%;
        border-radius: 5px;
        z-index: 10;
    }
    .form {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 99%;
        border-radius: 10px;
        padding: 4% 0% 7% 0%;
    }
    .form_name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 25%;
        font-family: 'Paperlogy';
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        left: 6%;
        top: 39%;
        margin: 0% 0% 0% 0%;
    }
    .form_margin_input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 80%;
        height: 11vw;
        overflow: hidden;
    }
    .form_input_01 {
        background-color: #ffffff00;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
        height: 8vw;
        color: #000;
        margin: 0% 0% 0% 0%;
    }
    .form_input_02 {
        background-color: #ffffff00;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 65%;
        height: 8vw;
        color: #000;
        margin: 0% 0% 0% 0%;
    }
    .form_frame {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        z-index: 1;
        overflow: hidden;
    }
    .agree_text {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 2.8vw;
        color: #000;
        cursor: pointer;
        pointer-events: all;
    }
    .footeer_agree_checkbox_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 1.7vw;
        height: 1.7vw;
        z-index: 1;
        outline: 1px solid #000;
        background-color: rgba(255, 255, 255, 0);
        appearance: none;
        cursor: pointer;
        scale: 1;
        border-radius: 50vw;
        margin: 0% 1% 0% 0%;
    }
    .form_line {
        background-color: #000;
        height: 0.05vw;
        width: 81%;
        left: 0%;
        bottom: -2%;
    }
    .form_submit_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 10.5vw;
        z-index: 1;
        cursor: pointer;
        pointer-events: all;
        margin: 0% 0% 2% 0%;
        padding: 0% 0% 0% 0% !important;
        border-bottom: 0px solid #00000000 !important;
        font-family: 'Paperlogy';
        font-weight: 700;
        font-size: 4.2vw;
        color: #fff;
        border-radius: 25vw;
    }
    .con16_07_div {
        bottom: 3%;
        width: 200.682% !important;
    }
    .con16_05_div {
        width: 91.2073% !important;
    }
    .con16_06_div {
        bottom: -12%;
        left: 16%;
        width: 73.8609% !important;
    }

    /* 
    background: url("/images/con3_bg.jpg") no-repeat center / cover; 
    object-fit: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;

    flex-wrap: wrap;

    font-family: 'LOTTERIACHAB';

    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1vw;
    color: #000;

    . p:nth-of-type(1)

    .con08_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con08_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_img{
        width: 100%;
    }
    .con08_swiper_slide.swiper-slide-next > div {

    }
*/
    
    
    .con08_border_rltv {
        flex-direction: column-reverse;
    }
    .con08_left_text_01 {
        margin-top: 5%;
    }
#con08_left_text_04 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: -2%;
}
#con08_left_text_03 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 6%;
}
#con08_left_text_02 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: -1%;
}    

    
}