.chk_event_wrap{width: 100%; margin: 0 auto;}
/* .chk_md_bg{background: url(../images/chk_event_03.jpg) no-repeat; background-size: 818px auto; background-position: center top; } */

.chk_middle .chk_md_bg{background: #0095ad url(/_template/service/images/07event_images/2022/08_stamp/n_m_chk_event_03.jpg) no-repeat center; background-size: 100% auto; background-position: center top; padding-bottom:5px;} 
.chk_middle .chk_cal_bg{background: url(/_template/service/images/07event_images/2022/08_stamp/n_m_chk_cal_bg2.png) no-repeat; background-size: 90% auto; background-size: center auto; background-position: center 0px; /*background-position: center 70px;*/}
.chk_cal {width: 86%; margin: 0 auto;}
.chk_cal .chk_month{font-size: 5vw; text-align: center; color:#fff; margin-bottom: 20px; padding-top: 6vw; }
.chk_cal .calender{text-align: center;}
.chk_cal_day .chk_daylist{display: flex;}
.chk_cal_day .chk_daylist li{background: #e8e8e8 ; border-radius: 10px; height: 30px; line-height: 30px; font-weight: 600; width: calc((100%/7) - 8px); margin-right:8px; font-size: 0.8em; display: inline-block;}
.chk_cal_day .chk_daylist .chk_sun{color: #ff2323;}
.chk_cal_day .chk_daylist .chk_sat{color: #0000e2;}

.chk_cal_date .chk_datelist {margin-top: 8px; display: flex; flex-wrap: wrap;}
.chk_cal_date .chk_datelist li { background: white; border-radius: 10px; height: 48px; line-height: 35px; font-size: 1em; margin: 5px 0; color: #4a59c0; font-weight: 600; text-align: left; box-sizing: border-box; position: relative; width: calc((100%/7) - 4px); margin-right: 4px; padding-left: 1.5%;}
.chk_cal_date .chk_datelist li:nth-child(1){transform: translateY(-0%);}

.chk_cal .calender.chk_daylist li:nth-child(7n),.chk_cal.chk_datelist li:nth-child(7n) {margin-right:0;}
@media (min-width: 540px){
    .chk_cal_date .chk_datelist li {height: 70px;}   
}
@media (min-width: 576px){
    .chk_cal_date .chk_datelist li {height: 90px;}    
}
@media (min-width: 768px){    
    .chk_cal_date .chk_datelist li {height: 110px;}
    .chk_cal .chk_month{padding-top: 6vw;}
}
@media (min-width: 992px){
    .chk_cal_date .chk_datelist li {height: 120px;}
    .chk_cal .chk_month{padding-top: 6vw;}
}
@media (min-width: 1200px){
    .chk_cal_date .chk_datelist li {height: 150px;}
    .chk_cal .chk_month{padding-top: 15rem;}
}

/*span?�� ?���? ?��?���? ?��미�?? display:none*/
.chk_cal_date .chk_datelist .stamp_img{background: url(/_template/service/images/07event_images/2022/08_stamp/10p.png) no-repeat center; width:  90%; height:  90%; background-size:100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/*주말 20?��?��?��*/
.chk_cal_date .chk_datelist li:nth-child(7n) span:nth-child(2n){background: url(/_template/service/images/07event_images/2022/08_stamp/20p.png) no-repeat center;  width: 90%; height: 90%; background-size: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.chk_cal_date .chk_datelist li:nth-child(7n+1) span:nth-child(2n){background: url(/_template/service/images/07event_images/2022/08_stamp/20p.png) no-repeat center;  width: 90%; height: 90%; background-size: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/*출석체크 ?��료시 ?��미�??*/
.chk_cal_date .chk_datelist .stamp_com{background: url(/_template/service/images/07event_images/2022/08_stamp/chk_com.png) no-repeat center; width: 90%; height: 90%; background-size: 100%; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/*만근?�� ?��미�??*/
.chk_cal_date .chk_datelist .last_chk{background: url(/_template/service/images/07event_images/2022/08_stamp/present_box.png) no-repeat center;  background-size: 130%; display: inline-block; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%);}

.chk_cal .chk_comment{color: #555555; padding-left: 10px; font-size: 90%; padding: 20px 0;}

.chk_status{ padding-top: 40px; min-width: 340px; margin: 0 auto;} 
.chk_status .chk_s_box {margin: 0 10%; position: relative; margin-bottom: 20px;}
.chk_status .chk_s_box img{width: 100%; height: auto;}
/* .chk_status .chk_s_box{background: url(/_template/service/images/07event_images/2022/08_stamp/p_box2.png) no-repeat center; height: auto; background-size: contain; margin: 0 auto; margin-bottom: 20px;} */
.chk_s_content {width: 100%; align-items: center; position: absolute; top: 50%; transform: translateY(-50%);}
/* .chk_s_content .chk_s_h{font-size: 1.3em; color: #fff; font-weight: 600; padding-left: 20px;} */
.chk_s_content .chk_s_count{color: black; padding-right: 30px; font-size: 1.5em; float: right;}
.chk_s_content .chk_s_count span{padding-right: 18px; font-size: 1.2em; font-weight: 600;}

.chk_btn{ width: 50%; height: auto; background:#fff; border-radius: 50px; line-height: 60px; text-align: center;  border: 4px solid #0184dc; box-sizing: border-box; box-shadow: 4px 4px 9px rgb(10, 50, 76 ,0.5); margin: 40px auto;}
.chk_btn a{color:#062887 ; font-size: 2em; font-weight: 700; }

/*20240430 �߰�*/
.chk_comp_btn {padding:0 0 0 30px; width: 50%; height: auto; background:url(/_template/service/bm/images/2024/stamp/video-player.png) no-repeat; background-color:#fff; background-size: 30px; background-position: bottom 15px left 30px; border-radius: 50px; line-height: 60px; text-align: center;  border: 4px solid #0184dc; box-sizing: border-box; box-shadow: 4px 4px 9px rgb(10, 50, 76 ,0.5); margin: 40px auto; cursor: pointer;}
.chk_comp_btn div{color:#062887 ; font-size: 2em; font-weight: 700; }
.chk_mask {width: 100%; height: 100%; background:#202020; opacity: 0.8; position: fixed; top:0; left: 0; display: none;}
.chk_pop00 {width: 95%; border:1px solid #202020; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; display: ;}
.chk_pop01 {width: 95%; border:1px solid #202020; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; display: none ;}
.chk_pop02 {width: 95%; border:1px solid #202020; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; display: none;}
.chk_ok {margin:0 auto; display: table; width: 160px;}