@charset "utf-8";
/* CSS Document */
/* ==================================================
   보육과정
===================================================== */
/* 보육과정만! 신라 고딕체 출처 - https://noonnu.cc/font_page/952 */
@font-face {
	font-family: 'Shilla';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureM-Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Shilla';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}
/* 랜딩타이틀 */
#ctn_title { background: #e0f093; }
#ctn_title section { background: url(../images/subj_2026/bo_topimg.png)right top no-repeat; }
#ctn_title .submit-button { background: #013f0c; }
#ctn_title .submit-button:hover { background: #013109; }
.title_txt span { background: #9fb440; }
.title_txt h3, .title_txt p { color: #013f0c; }
.title_txt h3 b { color: #00a31d; }
#top_bnr {
	position: absolute;
	left: -10px;
	margin-top: -178px;
}
/* 취득플랜 */
#ctn_plan .paln01, #ctn_plan .paln02 {
	width: 500px;
	height: auto;
	padding: 30px 25px;
	border: 2px solid #3968c7;
	background: #fff;
	border-radius: 15px;
	float: left;
	margin: 0 16px 50px 30px;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
}
#ctn_plan .paln02 {
	border: 2px solid #48a043;
	margin: 0 30px 50px 16px;
}
#ctn_plan h4 {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	text-align: center;
	margin-bottom: 5px;
}
#ctn_plan .paln01 h4 { color: #3968c7; }
#ctn_plan .paln02 h4 { color: #48a043; }
#ctn_plan h4 + p {
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: 600;
	margin-bottom: 5px;
}
#ctn_plan dl {
	position: relative;
	float: left;
}
#ctn_plan dl + dl {
	float: right;
	text-align: center;
	margin-right: 15px;
}
#ctn_plan dt {
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
}
#ctn_plan dd {
	font-family: 'Gmarket_S_B';
	font-size: 20px;
	color: #5e5e5e;
	line-height: 30px;
}
#ctn_plan dd b { font-size: 28px; }
#ctn_plan .paln01 dd b { color: #3968c7 }
#ctn_plan .paln02 dd b { color: #48a043 }
#ctn_plan dd + dd { font-family: 'Gmarket_S_M'; }
/*스텝*/
#ctn_plan .step {
	clear: both;
	margin-top: 50px;
	background: #7ea000;
	height: 110px;
	width: 100%;
	border-radius: 55px;
}
#ctn_plan .step ul, #ctn_plan .step ul + ul {
	display: grid;
	grid-template-columns: 1.1fr 1.2fr 1fr 1fr;
}
#ctn_plan .step ul + ul { margin-top: 0; }
#ctn_plan .step ul + ul li { padding-left: 80px; }
#ctn_plan .text {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	text-align: center;
	color: #333;
	width: 100%;
	margin: 50px 0;
}
#ctn_plan .submit-button { background: #013f0c; }
#ctn_plan .submit-button:hover { background: #013109; }
/* 수강료 혜택 */
#ctn_benefit .benefit01, #ctn_benefit .benefit02 {
	width: 440px;
	height: auto;
	padding: 26px 58px 16px 58px;
	background: #e8f7da;
	border-radius: 15px;
	float: left;
	margin: 0 16px 30px 28px;
}
#ctn_benefit .benefit02 {
	background: #e2f6e9;
	margin: 0 28px 30px 16px;
}
#ctn_benefit h4 {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	text-align: center;
	margin-bottom: 5px;
}
#ctn_benefit .benefit01 h4 { color: #007627; }
#ctn_benefit .benefit02 h4 { color: #018267; }
#ctn_benefit .benefit01 ul, #ctn_benefit .benefit02 ul {
	background: #fff;
	border-radius: 15px;
	padding: 25px 0 5px;
}
#ctn_benefit .benefit01 li, #ctn_benefit .benefit02 li {
	text-align: center;
	font-size: 27px;
	color: #222;
	margin-bottom: 10px;
}
#ctn_benefit .benefit01 p, #ctn_benefit .benefit02 p {
	width: 100%;
	margin-top: 20px;
	font-size: 27px;
	color: #222
}
#ctn_benefit .benefit01 p b, #ctn_benefit .benefit02 p b {
	color: #007627;
	font-weight: 600;
	letter-spacing: -0.05em
}
#ctn_benefit .benefit02 p b { color: #018267; }
#ctn_benefit .benefit01 p b.price_c, #ctn_benefit .benefit02 p b.price_c {
	font-family: 'Gmarket_S_B';
	font-size: 38px;
	letter-spacing: -0.03em;
	margin-left: 5px;
}
#ctn_benefit .benefit03 {
	clear: both;
	width: 90%;
	margin: 0 auto;
	background: #1e9044 url(../images/subj_2026/icon_arrow.png) 775px 50% no-repeat;
	border-radius: 15px;
	padding: 35px;
	margin-bottom: 20px;
}
#ctn_benefit .benefit03 li {
	display: inline-block;
	text-align: left;
	font-size: 40px;
	color: #fff;
	font-family: 'Gmarket_S_B';
}
#ctn_benefit .benefit03 li b, #ctn_benefit .benefit03 li span b {
	color: #fff000;
	font-weight: 600;
}
#ctn_benefit .benefit03 li span {
	display: block;
	font-size: 27px;
	font-family: 'Nanum_SR';
}
#ctn_benefit .benefit03 li.price_t {
	color: #fff000;
	font-size: 48px;
	font-family: 'Gmarket_S_B';
	float: right;
	line-height: 85px;
}
#ctn_benefit .benefit04 {
	width: 90%;
	margin: 0 auto;
	background: #9cc8ff url(../images/subj_2026/icon_card.png) 180px top no-repeat;
	border-radius: 15px;
	padding: 15px 35px 10px 35px;
}
#ctn_benefit .benefit04 li { display: inline-block; }
#ctn_benefit .benefit04 li:nth-of-type(1) {
	font-family: 'Gmarket_S_L';
	font-size: 31px;
	color: #fff;
}
#ctn_benefit .benefit04 li:nth-of-type(2) {
	font-size: 20px;
	color: #00268c;
	float: right;
	padding-top: 5px;
	line-height: 27px;
	letter-spacing: -0.03em;
}
#ctn_benefit .benefit04 li:nth-of-type(2) span { border-bottom: 1px solid #00268c; }
#ctn_benefit .refer { margin-right: 23px; }
/* 이수과목 */
#ctn_curriculum { background: #eafccc; }
#ctn_curriculum h3 span {
	background: url(../images/subj_2026/bo_h3_bg01.png) left top no-repeat;
	width: 188px;
	top: 23px;
	right: 135px;
}
#ctn_curriculum article {
	background: #fff;
	border-radius: 15px;
	padding: 63px;
}
#ctn_curriculum ul { margin-bottom: 35px; }
#ctn_curriculum li {
	display: inline-block;
	width: 338px;
	height: 87px;
	line-height: 91px;
	font-size: 30px;
	font-family: 'Gmarket_S_L';
	border-radius: 15px;
	text-align: center;
	margin-right: 25px;
}
#ctn_curriculum li b {
	font-family: 'Gmarket_S_B';
	font-size: 37px;
}
#ctn_curriculum li:nth-of-type(1) { background: #ebf5fd }
#ctn_curriculum li:nth-of-type(2) { background: #e7f5eb }
#ctn_curriculum li:nth-of-type(3) {
	background: #ffeef3;
	margin-right: 0;
}
#ctn_curriculum li:nth-of-type(1) b { color: #0081e9 }
#ctn_curriculum li:nth-of-type(2) b { color: #26ac4d }
#ctn_curriculum li:nth-of-type(3) b { color: #ce3864 }
/* 보육학 이수과정 테이블 */
.childcare-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "Malgun Gothic", Arial, sans-serif;
	font-size: 16px;
	color: #222;
}
.childcare-table th, .childcare-table td {
	border: 1px solid #d0d0d0;
	padding: 12px;
	box-sizing: border-box;
}
/* 표 상단 헤더 */
.childcare-table thead th {
	background: #f1f1f1;
	color: #606060;
	font-size: 20px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
	text-align: center;
	height: 59px;
}
/* 구분 영역 */
.childcare-table .category {
	width: 20%;
	text-align: center;
	font-size: 22px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
	line-height: 1.3;
}
/* 교사인성 */
.childcare-table .personality {
	background: #fff1e6;
	color: #ff740e;
}
/* 보육지식과 기술 */
.childcare-table .knowledge {
	background: #e9f4f6;
	color: #2498a7;
}
/* 보육실무 */
.childcare-table .practice {
	background: #f3f8e6;
	color: #759b00;
}
/* 필수 / 선택 */
.childcare-table .type {
	width: 10%;
	background: #f8f8f8;
	text-align: center;
	font-size: 18px;
}
/* 개설과목 */
.childcare-table .subjects {
	width: 50%;
	text-align: left;
	line-height: 1.4;
	padding: 18px 42px;
}
/* 이수과목 */
.childcare-table .credits {
	width: 20%;
	text-align: center;
	font-size: 18px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
	line-height: 1.3;
}
.childcare-table .credits-personality {
	background: #fff1e6;
	color: #ff740e;
}
.childcare-table .credits-knowledge {
	background: #e9f4f6;
	color: #2498a7;
}
.childcare-table .credits-practice {
	background: #f3f8e6;
	color: #759b00;
}
/* 총 이수과목 */
.childcare-table .total-title {
	background: #626262;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
}
.childcare-table .total-credit {
	background: #626262;
	color: #ffea00;
	text-align: center;
	font-size: 18px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
	line-height: 1.3;
}

/* 모바일 */
@media (max-width: 600px) {
.childcare-table { font-size: 13px; }
.childcare-table thead th { font-size: 15px; }
.childcare-table .category { font-size: 16px; }
.childcare-table .type { font-size: 14px; }
.childcare-table .subjects { padding: 12px 10px; }
.childcare-table .credits { font-size: 15px; }
.childcare-table .total-title { font-size: 14px; }
.childcare-table .total-credit { font-size: 15px; }
}
/* 대면 실습*/
#ctn_practice { padding-top: 120px; }
#ctn_practice h3 span {
	background: url(../images/subj_2026/bo_h3_bg02.png) left top no-repeat;
	width: 287px;
	top: -60px;
	left: 237px;
}
#ctn_practice .cover_pra {
	background: #f5f0fa;
	overflow: hidden;
	border-radius: 15px;
	width: 87%;
	margin: 0 auto;
	margin-bottom: 50px;
}
#ctn_practice .practice01 {
	float: left;
	padding: 40px;
	background: #fff;
	border: 5px solid #71309c;
	border-radius: 15px;
	text-align: center;
}
#ctn_practice .practice01 h4 {
	font-size: 40px;
	font-family: 'Gmarket_S_B';
	font-weight: 600;
	color: #222;
	margin: 0 0 5px;
}
#ctn_practice .practice01 > p:nth-of-type(1) {
	font-size: 20px;
	color: #3c3c3c;
	font-weight: 600;
	margin: 0 0 18px;
}
#ctn_practice .practice01 ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
	padding: 0;
	margin: 0 0 20px;
	list-style: none;
}
#ctn_practice .practice01 ul li {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 91px;
	height: 91px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #71309c;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -1px;
}
#ctn_practice .practice01 ul li:not(:last-child)::after {
	content: "●";
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	color: #71309c;
	font-size: 10px;
}
#ctn_practice .practice01 > p:nth-of-type(2) {
	font-size: 26px;
	font-family: 'Gmarket_S_M';
	font-weight: 500;
	color: #71309c;
	letter-spacing: -1px;
	margin: 0 0 16px;
}
#ctn_practice .practice01 > p:nth-of-type(3) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 20px;
	margin: 0 0 40px;
	border-radius: 16px;
	background: #f6f6f6;
	color: #5e5e5e;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
}
#ctn_practice .practice01 .submit-button {
	border-radius: 50px;
	background: #71309c;
	font-size: 31px;
	padding: 0 30px 0 50px;
	height: 74px;
	line-height: 78px;
}
#ctn_practice .practice01 .submit-button span {
	font-size: 30px;
	font-weight: 300;
}
#ctn_practice .practice01 .submit-button:hover { background: #5b247f; }
#ctn_practice .practice02 {
	font-family: 'Gmarket_S_M';
	width: 328px;
	float: left;
	padding: 30px 68px 0 76px;
	border-radius: 0 15px 15px 0;
	text-align: center;
}
#ctn_practice .practice02 img { display: block; }
#ctn_practice .practice02 p {
	font-size: 19px;
	font-weight: 500;
	color: #333;
	margin: 8px 0 14px;
	line-height: 1.4;
}
#ctn_practice .practice02 img:nth-of-type(2) { margin-top: 10px; }
#ctn_practice .practice03 {
	clear: both;
	width: 87%;
	margin: 0 auto;
	padding: 40px 55px;
	background: #fff;
	border: 5px solid #626bb1;
	border-radius: 15px;
	text-align: center;
	box-sizing: border-box;
}
#ctn_practice .practice03 h4 {
	margin: 0 0 5px;
	color: #222;
	font-family: 'Gmarket_S_B';
	font-size: 40px;
}
#ctn_practice .practice03 > p {
	margin: 0 0 30px;
	color: #3c3c3c;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}
#ctn_practice .practice03 ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, auto);
	width: 100%;
	padding: 0;
	margin: 0 0 32px;
	list-style: none;
	border-top: 2px dashed #ededed;
}
#ctn_practice .practice03 ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	min-width: 0;
	min-height: 76px;
	background: transparent;
	border: 0;
	border-bottom: 2px dashed #ededed;
	border-radius: 0;
	color: #222;
	font-family: 'Gmarket_S_M';
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: -1px;
	text-align: left;
	padding-top: 4px;
}
#ctn_practice .practice03 ul li:nth-of-type(even) { padding-left: 70px; }
#ctn_practice .practice03 ul li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	background: #626bb1;
	color: #fff;
	font-size: 23px;
	font-family: 'Gmarket_S_B';
	padding-top: 4px;
	flex-shrink: 0;
}
#ctn_practice .practice03 .Period {
	display: inline-flex;
	justify-content: center;
	width: 400px;
	max-width: 100%;
	border-radius: 15px;
	background: #626bb1;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	font-family: 'Gmarket_S_M';
	line-height: 69px;
	height: 66px;
	margin: 0;
}
/* 자격증 취득이유 */
#ctn_certif { background: #e9f0f9; }
#ctn_certif h3 { margin-bottom: 85px; }
#ctn_certif .certif_bo {
	background: #fff;
	border: 5px solid #5d69ab;
	width: 94%;
	margin-left: 3%;
	border-radius: 15px;
	margin-bottom: 100px;
	padding-bottom: 70px;
}
#ctn_certif .certif_bo h4 {
	width: fit-content;
	padding: 0 95px;
	margin: 0 auto;
	margin-top: -44px;
	height: 88px;
	line-height: 92px;
	background: #5d69ab;
	color: #fff;
	text-align: center;
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	border-radius: 15px;
}
#ctn_certif .certif_bo h4::before {
	content: "●";
	position: relative;
	left: -74px;
	top: -7px;
	color: #fff;
	font-size: 16px;
}
#ctn_certif .certif_bo h4::after {
	content: "●";
	position: relative;
	right: -74px;
	top: -7px;
	color: #fff;
	font-size: 16px;
}
#ctn_certif .certif_bo p {
	font-family: 'Gmarket_S_M';
	text-align: center;
	color: #222;
	font-size: 32px;
	letter-spacing: -0.03em;
	margin: 50px 0;
}
#ctn_certif .cover_certif01 {
	overflow: hidden;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
#ctn_certif .certif01 li {
	width: 305px;
	background: #f7f7f7;
	border-radius: 15px;
	padding: 36px 60px;
	float: left;
	margin-right: 35px;
	text-align: center;
	font-size: 23px;
	color: #222;
	font-weight: 600;
}
#ctn_certif .certif01 li:last-of-type { margin-right: 0; }
#ctn_certif .certif01 li img {
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}
#ctn_certif .certif01 li span {
	font-weight: normal;
	color: #666;
	font-size: 19px;
	margin-top: 5px;
}
#ctn_certif .cover_certif02 {
	overflow: hidden;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	background: #f7f7f7;
	border-radius: 15px;
	padding: 50px;
	padding-bottom: 0;
}
#ctn_certif .certif02 dl {
	padding-left: 25%;
	padding-top: 2%;
	margin-bottom: 30px;
	width: 70%;
	min-height: 150px;
	background: url(../images/subj_2026/bo_certif03.png) left top no-repeat;
}
#ctn_certif .certif02 dl + dl {
	background: url(../images/subj_2026/bo_certif04.png) left top no-repeat;
	padding-top: 0;
}
#ctn_certif .certif02 dt {
	font-size: 27px;
	color: #222;
	line-height: 150%;
	font-weight: 600;
	margin-bottom: 10px;
}
#ctn_certif .certif02 dd {
	line-height: 130%;
	font-size: 18px;
}
#ctn_certif .cover_certif02 p {
	margin-top: 60px;
	text-align: center;
	font-size: 35px;
	font-family: 'Shilla';
}
/* 유보통합 비교 테이블 */
.unification-table-wrap {
	clear: both;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	overflow-x: auto;
	box-sizing: border-box;
}
.unification-table {
	width: 100%;
	min-width: 760px;
	table-layout: fixed;
	border-collapse: collapse;
	border: 2px solid #444;
	color: #222;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	font-size: 21px;
	line-height: 1.35;
	letter-spacing: -0.7px;
}
/* 열 너비 */

.unification-table .col-category { width: 8.5%; }
.unification-table .col-current { width: 45.5%; }
.unification-table .col-department { width: 46%; }
/* 공통 셀 */

.unification-table th, .unification-table td {
	padding: 15px 30px;
	vertical-align: middle;
	border-right: 1px solid #555;
	border-bottom: 3px dotted #555;
	box-sizing: border-box;
}
/* 마지막 열 오른쪽 선 */

.unification-table tr > *:last-child { border-right: 0; }
/* 마지막 행 하단 선 */

.unification-table tbody tr:last-child > * { border-bottom: 0; }
/* 헤더 */

.unification-table thead th {
	height: 96px;
	text-align: center;
	font-size: 32px;
	font-family: 'Gmarket_S_M';
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -1.5px;
}
.unification-table .th-category {
	background: #a0a0a0;
	color: #fff;
	font-size: 19px;
	font-weight: 800;
}
.unification-table .th-current {
	background: #ffffad;
	color: #000;
}
.unification-table .th-department {
	background: #fff;
	color: #555;
}
/* 왼쪽 구분 열 */

.unification-table tbody th {
	background: #a0a0a0;
	color: #fff;
	text-align: center;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -1px;
	padding: 15px 5px;
}
/* 현재 열 */

.unification-table .current-cell {
	background: #ffffad;
	color: #111;
}
#ctn_certif .certif_bo .unification-table p {
	font-size: 20px;
	margin: 0;
	text-align: left;
}
.unification-table .current-cell p {
	margin: 0;
	line-height: 1.35;
}
.unification-table .current-cell p + p { margin-top: 27px; }
/* 학과제 방식 열 */

.unification-table .department-cell {
	background: #fff;
	color: #666;
}
.unification-table .department-cell p {
	margin: 0;
	line-height: 1.5;
}
.unification-table .department-cell p + p { margin-top: 25px; }
/* 텍스트 스타일 */

.unification-table .text-red {
	color: #ff2525;
	font-weight: bolder;
}
.unification-table .text-blue { color: #075bff; }
.unification-table .underline-blue {
	text-decoration: underline;
	text-decoration-color: #67e7f2;
	text-decoration-thickness: 3px;
	text-underline-offset: 4px;
}
.unification-table .indent {
	display: inline-block;
	padding-left: 53px;
}
/* 형광펜 / 동그라미 강조 */

.unification-table .marker-circle {
	position: relative;
	display: inline-block;
	color: #ff2525;
	font-weight: 600;
	white-space: nowrap;
}
.unification-table .marker-circle::after {
	content: "";
	position: absolute;
	left: -7px;
	right: -7px;
	top: -5px;
	bottom: -4px;
	border: 3px solid rgba(90, 233, 0, 0.75);
	border-radius: 50%;
	transform: rotate(-5deg);
	pointer-events: none;
}

/* 모바일 반응형 */

@media (max-width: 767px) {
.unification-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.unification-table {
	min-width: 760px;
	font-size: 18px;
}
.unification-table thead th { font-size: 26px; }
.unification-table th, .unification-table td { padding: 12px 20px; }
.unification-table tbody th {
	padding: 12px 5px;
	font-size: 16px;
}
.unification-table .indent { padding-left: 30px; }
}
.unification-table-wrap ul {
	margin-top: 15px;
	line-height: 1.3
}
/* ==================================================
   퀵메뉴
===================================================== */
#subj_quick { border: 2px solid #7b9a80; }
#subj_quick li { border-bottom: 1px solid #c5d8c8; }
#subj_quick li:last-of-type a { color: #137524; }
#subj_quick li a:hover { color: #137524; }
#subj_quick li:nth-of-type(1) a:hover { background: url(../images/subj_2026/bo_icon_quick01.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(2) a:hover { background: url(../images/subj_2026/bo_icon_quick02.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(3) a:hover { background: url(../images/subj_2026/bo_icon_quick03.png) center 13px no-repeat; }
#subj_quick svg { color: #48a043; }
#subj_quick li a:hover svg { color: #48a043; }