/* Main-only Gnuboard adapters. Publishing CSS is isolated in this directory. */
.page-home #hd { position: sticky; top: 0; z-index: 30; }
.page-home #wrapper,
.page-home #container_wr,
.page-home #container { width: 100%; max-width: none; margin: 0; padding: 0; min-width: 0; }
.page-home #container > main { outline: none; }
.page-home #wrapper { overflow: clip; }
.page-home #skip_to_container a { position: fixed; top: -60px; left: 16px; z-index: 1000; padding: 10px 14px; background: #112b6d; color: #fff; }
.page-home #skip_to_container a:focus { top: 12px; }
.page-home .gnb-primary-row > .container { width: 100%; margin: 0; padding: 0; }
.page-home .gnb-toggle > .bx { font-size: 30px; }
.page-home .fixed_menu,
.page-home #wrapper + .fixed_menu + hr { display: none; }
.page-home .sound_only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.page-home #hd_login_msg { position: relative; z-index: 40; }
.page-home .aronamin-renewal-choose { position: relative; inset: auto; z-index: 2; background: #f1f3f5; }
.page-home .aronamin-renewal-choose__trigger-wrap { width: 100%; }
.page-home .phm-map { background: #f0f2f5; min-height: 200px; }
.page-home .phm-map-error,
.page-home .phm-empty { display: flex; align-items: center; justify-content: center; min-height: 200px; padding: 24px; color: #666; text-align: center; }
.page-home .phm-empty { flex-direction: column; gap: 8px; }
.page-home .phm-item-btn { display: flex; flex-direction: column; width: 100%; padding: 14px 18px; border: 0; background: none; text-align: left; cursor: pointer; font: inherit; color: inherit; gap: 4px; }
.page-home .phm-item-btn:focus-visible { outline: 2px solid #112b6d; outline-offset: -2px; }
.page-home .phm-item-btn:hover { background: rgba(17,43,109,.04); }
.page-home .is-loading .phm-items { opacity: .5; pointer-events: none; }
/* Content remains readable when the optional animation CDN is unavailable. */
.page-home [data-aos]:not(.aos-init) { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .page-home [data-aos] { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 380px) {
    .page-home .phm-paging {
        gap: 4px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .page-home .phm-page-list {
        min-width: 0;
        gap: 4px;
    }

    .page-home .phm-page {
        padding-right: 8px;
        padding-left: 8px;
    }

    .page-home .phm-page--nav {
        min-width: 44px;
    }
}