/*-------------------------------------------------------------------------------
	공용 클래스 : 스킨폴더와 수강신청관련 파일은 이 파일을 이용하지 않음.
--------------------------------------------------------------------------------*/

/*모바일버튼*/
.bg-off {background: #aabed1;display:inline-block; margin-bottom:2px;}
.bg-on  {background: #ff9900;display:inline-block; margin-bottom:2px;}
.first {text-align:center;  border-radius: 3px; padding: 8px 20px; line-height: 25px; text-decoration: none; font-size: 13px; }
.first,a:hover { color: #000; }

.m-top {margin-top:15px;}
.m-bottom {margin-bottom:10px;}
.m-bottom-2 {margin-bottom:15px;}
.m-bottom-3 {margin-bottom:20px;}
.m-p-l {padding-left:20px; }

.shadow {box-shadow:0 10px 28px rgba(23,46,82,.2);}

.title-font { font-size:34px;color:#000000;font-weight:750;line-height:48px;margin-bottom:10px;}
.exp-font-1 { font-size:20px;color:#0053a6;font-weight:550;margin-bottom:20px;}
.exp-font-2 { font-size:16px;color:#454545;font-weight:400;margin-bottom:15px;line-height:28px;}
.exp-font-3 { font-size:16px;color:#343434;font-weight:650;}
.exp-font-4 { font-size:16px;color:#0053A6;font-weight:450;}
.exp-font-5 { font-size:15px;color:#343434;font-weight:450;}
.exp-font-6 { font-size:24px;font-weight:750;margin-top:10px;margin-bottom:10px;} /*레벨등급에서 레벨폰트*/
.exp-font-7 { font-size:20px;color:#000000;font-weight:650;}
.exp-font-8 { font-size:14px;color:#343434;font-weight:450;}
.exp-font-9 { font-size:20px;color:#0053a6;font-weight:550;}
.exp-font-10{ font-size:18px;color:#0053a6;font-weight:550;}

.mark-circle {display: inline-block;width:8px;height:25px;margin-right:10px;border-radius:16px;background:#2f66c5;vertical-align: -3px;}
.mark-font {margin-bottom:10px;color:#454545; font-size:25px;font-weight:700;}

.main-box {margin:0px auto; border-collapse: separate; border-spacing:1px; background:#ffffff; border: 1px solid #cccccc; border-radius:16px; padding:40px; box-shadow:0 10px 28px rgba(23,46,82,.2);} /*안에 박스가 있을때 외곽선역활*/
.small-box {text-align:center;margin:0px auto; background:#eff4fe; border-radius:16px; padding:20px; } /*박스안의 박스*/
.small-box-2 {text-align:center;margin:0px auto; border-radius:16px; padding:20px; } /*박스안의 박스(바탕색없음)*/
.main-box-font {font-size:18px;color:#343434;font-weight:650;}  /*박스테두가 있을때 그 박스의 글자*/

.tableBox-1 {margin:0px auto; border-collapse: separate; border-spacing:1px; border: 1px solid #cccccc; border-radius:16px;padding:20px 30px; box-shadow:0 10px 28px rgba(23,46,82,.2); }
.tableBox-2 {margin:0px auto; border-collapse: separate; border-spacing:1px; border: 1px solid #cccccc; border-radius:16px;padding:30px; box-shadow:0 10px 28px rgba(23,46,82,.2) } /*마지막 마무리 박스 */
.tableBox-3 {margin:0px auto; border-collapse: separate; border-spacing:1px; background:#fffcf3; border: 1px solid #f5e3be; border-radius:16px; padding:25px 15px; box-shadow:0 10px 28px rgba(23,46,82,.2);} /*주의사항*/
.tableBox-4 {text-align:center;margin:0px auto;background:#f2f7ff; border-radius:16px; padding:15px;color:#0053A6; font-size:18px;font-weight:700; margin:20px 0px;box-shadow:0 10px 28px rgba(23,46,82,.2);} /*센터박스*/
.box-gray { background:#f4f8fc;}
.box-white {background:#ffffff;}
.box-yellow {background:#faf4e5;}
.box-red  {background:#e9949a;}
.box-green {background:#e9f5e9;}
.box-blue {background:#f2f7ff;}

.box-tit-font {font-size:20px;color:#000000;font-weight:650;margin-bottom:10px;}
.box-con-font {font-size:16px;color:#454545;font-weight:400;line-height:28px;}
.box-sub-title {font-size:18px;color:#000000;font-weight:650;margin-bottom:20px;} /*주의사항폰트*/
.box-sub-content {font-size:16px;color:#454545;font-weight:450;padding-left:22px;} /*주의사항폰트*/

.feature-number {display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:10px;border-radius:13px;background: rgba(47, 102, 197, 0.10);color:#2f66c5;font-size:16px;font-weight:850;}
.feature-number-center {display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;margin: 0 auto 10px;border-radius: 13px;background: rgba(47, 102, 197, 0.10);color: #2f66c5;font-size: 16px;font-weight: 850;}
.feature-text-number {display:flex;align-items:center;justify-content:center;width:60%;margin-bottom:10px;border-radius:13px;color:#2f66c5;font-size:13px;font-weight:850;padding:5px 20px;}
.feature-icon-number {display:flex;align-items:center;justify-content:center;width:65px;height:65px;margin-bottom:10px;border-radius:20px;color:#2f66c5;font-size:25px;font-weight:850;padding:5px 20px;background-color:#fef4df;} /*아이콘*/
.feature-icon-big {display:flex;align-items:center;justify-content:center;width:75px;height:75px;margin-bottom:10px;border-radius:20px;color:#2f66c5;font-size:35px;font-weight:850;padding:5px 20px;} /*바탕색없는 큰아이콘*/
.number-circle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 13px;border-radius:50%;background:#fff;color:#2f66c5;font-size:15px;font-weight:850;box-shadow:0 5px 14px rgba(47,102,197,.08)}
.notice-circle {margin:0px auto; background:#e1eaf9;  border-radius:16px; padding:5px 20px; font-size:14px;color:#2f66c5; font-weight:700;}

.last-title {color:#e81123; font-size:28px;font-weight:650;margin-bottom:15px;}
.last-title-font {font-size:24px;color:#000000;font-weight:750;margin-bottom:20px;}
.last-cont-font {font-size:16px;color:#545454;font-weight:450;line-height:28px;}
.last-name { width:100%; text-align:right;font-size:28px;color:#000000;font-weight:750;margin-top:20px; }

.notice-alert {margin:0px auto; background:#e1eaf9;  border-radius:16px; padding:5px 30px; font-size:14px;color:#2f66c5; font-weight:700;} /*꼭기억해주세요*/


/* =========================
   PC 2칸 → 모바일 1칸
========================= */
.page-ledger .title {display:block;}
.page-ledger .fl_box {margin-top:0px;}
.page-ledger .fl_box:after {content:""; display:block; clear:both;}
.page-ledger .fl_box .img {float:left; width:49%; margin-bottom:20px;}
.page-ledger .fl_box .text {float:right; width:49%; padding-left:10px; margin-bottom:30px;}

@media screen and (max-width:990px) {
	.page-ledger .fl_box .img {float:left; width:100%;}
	.page-ledger .fl_box .text {float:right; width:100%; margin-top:10px; padding-left:10px;}
}

/* =========================
   PC 3칸 → 모바일 1칸
========================= */
.page-ledger .triple_box { display: flex; flex-wrap: wrap;gap: 20px;margin-top: 0;}
.page-ledger .triple_box .triple_item {width: calc((100% - 40px) / 3);margin-bottom: 20px;}
@media screen and (max-width:990px) {
	.page-ledger .triple_box {
		display: block;
	}
	.page-ledger .triple_box .triple_item {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* =========================
   PC 4칸 → 모바일 1칸
========================= */
.page-ledger .four_box {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 0;}
.page-ledger .four_box .four_item {width: calc((100% - 48px) / 4);margin-bottom: 20px;}
@media screen and (max-width:990px) {
	.page-ledger .four_box {
		display: block;
	}
	.page-ledger .four_box .four_item {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* =========================
   PC 5칸 → 모바일 1칸
========================= */
.page-ledger .five_box {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 0;}
.page-ledger .five_box .five_item {width: calc((100% - 64px) / 5);margin-bottom: 20px;}
@media screen and (max-width:990px) {
	.page-ledger .five_box {
		display: block;
	}
	.page-ledger .five_box .five_item {
		width: 100%;
		margin-bottom: 20px;
	}
}



/*-------------------------------------------------------------------------------
	공용 클래스
--------------------------------------------------------------------------------*/