/* BASIC css start */
.membership_container{width:1200px; margin:48px auto;}


@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');}
#overlay_layer{display:none!important;}


html{overflow-x:hidden;}
.attendance {
    margin: 0 auto;
    min-width: 646px;
    background-color: #f8f8f8;
}
.attendance__header {
    text-align: center;
    padding-top: 65px;
    }
.attendance__header>h2 {
    font-size: 60px;
    letter-spacing: -1.8px;
    color: #000000;
    font-weight: 600;
    padding-bottom: 5px;
}


.attendance__header>h2>strong {
    color: #ff0022;
}

.attendance__header>.txt {
    font-size: 20px;
    letter-spacing: -.5px;
    padding-bottom: 40px;
    font-weight: 500;
    color: #000;
}
.attendance__header>.coupon-img {
    padding-bottom: 40px;
}
.attendance__header>.txt-round {
    font-size: 18px;
    color: #ffffff;
    border-radius: 23px;
    background-color: #ff0022;
    width: 350px;
    height: 46px;
    line-height: 46px;
    display: block;
    margin: 0 auto;
}


.calendar-modify {
    max-width: 512px;
    margin: 40px auto 0;
    border: 2px solid #dddddd!important;
    visibility:hidden;

}

.calendar .clndr .clndr-controls .clndr-control-button {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #ff0022;
    box-sizing:border-box;
}
.calendar .clndr .clndr-controls .clndr-control-button>i {
    line-height: 23px;
    font-size: 20px;
    color: #ff0022;
    margin-right: 2px;
}
.calendar .clndr .clndr-controls .clndr-control-button.rightalign>i {
    margin-right: 0;
    margin-left: 2px;
}
.calendar .clndr .clndr-controls .month {
    font-size: 18px!important;
    vertical-align: top!important;
    margin: 0 12px!important;
    letter-spacing: 0;
    color: #000!important;
}
.calendar-modify .clndr .clndr-table tr .day {
    border-top: 1px solid #dddddd!important;
}

.calendar-modify .clndr .clndr-table .header-days .header-day {
    border-top: 1px solid #dddddd!important;
}

.calendar-modify .clndr .clndr-table tr:last-child .day, .calendar-modify .clndr .clndr-table tr:last-child .my-day {
    border-bottom: none!important;
}
.calendar-modify .clndr .clndr-table tr .day .day-contents {
    font-family: 'Lato',"Noto Sans KR", dotum, Arial, sans-serif!important;
}
.calendar-modify .clndr .clndr-table tr .day .day-contents {
    color: initial!important;
}
.calendar-modify .clndr .clndr-table tr .calendar-dow-6 .day-contents span {
    color: #0018ff!important;
}
.calendar-modify .clndr .clndr-table .header-days .header-day-dow-6{
    color: #0018ff!important;
}
.calendar-modify .clndr .clndr-table tr .calendar-dow-0 .day-contents span {
    color: #ff0022!important;
}
.calendar-modify .clndr .clndr-table .header-days .header-day-dow-0{
    color: #ff0022!important;
}

.calendar-modify .clndr .clndr-table tr .day.today .day-contents span {
    background-color: initial!important;
    font-family: 'Lato',"Noto Sans KR", dotum, Arial, sans-serif!important;
}
.calendar-modify .clndr .clndr-table tr .day.today .day-contents span {
    color: #000!important;
}
.calendar-modify .clndr .clndr-table tr .calendar-dow-0, .calendar-modify .clndr .clndr-table tr .empty, .calendar-modify .clndr .clndr-table tr .adjacent-month, .calendar-modify .clndr .clndr-table tr .my-empty, .calendar-modify .clndr .clndr-table tr .my-adjacent-month,.calendar .clndr .clndr-table tr .calendar-dow-6 {
    background-color: #fff!important;
}

.calendar .clndr .clndr-table tr .calendar-dow-0 {
    background-color: #fff!important;
}
.attendance__foot>a {
    width: 170px;
    height: 60px;
    border-radius: 30px;
    background-color: #ff0022;
    display: inline-block;
    line-height: 60px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}

.attendance__foot {
    text-align: center;
    padding: 30px 0 50px;
}

.attendance__notice-wrap {
    background-color: #e8e8e8;
    padding: 45px 25px 45px 40px;
}

.attendance__notice-wrap>h2 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
    color: #000;
}

.attendance__notice-wrap>p {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}



/* BASIC css end */

