@charset "utf-8";/* ===== Design Tokens ===== */:root { --iium-content: 1150px; --iium-align-gutter: max(0px, (100vw - var(--iium-content)) / 2); --iium-swiper-offset: var(--iium-align-gutter); --iium-edu-card-w: min(364px, calc(100vw - var(--iium-swiper-offset) - 30px)); /* Brand */
  --iium-color-primary: #4DB74B; /* Accent */
  --iium-color-point: #E14119; --iium-color-orange: #F7941C; /* Text */
  --iium-color-text: #000; --iium-color-text-sub: #666; --iium-color-text-muted: #767676; --iium-color-text-placeholder: #999; /* Surface */
  --iium-color-white: #fff; --iium-color-bg: #F6F7F9; --iium-color-bg-light: #F1F1F1; --iium-color-bg-placeholder: #E0E0E0; /* Border */
  --iium-color-border: #DDDDDD; --iium-color-border-input: #767676; --iium-color-border-table: #B6B7B9; --iium-color-border-btn: #CCC; /* State */
  --iium-color-disabled-icon: #ccc; --iium-color-scrollbar-track: #BBB; }

/* ==================== Common ==================== */
.iium-wrap { width: 100%; max-width: var(--iium-content); margin-inline: auto; box-sizing: border-box; font-size: 16px; position: relative; min-width: 0; }
.iium-wrap .tab-type1 { margin-top: 80px; }
.iium-wrap .table-type1 table tbody th { text-align: center; }
.footer .privacy-policy { color: var(--iium-color-primary); }

/* === Header { === */
/* 헤더 휴관일 */
.header-menu .closed-day { margin-left:auto; display: flex; align-items: center; gap: 7px; background: #EEEEEE; height: 48px; border-radius: 24px; padding: 10px 20px; font-weight: 500; }
.header-menu .closed-day .date { font-size: 18px; }
.header-menu .closed-day .bedge { display: flex; align-items: center; font-size: 16px; height: 28px; border-radius: 14px; padding: 0 14px; background: #C02E2E; color: #FFF; }

.iium-header-p { font-size: 18px; margin-top: 8px; }
/* === } Header === */


/* ===== More Arrow (공통) ===== */
.iium-more-arrow { position: relative; display: flex; align-items: center; height: 22px; padding-right: 7px; }
.iium-more-arrow::after { content: ''; position: absolute; display: block; width: 22px; height: 22px; border-radius: 50%; background: #E4E4E4; z-index: -1; top: 0; right: 0; transition: background-color 0.3s; }
.iium-edu-card:hover .iium-more-arrow::after, .iium-notice-item:hover .iium-more-arrow::after { background: rgba(77, 183, 75, 0.2); }

/* ==================== Main (index) ==================== */
.main-slider .swiper-slide .link { cursor: default; }
.main-slider .swiper-slide .bg::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; z-index: 1; }
.iium-main-bg-slogan { position: absolute; font-size: 44px; color: #FFF; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.iium-main-section { max-width: 100%; overflow-x: clip; }
.main-contents { overflow-x: clip; }
.iium-main-section-title span { display: block; line-height: normal; }
.iium-main-section-title .eng { color: var(--iium-color-primary); font-size: 18px; }
.iium-main-section-title .kor { font-size: 40px; font-weight: 600; margin-top: 10px; }

/* ----- 교육프로그램 ----- */
.iium-main-edu-program { padding: 80px 0; border-radius: 0 0 0 300px; overflow: hidden; background: url("../images/common/bg-main-swiper.jpg") center / cover no-repeat; }
.iium-main-edu-program .iium-main-section-title-wrap, .iium-main-edu-program-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }

.iium-swiper-edu-wrap { margin-top: 30px; position: relative; overflow: visible; width: calc(100% + 40px); left: -20px; top: -20px; }
.iium-swiper-edu { padding: 20px; width: 100%; box-sizing: border-box; }
.iium-edu-card { border-radius: 20px; box-shadow: 0px 0px 12px rgba(113, 113, 113, 0.25); box-sizing: border-box; overflow: hidden; border: 1px solid #FFF; transition: border-color .3s; }
.iium-edu-card:hover { border-color: var(--iium-color-primary); }
.iium-edu-card-link { background: #FFF; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; height: 100%; padding: 45px 40px; color: inherit; text-decoration: none; box-sizing: border-box; }
.iium-edu-card-badge-wrap { display: flex; flex-wrap: wrap; gap: 9px; }
.iium-edu-card-badge { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border: 1px solid; border-radius: 14px; font-size: 14px; font-weight: 500; line-height: 1; }
.iium-edu-card-badge.type-green { border-color: var(--iium-color-primary); color: var(--iium-color-primary); }
.iium-edu-card-badge.type-orange { border-color: var(--iium-color-orange); color: var(--iium-color-orange); }
.iium-edu-card-title { margin-top: 15px; font-size: 22px; font-weight: 700; line-height: 1.35; color: var(--iium-color-text); height: 2lh; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.iium-edu-card-thumb img { display: block; width: 100%; height: 160px; object-fit: cover; }
.iium-edu-card-desc { margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 1.5; height: 2lh; color: var(--iium-color-text-muted); word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.iium-edu-card-more-wrap { display: flex; align-items: center; justify-content: flex-end; gap: 7px; font-size: 14px; color: var(--iium-color-text-muted); }
.iium-swiper-edu-nav { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; gap: 16px; }
.iium-swiper-edu-pagination { display: flex; width: auto; gap: 2px; font-weight: 500; }
.iium-swiper-edu-pagination .swiper-pagination-current { color: var(--iium-color-primary); }
.iium-swiper-edu-btn-wrap { display: flex; align-items: center; gap: 10px; }
.iium-swiper-edu-btn { background: #FFF; width: 40px; height: 40px; border: 1px solid var(--iium-color-border); border-radius: 50%; transition: color 0.3s, background 0.3s, border-color 0.3s; }
.iium-swiper-edu-btn:hover { border-color: var(--iium-color-primary); color: var(--iium-color-primary); }

/* ----- 소식 ----- */
.iium-main-notice { position: relative; padding-top:80px; margin-bottom: 80px; }
.iium-main-notice .iium-wrap { position: relative; z-index: 1; }
.iium-notice-layout { display: flex; align-items: flex-start; gap: 80px; }
.iium-notice-side { flex: 0 0 198px; }
.iium-notice-side .iium-main-section-title-wrap { display: block; }
.iium-notice-tab-nav ul { list-style: none; margin-top: 33px; padding: 0; display: flex; flex-direction: column; gap: 26px; }
.iium-notice-tab-nav button { padding: 0; border: none; background: none; font-size: 20px; font-weight: 400; color: var(--iium-color-text-muted); cursor: pointer; transition: 0.3s; }
.iium-notice-tab-nav button:hover { color: var(--iium-color-primary); font-weight: 600; }
.iium-notice-tab-nav button.active { background: var(--iium-color-primary); padding: 8px 20px; border-radius: 99px; color: #FFF; font-weight: 600; }
.iium-notice-panel-wrap { flex: 1; min-width: 0; }
.iium-notice-tab-panel { list-style: none; margin: 0; padding: 0; }
.iium-notice-tab-panel > li { display: flex; flex-direction: column; }
.iium-notice-tab-panel > li:not(.active) { display: none; }
.iium-notice-list { list-style: none; margin: 0; padding: 0; }
.iium-notice-item { border-bottom: 1px solid var(--iium-color-border); }
.iium-notice-item-link { display: flex; align-items: center; gap: 48px; padding: 20px 0; color: inherit; text-decoration: none; }
.iium-notice-list > li:first-of-type .iium-notice-item-link { padding-top: 0; }
.iium-notice-item-cont { display: flex; align-items: center; flex: 1; min-width: 0; gap: 48px; }
.iium-notice-item-main { display: flex; align-items: center; justify-content: flex-start; flex: 1; min-width: 0; }
.iium-notice-item-date { flex: 0 0 90px; text-align: center; display: block; font-size: 16px; font-weight: 400; color: var(--iium-color-text-muted); transition: color 0.3s; }
/* .iium-notice-item:hover .iium-notice-item-date { color: var(--iium-color-primary); } */
.iium-notice-item-cate { display: block; width: 110px; font-size: 16px; font-weight: 500; color: var(--iium-color-primary); }
.iium-notice-item-title { font-size: 22px; font-weight: 600; line-height: normal; line-height: normal; flex: 1; min-width: 0; margin: 0; color: var(--iium-color-text); }
.iium-notice-item-title > span { position: relative; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.iium-notice-item-title > span::before { content: ''; position: absolute; display: block; width: 0; height: 0.6lh; border-radius: 99px; bottom: 0; left: 0; background: rgba(77, 183, 75, .2); transition: 0.3s; }
.iium-notice-item:hover .iium-notice-item-title { text-decoration: underline; }
.iium-notice-item:hover .iium-notice-item-title > span::before { width: 100%; }
.iium-notice-more-btn { margin-top: 10px; margin-left: auto; border-radius: 4px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--iium-color-primary); color: var(--iium-color-white); font-size: 28px; line-height: 1; text-decoration: none; transition: background-color 0.3s; }
.iium-notice-more-btn i { transition: 0.3s; }
.iium-notice-more-btn:hover i { rotate: 90deg; }

/* ----- 관련사이트 배너 ----- */
.iium-main-related-sites { margin-top: 0; margin-bottom: 80px; }
.iium-main-related-sites-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.iium-main-related-sites-tit { font-family: 'Pretendard', sans-serif; font-style: normal; font-weight: 600; font-size: 22px; line-height: normal; }
.iium-related-swiper-wrap { margin-top: 26px; }
.iium-related-swiper { width: 100%; }
.iium-related-swiper .swiper-slide { height: auto; }
.iium-related-swiper-nav { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; gap: 16px; }
.iium-related-swiper-btn-wrap { display: flex; align-items: center; justify-content: flex-end; gap: 0px; }
.iium-related-swiper-btn { display: flex; align-items: center; justify-content: center; background: #FFF; width: 28px; aspect-ratio: 1/1; transition: 0.2s; }
.iium-related-swiper-btn:hover { color: var(--iium-color-primary); }
.iium-related-swiper-btn i { font-size: 24px; line-height: normal; }
.iium-related-sites-list { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; }
.iium-related-sites-list > li { flex: 1; min-width: 0; }
.iium-related-sites-item { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; overflow: hidden; aspect-ratio: 265 / 87; border: 1px solid var(--iium-color-border); border-radius: 8px; background: var(--iium-color-white); color: inherit; text-decoration: none; box-sizing: border-box; transition: border-color 0.3s; }
.iium-related-sites-item:hover { border-color: var(--iium-color-primary); }
.iium-related-sites-item img { display: block; height: 100%; width: 100%; object-fit: contain; object-position: center; }


/* ==================== Sub ==================== */
/* ----- 텍스트 ----- */
.iium-subtitle { font-family: 'Pretendard', sans-serif; font-style: normal; font-weight: 500; font-size: 25px; line-height: 1.2; color: var(--iium-color-text); margin-bottom: 20px; }
/* ----- 접근성 ----- */
.iium-form .sr-only, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* ----- Table 1 — ul/li flex 입력 폼 테이블 ----- */
.iium-table1 { border-top: 3px solid var(--iium-color-text); }
.iium-table1 .row { display: flex; align-items: stretch; border-bottom: 1px solid var(--iium-color-border); min-height: 60px; }
.iium-table1 .row-wrap { display: flex; align-items: stretch; width: 100%; min-height: 60px; }
.iium-table1 .row-wrap.horizontal { flex-direction: row; }
.iium-table1 .row-wrap.vertical { flex-direction: column; }
.iium-table1 .row-item { display: flex; flex: 1; align-items: stretch; min-height: 60px; }
.iium-table1 .row-wrap.horizontal .row-item:not(:first-child) { border-left: 1px solid var(--iium-color-border); }
.iium-table1 .row-wrap.horizontal .row-item:last-child { border-bottom: none; }
.iium-table1 .row-wrap.vertical .row-item.td-only:not(:last-child) { border-bottom: none; }
.iium-table1 .row-wrap.vertical .row-item:last-child { border-left: none; }
.iium-table1 .row-wrap.vertical .row-item:not(:last-child) { border-bottom: 1px solid var(--iium-color-border); }
.iium-table1 .th { flex: 0 0 180px; display: flex; align-items: center; justify-content: center; padding: 10px; background: var(--iium-color-bg); font-weight: 700; color: var(--iium-color-text); border-right: 1px solid var(--iium-color-border); }
.iium-table1 .th.th-half { flex: 0 0 90px; }
.iium-table1 .th .require::before { content: '*'; display: inline-block; color: var(--iium-color-primary); margin-right: 3px; }
.iium-table1 .td { flex: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px; background: var(--iium-color-white); }
.iium-table1 .td.td-inner { padding: 0; }
.iium-table1 .td.flex-field { width: calc(100% - 220px); max-width: 355px; }
.iium-table1 .td.flex-field .iium-input { flex: 1 1 0; }
.iium-table1 .age-wrap { padding: 10px; }

/* ----- Table 2 — HTML table 조회용 테이블 ----- */
/* 일정 너비 이하에서 가로 스크롤로 내용 확인 */
.iium-table2-section { margin-top: 80px; }
.iium-table2-wrap { width: 100%; position: relative; }
.iium-table2-scroll { width: 100%; }
.iium-table2-wrap > .icoTouch { display: none; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/common/ico_mobile_grab.svg") no-repeat center center / contain; z-index: 10; pointer-events: none; }
.iium-table2 { width: 100%; max-width: var(--iium-content); border-collapse: collapse; border-top: 2px solid var(--iium-color-text); font-size: 16px; }
.iium-table2 thead { background: var(--iium-color-bg); font-weight: 700; color: var(--iium-color-text); text-align: center; }
.iium-table2 thead th { padding: 10px 8px; border-right: 1px solid var(--iium-color-border-table); vertical-align: middle; word-break: keep-all; border-bottom: 1px solid var(--iium-color-border-table); }
.iium-table2 thead th[colspan] { border-bottom: 1px solid var(--iium-color-border-table); }
.iium-table2 thead th:last-child { border-right: none; }
.iium-table2 tbody th[scope="row"], .iium-table2 tbody td { padding: 12px 8px; border-bottom: 1px solid var(--iium-color-border-table); border-right: 1px solid var(--iium-color-border-table); text-align: center; vertical-align: middle; color: var(--iium-color-text); word-break: keep-all; }
.iium-table2 tbody td:last-child { border-right: none; }
.iium-table2-note { margin-top: 10px; font-size: 16px; font-weight: 500; color: var(--iium-color-point); }
.iium-table2 .list-dash { list-style: none; text-align: left; padding: 0 4px; }
.iium-table2 .list-dash li { position: relative; padding-left: 10px; }
.iium-table2 .list-dash li::before { content: ''; position: absolute; display: block; height: 1px; width: 4px; background: var(--iium-color-text); left: 0; top: 0.5lh; }

/* ----- Form ----- */
.iium-form .section + .section { margin-top: 46px; }
/* 개인정보 수집 및 이용동의 안내 */
.iium-form .privacy-box { height: 216px; padding: 25px 32px; background: var(--iium-color-bg); overflow-y: auto; font-size: 16px; line-height: 1.6; color: var(--iium-color-text-muted); box-sizing: border-box; }
.iium-form .privacy-box::-webkit-scrollbar { width: 4px; }
.iium-form .privacy-box::-webkit-scrollbar-track { background: var(--iium-color-scrollbar-track); }
.iium-form .privacy-box::-webkit-scrollbar-thumb { background: var(--iium-color-text); border-radius: 4px; }
.iium-form .privacy-agree { margin-top: 16px; }
/* Input */
.iium-form .iium-input { flex: 0 1 335px; min-width: 0; border-color: var(--iium-color-border-input); font-size: 16px; box-sizing: border-box; height: 40px; padding: 0 10px; }
.iium-form textarea.iium-input { min-height: 80px; padding: 8px 10px; resize: vertical; }
.iium-form .iium-input.w-100 { flex: 1; }
.iium-form .iium-input[type="number"] { flex: 0 0 50px; text-align: right; border: none; border-bottom: 1px solid var(--iium-color-border-input); }
.iium-form .iium-input.number { flex: 0 0 50px; text-align: right; border: none; border-bottom: 1px solid var(--iium-color-border-input); }
.iium-form .iium-input::placeholder { font-size: 16px; }
/* Radio & Checkbox — iium 전용 (.inp-chk 대체, px 고정으로 common.css rem 반응형 영향 차단) */
.iium-form .iium-chk { position: relative; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; white-space: nowrap; }
.iium-form .iium-chk input { position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin: 0; opacity: 0; cursor: pointer; }
.iium-form .iium-chk input ~ .ic { flex: none; order: 0; flex-grow: 0; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--iium-color-border-input); background: var(--iium-color-white); box-sizing: border-box; }
.iium-form .iium-chk .t { font-size: 16px; font-weight: 400; color: var(--iium-color-text); }
.iium-form .iium-chk input:disabled, .iium-form .iium-chk input:disabled ~ * { cursor: default; }
/* checkbox */
.iium-form .iium-chk [type='checkbox'] ~ .ic { position: relative; }
.iium-form .iium-chk [type='checkbox']:checked ~ .ic { border-color: var(--iium-color-primary); background: var(--iium-color-white); }
.iium-form .iium-chk [type='checkbox']:checked ~ .ic::after { font-family: 'remixicon'; content: '\eb7b'; font-size: 18px; line-height: 1; color: var(--iium-color-primary); }
.iium-form .iium-chk [type='checkbox']:disabled ~ .ic { border-color: var(--iium-color-border); background: var(--iium-color-bg); }
.iium-form .iium-chk [type='checkbox']:checked:disabled ~ .ic { border-color: var(--iium-color-border); }
.iium-form .iium-chk [type='checkbox']:checked:disabled ~ .ic::after { color: var(--iium-color-disabled-icon); }
/* radio */
.iium-form .iium-chk [type='radio'] ~ .ic { border-radius: 50%; }
.iium-form .iium-chk [type='radio']:checked ~ .ic { border-color: var(--iium-color-primary); background: var(--iium-color-white); }
.iium-form .iium-chk [type='radio']:checked ~ .ic::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--iium-color-primary); }
.iium-form .iium-chk [type='radio']:disabled ~ .ic { border-color: var(--iium-color-border); background: var(--iium-color-bg); }
.iium-form .iium-chk [type='radio']:checked:disabled ~ .ic::after { background: var(--iium-color-disabled-icon); }
/* fieldset — 그룹 라벨(legend) + ul/li 표 레이아웃 유지 */
.iium-form .iium-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.iium-form .td > .iium-fieldset, .iium-form .td.flex-field > .iium-fieldset { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.iium-form .td.td-inner > .iium-fieldset { display: block; width: 100%; }
.iium-form .privacy-agree .iium-fieldset { display: block; }
.iium-form .iium-fieldset .select-facility-wrap { width: 100%; display: flex; flex-direction: column; gap: 5px; }
.iium-form .iium-fieldset .select-facility-wrap > li.field-wrap { border-top: 1px solid #DDD; padding-top: 10px; flex-direction: column; align-items: flex-start; }
/* .iium-form .select-facility-wrap .facility-category { } */
.iium-form .select-facility-wrap .facility-room { flex: 1 1 0; min-width: 0; width: 100%; padding-left: 22px; display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); }
.iium-form .iium-fieldset .select-meetingroom-wrap { display: flex; flex: 1; }
.iium-form .iium-fieldset .select-meetingroom-wrap > div:not(.field-wrap){ display: flex; flex: 1; }
.iium-form .field-wrap { display: flex; flex-wrap: wrap; align-items: center; }
.iium-form .field-wrap.gap-s { gap: 10px 16px; }
.iium-form .field-wrap.gap-m { gap: 10px 22px; }
.iium-form .field-wrap.gap-l { gap: 10px 30px; }
.iium-form .field-wrap label.age { min-width: 40px; text-align: right; }
.iium-form .form-note { font-size: 16px; color: var(--iium-color-text); }
.iium-form .number-field { display: flex; align-items: center; gap: 2px; }
.iium-form .number-field .unit { font-size: 16px; color: var(--iium-color-text); }
/* 파일 업로드 — 숨긴 input + label 버튼 패턴 */
.iium-form .file-upload { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; width: 100%; }
.iium-form .file-upload .file-selected-name { font-size: 16px; color: var(--iium-color-text); }
.iium-form .file-upload .file-guide { font-size: 16px; color: var(--iium-color-text-sub); }
.iium-form .date-picker-field { position: relative; display: inline-flex; flex: 0 1 335px; width: 100%; max-width: 335px; }
/* 장식용 달력 아이콘(remixicon) — 의미는 label·input이 담당, 스크린리더 대상 아님 */
.iium-form .date-picker-field::after { font-family: 'remixicon'; content: '\eb21'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; color: var(--iium-color-text-muted); pointer-events: none; }
.iium-form .date-picker-field .iium-input.date-picker { flex: 1; width: 100%; max-width: none; padding-right: 40px; background-color: var(--iium-color-white); border: 1px solid var(--iium-color-border-input); cursor: pointer; }
.iium-form .date-picker-field .iium-input.date-picker::placeholder { color: var(--iium-color-text-placeholder); }

/* ----- Button ----- */
.iium-btn-wrap { display: flex; justify-content: center; margin-top: 48px; }
.iium-form input[type="submit"] { cursor: pointer; }
.iium-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 40px; min-width: 100px; padding: 0 20px; font-size: 16px; white-space: nowrap; transition: all 0.3s; cursor: pointer; }
.iium-btn.rounded { border-radius: 3px; }
.iium-btn.fill-black { background: var(--iium-color-text); color: var(--iium-color-white); }
.iium-btn.fill-green { background: var(--iium-color-primary); color: var(--iium-color-white); }
.iium-btn.border-lightgray { background: var(--iium-color-bg-light); border: 1px solid var(--iium-color-border-btn); color: var(--iium-color-text); }
.iium-btn.border-white { background: var(--iium-color-white); border: 1px solid var(--iium-color-text); color: var(--iium-color-text); }
.floating-menu .btn-top.iium-btn-top { background-color: var(--iium-color-primary); height: 60px; width: 60px; border-radius: 6px; font-size: 24px; font-weight: 400; }
.floating-menu .btn-top.iium-btn-top:before { content: none; }

/* ----- 신청 결과 카드 ----- */
.apply-result-card { display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; }
.apply-result-card-item { width: 100%; max-width: 760px; border: 1px solid var(--iium-color-border); border-radius: 15px; background: var(--iium-color-white); box-sizing: border-box; padding: 40px 56px; }
.apply-result-card-head { text-align: center; font-size: 18px; color: var(--iium-color-text); line-height: 1.6; }
.apply-result-card-title { font-weight: 500; margin: 0; }
.apply-result-card-name { font-weight: 700; }
.apply-result-card-number { margin: 6px 0 0; }
.apply-result-card-number .reserve-number { color: var(--iium-color-point); }
.apply-result-card-body { margin-top: 20px; padding: 20px; border-top: 1px solid var(--iium-color-border); }
.apply-result-card-dl { display: flex; flex-direction: column; gap: 8px; }
.apply-result-card-row { display: flex; align-items: center; gap: 14px; font-size: 16px; color: var(--iium-color-text); font-weight: 400; }
.apply-result-card-dt { flex: none; display: inline-flex; align-items: center; justify-content: center; height: 34px; min-width: 95px; padding: 0 8px; border: 1px solid var(--iium-color-border); border-radius: 5px; white-space: nowrap; }
.apply-result-card-dd { flex: 1; }
.apply-result-card-dd time { font-size: inherit; color: inherit; }
.apply-result-card-foot { display: flex; justify-content: center; margin-top: 13px; }
.apply-result-card-btn { min-width: 148px; font-weight: 500; text-decoration: none; }

/* ===== 비전·연혁 ===== */
.section-visual .slogan.iium-vision-head { height: auto; padding-top: 50px; }
.section-visual .slogan.iium-vision-head .iium-vision-label { width: 160px; height: 40px; border-radius: 99px; display: flex; align-items: center; justify-content: center; color: #FFF; background: #030303; font-size: 24px; font-weight: 600; }
.iium-vision-wrap { margin-top: 30px; padding: 0 40px; }
.iium-vision-desc { text-align: center; width: 100%; height: 125px; margin-top: 30px; border-radius: 99px; display: flex; align-items: center; justify-content: center; color: #FFF; background: url("../images/common/iium-vision-desc-bg.png") center / cover no-repeat; font-size: 30px; font-weight: 700; }
.iium-vision-desc br { display: none; }
.iium-vision-body { margin-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 30px; }
.iium-vision-item { display: flex; align-items: stretch; gap: 20px; width: 100%; }
.iium-vision-item-title { flex: 0 0 100px; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1.5; font-weight: 600; color: #FFF; border-radius: 10px; overflow: hidden; text-align: center; }
.iium-vision-item.iium-vision-goal .iium-vision-item-title { background: var(--iium-color-primary); }
.iium-vision-item.iium-vision-effect .iium-vision-item-title {  background: #20871E; }
.iium-vision-item.black .iium-vision-item-title {  background: #000; }
.iium-vision-item-list { display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px; flex: 1; }
.iium-vision-item-list > li { display: flex; align-items: center; justify-content: center; padding: 40px 10px; width: calc((100% - (20px * 3)) / 4); text-align: center; font-size: 22px; line-height: 1.35; border-radius: 20px; border: 1px solid; overflow: hidden; }
.iium-vision-item-list > li b { font-weight: 600; }
.iium-vision-item.iium-vision-goal .iium-vision-item-list > li { flex-direction: column; gap: 20px; color: #000; background: #F5FFF5; border-color: var(--iium-color-primary); }
.iium-vision-item.iium-vision-goal .iium-vision-item-list > li > img { aspect-ratio: 1/1; width: 70px; }
.iium-vision-item.iium-vision-effect .iium-vision-item-list > li { color: #20871E; background: #F5FFF5; border-color: #20871E; }
.iium-vision-item.black .iium-vision-item-list > li { color: #000; background: #F6F7F9; border-color: transparent; }
.iium-vision-arrow { aspect-ratio: 1/1; width: 72px; margin: 0 auto; }

/* ===== 시설 소개 ===== */
/* 이용안내 테이블 디테일 수정 */
.iium-wrap .table-type1 table tbody { border-bottom: 1px solid #7d7d7d; }
/* 종합안내도 */
.guide-desc-info .info-box.iium-info-box > .icon { gap: 1rem; }
.iium-info-holiday { font-size: 20px; font-weight: 500; }
.iium-info-holiday p.red { position: relative; margin-top: 16px; padding-top: 16px; color: #FF0000; }
.iium-info-holiday p.red::before { content: ''; position: absolute; width: 20%; height: 1px; background: #000; top: 0; left: 50%; transform: translateX(-50%); }
.guide-desc-info .inner-wrap.iium-info-txt { padding-top: 0; font-size: 15px; }
.map-section .desc .legend-item strong { width: 170px; }
.map-section .desc .pink { background-color: #F1528D; }
.guide-desc-info .info-time ul { gap: 6px; }
.guide-desc-info .info-time ul li em { font-size: 23px; }
.guide-desc-info .info-time ul + p { margin-top: 10px; font-weight: 600; color: #FF0000; }

/* ===== 시설안내 — 사진 갤러리 ===== */
.facility-photo-wrap { width: calc(100% - 460px - 32px); min-width: 0; }
.facility-photo-wrap .facility-photo-li + .facility-photo-li { margin-top: 50px; }
.facility-photo-wrap .facility-photo { --facility-photo-gap: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--facility-photo-gap); }
.facility-photo-wrap .facility-photo > li { min-width: 0; }
.facility-photo-wrap .facility-photo > li.full { grid-column: 1 / -1; }
.facility-photo-wrap .facility-photo > li.full > figure { width: calc((100% - var(--facility-photo-gap)) / 2); }
.facility-photo-wrap .facility-photo figure { margin: 0; }
.facility-photo-wrap .facility-photo .facility-photo-img { overflow: hidden; width: 100%; aspect-ratio: 319 / 181; background: var(--iium-color-bg-placeholder); }
.facility-photo-wrap .facility-photo .facility-photo-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.facility-photo-wrap .facility-photo figcaption { text-align: center; margin-top: 12px; display: block; }

/* ===== 교육소개 ===== */
.tab-type2 { border-bottom: 1px solid #000; padding-bottom: 42px; }
.tab-type2 ul { flex-wrap: wrap; }
.tab-type2 ul li a { padding: 0 18px; }


/* ==================== 반응형 ==================== */
/* ----- 1440px 이하 ----- */
@media all and (max-width:1440px) {
  .iium-main-edu-program { border-radius: 0 0 0 200px; }
}
/* ----- 1180px 이하 ----- */
@media all and (max-width:1180px) {
  .iium-wrap { padding: 0 15px; }
  /* Main */
  .iium-main-edu-program { border-radius: 0 0 0 100px; padding: 70px 0; }
  .iium-swiper-edu { padding: 15px; }
  .iium-swiper-edu-wrap { width: calc(100% + 30px); left: -15px; top: -15px; }
  .iium-edu-card-link { padding: 30px 24px; }
  .iium-main-notice { padding-top: 70px; margin-bottom: 70px; }
  .iium-notice-layout { gap: 40px; }
  .iium-notice-side { flex: 0 0 140px; }
  .iium-notice-item-link { gap: 24px; padding: 24px 0; }
  .iium-notice-item-cont { gap: 24px; }
  .iium-notice-item-date { font-size: 16px; }
  .iium-notice-item-title { font-size: 20px; }
  /* Sub */
  .iium-table1 .th { flex: 0 0 140px; }
  .iium-table1 .th.th-half { flex: 0 0 70px; }
  .vision-video-wrap { margin-top: clamp(48px, 8vw, 70px); }
}

/* ----- 1024px 이하 ----- */
@media all and (max-width:1024px) {
  .iium-wrap { padding: 0; }
  .iium-main-section .iium-wrap { padding: 0 15px; }
  /* Main */
  .iium-main-bg-slogan { top: 33%; width: 100%; left: 0; transform: translateY(-50%); }
  .iium-main-section { margin-top: 60px; }
  .iium-main-section-title .kor { font-size: 32px; }
  .iium-main-edu-program { border-radius: 0; padding: 50px 0; }
  .iium-main-notice { padding-top: 50px; margin-bottom: 50px; }
  .iium-notice-layout { gap: 40px; }
  .iium-more-arrow-wrap { display: none; }
  .iium-related-sites-list { gap: 12px; }
  /* Sub */
  .section-visual .slogan.iium-vision-head { padding-top: 3.125rem; }
  .iium-vision-desc { height: 80px; font-size: 22px; }
  .iium-vision-body { gap: 20px; }
  .iium-vision-item { flex-direction: column; gap: 10px; }
  .iium-vision-item-title { font-size: 20px; flex: 0 0 auto; height: 50px; }
  .iium-vision-item-title br { display: none; }
  .iium-vision-item-list { gap: 10px }
  .iium-vision-item-list > li { font-size: 18px; width: calc((100% - (10px * 3)) / 4); padding: 30px 10px; }
  .iium-vision-item.iium-vision-goal .iium-vision-item-list > li { gap: 10px; }
  .iium-vision-item.iium-vision-goal .iium-vision-item-list > li > img { width: 60px; }
  .iium-info-holiday { font-size: 1.875rem; }
  .iium-info-holiday p.red { margin-top: 1rem; padding-top: 1rem; color: #FF0000; }
.guide-desc-info .info-time ul li em { font-size: 1.875rem; }
.guide-desc-info .info-time ul + p { font-size: 1.25rem; margin-top:  1rem;; }
  .guide-desc-info .inner-wrap.iium-info-txt { font-size: 15px; }
  .map-section .desc .legend-item strong { width: 13rem; }
  .iium-table1 .row-wrap.horizontal { flex-direction: column; }
  .iium-table1 .row-wrap.horizontal .row-item:first-child { border-bottom: 1px solid var(--iium-color-border); }
  .iium-table1 .row-wrap.horizontal .row-item:not(:first-child) { border-left: none; }
  .iium-table1 .row-wrap.horizontal .row-item:last-child { border-bottom: none; }
  .iium-table1 .row-wrap.horizontal .row-item .row-wrap.vertical .row-item { border-left: none; }
  .iium-form select.iium-input { background-size: auto 6px; }
  .iium-table2-scroll { overflow-x: auto; }
  .iium-table2-wrap > .icoTouch { display: block; }
  .iium-table2 { min-width: 945px; }
  .vision-video-wrap { margin-top: 48px; }
  .facility-photo-wrap { width: 100%; }
  .facility-photo-wrap .facility-photo-li + .facility-photo-li { margin-top: 40px; }
  .iium-form .age-wrap { padding: 0; }
  .iium-form .age-wrap > li + li { border-top: 1px solid #767676; }
  .iium-form .age-wrap .field-wrap.gap-l { flex-direction: column; align-items: flex-start; gap: 0; }
  .iium-form .age-wrap .field-wrap.gap-l .age-wrap-label { width: 100%; padding: 4px 6px; background: var(--iium-color-bg); border-bottom: 1px solid #DDD; }
  .iium-form .age-wrap .field-wrap.gap-s { padding: 0 6px 10px; width: 100%; }
}

/* ----- 768px 이하 ----- */
@media all and (max-width:768px) {
  .header-menu .closed-day { gap: 4px; height: 36px; border-radius: 18px; padding: 0 10px; }
  .header-menu .closed-day .date { font-size: 14px; }
  .header-menu .closed-day .bedge { font-size: 13px; height: 24px; border-radius: 12px; padding: 0 8px; }
  /* Main */
  .iium-main-bg-slogan { font-size: 28px; top: 30%; }
  .iium-main-section { margin-top: 48px; }
  .iium-main-section-title .eng { font-size: 16px; }
  .iium-main-section-title .kor { font-size: 28px; margin-top: 0; }
  .iium-main-edu-program-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .iium-swiper-edu-nav { width: 100%; }
  .iium-swiper-edu-wrap { padding-bottom: 0; }
  .iium-swiper-edu { height: auto; min-height: 0; }
  .iium-edu-card-link { padding: 15px; }
  .iium-edu-card-title { font-size: clamp(17px, 4.5vw, 20px); margin-top: 12px; }
  .iium-edu-card-desc { font-size: clamp(14px, 3.5vw, 15px); margin-bottom: 20px; }
  .iium-edu-card-thumb img { height: clamp(120px, 35vw, 140px); }
  .iium-main-notice { padding-top: 0; margin-bottom: 0; }
  .iium-main-notice::before { content: none; }
  /* .iium-main-notice::before { left: 0; width: 100%; border-radius: 0; } */
  .iium-notice-layout { flex-direction: column; gap: 20px; }
  .iium-notice-side { flex: none; width: 100%; }
  .iium-notice-tab-nav ul { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
  .iium-notice-panel-wrap { width: 100%; }
  .iium-notice-tab-nav button { font-size: 18px; height: 38px; }
  .iium-notice-tab-nav button.active { padding: 6px 14px; }
  .iium-notice-item-link { gap: 20px; padding: 20px 0; }
  .iium-notice-item-cont { gap: 20px; }
  .iium-notice-item-date { flex: 0 0 84px; font-size: 14px; }
  .iium-notice-item-cate { width: 90px; font-size: 14px; margin-bottom: 0; }
  .iium-notice-item-title { font-size: 18px; line-height: normal; }
  .iium-notice-more-btn { width: 44px; height: 44px; font-size: 22px; margin-bottom: 0; }
  .iium-main-related-sites { margin-bottom: 48px; }
  .iium-related-swiper-wrap { margin-top: 20px; }
  .main-contents .main-slider .swiper-slide .link { height: clamp(260px, 70vw, 360px); }
  .main-contents .main-slider-quick-menu { left: clamp(8px, 3vw, 16px); right: clamp(8px, 3vw, 16px); height: auto; min-height: 7.5rem; padding: 0.75rem 0; }
  .main-contents .main-slider-quick-menu ul { padding: 0 clamp(0.5rem, 2vw, 1rem); }
  .main-contents .main-slider-quick-menu ul li .quick-item .text { font-size: clamp(0.875rem, 3.5vw, 1.25rem); line-height: 1.25; text-align: center; }
  .main-contents .main-slider-quick-menu ul li .quick-item img { height: clamp(2rem, 8vw, 3rem); }
  /* Sub */
  .iium-wrap .tab-type1 { margin-top: 40px; }
  .iium-vision-wrap { margin-top: 20px; }
  .section-visual .slogan.iium-vision-head .iium-vision-label { font-size: 18px; }
  .iium-vision-desc { height: auto; padding: 16px 30px; font-size: 20px; margin-top: 20px; }
  .iium-vision-desc br { display: block; }
  .iium-vision-body { margin-top: 20px; }
  .iium-vision-item-title { font-size: 18px; height: auto; padding: 6px 10px; }
  .iium-vision-item-title { font-size: 18px; }
  .iium-vision-item-list > li { width: calc((100% - 10px) / 2); padding: 20px 10px; font-size: 16px; }
  .iium-vision-item.iium-vision-goal .iium-vision-item-list > li > img { width: 40px; }
  .iium-vision-arrow { width: 50px; }
  .facility-photo-wrap .facility-photo-li + .facility-photo-li { margin-top: 32px; }
  .facility-photo-wrap .facility-photo { --facility-photo-gap: 16px; gap: var(--facility-photo-gap); }
  .facility-photo-wrap .facility-photo figcaption { margin-top: 10px; font-size: 15px; }
  .iium-table1 .th { flex: 0 0 114px; font-size: 14px; padding: 8px; }
  .iium-table1 .th.th-half { flex: 0 0 57px; text-align: center; word-break: keep-all; line-height: 1.4; }
  .iium-table1 .td { padding: 8px; gap: 6px; }
  .iium-table1 .td.flex-field { width: 100%; max-width: none; }
  .iium-table1 .row, .iium-table1 .row-wrap, .iium-table1 .row-item { min-height: 50px; }
  .iium-form .iium-input { flex: 1 1 0; width: 100%; max-width: none; font-size: 15px; }
  .iium-form .iium-input::placeholder { font-size: 15px; }
  .iium-form .date-picker-field { flex: 1 1 0; max-width: none; width: 100%; }
  .iium-form .iium-fieldset.inp-tel-set .iium-input, .iium-form .iium-fieldset.inp-email-set .iium-input { min-width: 50px; }
  .iium-form .iium-fieldset .select-meetingroom-wrap { flex-direction: column; align-items: stretch }
  .iium-form .iium-fieldset .select-facility-wrap { gap: 12px; }
  .iium-form .iium-fieldset .select-facility-wrap > .field-wrap { flex-direction: column; align-items: flex-start; gap: 6px; }
  .iium-wrap .iium-subtitle { font-size: 22px; }
  .iium-form .iium-chk .t { font-size: 15px; }
  .iium-form .number-field .unit { font-size: 15px; }
  .iium-form .field-wrap label.age { font-size: 14px; }
  .iium-form .field-wrap p { font-size: 14px; }
  .iium-form .form-note { font-size: 14px; }
  .iium-form .file-upload .file-selected-name { font-size: 14px; }
  .iium-form .file-upload .file-guide { font-size: 14px; }
  .iium-form .privacy-box { font-size: 15px; }
  .iium-table1 .td p { font-size: 14px; }
  .iium-table1 .td span:not(.sr-only) { font-size: 14px; }
  .iium-table1 .td label:not(.sr-only) { font-size: 14px; }
  .iium-btn { font-size: 14px; }
  .apply-result-card { gap: 20px; }
  .apply-result-card-item { padding: 20px 14px; }
  .apply-result-card-head { font-size: 16px; }
  .apply-result-card-number { margin: 0; }
  .apply-result-card-body { margin-top: 16px; padding: 16px 10px 0; }
  .apply-result-card-dl { display: flex; flex-direction: column; gap: 4px; }
  .apply-result-card-row { gap: 8px; font-size: 13px; }
  .apply-result-card-dt { height: 30px; min-width: 80px; }
  .apply-result-card-btn { min-width: auto; }
}

/* ----- 480px 이하 ----- */
@media all and (max-width:480px) {
  .header-menu .closed-day { padding: 0 6px; }
  .header-menu .closed-day .date { font-size: 13px; letter-spacing: -0.06em; }
  .header-menu .closed-day .date > i { display: none; }
  .header-menu .closed-day .bedge { font-size: 12px; padding: 0 6px; }

  .d-none-mobile { display: none !important; }
  /* Main */
  .iium-main-bg-slogan { font-size: 24px; top: 40%; }
  .iium-main-section { margin-top: clamp(32px, 8vw, 40px); }
  .iium-main-section-title .eng { font-size: clamp(14px, 3.5vw, 16px); }
  .iium-main-section-title .kor { font-size: clamp(22px, 6vw, 24px); }
  .iium-main-edu-program-head { gap: clamp(16px, 4vw, 20px); }
  .iium-edu-card-badge { height: 26px; font-size: 13px; }
  .iium-swiper-edu-btn { width: 36px; height: 36px; }
  .iium-swiper-edu-btn-wrap { gap: 8px; }
  .iium-swiper-edu-pagination { font-size: clamp(14px, 3.5vw, 16px); }
  .iium-related-swiper-btn-wrap { gap: 6px; }
  .iium-related-swiper-btn { width: 24px; }
  .iium-related-swiper-btn i { font-size: 22px; }
  .iium-related-swiper-pagination { font-size: clamp(14px, 3.5vw, 16px); }
  .iium-related-sites-list { flex-direction: column; }
  .iium-edu-card-more-wrap { font-size: 13px; }
  .iium-notice-tab-nav ul { gap: 8px 16px; }
  .iium-notice-tab-nav button { font-size: 16px; height: 32px; }
  .iium-notice-tab-nav button.active { padding: 6px 12px; }
  .iium-notice-item-link { gap: 14px; padding: 12px 0; align-items: flex-start; }
  .iium-notice-item-cont { flex-direction: column; align-items: flex-start; gap: 2px; }
  .iium-notice-item-main { flex-direction: column; width: 100%; align-items: flex-start; gap: 4px; }
  .iium-notice-item-date { flex: 0 0 auto; font-size: 12px; }
  .iium-notice-item-cate { font-size: 13px; }
  .iium-notice-item-title { width: 100%; font-size: 15px; }
  .iium-notice-item .iium-more-arrow { display: none; }
  .main-contents .main-slider-quick-menu { bottom: 2rem; border-radius: 1rem; }
  .main-contents .main-slider-quick-menu ul li .quick-item { gap: 0.5rem; }
  /* Sub */
  .iium-vision-desc { font-size: 16px; }
  .iium-vision-item-title { font-size: 16px; }
  .iium-vision-item-list > li { border-radius: 10px; width: 100%; padding: 10px; font-size: 14px; }
  .iium-vision-item-list > li br { display: none; }
  .facility-photo-wrap .facility-photo-li + .facility-photo-li { margin-top: 24px; }
  .facility-photo-wrap .facility-photo { --facility-photo-gap: 12px; gap: var(--facility-photo-gap); }
  .facility-photo-wrap .facility-photo figcaption { margin-top: 8px; font-size: 14px; }
  .iium-wrap .tab-type1 { margin-top: 20px; }
  .iium-table1 .row, .iium-table1 .row-item { flex-direction: column; min-height: auto; }
  .iium-table1 .row-wrap { min-height: auto; }
  .iium-table1 .th, .iium-table1 .th.th-half { flex: none; width: 100%; justify-content: flex-start; padding: 8px 12px; border-right: none; border-bottom: 1px solid var(--iium-color-border); font-size: 13px; }
  .iium-table1 .td { width: 100%; padding: 10px 12px; }
  .iium-table1 .td.td-inner { padding: 0; }
  .iium-form .field-wrap.gap-l { gap: 8px 16px; }
  .iium-form .field-wrap.gap-s { gap: 8px 10px; }
  .iium-form .field-wrap label.age { min-width: 30px; }
  /* .iium-form .iium-fieldset.inp-tel-set .iium-input, .iium-form .iium-fieldset.inp-email-set .iium-input { flex: 1 1 90%; } */
  .iium-form .iium-fieldset.inp-addr-set .td.flex-field { flex-wrap: wrap; }
  .iium-form .iium-fieldset.inp-addr-set .iium-btn { flex: 1 1 0; }
  .iium-wrap .iium-subtitle { font-size: 18px; margin-bottom: 10px; }
  .iium-form .iium-input { font-size: 14px; }
  .iium-form .iium-input::placeholder { font-size: 14px; }
  .iium-form .iium-chk .t { font-size: 14px; }
  .iium-form .number-field .unit { font-size: 14px; }
  .iium-form .field-wrap label.age { font-size: 13px; }
  .iium-form .field-wrap p { font-size: 13px; }
  .iium-form .form-note { font-size: 13px; }
  .iium-form .file-upload .file-selected-name { font-size: 13px; }
  .iium-form .file-upload .file-guide { font-size: 13px; }
  .iium-form .privacy-box { font-size: 14px; }
  .iium-table1 .td p { font-size: 13px; }
  .iium-table1 .td span:not(.sr-only) { font-size: 13px; }
  .iium-table1 .td label:not(.sr-only) { font-size: 13px; }
  .iium-btn { font-size: 14px; height: 38px; }
  .iium-table2-section { margin-top: 40px; }
  .iium-table2 { font-size: 12px; }
  .apply-result-card-number span { display: block; }
}