@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: 2% 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 .room_nav {
        flex-wrap: wrap;
    }
    .nav_box .room_nav li {
        width: 45%;
        padding: 3% 1%;
    }
    
    /*스페셜 서브 네비게이션*/
    .nav_box .special_nav {
        flex-wrap: wrap;
    }
    .nav_box .special_nav li {
        width: 40%;
        padding: 2% 1%;
    }
    /* .nav_line{
        margin: 0 4px;
    } */
    .nav_all a{
        display: block;
        color: #000;
        font-weight: medium;
        font-size: 13px;
        text-align: center;
    }
}