@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_content {
        height: 100vw;
    }
    .subtitle_video {
        width: 180%;
        height: 170%;
    }
    .main_absol_01 {
        font-size: 3vw;
    }
    .main_absol_02 {
        font-size: 8.4vw;
    }
    .main_absol {
        padding: 4.5% 0%;
    }
    .main_absol_02 > p{
        width: 52%;
        text-align: center;
    }

    .con01_div {
        padding: 22% 0%;
        margin: 7% 0% 0% 0%;
    }
    .con01_div_01 {
        font-size: 7.4vw;
    }
    .con01_div_02 {
        font-size: 7.4vw;
        margin: 0% 0% 9% 0%;
    }
    .con01_div_03_s{
        font-size: 3.2vw;
    }

    .con02_div {
        flex-wrap: wrap;
    }
    .con02_div_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        padding: 8% 0%;
        cursor: pointer;
        pointer-events: all;
    }
    .con02_img_div{
        width: 63.2434% !important;
    }
    .con02_text_01 {
        font-size: 3.4vw;
        margin: 10% 0% 5% 0%;
    }
    .con02_text_02 {
        font-size: 3.2vw;
        text-align: center;
    }
    .con02_text_02_s {
        margin: 0% 0% 1.5% 0%;
    }
    .con02_scr {
        width: 400%;
    }
    .con02_scr > .sd{
        animation: marqueeXup linear 40s infinite;
    }

    .con03_div {
        margin: 12% 0% 5.5% 0%;
    }
    .ccon_06_div{
        width: 5.25722% !important;
    }
    .ccon_06a_div {
        bottom: -13%;
        left: 26.5%;
        width: 34.4934% !important; 
    }
    .con03_div_02 {
        font-size: 7.4vw;
        margin: 3.5% 0% 0% 0%;
    }
    .con03_div_03 {
        font-size: 7.4vw;
        margin: 0% 0% 6.5% 0%;
    }
    .con03_div_04_s {
        font-size: 3.2vw;
        margin: 0% 0% 1% 0%;
    }

    .con04_content {
        height: 115vw;
        border-radius: 15px;
    }
    .con04_div {
        flex-direction: column;
    }
    .con04_left {
        width: 100%;
    }
    .con04_left_div {
        margin: 0% 0% 0% 0%;
    }
    .con04_left_01 {
        align-items: center;
        font-size: 3vw;
    }
    .con04_left_02_s {
        align-items: center;
        font-size: 4.8vw;
    }

    .con04_right_02 {
        height: 12vw;
        padding: 0% 14% 0% 0%;
        margin: 0% -6% 0% 0%;
    }
    .con04_percent_div {
        height: 12vw;
    }
    .con04_percent_box {
        height: 12vw;
    }
    .percent_bar_div {
        height: 12vw;
    }
    .percent_bar{
        width: 100% !important;
        height: 100% !important;
    }
    .percent_make > p {
        font-size: 3.2vw;
    }
    .percent_make_img_div{
        width: 21.6669% !important;
    }

    .con04_right {
        width: 80%;
    }
    .con04_right_div{
        margin: 0% 0% 0% 0%;
    }
    .con04_right_01 {
        height: 0vw;
        opacity: 0;
        pointer-events: none;
    }
    .con04_right_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 8% 0% 8% 0%;
    }
    .con04_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con04_swiper_wrapper_m {
        transition-timing-function: linear !important;
    }
    .con04_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con04_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con04_img_m{
        width: 100% !important; 
    }

    .con05_content {
        margin: 12% 0% 7% 0%;
    }
    .con05_div_01 {
        font-size: 3vw;
    }
    .con05_div_02 {
        font-size: 7.8vw;
    }
    .ccon_12_div{
        width: 75.3045% !important;
    }
    .ccon_12a_div{
        width: 75.3045% !important;
    }
    .con05_div_03_box {
        background-color: #fff95b;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 74%;
        height: 8vw;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3vw;
        color: #000;
        border-radius: 25vw;
    }
    .con05_giho {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #124bbc;
        width: 3vw;
        height: 3vw;
        border-radius: 50vw;
        color: #fff;
        padding: 1%;
        animation: blk 1s infinite ease-in-out;
        margin: 0% 3% 0% 0%;
    }

    .border_button_div {
        flex-wrap: wrap;
        width: 100%;
        height: 22.5vw;
    }
    .border_button_s {
        width: 33%;
        height: 50%;
        font-size: 3vw;
    }
    .border_arrow_div{
        width: 12.61825% !important;
    }
    .border_div {
        width: 100%;
        border-radius: 10px;
        padding: 8% 0% 12% 0%;
    }
    .border_title_box {
        font-size: 3.2vw;
        padding: 1.6% 2.7%;
    }
    .border_title_02 {
        font-size: 5.5vw;
        margin: 1.5% 0% 0% 0%;
    }
    .border_note_01 {
        width: 80%;
    }
    .border_note_01_s {
        font-size: 3.2vw;
    }
    .border_check_img {
        width: 4% !important;
        margin: 0% 2% 0% 0%;
    }
    .border_note_02 {
        flex-direction: column;
        width: 90%;
        border-radius: 10px;
        padding: 6% 3%;
    }
    .border_note_02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .border_note_02_left_div{
        flex-direction: row;
        margin: 0% 0% 3% 0%;
    }
    .border_note_02_left_div_s{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: unset;
        margin: 0% 0% 0% 0%;
    }
    .border_note_02_left_div_s > p {
        width: unset;
        font-size: 4.5vw;
    }
    .border_text_margin {
        margin: 0% 0% 0% 0%;
    }
    .border_maring_m{
        margin: 0% 1vw 0% 1vw;
    }
    .border_note_02_right {
        width: 100%;
    }
    .border_note_02_right_div_s {
        font-size: 3vw;
        margin: 1% 0% 1% 0%;
    }

    .border_note_03 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        padding: 6% 3%;
        border-radius: 10px;
    }
    .border_note_03_left_div_s{
        font-size: 6.2vw;
    }
    .border_note_03_left_div_s {
        margin: 0% 0% 0% 0%;
    }
    .ccon_14_div {
        width: 17% !important;
        margin: 3% 0% 3% 0%;
    }
    .border_note_03_right {
        width: 100%;
    }
    .border_note_03_right_div_s {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        margin: 0.5% 0% 3.5% -2%;
        text-align: center;
        line-height: 5vw;
    }
    .ccon_15_div {
        width: 13% !important;
        top: 0%;
        right: 9%;
    }
    .ccon_17_div {
        width: 16% !important;
        top: 1%;
        right: 9%;
    }
    .ccon_18_div {
        width: 15% !important;
        top: 1%;
        right: 7%;
    }
    .ccon_19_div {
        width: 13% !important;
        top: 0%;
        right: 9%;
    }










    

    /* 
    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{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con08_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div{
        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 {

    }
*/
}