@charset "utf-8";

/* * */


.page {
		width: 100%;
		color: #222;
		background: #fff;
		font-family: "Noto Sans KR", sans-serif !important;
		letter-spacing: -0.02em;
		padding-top:131px;
		font-weight:400!important;
		font-size: 16px !important;
}
.page table {font-weight:400!important;}
.section-shell {
		max-width: 1440px;
		margin: 0 auto;
		padding: 0 24px;
}

.section-title {
		font-size: 42px;
		line-height: 1.2;
		text-align: center;
		font-weight: 700;
		margin-bottom: 30px;
		position: relative;
}
.section-title::before {
		content: '';
		width:100px;
		height:4px;
		background-color: #212d59;
		margin-bottom: 10px;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: -20px;
}

/* hero */
.hero {
		margin-top: 28px;
		height: 360px;
		border-radius: 6px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
}

.section-shell-01 {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 24px;
}

.hero-overlay {
		text-align: center;
		color: #fff;
}

.hero-caption {
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 10px;
		color:#fff;
}

.hero h1 {
		font-size: 56px;
		font-weight: 700;
		line-height: 1.15;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* introduce */
.introduce {
		padding-top: 80px;
		padding-bottom: 80px;
		background: #fff;
}

.mini-banner {
		height: 250px;
		border-radius: 4px;
		margin-bottom: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #3ba2ff;
		font-weight: 700;
		font-size: 30px;
}

.content-block {
		margin-bottom: 30px;
}

.content-block h3 {
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 14px;
		font-weight:600;
}

.content-block p {
		font-size: 18px;
		line-height: 1.8;
		color: #666;
}

.aim-list li {
		position: relative;
		font-size: 18px;
		line-height: 1.8;
		color: #666;
		padding-left: 28px;
		margin-bottom: 8px;
}

.aim-list li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 10px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #24a7ff;
		box-shadow: inset 0 0 0 4px #dff3ff;
}

/* faculty */
.faculty-wrap {
		background: #edf0f6;
		padding: 84px 0;
}

.faculty-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
}

.faculty-card {
		background: #fff;
		border-radius: 14px;
		padding: 24px;
		display: flex;
		align-items: center;
		gap: 18px;
		min-height: 158px;
		border: 1px solid #e5e8f0;
}

.avatar {
		flex: 0 0 86px;
		width: 86px;
		height: 86px;
		border-radius: 50%;
		background: linear-gradient(to bottom, #e9edf9, #ccd5eb);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #344372;
		font-size: 28px;
		font-weight: 700;
}

.avatar img {
		width: 100%;
		height: 100%;
		border-radius: inherit;
		object-fit: cover;
		display: block;
}

.faculty-info {
		flex: 1;
		min-width: 0;
}

.faculty-info h3 {
		font-size: 24px;
		line-height: 1.25;
		margin-bottom: 8px;
}

.faculty-info p {
		color: #666d82;
		font-size: 16px;
		line-height: 1.45;
}

.view-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 88px;
		height: 40px;
		border-radius: 999px;
		color: #fff;
		background: #212d59;
		font-size: 15px;
		font-weight: 600;
		font-family: inherit;
		letter-spacing: inherit;
		transition: background 0.2s ease;
}

.view-btn:hover {
		background: #182142;
}

body.modal-open {
		overflow: hidden;
}

.faculty-modal {
		position: fixed;
		inset: 0;
		z-index: 1000;
		display: none;
		align-items: center;
		justify-content: center;
		padding: 20px;
}

.faculty-modal.is-open {
		display: flex;
}

.faculty-modal__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(18, 24, 48, 0.55);
		cursor: pointer;
}

.faculty-modal__dialog {
		position: relative;
		z-index: 1;
		width: min(560px, 100%);
		max-height: min(90vh, 720px);
		display: flex;
		flex-direction: column;
		overflow: hidden;
		background: #fff;
		border-radius: 16px;
		box-shadow: 0 24px 60px rgba(17, 28, 58, 0.28);
		border: 1px solid #e1e6f2;
}

.faculty-modal__close {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		font-size: 28px;
		line-height: 1;
		color: #5a6278;
		background: #f0f2f8;
		transition: background 0.15s ease, color 0.15s ease;
}

.faculty-modal__close:hover {
		background: #e2e6ef;
		color: #212d59;
}

.faculty-modal__inner {
		padding: 32px 28px 28px;
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		max-height: 100%;
		overflow: hidden;
}

.faculty-modal__avatar {
		width: 72px;
		height: 72px;
		border-radius: 50%;
		background: linear-gradient(to bottom, #e9edf9, #ccd5eb);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #344372;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 16px;
}

.faculty-modal__avatar img {
		width: 100%;
		height: 100%;
		border-radius: inherit;
		object-fit: cover;
		display: block;
}

.faculty-modal__title {
		font-size: 26px;
		font-weight: 700;
		line-height: 1.25;
		margin-bottom: 18px;
		padding-right: 40px;
}

.faculty-modal__meta {
		margin: 0 0 20px;
}

.faculty-modal__meta > div {
		display: grid;
		grid-template-columns: 84px 1fr;
		gap: 8px 12px;
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.5;
}

.faculty-modal__meta dt {
		color: #8b92a8;
		font-weight: 600;
}

.faculty-modal__meta dd {
		margin: 0;
		color: #4a5068;
		word-break: break-word;
}

.faculty-modal__bio {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		margin-top: 4px;
}

.faculty-modal__bio h4 {
		flex: 0 0 auto;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		color: #212d59;
		margin: 0 0 10px;
}

.faculty-modal__bio-scroll {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		padding-right: 4px;
		margin-right: -4px;
		scrollbar-gutter: stable;
}

.faculty-modal__bio-block + .faculty-modal__bio-block {
		margin-top: 20px;
		padding-top: 18px;
		border-top: 1px solid #e8ebf4;
}

.faculty-modal__bio-subtitle {
		font-size: 15px;
		font-weight: 700;
		color: #212d59;
		margin: 0 0 8px;
		line-height: 1.35;
}

.faculty-modal__bio-text {
		margin: 0 0 10px;
		font-size: 16px;
		line-height: 1.7;
		color: #58607a;
}

.faculty-modal__bio-text:last-child {
		margin-bottom: 0;
}

/* curriculum */
.curriculum {
		padding-top: 84px;
		padding-bottom: 110px;
}

.curriculum-box {
		background: transparent;
		border: 0;
		border-radius: 0;
		padding: 0;
}

.curriculum-box p {
		color: #58607a;
		font-size: 18px;
		line-height: 1.7;
}

.curriculum-lead {
		margin-bottom: 28px;
}

.curriculum-year {
		margin-top: 36px;
}

.curriculum-year:first-of-type {
		margin-top: 0;
}

.curriculum-year-title {
		font-size: 18px;
		font-weight: 800;
		color: #fff;
		margin: 0 0 14px;
		line-height: 1.3;
		background: linear-gradient(135deg, #3b3a8f 0%, #6c63ff 100%);
		padding: 12px 16px;
		border-radius: 12px 12px 0 0;
}

.table-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		margin: 0 -4px;
		padding: 4px;
		border-radius: 8px;
}

.table-scroll:focus-visible {
		outline: 2px solid #212d59;
		outline-offset: 2px;
}

.curriculum-table {
		width: 100%;
		min-width: 720px;
		border-collapse: separate;
		border-spacing: 0;
		font-size: 15px;
		line-height: 1.55;
		background: #fff;
		border-radius: 0 0 14px 14px;
		overflow: hidden;
		box-shadow: 0 2px 20px rgba(60, 58, 143, 0.12);
}

.curriculum-table thead th {
		background: #eeeef8;
		font-weight: 800;
		color: #3b3a8f;
		border: 1px solid #e0e0ef;
		padding: 14px 12px;
		white-space: nowrap;
		font-size: 15px;
}

.curriculum-table tbody td {
		border: 1px solid #e0e0ef;
		padding: 12px 10px;
		color: #444;
		vertical-align: middle !important;
		text-align: center !important;
		word-break: keep-all;
		font-size: 15px;
		line-height: 1.5;
		background: #fff;
}

.curriculum-table tbody tr:nth-child(even) td {
		background: #f9f9fd;
}

.curriculum-table .course-cell {
		text-align: left !important;
		min-width: 200px;
		max-width: 320px;
}

.curriculum-table .course-en {
		display: block;
		margin-top: 6px;
		font-size: 12px;
		color: #666;
		line-height: 1.4;
		word-break: normal;
}

/* responsive */
@media (max-width: 1024px) {
		.hero {
				height: 320px;
		}

		.hero h1 {
				font-size: 44px;
		}

		.section-title {
				font-size: 36px;
		}

		.content-block h3 {
				font-size: 26px;
		}
}

@media (max-width: 768px) {
		.section-shell {
				padding: 0 16px;
		}

		.hero {
				margin-top: 16px;
				height: 250px;
		}

		.hero-caption {
				font-size: 14px;
		}

		.hero h1 {
				font-size: 30px;
		}

		.section-title {
				font-size: 30px;
				margin-bottom: 20px;
		}

		.mini-banner {
				height: 74px;
				font-size: 20px;
				margin-bottom: 28px;
		}

		.content-block h3 {
				font-size: 22px;
		}

		.content-block p,
		.aim-list li {
				font-size: 15px;
				line-height: 1.6;
		}

		.faculty-wrap {
				padding: 56px 0;
		}

		.faculty-grid {
				grid-template-columns: 1fr;
				gap: 14px;
		}

		.faculty-card {
				padding: 16px;
				min-height: 0;
		}

		.avatar {
				width: 68px;
				height: 68px;
				flex-basis: 68px;
				font-size: 20px;
		}

		.faculty-info h3 {
				font-size: 18px;
		}

		.faculty-info p {
				font-size: 13px;
		}

		.view-btn {
				min-width: 70px;
				height: 34px;
				font-size: 13px;
		}

		.curriculum {
				padding-top: 56px;
				padding-bottom: 70px;
		}

		.curriculum-box {
				padding: 0;
		}

		.curriculum-box p {
				font-size: 16px;
				line-height: 1.6;
		}

		.curriculum-lead {
				margin-bottom: 20px;
		}

		.curriculum-year {
				margin-top: 28px;
		}

		.curriculum-year-title {
				font-size: 16px;
				margin-bottom: 10px;
				padding: 10px 12px;
		}

		.curriculum-table {
				min-width: 640px;
				font-size: 14px;
		}

		.curriculum-table thead th {
				padding: 12px 8px;
				font-size: 13px;
		}

		.curriculum-table tbody td {
				padding: 10px 8px;
		}

		.curriculum-table .course-cell {
				min-width: 160px;
		}

		.curriculum-table .course-en {
				font-size: 11px;
		}

		.faculty-modal {
				padding: 12px;
		}

		.faculty-modal__inner {
				padding: 24px 18px 20px;
		}

		.faculty-modal__title {
				font-size: 20px;
				margin-bottom: 14px;
		}

		.faculty-modal__meta > div {
				grid-template-columns: 1fr;
				gap: 2px;
		}

		.faculty-modal__meta > div:not(:first-child) dt {
				margin-top: 8px;
		}

		.faculty-modal__bio-text {
				font-size: 15px;
		}
}

/* curriculum roadmap section */
.curriculum-roadmap {
		padding-top: 72px;
		padding-bottom: 96px;
		background: #f8f8f8; /* match faculty background tone */
}

/* Course Roadmap (scoped) */
.curriculum-roadmap .cr-main {
		max-width: 1440px;
		margin: 0 auto;
}

.curriculum-roadmap .cr-section-title {
		background: linear-gradient(135deg, #3b3a8f 0%, #6c63ff 100%);
		color: #ffffff;
		text-align: center;
		padding: 16px 24px;
		border-radius: 14px 14px 0 0;
		font-size: 1.05rem;
		font-weight: 800;
		letter-spacing: 0.5px;
}

.curriculum-roadmap .cr-roadmap-table {
		width: 100%;
		min-width: 820px;
		border-collapse: collapse;
		background: #ffffff;
		box-shadow: 0 2px 20px rgba(60, 58, 143, 0.12);
		border-radius: 0 0 14px 14px;
		overflow: hidden;
		margin-bottom: 28px;
}

.curriculum-roadmap .cr-roadmap-table td,
.curriculum-roadmap .cr-roadmap-table th {
		border: 1px solid #e0e0ef;
		vertical-align: middle;
		padding: 10px;
}

.curriculum-roadmap .cr-th-label {
		background: #eeeef8;
		text-align: center;
		padding: 18px 12px;
		width: 180px;
}

.curriculum-roadmap .cr-lbl-ko {
		font-size:1rem;
		font-weight: 700;
		color: #3b3a8f;
		display: block;
}

.curriculum-roadmap .cr-lbl-en {
		font-size: 0.8rem;
		color: #9898b8;
		display: block;
		margin-top: 3px;
}

.curriculum-roadmap .cr-th-pathway {
		text-align: center;
		padding: 16px 20px;
}

.curriculum-roadmap .cr-pw-num {
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
		opacity: 0.65;
		display: block;
}

.curriculum-roadmap .cr-pw-name {
		font-size: 1rem;
		font-weight: 800;
		margin-top: 4px;
		display: block;
}

.curriculum-roadmap .cr-pw-spec {
		font-size: 0.78rem;
		margin-top: 6px;
		padding: 4px 14px;
		border-radius: 20px;
		display: inline-block;
}

.curriculum-roadmap .cr-p1 .cr-pw-num,
.curriculum-roadmap .cr-p1 .cr-pw-name {
		color: #3b3a8f;
}

.curriculum-roadmap .cr-p1 .cr-pw-spec {
		background: rgba(59, 58, 143, 0.08);
		color: #3b3a8f;
}

.curriculum-roadmap .cr-p2 .cr-pw-num,
.curriculum-roadmap .cr-p2 .cr-pw-name {
		color: #7c5cbf;
}

.curriculum-roadmap .cr-p2 .cr-pw-spec {
		background: rgba(124, 92, 191, 0.08);
		color: #7c5cbf;
}

.curriculum-roadmap .cr-sub-header td {
		background: #eeeef8;
		text-align: center;
		padding: 9px 12px;
		font-size: 1rem;
		font-weight: 700;
		border-top: 2px solid #c8c8e8;
}

.curriculum-roadmap .cr-sh-semester {
		color: #5a5a7a;
}
.curriculum-roadmap .cr-sh-p1 {
		color: #3b3a8f;
}
.curriculum-roadmap .cr-sh-p2 {
		color: #7c5cbf;
}

.curriculum-roadmap .cr-td-vert-label {
		background: #eeeef8;
		text-align: center;
		width: 100px;
}

.curriculum-roadmap .cr-vert-inner {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		padding: 16px 0;
}

.curriculum-roadmap .cr-vert-inner .cr-ko {
		font-size:1rem;
		font-weight: 800;
		color: #3b3a8f;
		letter-spacing: 4px;
}

.curriculum-roadmap .cr-vert-inner .cr-en {
		font-size: 0.8rem;
		color: #9898b8;
		letter-spacing: 1px;
}

.curriculum-roadmap .cr-degree-ko {
		font-size:1rem !important;
		letter-spacing: 2px !important;
}

.curriculum-roadmap .cr-td-semester {
		background: #eeeef8;
		text-align: center;
		width: 72px;
		padding: 14px 8px;
}

.curriculum-roadmap .cr-sem-badge {
		background: #3b3a8f;
		color: #ffffff;
		border-radius: 20px;
		padding: 4px 12px;
		font-size: 0.78rem;
		font-weight: 700;
		white-space: nowrap;
		display: inline-block;
}

.curriculum-roadmap .cr-td-course {
		padding: 16px 18px;
		vertical-align: top;
		background: #ffffff;
}

.curriculum-roadmap .cr-even .cr-td-course {
		background: #f9f9fd;
}

.curriculum-roadmap .cr-course-list {
		list-style: none;
		margin: 0;
		padding: 0;
}

.curriculum-roadmap .cr-course-list li {
		padding: 2px 0 2px 13px;
		position: relative;
		line-height: 1.5;
}

.curriculum-roadmap .cr-course-list li::before {
		content: "·";
		position: absolute;
		left: 2px;
		font-weight: 800;
		font-size: 1rem;
		line-height: 1.4;
}

.curriculum-roadmap .cr-p1-list li::before {
		color: #3b3a8f;
}
.curriculum-roadmap .cr-p2-list li::before {
		color: #7c5cbf;
}

.curriculum-roadmap .cr-course-list li .cr-ko {
		display: block;
		font-size:1rem;
		font-weight: 600;
		color: #1e1e2e;
		text-align: left;
}

.curriculum-roadmap .cr-course-list li .cr-en {
		display: block;
		font-size: 0.84rem;
		color: #9898b8;
		text-align: left;
}

.curriculum-roadmap .cr-tr-arrow td {
		background: #f9f9fd;
		text-align: center;
		padding: 12px;
}

.curriculum-roadmap .cr-td-empty {
		background: #eeeef8;
}

.curriculum-roadmap .cr-arrow-circle {
		width: 30px;
		height: 30px;
		background: linear-gradient(135deg, #3b3a8f, #6c63ff);
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 0.95rem;
		font-weight: 800;
}

.curriculum-roadmap .cr-td-degree-cat {
		background: #eeeef8;
		text-align: center;
		padding: 14px 8px;
		font-size: 1rem;
		font-weight: 700;
		color: #3b3a8f;
		line-height: 1.5;
}

.curriculum-roadmap .cr-td-degree-cat small {
		display: block;
		font-size: 0.8rem;
		font-weight: 500;
		color: #9898b8;
		margin-top: 2px;
}

.curriculum-roadmap .cr-td-tbd {
		text-align: center;
		padding: 14px;
		background: #f9f9fd;
}

.curriculum-roadmap .cr-tbd-badge {
		background: #f0f0f8;
		color: #9898b8;
		border-radius: 6px;
		padding: 6px 18px;
		font-size: 0.78rem;
		font-weight: 700;
		border: 1px dashed #e0e0ef;
		display: inline-block;
}

.curriculum-roadmap .cr-cert-wrapper {
		background: #ffffff;
		border-radius: 14px;
		box-shadow: 0 2px 20px rgba(60, 58, 143, 0.12);
		overflow: hidden;
		margin-bottom: 28px;
}

.curriculum-roadmap .cr-cert-header {
		background: linear-gradient(135deg, #4a4a9e 0%, #7c5cbf 100%);
		color: #ffffff;
		padding: 14px 24px;
		font-size: 0.95rem;
		font-weight: 800;
		letter-spacing: 0.5px;
}

.curriculum-roadmap .cr-cert-body {
		padding: 20px 24px;
		background: #fef9f5;
}

.curriculum-roadmap .cr-cert-common {
		font-size: 1rem;
		color: #5a5a7a;
		margin-bottom: 16px;
		padding: 10px 16px;
		background: #ffffff;
		border-radius: 8px;
		border-left: 3px solid #3b3a8f;
		line-height: 1.7;
}

.curriculum-roadmap .cr-cert-table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #f0d8c8;
		border-radius: 10px;
		overflow: hidden;
}

.curriculum-roadmap .cr-cert-table td {
		padding: 16px 18px;
		vertical-align: top !important;
		border: 1px solid #f0d8c8;
		background: #ffffff;
		width: 50%;
}

.curriculum-roadmap .cr-cert-card-title {
		font-size: 1rem;
		font-weight: 800;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		gap: 6px;
}

.curriculum-roadmap .cr-cert-card-title::before {
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 2px;
		display: inline-block;
		flex-shrink: 0;
}

.curriculum-roadmap .cr-cert-p1 .cr-cert-card-title {
		color: #3b3a8f;
}
.curriculum-roadmap .cr-cert-p1 .cr-cert-card-title::before {
		background: #3b3a8f;
}
.curriculum-roadmap .cr-cert-p2 .cr-cert-card-title {
		color: #7c5cbf;
}
.curriculum-roadmap .cr-cert-p2 .cr-cert-card-title::before {
		background: #7c5cbf;
}

.curriculum-roadmap .cr-cert-item {
		font-size: 1rem;
		color: #5a5a7a;
		padding: 2px 0;
		line-height: 1.7;
		text-align: left;
}

.curriculum-roadmap .cr-arrow-divider {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		margin: 6px 0 18px;
}

.curriculum-roadmap .cr-arrow-divider > div {
		display: flex;
		justify-content: center;
}

.curriculum-roadmap .cr-career-wrapper {
		background: #ffffff;
		border-radius: 14px;
		box-shadow: 0 2px 20px rgba(60, 58, 143, 0.12);
		overflow: hidden;
		margin-bottom: 8px;
}

.curriculum-roadmap .cr-career-header {
		background: linear-gradient(135deg, #2d2d7a 0%, #5352b8 100%);
		color: #ffffff;
		padding: 14px 24px;
		font-size: 0.95rem;
		font-weight: 800;
		letter-spacing: 0.5px;
}

.curriculum-roadmap .cr-career-table {
		width: 100%;
		border-collapse: collapse;
}

.curriculum-roadmap .cr-career-table td {
		padding: 22px 24px;
		vertical-align: top !important;
		border: 1px solid #e0e0ef;
		width: 50%;
}

.curriculum-roadmap .cr-career-p1 {
		background: #f0f4ff;
}
.curriculum-roadmap .cr-career-p2 {
		background: #f5f0ff;
}

.curriculum-roadmap .cr-career-card-title {
		font-size: 1rem;
		font-weight: 800;
		margin-bottom: 10px;
		padding-bottom: 8px;
		border-bottom: 2px solid;
}

.curriculum-roadmap .cr-career-p1 .cr-career-card-title {
		color: #3b3a8f;
		border-color: #3b3a8f;
}
.curriculum-roadmap .cr-career-p2 .cr-career-card-title {
		color: #7c5cbf;
		border-color: #7c5cbf;
}

.curriculum-roadmap .cr-career-item {
		font-size: 1rem;
		color: #5a5a7a;
		padding: 3px 0 3px 14px;
		position: relative;
		line-height: 1.5;
		text-align: left;
}

.curriculum-roadmap .cr-career-item::before {
		content: "›";
		position: absolute;
		left: 2px;
		font-weight: 800;
}

.curriculum-roadmap .cr-career-p1 .cr-career-item::before {
		color: #3b3a8f;
}
.curriculum-roadmap .cr-career-p2 .cr-career-item::before {
		color: #7c5cbf;
}

@media (max-width: 768px) {
		.curriculum-roadmap .cr-roadmap-table {
				min-width: 720px;
		}
}

@media (max-width: 720px) {
		.curriculum-roadmap .cr-vert-inner .cr-ko {
				letter-spacing: 2px;
		}
		.curriculum-roadmap .cr-td-course {
				padding: 12px 10px;
		}
		.curriculum-roadmap .cr-course-list li .cr-ko {
				font-size: 0.78rem;
		}
		.curriculum-roadmap .cr-course-list li .cr-en {
				font-size: 0.63rem;
		}
		.curriculum-roadmap .cr-pw-name {
				font-size: 0.88rem;
		}
		.curriculum-roadmap .cr-pw-spec {
				font-size: 0.7rem;
				padding: 3px 10px;
		}

		.curriculum-roadmap .cr-cert-body {
				padding: 14px 12px;
		}

		.cr-cert-table tbody, .curriculum-roadmap .cr-career-table tbody { display: block; width: 100%;}
		.curriculum-roadmap .cr-cert-table,
		.curriculum-roadmap .cr-cert-table tr,
		.curriculum-roadmap .cr-cert-table td,
		.curriculum-roadmap .cr-career-table,
		.curriculum-roadmap .cr-career-table tr,
		.curriculum-roadmap .cr-career-table td {
				display: block;
				width: 100%;
		}
}

@media (max-width: 500px) {
		.curriculum-roadmap .cr-th-label {
				padding: 10px 6px;
		}
		.curriculum-roadmap .cr-sem-badge {
				font-size: 0.68rem;
				padding: 3px 7px;
		}
		.curriculum-roadmap .cr-th-pathway {
				padding: 10px 6px;
		}
		.curriculum-roadmap .cr-pw-name {
				font-size: 0.78rem;
		}
		.curriculum-roadmap .cr-pw-spec {
				display: none;
		}
}