/* IHBA: 제공된 글로벌 K-뷰티 이미지의 핑크 · 네이비 방향 */
:root {
    --ink: #152651;
    --dark: #152651;
    --body: #536078;
    --muted: #747587;
    --gold: #bd1d70;
    --line: #e8dfe8;
    --paper: #fdf7fa;
    --pink: #b91869;
}
body {color: var(--ink)}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {outline-color: #b91869}
.utility-bar {background: #152651; color: #e4e8f1}
.utility-divider {color: #a5aec7}
.site-header {border-bottom-color: #eee3eb}
.header-inner {height: 100px; gap: 24px}
.brand {flex-direction: column; align-items: flex-start; gap: 5px}
.brand-official-logo {width: 246px; height: auto}
.brand-context {display: flex; align-items: center; gap: 9px; padding-left: 43px; color: #a82164; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: .03em}
.brand-context>span {font-size: 6px; letter-spacing: .08em; color: #63718b; font-weight: 550}
.main-nav {gap: 26px; font-size: 13px; font-weight: 600}
.main-nav a {padding: 38px 0}
.header-contact {border-color: #ead4e1; color: var(--pink); background: #fdf5f9; padding: 10px 15px}
.header-contact:hover {background: #fae6f0}
.hero {background: #fce8f2; border-bottom: 1px solid #f1d6e5}
.hero-image {object-position: center 53%; opacity: 1}
.hero-shade {background: linear-gradient(90deg, #fff6fa9c, #fff8fc55 30%, #fff8fc00 58%)}
.hero-inner {min-height: 602px}
.hero-copy {padding: 46px 0 44px; position: relative; width: 57%}
.hero-eyebrow {color: #a11c61; letter-spacing: .15em; font-size: 10px; margin-bottom: 21px; gap: 10px}
.hero-eyebrow>span {width: 23px; height: 2px; background: #bc1c6a}
.hero-kicker {font-size: 14px; font-weight: 500; color: #596079; letter-spacing: -.3px; margin-bottom: 15px}
.hero-kicker strong {font-weight: 700; color: #263761; margin-left: 5px}
.hero h1 {font-family: Pretendard, sans-serif; font-size: 65px; font-weight: 780; letter-spacing: -3px; line-height: 1.23; color: #142752; margin: 0 0 24px}
.hero h1 em {color: #bc1468; font-weight: 800}
.hero-title-dot {color: #bc1468}
.hero-copy>p {color: #535c76; font-size: 15px; font-weight: 450; line-height: 1.85}
.hero-actions {margin-top: 32px; gap: 28px}
.button {border-radius: 3px}
.button-pink {background: #b91869; color: #fff; border-color: #b91869; box-shadow: 0 8px 20px #a9145b15}
.button-pink:hover {background: #9d1459; border-color: #9d1459}
.hero-secondary {color: #24365b; font-weight: 600}
.hero-secondary span {color: #b81968}
.hero-bottom {margin-top: 43px; color: #775a78; font-size: 8px; letter-spacing: .13em; gap: 12px}
.hero-line {background: #bf7d9e; width: 28px}
.hero-image-caption {color: #243b6e; text-shadow: none; bottom: 24px; gap: 3px; font-size: 10px; font-weight: 500}
.hero-image-caption>span:first-child {letter-spacing: .2em; font-weight: 750; font-size: 9px}
.intro-grid {padding: 28px 0}
.intro-number {color: #ba367a; font-family: Pretendard, sans-serif; font-weight: 600; font-size: 35px}
.intro-symbol>.icon, .intro-grid>a>.icon {color: #b74b84}
.intro-grid small {color: #70738a}
.intro-grid>a:hover strong {color: #ae1a65}
.section {padding: 82px 0}
.eyebrow {color: #b02870; font-size: 10px; font-weight: 700}
.section-heading h2 {font-weight: 720; letter-spacing: -1.2px}
.section-heading>p, .directory-heading-actions>p {color: #697188}
.division-grid {gap: 15px}
.division-card {border-color: #eee3ec; border-radius: 6px; padding-top: 27px; padding-bottom: 24px}
.division-card:hover {background: #fff4fa; border-color: #d698bb; box-shadow: 0 8px 20px #8c356408}
.division-icon {color: #b73b7a; background: #fdf0f7; padding: 12px; border-radius: 50%; margin-bottom: 14px}
.division-icon>.icon {width: 31px; height: 31px}
.division-english {color: #73758b}
.division-arrow {color: #bc8ba5}
.instructors-section {border-top-color: #f2e6ee; background: #fdf7fa}
.division-tabs {border-color: #e7d9e3}
.division-tab {color: #747187}
.division-tab.active {color: #aa185f}
.division-tab.active:after {background: #b91869}
.select-filters select, .search-input {color: #495575; border-color: #e2d8e2; border-radius: 3px}
.search-input>.icon {color: #8c6e88}
.search-input input {color: #27375e}
.search-input input::placeholder {color: #7c7c8c}
.search-input button {color: #a32367; border-color: #eadfe7}
.results-bar, .results-bar>span {color: #71758a}
.results-bar strong {color: #b91869}
.photo-manage-link {color: #a82466; border-color: #e3c6d8; background: #fff}
.instructor-card {border-color: #ece0e8; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px #65334d03}
.instructor-card:hover {border-color: #c690ae; box-shadow: 0 8px 22px #7b3c5c0b}
.profile-art {background: #f3e6ef; color: #b68ba8}
.profile-pmu {background: #f8e4ee; color: #bd87a8}
.profile-waxing {background: #eee6f5; color: #a492b9}
.profile-eyelash {background: #f4e8ef; color: #ba91aa}
.profile-skin {background: #f1eaf5; color: #ac97b8}
.profile-smp {background: #e7edf9; color: #8b9dc0}
.profile-nail {background: #fae8ed; color: #bf929e}
.profile-unassigned {background: #edecf3; color: #a19bb4}
.profile-makeup {background: #f9e8e9; color: #bf989e}
.profile-orbit {border-color: currentColor; opacity: .25}
.profile-division {color: #805e7c; background: #ffffffd9; border-color: #ffffffc0}
.photo-placeholder {color: #91738c}
.directory-card .profile-art.has-photo {background: #f1e8f0}
.photo-register {color: #a02a69}
.profile-meta {color: #a12869}
.directory-business {color: #53617e!important}
.directory-contacts, .profile-detail {color: #69728b}
.profile-detail {border-top-color: #eee4ec}
.profile-detail:hover {color: #b91869}
.directory-pagination>a {border-color: #e1d5df; color: #6e667e; border-radius: 3px}
.directory-pagination>a[aria-current] {background: #b91869; border-color: #b91869; color: #fff}
.directory-pagination>a:hover {border-color: #b91869}
.empty-state, .empty-state p {color: #74758b}
.button-outline {color: #9c2463; border-color: #dbbdd1}
.button-outline:hover {background: #faeaf3; border-color: #b56595}
.about-section {background: #fff; color: var(--ink)}
.about-section .eyebrow {color: #b02870}
.about-section .text-link {color: #a12b6b}
.about-section h2 {font-family: Pretendard, sans-serif; font-weight: 650}
.about-lead {color: #a42668}
.about-layout>div>p:not(.about-lead) {color: #68738c}
.text-link {color: #a12b6b}
.membership-explainer {background: #fdf6fa; border-color: #ecd9e5; border-radius: 6px}
.role-icon {background: #f5dfed; border-color: #e4bfd5; color: #b23778}
.member-role small {color: #a16b8e}
.member-role p {color: #69718a}
.knowledge-flow {color: #a46f91; border-color: #e8d2e0}
.membership-note {color: #6d7086!important; border-color: #ecdce7; line-height: 1.8!important}
.seminar-section {border-top: 1px solid #f1e8ef}
.seminar-layout {border-color: #e9dbe6; border-radius: 6px; overflow: hidden}
.seminar-feature {background: linear-gradient(125deg, #fae5f0, #f3eafa)}
.outline-pill {border-color: #d1a8c1; color: #985076}
.seminar-feature h3 {font-family: Pretendard, sans-serif; font-weight: 650; color: #263259}
.seminar-feature>p, .seminar-facts>span {color: #6d5f7a}
.seminar-watermark {color: #d9b8d0; opacity: .65}
.status-label {color: #a1497b}
.status-label>i {background: #bc3c80}
.seminar-info>p, .seminar-info>small, .schedule-items span {color: #6e7389}
.schedule-items strong {color: #53617e}
.schedule-items .icon {color: #a57998}
.button-dark:hover {background: #283d6e}
.organization-section {background: #f8f7fc; border-top-color: #ebe6f1}
.org-root {background: #1b2e5c; border-radius: 4px; color: #fff}
.org-root small {color: #efb4d2}
.org-teachers {background: #f6e6f0; border-color: #dcb9d1; border-radius: 4px}
.org-teachers>.icon {color: #b04b85}
.org-teachers>span {color: #8d6987}
.org-connector, .org-divisions:before, .org-divisions>a:before {background: #c9b9d0}
.org-divisions>a {border-color: #e3dce9; border-radius: 4px}
.org-divisions .icon {color: #ad5d93}
.org-divisions small {color: #777189}
.org-divisions>a:hover {background: #fbeff7}
.org-note {border-color: #e2dbea}
.org-note>p {color: #70728b}
.volunteer-section {background: #fbedf4}
.volunteer-art {border-color: #e4bdd4; border-radius: 6px; background: #fff8fc}
.volunteer-circle {border-color: #e9cbdd}
.volunteer-small {color: #9b5f85}
.volunteer-copy h2 {font-family: Pretendard, sans-serif; font-weight: 600}
.volunteer-copy>p {color: #736b83}
.volunteer-tags>span {color: #925b7e; border-color: #e0b8ce; background: #fff6fb}
.volunteer-copy .text-link {color: #a72d6d}
.contact-section {background: #fff7fb}
.contact-layout p {color: #747087}
.contact-actions .text-link {color: #9d4d7a}
.related-activities {border-top-color: #eee1e9}
.related-card {border-color: #e9dce6; border-radius: 4px}
.related-card:hover {border-color: #d4a6c0; background: #fff6fb}
.related-card small {color: #73738a}
.related-card>.icon {color: #b76b98}
.site-footer {background: #14264e; color: #c6cddd}
.footer-brand {color: #f4d8e7}
.footer-brand small, .footer-links {color: #b4c0d9}
.footer-bottom {border-color: #3a4666; color: #a7b2cb}
.footer-bottom>a {color: #e6bed5}
.profile-dialog {border-color: #e5d5e1; background: #fffcfe; border-radius: 6px}
.profile-dialog::backdrop {background: #182449b3}
.dialog-close, .profile-facts dt {color: #996282}
.profile-facts>div {border-color: #ece1e9}
.dialog-photo-link {color: #a2296a; border-color: #dfbcd1}

@media (min-width: 1500px) {
    .hero-inner {min-height: 640px}
    .hero h1 {font-size: 68px}
    .hero-image {object-position: center 54%}
}
@media (max-width: 1200px) {
    .brand-official-logo {width: 224px}
    .brand-context {padding-left: 39px; font-size: 10px; gap: 7px}
    .brand-context>span {font-size: 5.5px}
    .main-nav {gap: 19px; font-size: 12px}
    .hero-inner {min-height: 552px}
    .hero h1 {font-size: 56px}
    .hero-kicker {font-size: 12px}
    .hero-copy>p {font-size: 14px}
    .hero-bottom {font-size: 7px; letter-spacing: .08em}
}
@media (max-width: 1020px) {
    .header-inner {height: 88px}
    .main-nav {gap: 0}
    .main-nav a {padding: 13px 0; font-size: 14px}
    .hero-inner {min-height: 520px}
    .hero-copy {width: 60%; padding: 40px 0}
    .hero h1 {font-size: 47px; letter-spacing: -2px}
    .hero-image {object-position: center 52%}
    .hero-shade {background: linear-gradient(90deg, #fff4fbd9, #fff6fc88 40%, #fff6fc00 72%)}
    .hero-eyebrow {font-size: 8px; letter-spacing: .1em}
    .hero-kicker {font-size: 11px}
    .hero-copy>p {font-size: 12px}
    .hero-actions {gap: 18px}
    .hero-actions .button {font-size: 11px; padding: 13px 17px; gap: 16px}
    .hero-secondary {font-size: 11px; gap: 12px}
    .hero-bottom {margin-top: 34px; font-size: 6px}
    .section {padding: 65px 0}
}
@media (max-width: 760px) {
    .utility-inner>span {max-width: none; overflow: visible}
    .utility-tagline {display: none}
    .header-inner {height: 83px; gap: 15px}
    .brand-official-logo {width: 218px}
    .brand-context {font-size: 10px; padding-left: 38px}
    .brand-context>span {font-size: 5px}
    .header-contact {display: none}
    .menu-toggle {margin-left: auto; color: #26355b; padding: 9px; border: 1px solid #ecdfE8; border-radius: 3px}
    .menu-toggle>.icon {width: 20px; height: 20px}
    .hero-inner {min-height: 680px; align-items: flex-start}
    .hero-copy {padding: 35px 0 300px; width: 100%}
    .hero-image {height: 380px; top: auto; bottom: -10px; width: 100%; object-fit: cover; object-position: 74% center}
    .hero-shade {background: linear-gradient(180deg, #fff5fb 0%, #fff5fb 47%, #fff5fbd9 53%, #fff5fb00 69%)}
    .hero-eyebrow {font-size: 8px; letter-spacing: .12em; margin-bottom: 19px; gap: 8px}
    .hero-eyebrow>span {width: 17px}
    .hero-kicker {font-size: 11px; margin-bottom: 12px}
    .hero-kicker strong {margin-left: 3px}
    .hero h1 {font-size: clamp(34px, 9.9vw, 52px); letter-spacing: -1.7px; line-height: 1.26; margin-bottom: 19px}
    .hero-copy>p {font-size: 12px; line-height: 1.8}
    .hero-actions {margin-top: 24px; gap: 20px}
    .hero-actions .button {min-height: 45px; font-size: 11px; padding: 12px 15px; gap: 14px}
    .hero-secondary {font-size: 10px; gap: 10px}
    .hero-secondary span {font-size: 16px}
    .hero-bottom {margin-top: 23px; font-size: 6px; letter-spacing: .04em; gap: 8px}
    .hero-line {width: 19px}
    .hero-image-caption {bottom: 18px; right: 0; font-size: 8px}
    .hero-image-caption>span:first-child {font-size: 7px}
    .intro-grid {padding: 22px 0; gap: 23px 0}
    .intro-number {font-size: 29px}
    .intro-grid small {font-size: 9px}
    .section {padding: 53px 0}
    .eyebrow {font-size: 8px}
    .hero-eyebrow {font-size: 8px}
    .section-heading h2 {font-size: 24px; letter-spacing: -1px}
    .division-grid {gap: 10px}
    .division-card {padding: 18px 5px 16px; min-height: 145px}
    .division-icon {padding: 10px; margin-bottom: 10px}
    .division-icon>.icon {width: 27px; height: 27px}
    .division-english {font-size: 7px}
    .member-role p {font-size: 10px}
    .membership-note {font-size: 10px!important}
    .profile-facts dt {font-size: 12px}
    .org-note>p {font-size: 11px}
    .seminar-info>small {font-size: 10px}
}
@media (max-width: 360px) {
    .brand-official-logo {width: 206px}
    .brand-context {padding-left: 36px; font-size: 9px}
    .hero h1 {font-size: 34px}
    .hero-kicker {font-size: 10px}
    .hero-copy>p {font-size: 11px}
    .hero-actions {gap: 14px}
    .hero-actions .button {padding-inline: 12px; font-size: 10px}
    .hero-secondary {font-size: 9px; gap: 8px}
    .intro-grid small {font-size: 8px}
    .section-heading h2 {font-size: 22px}
}