/**
* 이벤트 풀페이지 공통
* 2023-09 부터 제작된 이벤트 페이지에 적용
------------------------------------
* 교재 및 시간 안내
* 유의사항
------------------------------------
**/
/**/
.rel {position:relative;}
.abs {position:absolute;}
.cnt {position:absolute; left:50%; transform:translateX(-50%);}
/**
교재 및 시간 안내
**/
.timetable {width:1280px; margin:0 auto; border:1px solid #333; font-family:'Pretendard',sans-serif;}
.timetable th {padding:14px 0; border:1px solid #333; font-weight:600; font-size:18px; color:#222; text-align:center;}
.timetable td {padding:14px 0; background:#fff; border:1px solid #333; font-size:15px; color:#222; text-align:center;}
.timetable td.left {padding-left:10px; text-align:left;}
.timetable td.left .statusTxt2 {font-size:15px; color:#e31712 !important;}
p.timetableDesc {margin-top:15px; font-family:'Pretendard',sans-serif; font-size:14px; color:#666; text-align:right;}
/**
유의사항, 환불규정
**/
.noticeWrap {position:relative; padding:120px 0; background:#fff; font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;}
.noticeWrap h1 {margin-bottom:50px; font-weight:800; font-size:55px; color:#1b1b1b; text-align:center;}
.noticeWrap p {font-weight:600; font-size:16px; color:#1b1b1b; line-height:28px; word-break:keep-all;}
.noticeWrap p.mt10 {margin-top:10px;}
.noticeBox {width:1280px; margin:0 auto; border:1px solid #ccc;}
.noticeBox th {width:450px; padding:20px; background:#eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:600; font-size:20px; color:#1b1b1b; text-align:center; line-height:34px; word-break:keep-all;}
.noticeBox td {padding:50px; background:#fff; border-bottom:1px solid #ccc;}
.noticeBox td.num p {padding-left:0;}
.noticeBox td p {position:relative; margin-bottom:0; padding-left:12px; font-weight:400; font-size:16px; color:#5b5b5b; line-height:28px; word-break:keep-all;}
.noticeBox td p:after {position:absolute; content:'·'; top:0; left:0;}
.noticeBox td p.none:after, .noticeBox td.num p:after {content:'' !important;}
.noticeBox .refund {display:none; padding-top:5px;}
.noticeBox .refund table {width:100%; margin-top:5px; border:1px solid #ccc;}
.noticeBox .refund th {padding:10px; background:#eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:600; font-size:13px; color:#333; text-align:center; line-height:24px; word-break:keep-all;}
.noticeBox .refund td {padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:400; font-size:13px; color:#666; text-align:center; line-height:20px; word-break:keep-all;}
.noticeBox .refund p i {position:relative; top:-1px; margin:0 7px 0 4px;}
.noticeBox .refund_btn {padding:5px 6px 5px 7px; background:#494949; border-radius:3px; font-size:13px; color:#fff;}
.noticeBox .td_btn {padding:4px 10px; background:#888; border-radius:3px; font-size:13px; color:#fff; text-align:center;}
.s_table {margin:6px 0 15px;}
.s_table th {padding:10px; border:1px solid #ccc; border-left:0; font-size:15px; line-height:normal;}
.s_table th:last-child {border-right:0;}
.s_table td {padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:15px; text-align:center;}
.s_table td:last-child, .s_table td:nth-child(3) {border-right:0;}
.gr {color:#999 !important;}
/**
animation
**/
@keyframes fade { to {opacity:0; transform:translate(0,0);} }
@keyframes floating { 0%,100% {transform:translateY(0);} 50% {transform:translateY(8px);} }