@charset "utf-8";
/* 기본설정 */
@import "default.css";

.nav_box {display: none;}

@media(max-width:768px){
    .nav_box{display: flex; width: 90%; margin: 0 auto; padding: 8px; box-sizing: border-box; border: 1px solid #333; font-weight: 700;}
    .nav_box .pre_title {width: 23%; font-size: 13px; text-align: center; color: #A45200;}
    /* .nav_box .nav_all{
        display: flex;
        justify-content: center;
        width: 77%;
        flex-wrap: wrap;
    }
    .nav_box .about_nav, .nav_box .special_nav, .nav_box .room_nav {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
    .nav_box .nav_all li{
        position: relative;
        width: 40%;
        padding: 0 3%;
    }
    .nav_box .nav_all li a::after{
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        height: 1px;
        background: #bbb;
    } */
     .nav_box {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
    }

    .nav_box .nav_all {
        display: flex;
        flex-wrap: nowrap; /* 줄바꿈 방지 */
        width: max-content; /* 내용만큼 너비 설정 */
        padding: 10px 0;
    }

    .nav_box .nav_all li {
        flex: 0 0 auto; /* 고정 너비 항목 */
        width: 120px; /* 한 항목 너비 (조절 가능) */
        margin: 0 5px;
        padding: 0 10px;
        text-align: center;
        position: relative;
        word-break: keep-all;
    }

    .nav_box .nav_all li a::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        height: 1px;
        background: #bbb;
    }


    /*룸 서브 네비게이션*/
    /* .nav_box .room_nav {
        flex-wrap: wrap;
    }
    .nav_box .room_nav li {
        width: 40%;
        padding: 1.5% 1%;
    } */
    
    /*스페셜 서브 네비게이션*/
    /* .nav_box .special_nav {
        flex-wrap: wrap;
    }
    .nav_box .special_nav li {
        width: 30%;
        padding: 1.5% 1%;
    } */
    /* .nav_line{
        margin: 0 4px;
    } */
    .nav_all a{
        display: block;
        color: #000;
        font-weight: medium;
        font-size: 13px;
        text-align: center;
    }
}
/* @media(max-width:400px){
    .nav_box .special_nav li {
        width: 45%;
        padding: 1.5% 0.5%;
     }
}
@media(max-width:360px){
    .nav_box .room_nav li a {
        font-size: 11px;
     }
} */