caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

.stamp table td.blank {
    background-image: none;
}


.num-attend {
    height: 100px;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
}
.num-attend > p {
    border-radius: 0;
    background-color: #3c3c3c;
    color: #fff;
    padding: 1vw 0;
    font-weight: 600;
}

.chk-board .tit {
    height: 50px;
    line-height: 50px;
    background-color: #252525;
}

.chk-board .date {
    border: 0;
}

.stamp-board > .img:after {
    bottom: -31%;
    background: 0px;
}

.stamp table {
    top: 8%;
    left: 0%;
    width: 100%;
    height: 92%;
}

.attend-ok {
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.attend-ok {
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

#calendar {
    width: 95%;
    margin: 0 auto;
}

.intro {
    width: 100%;
    margin: 0 auto;
    /*margin-top: 10%;*/
}

table {
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
    background: #c0cdf6;
}

th {
    height: 12.4vw /*100px*/;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    /*padding: 5% 0%;*/
    border: 1px solid #6b6b6b;
    box-sizing: border-box;
}


.sun { color: #ff4f4f; }
.sat { color: #008fff; }
.holiday { color: #ff4f4f; }

td {
    color: #8b8b8b;
    height: 13.4vw /*100px*/;
    background-color: #fff;
    border: 1px solid #c0cdf6;
    padding: 6px;
    box-sizing: border-box
}
td.today { background-color: #ddedf9; }

td > div {
    height: 100% /*80px*/;
    min-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
}
    /*
@media (min-width:10rem) {
    td > div {
        height: 60px;
    }
}
@media (min-width:25rem) {
    td > div {
        height: 60px;
    }
}

@media screen and (min-width:34rem) {
    td > div {
        height: 80px;
    }
}
@media screen and (min-width:51rem) {
    td > div {
        height: 100px;
    }
}
@media screen and (min-width:80rem) {
    td > div {
        height: 120px;
    }
}
*/
td > div > img {
    margin: 0 auto;
    width: 90%;
    display: block;
}


input {
    height: 50px;
    width: 70px;
    border: none;
    background-color: #ddedf9;
    font-size: 30px;
}

.year_mon {
    font-size: 25px;
}

.colToday {
    background-color: #ddedf9;
}

.btn-type2 {
    width: 50%;
    margin: 0 auto;
    padding: 3%;
    font-size: 1.5em;
    color: #fff;
    border-radius: 30px;
    margin-bottom: 2%;
}

.btn-check {
    padding-bottom: 60px;
}

.num-attend {
    width: 100%;
    height: 14vw;
    min-height: 70px;
    max-height: 100px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    padding: 0 2.5%;
    box-sizing: border-box;
}

.num-attend > p {
    font-size: 1.1rem;
}


.num-attend > p > em {
    color: #89fb1d;
}
.bg-color {
    margin-top: 30px;
}

.container .content {
    padding: 0;
}

.notice-bot {
    /*background-color: #333;*/
}

    .notice-bot .art-1 {
        /* color:#fff;*/
        font-size: 1.5em;
        margin-bottom: 3%;
    }

    .notice-bot li {
        /* color:#ececec; */
        font-size: 0.9em;
        margin-bottom: 1;
    }

.ch-attend {
    min-width: 280px;
}


/* 공통 주간 타이틀 색상 */
.th-color { background-color: #3c3c3c; }

/* 공통 달력 백그라운드 */
.intro_bg { width: 100%; margin: 0 auto; background: #1e66b8; padding-bottom: 3%; position: relative; }

/* 공통 달력하단 백그라운드 */
.btn-check { background: #1e66b8; }

/* 공통 달력하단 출석체크 버튼 색상 */
.back-color {  background: #d11339; color:#fff; font-weight: 800;}

/* 공통 달력하단 ?회 출석성공 색상 */
.num-attend { color: #fff12d !important; /*padding-bottom: 100px;*/ }
/* 공통 달력하단 ?회 출석성공 색상 */
.num-attend > p > em { font-size: 1.8rem; font-weight: 600; color: #fff12d !important; display: inline-block; width: 16vw; max-width: 80px; border-bottom: 3px solid #ffffff; }

.day_wrap{display:flex;align-items:baseline}
span.cc_day{display:inline-block;padding-right:5px;}
span.holidayname{display:inline-block;font-size:13px;font-weight:300;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:none;}

/* 출석체크 버튼 */
.btn-attend {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 60vw;
    height: 20vw;
    max-width: 380px;
    max-height: 90px;
    font-family: 'Pretendard';
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1%;
    border: none;
    cursor: pointer;
    background-color: unset;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* 달력을 이미지로 처리시 출력체크 */
.attend { position: absolute; top: 12.1vw; left: 50%; transform: translateX(-50%); width: 95%; display: flex; flex-wrap: wrap; }
.attend li { width: 13.54vw; height: 14.3vw; /*padding: 0 10px;*/ box-sizing: border-box; }
.attend li.today { background-color: #ddedf9; opacity: 0.3; }
.attend li > div { width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 18px; }
.attend li > div > img { width: 70%; margin: 25% 15% 0; }