@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:100% !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.greetings {background:linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(24, 103, 178, 0.02) 100%); padding-bottom:var(--space-100);}
.greetings-hero {margin-bottom:var(--space-60); flex-shrink:0; overflow:hidden; border-radius:500px;}
.greetings-columns {padding:0 var(--space-100); background:url('/images/sub/greetings-symbol.png') 10% 100% / auto no-repeat; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:var(--space-60); position:relative;}
.greetings-lead {position:relative; z-index:1; display:flex; flex-direction:row; align-items:flex-start; gap:10px; flex-shrink:0;}
.greetings-lead-icon {display:block; flex-shrink:0; width:40px; height:40px;}
.greetings-lead-icon img {display:block; width:40px; height:40px;}
.greetings-lead-middle {display:flex; flex-direction:row; align-items:flex-end; gap:10px;}
.greetings-lead-line {display:block; font-size:var(--font-size-32); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em;}
.greetings-lead-line strong {font-weight:700; color:#1867b2;}
.greetings-article {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--space-40); flex:1; min-width:0;}
.greetings-body {display:flex; flex-direction:column; gap:var(--space-25);}
.greetings-body p {font-weight:400; color:#454545; line-height:1.8em; letter-spacing:-.03em;}
.greetings-body strong {font-weight:600; color:#242424;}
.greetings-sign {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.6em; letter-spacing:-.03em;}

.greetings-vision {padding:var(--space-100) 0 0; text-align:center;}
.greetings-vision-heading {padding-bottom:var(--space-60); font-family:'Paperlogy', sans-serif; font-size:var(--font-size-40); font-weight:600; color:#242424; line-height:1.2em; letter-spacing:-.03em;}
.greetings-vision-row {grid-template-columns:repeat(3, 1fr); display:grid;}
.greetings-vision-item {display:flex; flex-direction:column; align-items:center; gap:var(--space-30);}
.greetings-vision-circle {width:clamp(180px, calc( 240 / var(--inner) * 100vw ), 240px); aspect-ratio:1 / 1; position:relative; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; border:1px solid #ddd; border-radius:500px; background:#fff;}
.greetings-vision-ring {width:clamp(150px, calc( 216 / var(--inner) * 100vw ), 216px); aspect-ratio:1 / 1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border:1px dashed #ddd; border-radius:500px; pointer-events:none;}
.greetings-vision-circle-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-15);}
.greetings-vision-label {display:flex; flex-direction:column; align-items:center; gap:12px;}
.greetings-vision-icon img {height:clamp(50px, calc( 72 / var(--inner) * 100vw ), 72px);}
.greetings-vision-num {width:100%; font-weight:700; color:#1867b2; line-height:1.5em; letter-spacing:-.03em;}
.greetings-vision-name {font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em;}
.greetings-vision-desc {font-weight:400; color:#686868; line-height:1.8em; letter-spacing:-.03em;}

.history-page {background:url('/images/sub/history-watermark-symbol.svg') 10% 100% / auto no-repeat;}
.history-grid {gap:var(--space-120); padding-bottom:var(--space-150); display:flex;}
.history-grid:last-child {padding-bottom:0;}
.history-grid:last-child .history-timeline:before {bottom:0 !important;}
.history-visual {top:150px; position:-webkit-sticky; position:sticky; left:0; block-size:fit-content;}
.history-visual-head {margin-bottom:var(--space-30); width:100%;}
.history-stage-row {margin-bottom:var(--space-15); display:flex; flex-direction:row; align-items:center; gap:12px; flex-wrap:nowrap;}
.history-stage-chip {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; border-radius:500px; background:#3cb39f; color:#fff; font-size:var(--font-size-14); font-weight:600; line-height:1.6em; letter-spacing:-.03em; white-space:nowrap;}
.history-stage-line {display:block; width:40px; height:1px; background:rgba(60,179,159,0.4); flex-shrink:0;}
.history-stage-caption {font-size:var(--font-size-18); font-weight:400; color:#686868; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.history-range {font-size:var(--font-size-56); font-weight:700; color:#242424; line-height:1.1em; letter-spacing:-.03em;}
.history-photo img {overflow:hidden; border-radius:24px;}
.history-timeline {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-80); position:relative; flex:1;}
.history-timeline:before {top:20px; bottom:-170px; position:absolute; content:''; width:1px; border:1px dashed #ddd; left:19px; z-index:-1;}
.history-year-block {width:100%; border:0;}
.history-year-row {display:flex; flex-direction:row; align-items:flex-start; gap:var(--space-20); width:100%;}
.history-year-icon {display:block; flex-shrink:0; width:40px; height:40px;}
.history-year-icon img {display:block; width:40px; height:40px;}
.history-year-heading {width:56px; flex-shrink:0; font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:2em; letter-spacing:-.03em;}
.history-year-list {display:flex; flex-direction:column; gap:var(--space-20); padding-top:6px; flex:1; min-width:0;}
.history-item {display:flex; flex-direction:row; align-items:flex-start; gap:4px; color:#454545; line-height:1.8em; letter-spacing:-.03em;}
.history-bullet {flex-shrink:0; color:#1867b2; font-weight:400;}
.history-item-text {flex:1; min-width:0;}
.history-item-mark {font-weight:600; color:#3cb39f;}
.history-item-mark .history-bullet {color:#3cb39f;}
.history-item-mark .history-item-text {color:#3cb39f;}
.history-year-row-mid {align-items:center;}
.history-year-list-mid {padding-top:0;}
.history-item-follow {display:block; font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; letter-spacing:inherit;}

.facilities-site-tabs {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; width:100%; margin:0 auto var(--space-30); padding:0;}
.facilities-site-tab {display:inline-flex; align-items:center; justify-content:center; padding:11px 20px; border:0; border-radius:80px; background:#f8f8f8; font-size:var(--font-size-18); font-weight:600; color:#bebebe; line-height:1.4em; letter-spacing:-.03em; text-align:center; white-space:nowrap; cursor:pointer;}
.facilities-site-tab.is-active {background:#1867b2; color:#fff;}
.facilities-site-tab:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.facilities-page {width:100%;}
.facilities-viewer {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%;}
.facilities-stage {position:relative; width:100%; aspect-ratio: 1400 / 800; margin:0 auto; border-radius:24px; overflow:hidden;}
.facilities-main {width:100%; aspect-ratio: 1400 / 800; padding:0;}
.facilities-main .slick-list {aspect-ratio: 1400 / 800; border-radius:24px; overflow:hidden;}
.facilities-main .slick-track {aspect-ratio: 1400 / 800;}
.facilities-main .slick-slide {aspect-ratio: 1400 / 800;}
.facilities-main-slide {position:relative; aspect-ratio: 1400 / 800; overflow:hidden;}
.facilities-main-photo {position:relative; width:100%; aspect-ratio: 1400 / 800; overflow:hidden;}
.facilities-main-photo img {display:block; width:100%; height:100%; object-fit:cover;}
.facilities-main-photo-empty {display:flex; align-items:center; justify-content:center; background:#eee;}
.facilities-main-empty-icon {display:flex; align-items:center; justify-content:center;}
.facilities-main-empty-icon img {display:block;}
.facilities-caption {position:absolute; left:50%; bottom:40px; z-index:3; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:var(--space-60); padding:8px; border-radius:500px; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transform:translateX(-50%);}
.facilities-caption-btn {width:clamp(30px, calc( 54 / var(--inner) * 100vw ), 54px); aspect-ratio: 1/1; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:24px; background:rgba(0,0,0,0.2); cursor:pointer;}
.facilities-caption-btn:focus-visible {outline:2px solid #3cb39f; outline-offset:2px;}
.facilities-caption-icon {display:flex; align-items:center; justify-content:center; width:8px; height:14px;}
.facilities-caption-icon-next {transform:scaleX(-1);}
.facilities-caption-title {font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.4em; letter-spacing:-.03em; text-align:center; white-space:nowrap;}
.facilities-thumbs {width:100%;}
.facilities-thumbs .slick-list {height:134px; overflow:hidden;}
.facilities-thumbs .slick-track {display:flex; flex-direction:row; align-items:center; height:134px;}
.facilities-thumbs .slick-slide {width:200px; height:134px; margin:0 10px; padding:0;}
.facilities-thumb-inner {display:flex; align-items:center; justify-content:center; width:200px; height:134px; overflow:hidden; border:2px solid transparent; border-radius:12px;}
.facilities-thumb-inner img {display:block; width:100%; height:100%; object-fit:cover;}
.facilities-thumbs .slick-slide.slick-current .facilities-thumb-inner {border-color:#3cb39f;}
.facilities-thumb-inner-empty {background:#eee;}
.facilities-thumb-empty-icon {display:flex; align-items:center; justify-content:center;}
.facilities-thumb-empty-icon img {display:block;}

.instructors-grid {grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40);}
.instructor-card {border-top:3px solid #1867b2; flex-shrink:0; box-shadow:0 0 8px rgba(0,0,0,0.12); border-radius:24px; overflow:hidden;}
.instructor-top {background:rgba(24,103,178,0.03); padding:var(--space-40);}
.instructor-top-inner {display:flex; flex-direction:row; align-items:center; gap:var(--space-40); width:100%;}
.instructor-summary {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-40); flex:1 1 0; min-width:0;}
.instructor-meta {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); width:100%;}
.instructor-heading {display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.instructor-name {font-size:var(--font-size-32); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.instructor-role {font-size:var(--font-size-18); font-weight:600; color:#1867b2; line-height:1.6em; letter-spacing:-.03em;}
.instructor-duty {color:#686868; line-height:1.5em; letter-spacing:-.03em;}
.instructor-tags {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:8px; max-width:360px; list-style:none;}
.instructor-tag {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; border:1px solid rgba(24,103,178,0.4); border-radius:50px; background:#fff; font-size:var(--font-size-14); font-weight:500; color:#1867b2; line-height:1.6em; letter-spacing:-.03em; white-space:nowrap;}

.instructor-photo {order:2; flex-shrink:0; width:200px; aspect-ratio:200 / 270; overflow:hidden; border-radius:24px; position:relative;}
.instructor-photo:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius:24px;}
.instructor-photo img {display:block; width:100%; height:100%; object-fit:cover; object-position:center bottom;}

.instructor-bottom {padding:var(--space-40);}
.instructor-block {padding:25px 0; border-bottom:1px dashed #ddd;}
.instructor-block:first-child {padding-top:0;}
.instructor-block:last-child {padding-bottom:0; border-bottom:0;}
.instructor-block-head {margin-bottom:15px; display:flex; align-items:center; gap:10px;}
.instructor-block-icon {display:block; flex-shrink:0; width:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); aspect-ratio:1 / 1;}
.instructor-block-title {font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.instructor-prose {padding-left:12px; line-height:2em; position:relative;}
.instructor-prose:before {position:absolute; content:'•'; left:0;}

.location-map-row {display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; width:100%; gap:0;}
.location-site-panels {flex:1 1 0; min-width:0; display:block;}
.location-site-panel {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-80); width:100%;}
.location-site-panel[hidden] {display:none !important;}
.location-site-tabs {display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:10px; width:160px; flex-shrink:0;}
.location-site-tab {display:inline-flex; align-items:center; justify-content:center; width:160px; height:54px; padding:11px 20px; border:0; border-radius:16px 0 0 16px; background:rgba(60,179,159,0.05); font-size:var(--font-size-18); font-weight:600; color:rgba(60,179,159,0.8); line-height:1.4em; letter-spacing:-.03em; text-align:center; white-space:nowrap; cursor:pointer;}
.location-site-tab.is-active {background:#3cb39f; color:#fff;}
.location-site-tab:focus-visible {outline:2px solid #3cb39f; outline-offset:2px;}
.location-map-panel {display:flex; flex-direction:column; align-items:stretch; flex:1 1 0; min-width:0;}
.location-map-view {position:relative; width:100%; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px); overflow:hidden; border-radius:0 24px 0 0;}
.location-map-frame {display:block; width:100%; height:100%; border:0;}
.location-info-bar {display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; width:100%; background:#fff; border:1px solid #ddd; border-top:0; border-radius:0 0 24px 24px;}
.location-info-col {display:flex; flex-direction:column; align-items:flex-start; gap:14px; flex:1 1 0; min-width:0; padding:var(--space-40);}
.location-info-label {font-size:var(--font-size-18); font-weight:600; color:#3cb39f; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.location-info-text {display:flex; flex-direction:column; align-items:flex-start; gap:6px; width:100%; padding:0;}
.location-info-address {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.7em; letter-spacing:-.03em;}
.location-info-note {color:#454545; line-height:1.5em; letter-spacing:-.03em; white-space:nowrap;}
.location-info-phone {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.7em; letter-spacing:-.03em;}
.location-info-phone a {color:#242424; text-decoration:none;}
.location-info-phone a:hover {text-decoration:underline;}
.location-info-divider {display: flex; align-items: center; justify-content: center;}

.location-transit {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-30); width:100%; align-self:flex-end;}
.location-section-head {display:flex; flex-direction:row; align-items:center; gap:var(--space-15); width:100%; padding:0;}
.location-section-bar {display:block; flex-shrink:0; width:3px; height:24px; border-radius:60px; background:#3cb39f;}
.location-section-title {font-size:var(--font-size-22); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.location-transit-cards {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-20); width:100%; padding:0;}
.location-transit-card {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); width:100%; padding:var(--space-30); border:1px solid #ddd; border-radius:24px; background:#fff;}
.location-transit-card-top {display:flex; flex-direction:row; align-items:center; gap:12px; padding:0;}
.location-transit-icon {width:clamp(30px, calc( 44 / var(--inner) * 100vw ), 44px); aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50px; background:#3cb39f;}
.location-transit-icon img {display:block; width:auto; height:auto; max-width:22px; max-height:20px;}
.location-transit-card-title {font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.location-transit-body {display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; padding:20px; border-radius:16px; background:#f8f8f8;}
.location-transit-para {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-.03em;}

.other-ministry-switch {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin:0 0 60px 0; padding:0;}
.other-ministry-switch-track {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:0; padding:8px; border:1px solid rgba(24,103,178,0.3); border-radius:500px; background:#fff; box-sizing:border-box;}
.other-ministry-switch-tab {display:inline-flex; align-items:center; justify-content:center; width:292px; height:50px; padding:11px 20px; border-radius:80px; font-size:var(--font-size-18); font-weight:600; color:#bebebe; line-height:1.4em; letter-spacing:-0.03em; text-align:center; text-decoration:none; white-space:nowrap; box-sizing:border-box;}
.other-ministry-switch-tab:hover {color:#686868;}
.other-ministry-switch-tab.is-active {background:#1867b2; color:#fff;}
.other-ministry-switch-tab.is-active:hover {color:#fff;}
.other-ministry-switch-tab:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}

.mid-career-about {background:url('/images/sub/mid-career-about-bg.png') 50% 50% / cover no-repeat;}
.mid-career-about-column {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); flex-shrink:0;}
.mid-career-about-intro {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%;}
.mid-career-about-title-row {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; width:100%;}
.mid-career-about-title-row .strategic-title {text-align:center; white-space:nowrap;}
.mid-career-about-quote {display:block; flex-shrink:0; width:40px; height:40px;}
.mid-career-about-quote img {display:block; width:40px; height:40px;}
.mid-career-about-copy {display:flex; flex-direction:column; align-items:center; gap:0; width:100%; text-align:center;}
.mid-career-about-emphasis {font-weight:700; color:#1867b2;}
.mid-career-about-details {max-width:580px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; width:100%;}
.mid-career-about-detail {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; flex-shrink:0;}
.mid-career-about-label {display:inline-flex; align-items:center; justify-content:center; width:72px; padding:4px 10px; border-radius:4px; box-sizing:border-box; flex-shrink:0; font-size:var(--font-size-14); font-weight:600; color:#fff; line-height:1.6em; letter-spacing:-.03em; text-align:center;}
.mid-career-about-label-blue {background:#1867b2;}
.mid-career-about-label-green {background:#3cb39f;}
.mid-career-about-detail-text {font-weight:400; color:#242424; line-height:1.5em; letter-spacing:-.03em; text-align:center; white-space:nowrap;}

.strategic-purpose {display:flex; border:1px solid #ddd; border-radius:40px; overflow:hidden;}
.strategic-purpose-body {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-40); flex:1; padding:var(--space-70);}
.strategic-purpose-intro {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-25); width:100%;}
.strategic-heading {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-15); padding:0;}
.strategic-heading-center {align-items:center; width:100%;}
.strategic-index {display:flex; align-items:center; justify-content:center; width:40px; height:24px; border:1px solid rgba(24,103,178,0.6); border-radius:50px; background:#fff;}
.strategic-index-label {font-size:var(--font-size-14); font-weight:700; color:#1867b2; line-height:1.6em; letter-spacing:-.03em;}
.strategic-title {font-size:var(--font-size-32); font-weight:600; color:#242424; line-height:1.3em; letter-spacing:-.03em;}
.strategic-title-center {text-align:center;}
.strategic-purpose-copy {display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; padding:0;}
.strategic-keyword-row {display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; gap:10px; max-width:500px;}
.strategic-keyword-row .training-operation-badge-soft {border:0;}
.training-operation-badge-soft {border:0; letter-spacing:0em;}
.training-operation-badge-soft.training-operation-badge-blue {background:rgba(24,103,178,0.05);}
.training-operation-badge-soft.training-operation-badge-green {background:rgba(60,179,159,0.05);}
.strategic-lead {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-.03em;}
.strategic-cta {display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:4px; width:220px; height:50px; padding:0 5px; border:0; border-radius:80px; background:linear-gradient(103deg, #1867b2 0%, #3cb39f 100%); font-weight:500; color:#fff; line-height:1.5em; letter-spacing:-.03em; text-decoration:none; text-align:center; white-space:nowrap; cursor:pointer;}
.strategic-cta:hover {background:linear-gradient(103deg, #1867B2 0%, #1867B2 100%);}
.strategic-cta:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.strategic-cta-label {display:inline-block;}
.strategic-cta-icon {display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0;}
.strategic-cta-icon img {display:block; width:10.889px; height:14px;}
.strategic-purpose-visual {display:flex; flex-direction:column; flex:0 0 700px; align-items:stretch; justify-content:center; width:700px; align-self:stretch;}
.strategic-purpose-photo {border-radius:40px; overflow:hidden;}

.sub-sec {padding:var(--space-100) 0;}
.sub-sec.no-top {padding-top:0 !important;}
.sub-sec.no-bottom {padding-bottom:0 !important;}
.sub-sec.bg-gray  {background:linear-gradient(0deg, #FAFAFA 0%, #FAFAFA 100%), linear-gradient(97deg, rgba(24, 103, 178, 0.05) 0%, rgba(60, 179, 159, 0.05) 100%);}

.strategic-scope {position:relative; width:100%; overflow:hidden; background:url('/images/sub/strategic-scope-bg.jpg') 50% 50% / cover no-repeat;}
.strategic-pair {margin-top:var(--space-60); grid-template-columns:repeat(2, 1fr); display:grid; gap:var(--space-40); width:100%;}
.strategic-pair.ty2 {grid-template-columns:repeat(3, 1fr);}
.strategic-pair + .text {color:#686868; text-align:center; margin-top:var(--space-30);}

.strategic-panel {display:flex; flex-direction:column; align-items:stretch; flex-shrink:0; overflow:hidden; border-radius:24px; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.08);}
.strategic-panel-head {display:flex; align-items:center; justify-content:center; padding:16px 10px;}
.strategic-panel-head-blue {background:#1867b2;}
.strategic-panel-head-green {background:#3cb39f;}
.strategic-panel-title {font-size:var(--font-size-24); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.strategic-panel-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); padding:var(--space-40);}
.strategic-panel-body-grow {flex:1 1 auto; min-height:0;}
.strategic-panel-focus {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-25); width:100%; padding:0;}
.strategic-panel-icon {display:block; width:48px; height:48px;}
.strategic-panel-icon img {display:block; width:48px; height:48px;}
.strategic-panel-lead-stack {display:flex; flex-direction:column; align-items:center; gap:10px; padding:0;}
.strategic-panel-lead {font-size:var(--font-size-18); font-weight:500; color:#242424; line-height:1.7em; letter-spacing:-.03em; text-align:center;}
.strategic-panel-divider {display:block; height:1px; border:1px dashed #ddd; width:100%;}
.strategic-panel-notes {display:flex; flex-direction:column; align-items:center; gap:0; width:100%; padding:0;}
.strategic-panel-notes li {color:#3CB39F;}

.strategic-note {color:#686868; line-height:1.8em; letter-spacing:-.03em; text-align:center;}
.strategic-note a {color:#1867B2;}
.training-operation {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; margin:0;}
.training-operation-stack {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width: 100%;}
.training-operation-card {display:flex; flex-direction:row; align-items:stretch; width: 100%; background:#fff;}
.training-operation-aside {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-25); width:240px; flex-shrink:0; padding:var(--space-40); border-radius:16px 0 0 16px; box-sizing:border-box;}
.training-operation-aside-blue {border-left:3px solid #1867b2; background:rgba(24,103,178,0.03);}
.training-operation-aside-green {border-left:3px solid #3cb39f; background:rgba(60,179,159,0.03);}
.training-operation-aside-text {display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.training-operation-class-label {font-weight:700; line-height:1.5em; letter-spacing:-0.03em;}
.training-operation-class-label-blue {color:#1867b2;}
.training-operation-class-label-green {color:#3cb39f;}
.training-operation-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.03em;}
.training-operation-sub {font-weight:400; color:#454545; line-height:1.5em; letter-spacing:-0.03em;}
.training-operation-panel {display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:var(--space-25); flex:1; min-width:0; padding:var(--space-40); border:1px solid #ddd; border-left:0; border-radius:0 16px 16px 0; box-sizing:border-box;}
.training-operation-copy {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-15); flex:1; min-width:0;}
.training-operation-intro {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-15);}
.training-operation-badge {display:inline-flex; align-items:center; justify-content:center; padding:6px 16px; border-radius:50px; font-size:var(--font-size-14); font-weight:600; line-height:1.6em; letter-spacing:-0.03em; text-align:center; white-space:nowrap;}
.training-operation-badge-blue {color:#1867b2; border:1px solid rgba(24, 103, 178, 0.20);}
.training-operation-badge-green {color:#3cb39f; border:1px solid rgba(60, 179, 159, 0.20);}
.training-operation-desc {font-size:var(--font-size-18); font-weight:500; color:#454545; line-height:1.7em; letter-spacing:-0.03em;}
.training-operation-desc-dark {color:#242424;}
.training-operation-meta {display:flex; flex-direction:row; align-items:center; gap:10px;}
.training-operation-meta-label {font-weight:500; line-height:1.5em; letter-spacing:-0.03em;}
.training-operation-meta-blue {color:#1867b2;}
.training-operation-meta-green {color:#3cb39f;}
.training-operation-meta-bar {display:block; width:1px; height:12px; flex-shrink:0; background:#ddd;}
.training-operation-meta-text {font-weight:400; color:#454545; line-height:1.5em; letter-spacing:-0.03em;}
.training-operation-visual {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:92px; height:92px; padding:8px; box-sizing:border-box;}
.training-operation-visual img {display:block; max-width:100%; height:auto;}
.training-operation-visual-wide {padding:8px;}
.training-operation-visual-fill {padding:0;}
.strategic-track {margin-top:var(--space-60); width:100%; grid-template-columns:repeat(5, 1fr); display:grid;}
.strategic-track.ty2 {grid-template-columns:repeat(4, 1fr);}

.strategic-step {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); position:relative;}
.strategic-step:after {position:absolute; content:''; top:50%; transform:translateY(-50%); right:-28px; width:56px; height:16px; background:url('/images/sub/strategic-step-arrow.svg') 50% 50% / contain no-repeat;}
.strategic-step:last-child:after {display:none;}
.strategic-step-top {display:flex; flex-direction:column; align-items:center; gap:var(--space-15); padding:0;}
.strategic-step-tag {font-weight:700; line-height:1.5em; letter-spacing:-.03em; text-align:center;}
.strategic-step-tag-blue {color:#1867b2;}
.strategic-step-tag-green {color:#3cb39f;}
.strategic-step-badge {display:flex; align-items:center; justify-content:center; width:72px; height:72px; border:6px solid rgba(255,255,255,0.7); border-radius:50px;}
.strategic-step-badge-blue {background:#1867b2;}
.strategic-step-badge-green {background:#3cb39f;}
.strategic-step-badge img {display:block; width:32px; height:32px;}
.strategic-step-text {display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; white-space:nowrap;}
.strategic-step-text a {color:#1867B2; font-weight:600;}
.strategic-step-text a:hover {text-decoration:underline;}
.strategic-step-text-tight {gap:4px;}
.strategic-step-name {font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em;}
.strategic-step-org {color:#686868; line-height:1.5em; letter-spacing:-.03em;}

.strategic-contact {background:linear-gradient(90deg, #1867B2 0%, #3CB39F 100%); display:block; width:100%;}
.strategic-contact-inner {position:relative; z-index:1; display:flex; align-items:flex-end;}
.strategic-contact-text {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-25); flex:1;}
.strategic-contact-heading {font-family:'Paperlogy',sans-serif; font-size:var(--font-size-40); font-weight:600; color:#fff; line-height:1.2em; letter-spacing:-0.1em;}
.strategic-contact-heading img {margin:-6px 0 0 10px; vertical-align: middle;}

.strategic-contact-desc {font-size:var(--font-size-18); font-weight:500; color:rgba(255,255,255,0.8); line-height:1.4em; letter-spacing:-0.1em;}
.strategic-contact-actions {display:flex; flex-direction:row; align-items:center; gap:var(--space-15); flex-shrink:0;}
.strategic-contact-btn {display:inline-flex; align-items:center; justify-content:center; width:240px; height:60px; padding:8px 16px; border-radius:600px; border-width:1px; border-style:solid; font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-0.1em; text-decoration:none; text-align:center; white-space:nowrap; cursor:pointer;}
.strategic-contact-btn-call {border-color:rgba(255,255,255,0.5); background:#fff; color:#3cb39f;}
.strategic-contact-btn-call:hover {background-color: #1867B2; color: #fff; border-color:#1867B2;}
.strategic-contact-btn-call:focus-visible {outline:2px solid #fff; outline-offset:3px;}
.strategic-contact-btn-site {border-color:rgba(255,255,255,0.2); background:rgba(255,255,255,0.1); color:#fff;}
.strategic-contact-btn-site:hover {border-color:#fff; background:#fff; color:#3CB39F;}

.course-type {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; padding:100px 0; background:#fafafa;}

.course-type-intro {margin-top:var(--space-30); width:100%; font-weight:400; color:#686868; line-height:1.8em; letter-spacing:-0.1em; text-align:center;}
.course-type-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:1460px; padding-left:var(--contain-padding); padding-right:var(--contain-padding); max-width:100%;}
.course-type-feature {display:flex; flex-direction:column; align-items:center; width:100%;}
.course-type-cards-wrap {position:relative; width:1460px; padding-left:var(--contain-padding); padding-right:var(--contain-padding); max-width:100%;}
.course-type-cards-row {margin-top:var(--space-60); grid-template-columns: repeat(2, 1fr); gap:var(--space-30); display: grid;width:100%;}
.course-type-card {display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; padding:var(--space-40); overflow:hidden; border-radius:16px; border-top:3px solid #1867b2; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08);}
.course-type-card-ai {border-top-color:#3cb39f;}
.course-type-card-main {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-15); flex:1; min-width:0;}
.course-type-card-titles {display:flex; flex-direction:column; align-items:flex-start; gap:32px; width:100%;}
.course-type-card-label {font-weight:700; color:#1867b2; line-height:1.5em; letter-spacing:-0.1em; white-space:nowrap;}
.course-type-card-ai .course-type-card-label {color:#3cb39f;}
.course-type-card-name {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.1em; white-space:nowrap;}
.course-type-card-desc {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-0.1em;}
.course-type-card-icon {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:80px; height:80px; overflow:hidden; border-radius:16px; background:rgba(24,103,178,0.05);}
.course-type-card-ai .course-type-card-icon {background:rgba(60,179,159,0.05);}
.course-type-card-icon img {display:block; width:40px; height:40px; object-fit:contain;}
.course-type-arrow-mid {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.course-type-arrow-mid img {display:block; width:67px; height:auto;}
.course-type-pill {margin:var(--space-30) 0 var(--space-40); padding:var(--space-30); max-width:605px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; border:1px solid #1867b2; border-radius:800px; background:#fff;}
.course-type-pill-line {max-width:100%; font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-0.1em; text-align:center;}
.course-type-pill-accent-green {font-weight:700; color:#3cb39f;}
.course-type-pill-accent-blue {font-weight:700; color:#1867b2;}

.course-type-down {display:flex; align-items:center; justify-content:center;}
.course-type-guide {margin-top:var(--space-40); display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%; overflow:hidden;}
.course-type-guide-title {display:flex; align-items:center; justify-content:center; width:100%; height:64px; padding:16px 10px; border-radius:8px; background:#1867b2; font-size:var(--font-size-24); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-0.1em; text-align:center;}
.course-type-guide-grid {display:flex; flex-direction:row; align-items:flex-start; gap:var(--space-30); width:100%;}
.course-type-guide-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-15); flex:1; min-width:0; padding:var(--space-30); border:1px dashed #ddd; border-radius:16px; background:#fff;}
.course-type-guide-item-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.course-type-guide-num {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50px; background:#1867b2; font-size:12px; font-weight:600; color:#fff; line-height:1.8em; letter-spacing:-0.1em;}
.course-type-guide-item-title {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-0.1em; text-align:center; white-space:nowrap;}
.course-type-guide-item-text {font-weight:400; color:#454545; line-height:1.8em; letter-spacing:-0.1em; text-align:center;}
.course-type-guide-item-stack {display:flex; flex-direction:column; align-items:center; gap:0; width:100%;}

.eligibility-body {display:flex; flex-direction:column; align-items:center; gap:80px; width:100%;}
.eligibility-check {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.eligibility-check-title {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em; text-align:center; white-space:nowrap;}
.eligibility-check-row {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:var(--space-20); width:100%;}
.eligibility-check-item {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-15); flex:1; flex-shrink:0; padding:var(--space-30); border:1px dashed #ddd; border-radius:16px; background:#fff; white-space:nowrap;}
.eligibility-check-head {display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
.eligibility-check-num {display:block; font-size:var(--font-size-14); font-weight:600; color:#1867b2; line-height:1.6em; letter-spacing:-.03em;}
.eligibility-check-name {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em;}
.eligibility-check-text {display:flex; flex-direction:column; font-weight:400; color:#454545; line-height:1.8em; letter-spacing:-.03em;}
.eligibility-check-text p {margin:0;}
.eligibility-check-link a {font-weight:600; color:#1867b2; text-decoration:none;}
.eligibility-check-link a:hover {text-decoration:underline;}
.eligibility-check-link a:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.eligibility-check-arrow {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; height:24px;}
.eligibility-check-arrow img {display:block; width:18px; height:24px;}

.application-notice {background:linear-gradient(107.6deg, rgba(24, 103, 178, 0.05) 0%, rgba(60, 179, 159, 0.05) 100%), #fafafa;}
.application-notice {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; padding:var(--space-100) 0 var(--space-150);}
.program-course {display:flex; flex-direction:column; align-items:center; width:100%;}
.program-course-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:1460px; padding-left:var(--contain-padding); padding-right:var(--contain-padding); max-width:100%;}
.program-course-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%;}
.program-course-intro {width:100%; font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-0.1em; text-align:center;}
.program-course-cards {margin-top:var(--space-60); display:flex; flex-direction:row; align-items:stretch; justify-content:center; gap:var(--space-30);}
.program-course-card {display:flex; flex:1 1 0; min-width:0; padding:var(--space-40); overflow:hidden; border-radius:16px; border-top:3px solid #1867b2; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08); box-sizing:border-box;}
.program-course-card-green {border-top-color:#3cb39f;}
.program-course-card-main {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-15); width:100%;}
.program-course-card-head {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-30); width:100%;}
.program-course-badge {display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:6px; padding:4px 12px; border-radius:50px;}
.program-course-badge-blue {background:rgba(24,103,178,0.03);}
.program-course-badge-green {background:rgba(60,179,159,0.03);}
.program-course-badge-icon {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:16px; height:16px;}
.program-course-badge-icon img {display:block; width:16px; height:16px;}
.program-course-badge-label {font-weight:600; line-height:1.5em; letter-spacing:-0.1em; white-space:nowrap;}
.program-course-badge-blue .program-course-badge-label {color:#1867b2;}
.program-course-badge-green .program-course-badge-label {color:#3cb39f;}
.program-course-card-title {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.1em;}
.program-course-card-body {display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; font-weight:400; color:#454545; line-height:1.8em; letter-spacing:-0.1em;}
.program-course-card-line {margin:0;}

.business-guide {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; padding:0;}
.business-guide-stack {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-40); width: 100%;}
.business-guide-block {display:flex; flex-direction:column; align-items:stretch; width:100%; overflow:hidden; border-radius:0 16px 16px 0; background:#fff;}
.business-guide-head {display:flex; flex-direction:row; align-items:center; gap:var(--space-15); width:100%; padding:var(--space-25) var(--space-30); border-top:3px solid #1867b2; border-radius:16px 16px 0 0; box-sizing:border-box;}
.business-guide-head-blue {border-top-color:#1867b2; background:rgba(24,103,178,0.05);}
.business-guide-head-green {border-top-color:#3cb39f; background:rgba(60,179,159,0.05);}
.business-guide-num {font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-0.1em; white-space:nowrap;}
.business-guide-head-blue .business-guide-num {color:#1867b2;}
.business-guide-head-green .business-guide-num {color:#3cb39f;}
.business-guide-head-text {display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
.business-guide-heading {font-size:var(--font-size-24); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.1em;}
.business-guide-body {display:flex; flex-direction:row; align-items:stretch; width:100%;}
.business-guide-cell {flex:1 1 0; min-width:0; padding:var(--space-40); border-bottom:1px solid rgba(221,221,221,0.4); border-left:1px solid rgba(221,221,221,0.4); background:#fff; box-sizing:border-box;}
.business-guide-cell:first-child {border-radius:0 0 0 16px;}
.business-guide-cell:last-child {border-right:1px solid rgba(221,221,221,0.4); border-radius:0 0 16px 0;}
.business-guide-cell-inner {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-15);}
.business-guide-badge {display:inline-flex; align-items:center; justify-content:center; padding:6px 16px; border:1px solid rgba(24,103,178,0.2); border-radius:50px; font-size:var(--font-size-14); font-weight:600; line-height:1.6em; letter-spacing:-0.1em; text-align:center; white-space:nowrap;}
.business-guide-badge-blue {border-color:rgba(24,103,178,0.2); color:#1867b2;}
.business-guide-badge-green {border-color:rgba(60,179,159,0.2); color:#3cb39f;}
.business-guide-item-title {font-size:var(--font-size-24); font-weight:600; color:#242424; line-height:1.3em; letter-spacing:-0.1em;}
.business-guide-item-desc {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-0.1em;}
.application-notice .course-type-body {gap:var(--space-60);}

.application-notice-intro {margin-top:var(--space-30); width:100%; font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em; letter-spacing:-0.1em; text-align:center;}
.application-notice-cards {margin-top:var(--space-60); display:flex; flex-direction:row; align-items:stretch; justify-content:center; gap:var(--space-30); max-width:100%;}
.application-notice-card {display:flex; flex:1 1 0; min-width:0; padding:var(--space-40); overflow:hidden; border-radius:16px; border-top:3px solid #1867b2; background:#fff; box-shadow:0 0 8px rgba(0, 0, 0, 0.08);}
.application-notice-card-accent-green {border-top-color:#3cb39f;}
.application-notice-card-inner {display:flex; flex-direction:column; gap:var(--space-25); width:100%;}
.application-notice-card-head {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-30);}
.application-notice-badge {display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:6px; padding:4px 12px; border-radius:50px; background:rgba(24, 103, 178, 0.03);}
.application-notice-badge-green {background:rgba(60, 179, 159, 0.03);}
.application-notice-badge-icon {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:16px; height:16px;}
.application-notice-badge-icon img {display:block; width:16px; height:16px;}
.application-notice-badge-label {font-weight:600; color:#1867b2; line-height:1.5em; letter-spacing:-0.1em; white-space:nowrap;}
.application-notice-badge-green .application-notice-badge-label {color:#3cb39f;}
.application-notice-card-body {font-weight:400; color:#454545; line-height:1.8em; letter-spacing:-0.1em;}
.application-notice-card-body p {margin:0;}

.fund-course-wrap,
.edu-gallery-wrap {border-bottom:1px solid #ddd;}

.review-list {margin:0 -15px;}
.review-item {padding:0 15px;}
.review-item a {padding:var(--space-30); background-color:#fff; border-radius:24px; text-align:center; display:block;}
.review-item .tit {margin-bottom:var(--space-20); font-size:var(--font-size-20); font-weight:600; color:#242424; line-height:1.5em; height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.review-item .cont {line-height:1.6em; height:4.8em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.review-item .info {padding-top:var(--space-25); margin-top:var(--space-20); border-top:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.review-item .name {padding-right:var(--space-20); position:relative;}
.review-item .name:after {content:''; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:1px; height:16px; background:#ddd;}

#sub .review-list {padding-top:var(--space-30); border-top:1px solid #242424; display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-80) var(--space-30);}
#sub .review-item {padding:0;}
#sub .review-item a {position:relative;}
#sub .review-item a:after {border-radius:24px; position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}

/* 별점 평가 */
.review-product-rating ul {display:flex; gap:2px;}
.review-product-rating .rating-input-star {display:block; position:relative; width:24px; height:24px; background:url('/images/sub/star-empty.svg') 50% 50% / contain no-repeat; transition:.2s;}
.review-product-rating .rating-input-star input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.review-product-rating .hover .rating-input-star {background-image:url('/images/sub/star-filled.svg'); opacity:.5;}
.review-product-rating .selected .rating-input-star {background-image:url('/images/sub/star-filled.svg');}

.star {display:flex; gap:4px;}
.star-item {width:16px; height:16px; background-image:url('/images/sub/star-empty.svg'); background-size:contain; background-repeat:no-repeat; background-position:center;}
.star-item.on {background-image:url('/images/sub/star-filled.svg');}

.board-write-section {display:flex; flex-direction:row; align-items:stretch; width:100%; padding:var(--space-60) 0; background:#fff;}
.board-write-section-top {border-top:1px solid #000;}
.board-write-section-mid {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board-write-section-bottom {border-bottom:1px solid #000;}
.board-write-aside {width:400px; display:flex; align-items:center; flex-shrink:0; padding:0 var(--space-60);}
.board-write-heading {font-size:var(--font-size-28); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-.03em; text-align:center; white-space:nowrap;}
.board-write-panel {display:flex; flex-direction:column; gap:var(--space-20); width: 100%; max-width: 1000px;flex-shrink:0;}
.board-write-panel-stack {gap:var(--space-20);}
.board-write-field {display:flex; flex-direction:row; align-items:center; width:100%; padding:0;}
.board-write-field-route {align-items:stretch;}
.board-write-field-textarea {align-items:flex-start;}
.board-write-field-textarea .board-write-label-col {padding-top:var(--space-20);}
.board-write-label-col {display:flex; flex-direction:row; align-items:center; width:140px; flex-shrink:0; padding:var(--space-20) 0;}
.board-write-control-col {flex:1; min-width:0;}
.board-write-label {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.0em; letter-spacing:-.03em; white-space:nowrap;}
.board-write-label-plain {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.0em; letter-spacing:-.03em; white-space:nowrap;}
.board-write-required {font-size:var(--font-size-18); font-weight:600; color:#3cb39f; line-height:1.0em;}
.board-write-radio-box {display:flex; flex-direction:column; gap:var(--space-20); border-radius:8px; background:#fff;}
.board-write-radio-line {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:var(--space-20) var(--space-50);}
.board-write-choice {display:inline-flex; flex-direction:row; align-items:center; gap:10px; color:#454545; line-height:1.0em; letter-spacing:-.03em; cursor:pointer; white-space:nowrap;}
.board-write-choice input[type="radio"] {appearance:none; width:18px; height:18px; border:1px solid #ddd; border-radius:50%; background:#fff; flex-shrink:0; cursor:pointer;}
.board-write-choice input[type="radio"]:checked {border-color:#3cb39f; background:#3cb39f; box-shadow:inset 0 0 0 4px #fff;}
.board-write-choice input[type="radio"]:focus-visible {outline:2px solid #3cb39f; outline-offset:2px;}
.board-write-other {flex:1; display:flex; gap:var(--space-20);}
.board-write-input {height:60px; display:flex; align-items:center; width:100%; padding:var(--space-15); border:1px solid #ddd; border-radius:8px; background:#fff; font-weight:500; color:#242424; line-height:1.5em; letter-spacing:-.03em;}
.board-write-input::placeholder {color:#bebebe; opacity:1;}
.board-write-input-other {width:100%; max-width:600px; flex-shrink:0;}
.board-write-textarea {display:block; width:100%; height:260px; padding:var(--space-15); border:1px solid #ddd; border-radius:8px; background:#fff; font-weight:500; color:#242424; line-height:1.5em; letter-spacing:-.03em; resize:vertical;}
.board-write-textarea::placeholder {color:#bebebe; opacity:1;}
.board-write-file-inner {display:flex; flex-direction:row; align-items:stretch; width:100%;}
.board-write-file-display {display:flex; flex-direction:row; align-items:center; flex:1; min-width:0; padding:var(--space-15); border:1px solid #ddd; border-right:0; border-radius:8px 0 0 8px; background:#fff;}
.board-write-file-placeholder {font-weight:500; color:#bebebe; line-height:1.5em; letter-spacing:-.03em;}
.board-write-file-btn {position:relative; display:inline-flex; flex-direction:row; align-items:center; justify-content:center; width:100px; flex-shrink:0; padding:var(--space-15); border-radius:0 8px 8px 0; background:#000; font-weight:500; color:#fff; line-height:1.5em; letter-spacing:-.03em; cursor:pointer;}
.board-write-file-btn-text {pointer-events:none;}
.board-write-file-native {position:absolute; inset:0; width:100%; height:100%; padding:0; opacity:0; cursor:pointer;}
.board-write-captcha-wrap {display:flex; flex-direction:row; align-items:center; gap:10px; width:100%;}
.board-write-captcha-wrap img {display:block; width:120px; height:60px; flex-shrink:0; border-radius:8px; object-fit:cover;}
.board-write-captcha-input {flex:1; min-width:0; width:auto; height:60px;}

.course-view {width: 100%; padding-left:var(--contain-padding); padding-right:var(--contain-padding); margin:0 auto; padding:0 0 var(--space-100) 0;}
.course-intro {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; padding:0;}
.course-spec {width:100%; padding:0;}
.course-spec-line {display:block; width:100%; height:1px; padding:0; background:#242424;}
.course-spec-table {width: 100%; padding-left:var(--contain-padding); padding-right:var(--contain-padding); border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.course-spec-col-label {width:14.28%;}
.course-spec-col-value {width:35.72%;}
.course-spec-table th {height:60px; padding:0 12px; border:1px solid #ddd; background:rgba(24,103,178,0.03); font-weight:600; color:#242424; line-height:1.6em; letter-spacing:-.03em; text-align:center; vertical-align:middle;}
.course-spec-table td {height:60px; padding:0 12px; border:1px solid #ddd; background:#fff; color:#454545; line-height:1.6em; letter-spacing:-.03em; text-align:center; vertical-align:middle;}
.course-spec-table td time {display:inline-block;}
.course-spec-cross {text-decoration:line-through; text-decoration-skip-ink:none;}
.course-apply {display:flex; justify-content:center; width:100%; padding:0;}
.course-apply-link {display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:5px; width:220px; height:60px; padding:0 30px; border-radius:60px; background:#1867b2; font-family:'Paperlogy',sans-serif; font-weight:600; color:#fff; line-height:1.5em; letter-spacing:-.03em; text-decoration:none; text-align:center; white-space:nowrap;}
.course-apply-link:hover {background-color: #3CB39F;}
.course-apply-link:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.course-apply-label {display:inline-block;}
.course-apply-icon {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}
.course-apply-icon img {display:block; width:18px; height:18px;}
.course-detail {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-30); width:100%; margin:80px 0 0 0; padding:0;}
.course-detail-head {display:flex; flex-direction:row; align-items:center; gap:10px; width:100%; padding:0;}
.course-detail-bar {display:block; flex-shrink:0; width:3px; height:22px; border-radius:60px; background:#1867b2;}
.course-detail-title {padding:0; font-family:'Paperlogy',sans-serif; font-size:var(--font-size-22); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-.03em; white-space:nowrap;}
.course-detail-body {display:flex; align-items:center; justify-content:center; width:100%; min-height:1500px; padding:450px 330px; background:#eee;}
.course-detail-placeholder {padding:0; font-size:var(--font-size-28); font-weight:600; color:#b7b4b4; line-height:1.4em; letter-spacing:-.03em; text-align:center;}
.course-pager {display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; padding-left:var(--contain-padding); padding-right:var(--contain-padding); padding:0;}
.course-pager-actions {display:flex; flex-direction:row; align-items:center; gap:var(--space-30);}
.course-pager-rule {display:block; width:1px; height:40px; flex-shrink:0; background:#ddd;}
.course-pager-link {display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:0; font-weight:500; color:#686868; line-height:1.0em; letter-spacing:-.03em; text-decoration:none; white-space:nowrap;}
.course-pager-link:hover {text-decoration:underline;}
.course-pager-link:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.course-pager-back .course-pager-text {margin-left:8px;}
.course-pager-prev .course-pager-text {margin-left:8px;}
.course-pager-next .course-pager-text {margin-right:8px;}
.course-pager-icon-wrap {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}
.course-pager-icon {display:block; width:24px; height:48px;}

.apply-form-sections {width:100%; padding:0;}
.apply-form-period {display:flex; flex-direction:row; align-items:center; gap:10px; flex-wrap:nowrap;}
.apply-form-period-input {width:100%; max-width:300px; flex-shrink:0;}
.apply-form-period-tilde {font-weight:500; color:#454545; line-height:1.5em; letter-spacing:-0.1em;}
.board-write-field-address {align-items:flex-start;}
.board-write-field-address .board-write-label-col {padding-top:21px;}
.apply-form-address {display:flex; flex-direction:column; align-items:stretch; gap:10px; width:100%; max-width:860px;}
.apply-form-zip-row {display:flex; flex-direction:row; align-items:center; gap:10px; flex-wrap:nowrap;}
.apply-form-input-zip {width:120px; flex-shrink:0; max-width:100%;}
.apply-form-zip-btn {display:inline-flex; align-items:center; justify-content:center; width:100px; height:60px; flex-shrink:0; padding:var(--space-15); border:0; border-radius:8px; background:#000; font-weight:500; color:#fff; line-height:1.5em; letter-spacing:-0.1em; cursor:pointer;}
.apply-form-zip-btn:focus-visible {outline:2px solid #3cb39f; outline-offset:2px;}
.apply-form-date-row {display:flex; flex-direction:row; align-items:center; gap:10px; flex-wrap:nowrap;}
.apply-form-input-birth {width:100%; flex-shrink:0; max-width:790px;}
.apply-form-date-row .ui-datepicker-trigger {width:60px; height:60px; border-color:#ddd; border-radius:8px;}
.apply-form .board-write-captcha-input {    flex: 0 0 730px;
    width: 100%;
    max-width: 730px;}
.apply-form-section-path {border-bottom:1px solid #000;}
.apply-form-privacy {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); width:1460px; padding-left:var(--contain-padding); padding-right:var(--contain-padding); max-width:100%; margin:0 auto;}
.apply-form-privacy-block {display:flex; flex-direction:column; align-items:flex-start; gap:19px; width:100%; padding:0;}
.apply-form-privacy-title {font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.0em; letter-spacing:-0.1em; width:100%;}
.apply-form-privacy-box {width:100%; height:180px; padding:var(--space-15); border:1px solid #ddd; border-radius:8px; background:#fff; overflow-y:auto;}
.apply-form-privacy-text {color:#686868; line-height:1.5em; letter-spacing:-0.1em;}
.apply-form-agree-row {display:flex; flex-direction:row; align-items:center; gap:12px; flex-wrap:wrap;}
.apply-form-consent {position:relative; display:flex; flex-direction:row; align-items:center; gap:12px; cursor:pointer;}
.apply-form-consent-input {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap;}
.apply-form-consent-box {display:flex; align-items:center; justify-content:center; width:24px; height:24px; flex-shrink:0; border:1px solid #ddd; border-radius:5px; background:#fff;}
.apply-form-consent-input:checked + .apply-form-consent-box {background-image:url('/images/sub/apply-form-check.svg'); background-position:50% 50%; background-repeat:no-repeat; background-size:14px 10px;}
.apply-form-consent-input:focus-visible + .apply-form-consent-box {outline:2px solid #3cb39f; outline-offset:2px;}
.apply-form-consent-label {font-size:var(--font-size-18); font-weight:500; color:#454545; line-height:1.0em; letter-spacing:-0.1em;}
.apply-form-policy-btn {display:inline-flex; align-items:center; justify-content:center; height:24px; padding:0 10px; border:1px solid #ddd; border-radius:0; background:#fff; font-size:13px; font-weight:400; color:#686868; line-height:1.0em; letter-spacing:-0.1em; cursor:pointer;}
.apply-form-policy-btn:focus-visible {outline:2px solid #3cb39f; outline-offset:2px;}
.apply-form-submit {display:inline-flex; align-items:center; justify-content:center; width:240px; height:60px; padding:0; border:0; border-radius:8px; background:#1867b2; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:1.0em; letter-spacing:-0.1em; cursor:pointer;}
.apply-form-submit:hover {opacity:0.95;}
.apply-form-submit:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}

.apply-complete {max-width:1000px; width: 100%; margin:0 auto; padding:var(--space-50); border:1px solid #ddd; border-radius:24px; background:#fff;}
.apply-complete-stack {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-50); width:100%; padding:0;}
.apply-complete-block {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-20); width:100%; padding:0;}
.apply-complete-head {display:flex; flex-direction:row; align-items:center; gap:5px; width:100%; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.apply-complete-head-icon {width:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); aspect-ratio:1 / 1; display: flex;}
.apply-complete-title {padding:0; font-family:'Paperlogy',sans-serif; font-size:var(--font-size-18); font-weight:600; color:#242424; line-height:1.4em; letter-spacing:-0.1em; white-space:nowrap;}
.apply-complete-rows {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-20); width:100%; padding:0;}
.apply-complete-row {display:flex; flex-direction:row; align-items:center; gap:10px;}
.apply-complete-label {display:flex; align-items:center; flex-shrink:0; width:170px; padding-left:var(--space-30); border-radius:8px; background:#fff;}
.apply-complete-label span {font-weight:500; color:#242424; line-height:1.1em; letter-spacing:-0.1em; white-space:nowrap;}
.apply-complete-value {display:flex; align-items:center; flex-shrink:0; width: 100%; max-width:720px; height:56px; padding:0 15px; border:1px solid #ddd; border-radius:8px; background:#fff;}
.apply-complete-value p {color:#454545; line-height:1.5em; letter-spacing:-0.1em;}
.apply-complete-actions {display:flex; flex-direction:row; align-items:flex-start; justify-content:center; gap:10px; width:100%; padding:0;}
.apply-complete-btn {display:inline-flex; align-items:center; justify-content:center; width:230px; height:60px; padding:0; border:0; border-radius:8px; font-size:var(--font-size-18); font-weight:500; color:#fff; line-height:0.9em; letter-spacing:-0.1em; text-decoration:none; text-align:center; white-space:nowrap; cursor:pointer;}
.apply-complete-btn-home {background:#1867b2;}
.apply-complete-btn-courses {background:#3cb39f;}
.apply-complete-btn:hover {opacity:0.95;}
.apply-complete-btn:focus-visible {outline:2px solid #1867b2; outline-offset:2px;}
.apply-complete-btn-courses:focus-visible {outline-color:#3cb39f;}

.apply-check {display:flex; flex-direction:column; align-items:center; width:100%; padding:0;}
.apply-check-stack {display:flex; flex-direction:column; align-items:center; gap:40px; width:100%;}
.apply-check-intro {display:flex; flex-direction:column; align-items:center; gap:23px; width:439px; max-width:100%; text-align:center;}
.apply-check-title {font-size:var(--font-size-28); font-weight:600; color:#242424; line-height:1.3em; letter-spacing:-0.1em;}
.apply-check-lead {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.4em; letter-spacing:-0.1em;}
.apply-check-form {display:flex; flex-direction:column; align-items:stretch; gap:30px; width:470px; max-width:100%; margin:0; padding:0;}
.apply-check-fields {display:flex; flex-direction:column; gap:10px; width:100%;}
.apply-check-field {width:100%;}
.apply-check-input {box-sizing:border-box; width:100%; height:54px; padding:0 15px; border:1px solid #ddd; border-radius:8px; background:#fff; font-size:16px; font-weight:400; color:#242424; line-height:1.0em; letter-spacing:-0.1em;}
.apply-check-input::placeholder {color:#868686; opacity:1;}
.apply-check-actions {width:100%;}
.apply-check-submit {display:inline-flex; align-items:center; justify-content:center; width:100%; height:60px; padding:0; border:0; border-radius:60px; background:#1867b2; font-size:var(--font-size-18); font-weight:600; color:#fff; line-height:0.9em; letter-spacing:-0.1em; cursor:pointer;}
.apply-check-submit:hover {opacity:0.95;}