:root{--brand:#292663;--sky:#1bb1e7;--ink:#292663;--red:var(--brand);--paper:#f5f7fc;--line:#e1e5ee;--muted:#687084}
/* The supplied Chiwoo artwork is used as an alpha mask, without redrawing it. */
.association-page img.portrait{background:none}
.association-page .page-banner,.board-banner{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#242159,#292663 60%,#35367d);border-bottom-color:var(--sky)}
.association-page .page-banner:after,.board-banner:after{content:'';position:absolute;z-index:-1;right:max(6%,calc((100vw - 1240px)/2));top:50%;width:440px;height:440px;transform:translateY(-50%);background:#87d6f4;opacity:.11;mask:url('assets/chiwoo.png') center/contain no-repeat;-webkit-mask:url('assets/chiwoo.png') center/contain no-repeat;pointer-events:none}
.association-page .page-banner h1{font-family:var(--sans);font-size:34px;font-weight:600;letter-spacing:-.04em}.association-page .page-banner .eyebrow,.board-banner .eyebrow{color:#a7def5}.association-page .page-banner p:last-child{color:#d9e4fb}.location-bar>a{background:#e7eafa;color:var(--brand)}
.association-nav{border-top-color:var(--brand)}.association-nav a[aria-current]{position:relative;isolation:isolate;overflow:hidden;background:var(--brand);border-color:var(--brand)}.association-nav a[aria-current]:after{content:'';position:absolute;z-index:-1;right:-12px;top:-26px;width:145px;height:145px;background:#a4dff5;opacity:.14;mask:url('assets/chiwoo.png') center/contain no-repeat;-webkit-mask:url('assets/chiwoo.png') center/contain no-repeat;pointer-events:none}.content-heading>span{width:29px;height:29px;background:var(--brand);mask:url('assets/chiwoo.png') center/contain no-repeat;-webkit-mask:url('assets/chiwoo.png') center/contain no-repeat;flex-shrink:0}.content-heading h2{font-size:25px;color:#202337}
.official-grid,.official-grid.leaders,.official-grid.auditors{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:20px;margin:0}.official-card{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:22px;text-align:left;position:relative;padding:23px;border:7px solid #eff1f7;background:#fff;min-height:185px}.official-card:before,.association-page .president-card:before{content:'';position:absolute;left:-7px;top:-7px;width:29px;height:29px;background:linear-gradient(135deg,var(--brand) 50%,transparent 50%)}.official-card>div:last-child{padding:0;flex:1;min-width:0}.official-card h4{font-family:var(--sans);font-size:21px;font-weight:600;color:#202337;margin:0 0 10px}.official-role{font-weight:600;color:var(--brand)!important;margin-bottom:5px!important}.official-card p{font-size:14px;line-height:1.7}.official-photo,.leaders .official-photo{width:96px;height:128px;max-width:96px;max-height:none!important;flex:0 0 96px;margin:0;border:0;border-radius:2px;background-color:#f2f5f9;object-fit:cover;object-position:center}
.association-page .presidents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.association-page .president-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:auto auto auto 1fr;column-gap:20px;padding:23px;text-align:left;border:7px solid #eff1f7;background:#fff;min-height:185px}.association-page .president-card>.portrait{grid-column:2;grid-row:1/5;width:96px;height:128px;max-width:96px;margin:0;border-radius:2px;object-fit:cover;object-position:center;align-self:center}.association-page .president-card .president-order{grid-column:1;color:var(--brand);font-size:14px;font-weight:600}.association-page .president-card h2{grid-column:1;font-family:var(--sans);font-size:21px;color:#202337;margin:5px 0 8px}.association-page .president-card p{grid-column:1;margin:0;font-size:14px;line-height:1.7;min-height:0}.association-page .president-card .appointed{grid-column:1;border:0;padding:8px 0 0;margin:0;font-size:13px}.appointed time{display:inline;margin-left:7px}
.association-page .president-intro{background:#f5f7fc;border-top-color:var(--sky)}.association-page .president-intro .portrait{border-radius:2px;width:150px;height:200px;object-fit:cover;margin:0 auto 20px}.association-page .president-intro h2{font-family:var(--sans);font-size:26px}
.staff-chart{background:#f7f9fd;padding:25px 20px;border:1px solid #e4e9f4}.staff-chart .org-chief{font-family:var(--sans);font-size:20px}.staff-chart .org-secretary{background:#e8f5fc;border-color:#8bcae8}.staff-chart .org-node{font-weight:500}.org-committee{background:#e8f5fc}.info-section>h3{color:#202337;font-size:20px}.staff-list{border-top:2px solid var(--brand)}.staff-head,.staff-row{display:grid;grid-template-columns:108px minmax(0,1fr) 145px;gap:20px}.staff-head{background:#eef1f8;font-size:14px;font-weight:600;padding:16px 14px;color:var(--brand)}.staff-row{padding:24px 14px;font-size:14px}.staff-row:first-child{border-top:0}.staff-row h4{font-size:18px;color:#202337}.staff-row ul{font-size:14px}.staff-row>div:first-child>span{font-size:13px;color:var(--brand)}.contact-strip{border-left:3px solid var(--sky);background:#f3f7fd}.timeline-row h2{color:var(--brand)}.hero-copy h1 em{color:#9bddf6}.red-line{background:var(--sky)}.event-card{background-color:var(--brand)}.notice-tag{color:var(--brand)}.branch-card{border-top-color:var(--brand)}.quicknav-item:hover{color:#9ee3ff}
@media(max-width:1100px){.official-card,.association-page .president-card{padding:17px;gap:14px;border-width:5px}.official-card:before,.association-page .president-card:before{left:-5px;top:-5px}.official-photo,.leaders .official-photo{width:80px;height:107px;max-width:80px;flex-basis:80px}.association-page .president-card{grid-template-columns:minmax(0,1fr) 80px}.association-page .president-card>.portrait{width:80px;height:107px}.staff-head,.staff-row{grid-template-columns:88px minmax(0,1fr) 130px;gap:15px}.staff-phone{grid-column:auto}.official-card h4,.association-page .president-card h2{font-size:20px}}
@media(max-width:950px) and (min-width:761px){.official-grid,.official-grid.leaders,.official-grid.auditors,.association-page .presidents-grid{grid-template-columns:1fr}.staff-head{display:none}.staff-row{grid-template-columns:85px minmax(0,1fr)}.staff-phone{grid-column:2}}
@media(max-width:600px){.official-grid,.official-grid.leaders,.official-grid.auditors,.association-page .presidents-grid{grid-template-columns:1fr}.official-card,.association-page .president-card{min-height:160px;padding:20px}.official-photo,.leaders .official-photo{width:90px;height:120px;max-width:90px;flex-basis:90px}.association-page .president-card{grid-template-columns:minmax(0,1fr) 90px}.association-page .president-card>.portrait{width:90px;height:120px}.association-page .page-banner:after,.board-banner:after{width:300px;height:300px;right:-70px;opacity:.1}.association-page .page-banner h1{font-size:28px}.staff-head{display:none}.staff-row{grid-template-columns:1fr;gap:10px;padding:22px 12px}.staff-phone{grid-column:1}.staff-row>div:first-child{display:flex;align-items:center;gap:12px}.staff-row h4{margin:0}.staff-row ul{font-size:14px}.appointed time{display:inline;margin-left:7px}}

/* Neutral reading surfaces with federation-blue accents. */
:root{--ink:#292b30;--muted:#6b7078;--paper:#f6f7f9;--line:#e0e3e8}
body{color:#292b30}.section-heading h2,.notice-title,.row-title,.post-title,.community h2,.gallery-card h3,.sns-section h2{color:#292b30}.notice-date,.row-date,.row-author{color:#747980}.notice-row:hover .notice-title,.board-row:hover .row-title{color:var(--brand)}
#quicknav-panel,.quicknav-toggle{background:#292929}.quicknav-top{color:#454545;border-color:#d6d6d6}.quicknav-item:hover{color:#fff;background:#ffffff0d}.quicknav a:focus-visible,.quicknav button:focus-visible{outline-color:#aaa}
.event-card{background:#f3f5f9;border-top:3px solid var(--brand);color:#292b30}.event-card h2{color:#252831}.event-card .event-top,.event-card .event-label,.event-card p{color:#626a78}.event-card .event-link{color:var(--brand);border-color:#cbd1dd}.event-card .event-bottom{border-color:#d8dde6}.event-card .event-bottom a{color:#4b5362}
.kakao-map-frame{display:block;width:100%;height:440px;border:1px solid #e0e3e8;background:#f6f7f9}.map-links{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;background:#f6f7f9;font-size:14px;flex-wrap:wrap}.map-links a{color:var(--brand)}@media(max-width:600px){.kakao-map-frame{height:360px}}

.live-map{margin-bottom:32px}.map-viewport{height:440px;overflow:hidden;border:1px solid #e0e3e8;position:relative}.map-viewport .kakao-map-frame{width:100%;height:100%;border:0}@media(max-width:600px){.map-viewport{height:400px}}

/* President occupies a dedicated first row, with a modest size emphasis. */
.official-grid.leaders.president-lead{grid-template-columns:1fr;max-width:540px;margin:0 auto}.president-lead .official-card{min-height:215px;padding:28px}.president-lead .official-photo{width:120px;height:160px;max-width:120px;flex-basis:120px}.president-lead .official-card h4{font-size:24px}
@media(max-width:600px){.president-lead .official-card{padding:22px;min-height:190px}.president-lead .official-photo{width:105px;height:140px;max-width:105px;flex-basis:105px}}
/* Breadcrumb links have text sizing; only the home control uses icon sizing. */
.location-bar>a:not(:first-child){width:auto;min-width:0;display:flex;align-items:center;flex-shrink:1;padding:0 25px;background:#fff;color:#444;font-size:14px;line-height:1.5;white-space:nowrap;border-left:1px solid var(--line)}
.location-bar>span{white-space:nowrap;line-height:1.5;color:#444}.location-bar>a:first-child{width:60px;font-size:26px}.association-page .page-banner h1{font-size:30px;line-height:1.45}.location-bar{min-height:60px}
footer .social{display:flex;flex-direction:row;gap:12px}footer .social a{width:46px;height:46px;display:grid;place-items:center;border:1px solid #d7dbe1;border-radius:50%;background:#fff;color:#414750}footer .social svg{width:23px;height:23px}footer .social a:hover,footer .social a:focus-visible{color:var(--brand);border-color:var(--brand);background:#eef5fb}
.community .community-intro{gap:0}.community .community-links{display:flex;gap:12px;flex-wrap:wrap}.community .community-links a{display:flex;align-items:center;gap:12px;min-height:70px;padding:16px 20px;border:1px solid #dce0e5;border-radius:6px;background:white;color:#30363d;font-size:15px}.community .community-links a:hover{border-color:var(--brand);background:#f5f9fc}.community .community-icon{display:grid;place-items:center;width:32px;color:var(--brand);margin:0}.community-icon svg{width:29px;height:29px}.community h2{font-size:27px;white-space:normal}.community{gap:32px}
@media(max-width:650px){.location-bar>span,.location-bar>a:not(:first-child){padding:0 15px;font-size:14px}.location-bar>a:first-child{width:48px}.association-page .page-banner h1{font-size:26px}.community .community-links{display:grid;width:100%;grid-template-columns:1fr}.community .community-links a{justify-content:flex-start}.community .community-links a>span:last-child{margin-left:auto}.community h2{font-size:24px}}