
.content_detail_box{padding:50px;background:#e9eac9}

.content_detail{display:table;width:100%;margin:20px 0;border-spacing:1px;text-align:left;background:#a0a0a0}
.content_detail>dl{display:table-row}
.content_detail>dl>dt,.content_detail>dl>dd{display:table-cell;padding:15px;background:#fff}
.content_detail>dl>dt{width:150px;font-weight:bold;background:#f1f1f1;text-align:right}

.content_detail .education_date{font-family:Arial;font-weight:bold;color:#426386}
.content_detail .education_hour{margin-left:15px;font-family:Arial;font-weight:bold;color:#426386}
.content_detail .join_num{color:#E91E63;font-weight:bold}
.content_detail .divide{margin:auto 5px}

.$class_front\_A_td2.detail_box{padding:10px 0}

.msg-box-1{padding:20px 0;margin-top:10px;text-align:center;background:#707144;color:#fff}
.msg-box-1._join{background:#426386}
.msg-box-1>span.strong{color:#ffe500}


.msg-box-1>.strong{color:crimson}

.join-btn-box{padding:20px 0;text-align:center}
a.user-btn-1{display:inline-block;padding:10px 20px;margin-top:10px;background:#066fb8;color:#fff;border:1px solid #066fb8}
a.user-btn-1:active{position:relative;top:1px}
a.btn-complete{background:#ccc;color:#666;border-color:#ccc}
a.btn-complete:active{position:static;top:0}
a.btn-cancel{background:#fff;color:#333;border-color:#666;margin-left:10px}

._day,._minute{display:inline-block;padding:3px 6px;font-size:11px;font-family:gulim;margin:auto 5px;background:#426386;color:#fff;border-radius:3px;font-weight:normal}

.user-divide-box-1{border-top:1px dashed #ccc;height:1px;margin:30px 0}

.equipment-title-2{margin:20px 0 20px 0;padding:30px 0 10px 0;text-align:center}
.equipment-title-2>h2{font-size:22px;margin-bottom:10px}
.equipment-title-2>.explain{display:inline-block;padding:5px 30px;background:#b30202;color:#fff;border-radius:50px}
.equipment-one-box{text-align:center}

.attendance_admin_box{padding:50px;margin-bottom:50px;background:#426386}
.attendance_admin_box .table-1{background:#fff;font-size:0.9em}
.attendance_admin_box .equipment-title-2{color:#fff}

.attendance_timer{text-align:center;background:#fff;padding:20px}
.attendance_timer>._msg{padding:10px 0;font-size:1.2em;font-weight:bold}
#attendance_count{padding:10px 0;font-size:40px;font-weight:bold}
.attendance_timer .strong{color:crimson}

.mobile-for-icon>.axi{display:none}

@media screen and (max-width:439px){
.content_detail_box{padding:15px}
.content_detail>dl>dt,.content_detail>dl>dd{padding:7px}
.content_detail>dl>dt{width:80px;text-align:center;vertical-align:middle}

.content_detail .education_hour{display:inline-block;margin-left:0}

.attendance_admin_box{padding:15px}

.mobile-for-icon>.axi{display:inline-block}
.mobile-for-icon>._content{display:none}
}


.list_btn_box{padding:30px 0;text-align:center}
.list_btn_box>a{position:relative;padding:15px 40px 15px 60px;border:1px solid #000;line-height:1}
.list_btn_box>a:before{content:'\e094';position:absolute;top:50%;left:10px;margin-top:-13px;font-family:'axicon';font-size:26px;color:#444444}