/* Notices and inquiry reuse the nine existing typography roles. */
.of-notices-shell{max-width:1120px}
.of-notices-heading>.body-small{color:var(--muted);margin:16px 0 0}
.of-notice-row{border-bottom:1px solid var(--line)}
.of-notice-row:first-child{border-top:1px solid var(--line)}
.of-notice-row>a{display:grid;grid-template-columns:160px minmax(0,1fr) 24px;align-items:center;gap:28px;min-height:96px;padding:24px 0;color:var(--ink)}
.of-notice-row h2{margin:0;overflow-wrap:anywhere}
.of-notice-date{color:var(--muted);font-variant-numeric:tabular-nums}
.of-notice-row-arrow{display:flex;justify-content:flex-end}
.of-notice-row>a:hover{color:var(--brown);background:var(--cream)}
.of-notice-row>a:focus-visible,.of-notice-adjacent a:focus-visible{outline:2px solid var(--brown);outline-offset:5px}
.of-notices-empty{padding:60px 20px 64px;text-align:center;border-block:1px solid var(--line)}
.of-notices-empty>.caption{display:block;color:var(--muted);margin-bottom:15px}
.of-notices-empty h2{margin:0 0 12px}
.of-notices-empty p{color:var(--muted);margin-bottom:24px}
.of-notices-shell .pagination{margin-top:32px}
.of-notices-shell .nav-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.of-notices-shell .page-numbers{font:var(--label);min-width:44px;min-height:44px;padding:10px 14px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.of-notices-shell .page-numbers.current{background:var(--cream)}
.of-notice-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;margin-bottom:16px}
.of-notice-article h1{overflow-wrap:anywhere}
.of-notice-dates{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);margin:20px 0 0}
.of-notice-content{max-width:850px;margin-inline:auto;overflow-wrap:anywhere;padding-bottom:48px}
.of-notice-content :where(p,li,blockquote){font:var(--body)}
.of-notice-content :where(h2){font:var(--section-title);margin:40px 0 20px}
.of-notice-content :where(h3,h4,h5,h6){font:var(--subheading);margin:32px 0 16px}
.of-notice-content :where(figcaption){font:var(--caption);color:var(--muted)}
.of-notice-content :where(img,video,iframe){max-width:100%;height:auto}
.of-notice-content :where(figure){max-width:100%;margin-inline:0}
.of-notice-content :where(a){text-decoration:underline;text-underline-offset:4px}
.of-notice-content :where(table){width:100%;border-collapse:collapse}
.of-notice-content :where(td,th){border-bottom:1px solid var(--line);padding:12px;font:var(--body-small);overflow-wrap:anywhere}
.of-notice-content :where(th){font:var(--label)}
.of-notice-adjacent{border-top:1px solid var(--line)}
.of-notice-adjacent a{display:grid;grid-template-columns:90px minmax(0,1fr) 24px;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);min-height:64px}
.of-notice-adjacent .caption{color:var(--muted)}
.of-notice-adjacent .label{overflow-wrap:anywhere}
.of-notice-list-return{display:flex;justify-content:center;padding-top:32px}
.of-kakao-float{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 18px;border-radius:28px;background:#fee500;color:#191919;border:1px solid #e6cc00;box-shadow:0 3px 16px #352d271a;text-decoration:none;font:var(--label)}
.of-kakao-float svg{width:26px;height:26px;flex:none}
.of-kakao-float:hover{background:#ffe91c;transform:translateY(-2px)}
.of-kakao-float:focus-visible{outline:3px solid var(--brown);outline-offset:4px}
@media(min-width:801px) and (max-width:1200px){
 #primary-nav{display:none}
 .mobile-menu{display:flex}
 .header-row{position:relative}
 .header-row>.wordmark{position:absolute;left:50%;transform:translateX(-50%)}
}
@media(max-width:600px){
 .of-notice-row>a{grid-template-columns:minmax(0,1fr) 24px;gap:9px 18px;min-height:112px;padding:22px 0}
 .of-notice-date{grid-column:1/-1}
 .of-notice-row h2{grid-column:1}
 .of-notice-row-arrow{grid-column:2;grid-row:2}
 .of-notices-empty{padding:48px 10px}
 .of-notice-adjacent a{grid-template-columns:minmax(0,1fr) 24px;gap:8px 16px}
 .of-notice-adjacent .caption{grid-column:1/-1}
 .of-notice-adjacent svg{grid-column:2;grid-row:2}
 .of-kakao-float{width:54px;height:54px;padding:0;right:max(18px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom))}
 .of-kakao-float>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media(prefers-reduced-motion:reduce){.of-kakao-float:hover{transform:none}}