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

    .main {
        background-color: #f7f7f7;
        flex-direction: column;
    }
    .main_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vw;
        margin: 10% 0% 0% 0%;
    }
    .main_bg{
        display: none;
    }
    .mian_img_01 {
        width: 52%;
        box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    }
    .main_bg_01{
        width: 38%;
        top: -8%;
        right: -13%;
    }
    .main_bg_02{
        width: 38%;
        bottom: -8%;
        left: -13%;
    }

    .mian_img_02 {
        width: 22%;
        margin: -6% 0% 0% 0%;
    }
    .main_text {
        font-family: 'SUIT-SemiBold';
        font-size: 3vw;
        color: #000;
        z-index: 1;
        margin: 0% 0% -10% 0%;
    }
    
    .con02_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 0% 0%;
    }
    .con02_title {
        font-family: 'SUIT-SemiBold';
        font-size: 6vw;
        color: #000;
        margin: 3% 0% 2% 0%;
    }
    .con02_text_01s {
        font-family: 'SUIT-Medium';
        font-size: 4.5vw;
        color: #000;
    }
    .con02_text_01 {
        font-family: 'SUIT-Bold';
        font-size: 4.5vw;
        color: #000;
    }
    .ccon2_15 {
        width: 9%;
    }
    .con02_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
    }
    .con02_bottom_div {
        background-color: #b81818;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 105%;
        height: 173vw;
    }
    .con02_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 240%;
        margin: 0% 0% 0% 0%;
        top: 4%;
    }

    .con02_swiper_slide{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .con02_sd_div_m{
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        border-radius: 15px;
        overflow: hidden;
    }
    .con02_sd_top{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con02_sd_top > img{
        width: 100%;
    }
    .con02_sd_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 8% 0% 10% 0%;
    }
    .con02_sd_bottom_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .con02_sd_text_01{
        font-family: 'SUIT-Bold';
        font-size: 3vw;
        color: #b81818;
    }
    .con02_sd_text_02 {
        font-family: 'NotoSerifKR';
        font-weight: 900;
        font-size: 6.5vw;
        color: #000;
        margin: 0% 0% 4% 0%;
    }
    .con02_sd_text_03{
        font-family: 'SUIT-Medium';
        font-size: 3.5vw;
        color: #000;
    }
    .con02-button-next {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15.5%;
        height: 13vw;
        clip-path: circle(40% at 50% 50%);
        z-index: 2;
        cursor: pointer;
        pointer-events: all;
        top: 38.5%;
        right: 9%;
    }
    .con02-button-prev {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15.5%;
        height: 13vw;
        clip-path: circle(39% at 50% 50%);
        z-index: 2;
        cursor: pointer;
        pointer-events: all;
        top: 39%;
        left: 9%;
        transform: rotate(180deg);
    }

    .con02_pagination_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 68%;
        z-index: 2;
        pointer-events: all;
    }
    .swiper-pagination {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        width: 85% !important;
    }
    .swiper-pagination-bullet {
        width: 19.5% !important;
        height: 20vw !important;
        opacity: 1 !important;
        border-radius: 0 !important;
        border: 0px solid;
        cursor: pointer;
    }
    .con02_pagination_bg_div {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 68.25%;
    }
    .con02_pagination_bg_div > div {
        background-color: #a41010;
        width: 20%;
        height: 19vw;
        margin: 0% 1% 1% 1%;
        border-radius: 10px;
    }

    .con01_content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 118vw;
    }
    .con01_left_img {
        top: 19%;
        width: 65vw;
        position: absolute;
    }
    .con01_right_img {
        top: 19%;
        width: 65vw;
        position: absolute;
    }
    .con01_left {
        left: 18%;
        justify-content: flex-start !important;
        transition: width 1s;
        height: 100%;
    }
    .con01_right {
        right: 18%;
        justify-content: flex-end !important;
        transition: width 1s;
        height: 100%;
    }
    .con01_hover_div {
        width: 32%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .con01_hover_right_div:hover ~ .con01_right {
        width: 45vw;
        z-index: 1;
    }
    .con01_hover_right_div:hover ~ .con01_left {
        width: 19vw;
        z-index: 0;
    }
    .con01_hover_left_div:hover ~ .con01_left {
        width: 45vw;
        z-index: 1;
    }
    .con01_hover_left_div:hover ~ .con01_right {
        width: 19vw;
        z-index: 0;
    }

    .con01_text_02s {
        font-family: 'SUIT-Medium';
        font-size: 3.5vw;
        color: #fff;
    }
    .con01_text_02 {
        font-family: 'SUIT-SemiBold';
        font-size: 3.5vw;
        color: #fff;
    }
    .con01_text_02ss {
        font-family: 'SUIT-Medium';
        font-size: 3vw;
        color: #fff;
    }
    .ccon2_01 {
        top: 8%;
        left: 0%;
        width: 72%;
    }
    .ccon2_05 {
        top: 8%;
        right: 0%;
        width: 72%;
    }
    .con01_left_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        z-index: 2;
        top: 72%;
        left: 6%;
    }
    .con01_right_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        z-index: 2;
        top: 66%;
        right: 8%;
    }
    .con01_line_left_x{
        height: 0.1vw;
        width: 37%;
        background-color: #d22624;
        z-index: 2;
        left: 0%;
        bottom: 5%;
    }
    .con01_line_right_x {
        height: 0.1vw;
        width: 37%;
        background-color: #d22624;
        z-index: 2;
        right: 0%;
        bottom: 5%;
    }
    .ccon2_07 {
        top: 49%;
        left: 61%;
        width: 25%;
    }
    .ccon2_08 {
        top: 39%;
        left: 47%;
        width: 12%;
        z-index: 2;
    }
    .ccon2_03 {
        top: 48%;
        left: 13%;
        width: 19%;
    }
    .ccon2_04 {
        top: 39%;
        left: 36%;
        width: 12%;
        z-index: 2;
    }
    .ccon2_02 {
        top: 19%;
        left: 1%;
        width: 53%;
    }
    .ccon2_06 {
        top: 19%;
        right: 1%;
        width: 45%;
    }
}