/* section calendar */

.sec_cal {
    max-width: 500px;
    width : 100%;
    margin: 0 auto;
}

.sec_cal .cal_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size : 16px;
    margin-bottom : 40px;
}
.sec_cal .cal_nav .nav-btn {
    display: flex;
    align-items: center;
gap: 8px;
}
.sec_cal .cal_nav .icon{
    width : 20px;
    height : 20px;
}

/*.sec_cal .cal_nav .icon.calendar-arrow-left-black{*/
/*    margin-right : 12px;*/
/*}*/

/*.sec_cal .cal_nav .icon.calendar-arrow-right-black{*/
/*    margin-top : -2px;*/
/*    margin-left : 12px;*/
/*}*/


.sec_cal .cal_wrap {
    position: relative;
}

.sec_cal .cal_wrap .days {
    
    margin-bottom: 16px;
    display : grid;
    grid-template-columns: repeat(7, 1fr);
}

.sec_cal .cal_wrap .days .day{
    font-size : 18px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight : 500;
    
}

.sec_cal .cal_wrap .day {
    font-size : 16px;
    text-align : center;
    width : 100%;
    height : 40px;
    display : flex;
    align-items: center;
    justify-content: center;
    margin : auto;
   border-radius: 4px;
}

.sec_cal .cal_wrap .dates {
    /*
    display: flex;
    flex-flow: wrap;
    */
    /*height: 290px;*/
    display : grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.dates .day{
    border-radius : 2px;
    border : 1px solid #707070;
}

.sec_cal .cal_wrap .day.disable {
    font-size : 16px;
    background-color : #efefef;
    color : #b1b1b1;
    border : 0;
}

.sec_cal .day.on{
    background-color : #3a4c40;
    color :#fff;
}

@media screen and (max-width: 460px){
    .sec_cal .cal_nav {
        margin-bottom : 20px;
    }
    .sec_cal .cal_wrap .day.disable {
        font-size : 14px;
    }
}