@font-face {
    font-family: 'CookieRun-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

td { vertical-align: middle; text-align: center; font-weight: 800; font-size: larger;}
.radiostyle {
    font-size: large;
    font-weight: 800;
}
.c001 {
    background-color: #003d06;
    color:aliceblue;
    border: 1px solid #FFFFFF;
}
.c002 {
    background-color: #00750a;
    color:aliceblue;
    border: 1px solid #FFFFFF;
}
.c003 {
    background-color: #00b40f;
    color: #EFEFEF;
    border: 1px solid #FFFFFF;
}
.c004 {
    background-color: #93ff9c;
    color:rgb(0, 44, 6);
    border: 1px solid #FFFFFF;
}
.baseTD { 
    height: 60px !important;        
    border: 0px solid #6c0909;
}
.base_innerTD {  
    height: 58px !important;      
    border: 1px solid #281aed;     
    padding: 0 !important; 
    background-color: #93ff9c !important;
    min-width: 25px !important;
}
.base_innerTD2 {  
    height: 25px !important;      
    border: 1px solid #281aed;     
    padding: 0 !important; 
    background-color: #93ff9c !important;
    min-width: 25px !important;
}

.table_top {
    height: 60px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* 보관함 */
/* 기본 보관함 스타일 */
.locker_half {
    min-width: 27px !important;
    width: 27px !important;
    height: 30px !important;
    border: 2px solid #ffffff;     
    background-color: #fdd605;
    color: #004fa3;
    font-size: medium !important;
}

.locker_half_a {
    min-width: 27px !important;
    width: 27px !important;
    height: 30px !important;
    border: 2px solid #ffffff;     
    background-color: #fdd605;
    color: #004fa3;
    font-size: medium !important;
}

.locker_regular {
    min-width: 50px !important;
    width: 50px !important;    
    height: 60px !important;      
    border: 2px solid #ffffff;     
    background-color: #004fa3;
    color: #ffffff;
}

.locker_large {
    min-width: 80px !important;
    width: 80px !important;
    height: 25px !important;      
    border: 2px solid #ffffff;     
    background-color: #004fa3;
    color: #ffffff;
}

/* 모바일 환경에서의 보관함 스타일 */
@media screen and (max-width: 768px) {
    .locker_half {
        min-width: 40px !important;
        width: 40px !important;
        height: 25px !important;
        font-size: 14px !important;
    }

    .locker_half_a {
        min-width: 25px !important;
        width: 25px !important;
        height: 25px !important;
        font-size: 14px !important;
    }

    .locker_regular {
        min-width: 40px !important;
        width: 40px !important;
        height: 45px !important;
        font-size: 14px !important;
    }

    .locker_large {
        min-width: 60px !important;
        width: 60px !important;
        height: 20px !important;
        font-size: 14px !important;
    }

    /* 테이블 셀 간격 조정 */
    .baseTD {
        height: 45px !important;
        padding: 2px !important;
    }
}

/* 기본 크기 스타일 */
.mini_size {
    width: 50px !important;
    height: 50px !important;
    background-color: #fdd605;
    border: 2px solid #ffffff;
    font-size: 1.0rem !important;
    min-width: 50px !important;
}

.room1_size {
    width: 60px !important;
    height: 150px !important;
    background-color: #004fa3;
    border: 2px solid #ffffff;
    font-size: 1.2rem !important;
    font-family: 'Noto Sans KR' !important;
    font-weight: normal !important;
    min-width: 60px !important;
}

.room2_size {
    width: 150px !important;
    height: 150px !important;
    background-color: #004fa3;
    border: 2px solid #ffffff;
    font-size: 1.2rem !important;
    font-family: 'Noto Sans KR' !important;
    font-weight: normal !important;
    min-width: 150px !important;
}

.carr_size {
    width: 80px !important;
    height: 140px !important;
    background-color: #fdd605;
    border: 2px solid #ffffff;
    font-size: 1.2rem !important;
    min-width: 80px !important;
}

/* 모바일 환경 스타일 */
@media screen and (max-width: 768px) {
    .mini_size {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        font-size: 0.8rem !important;
    }

    .room1_size {
        width: 50px !important;
        min-width: 50px !important;
        height: 120px !important;
        font-size: 1rem !important;
    }

    .room2_size {
        width: 120px !important;
        min-width: 120px !important;
        height: 120px !important;
        font-size: 1rem !important;
    }

    .carr_size {
        width: 60px !important;
        min-width: 60px !important;
        height: 100px !important;
        font-size: 1rem !important;
    }
}

/* 작은 모바일 화면 대응 */
@media screen and (max-width: 480px) {
    .mini_size {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;
        font-size: 0.8rem !important;
    }

    .room1_size {
        width: 45px !important;
        min-width: 45px !important;
        height: 100px !important;
        font-size: 0.9rem !important;
    }

    .room2_size {
        width: 100px !important;
        min-width: 100px !important;
        height: 100px !important;
        font-size: 0.9rem !important;
    }

    .carr_size {
        width: 50px !important;
        min-width: 50px !important;
        height: 90px !important;
        font-size: 0.9rem !important;
    }
}


/* 보관함 끝 */

.bg-white {
    background-color: white;
}
.spec_title {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;   
    color: black;
}
.boxid {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 600;   
}
.boxtype {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 600;   
}
.spec {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 600;   
}
.bold_txt {
    font-family: "Noto Sans KR", sans-serif;
    font-weight: bold;   
}
.features_txt {
    display: block;    
    font-size: 1.0rem;
    color: #ea5517;
}
.danger_things_txt {
    display: block;    
    font-size: 1.0rem;
    color: #313131;
    font-weight: 500;
}
#tableB td {
    font-weight: 500; 
    font-size: 0.8rem !important;
    border: 1px #c1c1c1 solid !important;
}

.tableB_td {
    background-color: #f2f2f2;
    font-weight: 700 !important;
}

.scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: auto 0;

    /* .card {
        display: inline-block;
    } */
}

/* 커스텀 버튼 기본 스타일 */
.enter-door-open {
    background-color: #004fa3; /* 티얼 색상 배경 */
    color: #fdd605; /* 흰색 폰트 */
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: "Noto Sans KR", sans-serif !important;
}

/* 호버 효과 */
.enter-door-open:hover {
    background-color: #007bee; /* 좀 더 어두운 티얼 색상 */
    transform: translateY(-2px);
}

/* 클릭 효과 */
.enter-door-open:active {
    background-color: #005555;
    transform: translateY(0);
}