.event_attendance{background:url(https://m.imbc.com/wiz/drama/NUMBERS/images/bg_event.png) no-repeat 0 0;background-size:100%;font-family:"Noto Sans CJK KR", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Helvetica Neue", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", sans-serif;line-height:1;border-radius:0 0 4.1666vw 4.1666vw;overflow:hidden;margin-bottom:30px}

.attendance_spot{margin-bottom:119.5vw;}
.attendance_spot .spot_info{padding:63.0555% 4.5555% 0;box-sizing:border-box}
.attendance_spot .spot_info p{margin-bottom:12.5%;font-size:4.7222vw;line-height:5.8333vw;font-weight:500}
.attendance_spot .spot_info p em{display:inline-block;margin-top:-2px;font-size:6.3888vw;color:#fff;background-color:#ec00d8;font-style:normal;line-height:1;vertical-align:bottom;font-weight:500}
.attendance_spot .spot_info ul{padding-left:28.5%;box-sizing:border-box}
.attendance_spot .spot_info ul li{margin-top:0.9%;font-size:4.1666vw;line-height:1;white-space:nowrap;letter-spacing:-0.035em}
.attendance_spot .spot_info ul li:before{content:'';display:inline-block;width:5vw;height:4.7222vw;background:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_list.png) no-repeat 0 50%;background-size:100%;vertical-align:middle;margin-right:2px;margin-bottom:2px;}
.attendance_spot .spot_info ul li:first-child{margin-top:0}

.attendance_calender{margin-bottom:21.5277%;}
.attendance_calender ul{margin-bottom:6.6666%;padding:0 4.5%; display:flex;box-sizing:border-box;gap:1.1111vw 1.1111%;flex-wrap:wrap}
.attendance_calender ul li{width:calc(14.2857% - 0.9523%);height:12.5vw;}
.attendance_calender ul li span.stamp{display:block;width:100%;height:100%;background-position:50% 100%;background-repeat:no-repeat;background-size:12.5vw}
.attendance_calender ul li span.stamp:before{content:'출석 전';display:block;width:0;height:0;text-indent:-9999px;font-size:1px;color:transparent;}
.attendance_calender ul li span.stamp.checked{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_default.png)}
.attendance_calender ul li span.stamp.checked:before{content:'출석 완료'}
.attendance_calender ul li span.stamp.n{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_N.png)}
.attendance_calender ul li span.stamp.n:before{content:'출석 완료, N 도장 획득'}
.attendance_calender ul li span.stamp.u{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_U.png)}
.attendance_calender ul li span.stamp.u:before{content:'출석 완료, U 도장 획득'}
.attendance_calender ul li span.stamp.m{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_M.png)}
.attendance_calender ul li span.stamp.u:before{content:'출석 완료, M 도장 획득'}
.attendance_calender ul li span.stamp.b{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_B.png)}
.attendance_calender ul li span.stamp.b:before{content:'출석 완료, B 도장 획득'}
.attendance_calender ul li span.stamp.e{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_E.png)}
.attendance_calender ul li span.stamp.e:before{content:'출석 완료, E 도장 획득'}
.attendance_calender ul li span.stamp.r{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_R.png)}
.attendance_calender ul li span.stamp.r:before{content:'출석 완료, R 도장 획득'}
.attendance_calender ul li span.stamp.s{background-image:url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_stamp_S.png)}
.attendance_calender ul li span.stamp.s:before{content:'출석 완료, S 도장 획득'}
.attendance_calender ul li span.stamp.before{opacity:.2;}
.attendance_calender .calender_check{text-align:center;}
.attendance_calender button.check_btn{width:46.2222vw;height:9.7222vw;background:#ec00d8 url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_check_before.png) no-repeat 50% 50%;background-size:100%;text-indent:-9999px;color:transparent;font-size:1px;box-shadow:0px 4px 5px rgba(0,0,0,.1);border-radius:3.2vw;}
.attendance_calender button.check_btn.checked{background:#a9a9a9 url(https://m.imbc.com/wiz/drama/NUMBERS/images/img_check_after.png) no-repeat 50% 50%;background-size:100%;box-shadow:none}

.attendance_notice{background-color:#009bff;padding-bottom:25px;box-sizing:border-box;}
.attendance_notice .notice{background-color:rgba(0,0,0,.15);border-radius:4.1666vw;padding:35px 25px;box-sizing:border-box}
.attendance_notice .notice strong{display:block;margin-bottom:15px;}
.attendance_notice .notice strong img{width:auto;height:13px}
.attendance_notice ul li{color:#fff;font-size:11px;line-height:21px}
.attendance_notice ul li:before{content:'※';display:inline-block;margin-right:4px;}
.attendance_notice ul li a, .attendance_notice ul li a img{line-height:16px;}
.attendance_notice ul li a{display:inline-block;margin-left:5px;}
.attendance_notice ul li a img{width:auto;height:16px}