/* ==================================================
   BUTTON
================================================== */
/* .bt-gray-s {position:relative;display:inline-block;width:auto;padding:3px 25px 3px 12px;vertical-align:top;background:#636363;border-radius:5px;font-size:13px;font-weight:400;color:#fff;text-decoration: none!important;}
.bt-gray-s::after{content:'';position:absolute;top:50%;right:12px;display:block;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50.1%) rotate(45deg);} */

/* ==================================================
   TEXT : title에 키컬러 있음
================================================== */
/* 추후 오픈(배경컬러 화이트/그레이 2type) */
.tbl-box {background: #fff;text-align: center;padding: 4%;}
.tbl-box.tobe {font-size: 1.8rem !important;text-align: center !important;color: #333 !important;font-weight: bold !important; padding: 60px 0 !important;}
.tbl-box.txt-coming {padding:60px 0 !important;text-align:center !important;background:#c1c1c1 !important;font-weight:bold !important;color:#fff !important;font-size:1.8rem !important}


/* 모집페이지 타이틀 */
/* .recruit-tit {padding:60px 0 25px;font-size:2.5rem;font-weight: bold;line-height: 1.3;letter-spacing: -1px;word-spacing: -2px;text-align: center;}
.recruit-tit strong {font-size:2.5rem;font-weight: bold;letter-spacing: -1px;word-spacing: -2px;}
.recruit-stit {position:relative;padding-left:20px;margin:40px 0 10px;font-size: 1.7rem;font-weight: bold;text-align: left;}
.recruit-stit::before {position: absolute;top:0;left:0;content:"■ "}
.recruit-tit+.recruit-stit {margin-top: 0;}
.recruit-stxt {position:relative;margin:30px 0 5px;padding-left:10px;font-size: 1.5rem;font-weight: bold;text-align: left;letter-spacing: -1px;}
.recruit-stit+.recruit-stxt {margin-top: 0;}
.recruit-stxt::before {position: absolute;top:0;left:0;content:"· "} */


/* ==================================================
   TAB
================================================== */
/* 클래스명 오타 : 지워질 예정 */
.recuit-tab {display: flex;}
.recuit-tab a {padding:17px 0;flex: 1;font-size: 1.6rem;font-weight: bold;color:#ccc;border:1px solid #ccc;border-bottom-color: #111;text-align: center;background:#fff}
.recuit-tab a:first-child {border-left:none}
.recuit-tab a:last-child {border-right:none}
.recuit-tab a.on {color:#111;background: #f2f2f2;border-color:#111;border-bottom: 1px solid #f2f2f2;}
.recuit-cont {display: none;padding:30px 4%}
.recuit-cont.on {display: block;}
/* //클래스명 오타 : 지워질 예정 */

.recruit-tab {display: flex;}
.recruit-tab a {padding:17px 0;flex: 1;font-size: 1.6rem;font-weight: bold;color:#ccc;border:1px solid #ccc;border-bottom-color: #111;text-align: center;background:#fff}
.recruit-tab a:first-child {border-left:none}
.recruit-tab a:last-child {border-right:none}
.recruit-tab a.on {color:#111;background: #f2f2f2;border-color:#111;border-bottom: 1px solid #f2f2f2;}
.recruit-cont {display: none;padding:30px 4%}
.recruit-cont.on {display: block;}

/* ==================================================
   운영 계획 테이블(구 윈터스쿨, 정규반)
================================================== */
.tbl-plan {border-collapse: separate;border-spacing: 0;width: 100%;}
.tbl-plan th, .tbl-plan td {font-size: 1.4rem;color:#111;font-weight: bold;}
.tbl-plan thead th {position:relative;padding:10px 0;background:#e7e7e7;font-weight: bold;color:#333;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.tbl-plan thead th:first-child {border-top-left-radius: 10px;border-left:1px solid #ccc;}
.tbl-plan thead th:last-child {border-top-right-radius: 10px;}
.tbl-plan thead th.on {background:#003be4;color:#fff;border-top-color: #003be4;border-left-color: #003be4;}
.tbl-plan thead th:last-child.on {border-right-color: #003be4;}
.tbl-plan thead th.on span {display:inline-block;padding:3px 10px;position:absolute;top:0;left:10px;font-size:px;font-weight: 300;font-size: 11px;background:#ff4800;border-radius: 10px;transform: translateY(-50%);color:#fff;}

.tbl-plan td {padding:10px 0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tbl-plan tbody td:first-child {border-left:1px solid #ccc;}
.tbl-plan tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;border-left:1px solid #ccc;}
.tbl-plan tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;}

.tbl-plan td a {display:inline-block;margin-top:5px;height:30px;line-height: 28px;padding:0 13px;background:#222;color:#fff;font-size: 1.2rem;border-radius: 3px;}
.tbl-plan td a::after {display:inline-block;margin-left:4px;width:7px;height:7px;border-top: 1px solid #888;border-right: 1px solid #888;transform:translateY(-1px) rotate(45deg);content: "";}

/* ==================================================
   운영 계획 테이블(재학생 정규반 부터~ 쭉)
================================================== */

/* 기본 가로형 */
.tbl-plan-new {border-collapse: separate;border-spacing: 0;width: 100%;}
.tbl-plan-new th, .tbl-plan-new td {font-size: 1.4rem;color:#111;font-weight: bold;height: 16vw; padding: 0 4%; }
.tbl-plan-new td.bl{border-left: 1px solid #2D2D2D;}
.tbl-plan-new th{background: #15AC6A;color: #fff;font-size: 1.75rem;border-bottom: 1px solid #2D2D2D;border-top: 1px solid #2D2D2D; padding: 0;}
.tbl-plan-new td{color: #222; letter-spacing: -1px;border-top: 1px solid #2D2D2D;border-bottom: 1px solid #2D2D2D;background: rgba(255, 255, 255, 0.95);font-size: 1.5rem; text-align: center;}                     
.tbl-plan-new tr th:last-child, .tbl-plan-new tr td:last-child{border-right: 0;}

/* 타입A(현재 모집중, 가로형)*/
.tbl-plan-new.typeA tbody th span{display: inline-block;margin-bottom: 5%;background: #FEE871;color: #222;font-size: 1.2rem;padding: 2% 8%;border-radius: 60px;letter-spacing: -0.15em;font-weight: bold;}
.tbl-plan-new.typeA th.bg-gray{background: #B8B8B8; color: #fff;font-size: 1.75rem;border-bottom: 1px solid #2D2D2D;border-top: 1px solid #2D2D2D;height: auto;}
.tbl-plan-new.typeA td{padding: 4%;color: #222; text-align: left;letter-spacing: -1px;border-top: 1px solid #2D2D2D;border-bottom: 1px solid #2D2D2D;background: rgba(255, 255, 255, 0.95);font-size: 1.5rem;}
.tbl-plan-new.typeA td.bg-gray02{background: #F4F4F4;height: auto;}
.tbl-plan-new.typeA td a{display: inline-block; height: 30px; line-height: 28px; color: #fff; padding: 1% 6%;font-size: 1.4rem; font-weight: 500; background-color: #383838; margin-top: 5px;}
.tbl-plan-new.typeA td a::after{transform: translateY(-1px) rotate(45deg); width: 6px; height: 6px; margin-left: 15px; border-top: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; content: '';}

/* 타입B(칼럼 가로, 세로형)  */
.tbl-plan-new.typeB tr:first-child td{background: rgba(247, 247, 247, 0.97);}
.tbl-plan-new.typeB td{border-right:1px solid #ccc; padding: 2% 0;}
.tbl-plan-new.typeB tr:first-child td{background: rgba(247, 247, 247, 0.97);}
.tbl-plan-new.typeB th, .tbl-plan-new.typeB td {height: 14vw;}


/* ==================================================
   절차 박스
================================================== */
.setp-diagram {display: flex;align-items: flex-start;position: relative;}
.setp-diagram::after {display: block;position: absolute;top:18px;left:0;width:100%;content: "";border-bottom:1px dashed #003be4;z-index: 0;}
.setp-diagram li {flex: 1;position: relative;z-index: 1;}
.setp-diagram li strong {display: inline-block;width:37px;height:37px;line-height:37px;font-size: 1.5rem;font-weight: bold;color: #fff;border-radius: 50px;background:#003be4;}
.setp-diagram li span {display: block;margin:8px 0 3px;font-size: 1.6rem;font-weight: bold;color:#003be4;letter-spacing: -2px;word-spacing: -1px;}
.setp-diagram li ol {padding-left:12%;text-align: left;}
.setp-diagram li ol li {font-size: 1.3rem;color:#222;list-style-type: inherit;letter-spacing: -1px;word-spacing: -1px;}

.step-txt-wrap {margin-top:20px;padding:8px 4%;text-align: left;background:#fff;}
.step-txt-wrap .step-txt {padding:25px 0;border-bottom: 1px solid #ddd;}
.step-txt-wrap .step-txt:last-of-type {border-bottom: none;}
.step-txt-wrap li {font-size: 14px!important;}
.step-txt-wrap .step-txt li {color:#626262;letter-spacing: -1px;word-spacing: -1px;line-height: 1.5;}
.step-txt .step-tit {margin-bottom:12px;font-size:1.8rem;color:#003be4;font-weight:bold;letter-spacing: -1px;word-spacing: -2px;}
.step-txt .step-list {margin-bottom:10px}
.step-txt .step-list li {font-size:1.4rem;color:#333;font-weight: bold;}


/* ==================================================
   하단 학원 전화/온라인상담 : 키컬러 있음
================================================== */
.bottom-info {text-align:center;letter-spacing:-0.06rem;}
.bottom-info .tit{margin-bottom:30px;padding:30px 0;background:#e5f1f1;font-size:1.7rem;line-height: 1.3;font-weight:700;font-weight:bold;}
.bottom-info .tit span {display:block;margin-bottom:5px;font-size:1.4rem;font-weight: normal;font-weight: 500;}
.bottom-info .tit strong{font-size:1.7rem;font-weight:700;font-weight:bold;color:#015b5c;}
.bottom-info .txt{font-size:1.4rem;}
.bottom-info .bt-box{display:flex;justify-content:space-between;margin:25px 4% 0;}
.bottom-info .bt-box a{flex:1;padding:15px 0;position:relative;margin-right:10px;background:#015b5c;border-radius:5px;font-size:1.6rem;font-weight:bold;text-align:center;letter-spacing:-1px;color:#fff;}
.bottom-info .bt-box a:last-child {margin-right: 0;}
.bottom-info .bt-box a::after {content: "";position: absolute;top: 50%;right:15px;display: block;width:9px;height:9px;border-top:3px solid #fff;border-right:3px solid #fff;transform:translateY(-50%) rotate(45deg);opacity: .5;}


/* ==================================================
   가로로 넓어진 테이블 : th 고정 (한 줄 고정)
================================================== */
.tbl-scroll-x {overflow: scroll;width:100%}
.tbl-scroll-x table {width:140%;table-layout: fixed;border-color: unset;}
.tbl-scroll-x thead tr:first-child th:first-child {position: sticky;left:0;top:0;}
.tbl-scroll-x thead .th-st {position: sticky;left:0;top:0;}
.tbl-scroll-x tbody th {position: sticky;left:0;top:0;z-index: 1;}

/* 레드라인 */
.tbl-type01 .red-l {border-left:3px solid #d05050}
.tbl-type01 .red-t {border-top:3px solid #d05050}
.tbl-type01 .red-r {border-right:3px solid #d05050}
.tbl-type01 .red-b {border-bottom:3px solid #d05050}
/* 레드라인 */
.tbl-type01 .blue-l {border-left:3px solid #184dc1}
.tbl-type01 .blue-t {border-top:3px solid #184dc1}
.tbl-type01 .blue-r {border-right:3px solid #184dc1 !important}
.tbl-type01 .blue-b {border-bottom:3px solid #184dc1}