/* 장학숙 예약시스템 - 신청 */
.course_request ul{display:flex; flex-direction:column; gap:20px;}
.course_request ul li{padding:20px;border:1px #ebebeb solid;border-radius: 10px;}
.course_request ul li .tit{margin-bottom: 6px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;font-weight: 600;}
.course_request ul li .img{margin-bottom: 14px;text-align:center;background: #f4f4f8;}
.course_request ul li .img img{width:auto;max-width:100%;height: 160px;}
.course_request ul li .date strong{color: #999;font-size:14px;font-weight: 500;}
.course_request ul li .date span{color:#666; font-size:14px;}
.course_request ul li .btn a{display:block;padding:8px;background: #382d70;color:#fff;text-align:center;border-radius:5px;font-size:14px;}
.course_request ul li .btn a:hover,.course_request ul li .btn a:focus{background:#454545;}
@media all and (min-width:768px) {
.course_request ul{flex-direction:row;gap: 20px 2%;flex-wrap:wrap;}
.course_request ul li{display:flex;flex-direction: column;justify-content: space-between;width: 32%;height: 330px;}
}

/* 장학숙 예약시스템 - 개인정보 */
.course_agree .ag_txt{padding:20px;margin-bottom:20px;border-radius: 10px;border: 1px #ededed solid;}
.course_agree .ag_txt h5{background:none;padding:0;margin: 0 0 6px;line-height: 1.2em;word-break: keep-all;font-size: 16px;}
.course_agree .ag_txt p{font-size: 14px;word-break: keep-all;margin-bottom: 16px;}
.course_agree .ag_txt p:last-child{margin-bottom:0;}
.course_agree .agree_select{display:flex;gap:6px 0;flex-direction:column;}
.course_agree .agree_select input[type="radio"]{display:inline-block;width: 15px;height: 15px;vertical-align: baseline;}
@media all and (min-width:768px) {
.course_agree .agree_select{flex-direction:row;gap:0 10px;justify-content: end;} 
}
@media all and (min-width:1023px) {
.course_agree .ag_txt{padding: 40px;} 
}

/* 장학숙 예약시스템 - 달력 */
.course_calender table{margin:0;}
.course_calender .info{margin-top:20px;}
.course_calender .info div{background:none;padding: 0;margin: 0;}
.course_calender .info div li{background:none;padding: 0;margin: 6px 0;}
.course_calender .info div li a,
.course_calender .info div li span{display: flex;justify-content: space-between;padding: 8px;font-size: 14px;border: 1px #ededed solid;}
.course_calender .info div li a em,
.course_calender .info div li span em{display:inline-block;font-size: 13px;font-style:normal;font-weight: 500;}
.course_calender .info div li.ok a:hover,
.course_calender .info div li.ok a:focus,
.course_calender .info div li.on{border:1px #382d70 solid;}
.course_calender .info div li.ok em{color: #382d70;}
.course_calender .info div li.end{background:#f4f4f4;}
.course_calender .info .btn a{display:block;padding: 12px 8px;background:#454545;color:#fff;text-align: center;font-size: 15px;}
@media all and (min-width:768px) {
.course_calender .info{height: 365px;display:flex;flex-direction:column;margin-top:0;justify-content: space-between;}
.course_calender .info div ul{overflow-y:auto;}
}      

.course_vtop{display:flex;flex-direction:column;gap:20px;border-bottom: 1px #ededed solid; margin-bottom:30px; padding-bottom:30px;}
.course_vtop .img img{width:100%;}
.course_vtop .info .tit{margin-bottom:14px; font-size:22px; font-weight:600; word-break:keep-all;}
.course_vtop .info ul li{display: flex;margin-bottom:8px;}
.course_vtop .info ul li strong{display: inline-block;margin-right:4px;color: #382d70;font-size:14px;}
.course_vtop .info ul li span{display: inline-block;font-size:14px;}
@media all and (min-width:768px) {
.course_vtop{flex-direction:row;gap:0 5%;margin-bottom: 50px;padding-bottom: 50px;}  
.course_vtop .img{width:55%;}
.course_vtop .info{width: 50%;margin-top: 30px;}
}

@media all and (min-width:1023px) {
.course_vtop .info .tit{margin-bottom:20px; font-size:24px;}  
.course_vtop .info ul li{margin-bottom: 13px;}
.course_vtop .info ul li strong{margin-right: 12px;font-size:16px;}
.course_vtop .info ul li span{font-size:16px; color:#111;}
}