.event_attendance{min-height:2212px;background:url(https://img.imbc.com/broad/tv/drama/template/mydearest/images/bg_event.png) no-repeat 0 0;font-family:'notokr-regular';}

.attendance_spot{margin-bottom:530px;}
.attendance_spot .spot_info{padding:315px 0 0 77px;box-sizing:border-box}
.attendance_spot .spot_info p{margin-bottom:20px;font-size:20px;line-height:34px;font-family:'notokr-medium';color: #ede07c; text-shadow: 0px 0px 4px rgba(0,0,0,60%);}
.attendance_spot .spot_info ul li{margin-top:3px;font-size:20px;line-height:34px;color: #cecece;font-family:'notokr-regular';}
.attendance_spot .spot_info ul li:before{content:'';display:inline-block;width:7px;height:7px;background:#cecece;border-radius: 50%;vertical-align:middle;margin:0 12px 0 5px;margin-bottom:2px;}
.attendance_spot .spot_info ul li:first-child{margin-top:0}

.attendance_calender{margin-bottom:162px;}
.attendance_calender ul{margin-bottom:51px;padding:0 114px 0 111px; display:flex;box-sizing:border-box;gap:11px 14px;flex-wrap:wrap}
.attendance_calender ul li{width:calc(14.2857% - 12px);height:131px;}
.attendance_calender ul li span.stamp{display:block;width:100%;height:100%;background-position:50% 70%;background-repeat:no-repeat}
.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://img.imbc.com/broad/tv/drama/template/mydearest/images/img_default_stamp.png)}
.attendance_calender ul li span.stamp.checked:before{content:'출석 완료'}
.attendance_calender ul li span.stamp.clip{background-image:url(https://img.imbc.com/broad/tv/drama/template/mydearest/images/img_Hclip_stamp.png)}
.attendance_calender ul li span.stamp.clip:before{content:'출석 완료, 핫클립 도장 획득, 인연 핫클립 동영상이 재생됩니다.'}
.attendance_calender ul li span.stamp.before{opacity:.2;}
.attendance_calender .calender_check{text-align:center;}
.attendance_calender button.check_btn{width:310px;height:65px;background:#ff3636 url(https://img.imbc.com/broad/tv/drama/template/mydearest/images/btn_check_on.png) no-repeat 50% 0%;text-indent:-9999px;color:transparent;font-size:1px;box-shadow:0px 6px 7px rgba(0,0,0,.2);border-radius:50px;animation-name: keybtn-language;animation-duration: .2s;}
.attendance_calender button.check_btn.checked{background:#a9a9a9 url(https://img.imbc.com/broad/tv/drama/template/mydearest/images/btn_check_off.png) no-repeat 50% 0%;box-shadow:none;cursor:default;box-shadow: inset -.3rem -.1rem 1.4rem  #FBFBFB, inset .3rem .4rem .8rem #BEC5D0;}

.attendance_notice{padding:0 34px;box-sizing:border-box;}
.attendance_notice .notice{padding:32px 40px;}
.attendance_notice .notice strong{display:block;margin-bottom:26px}
.attendance_notice ul li{display:flex;color:#fff;font-size:16px;line-height:30px}
.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:24px;vertical-align:middle;}
.attendance_notice ul li a{margin-left:10px;}