/* BASIC css start */
/* BASIC css start */
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');


.attendance-wrap {
  position: relative;
  height: 100%;
  background: #ededed !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attendance-wrap #attendance {
  width: 500px;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #c0c0c0;
  background: #E6E6E6;
}
.attendance-wrap #attendance * { box-sizing: border-box; }

.attendance-wrap #attendance::before {
  content: 'FP142';
  position: absolute;
  top: 14px;
  right: 16px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #666;
  letter-spacing: 0.25em;
}

.attendance-wrap #attendance .header {
  position: relative;
  text-align: left;
  padding: 24px 24px 0;
  border-bottom: 1px solid #c0c0c0;
}
.attendance-wrap #attendance .header .stamp { display: none; }
.attendance-wrap #attendance .header .txt   { display: none; }

.attendance-wrap #attendance .header .tit {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #111;
  line-height: 1.45;
  letter-spacing: -0.01em;
  margin: 30px 0 0 0;
}
.attendance-wrap #attendance .header .tit span { color: #111; }

.attendance-wrap #attendance .header .txt-round {
  font-family: 'Noto Sans KR', sans-serif;
  display: block;
  width: calc(100% + 48px);
  margin-left: -24px;
  padding: 13px 24px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  background-color: #1F2B3B !important;
  border-radius: 0;
  text-align: center;
  margin-top: 18px;
}
.attendance-wrap #attendance .header .txt-round strong {
  color: #fff;
  font-weight: 400;
}

.attendance-wrap .calendar {
  margin: 20px 24px 0;
  border: 1px solid #c0c0c0 !important;
  background-color: #e2e2e2 !important;
  font-family: 'Noto Sans KR', sans-serif !important;
}

.attendance-wrap .calendar .clndr .clndr-controls {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border: 1px solid #c8c8c8;
  border-bottom:none
}
.attendance-wrap .calendar .clndr .clndr-controls .month {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin: 0 16px;
}
.attendance-wrap .clndr-previous-button,
.attendance-wrap .clndr-next-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-indent: 0 !important;
  background: none !important;
  background-image: none !important;
  font-size: 20px;
  color: #444;
  line-height: 1;
  cursor: pointer;
}

.attendance-wrap .calendar .clndr .clndr-table thead { display: none; }

.attendance-wrap .calendar .clndr .clndr-table tr { height: 50px; }


.attendance-wrap .calendar .clndr .clndr-table tr .day,
.attendance-wrap .calendar .clndr .clndr-table tr .empty,
.attendance-wrap .calendar .clndr .clndr-table tr .adjacent-month {
  border: 1px solid #c8c8c8 !important;
  background-color: #e2e2e2 !important;
}

.attendance-wrap .calendar .clndr .clndr-table tr .calendar-dow-0,
.attendance-wrap .calendar .clndr .clndr-table tr .calendar-dow-6 {
  background-color: #e2e2e2 !important;
}

.attendance-wrap .calendar .clndr .clndr-table tr .day-contents {
  display: block !important;
  font-size: 11px;
  color: #888;
  text-align: center;
  padding-top: 4px;
}
.attendance-wrap .calendar .clndr .clndr-table tr .day-contents span {
  font-size: 11px !important;
  color: #888 !important;
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  display: inline !important;
}

.attendance-wrap .calendar .clndr .clndr-table tr .day.today,
.attendance-wrap .calendar .clndr .clndr-table tr .day.my-today {
  background-color: #d0d0d0 !important;
}
.attendance-wrap .calendar .clndr .clndr-table tr .day.today .day-contents span {
  color: #111 !important;
  font-weight: 600 !important;
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}

.attendance-wrap .calendar .clndr .clndr-table tr .day-check,
.attendance-wrap .calendar .clndr .clndr-table tr .day-fail,
.attendance-wrap .calendar .clndr .clndr-table tr .day-complete {
  background-color: #cacaca !important;
  background-image: none !important;
}

.attendance-wrap .clndr-foot {
  margin: 20px 0 28px;
  text-align: center;
}
.attendance-wrap .clndr-foot .btn-attendance {
  font-family: 'Noto Sans KR', sans-serif;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  width: 220px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff !important;
  background-color: #1F2B3B!important;
  border-radius: 30px;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.attendance-wrap .clndr-foot .btn-attendance span { color: #fff; }

div#attendance_info { background: #1f2a3a; }
/* ¿äÀÏ Çì´õ - Åõ¸í ¹è°æ, Å׵θ® À¯Áö */
.attendance-wrap .calendar .clndr .clndr-table thead { display: table-header-group; }

.attendance-wrap .calendar .clndr .clndr-table .header-days .header-day {
  background-color: transparent !important;
  color: #888;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #c8c8c8 !important;
}

.attendance-wrap .calendar .clndr .clndr-table .header-days .header-day-dow-0 { color: #888 !important; }
.attendance-wrap .calendar .clndr .clndr-table .header-days .header-day-dow-6 { color: #888 !important; }
.calendar .clndr .clndr-table .header-days{background:transparent !important}
.attendance-wrap .calendar .clndr .clndr-table thead tr{height:30px}
.attendance-wrap .calendar .clndr .clndr-table .header-days .header-day {
    color: #000 !important;

}
.attendance-wrap .clndr-foot .btn-attendance {

    border-radius: 0 !important;¤¡
}


.attendance-wrap .calendar .clndr .clndr-table tr .stamp.attend {
    background-color: #e2e2e2 !important;
    background-image: url(http://efairplay.img2.kr/www/event/benefit/check.png) !important;
    background-repeat: no-repeat !important;
    background-position: center bottom 12px !important;

}
.attendance-wrap .calendar .clndr .clndr-table tr .stamp{  background: none !important;}

.attendance-wrap .clndr-previous-button,
.attendance-wrap .clndr-next-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-indent: 0 !important;
  background: none !important;
  background-image: none !important;
  font-size: 20px;
  color: #444;
  line-height: 1;
  cursor: pointer;
  position: relative;
  top: -1px;
}

.attendance-wrap #attendance .header .tit {
  font-family: 'Nanum Myeongjo', 'Noto Serif KR', Georgia, serif;
  font-size: 26px;
  font-weight: 400;
  color: #111;
  line-height: 1.45;
  letter-spacing: -0.01em;
  margin: 30px 0 0 0;
}

.attendance-wrap .calendar .clndr .clndr-table {
  border-collapse: collapse !important;
  width: 100%;
}
.attendance-wrap .calendar {
  margin: 20px 24px 0;
  border: 1px solid #c0c0c0 !important;
  background-color: #e2e2e2 !important;
  font-family: 'Noto Sans KR', sans-serif !important;
  overflow: hidden;
}
.attendance-wrap .calendar {
  margin: 20px 24px 0;
  border: none !important;        /* ¡ç ¹Ù±ù border Á¦°Å */
  background-color: #e2e2e2 !important;
  font-family: 'Noto Sans KR', sans-serif !important;
  overflow: hidden;
}

.attendance-wrap .calendar .clndr .clndr-table {
  border-collapse: collapse !important;
  width: 100%;
  border: 1px solid #c0c0c0 !important;   /* ¡ç Å×À̺í ÀÚü¿¡ border */
}


/* BASIC css end */