@media (max-width:1920px) {
    .mv {
        height: 47vw;
    }

    .mv_img {
        height: 47vw;
    }
}

@media (max-width:1680px) {
    .header {
        width: 100%;
        box-sizing: border-box;
    }
    .container {
        width: 100%;
    }
    .sub_cont {
        width: calc(100vw - 400px);
    }
    #ft {
        padding: 0 20px;
        width: 100%;
        min-width: auto;
    }
    .sv_title_area {
        .sv_title {
            padding-left: 20px;
        }
    }
    .gnb {
        padding-right: 20px;
    }

    .mv_left {
        padding-top: 4vw;
        h2 {
            padding-left: 20px;
            font-size: 6vw;
            span {
                font-size: 3.3vw;
            }
        }
    }
    .mv_img {
    }

    .frequent-menu {
        
            margin-top: 7vw;
        h2 {
            font-size: 1.6vw;
            padding-left: 40px;
        }
    }
    #nav {
        gap: 5.2vw;
    }
    #nav > div > a {
        font-size: 19px;
    }
    #logo img {
        width: 300px;
    }

    .fm_cont {
        width: 40vw;
        gap: 1.2vw;
        div {
            width: 10.4vw;
            height: 9.2vw;
            padding-top: 1.5vw;
            border-radius: 1vw ;

            img {
                height: 3.6vw;
            }
            p {
                font-size: 1.2vw;
            }
        }
    }

    .frequent-menu {
        h2::after {
            width: 11vw;
        }       
    }
    .main01 {
        padding: 8vw 15px;
    }
    /* .main01_cont_wrpa {
        gap: 1.5vw;
    } */
    .main01_cont_wrap div {
        height: 24vw;
        border-radius: 1.3vw;
    }
    .main01_title {
        width: 17.6vw;
        h2 {
            font-size: 3vw;
            margin-bottom: 1.5vw;
        }
        a {
            font-size: 1vw;   
            border-radius: 5vw;
            padding: 0.9vw 2vw;
        }
    }
    #notice_group {
        padding: 8vw 15px;
    }

    #field_list {

        h2 {
            margin-left: 18px;
        }
    }
    .field_list_cont {
        margin-left: 15px;
    }

    .sponsor div {
        height: ;
    }


}

@media (max-width:1440px) {
    .layout_1440 {
        display: block;
    }
    .layout_1920 {
        display: none !important;
    }
    .all_menu_wrap {
        top:calc(120px + 1.4vw);
    }
    .all_menu {
        div a {
            font-size: 1.1vw;
        }
    }
    #nav {
        gap: 4.8vw;

        div {

            a {
                font-size: 1.3vw;
            }
        }
    }   
    #logo img {
        width: 22vw;
    }
    .login_area ul {
        padding: 1vw 2vw;
    }
     .login_area a {
        font-size: 1.2vw;
    }
    .container {
        width: 100%;
        padding: 0;
    }

    .cont_title {
        font-size: 40px !important;
    }

    .lnb {
        width: 240px;
    }
    .sub_cont {
        width: calc(100vw - 370px);
    }


    .tnb {
        padding: 0.7vw 0;
    }
    .notice_group {
        gap: 5vw;
    }
    .notice_list {
        .notice_list_cont {

            > div {
                padding: 1vw 1.2vw;
                border-radius: 1vw;
                margin-bottom: 1vw;
                font-size: 1.4vw;


                div {
                    padding: 1.1vw 1.2vw;
                    font-size: 1.4vw;

                    em {
                        font-size: 1.3vw;
                        padding: 0.5vw 0.7vw;
                        border-radius: 0.5vw;
                        margin-right: 1.5vw;
                    }
                }

                .notice_date {
                    font-size: 1.4vw; 
                }
            }
        }
        .notice_list_top {
            margin-bottom: 1.5vw;
            ul {
                li {
                    a {
                        font-size: 2.8vw;
                    }
                }
            }
            > a {
                font-size: 1.5vw;
            }
        }
    }

    .notice_banner {
        width: 44.5vw;
        height: 41vw;
        border-radius: 2vw;
    
    }
    .signup_guide {
        padding: 5vw 5vw;
        border-radius: 3vw;
        h2 {
            font-size: 4.5vw;
            margin-bottom: 2vw;
        }
        p {
            font-size: 1.4vw;
            margin-bottom: 3vw;
        }

        div {

        }
        div a {
            font-size: 1.3vw;
            padding: 1vw 2vw;
        }

    }
    
    #sponsor {
        padding: 8vw 0;
    }

}

@media (max-width:1200px) {
    .layout_1200 {display:block}
    .pc {display: none; }
    .mobile {display: block; }
    .layout_1200 {
        display: block;
    }
    #header {
        /* padding: 0 0px; */
    }
    .header {
        height: 10vw;
    }
    
    #nav {
        /* display: none;         */
    }
    .all_menu_wrap {
        top:calc(10vw + 1.4vw);
    }
    .sns_area {display: none;}

    
    
    .lnb {
        display: none;
    }
    .sub_cont {
        width: 100%;
    }
    #sub_wrap {
        padding: 0px 15px 100px;
    }
}

@media (max-width:1024px) {
    .ft_quick_btn {
        display: none;
    }
    #nav {
        display: none;
    }
    .login_area {
        display:none;
    }
    .mobile_menu_btn {
        display: block;
    }
    .mobile_menu_btn img {
        width: 4vw;
    }
    .ft_left_top {
        flex-direction: column;
        gap: 10px;
    }
    #logo img {
        width: 270px;
    }
    .quick .quick_btn {
        width: 10vw;
    }
    .notice_group {
        gap:3vw;
    }
    .sv {
        padding: 5vw 15px;
    }

    .sv_title_area {
        .sv_title {
            font-size: 4.6vw;
        }
    }
    .sv_img {
        margin-top: 5vw;
    }
    .gnb > div {
        font-size: 2vw;
    }
    .gnb > div:after {
        width: 1vw;
        height: 1vw;
    }
    
}


@media (max-width:768px) {
    #mv {display: none;}
    .mv_mobile {
        display: block;
    }
    #logo img {
        width: 220px;
    }
    .mobile_menu_btn img {
        width: 30px;
    }
    .header {
        height: 70px;
        padding: 0 10px;
    }
    .layout_800_out {
        display:none !important;
    }
    .layout_800_in {
        display:block !important;
    }
    .wpahr {
         width: 100%;
    }
    .mobile_list_info {
        display: flex !important;
        gap: 20px;
        font-size: 14px;
        color:#888;
    }
    .mobile_list_info div {
        font-weight: 400;
        font-size: 12px;
        color:#888;
        font-style: italic;
        position: relative;
    }
    .mobile_list_info div:after {
        content: "";
        position: absolute;
        top:50%;
        right: -10px;
        transform: translateY(-50%) rotate(20deg);
        width: 1px;
        height: 10px;
        background: #ddd;
    }
    .mobile_list_info div:last-child::after {
        display: none;
    }
    .sv_member,
    .sv_guest {
        font-style: normal !important;
    }
    #bo_v_info .profile_info .profile_info_ct {
        line-height: 24;
    }
    .sv_guest {
        color:#313131 !important;
    }

    .mobile-frequent-menu {
        display:block !important;
    }
    


    #bo_vc article .cm_wrap {
        width: 100% !important;
    }
    #bo_vc .cmt_contents {
        padding: 10px !important;
        border: 1px solid #ddd;
        margin-top: 10px;
        border-radius: 5px;
        width: 100%;
        background: #fafafa;
        min-height: 100px;
    }
    .ing,
    .rhdwl {
        margin-bottom: 5px ;
        font-size: 12px;
    }
    .tbl_head01 td {
        padding: 12px 5px;
    }

    .bo_tit a {
        font-size: 17px;
        font-weight: 600;
        padding: 3px 0 10px 7px;
        display: inline-block;
    }
    
    .mj_mv {
        height: 70vw;
    }
    .mv_center_banner {
        width: 90vw;
        height: 57vw;
    }
    .mcb_cont h2 {
        font-size: 5vw;
    }

    .mv_side_banner div {
        width: 44vw;
    }
    .mv_side_banner {
        margin-top: -35px;
    }
    #main_banner {
        height: 7vw;
    }

    .mcb_cont {
        padding-top: 8vw;
    }
    .mcb_cont img {
        width: 15vw;
    }
    .mcb_cont p {
        font-size: 3vw;
    }

    .mv01,
    .mv02 {
        background-size: cover;
    }

    .aca_gallery {
        gap: 10px !important;
    }

    .aca_gallery a {
        flex: 0 1 calc((100% / 2) - 5px) !important;
        height: 30vw !important;
    }
    .main01_title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: end;

        h2 {
            font-size: 8vw;
        }
        a {
            font-size: 3vw;
            padding: 2vw 4vw;
            margin-bottom: 14px;
        }
    }
    .main01 {
        flex-direction: column;
        gap:3vw;
    }
    .main01_cont {
        width: 100%;
    }
    .main01_cont_wrap div {
        height: 49vw;
    }
    .quick {
        left: 3vw;
    }
    #notice_group {
        padding: 15vw 15px 5vw;
    }
    .notice_group {
        flex-direction: column;
    }
    .notice_list {
        width: 100%;

        .notice_list_top {
            margin-bottom: 2.5vw;
            align-items: center;
            ul {
                padding-left: 0;
                li {
                    a {
                        font-size: 7vw;
                    }
                }
            }
            > a {
                font-size: 3.2vw;
            }
        }

        .notice_list_cont {

            > div {
                padding: 2vw 5px;
                border-radius: 1vw;
                margin-bottom: 2vw;
                font-size: 3vw;
                flex-direction: column;


                div {
                    padding: 2.2vw 2.4vw 1.5vw;
                    font-size: 3.2vw;

                    em {
                        font-size: 3vw;
                        padding: 1vw 1.4vw;
                        border-radius: 0.5vw;
                        margin-right: 3vw;
                    }
                }

                .notice_date {
                    font-size: 3.2vw; 
                    padding: 0 0 1.5vw 2.4vw;
                    font-style: italic;
                }
            }
        }
        
    }
    .notice_banner {
        margin-top: 3vw;
        width: 100%;
        height: auto;
    }
    #signup_guide {
        padding: 0 0;
    }

    .signup_guide {
        padding: 10vw 5vw;
        border-radius: 0;
        background-position: calc(67%);
        h2 {
            font-size: 9vw;
            margin-bottom: 4vw;
            line-height: 1.15;
        }
        p {
            font-size: 3.5vw;
            margin-bottom: 6vw;
            width: 80%;
            word-break: keep-all;
        }

        div {

        }
        div a {
            font-size: 3vw;
            padding: 2vw 4vw;
        }

    }
    .signup_mobile_br {
        display: block;
    }
    .empty_div {
        height: 30vw;

        p {
            font-size: 3vw;
        }
    }


}
@media (max-width:640px) {

    .ft_right_sns {
        display:none;
    }
    .header {
        height: 60px;
    }
    #logo img {
        /* width: 155px; */
    }
    .mobile_menu_btn img {
        width: 30px;
    }
    .mcb_cont img {
        margin-bottom: 4vw;
    }
    .mv_side_banner {
        gap:10px;
        flex-direction: column;
    }
    .mv_side_banner div h2 {
        font-size: 6.5vw;
    }
    .mv_side_banner div p {
        font-size: 3.5vw;
    }
    .mv_side_banner div {
        padding: 5vw 7vw;
        height: 30vw;
        width: 90vw;
    }
    .mv_side_banner div:first-child {
        margin-bottom: 0px
    }

    #main_banner {
        height: 44vw;
    }
    .main01_left img {
        width: 90px;
    }
    .main01_left {
        gap: 23px
    }

    .mv_side_banner {
        margin-top: -15px;
    }
    .main01_left div {
        font-size: 6.2vw;
    }
    

    .main01_right > div > div {
        height: 35vw;
    }
    .main02 {
        padding: 40px 0 60px;
    }
    .main02_left_top h2 {
        font-size: 6vw;
    }
    .mlt_more {
        width: 40px;
        height: 40px;
    }
    .mlt_more:after {
        width: 14px;
    }
    .mlt_more:before {
        height: 14px;
    }
    .program_title {
        font-size: 4.5vw;
    }
    .daypay p {
        font-size: 3.5vw;
    }
    .program_cont {
        font-size: 3.5vw;
        margin-bottom: 10vw;
    }

    .mlm_more {
        padding: 3.4vw 13vw;
        font-size: 3.5vw;
    }

    .main02_left_bottom {
        overflow-x: scroll;
    }
    .ft_right {
        display: none;
    }
    .map_area {
        height: 60vw;
    }
    .sv {
        padding: 5vw 0;
    }
    .sv h2 {
        font-size: 6vw;
    }
    .sv_title_area {
        .sv_title {
            font-size: 6.6vw;
        }
    }
    .gnb {
        top: 50px !important;
        right: inherit !important;
        left:0;
    }
    .gnb > div {
        font-size: 3vw;
        margin-bottom: 1vw;
    }
    .cont_title {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 5vw;
        padding: 0 0 40px 0 !important;
    }
    .cont_title span {
        font-size: 15px;
        padding-top: 5px;
    }
    .cont_p {
        background: none;
        font-size: 15px;
    }
    #ctt_con {
        margin-top: 70px !important;

        
    }

    #ctt_con.no_sv_img {
        margin-top: 5vw !important;
    }
    
    .VIpgJd-ZVi9od-xl07Ob-lTBxed span img {
        width:26px;
    }

    .goog-te-gadget-simple {
        width: 60px !important;
    }

    .mobile_menu_btn {
        margin-left: 10px !important; 
        
    }

    .mobile-fm_cont {
        margin-bottom: 10vw;
        div {
            width: 30vw;
            height: 24vw;
            border-radius: 2.5vw;
            padding-top: 4vw;
            text-align: center;
            transition: all 0.4s ease;
            
            img {
                margin-bottom: 1.8vw;
                height: 10vw; /*이거*/
            }

            p {
                font-size: 2.9vw;/*이거*/
            }
        }
    
        div:hover {
            background:#F1F6FF ;
            border-color: var(--main-color);
        }
    }
    .ft_left_top_img img {
        width: 46vw;
    }
    .ft_mobile_br {
        display: block;
        height: 7px;
    }
    .ft_left_top_txt p {
        margin-bottom: 0;
        line-height: 1.4;
    }
    
    


}

@media (max-width:480px) {
    .cont {
        margin-top: 30px !important;
    }
    .court_tab_btn .tab {
        padding: 10px 15px !important;
    }
    .cont_title {
        font-size: 7vw !important;
        padding: 0 0 45px 0 !important;
    }
    .main03_right div h2 {
        font-size: 5vw;
    }
    .main03_right div p {
        font-size: 4vw;
    }
    .main03_right div {
        margin-bottom: 8vw;
    }
    .map_area {
        height: 80vw;
    }
    .ft_left_top_img img {
        width: 57vw;
    }

    .daypay p {
        font-size: 4vw;
    }
    .program_cont {
        font-size: 4vw;
    }
    .ft_left_bottom {
        a {
            letter-spacing: -2px;
        }
    }
    
}

@media (max-width:375px) {


}

@media (max-width:320px) {


}