@charset "utf-8";
/* CSS Document */
/* ==================================================
   문헌정보학과정
===================================================== */
/* 랜딩타이틀 */
#ctn_title { background: #ebe1df; }
#ctn_title section { z-index: 0; }
#ctn_title section::before {/* 타이틀 일러스트 - 섹션 위쪽 여백까지 걸쳐서 배치 */
	content: "";
	position: absolute;
	z-index: -1;
	top: -42px;
	right: -2px;
	width: 526px;
	height: 497px;
	background: url(../images/subj_2026/mh_topimg.png) left top no-repeat;
}
#ctn_title .title_txt { margin: 0 50px 0 30px; }
#ctn_title .submit-button { background: #6f2d17; }
#ctn_title .submit-button:hover { background: #5a2412; }
.title_txt span {
	height: 60px;
	line-height: 64px;
	padding: 0 22px;
	margin-left: 5px;
	background: #907b66;
	letter-spacing: -0.05em;
}
.title_txt h3 { color: #3c2207; }
.title_txt h3 small { font-size: 70px; }
.title_txt h3 b { color: #9a6833; }
.title_txt p {
	color: #3c2207;
	line-height: 48px;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
}
#top_bnr {
    position: absolute;
    left: 35px;
    margin-top: -167px;
}
#ctn_title .price { margin: 50px 0 16px 0; }
/* 취득플랜 */
#ctn_plan .paln01, #ctn_plan .paln02 {
	position: relative;
	width: 557px;
	height: 473px;
	box-sizing: border-box;
	padding: 0 25px;
	border: 2px solid #3968c7;
	background: #fff;
	border-radius: 15px;
	float: left;
	margin: 0 14px 0 27px;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
}
#ctn_plan .paln02 {
	width: 556px;
	border-color: #ac654e;
	margin: 0 27px 0 16px;
}
#ctn_plan .paln_head {
	height: 160px;
	box-sizing: border-box;
	padding-top: 30px;
	text-align: center;
}
#ctn_plan .paln02 .paln_head { padding-top: 24px; }
#ctn_plan h4 {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	letter-spacing: -0.025em;
	margin-bottom: 5px;
}
#ctn_plan .paln01 h4 { color: #3968c7; }
#ctn_plan .paln02 h4 {
	color: #ad4a29;
	font-size: 36px;
	line-height: 43px;
}
#ctn_plan .paln_head p {
	font-size: 20px;
	color: #3c3c3c;
	font-weight: 600;
	letter-spacing: -0.025em;
}
/* 단계 리스트 */
#ctn_plan .step_list {
	width: 408px;
	margin-left: 46px;
}
#ctn_plan .step_list li {
	display: flex;
	align-items: center;
	padding-bottom: 11px;
	margin-bottom: 10px;
	border-bottom: 2px dashed #e5e5e5;
	font-family: 'Gmarket_S_M';
	font-size: 28px;
	color: #222;
	letter-spacing: -0.025em;
}
#ctn_plan .step_list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
#ctn_plan .step_list li span {
	flex-shrink: 0;
	width: 47px;
	height: 47px;
	line-height: 51px;
	margin-right: 18px;
	border-radius: 50%;
	text-align: center;
	font-family: 'Gmarket_S_B';
	font-size: 23px;
	color: #fff;
}
#ctn_plan .paln01 .step_list li span { background: #5d69ab; }
#ctn_plan .paln02 .step_list li span { background: #9a6833; }
#ctn_plan .period {
	position: absolute;
	left: 23px;
	bottom: 36px;
	width: 505px;
	height: 61px;
	line-height: 65px;
	box-sizing: border-box;
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	text-align: center;
	font-family: 'Gmarket_S_M';
	font-size: 28px;
	letter-spacing: -0.025em;
}
#ctn_plan .paln01 .period { color: #3968c7; }
#ctn_plan .paln02 .period { color: #ad4a29; }
#ctn_plan .refer {
	clear: both;
	text-align: center;
	font-size: 18px;
	color: #5e5e5e;
	padding-top: 31px;
	letter-spacing: -0.025em;
}
#ctn_plan .submit-button {
	margin-top: 52px;
	background: #6f2d17;
}
#ctn_plan .submit-button:hover { background: #5a2412; }
/* 수강료 혜택 */
#ctn_benefit { padding-bottom: 217px; }
#ctn_benefit .benefit01, #ctn_benefit .benefit02 {
	width: 557px;
	height: 260px;
	box-sizing: border-box;
	padding: 26px 61px 0 62px;
	background: #f6e9d9;
	border-radius: 15px;
	float: left;
	margin: 0 14px 32px 27px;
}
#ctn_benefit .benefit02 {
	width: 556px;
	padding: 26px 0 0 67px;
	background: #e2f6e9;
	margin: 0 27px 32px 16px;
}
#ctn_benefit .benefit01 h4, #ctn_benefit .benefit02 h4 {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	text-align: center;
	letter-spacing: -0.025em;
}
#ctn_benefit .benefit01 h4 {
	color: #6f2d17;
	margin-bottom: 14px;
}
#ctn_benefit .benefit02 h4 {
	color: #018267;
	margin: 0 0 14px -67px;
}
#ctn_benefit .benefit01 ul {
	height: 130px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 15px;
	padding-top: 22px;
}
#ctn_benefit .benefit01 li {
	text-align: center;
	font-size: 27px;
	color: #222;
	letter-spacing: -0.05em;
	margin-bottom: 8px;
}
#ctn_benefit .benefit01 li.price_s { letter-spacing: -0.025em; }
#ctn_benefit .benefit02 li {
	height: 46px;
	line-height: 46px;
	padding-left: 54px;
	background: url(../images/subj_2026/mh_icon_check.png) left 4px no-repeat;
	font-size: 27px;
	color: #222;
	letter-spacing: -0.05em;
}
#ctn_benefit .benefit03 {
	clear: both;
	width: 1144px;
	height: 107px;
	box-sizing: border-box;
	margin: 0 auto 13px;
	background: #9a6833 url(../images/subj_2026/icon_arrow.png) 772px 50% no-repeat;
	border-radius: 15px;
	padding: 0 50px 0 45px;
}
#ctn_benefit .benefit03 li {
	display: inline-block;
	line-height: 111px;
	font-size: 36px;
	color: #fff;
	font-family: 'Gmarket_S_B';
	letter-spacing: -0.025em;
}
#ctn_benefit .benefit03 li b {
	color: #fff000;
	font-weight: normal;
}
#ctn_benefit .benefit03 li.price_t {
	float: right;
	color: #fff000;
	font-size: 48px;
}
/* 케이스터디 특별 혜택 - 보육교사 공통 소스 그대로 */
#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 .discount { margin-top: 172px; }
#ctn_benefit .discount_box {
	position: relative;
	width: 1143px;
	height: 354px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 44px 0 0 37px;
	background: #3968c7;
	border-radius: 15px;
}
#ctn_benefit .dc_left { width: 529px; }
#ctn_benefit .dc_left h4 {
	font-family: 'Gmarket_S_M';
	font-size: 40px;
	color: #fff;
	text-align: center;
	letter-spacing: -0.025em;
	margin-bottom: 14px;
}
#ctn_benefit .dc_left li {
	display: flex;
	align-items: center;
	height: 85px;
	padding-left: 34px;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 15px;
}
#ctn_benefit .dc_cnt {
	width: 183px;
	font-size: 27px;
	font-weight: 600;
	color: #222;
	letter-spacing: -0.05em;
}
#ctn_benefit .dc_cnt b {
	color: #3968c7;
	font-weight: 800;
}
#ctn_benefit .dc_price {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	color: #ff3c00;
	letter-spacing: -0.025em;
}
#ctn_benefit .dc_price em {
	font-style: normal;
	font-size: 27px;
	vertical-align: 3px;
}
#ctn_benefit .dc_right {
	position: absolute;
	top: 44px;
	left: 673px;
	width: 400px;
	text-align: center;
}
#ctn_benefit .dc_right img {
	display: block;
	margin: 0 auto;
}
#ctn_benefit .dc_right p {
	margin-top: 8px;
	font-family: 'Gmarket_S_M';
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	letter-spacing: -0.025em;
}
#ctn_benefit .discount + .submit-button {
	margin-top: 36px;
	background: #6f2d17;
}
#ctn_benefit .discount + .submit-button:hover { background: #5a2412; }
/* 전공과목 안내 */
#ctn_major {
	background: #f5e9e1;
	padding-top: 70px;
}
#ctn_major .major01, #ctn_major .major02 {
	float: left;
	height: 620px;
	box-sizing: border-box;
	padding-top: 26px;
	background: #fff;
	border: 5px solid #6f2f98;
	border-radius: 15px;
	text-align: center;
}
#ctn_major .major01 {
	position: relative;
	width: 542px;
	margin: 0 27px 42px 43px;
}
#ctn_major .major02 {
	width: 554px;
	border-color: #9a6833;
	margin-bottom: 42px;
}
#ctn_major h4 {
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	letter-spacing: -0.025em;
}
#ctn_major .major01 h4 { color: #6f2f98; }
#ctn_major .major02 h4 { color: #9a6833; }
#ctn_major .major01 ul {
	width: 397px;
	margin: 8px auto 0;
}
#ctn_major .major01 li {
	height: 83px;
	line-height: 87px;
	margin-bottom: 14px;
	background: #f5f5f5;
	font-family: 'Gmarket_S_M';
	font-size: 30px;
	color: #222;
	letter-spacing: -0.025em;
}
#ctn_major .major_button {/* 문헌정보학사 필요 과목 - 표 위 전체폭 바 */
	clear: both;
	display: block;
	width: 1116px;
	height: 84px;
	line-height: 88px;
	margin-left: 44px;
	border-radius: 15px;
	background: #6f2f98;
	color: #fff;
	text-align: center;
	font-family: 'Gmarket_S_B';
	font-size: 39px;
	letter-spacing: -0.05em;
	cursor: pointer;
	position: relative;
	transition: background 0.2s, box-shadow 0.2s;
	user-select: none;
}
#ctn_major .major_button .arrow_icon {
	display: inline-block;
	vertical-align: inherit;
	margin-left: 15px;
	font-size: 31px;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	transition: transform 0.3s ease;
}
#ctn_major .major_button.active .arrow_icon { transform: rotate(180deg); }

#ctn_major .major_button:hover {
	background: #5a2680;
	box-shadow: 0 4px 14px rgba(111, 47, 152, 0.4);
}
#hidden_table {
	display: none;
}
/* 문헌정보학사 필요 과목 표 */
#ctn_major .major_table {
	width: 1111px;
	margin: 32px 0 0 45px;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: 'Gmarket_S_L';
	font-size: 22px;
	line-height: 30px;
	color: #313131;
	letter-spacing: -0.05em;
}
#ctn_major .major_table th, #ctn_major .major_table td {
	border: 1px solid #929292;
	text-align: center;
	vertical-align: middle;
}
#ctn_major .major_table thead th {
	height: 67px;
	padding-top: 4px;
	background: #f5f5f5;
}
#ctn_major .major_table th {
	font-family: 'Gmarket_S_M';
	font-weight: normal;
}
#ctn_major .major_table tbody th { background: #f9f4f1; }
#ctn_major .major_table .subjects {
	padding: 22px 0 22px 44px;
	background: #fff;
	text-align: left;
}
#ctn_major .major_table .subjects em {
	font-style: normal;
	font-family: 'Gmarket_S_M';
	color: #d43300;
}
#ctn_major .major_table .credits {
	background: #e8f0f9;
	font-family: 'Gmarket_S_M';
	line-height: 26px;
}
#ctn_major .table_note {
	margin: 9px 44px 0 0;
	text-align: right;
	font-family: 'Gmarket_S_M';
	font-size: 22px;
	color: #d7461b;
	letter-spacing: -0.05em;
}
#ctn_major .major02 ol {
	width: 422px;
	margin: 28px auto 0;
}
#ctn_major .major02 li {
	position: relative;
	display: flex;
	align-items: center;
	height: 133px;
	margin-bottom: 37px;
	padding-left: 153px;
	background: #f5f5f5;
	font-family: 'Gmarket_S_M';
	font-size: 27px;
	color: #303030;
	letter-spacing: -0.05em;
	text-align: left;
}
#ctn_major .major02 li:last-child { margin-bottom: 0; }
#ctn_major .major02 li img {
	position: absolute;
	top: 50%;
	left: 90px;
	transform: translate(-50%, -50%);
}
#ctn_major .major02 li::after {/* 단계 사이 화살표 */
	content: "";
	position: absolute;
	left: 185px;
	bottom: -31px;
	width: 37px;
	height: 23px;
	background: url(../images/subj_2026/mh_major_arrow.png) left top no-repeat;
}
#ctn_major .major02 li:last-child::after { display: none; }
#ctn_major .submit-button {
	clear: both;
	margin-top: 60px;
	background: #6f2d17;
}
#ctn_major .submit-button:hover { background: #5a2412; }
/* 학위취득 절차 */
#ctn_roadmap { padding-top: 90px; }
#ctn_roadmap h3 + p { margin-bottom: 42px; }
#ctn_roadmap .road_list {
	display: flex;
	gap: 13px;
	width: 1196px;
	margin: 0 auto;
}
#ctn_roadmap .road_list li {
	position: relative;
	width: 228px;
	height: 264px;
	box-sizing: border-box;
	padding-top: 172px;
	background: #f9f0e5;
	border: 3px solid #d6b59c;
	border-radius: 15px;
	text-align: center;
	font-family: 'Gmarket_S_M';
	font-size: 20px;
	color: #555;
	letter-spacing: -0.025em;
}
#ctn_roadmap .road_num {
	position: absolute;
	top: -29px;
	left: 50%;
	width: 63px;
	height: 63px;
	margin-left: -31px;
	line-height: 67px;
	border-radius: 50%;
	background: #ad6b3a;
	color: #fff;
	font-size: 28px;
}
#ctn_roadmap .road_list img {
	position: absolute;
	top: 112px;
	left: 50%;
	transform: translate(-50%, -50%);
}
#ctn_roadmap .road_list b {
	display: block;
	margin-bottom: 6px;
	font-weight: normal;
	font-size: 27px;
	color: #222;
	letter-spacing: -0.05em;
}
#ctn_roadmap .text {
	margin: 76px 0 26px;
	text-align: center;
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	color: #393939;
	letter-spacing: -0.025em;
}
#ctn_roadmap .text b { font-weight: normal; }
#ctn_roadmap .submit-button { background: #6f2d17; }
#ctn_roadmap .submit-button:hover { background: #5a2412; }
/* 진출분야 */
#ctn_career {
	background: #f5e9e1;
	padding-top: 145px;
}
#ctn_career h3 + p {
	line-height: 33px;
	color: #616161;
	margin-bottom: 48px;
}
#ctn_career .career_list {
	overflow: hidden;
	width: 835px;
	margin: 0 auto;
	padding-top: 22px;
}
#ctn_career .career_list li {
	position: relative;
	float: left;
	width: 405px;
	height: 337px;
	box-sizing: border-box;
	margin: 0 25px 23px 0;
	background: #fff;
	border: 2px solid #b79e8d;
	border-radius: 20px;
}
#ctn_career .career_list li:nth-child(2n) { margin-right: 0; }
#ctn_career .career_list li:nth-child(n+3) { margin-bottom: 0; }
#ctn_career .career_list img { position: absolute; }
#ctn_career .career01 img { left: 70px; top: -8px; }
#ctn_career .career02 img { left: 87px; top: -17px; }
#ctn_career .career03 img { left: 65px; top: -8px; }
#ctn_career .career04 img { left: 31px; top: -20px; }
#ctn_career .career_list p {
	position: absolute;
	left: 0;
	bottom: 26px;
	width: 100%;
	text-align: center;
	font-family: 'Gmarket_S_L';
	font-size: 26px;
	line-height: 36px;
	color: #404040;
	letter-spacing: -0.05em;
}
#ctn_career .career_list p b {
	display: block;
	font-family: 'Gmarket_S_B';
	font-weight: normal;
	font-size: 30px;
}
#ctn_career .refer {
	text-align: center;
	font-size: 18px;
	color: #5e5e5e;
	padding-top: 16px;
	letter-spacing: -0.025em;
}
/* ==================================================
   퀵메뉴
===================================================== */
#subj_quick { border: 2px solid #ab7b6c; }
#subj_quick li { border-bottom: 1px solid #c5d8c8; }
#subj_quick li:last-of-type a { color: #6f2d17; }
#subj_quick li a:hover { color: #6f2d17; }
#subj_quick li:nth-of-type(1) a:hover { background: url(../images/subj_2026/mh_icon_quick01.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(2) a:hover { background: url(../images/subj_2026/mh_icon_quick02.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(3) a:hover { background: url(../images/subj_2026/mh_icon_quick03.png) center 13px no-repeat; }
#subj_quick svg { color: #6f2d17; }
#subj_quick li a:hover svg { color: #6f2d17; }