/**
* 이벤트 풀페이지 공통
* 2023-04-01 부터 제작된 이벤트 페이지에 적용
------------------------------------
* 교재 및 시간 안내
* 유의사항
------------------------------------
**/

<link rel="stylesheet" href="/inc/css/pretendard-subset.css">
/*<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css" as="style" crossorigin>*/


/**
교재 및 시간 안내 
**/
.timetable {width:1200px; margin:0 auto; border:1px solid #acb3c3; border-top:2px solid #21242b; font-family:'Pretendard',sans-serif;}
.timetable th {padding:12px 0; background:#e2e4ea; border:1px solid #acb3c3; border-right:0; font-weight:600; font-size:18px; text-align:center;}
.timetable td {padding:12px 0; background:#fff; border:1px solid #acb3c3; border-right:0; font-size:15px; color:#666; text-align:center;}
.timetable td.left {padding-left:10px; text-align:left;}
.timetable td.left .statusTxt2 {font-size:15px; color:#e31712 !important;}


/**
유의사항, 환불규정
**/
.noticeWrap {padding:80px 0; position:relative; background:#f7f7f7; 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:40px; font-weight:800; font-size:38px; color:#111; text-align:center;}
.noticeWrap p {margin-bottom:10px; font-size:16px; color:#333; line-height:22px;}
.noticeWrap p.mt20 {margin-top:20px; margin-left:100px;}
.noticeBox {width:1200px; margin:20px auto 0; border:1px solid #ccc;}
.noticeBox th {width:280px; padding:20px; background:#eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:600; font-size:15px; color:#333; text-align:center; line-height:24px; word-break:keep-all;}
.noticeBox td {padding:20px 30px; 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:14px; color:#555; line-height:24px; 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 .b {padding-left:0; font-weight:600; color:#333;}
.noticeBox .l {padding-left:0; font-weight:300; color:#888;}
.noticeBox .red {padding-left:0; font-weight:300; font-size:14px; color:red;}
.noticeBox .c_red {color:red;}
.noticeBox .pl {padding-left:8px;}
.noticeBox .partial_refund {width:100%; margin:5px 0 10px;}
.noticeBox .partial_refund th {padding:10px; background:#eee; border:1px solid #ccc; border-left:0; font-weight:600; font-size:13px; color:#333; text-align:center; line-height:24px; word-break:keep-all;}
.noticeBox .partial_refund td {padding:10px; border:1px solid #ccc; border-left:0; font-weight:400; font-size:13px; color:#666; text-align:center; line-height:20px; word-break:keep-all;}
.noticeBox .partial_refund th:last-child, .noticeBox .partial_refund td:last-child  {border-right:0;}
.noticeBox .refund, .noticeBox .book_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 .th_btn {margin-left:3px; padding:4px 6px; background:#5d5d5d; border-radius:3px; font-weight:200; font-size:12px; color:#fff;}
.noticeBox .td_btn {margin-left:3px; padding:4px 6px; background:#ddd; border-radius:3px; font-weight:400; font-size:12px; color:#333;}