/**
* 이벤트 풀페이지 공통
* 2022-12-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:1100px; border:1px solid #ccc; font-size:12px;}
.timetable th {padding:8px 0; background:#e3e3e3; border:1px solid #d6d6d6; border-right:0; font-weight:600; text-align:center;}
.timetable td {padding:8px 0; background:#f7f7f7; border:1px solid #d6d6d6; border-right:0; color:#666; text-align:center;}
.timetable td.left {padding-left:10px; text-align:left;}
.timetable td.left .statusTxt2 {font-size:12px; color:#e31712 !important;}

/**
학원 시설 둘러보기
**/
.academyWrap {position:relative; height:600px; 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;}
.academy {position:absolute; top:88px; right:0; width:634px; height:416px; overflow:hidden;}
.btn-prev, .btn-next {position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:none; cursor:pointer;}
.btn-prev {left:10px;}
.btn-next {right:10px;}
.txtTit {position:absolute; top:206px; font-weight:800; font-size:48px; color:#111;}
.txtBox {display:flex; position:absolute; top:350px; font-size:20px; letter-spacing:-1px;}
.txtBox p:nth-child(1) {margin-left:-7px; font-weight:500; line-height:26px;}
.txtBox p:nth-child(2) {margin:0 3px; font-weight:100; color:#ddd; line-height:26px;}
.txtBox p:nth-child(3) {width:250px; font-weight:500; color:#888; line-height:26px;}


/**
찾아오는 길
**/
.mapWrap {background:#d9d9d9;}


/**
유의사항, 학원 환불 규정
**/
.innerBox1024 {position:relative; width:1024px; margin:0 auto;}
.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;}
.noticeBox {width:100%; margin-top:20px; border:1px solid #ccc;}
.noticeBox th {width:240px; 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; 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;}