/* ============================================================
   학과소개(sub_0103) 학과별 픽셀 코딩 스타일 (dept01-coded ~)
   - sub.css/media.css/media_mobile.css 에서 분리 (2026-06)
   - 로드 순서: sub.css(@font-face) 이후, media_mobile.css 다음
   ============================================================ */

/* ---------- 데스크톱 (구 sub.css) ---------- */
.dept01-coded, .dept01-coded * { box-sizing: border-box; }
.dept01-coded { margin: 0; background: #fff; font-family: Pretendard, "Pretendard GOV", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.dept01-coded.dept-page { width: 100%; overflow-x: hidden; background: #fff; }
.dept01-coded .dept-inner { width: min(100%, 1424px); margin: 0 auto; }
.dept01-coded .vision-coded { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 1424 / 1455; overflow: visible; background: #fff; color: #111; line-height: 1; }
.dept01-coded .vision-coded::after, .dept01-coded .alumni-mark, .dept01-coded .cert-promo-mobile, .dept01-coded .mobile-credit, .dept01-coded .benefits-mobile-break { display: none; }
.dept01-coded .vc-abs { position: absolute; margin: 0; }
.dept01-coded .vc-pill { left: calc(516 / 1424 * 100%); top: calc(109 / 1455 * 100%); width: calc(393 / 1424 * 100%); height: calc(57 / 1455 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #ccd7d0; border-radius: 999px; background: #e7f6ec; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept01-coded .vc-title { left: 0; right: 0; top: calc(191 / 1455 * 100%); color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; text-align: center; letter-spacing: 0; line-height: 1.2; }
.dept01-coded .vc-title strong { color: #348600; font-weight: 800; }
.dept01-coded .vc-subtitle { left: 0; right: 0; top: calc(282 / 1455 * 100%); color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; text-align: center; line-height: 1.25; }
.dept01-coded .vc-vision-no { left: calc(47 / 1424 * 100%); width: calc(165 / 1424 * 100%); height: calc(49 / 1455 * 100%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #278900; color: #fff; font-size: calc(24 / 1424 * 100cqw); font-weight: 800; }
.dept01-coded .vc-vision-title { left: calc(234 / 1424 * 100%); color: #348600; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.067; letter-spacing: 0; white-space: pre-line; }
.dept01-coded .vc-vision-body { left: calc(235 / 1424 * 100%); color: #666; font-size: calc(22 / 1424 * 100cqw); font-weight: 500; line-height: 1.455; letter-spacing: 0; white-space: pre-line; }
.dept01-coded .vc-line { left: calc(233 / 1424 * 100%); width: calc(1147 / 1424 * 100%); height: 1px; background: #278900; }
.dept01-coded .vc-no-1 { top: calc(428 / 1455 * 100%); }
.dept01-coded .vc-title-1 { top: calc(397 / 1455 * 100%); }
.dept01-coded .vc-line-1 { top: calc(473 / 1455 * 100%); }
.dept01-coded .vc-body-1 { top: calc(496 / 1455 * 100%); }
.dept01-coded .vc-no-2 { top: calc(578 / 1455 * 100%); }
.dept01-coded .vc-title-2 { top: calc(581 / 1455 * 100%); }
.dept01-coded .vc-line-2 { top: calc(623 / 1455 * 100%); }
.dept01-coded .vc-body-2 { top: calc(649 / 1455 * 100%); }
.dept01-coded .vc-no-3 { top: calc(768 / 1455 * 100%); }
.dept01-coded .vc-title-3 { top: calc(742 / 1455 * 100%); }
.dept01-coded .vc-line-3 { top: calc(814 / 1455 * 100%); }
.dept01-coded .vc-body-3 { top: calc(841 / 1455 * 100%); }
.dept01-coded .vc-photo { left: calc(48 / 1424 * 100%); top: calc(999 / 1455 * 100%); width: calc(560 / 1424 * 100%); height: calc(304 / 1455 * 100%); overflow: hidden; border-radius: calc(22 / 1424 * 100cqw); }
.dept01-coded .vc-photo img, .dept01-coded .cert-promo img { width: 100%; height: 100%; object-fit: cover; }
.dept01-coded .vc-card { top: calc(999 / 1455 * 100%); width: calc(356 / 1424 * 100%); height: calc(304 / 1455 * 100%); display: block; border-radius: calc(19 / 1424 * 100cqw); background: #278900; color: #fff; text-align: center; text-decoration: none; }
.dept01-coded .vc-card--home { left: calc(637 / 1424 * 100%); }
.dept01-coded .vc-card--brochure { left: calc(1025 / 1424 * 100%); }
.dept01-coded .vc-icon { position: absolute; left: 50%; top: calc(47 / 304 * 100%); transform: translateX(-50%); width: calc(82 / 1424 * 100cqw); height: calc(82 / 1424 * 100cqw); margin: 0; color: #fff; }
.dept01-coded .vc-card-title { position: absolute; left: 0; right: 0; top: calc(154 / 304 * 100%); margin: 0; color: #fff; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; line-height: 1.35; white-space: pre-line; }
.dept01-coded .vc-card-button { position: absolute; left: 50%; top: calc(244 / 304 * 100%); transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: calc(164 / 1424 * 100cqw); height: calc(43 / 1424 * 100cqw); margin: 0; border-radius: 999px; background: #fff; color: #111; font-size: calc(20 / 1424 * 100cqw); font-weight: 800; line-height: 1; }
.dept01-coded .activity-coded { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-top: 36px; overflow: hidden; background: #eef9f2; color: #111; line-height: 1; box-sizing: border-box; }
.dept01-coded .activity-board { position: relative; container-type: inline-size; width: min(100%, 1424px); aspect-ratio: 1424 / 1383; margin: 0 auto; }
.dept01-coded .act-pill { left: calc(516 / 1424 * 100%); top: calc(83 / 1383 * 100%); width: calc(393 / 1424 * 100%); height: calc(57 / 1383 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d5e1da; border-radius: 999px; background: #e9f8ef; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept01-coded .act-title { left: 0; right: 0; top: calc(146 / 1383 * 100%); color: #348600; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; text-align: center; line-height: 1.15; }
.dept01-coded .act-subtitle { left: 0; right: 0; top: calc(238 / 1383 * 100%); color: #333; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; text-align: center; line-height: 1.4; }
.dept01-coded .act-card { position: absolute; width: calc(425 / 1424 * 100%); height: calc(433 / 1383 * 100%); overflow: hidden; border: 1px solid #d8d8d8; border-radius: calc(24 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept01-coded .act-card img { position: absolute; left: calc(18 / 425 * 100%); top: calc(17 / 433 * 100%); width: calc(389 / 425 * 100%); height: calc(177 / 433 * 100%); margin: 0; border-radius: calc(16 / 1424 * 100cqw); object-fit: cover; }
.dept01-coded .act-card h3 { margin: calc(234 / 1424 * 100cqw) calc(20 / 1424 * 100cqw) 0; color: #111; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.18; white-space: pre-line; }
.dept01-coded .act-card h3 span { font-size: calc(26 / 1424 * 100cqw); font-weight: 800; white-space: nowrap; }
.dept01-coded .act-card p { margin: calc(26 / 1424 * 100cqw) calc(20 / 1424 * 100cqw) 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.3; white-space: pre-line; word-break: keep-all; }
.dept01-coded .act-card--1 { left: calc(46 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept01-coded .act-card--2 { left: calc(500 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept01-coded .act-card--3 { left: calc(955 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept01-coded .act-card--4 { left: calc(45 / 1424 * 100%); top: calc(834 / 1383 * 100%); }
.dept01-coded .act-card--5 { left: calc(499 / 1424 * 100%); top: calc(832 / 1383 * 100%); }
.dept01-coded .act-card--6 { left: calc(954 / 1424 * 100%); top: calc(832 / 1383 * 100%); }
.dept01-coded .act-card--6 h3 span { font-size: calc(24 / 1424 * 100cqw); }
.dept01-coded .act-card--2 img { object-position: 56% 50%; }
.dept01-coded .act-card--1 img { object-position: 50% 50%; }
.dept01-coded .alumni-coded { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 1424 / 1068; overflow: hidden; background: #fff; color: #111; line-height: 1; }
.dept01-coded .alumni-pill { left: calc(514 / 1424 * 100%); top: calc(99 / 1068 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1068 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d5e1da; border-radius: 999px; background: #e7f6ec; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept01-coded .alumni-title { left: 0; right: 0; top: calc(184 / 1068 * 100%); color: #348600; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1.15; text-align: center; }
.dept01-coded .alumni-subtitle { left: 0; right: 0; top: calc(275 / 1068 * 100%); color: #333; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.4; text-align: center; }
.dept01-coded .alumni-card { position: absolute; top: calc(405 / 1068 * 100%); width: calc(653 / 1424 * 100%); height: calc(522 / 1068 * 100%); border: 1px solid #d8d8d8; border-radius: calc(12 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept01-coded .alumni-card::after { content: ""; position: absolute; right: calc(27 / 653 * 100%); top: calc(166 / 522 * 100%); width: calc(133 / 653 * 100%); height: calc(107 / 522 * 100%); background: url("../img/dept01/alumni_mark1.png") center / contain no-repeat; pointer-events: none; }
.dept01-coded .alumni-card--2::after { background-image: url("../img/dept01/alumni_mark2.png"); }
.dept01-coded .alumni-card--1 { left: calc(43 / 1424 * 100%); }
.dept01-coded .alumni-card--2, .dept01-coded .benefit-card--3 { left: calc(725 / 1424 * 100%); }
.dept01-coded .alumni-photo { position: absolute; left: calc(21 / 653 * 100%); top: calc(53 / 522 * 100%); width: calc(184 / 653 * 100%); height: calc(225 / 522 * 100%); border-radius: calc(7 / 1424 * 100cqw); object-fit: cover; }
.dept01-coded .alumni-card h3 { position: absolute; left: calc(232 / 653 * 100%); top: calc(58 / 522 * 100%); margin: 0; color: #348600; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.267; white-space: pre-line; }
.dept01-coded .alumni-name { position: absolute; left: calc(234 / 653 * 100%); top: calc(145 / 522 * 100%); margin: 0; color: #111; font-size: calc(22 / 1424 * 100cqw); font-weight: 500; line-height: 1.455; white-space: pre-line; }
.dept01-coded .alumni-body { position: absolute; left: calc(29 / 653 * 100%); top: calc(310 / 522 * 100%); width: calc(594 / 653 * 100%); margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.42; white-space: normal; word-break: keep-all; }
.dept01-coded .cert-coded { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: visible; background: #278900; color: #fff; line-height: 1; z-index: auto; }
.dept01-coded .cert-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 2094; margin: 0 auto; }
.dept01-coded .cert-pill { left: calc(514 / 1424 * 100%); top: calc(127 / 2094 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 2094 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; background: #fff; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept01-coded .cert-title { left: 0; right: 0; top: calc(222 / 2094 * 100%); margin: 0; color: #fff; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1.2; text-align: center; }
.dept01-coded .cert-title .dark { color: #111; }
.dept01-coded .cert-subtitle { left: 0; right: 0; top: calc(303 / 2094 * 100%); margin: 0; color: #fff; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.333; text-align: center; }
.dept01-coded .cert-card { position: absolute; left: calc(45 / 1424 * 100%); width: calc(1335 / 1424 * 100%); height: calc(286 / 2094 * 100%); border: 1px solid rgba(255, 255, 255, .65); border-radius: calc(22 / 1424 * 100cqw); background: #669f42; }
.dept01-coded .cert-card--1 { top: calc(436 / 2094 * 100%); }
.dept01-coded .cert-card--2 { top: calc(746 / 2094 * 100%); }
.dept01-coded .cert-card--3 { top: calc(1056 / 2094 * 100%); }
.dept01-coded .cert-card--4 { top: calc(1366 / 2094 * 100%); }
.dept01-coded .cert-name { position: absolute; left: calc(92 / 1335 * 100%); top: calc(86 / 286 * 100%); margin: 0; color: #fff; font-size: calc(40 / 1424 * 100cqw); font-weight: 800; line-height: .8; white-space: nowrap; }
.dept01-coded .cert-badge { position: absolute; left: calc(85 / 1335 * 100%); top: calc(139 / 286 * 100%); display: flex; align-items: center; justify-content: center; min-width: calc(226 / 1335 * 100%); min-height: calc(43 / 286 * 100%); padding: 0 calc(22 / 1424 * 100cqw); border: 1px solid rgba(255, 255, 255, .75); border-radius: 999px; background: #278900; color: #fff; font-size: calc(20 / 1424 * 100cqw); font-weight: 800; line-height: 1.15; text-align: center; white-space: pre-line; }
.dept01-coded .cert-points { position: absolute; left: calc(455 / 1335 * 100%); top: calc(52 / 286 * 100%); width: calc(852 / 1335 * 100%); margin: 0; padding: 0; color: #fff; list-style: none; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.25; }
.dept01-coded .cert-points li { position: relative; margin: 0 0 calc(4 / 1424 * 100cqw); padding-left: calc(28 / 1424 * 100cqw); font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.25; }
.dept01-coded .cert-points li::before { content: ""; position: absolute; left: 0; top: .36em; width: calc(18 / 1424 * 100cqw); height: calc(18 / 1424 * 100cqw); border-radius: 50%; background: #fff; }
.dept01-coded .cert-card--1 .cert-points { top: calc(100 / 286 * 100%); }
.dept01-coded .cert-card--1 .cert-badge { min-width: calc(286 / 1335 * 100%); min-height: calc(70 / 286 * 100%); }
.dept01-coded .cert-card--2 .cert-name, .dept01-coded .cert-card--3 .cert-name { left: calc(111 / 1335 * 100%); }
.dept01-coded .cert-card--2 .cert-badge, .dept01-coded .cert-card--3 .cert-badge { left: calc(113 / 1335 * 100%); }
.dept01-coded .cert-card--4 .cert-points { top: calc(68 / 286 * 100%); }
.dept01-coded .cert-promo { position: absolute; z-index: 3; left: calc(45 / 1424 * 100%); top: calc(1775 / 2094 * 100%); width: calc(1335 / 1424 * 100%); height: calc(319 / 2094 * 100%); }
.dept01-coded .cert-promo .promo-hit { position: absolute; z-index: 2; right: calc(17 / 1335 * 100%); width: calc(266 / 1335 * 100%); height: calc(67 / 319 * 100%); border-radius: 999px; font-size: 0; }
.dept01-coded .cert-promo .promo-hit--1 { top: calc(108 / 319 * 100%); }
.dept01-coded .cert-promo .promo-hit--2 { top: calc(189 / 319 * 100%); }
.dept01-coded .curriculum-coded { position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-top: -175px; padding-top: 285px; overflow: hidden; background: #fff; color: #111; line-height: 1; z-index: 2; }
.dept01-coded .curriculum-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 1198; margin: 0 auto; }
.dept01-coded .curriculum-pill { left: calc(514 / 1424 * 100%); top: calc(21 / 1198 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1198 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #e9f8ef; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; text-transform: uppercase; }
.dept01-coded .curriculum-title { left: 0; right: 0; top: calc(95 / 1198 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept01-coded .curriculum-title .green { color: #278900; }
.dept01-coded .curriculum-subtitle { left: 0; right: 0; top: calc(177 / 1198 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.333; text-align: center; }
.dept01-coded .curriculum-table-wrap { position: absolute; left: 43px; top: 309px; width: 1336px; height: 842px; overflow: hidden; border: 1px solid #d8d8d8; border-radius: 18px; background: #fff; }
.dept01-coded .curriculum-table { width: 100%; height: auto; border-collapse: collapse; table-layout: fixed; color: #5a5a5a; font-size: 20px; font-weight: 400; line-height: 1.45; }
.dept01-coded .curriculum-table .grade-col { width: calc(137 / 1336 * 100%); }
.dept01-coded .curriculum-table .subject-col { width: calc(393 / 1336 * 100%); }
.dept01-coded .curriculum-table .credit-col { width: calc(139 / 1336 * 100%); }
.dept01-coded .curriculum-table th { background: #278900; color: #fff; font-size: 20px; font-weight: 700; line-height: 1; text-align: center; }
.dept01-coded .curriculum-table thead tr { height: 86px; }
.dept01-coded .curriculum-table .year-row { height: 171px; }
.dept01-coded .curriculum-table .year-row--2 { height: 169px; }
.dept01-coded .curriculum-table .year-row--3 { height: 175px; }
.dept01-coded .curriculum-table .year-row--4 { height: 180px; }
.dept01-coded .curriculum-table th, .dept01-coded .curriculum-table td { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; vertical-align: middle; }
.dept01-coded .curriculum-table th:last-child, .dept01-coded .curriculum-table td:last-child { border-right: 0; }
.dept01-coded .curriculum-table .grade { width: 137px; color: #5a5a5a; font-size: 20px; font-weight: 500; text-align: center; }
.dept01-coded .curriculum-table .subject { width: 393px; padding: 0 38px; }
.dept01-coded .curriculum-table .credit { width: 139px; color: #111; font-weight: 400; text-align: center; }
.dept01-coded .curriculum-table ul { margin: 0; padding: 0; list-style: none; }
.dept01-coded .curriculum-table .subject ul, .dept01-coded .curriculum-table .credit ul { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.dept01-coded .curriculum-table li { min-height: 40px; display: flex; align-items: center; white-space: nowrap; font-size: 20px; font-weight: 400; line-height: 1.45; }
.dept01-coded .curriculum-table .credit li { justify-content: center; }
.dept01-coded .curriculum-table .slash { margin: 0 5px; color: #5a5a5a; }
.dept01-coded .curriculum-table .circle, .dept01-coded .curriculum-note .circle { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-left: 4px; border-radius: 50%; background: #278900; color: #fff; font-size: 13px; font-weight: 800; line-height: 1; vertical-align: .08em; }
.dept01-coded .curriculum-table .circle--2, .dept01-coded .curriculum-note .circle--2 { background: #86cc63; }
.dept01-coded .curriculum-table .sum-row td { height: 57px; background: #278900; color: #fff; font-size: 20px; font-weight: 800; text-align: center; }
.dept01-coded .curriculum-note { left: 0; right: 0; top: 1173px; margin: 0; color: #5a5a5a; font-size: 20px; font-weight: 500; line-height: 1; text-align: center; }
.dept01-coded .curriculum-note .circle { margin: 0 5px 0 0; }
.dept01-coded .satisfaction-coded, .dept01-coded .benefits-coded { position: relative; width: 100%; overflow: hidden; background: #fff; color: #111; line-height: 1; }
.dept01-coded .satisfaction-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 1112; margin: 0 auto; }
.dept01-coded .satisfaction-pill { left: calc(514 / 1424 * 100%); top: calc(203 / 1112 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1112 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #e9f8ef; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; text-transform: uppercase; }
.dept01-coded .satisfaction-title { left: 0; right: 0; top: calc(298 / 1112 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept01-coded .satisfaction-title .green, .dept01-coded .benefits-title .green, .dept01-coded .reviews-title .green { color: #348600; }
.dept01-coded .satisfaction-subtitle { left: 0; right: 0; top: calc(379 / 1112 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1.333; text-align: center; }
.dept01-coded .satisfaction-chart { position: absolute; left: 50%; top: calc(452 / 1112 * 100%); width: calc(1044 / 1424 * 100%); height: calc(583 / 1112 * 100%); transform: translateX(-50%); }
.dept01-coded .satisfaction-chart img, .dept01-coded .benefit-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.dept01-coded .satisfaction-note { left: 0; right: 0; top: calc(1087 / 1112 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1; text-align: center; }
.dept01-coded .benefits-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 589; margin: 0 auto; }
.dept01-coded .benefits-pill { left: calc(514 / 1424 * 100%); top: 0; width: calc(397 / 1424 * 100%); height: calc(61 / 589 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #e9f8ef; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; }
.dept01-coded .benefits-title { left: 0; right: 0; top: calc(95 / 589 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept01-coded .vc-pill, .dept01-coded .act-pill, .dept01-coded .alumni-pill, .dept01-coded .cert-pill, .dept01-coded .curriculum-pill, .dept01-coded .satisfaction-pill, .dept01-coded .reviews-pill, .dept01-coded .benefits-pill { background: #e9f8ef; color: #348600; font-weight: 800; text-transform: uppercase; }
.dept01-coded .benefits-subtitle { left: 0; right: 0; top: calc(176 / 589 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1.333; text-align: center; }
.dept01-coded .benefit-card { position: absolute; top: calc(277 / 589 * 100%); width: calc(312 / 1424 * 100%); height: calc(312 / 589 * 100%); border: 1px solid #dcdcdc; border-radius: calc(15 / 1424 * 100cqw); background: #fff; color: #111; text-decoration: none; text-align: center; }
.dept01-coded .benefit-card--1 { left: calc(45 / 1424 * 100%); }
.dept01-coded .benefit-card--2 { left: calc(385 / 1424 * 100%); }
.dept01-coded .benefit-card--4 { left: calc(1065 / 1424 * 100%); }
.dept01-coded .benefit-icon { position: absolute; left: 50%; top: calc(33 / 312 * 100%); width: calc(112 / 312 * 100%); height: calc(112 / 312 * 100%); transform: translateX(-50%); }
.dept01-coded .benefit-name { position: absolute; left: 0; right: 0; top: calc(169 / 312 * 100%); margin: 0; color: #111; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1; }
.dept01-coded .benefit-desc { position: absolute; left: calc(20 / 312 * 100%); right: calc(20 / 312 * 100%); top: calc(211 / 312 * 100%); margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 400; line-height: 1.45; white-space: pre-line; }
.dept01-coded .image-stage { position: relative; line-height: 0; }
.dept01-coded .image-stage img { display: block; width: 100%; height: auto; }
.dept01-coded .hit { position: absolute; z-index: 2; display: block; font-size: 0; line-height: 0; color: transparent; text-decoration: none; }
.dept01-coded .hit:focus-visible { outline: 4px solid #ffcc00; outline-offset: 3px; }
.dept01-coded .top-campus-scholarship { left: calc(1097 / 1424 * 100%); top: calc((5769 - 3906) / 6132 * 100%); width: calc((1363 - 1097) / 1424 * 100%); height: calc((5836 - 5769) / 6132 * 100%); }
.dept01-coded .top-national-scholarship { left: calc(1095 / 1424 * 100%); top: calc((5850 - 3906) / 6132 * 100%); width: calc((1363 - 1095) / 1424 * 100%); height: calc((5916 - 5850) / 6132 * 100%); }
.dept01-coded .bottom-campus-scholarship { left: calc(48 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((354 - 48) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept01-coded .bottom-national-scholarship { left: calc(388 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((696 - 388) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept01-coded .bottom-foundation { left: calc(729 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((1035 - 729) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept01-coded .bottom-apply { left: calc(454 / 1424 * 100%); top: calc(124 / 393 * 100%); width: calc((972 - 454) / 1424 * 100%); height: calc(119 / 393 * 100%); }
.dept01-coded .video-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding: 70px 48px; background: #fff; }
.dept01-coded .video-wrap iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.dept01-coded .text-source { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); white-space: nowrap; }
.dept01-coded .reviews-coded { position: relative; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; / * 민트 배경은 PSD 기준 y=8550(밴드 top 8422 + 128 / 1616=7.92%)부터 시작, 그 위는 흰색 * / background: linear-gradient(#fff 0 7.92%, #f2fbf6 7.92%); color: #111; line-height: 1; }
.dept01-coded .reviews-board { position: relative; container-type: inline-size; width: min(100%, 1424px); aspect-ratio: 1424 / 1616; margin: 0 auto; }
.dept01-coded .reviews-pill { left: calc(514 / 1424 * 100%); top: calc(269 / 1616 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1616 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #cfe6d8; border-radius: 999px; background: #e7f6ec; color: #348600; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; text-transform: uppercase; }
.dept01-coded .reviews-title { left: 0; right: 0; top: calc(364 / 1616 * 100%); color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept01-coded .reviews-subtitle { left: 0; right: 0; top: calc(446 / 1616 * 100%); color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1; text-align: center; }
.dept01-coded .review-card { position: absolute; left: calc(45 / 1424 * 100%); width: calc(1335 / 1424 * 100%); height: calc(302 / 1616 * 100%); border: 1px solid #e5e7e6; border-radius: calc(20 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept01-coded .review-card--1 { top: calc(560 / 1616 * 100%); }
.dept01-coded .review-card--2 { top: calc(880 / 1616 * 100%); }
.dept01-coded .review-card--3 { top: calc(1200 / 1616 * 100%); }
.dept01-coded .review-photo { position: absolute; width: calc(224 / 1335 * 100%); aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; }
.dept01-coded .review-card--1 .review-photo { left: calc(43 / 1335 * 100%); top: calc(39 / 302 * 100%); }
.dept01-coded .review-card--2 .review-photo { left: calc(1064 / 1335 * 100%); top: calc(35 / 302 * 100%); }
.dept01-coded .review-card--3 .review-photo { left: calc(41 / 1335 * 100%); top: calc(39 / 302 * 100%); }
.dept01-coded .review-title { position: absolute; margin: 0; color: #111; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; line-height: 1.18; text-align: center; white-space: pre; }
.dept01-coded .review-name { position: absolute; margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; }
.dept01-coded .review-body { position: absolute; margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.4; text-align: center; white-space: pre; }
.dept01-coded .review-card--1 .review-title { left: calc(487 / 1335 * 100%); top: calc(45 / 302 * 100%); width: calc(599 / 1335 * 100%); }
.dept01-coded .review-card--1 .review-name { left: calc(628 / 1335 * 100%); top: calc(117 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept01-coded .review-card--1 .review-body { left: calc(281 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(1012 / 1335 * 100%); }
.dept01-coded .review-card--2 .review-title { left: calc(274 / 1335 * 100%); top: calc(55 / 302 * 100%); width: calc(492 / 1335 * 100%); }
.dept01-coded .review-card--2 .review-name { left: calc(358 / 1335 * 100%); top: calc(107 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept01-coded .review-card--2 .review-body { left: calc(42 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(950 / 1335 * 100%); }
.dept01-coded .review-card--3 .review-title { left: calc(548 / 1335 * 100%); top: calc(55 / 302 * 100%); width: calc(406 / 1335 * 100%); }
.dept01-coded .review-card--3 .review-name { left: calc(588 / 1335 * 100%); top: calc(107 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept01-coded .review-card--3 .review-body { left: calc(372 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(750 / 1335 * 100%); }


/* ============ dept02 노인복지학과 PSD coding (auto-generated) ============ */
.dept02-coded, .dept02-coded * { box-sizing: border-box; }
.dept02-coded { margin: 0; background: #fff; font-family: Pretendard, "Pretendard GOV", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.dept02-coded.dept-page { width: 100%; overflow-x: hidden; background: #fff; }
.dept02-coded .dept-inner { width: min(100%, 1424px); margin: 0 auto; }
.dept02-coded .vision-coded { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 1424 / 1455; overflow: visible; background: #fff; color: #111; line-height: 1; }
.dept02-coded .vision-coded::after, .dept02-coded .alumni-mark, .dept02-coded .cert-promo-mobile, .dept02-coded .mobile-credit, .dept02-coded .benefits-mobile-break { display: none; }
.dept02-coded .vc-abs { position: absolute; margin: 0; }
.dept02-coded .vc-pill { left: calc(516 / 1424 * 100%); top: calc(109 / 1455 * 100%); width: calc(393 / 1424 * 100%); height: calc(57 / 1455 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #e3cccc; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept02-coded .vc-title { left: 0; right: 0; top: calc(191 / 1455 * 100%); color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; text-align: center; letter-spacing: 0; line-height: 1.2; }
.dept02-coded .vc-title strong { color: #ee5f59; font-weight: 800; }
.dept02-coded .vc-subtitle { left: 0; right: 0; top: calc(282 / 1455 * 100%); color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; text-align: center; line-height: 1.25; }
.dept02-coded .vc-vision-no { left: calc(47 / 1424 * 100%); width: calc(165 / 1424 * 100%); height: calc(49 / 1455 * 100%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #ee5f59; color: #fff; font-size: calc(24 / 1424 * 100cqw); font-weight: 800; }
.dept02-coded .vc-vision-title { left: calc(234 / 1424 * 100%); color: #ee5f59; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.067; letter-spacing: 0; white-space: pre-line; }
.dept02-coded .vc-vision-body { left: calc(235 / 1424 * 100%); color: #666; font-size: calc(22 / 1424 * 100cqw); font-weight: 500; line-height: 1.455; letter-spacing: 0; white-space: pre-line; }
.dept02-coded .vc-line { left: calc(233 / 1424 * 100%); width: calc(1147 / 1424 * 100%); height: 1px; background: #ee5f59; }
.dept02-coded .vc-no-1 { top: calc(428 / 1455 * 100%); }
.dept02-coded .vc-title-1 { top: calc(397 / 1455 * 100%); }
.dept02-coded .vc-line-1 { top: calc(473 / 1455 * 100%); }
.dept02-coded .vc-body-1 { top: calc(496 / 1455 * 100%); }
.dept02-coded .vc-no-2 { top: calc(578 / 1455 * 100%); }
.dept02-coded .vc-title-2 { top: calc(581 / 1455 * 100%); }
.dept02-coded .vc-line-2 { top: calc(623 / 1455 * 100%); }
.dept02-coded .vc-body-2 { top: calc(649 / 1455 * 100%); }
.dept02-coded .vc-no-3 { top: calc(768 / 1455 * 100%); }
.dept02-coded .vc-title-3 { top: calc(742 / 1455 * 100%); }
.dept02-coded .vc-line-3 { top: calc(814 / 1455 * 100%); }
.dept02-coded .vc-body-3 { top: calc(841 / 1455 * 100%); }
.dept02-coded .vc-photo { left: calc(48 / 1424 * 100%); top: calc(999 / 1455 * 100%); width: calc(560 / 1424 * 100%); height: calc(304 / 1455 * 100%); overflow: hidden; border-radius: calc(22 / 1424 * 100cqw); }
.dept02-coded .vc-photo img, .dept02-coded .cert-promo img { width: 100%; height: 100%; object-fit: cover; }
.dept02-coded .vc-card { top: calc(999 / 1455 * 100%); width: calc(356 / 1424 * 100%); height: calc(304 / 1455 * 100%); display: block; border-radius: calc(19 / 1424 * 100cqw); background: #ee5f59; color: #fff; text-align: center; text-decoration: none; }
.dept02-coded .vc-card--home { left: calc(637 / 1424 * 100%); }
.dept02-coded .vc-card--brochure { left: calc(1025 / 1424 * 100%); }
.dept02-coded .vc-icon { position: absolute; left: 50%; top: calc(47 / 304 * 100%); transform: translateX(-50%); width: calc(82 / 1424 * 100cqw); height: calc(82 / 1424 * 100cqw); margin: 0; color: #fff; }
.dept02-coded .vc-card-title { position: absolute; left: 0; right: 0; top: calc(154 / 304 * 100%); margin: 0; color: #fff; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; line-height: 1.35; white-space: pre-line; }
.dept02-coded .vc-card-button { position: absolute; left: 50%; top: calc(244 / 304 * 100%); transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: calc(164 / 1424 * 100cqw); height: calc(43 / 1424 * 100cqw); margin: 0; border-radius: 999px; background: #fff; color: #111; font-size: calc(20 / 1424 * 100cqw); font-weight: 800; line-height: 1; }
.dept02-coded .activity-coded { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-top: 36px; overflow: hidden; background: #fcf8f7; color: #111; line-height: 1; box-sizing: border-box; }
.dept02-coded .activity-board { position: relative; container-type: inline-size; width: min(100%, 1424px); aspect-ratio: 1424 / 1383; margin: 0 auto; }
.dept02-coded .act-pill { left: calc(516 / 1424 * 100%); top: calc(83 / 1383 * 100%); width: calc(393 / 1424 * 100%); height: calc(57 / 1383 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #e3cccc; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept02-coded .act-title { left: 0; right: 0; top: calc(146 / 1383 * 100%); color: #ee5f59; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; text-align: center; line-height: 1.15; }
.dept02-coded .act-subtitle { left: 0; right: 0; top: calc(238 / 1383 * 100%); color: #333; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; text-align: center; line-height: 1.4; }
.dept02-coded .act-card { position: absolute; width: calc(425 / 1424 * 100%); height: calc(433 / 1383 * 100%); overflow: hidden; border: 1px solid #d8d8d8; border-radius: calc(24 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept02-coded .act-card img { position: absolute; left: calc(18 / 425 * 100%); top: calc(17 / 433 * 100%); width: calc(389 / 425 * 100%); height: calc(177 / 433 * 100%); margin: 0; border-radius: calc(16 / 1424 * 100cqw); object-fit: cover; }
.dept02-coded .act-card h3 { margin: calc(234 / 1424 * 100cqw) calc(20 / 1424 * 100cqw) 0; color: #111; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.18; white-space: pre-line; }
.dept02-coded .act-card h3 span { font-size: calc(26 / 1424 * 100cqw); font-weight: 800; white-space: nowrap; }
.dept02-coded .act-card p { margin: calc(26 / 1424 * 100cqw) calc(20 / 1424 * 100cqw) 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.3; white-space: pre-line; word-break: keep-all; }
.dept02-coded .act-card--1 { left: calc(46 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept02-coded .act-card--2 { left: calc(500 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept02-coded .act-card--3 { left: calc(955 / 1424 * 100%); top: calc(373 / 1383 * 100%); }
.dept02-coded .act-card--4 { left: calc(45 / 1424 * 100%); top: calc(834 / 1383 * 100%); }
.dept02-coded .act-card--5 { left: calc(499 / 1424 * 100%); top: calc(832 / 1383 * 100%); }
.dept02-coded .act-card--6 { left: calc(954 / 1424 * 100%); top: calc(832 / 1383 * 100%); }
.dept02-coded .act-card--6 h3 span { font-size: calc(24 / 1424 * 100cqw); }
.dept02-coded .act-card--2 img { object-position: 56% 50%; }
.dept02-coded .act-card--1 img { object-position: 50% 50%; }
.dept02-coded .alumni-coded { position: relative; container-type: inline-size; width: 100%; aspect-ratio: 1424 / 1068; overflow: hidden; background: #fff; color: #111; line-height: 1; }
.dept02-coded .alumni-pill { left: calc(514 / 1424 * 100%); top: calc(99 / 1068 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1068 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #e3cccc; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept02-coded .alumni-title { left: 0; right: 0; top: calc(184 / 1068 * 100%); color: #ee5f59; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1.15; text-align: center; }
.dept02-coded .alumni-subtitle { left: 0; right: 0; top: calc(275 / 1068 * 100%); color: #333; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.4; text-align: center; }
.dept02-coded .alumni-card { position: absolute; top: calc(405 / 1068 * 100%); width: calc(653 / 1424 * 100%); height: calc(522 / 1068 * 100%); border: 1px solid #d8d8d8; border-radius: calc(12 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept02-coded .alumni-card::after { content: ""; position: absolute; right: calc(27 / 653 * 100%); top: calc(166 / 522 * 100%); width: calc(133 / 653 * 100%); height: calc(107 / 522 * 100%); background: url("../img/dept01/alumni_mark1.png") center / contain no-repeat; pointer-events: none; }
.dept02-coded .alumni-card--2::after { background-image: url("../img/dept01/alumni_mark2.png"); }
.dept02-coded .alumni-card--1 { left: calc(43 / 1424 * 100%); }
.dept02-coded .alumni-card--2, .dept02-coded .benefit-card--3 { left: calc(725 / 1424 * 100%); }
.dept02-coded .alumni-photo { position: absolute; left: calc(21 / 653 * 100%); top: calc(53 / 522 * 100%); width: calc(184 / 653 * 100%); height: calc(225 / 522 * 100%); border-radius: calc(7 / 1424 * 100cqw); object-fit: cover; }
.dept02-coded .alumni-card h3 { position: absolute; left: calc(232 / 653 * 100%); top: calc(58 / 522 * 100%); margin: 0; color: #ee5f59; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1.267; white-space: pre-line; }
.dept02-coded .alumni-name { position: absolute; left: calc(234 / 653 * 100%); top: calc(145 / 522 * 100%); margin: 0; color: #111; font-size: calc(22 / 1424 * 100cqw); font-weight: 500; line-height: 1.455; white-space: pre-line; }
.dept02-coded .alumni-body { position: absolute; left: calc(29 / 653 * 100%); top: calc(310 / 522 * 100%); width: calc(594 / 653 * 100%); margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.42; white-space: normal; word-break: keep-all; }
.dept02-coded .cert-coded { position: relative; width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: visible; background: #ee5f59; color: #fff; line-height: 1; z-index: auto; }
.dept02-coded .cert-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 2094; margin: 0 auto; }
.dept02-coded .cert-pill { left: calc(514 / 1424 * 100%); top: calc(127 / 2094 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 2094 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; background: #fff; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; }
.dept02-coded .cert-title { left: 0; right: 0; top: calc(222 / 2094 * 100%); margin: 0; color: #fff; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1.2; text-align: center; }
.dept02-coded .cert-title .dark { color: #111; }
.dept02-coded .cert-subtitle { left: 0; right: 0; top: calc(303 / 2094 * 100%); margin: 0; color: #fff; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.333; text-align: center; }
.dept02-coded .cert-card { position: absolute; left: calc(45 / 1424 * 100%); width: calc(1335 / 1424 * 100%); height: calc(286 / 2094 * 100%); border: 1px solid rgba(255, 255, 255, .65); border-radius: calc(22 / 1424 * 100cqw); background: #e4736d; }
.dept02-coded .cert-card--1 { top: calc(436 / 2094 * 100%); }
.dept02-coded .cert-card--2 { top: calc(746 / 2094 * 100%); }
.dept02-coded .cert-card--3 { top: calc(1056 / 2094 * 100%); }
.dept02-coded .cert-card--4 { top: calc(1366 / 2094 * 100%); }
.dept02-coded .cert-name { position: absolute; left: calc(92 / 1335 * 100%); top: calc(86 / 286 * 100%); margin: 0; color: #fff; font-size: calc(40 / 1424 * 100cqw); font-weight: 800; line-height: .8; white-space: nowrap; }
.dept02-coded .cert-badge { position: absolute; left: calc(85 / 1335 * 100%); top: calc(139 / 286 * 100%); display: flex; align-items: center; justify-content: center; min-width: calc(226 / 1335 * 100%); min-height: calc(43 / 286 * 100%); padding: 0 calc(22 / 1424 * 100cqw); border: 1px solid rgba(255, 255, 255, .75); border-radius: 999px; background: #ee5f59; color: #fff; font-size: calc(20 / 1424 * 100cqw); font-weight: 800; line-height: 1.15; text-align: center; white-space: pre-line; }
.dept02-coded .cert-points { position: absolute; left: calc(455 / 1335 * 100%); top: calc(52 / 286 * 100%); width: calc(852 / 1335 * 100%); margin: 0; padding: 0; color: #fff; list-style: none; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.25; }
.dept02-coded .cert-points li { position: relative; margin: 0 0 calc(4 / 1424 * 100cqw); padding-left: calc(28 / 1424 * 100cqw); font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.25; }
.dept02-coded .cert-points li::before { content: ""; position: absolute; left: 0; top: .36em; width: calc(18 / 1424 * 100cqw); height: calc(18 / 1424 * 100cqw); border-radius: 50%; background: #fff; }
.dept02-coded .cert-card--1 .cert-points { top: calc(100 / 286 * 100%); }
.dept02-coded .cert-card--1 .cert-badge { min-width: calc(286 / 1335 * 100%); min-height: calc(70 / 286 * 100%); }
.dept02-coded .cert-card--2 .cert-name, .dept02-coded .cert-card--3 .cert-name { left: calc(111 / 1335 * 100%); }
.dept02-coded .cert-card--2 .cert-badge, .dept02-coded .cert-card--3 .cert-badge { left: calc(113 / 1335 * 100%); }
.dept02-coded .cert-card--4 .cert-points { top: calc(68 / 286 * 100%); }
.dept02-coded .cert-promo { position: absolute; z-index: 3; left: calc(45 / 1424 * 100%); top: calc(1775 / 2094 * 100%); width: calc(1335 / 1424 * 100%); height: calc(319 / 2094 * 100%); }
.dept02-coded .cert-promo .promo-hit { position: absolute; z-index: 2; right: calc(17 / 1335 * 100%); width: calc(266 / 1335 * 100%); height: calc(67 / 319 * 100%); border-radius: 999px; font-size: 0; }
.dept02-coded .cert-promo .promo-hit--1 { top: calc(108 / 319 * 100%); }
.dept02-coded .cert-promo .promo-hit--2 { top: calc(189 / 319 * 100%); }
.dept02-coded .curriculum-coded { position: relative; width: 100vw; margin-left: calc(50% - 50vw); margin-top: -175px; padding-top: 285px; overflow: hidden; background: #fff; color: #111; line-height: 1; z-index: 2; }
.dept02-coded .curriculum-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 1319; margin: 0 auto; }
.dept02-coded .curriculum-pill { left: calc(514 / 1424 * 100%); top: calc(21 / 1198 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1198 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; text-transform: uppercase; }
.dept02-coded .curriculum-title { left: 0; right: 0; top: calc(95 / 1198 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept02-coded .curriculum-title .green { color: #ee5f59; }
.dept02-coded .curriculum-subtitle { left: 0; right: 0; top: calc(177 / 1198 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1.333; text-align: center; }
.dept02-coded .curriculum-table-wrap { position: absolute; left: 43px; top: 309px; width: 1336px; height: 842px; overflow: hidden; border: 1px solid #d8d8d8; border-radius: 18px; background: #fff; }
.dept02-coded .curriculum-table { width: 100%; height: auto; border-collapse: collapse; table-layout: fixed; color: #5a5a5a; font-size: 20px; font-weight: 400; line-height: 1.45; }
.dept02-coded .curriculum-table .grade-col { width: calc(137 / 1336 * 100%); }
.dept02-coded .curriculum-table .subject-col { width: calc(393 / 1336 * 100%); }
.dept02-coded .curriculum-table .credit-col { width: calc(139 / 1336 * 100%); }
.dept02-coded .curriculum-table th { background: #ee5f59; color: #fff; font-size: 20px; font-weight: 700; line-height: 1; text-align: center; }
.dept02-coded .curriculum-table thead tr { height: 86px; }
.dept02-coded .curriculum-table .year-row { height: 171px; }
.dept02-coded .curriculum-table .year-row--2 { height: 169px; }
.dept02-coded .curriculum-table .year-row--3 { height: 175px; }
.dept02-coded .curriculum-table .year-row--4 { height: 180px; }
.dept02-coded .curriculum-table th, .dept02-coded .curriculum-table td { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; vertical-align: middle; }
.dept02-coded .curriculum-table th:last-child, .dept02-coded .curriculum-table td:last-child { border-right: 0; }
.dept02-coded .curriculum-table .grade { width: 137px; color: #5a5a5a; font-size: 20px; font-weight: 500; text-align: center; }
.dept02-coded .curriculum-table .subject { width: 393px; padding: 0 38px; }
.dept02-coded .curriculum-table .credit { width: 139px; color: #111; font-weight: 400; text-align: center; }
.dept02-coded .curriculum-table ul { margin: 0; padding: 0; list-style: none; }
.dept02-coded .curriculum-table .subject ul, .dept02-coded .curriculum-table .credit ul { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.dept02-coded .curriculum-table li { min-height: 40px; display: flex; align-items: center; white-space: nowrap; font-size: 20px; font-weight: 400; line-height: 1.45; }
.dept02-coded .curriculum-table .credit li { justify-content: center; }
.dept02-coded .curriculum-table .slash { margin: 0 5px; color: #5a5a5a; }
.dept02-coded .curriculum-table .circle, .dept02-coded .curriculum-note .circle { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-left: 4px; border-radius: 50%; background: #ee5f59; color: #fff; font-size: 13px; font-weight: 800; line-height: 1; vertical-align: .08em; }
.dept02-coded .curriculum-table .circle--2, .dept02-coded .curriculum-note .circle--2 { background: #d4716b; }
.dept02-coded .curriculum-table .sum-row td { height: 57px; background: #ee5f59; color: #fff; font-size: 20px; font-weight: 800; text-align: center; }
.dept02-coded .curriculum-note { left: 0; right: 0; top: 1173px; margin: 0; color: #5a5a5a; font-size: 20px; font-weight: 500; line-height: 1; text-align: center; }
.dept02-coded .curriculum-note .circle { margin: 0 5px 0 0; }
.dept02-coded .satisfaction-coded, .dept02-coded .benefits-coded { position: relative; width: 100%; overflow: hidden; background: #fff; color: #111; line-height: 1; }
.dept02-coded .satisfaction-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 1112; margin: 0 auto; }
.dept02-coded .satisfaction-pill { left: calc(514 / 1424 * 100%); top: calc(203 / 1112 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1112 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; text-transform: uppercase; }
.dept02-coded .satisfaction-title { left: 0; right: 0; top: calc(298 / 1112 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept02-coded .satisfaction-title .green, .dept02-coded .benefits-title .green, .dept02-coded .reviews-title .green { color: #ee5f59; }
.dept02-coded .satisfaction-subtitle { left: 0; right: 0; top: calc(379 / 1112 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1.333; text-align: center; }
.dept02-coded .satisfaction-chart { position: absolute; left: 50%; top: calc(452 / 1112 * 100%); width: calc(1044 / 1424 * 100%); height: calc(583 / 1112 * 100%); transform: translateX(-50%); }
.dept02-coded .satisfaction-chart img, .dept02-coded .benefit-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.dept02-coded .satisfaction-note { left: 0; right: 0; top: calc(1087 / 1112 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1; text-align: center; }
.dept02-coded .benefits-board { position: relative; container-type: inline-size; width: 1424px; max-width: 100%; aspect-ratio: 1424 / 589; margin: 0 auto; }
.dept02-coded .benefits-pill { left: calc(514 / 1424 * 100%); top: 0; width: calc(397 / 1424 * 100%); height: calc(61 / 589 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; }
.dept02-coded .benefits-title { left: 0; right: 0; top: calc(95 / 589 * 100%); margin: 0; color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept02-coded .vc-pill, .dept02-coded .act-pill, .dept02-coded .alumni-pill, .dept02-coded .cert-pill, .dept02-coded .curriculum-pill, .dept02-coded .satisfaction-pill, .dept02-coded .reviews-pill, .dept02-coded .benefits-pill { background: #fff2f1; color: #ee5f59; font-weight: 800; text-transform: uppercase; }
.dept02-coded .benefits-subtitle { left: 0; right: 0; top: calc(176 / 589 * 100%); margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 400; line-height: 1.333; text-align: center; }
.dept02-coded .benefit-card { position: absolute; top: calc(277 / 589 * 100%); width: calc(312 / 1424 * 100%); height: calc(312 / 589 * 100%); border: 1px solid #dcdcdc; border-radius: calc(15 / 1424 * 100cqw); background: #fff; color: #111; text-decoration: none; text-align: center; }
.dept02-coded .benefit-card--1 { left: calc(45 / 1424 * 100%); }
.dept02-coded .benefit-card--2 { left: calc(385 / 1424 * 100%); }
.dept02-coded .benefit-card--4 { left: calc(1065 / 1424 * 100%); }
.dept02-coded .benefit-icon { position: absolute; left: 50%; top: calc(33 / 312 * 100%); width: calc(112 / 312 * 100%); height: calc(112 / 312 * 100%); transform: translateX(-50%); }
.dept02-coded .benefit-name { position: absolute; left: 0; right: 0; top: calc(169 / 312 * 100%); margin: 0; color: #111; font-size: calc(30 / 1424 * 100cqw); font-weight: 800; line-height: 1; }
.dept02-coded .benefit-desc { position: absolute; left: calc(20 / 312 * 100%); right: calc(20 / 312 * 100%); top: calc(211 / 312 * 100%); margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 400; line-height: 1.45; white-space: pre-line; }
.dept02-coded .image-stage { position: relative; line-height: 0; }
.dept02-coded .image-stage img { display: block; width: 100%; height: auto; }
.dept02-coded .hit { position: absolute; z-index: 2; display: block; font-size: 0; line-height: 0; color: transparent; text-decoration: none; }
.dept02-coded .hit:focus-visible { outline: 4px solid #ffcc00; outline-offset: 3px; }
.dept02-coded .top-campus-scholarship { left: calc(1097 / 1424 * 100%); top: calc((5769 - 3906) / 6132 * 100%); width: calc((1363 - 1097) / 1424 * 100%); height: calc((5836 - 5769) / 6132 * 100%); }
.dept02-coded .top-national-scholarship { left: calc(1095 / 1424 * 100%); top: calc((5850 - 3906) / 6132 * 100%); width: calc((1363 - 1095) / 1424 * 100%); height: calc((5916 - 5850) / 6132 * 100%); }
.dept02-coded .bottom-campus-scholarship { left: calc(48 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((354 - 48) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept02-coded .bottom-national-scholarship { left: calc(388 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((696 - 388) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept02-coded .bottom-foundation { left: calc(729 / 1424 * 100%); top: calc(374 / 1076 * 100%); width: calc((1035 - 729) / 1424 * 100%); height: calc((681 - 374) / 1076 * 100%); }
.dept02-coded .bottom-apply { left: calc(454 / 1424 * 100%); top: calc(124 / 393 * 100%); width: calc((972 - 454) / 1424 * 100%); height: calc(119 / 393 * 100%); }
.dept02-coded .video-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding: 70px 48px; background: #fff; }
.dept02-coded .video-wrap iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.dept02-coded .text-source { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); white-space: nowrap; }
.dept02-coded .reviews-coded { position: relative; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; / * 민트 배경은 PSD 기준 y=8550(밴드 top 8422 + 128 / 1616=7.92%)부터 시작, 그 위는 흰색 * / background: linear-gradient(#fff 0 7.92%, #fcf8f7 7.92%); color: #111; line-height: 1; }
.dept02-coded .reviews-board { position: relative; container-type: inline-size; width: min(100%, 1424px); aspect-ratio: 1424 / 1645; margin: 0 auto; }
.dept02-coded .reviews-pill { left: calc(514 / 1424 * 100%); top: calc(269 / 1616 * 100%); width: calc(397 / 1424 * 100%); height: calc(61 / 1616 * 100%); display: flex; align-items: center; justify-content: center; border: 1px solid #e3cccc; border-radius: 999px; background: #fff2f1; color: #ee5f59; font-size: calc(26 / 1424 * 100cqw); font-weight: 700; text-transform: uppercase; }
.dept02-coded .reviews-title { left: 0; right: 0; top: calc(364 / 1616 * 100%); color: #111; font-size: calc(54 / 1424 * 100cqw); font-weight: 800; line-height: 1; text-align: center; }
.dept02-coded .reviews-subtitle { left: 0; right: 0; top: calc(446 / 1616 * 100%); color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1; text-align: center; }
.dept02-coded .review-card { position: absolute; left: calc(45 / 1424 * 100%); width: calc(1335 / 1424 * 100%); height: calc(302 / 1616 * 100%); border: 1px solid #e5e7e6; border-radius: calc(20 / 1424 * 100cqw); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .04); }
.dept02-coded .review-card--1 { top: calc(560 / 1616 * 100%); }
.dept02-coded .review-card--2 { top: calc(880 / 1616 * 100%); }
.dept02-coded .review-card--3 { top: calc(1200 / 1616 * 100%); }
.dept02-coded .review-photo { position: absolute; width: calc(224 / 1335 * 100%); aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; }
.dept02-coded .review-card--1 .review-photo { left: calc(43 / 1335 * 100%); top: calc(39 / 302 * 100%); }
.dept02-coded .review-card--2 .review-photo { left: calc(1064 / 1335 * 100%); top: calc(35 / 302 * 100%); }
.dept02-coded .review-card--3 .review-photo { left: calc(41 / 1335 * 100%); top: calc(39 / 302 * 100%); }
.dept02-coded .review-title { position: absolute; margin: 0; color: #111; font-size: calc(26 / 1424 * 100cqw); font-weight: 800; line-height: 1.18; text-align: center; white-space: pre; }
.dept02-coded .review-name { position: absolute; margin: 0; color: #111; font-size: calc(24 / 1424 * 100cqw); font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; }
.dept02-coded .review-body { position: absolute; margin: 0; color: #666; font-size: calc(20 / 1424 * 100cqw); font-weight: 500; line-height: 1.4; text-align: center; white-space: pre; }
.dept02-coded .review-card--1 .review-title { left: calc(487 / 1335 * 100%); top: calc(45 / 302 * 100%); width: calc(599 / 1335 * 100%); }
.dept02-coded .review-card--1 .review-name { left: calc(628 / 1335 * 100%); top: calc(117 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept02-coded .review-card--1 .review-body { left: calc(281 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(1012 / 1335 * 100%); }
.dept02-coded .review-card--2 .review-title { left: calc(274 / 1335 * 100%); top: calc(55 / 302 * 100%); width: calc(492 / 1335 * 100%); }
.dept02-coded .review-card--2 .review-name { left: calc(358 / 1335 * 100%); top: calc(107 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept02-coded .review-card--2 .review-body { left: calc(42 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(950 / 1335 * 100%); }
.dept02-coded .review-card--3 .review-title { left: calc(548 / 1335 * 100%); top: calc(55 / 302 * 100%); width: calc(406 / 1335 * 100%); }
.dept02-coded .review-card--3 .review-name { left: calc(588 / 1335 * 100%); top: calc(107 / 302 * 100%); width: calc(319 / 1335 * 100%); }
.dept02-coded .review-card--3 .review-body { left: calc(372 / 1335 * 100%); top: calc(172 / 302 * 100%); width: calc(750 / 1335 * 100%); }

/* ===== dept02 (노인복지학과) PSD 좌표 오버라이드 ===== */
.dept02-coded .vc-no-1{top:calc(465/1455*100%);}
.dept02-coded .vc-title-1{top:calc(480/1455*100%);}
.dept02-coded .vc-line-1{top:calc(514/1455*100%);}
.dept02-coded .vc-body-1{top:calc(536/1455*100%);}
.dept02-coded .vc-no-2{top:calc(615/1455*100%);}
.dept02-coded .vc-title-2{top:calc(628/1455*100%);}
.dept02-coded .vc-line-2{top:calc(664/1455*100%);}
.dept02-coded .vc-body-2{top:calc(689/1455*100%);}
.dept02-coded .vc-no-3{top:calc(765/1455*100%);}
.dept02-coded .vc-title-3{top:calc(778/1455*100%);}
.dept02-coded .vc-line-3{top:calc(814/1455*100%);}
.dept02-coded .vc-body-3{top:calc(841/1455*100%);}
.dept02-coded .cert-name{top:calc(101/286*100%);}
.dept02-coded .cert-badge{top:calc(161/286*100%);left:calc(113/1335*100%);}
.dept02-coded .cert-points{top:calc(100/286*100%);}
.dept02-coded .cert-card--1 .cert-name{left:calc(110/1335*100%);}
.dept02-coded .cert-card--2 .cert-name{left:calc(144/1335*100%);}
.dept02-coded .cert-card--3 .cert-name{left:calc(111/1335*100%);}
.dept02-coded .cert-card--4 .cert-name{left:calc(93/1335*100%);}
.dept02-coded .cert-card--1 .cert-badge{min-width:calc(226/1335*100%);min-height:calc(43/286*100%);}
.dept02-coded .cert-card--3 .cert-points{top:calc(52/286*100%);}
.dept02-coded .cert-card--4 .cert-points{top:calc(107/286*100%);}
.dept02-coded .curriculum-table-wrap{height:auto;}
.dept02-coded .curriculum-table .year-row{height:171px;}
.dept02-coded .curriculum-table .year-row--2{height:170px;}
.dept02-coded .curriculum-table .year-row--3{height:256px;}
.dept02-coded .curriculum-table .year-row--4{height:181px;}
.dept02-coded .curriculum-note{top:1238px;line-height:1.7;}
.dept02-coded .review-card--1 .review-photo{left:calc(28/1335*100%);top:calc(37/302*100%);}
.dept02-coded .review-card--2 .review-photo{left:calc(1051/1335*100%);top:calc(30/302*100%);}
.dept02-coded .review-card--3 .review-photo{left:calc(30/1335*100%);top:calc(36/302*100%);}
.dept02-coded .review-card--1 .review-title{left:calc(544/1335*100%);top:calc(61/302*100%);width:calc(492/1335*100%);}
.dept02-coded .review-card--1 .review-name{left:calc(694/1335*100%);top:calc(108/302*100%);width:calc(186/1335*100%);}
.dept02-coded .review-card--1 .review-body{left:calc(388/1335*100%);top:calc(172/302*100%);width:calc(799/1335*100%);}
.dept02-coded .review-card--2 .review-title{left:calc(340/1335*100%);top:calc(55/302*100%);width:calc(360/1335*100%);}
.dept02-coded .review-card--2 .review-name{left:calc(424/1335*100%);top:calc(108/302*100%);width:calc(186/1335*100%);}
.dept02-coded .review-card--2 .review-body{left:calc(42/1335*100%);top:calc(172/302*100%);width:calc(950/1335*100%);}
.dept02-coded .review-card--3 .review-title{left:calc(496/1335*100%);top:calc(55/302*100%);width:calc(510/1335*100%);}
.dept02-coded .review-card--3 .review-name{left:calc(654/1335*100%);top:calc(108/302*100%);width:calc(186/1335*100%);}
.dept02-coded .review-card--3 .review-body{left:calc(331/1335*100%);top:calc(172/302*100%);width:calc(833/1335*100%);}

/* 2026-06 application type select redesign */
.jws-reg-select .sec-1 { min-height: 520px; padding: 70px 0 90px; background: #fff; }
.jws-reg-select .sec-1 .hd { display: none; }
.jws-reg-select .new_formbox { display: flex; justify-content: center; align-items: stretch; gap: 56px; margin: 0 auto; }
.jws-reg-select .new_formbox > div { position: relative; width: min(100%, 420px); min-height: 320px; padding: 72px 44px 36px; border: 1px solid #e4e8ed; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .08); box-sizing: border-box; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.jws-reg-select .new_formbox > div::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); width: 54px; height: 54px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 10px rgba(16, 185, 129, .10); }
.jws-reg-select .new_formbox > div::after { content: "✓"; position: absolute; left: 50%; top: 37px; transform: translateX(-50%); color: #fff; font-size: 26px; font-weight: 800; line-height: 1; }
.jws-reg-select .new_formbox > div h1 { margin: 0 0 18px; padding: 0; border: 0; color: #111827; font-size: 28px; font-weight: 800; line-height: 1.25; text-align: center; letter-spacing: -0.01em; }
.jws-reg-select .new_formbox > div ul { height: 78px; margin: 0 0 28px; padding: 0; list-style: none; text-align: center; }
.jws-reg-select .new_formbox > div ul li { display: inline-block; margin: 0 0 6px; padding-left: 12px; color: #4b5563; font-size: 15px; font-weight: 500; line-height: 1.45; vertical-align: top; }
.jws-reg-select .new_formbox > div ul li::before { content: ""; width: 4px; height: 4px; left: 0; top: .72em; transform: none; background: #6b7280; }
.jws-reg-select .new_formbox > div a { display: flex; align-items: center; justify-content: center; width: 190px; min-height: 48px; margin: 0 auto; padding: 0 18px; border-radius: 9px; background: #ffcc18; box-shadow: 0 8px 18px rgba(255, 204, 24, .25); color: #111827; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
.jws-reg-select .new_formbox > div a::after { content: ">"; margin-left: 10px; font-size: 18px; line-height: 1; }
.jws-reg-select .new_formbox .fst_box a,
.jws-reg-select .new_formbox .scd_box a { background: #ffcc18; }
.jws-reg-select .new_formbox .fst_box:hover,
.jws-reg-select .new_formbox .scd_box:hover { border-color: #cfd8e3; }
.jws-reg-select .new_formbox .fst_box:hover::after,
.jws-reg-select .new_formbox .scd_box:hover::after { border: 0; }
@media (hover: hover) and (pointer: fine) {
  .jws-reg-select .new_formbox > div:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(15, 23, 42, .14); }
  .jws-reg-select .new_formbox > div a:hover { transform: translateY(-2px); background: #ffd438; box-shadow: 0 12px 22px rgba(255, 204, 24, .34); }
}
/* dept02 curriculum 6-marker colors */
.dept02-coded .curriculum-table .circle--2,.dept02-coded .curriculum-note .circle--2{background:#ef8a55;}
.dept02-coded .curriculum-table .circle--3,.dept02-coded .curriculum-note .circle--3{background:#f2766c;}
.dept02-coded .curriculum-table .circle--4,.dept02-coded .curriculum-note .circle--4{background:#d4843a;}
.dept02-coded .curriculum-table .circle--5,.dept02-coded .curriculum-note .circle--5{background:#a85a2a;}
.dept02-coded .curriculum-table .circle--6,.dept02-coded .curriculum-note .circle--6{background:#6e2e1c;}
.dept02-coded .vc-subtitle{white-space:pre-line;}


/* ---------- PC 미디어 (구 media.css, min-width:721) ---------- */
/* 2026-06 dept01 social welfare intro PSD text coding - pc media */
@media (min-width: 721px) {
  .dept01-coded .vc-card { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease; }
  .dept01-coded .vc-card:hover { transform: translateY(-8px); background: #2f9700; box-shadow: 0 16px 28px rgba(39, 137, 0, 0.24); }
  .dept01-coded .vc-card-button { transition: transform 0.22s ease, background-color 0.22s ease, color 0.22s ease; }
  .dept01-coded .vc-card:hover .vc-card-button { transform: translateX(-50%) scale(1.04); background: #f4fff0; color: #278900; }
  .dept01-coded .image-stage .bottom-apply { left: calc(424 / 1424 * 100%); top: calc(96 / 393 * 100%); width: calc(590 / 1424 * 100%); height: calc(164 / 393 * 100%); overflow: visible; background: transparent; color: transparent; font-size: 0; line-height: 0; }
  .dept01-coded .image-stage .bottom-apply::before { content: ""; position: absolute; inset: 0; z-index: 0; background: #fff; pointer-events: none; }
  .dept01-coded .image-stage .bottom-apply::after { content: attr(aria-label); position: absolute; left: 50%; top: 50%; z-index: 1; width: calc(518 / 590 * 100%); height: calc(119 / 164 * 100%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #278900; color: #fff; font-size: clamp(22px, 2.35vw, 34px); font-weight: 800; line-height: 1; transform: translate(-50%, -50%); transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease; pointer-events: none; }
  .dept01-coded .image-stage .bottom-apply:hover::after { transform: translate(-50%, -50%) translateY(-8px); background: #2f9700; box-shadow: 0 16px 28px rgba(39, 137, 0, 0.24); }
  .dept01-coded .benefit-card { transition: border-color 0.22s ease, box-shadow 0.22s ease; }
  .dept01-coded .benefit-card:hover { border-color: #278900; box-shadow: inset 0 0 0 2px #278900; }
}

/* ---------- 모바일 (구 media_mobile.css, max-width:720) ---------- */
/* 2026-06 dept01 social welfare intro PSD text coding - mobile */
@media (max-width: 720px) {
  .dept01-coded .vision-coded { aspect-ratio: auto; height: auto; padding: 52px 18px 46px; overflow: visible; }
  .dept01-coded .vision-coded::after, .dept01-coded .alumni-card::after, .dept01-coded .alumni-mark, .dept01-coded .cert-promo img, .dept01-coded .cert-promo .promo-hit, .dept01-coded .curriculum-table thead, .dept01-coded .curriculum-table .credit { display: none; }
  .dept01-coded .vision-coded .vc-abs, .dept01-coded .activity-coded .vc-abs, .dept01-coded .alumni-coded .vc-abs, .dept01-coded .cert-coded .vc-abs, .dept01-coded .cert-name, .dept01-coded .cert-badge, .dept01-coded .cert-points, .dept01-coded .curriculum-coded .vc-abs, .dept01-coded .satisfaction-coded .vc-abs, .dept01-coded .satisfaction-chart, .dept01-coded .benefits-coded .vc-abs, .dept01-coded .benefit-card, .dept01-coded .benefit-icon, .dept01-coded .benefit-name, .dept01-coded .benefit-desc, .dept01-coded .reviews-coded .vc-abs { position: static; }
  .dept01-coded .vc-pill, .dept01-coded .alumni-pill, .dept01-coded .satisfaction-pill, .dept01-coded .reviews-pill { width: fit-content; min-width: 210px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept01-coded .vc-title, .dept01-coded .alumni-title { margin: 0 0 14px; font-size: 36px; line-height: 1.16; }
  .dept01-coded .vc-subtitle { margin: 0 0 44px; font-size: 18px; line-height: 1.45; }
  .dept01-coded .vc-vision-no { width: fit-content; min-width: 118px; height: 36px; margin: 34px 0 14px; padding: 0 22px; font-size: 17px; }
  .dept01-coded .vc-vision-title { margin: 0 0 10px; font-size: 24px; line-height: 1.28; word-break: keep-all; white-space: normal; }
  .dept01-coded .vc-line { width: 100%; height: 1px; margin: 18px 0 34px; }
  .dept01-coded .vc-vision-body { font-size: 17px; line-height: 1.5; word-break: keep-all; white-space: normal; }
  .dept01-coded .vc-photo { width: 100%; height: auto; margin: 42px 0 4px; border-radius: 14px; }
  .dept01-coded .vc-photo img { height: auto; object-fit: contain; }
  .dept01-coded .vision-coded .vc-card { position: relative; left: auto; top: auto; display: inline-block; width: calc(50% - 7px); height: 160px; margin-top: 8px; border-radius: 14px; vertical-align: top; }
  .dept01-coded .vision-coded .vc-card--home { margin-right: 10px; }
  .dept01-coded .vision-coded .vc-card .vc-icon { top: 16px; width: 42px; height: 42px; }
  .dept01-coded .vision-coded .vc-card .vc-card-title { top: 66px; font-size: 18px; line-height: 1.28; white-space: normal; word-break: keep-all; padding: 0 8px; }
  .dept01-coded .vision-coded .vc-card .vc-card-button { top: 124px; width: 112px; height: 30px; font-size: 14px; }
  .dept01-coded .activity-coded, .dept01-coded .alumni-coded { width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); aspect-ratio: auto; height: auto; padding: 56px 18px; overflow: visible; }
  .dept01-coded .activity-board, .dept01-coded .cert-board, .dept01-coded .curriculum-board, .dept01-coded .satisfaction-board, .dept01-coded .benefits-board, .dept01-coded .reviews-board { width: 100%; aspect-ratio: auto; }
  .dept01-coded .act-pill { width: fit-content; min-width: 230px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept01-coded .act-title { margin: 0 0 14px; color: #348600; font-size: 36px; line-height: 1.16; }
  .dept01-coded .act-subtitle, .dept01-coded .alumni-subtitle { margin: 0 0 34px; color: #333; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept01-coded .act-card { position: static; width: 100%; height: auto; margin-top: 18px; border-radius: 12px; }
  .dept01-coded .act-card img { position: static; width: calc(100% - 36px); height: auto; margin: 18px auto 0; aspect-ratio: 389 / 177; object-fit: contain; object-position: center center; transform: translateX(14px); }
  .dept01-coded .act-card--1 img { transform: translateX(14px); }
  .dept01-coded .act-card--2 img { object-position: center center; }
  .dept01-coded .act-card h3 { margin: 22px 20px 0; font-size: 24px; line-height: 1.28; white-space: normal; word-break: keep-all; }
  .dept01-coded .act-card h3 span { font-size: 20px; white-space: nowrap; }
  .dept01-coded .act-card p { margin: 16px 20px 24px; font-size: 16px; line-height: 1.55; white-space: normal; word-break: keep-all; }
  .dept01-coded .alumni-card { position: relative; left: auto; top: auto; width: 100%; height: auto; min-height: 0; margin-top: 18px; padding: 22px 20px 24px; border-radius: 12px; }
  .dept01-coded .alumni-photo { position: static; width: 104px; height: 126px; float: left; margin: 0 18px 12px 0; border-radius: 8px; }
  .dept01-coded .alumni-card h3, .dept01-coded .alumni-name, .dept01-coded .alumni-body, .dept01-coded .review-card .review-title, .dept01-coded .review-card .review-name, .dept01-coded .review-card .review-body { position: static; width: auto; white-space: normal; word-break: keep-all; }
  .dept01-coded .alumni-card h3 { margin: 0 0 12px; font-size: 22px; line-height: 1.32; }
  .dept01-coded .alumni-name { margin: 0 0 18px; font-size: 16px; line-height: 1.4; }
  .dept01-coded .alumni-body { clear: both; font-size: 15px; line-height: 1.55; }
  .dept01-coded .cert-coded { width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 56px 18px 70px; overflow: visible; background: linear-gradient(to bottom, #168a00 0, #168a00 calc(100% - 180px), #fff calc(100% - 180px), #fff 100%); }
  .dept01-coded .cert-pill { width: fit-content; min-width: 190px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept01-coded .cert-title { margin: 0 0 14px; font-size: 32px; line-height: 1.2; word-break: keep-all; }
  .dept01-coded .cert-subtitle { margin: 0 0 34px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept01-coded .cert-card { position: relative; left: auto; top: auto; width: calc(100% - 20px); height: auto; min-height: 0; margin: 18px auto 0; padding: 28px 22px; border-radius: 14px; }
  .dept01-coded .cert-name { margin: 0 0 12px; font-size: 28px; line-height: 1.18; white-space: normal; }
  .dept01-coded .cert-badge { display: inline-flex; min-width: 0; min-height: 34px; margin-bottom: 18px; padding: 7px 16px; font-size: 14px; line-height: 1.3; }
  .dept01-coded .cert-points { width: auto; font-size: 16px; line-height: 1.55; word-break: keep-all; }
  .dept01-coded .cert-points li { margin-bottom: 8px; padding-left: 22px; font-size: 16px; font-weight: 500; line-height: 1.55; }
  .dept01-coded .cert-points li::before { width: 10px; height: 10px; top: .5em; }
  .dept01-coded .cert-promo { position: relative; left: auto; top: auto; z-index: 2; width: calc(100% - 20px); height: auto; margin: 34px auto 0; overflow: hidden; border-radius: 14px; background: linear-gradient(135deg, rgba(242, 255, 235, .96) 0%, rgba(220, 247, 211, .97) 58%, rgba(203, 237, 190, .96) 100%); box-shadow: 0 10px 24px rgba(0, 74, 23, .16); }
  .dept01-coded .cert-promo-mobile { position: relative; display: block; min-height: 276px; padding: 26px 22px 24px; color: #0f1a22; text-align: center; word-break: keep-all; }
  .dept01-coded .cert-promo-mobile::before { content: ""; position: absolute; left: 20px; top: 18px; width: 46px; height: 46px; border-radius: 50%; background: url("../img/dept01_cert_ky_logo.png") center / contain no-repeat; box-shadow: 0 6px 14px rgba(0, 93, 35, .12); }
  .dept01-coded .cert-promo-kicker { margin: 4px 0 16px; color: #087f37; font-size: 16px; font-weight: 700; line-height: 1.35; }
  .dept01-coded .cert-promo-title { margin: 0; color: #101820; font-size: 30px; font-weight: 800; line-height: 1.16; }
  .dept01-coded .cert-promo-title strong { color: #078632; font-weight: 800; }
  .dept01-coded .cert-promo-copy { margin: 14px 0 20px; color: #087f37; font-size: 22px; font-weight: 800; line-height: 1.25; }
  .dept01-coded .cert-promo-buttons { display: grid; gap: 10px; margin: 0 auto; max-width: 310px; }
  .dept01-coded .cert-promo-btn { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; background: #fff; color: #111; font-size: 16px; font-weight: 800; line-height: 1; text-decoration: none; box-shadow: 0 6px 14px rgba(0, 93, 35, .18); }
  .dept01-coded .cert-promo-btn::after { content: ">"; margin-left: 10px; color: #0d8a33; font-size: 20px; line-height: 1; }
  .dept01-coded .curriculum-coded { width: 100vw; margin-left: calc(50% - 50vw); margin-top: 0; padding: 56px 18px; overflow: visible; }
  .dept01-coded .curriculum-pill { width: fit-content; min-width: 180px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept01-coded .curriculum-title, .dept01-coded .satisfaction-title, .dept01-coded .benefits-title, .dept01-coded .reviews-title { margin: 0 0 14px; font-size: 32px; line-height: 1.16; word-break: keep-all; }
  .dept01-coded .curriculum-subtitle, .dept01-coded .benefits-subtitle, .dept01-coded .reviews-subtitle { margin: 0 0 30px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept01-coded .curriculum-table-wrap { position: static; width: 100%; height: auto; overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .dept01-coded .curriculum-table, .dept01-coded .curriculum-table tbody, .dept01-coded .curriculum-table tr, .dept01-coded .curriculum-table th, .dept01-coded .curriculum-table td { display: block; width: 100%; }
  .dept01-coded .curriculum-table { height: auto; font-size: 16px; line-height: 1.48; }
  .dept01-coded .curriculum-table tr { height: auto !important; margin: 0 0 18px; overflow: hidden; border: 1px solid #d8d8d8; border-radius: 14px; background: #fff; }
  .dept01-coded .curriculum-table th, .dept01-coded .curriculum-table td { height: auto; border: 0; }
  .dept01-coded .curriculum-table .grade { width: 100%; padding: 14px 18px; background: #278900; color: #fff; font-size: 20px; line-height: 1; text-align: left; }
  .dept01-coded .curriculum-table .subject { position: relative; width: 100%; padding: 16px 18px; --credit-col: 44px; font-size: 16px; text-align: left; }
  .dept01-coded .curriculum-table .subject.sem2 { padding-top: 4px; }
  .dept01-coded .curriculum-table .subject::before { display: block; margin-bottom: 10px; color: #278900; font-size: 15px; font-weight: 800; line-height: 1; }
  .dept01-coded .curriculum-table .subject::after { content: "학점"; position: absolute; top: 16px; right: 18px; width: var(--credit-col); color: #278900; font-size: 15px; font-weight: 800; line-height: 1; text-align: center; }
  .dept01-coded .curriculum-table .subject.sem1::before { content: "1학기 교과목"; }
  .dept01-coded .curriculum-table .subject.sem2::before { content: "2학기 교과목"; }
  .dept01-coded .curriculum-table .subject.sem2::after { top: 4px; }
  .dept01-coded .curriculum-table li { min-height: 0; margin-bottom: 7px; white-space: normal; word-break: keep-all; font-size: 16px; line-height: 1.45; }
  .dept01-coded .curriculum-table .subject li { position: relative; display: flex; align-items: center; gap: 3px; width: 100%; padding-right: 0; }
  .dept01-coded .curriculum-table .subject li::after { content: none; position: absolute; right: 42px; top: 50%; transform: translateY(-50%); color: #111; font-weight: 800; line-height: 1; }
  .dept01-coded .curriculum-table .subject li .mobile-credit { display: block !important; width: var(--credit-col); margin-left: auto; color: #111; font-weight: 800; line-height: 1; text-align: center; }
  .dept01-coded .curriculum-table .circle { width: 18px; height: 18px; margin-left: 3px; font-size: 11px; }
  .dept01-coded .curriculum-table .sum-row td, .dept01-coded .curriculum-table .note-row td { height: auto; padding: 16px 18px; font-size: 16px; line-height: 1.5; text-align: left; }
  .dept01-coded .curriculum-table .sum-row td { background: #278900; color: #fff; font-size: 18px; }
  .dept01-coded .curriculum-table tr.sum-row { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 18px; background: #278900; }
  .dept01-coded .curriculum-table tr.sum-row td { width: auto; padding: 0; background: transparent; line-height: 1; }
  .dept01-coded .curriculum-table tr.sum-row td:last-child { flex: 1; text-align: right; }
  .dept01-coded .curriculum-table .note-row td { color: #333; word-break: keep-all; }
  .dept01-coded .curriculum-note { display: grid; gap: 8px; margin: 16px 0 0; color: #333; font-size: 15px; line-height: 1.5; text-align: left; word-break: keep-all; }
  .dept01-coded .curriculum-note .circle { width: 18px; height: 18px; font-size: 11px; vertical-align: .08em; }
  .dept01-coded .satisfaction-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 62px; overflow: visible; }
  .dept01-coded .satisfaction-subtitle { margin: 0 0 28px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept01-coded .satisfaction-chart { width: 100%; height: auto; margin: 0 auto 26px; transform: none; }
  .dept01-coded .satisfaction-chart img { width: 100%; height: auto; }
  .dept01-coded .satisfaction-note { color: #111; font-size: 17px; font-weight: 400; line-height: 1.45; word-break: keep-all; }
  .dept01-coded .benefits-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 54px; overflow: visible; }
  .dept01-coded .benefits-pill { width: fit-content; min-width: 150px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept01-coded .benefits-mobile-break { display: block; }
  .dept01-coded .benefit-card { display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; min-height: 186px; margin: 0; padding: 18px 12px 16px; border-radius: 14px; box-sizing: border-box; }
  .dept01-coded .benefits-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
  .dept01-coded .benefits-pill, .dept01-coded .benefits-title, .dept01-coded .benefits-subtitle { grid-column: 1 / -1; }
  .dept01-coded .benefit-icon { display: block; width: 56px !important; height: 56px !important; margin: 0 auto 12px; transform: none; }
  .dept01-coded .benefit-icon img { width: 100% !important; height: 100% !important; object-fit: contain; }
  .dept01-coded .benefit-name { margin: 0 0 8px; font-size: 18px; line-height: 1.25; }
  .dept01-coded .benefit-desc { color: #555; font-size: 13px; line-height: 1.45; word-break: keep-all; white-space: normal; }
  .dept01-coded .video-wrap { grid-template-columns: 1fr; gap: 18px; padding: 36px 14px; }
  .dept01-coded .image-stage .bottom-apply { left: 50%; top: calc(124 / 393 * 100%); width: min(90vw, 430px); height: 92px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; overflow: visible; border-radius: 999px; background: #fff; color: transparent; font-size: 0; line-height: 0; box-shadow: none; }
  .dept01-coded .image-stage .bottom-apply::after { content: attr(aria-label); position: absolute; left: 50%; top: 50%; width: min(82vw, 376px); height: 70px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #278900; color: #fff; font-size: 22px; font-weight: 800; line-height: 1; box-shadow: 0 8px 18px rgba(39, 137, 0, 0.18); pointer-events: none; }
  .dept01-coded .reviews-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 60px; overflow: visible; background: #f2fbf6; }
  .dept01-coded .review-card { position: relative; left: auto; top: auto; width: 100%; height: auto; margin-top: 18px; padding: 30px 22px 26px; border-radius: 14px; text-align: center; }
  .dept01-coded .review-photo { position: static; width: 96px; height: 96px; margin: 0 auto 16px; }
  .dept01-coded .review-card .review-title { margin: 0 0 10px; font-size: 20px; line-height: 1.35; }
  .dept01-coded .review-card .review-name { margin: 0 0 14px; font-size: 15px; }
  .dept01-coded .review-card .review-body { font-size: 15px; line-height: 1.6; }
}

/* ---------- 모바일 탭(depth2-tab-wrap) sticky 복원 ---------- */
/* .inner_1424 의 overflow:hidden(가로스크롤 방지)이 자식 sticky를 깨므로,
   학과소개 탭 영역만 가로는 clip(동일 효과) + 세로는 visible 로 풀어 sticky 유지 */
@media screen and (max-width: 767px) {
  .department_info .sec-2 .inner_1424 { overflow: visible; overflow-x: clip; }
}


/* ============ dept02 노인복지학과 PC 후버 + 모바일 (dept01 복제·빨강) ============ */
@media (min-width: 721px) {
  .dept02-coded .vc-card { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease; }
  .dept02-coded .vc-card:hover { transform: translateY(-8px); background: #e0463f; box-shadow: 0 16px 28px rgba(238, 95, 89, 0.24); }
  .dept02-coded .vc-card-button { transition: transform 0.22s ease, background-color 0.22s ease, color 0.22s ease; }
  .dept02-coded .vc-card:hover .vc-card-button { transform: translateX(-50%) scale(1.04); background: #fff2f1; color: #ee5f59; }
  .dept02-coded .image-stage .bottom-apply { left: calc(424 / 1424 * 100%); top: calc(96 / 393 * 100%); width: calc(590 / 1424 * 100%); height: calc(164 / 393 * 100%); overflow: visible; background: transparent; color: transparent; font-size: 0; line-height: 0; }
  .dept02-coded .image-stage .bottom-apply::before { content: ""; position: absolute; inset: 0; z-index: 0; background: #fff; pointer-events: none; }
  .dept02-coded .image-stage .bottom-apply::after { content: attr(aria-label); position: absolute; left: 50%; top: 50%; z-index: 1; width: calc(518 / 590 * 100%); height: calc(119 / 164 * 100%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #ee5f59; color: #fff; font-size: clamp(22px, 2.35vw, 34px); font-weight: 800; line-height: 1; transform: translate(-50%, -50%); transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease; pointer-events: none; }
  .dept02-coded .image-stage .bottom-apply:hover::after { transform: translate(-50%, -50%) translateY(-8px); background: #e0463f; box-shadow: 0 16px 28px rgba(238, 95, 89, 0.24); }
  .dept02-coded .benefit-card { transition: border-color 0.22s ease, box-shadow 0.22s ease; }
  .dept02-coded .benefit-card:hover { border-color: #ee5f59; box-shadow: inset 0 0 0 2px #ee5f59; }
}

@media (max-width: 720px) {
  .dept02-coded .vision-coded { aspect-ratio: auto; height: auto; padding: 52px 18px 46px; overflow: visible; }
  .dept02-coded .vision-coded::after, .dept02-coded .alumni-card::after, .dept02-coded .alumni-mark, .dept02-coded .cert-promo img, .dept02-coded .cert-promo .promo-hit, .dept02-coded .curriculum-table thead, .dept02-coded .curriculum-table .credit { display: none; }
  .dept02-coded .vision-coded .vc-abs, .dept02-coded .activity-coded .vc-abs, .dept02-coded .alumni-coded .vc-abs, .dept02-coded .cert-coded .vc-abs, .dept02-coded .cert-name, .dept02-coded .cert-badge, .dept02-coded .cert-points, .dept02-coded .curriculum-coded .vc-abs, .dept02-coded .satisfaction-coded .vc-abs, .dept02-coded .satisfaction-chart, .dept02-coded .benefits-coded .vc-abs, .dept02-coded .benefit-card, .dept02-coded .benefit-icon, .dept02-coded .benefit-name, .dept02-coded .benefit-desc, .dept02-coded .reviews-coded .vc-abs { position: static; }
  .dept02-coded .vc-pill, .dept02-coded .alumni-pill, .dept02-coded .satisfaction-pill, .dept02-coded .reviews-pill { width: fit-content; min-width: 210px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept02-coded .vc-title, .dept02-coded .alumni-title { margin: 0 0 14px; font-size: 36px; line-height: 1.16; }
  .dept02-coded .vc-subtitle { margin: 0 0 44px; font-size: 18px; line-height: 1.45; }
  .dept02-coded .vc-vision-no { width: fit-content; min-width: 118px; height: 36px; margin: 34px 0 14px; padding: 0 22px; font-size: 17px; }
  .dept02-coded .vc-vision-title { margin: 0 0 10px; font-size: 24px; line-height: 1.28; word-break: keep-all; white-space: normal; }
  .dept02-coded .vc-line { width: 100%; height: 1px; margin: 18px 0 34px; }
  .dept02-coded .vc-vision-body { font-size: 17px; line-height: 1.5; word-break: keep-all; white-space: normal; }
  .dept02-coded .vc-photo { width: 100%; height: auto; margin: 42px 0 4px; border-radius: 14px; }
  .dept02-coded .vc-photo img { height: auto; object-fit: contain; }
  .dept02-coded .vision-coded .vc-card { position: relative; left: auto; top: auto; display: inline-block; width: calc(50% - 7px); height: 160px; margin-top: 8px; border-radius: 14px; vertical-align: top; }
  .dept02-coded .vision-coded .vc-card--home { margin-right: 10px; }
  .dept02-coded .vision-coded .vc-card .vc-icon { top: 16px; width: 42px; height: 42px; }
  .dept02-coded .vision-coded .vc-card .vc-card-title { top: 66px; font-size: 18px; line-height: 1.28; white-space: normal; word-break: keep-all; padding: 0 8px; }
  .dept02-coded .vision-coded .vc-card .vc-card-button { top: 124px; width: 112px; height: 30px; font-size: 14px; }
  .dept02-coded .activity-coded, .dept02-coded .alumni-coded { width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); aspect-ratio: auto; height: auto; padding: 56px 18px; overflow: visible; }
  .dept02-coded .activity-board, .dept02-coded .cert-board, .dept02-coded .curriculum-board, .dept02-coded .satisfaction-board, .dept02-coded .benefits-board, .dept02-coded .reviews-board { width: 100%; aspect-ratio: auto; }
  .dept02-coded .act-pill { width: fit-content; min-width: 230px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept02-coded .act-title { margin: 0 0 14px; color: #ee5f59; font-size: 36px; line-height: 1.16; }
  .dept02-coded .act-subtitle, .dept02-coded .alumni-subtitle { margin: 0 0 34px; color: #333; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept02-coded .act-card { position: static; width: 100%; height: auto; margin-top: 18px; border-radius: 12px; }
  .dept02-coded .act-card img { position: static; width: calc(100% - 36px); height: auto; margin: 18px auto 0; aspect-ratio: 389 / 177; object-fit: contain; object-position: center center; transform: translateX(14px); }
  .dept02-coded .act-card--1 img { transform: translateX(14px); }
  .dept02-coded .act-card--2 img { object-position: center center; }
  .dept02-coded .act-card h3 { margin: 22px 20px 0; font-size: 24px; line-height: 1.28; white-space: normal; word-break: keep-all; }
  .dept02-coded .act-card h3 span { font-size: 20px; white-space: nowrap; }
  .dept02-coded .act-card p { margin: 16px 20px 24px; font-size: 16px; line-height: 1.55; white-space: normal; word-break: keep-all; }
  .dept02-coded .alumni-card { position: relative; left: auto; top: auto; width: 100%; height: auto; min-height: 0; margin-top: 18px; padding: 22px 20px 24px; border-radius: 12px; }
  .dept02-coded .alumni-photo { position: static; width: 104px; height: 126px; float: left; margin: 0 18px 12px 0; border-radius: 8px; }
  .dept02-coded .alumni-card h3, .dept02-coded .alumni-name, .dept02-coded .alumni-body, .dept02-coded .review-card .review-title, .dept02-coded .review-card .review-name, .dept02-coded .review-card .review-body { position: static; width: auto; white-space: normal; word-break: keep-all; }
  .dept02-coded .alumni-card h3 { margin: 0 0 12px; font-size: 22px; line-height: 1.32; }
  .dept02-coded .alumni-name { margin: 0 0 18px; font-size: 16px; line-height: 1.4; }
  .dept02-coded .alumni-body { clear: both; font-size: 15px; line-height: 1.55; }
  .dept02-coded .cert-coded { width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 56px 18px 70px; overflow: visible; background: linear-gradient(to bottom, #ee5f59 0, #ee5f59 calc(100% - 180px), #fff calc(100% - 180px), #fff 100%); }
  .dept02-coded .cert-pill { width: fit-content; min-width: 190px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept02-coded .cert-title { margin: 0 0 14px; font-size: 32px; line-height: 1.2; word-break: keep-all; }
  .dept02-coded .cert-subtitle { margin: 0 0 34px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept02-coded .cert-card { position: relative; left: auto; top: auto; width: calc(100% - 20px); height: auto; min-height: 0; margin: 18px auto 0; padding: 28px 22px; border-radius: 14px; }
  .dept02-coded .cert-name { margin: 0 0 12px; font-size: 28px; line-height: 1.18; white-space: normal; }
  .dept02-coded .cert-badge { display: inline-flex; min-width: 0; min-height: 34px; margin-bottom: 18px; padding: 7px 16px; font-size: 14px; line-height: 1.3; }
  .dept02-coded .cert-points { width: auto; font-size: 16px; line-height: 1.55; word-break: keep-all; }
  .dept02-coded .cert-points li { margin-bottom: 8px; padding-left: 22px; font-size: 16px; font-weight: 500; line-height: 1.55; }
  .dept02-coded .cert-points li::before { width: 10px; height: 10px; top: .5em; }
  .dept02-coded .cert-promo { position: relative; left: auto; top: auto; z-index: 2; width: calc(100% - 20px); height: auto; margin: 34px auto 0; overflow: hidden; border-radius: 14px; background: linear-gradient(135deg, rgba(255, 242, 241, .96) 0%, rgba(255, 227, 225, .97) 58%, rgba(255, 213, 210, .96) 100%); box-shadow: 0 10px 24px rgba(150, 40, 38, .16); }
  .dept02-coded .cert-promo-mobile { position: relative; display: block; min-height: 276px; padding: 26px 22px 24px; color: #0f1a22; text-align: center; word-break: keep-all; }
  .dept02-coded .cert-promo-mobile::before { content: ""; position: absolute; left: 20px; top: 18px; width: 46px; height: 46px; border-radius: 50%; background: url("../img/dept01_cert_ky_logo.png") center / contain no-repeat; box-shadow: 0 6px 14px rgba(150, 40, 38, .12); }
  .dept02-coded .cert-promo-kicker { margin: 4px 0 16px; color: #ee5f59; font-size: 16px; font-weight: 700; line-height: 1.35; }
  .dept02-coded .cert-promo-title { margin: 0; color: #101820; font-size: 30px; font-weight: 800; line-height: 1.16; }
  .dept02-coded .cert-promo-title strong { color: #ee5f59; font-weight: 800; }
  .dept02-coded .cert-promo-copy { margin: 14px 0 20px; color: #ee5f59; font-size: 22px; font-weight: 800; line-height: 1.25; }
  .dept02-coded .cert-promo-buttons { display: grid; gap: 10px; margin: 0 auto; max-width: 310px; }
  .dept02-coded .cert-promo-btn { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; background: #fff; color: #111; font-size: 16px; font-weight: 800; line-height: 1; text-decoration: none; box-shadow: 0 6px 14px rgba(150, 40, 38, .18); }
  .dept02-coded .cert-promo-btn::after { content: ">"; margin-left: 10px; color: #ee5f59; font-size: 20px; line-height: 1; }
  .dept02-coded .curriculum-coded { width: 100vw; margin-left: calc(50% - 50vw); margin-top: 0; padding: 56px 18px; overflow: visible; }
  .dept02-coded .curriculum-pill { width: fit-content; min-width: 180px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept02-coded .curriculum-title, .dept02-coded .satisfaction-title, .dept02-coded .benefits-title, .dept02-coded .reviews-title { margin: 0 0 14px; font-size: 32px; line-height: 1.16; word-break: keep-all; }
  .dept02-coded .curriculum-subtitle, .dept02-coded .benefits-subtitle, .dept02-coded .reviews-subtitle { margin: 0 0 30px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept02-coded .curriculum-table-wrap { position: static; width: 100%; height: auto; overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .dept02-coded .curriculum-table, .dept02-coded .curriculum-table tbody, .dept02-coded .curriculum-table tr, .dept02-coded .curriculum-table th, .dept02-coded .curriculum-table td { display: block; width: 100%; }
  .dept02-coded .curriculum-table { height: auto; font-size: 16px; line-height: 1.48; }
  .dept02-coded .curriculum-table tr { height: auto !important; margin: 0 0 18px; overflow: hidden; border: 1px solid #d8d8d8; border-radius: 14px; background: #fff; }
  .dept02-coded .curriculum-table th, .dept02-coded .curriculum-table td { height: auto; border: 0; }
  .dept02-coded .curriculum-table .grade { width: 100%; padding: 14px 18px; background: #ee5f59; color: #fff; font-size: 20px; line-height: 1; text-align: left; }
  .dept02-coded .curriculum-table .subject { position: relative; width: 100%; padding: 16px 18px; --credit-col: 44px; font-size: 16px; text-align: left; }
  .dept02-coded .curriculum-table .subject.sem2 { padding-top: 4px; }
  .dept02-coded .curriculum-table .subject::before { display: block; margin-bottom: 10px; color: #ee5f59; font-size: 15px; font-weight: 800; line-height: 1; }
  .dept02-coded .curriculum-table .subject::after { content: "학점"; position: absolute; top: 16px; right: 18px; width: var(--credit-col); color: #ee5f59; font-size: 15px; font-weight: 800; line-height: 1; text-align: center; }
  .dept02-coded .curriculum-table .subject.sem1::before { content: "1학기 교과목"; }
  .dept02-coded .curriculum-table .subject.sem2::before { content: "2학기 교과목"; }
  .dept02-coded .curriculum-table .subject.sem2::after { top: 4px; }
  .dept02-coded .curriculum-table li { min-height: 0; margin-bottom: 7px; white-space: normal; word-break: keep-all; font-size: 16px; line-height: 1.45; }
  .dept02-coded .curriculum-table .subject li { position: relative; display: flex; align-items: center; gap: 3px; width: 100%; padding-right: 0; }
  .dept02-coded .curriculum-table .subject li::after { content: none; position: absolute; right: 42px; top: 50%; transform: translateY(-50%); color: #111; font-weight: 800; line-height: 1; }
  .dept02-coded .curriculum-table .subject li .mobile-credit { display: block !important; width: var(--credit-col); margin-left: auto; color: #111; font-weight: 800; line-height: 1; text-align: center; }
  .dept02-coded .curriculum-table .circle { width: 18px; height: 18px; margin-left: 3px; font-size: 11px; }
  .dept02-coded .curriculum-table .sum-row td, .dept02-coded .curriculum-table .note-row td { height: auto; padding: 16px 18px; font-size: 16px; line-height: 1.5; text-align: left; }
  .dept02-coded .curriculum-table .sum-row td { background: #ee5f59; color: #fff; font-size: 18px; }
  .dept02-coded .curriculum-table tr.sum-row { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 18px; background: #ee5f59; }
  .dept02-coded .curriculum-table tr.sum-row td { width: auto; padding: 0; background: transparent; line-height: 1; }
  .dept02-coded .curriculum-table tr.sum-row td:last-child { flex: 1; text-align: right; }
  .dept02-coded .curriculum-table .note-row td { color: #333; word-break: keep-all; }
  .dept02-coded .curriculum-note { display: grid; gap: 8px; margin: 16px 0 0; color: #333; font-size: 15px; line-height: 1.5; text-align: left; word-break: keep-all; }
  .dept02-coded .curriculum-note .circle { width: 18px; height: 18px; font-size: 11px; vertical-align: .08em; }
  .dept02-coded .satisfaction-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 62px; overflow: visible; }
  .dept02-coded .satisfaction-subtitle { margin: 0 0 28px; font-size: 17px; line-height: 1.55; word-break: keep-all; }
  .dept02-coded .satisfaction-chart { width: 100%; height: auto; margin: 0 auto 26px; transform: none; }
  .dept02-coded .satisfaction-chart img { width: 100%; height: auto; }
  .dept02-coded .satisfaction-note { color: #111; font-size: 17px; font-weight: 400; line-height: 1.45; word-break: keep-all; }
  .dept02-coded .benefits-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 54px; overflow: visible; }
  .dept02-coded .benefits-pill { width: fit-content; min-width: 150px; height: 38px; margin: 0 auto 22px; padding: 0 24px; font-size: 16px; }
  .dept02-coded .benefits-mobile-break { display: block; }
  .dept02-coded .benefit-card { display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; min-height: 186px; margin: 0; padding: 18px 12px 16px; border-radius: 14px; box-sizing: border-box; }
  .dept02-coded .benefits-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
  .dept02-coded .benefits-pill, .dept02-coded .benefits-title, .dept02-coded .benefits-subtitle { grid-column: 1 / -1; }
  .dept02-coded .benefit-icon { display: block; width: 56px !important; height: 56px !important; margin: 0 auto 12px; transform: none; }
  .dept02-coded .benefit-icon img { width: 100% !important; height: 100% !important; object-fit: contain; }
  .dept02-coded .benefit-name { margin: 0 0 8px; font-size: 18px; line-height: 1.25; }
  .dept02-coded .benefit-desc { color: #555; font-size: 13px; line-height: 1.45; word-break: keep-all; white-space: normal; }
  .dept02-coded .video-wrap { grid-template-columns: 1fr; gap: 18px; padding: 36px 14px; }
  .dept02-coded .image-stage .bottom-apply { left: 50%; top: calc(124 / 393 * 100%); width: min(90vw, 430px); height: 92px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; overflow: visible; border-radius: 999px; background: #fff; color: transparent; font-size: 0; line-height: 0; box-shadow: none; }
  .dept02-coded .image-stage .bottom-apply::after { content: attr(aria-label); position: absolute; left: 50%; top: 50%; width: min(82vw, 376px); height: 70px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #ee5f59; color: #fff; font-size: 22px; font-weight: 800; line-height: 1; box-shadow: 0 8px 18px rgba(238, 95, 89, 0.18); pointer-events: none; }
  .dept02-coded .reviews-coded { width: 100vw; margin-left: calc(50% - 50vw); padding: 56px 18px 60px; overflow: visible; background: #fcf8f7; }
  .dept02-coded .review-card { position: relative; left: auto; top: auto; width: 100%; height: auto; margin-top: 18px; padding: 30px 22px 26px; border-radius: 14px; text-align: center; }
  .dept02-coded .review-photo { position: static; width: 96px; height: 96px; margin: 0 auto 16px; }
  .dept02-coded .review-card .review-title { margin: 0 0 10px; font-size: 20px; line-height: 1.35; }
  .dept02-coded .review-card .review-name { margin: 0 0 14px; font-size: 15px; }
  .dept02-coded .review-card .review-body { font-size: 15px; line-height: 1.6; }
}

/* ── 교과 범례(curriculum-note) 항목 사이 간격 — 전 학과 공통 ── */
/* 이전 항목 ")" 와 다음 원형(②) 이 붙는 문제: 항목 span 사이에 간격 */
.curriculum-note > span + span { margin-left: 24px; }
@media (max-width: 720px) { .curriculum-note > span + span { margin-left: 0; } .curriculum-note br { display: none; } }

/* dept02 활동카드 부제 span: 긴 한글 줄바꿈 허용(작은 폰트 유지) */
.dept02-coded .act-card h3 span { white-space: normal; }