.directory{--u:clamp(0.86px,0.126263vw,1.35px);--ink:#0b111d;--navy:#344967;--muted:#526481;--blue:#0963f8;--blue-deep:#055cef;--line:#e2e8f1;--surface:#ffffff;--page-bg:#fafbfd;--text-primary:#101b30;--text-secondary:#647086;--accent:#1268ef;--section-title-size:clamp(24px,2.75vw,32px);--section-space:clamp(56px,5.7vw,84px);--section-content-space:clamp(24px,2.85vw,34px);--content-gutter:clamp(18px,3.15vw,48px);--card-gap:clamp(14px,1.55vw,20px);--card-radius:14px;--card-border:1px solid #e5eaf2;--card-shadow:0 4px 18px rgba(23,43,81,0.045);--card-body-padding:16px}.directory,.directory *{box-sizing:border-box}.directory{scroll-behavior:smooth;padding:0;margin:0;background:var(--page-bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,Noto Sans CJK KR,Noto Sans KR,Apple SD Gothic Neo,sans-serif;letter-spacing:-.04em}.directory button,.directory input,.directory select{font:inherit}.directory button{cursor:pointer}.directory button:focus-visible,.directory input:focus-visible,.directory select:focus-visible{outline:calc(2 * var(--u)) solid #4489fc;outline-offset:calc(3 * var(--u))}.directory button:disabled{cursor:default}.directory img{display:block;max-width:100%}.directory .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.directory{min-width:0;min-height:100vh;font-size:calc(14 * var(--u))}.directory .content-wrap{width:min(calc(100% - 2 * var(--content-gutter)),1200px);margin:0 auto}.directory .topbar{height:calc(68 * var(--u));background:rgba(255,255,255,.98)}.directory .topbar-inner{height:100%;display:flex;align-items:center;padding:0 calc(29 * var(--u));gap:0;margin:0 auto;max-width:calc(1350 * var(--u))}.directory .brand{flex:0 0 calc(182 * var(--u));display:flex;align-items:center;min-width:0;white-space:nowrap}.directory .brand-mark{width:calc(28 * var(--u));height:calc(30 * var(--u));object-fit:contain;flex:none}.directory .brand-name{margin-left:calc(13 * var(--u));font-size:calc(14.5 * var(--u));font-weight:800;letter-spacing:-.065em;color:#121824}.directory .search{flex:0 1 calc(344 * var(--u));height:calc(35 * var(--u));margin-left:calc(16 * var(--u));border-radius:calc(30 * var(--u));background:linear-gradient(110deg,#edf2ff,#eaf0fd);display:flex;align-items:center;gap:calc(9 * var(--u));padding:0 calc(15 * var(--u));min-width:calc(205 * var(--u))}.directory .search-icon{font-size:calc(19 * var(--u));color:#3f597e;flex-shrink:0}.directory .search input{width:100%;min-width:0;background:transparent;border:0;outline:none;font-size:calc(11.7 * var(--u));font-weight:550;color:#253b5b;letter-spacing:-.055em}.directory .search input::placeholder{color:#53698a;opacity:1}.directory .search input::-webkit-search-cancel-button{cursor:pointer}.directory .header-actions{margin-left:auto;display:flex;align-items:center;gap:calc(21 * var(--u));padding-left:calc(20 * var(--u))}.directory .header-icon-button{display:grid;place-items:center;padding:0;height:calc(29 * var(--u));width:calc(24 * var(--u));color:#0a1220;background:transparent;border:0;font-size:calc(23 * var(--u))}.directory .apps-button{font-size:calc(23 * var(--u))}.directory .profile-button{display:flex;align-items:center;gap:calc(7 * var(--u));padding:0;border:0;background:transparent;color:#101a2b;font-size:calc(14 * var(--u))}.directory .profile-button img{width:calc(37 * var(--u));height:calc(37 * var(--u));border-radius:50%;object-fit:cover}.directory .profile-button svg{font-size:calc(13 * var(--u))}.directory .hero{height:calc(266 * var(--u));width:100%;position:relative;overflow:hidden;border-radius:calc(11 * var(--u)) calc(11 * var(--u)) calc(7 * var(--u)) calc(7 * var(--u));background:url(/screens/groups-directory/hero-community.jpg) 50%/cover no-repeat;isolation:isolate}.directory .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,38,81,.23),rgba(11,45,93,.15) 32%,transparent 57%)}.directory .hero-content{position:absolute;top:calc(70 * var(--u));left:max(calc(35 * var(--u)),calc((100% - (1250 * var(--u))) / 2));color:#fff;text-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(0,15,42,.28)}.directory .hero-content h1{font-size:calc(34 * var(--u));letter-spacing:-.075em;line-height:1.24;font-weight:850;margin:0}.directory .hero-content p{font-size:calc(13.7 * var(--u));line-height:1.77;font-weight:650;margin:calc(11 * var(--u)) 0 0;letter-spacing:-.062em}.directory .hero-pagination{margin-top:calc(17 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));height:calc(12 * var(--u))}.directory .pagination-current{width:calc(27 * var(--u));height:calc(2 * var(--u));border-radius:calc(3 * var(--u));background:#f5f7ff}.directory .pagination-dot{width:calc(5 * var(--u));height:calc(5 * var(--u));background:#ccd9f5;opacity:.83;border-radius:50%}.directory .category-bar{height:calc(67 * var(--u));background:#fff;border-bottom:calc(1 * var(--u)) solid #f0f3fa}.directory .category-inner{width:100%;max-width:calc(1348 * var(--u));height:100%;margin:auto;padding:0 calc(25 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(5 * var(--u))}.directory .category-chip{flex:0 1 auto;height:calc(41 * var(--u));padding:0 calc(12 * var(--u));display:inline-flex;justify-content:center;align-items:center;gap:calc(7 * var(--u));background:transparent;border:0;border-radius:calc(12 * var(--u));white-space:nowrap;color:#3e4e6c;font-size:calc(14 * var(--u));font-weight:560;transition:color .18s,background .18s}.directory .category-chip--active{flex:0 0 calc(95 * var(--u));background:#eaf1ff;color:#0061f8;font-weight:800}.directory .category-chip svg{font-size:calc(19 * var(--u));stroke-width:2.5}.directory .category-chip:hover:not(.category-chip--active){color:#005ff8;background:#f7faff}.directory .category-separator{width:calc(1 * var(--u));height:calc(18 * var(--u));background:#e2e8f5;flex-shrink:0}.directory--empty .category-chip{font-size:calc(13.7 * var(--u))}.directory--empty .category-inner{gap:calc(3 * var(--u))}.directory .page-main{min-height:0;background:var(--page-bg);padding:clamp(38px,4.6vw,60px) 0 clamp(72px,8vw,110px)}.directory-section{padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}.directory-section+.directory-section{margin-top:var(--section-space)}.directory .section-heading{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:20px}.directory .section-heading-copy{flex:1 1;position:relative;min-width:0;padding-left:22px}.directory .section-heading-copy:before{content:"";position:absolute;top:1px;left:0;width:5px;height:clamp(27px,2.9vw,35px);border-radius:4px;background:var(--accent)}.directory .section-heading h2{margin:0;font-size:var(--section-title-size);line-height:1.25;letter-spacing:-.065em;font-weight:840;color:var(--text-primary)}.directory .section-heading p{margin:8px 0 0;color:var(--text-secondary);font-size:clamp(13px,1.42vw,16px);line-height:1.5;letter-spacing:-.035em;font-weight:460}.directory .heading-count{font-size:.73em;margin-left:10px;letter-spacing:0;color:#718097;font-weight:560}.directory .section-heading-controls{flex:none;align-self:center}.directory .featured-grid,.directory .guidance-grid,.directory .my-groups-grid,.directory .public-groups-grid{margin-top:var(--section-content-space)}.directory .featured-grid,.directory .my-groups-grid,.directory .public-groups-grid{display:grid;gap:var(--card-gap);align-items:stretch}.directory .my-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory .public-groups-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:calc(var(--card-gap) + 3px)}.directory .group-card{min-width:0;padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left;width:100%;height:100%;border:var(--card-border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--card-shadow);color:var(--text-primary);transition:box-shadow .18s,transform .18s,border-color .18s}.directory .group-card:hover{transform:translateY(-3px);border-color:#c9d9f0;box-shadow:0 12px 28px rgba(23,43,81,.11)}.directory .group-card-media{display:block;flex:none;position:relative;width:100%;overflow:hidden;background:#e9eff6}.directory .group-card-media img{display:block;width:100%;height:100%;object-fit:cover}.directory .group-card-body{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:var(--card-body-padding)}.directory .group-card-body h3{margin:0;font-size:17px;font-weight:780;line-height:1.45;letter-spacing:-.06em;color:var(--text-primary)}.directory .group-card-body p{margin:7px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55;letter-spacing:-.035em;font-weight:450;white-space:pre-line}.directory .group-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:17px;font-size:12px;line-height:1.25;color:#52627b;white-space:nowrap}.directory .group-card-meta svg{width:15px;height:15px;flex:none;stroke-width:1.8}.directory .group-card--my .group-card-media{aspect-ratio:16/9}.directory .group-card--my .group-card-body{min-height:155px}.directory .status-badge{display:inline-flex;position:absolute;top:13px;right:13px;align-items:center;justify-content:center;padding:8px 11px;font-size:12px;line-height:1.1;font-weight:770;white-space:nowrap;border-radius:999px;box-shadow:0 2px 7px rgba(15,38,75,.07)}.directory .status-badge--green{background:#e5f8ee;color:#126f4b}.directory .status-badge--orange{background:#fff0dd;color:#b75d19}.directory .status-badge--blue{background:#e6f0ff;color:#085ed8}.directory .member-avatars,.directory .members-group,.directory .schedule-meta{display:inline-flex;align-items:center}.directory .members-group{min-width:0}.directory .member-avatars{padding-left:2px}.directory .member-avatars img{width:23px;height:23px;object-fit:cover;border-radius:50%;background:#f0f4fa;border:2px solid white;margin-left:-7px}.directory .member-avatars img:first-child{margin-left:0}.directory .additional-members{margin-left:5px;border-radius:7px;padding:5px 6px;background:#f3f6fb;color:#4d607e}.directory .schedule-meta{gap:5px}.directory .carousel-arrows{display:flex;gap:10px;align-items:center}.directory .carousel-arrows button{display:grid;place-items:center;width:40px;height:40px;border:var(--card-border);border-radius:50%;background:white;padding:0;color:#263754;font-size:21px;transition:color .15s,border-color .15s,background .15s}.directory .carousel-arrows button:hover{color:#065fe5;border-color:#b9d2fd;background:#eef5ff}.directory .group-card--featured .group-card-media{aspect-ratio:2.4/1}.directory .group-card--featured .group-card-body{min-height:112px}.directory .group-card--featured .group-card-body h3{font-size:19px}.directory .group-card--featured .status-badge{left:14px;right:auto;background:#0b66ef;color:white}.directory .sort-box{width:112px;height:42px;display:flex;align-items:center;position:relative;border:var(--card-border);border-radius:10px;background:white;color:#233853}.directory .sort-box select{width:100%;height:100%;cursor:pointer;appearance:none;background:none;border:0;padding:0 32px 0 14px;color:inherit;font-size:13px;font-weight:690}.directory .sort-box svg{pointer-events:none;position:absolute;right:13px;width:15px;height:15px}.directory .group-card--public .group-card-media{aspect-ratio:1.76/1}.directory .group-card--public .group-card-body{min-height:165px}.directory .group-card--public .group-card-body h3{font-size:15px}.directory .group-card--public .group-card-body p{font-size:12.4px;line-height:1.54}.directory .group-card--public .group-card-meta{gap:2px;font-size:11px;padding-top:14px}.directory .public-card-meta>span{display:inline-flex;align-items:center;gap:3px}.directory .public-card-meta svg{width:13px;height:13px}.directory .guidance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.directory .guidance-item{min-width:0;display:flex;align-items:flex-start;gap:11px;position:relative;padding:4px 15px}.directory .guidance-item:first-child{padding-left:0}.directory .guidance-item:not(:last-child):after{content:"";position:absolute;width:1px;height:56px;right:0;top:3px;background:#e3e9f2}.directory .guidance-symbol{flex:0 0 39px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:23px}.directory .guidance-symbol--shield{background:#e6f9ee;color:#0fab65}.directory .guidance-symbol--users{background:#fff5e5;color:#e8950a}.directory .guidance-symbol--lock{background:#eaf2ff;color:#1468d9}.directory .guidance-symbol--heart{background:#f6eaff;color:#a031dc}.directory .guidance-item-content{min-width:0}.directory .guidance-item h3{margin:1px 0 6px;font-size:13px;font-weight:780;line-height:1.4;color:var(--text-primary);letter-spacing:-.06em}.directory .guidance-item p{margin:0;color:var(--text-secondary);font-size:11.5px;line-height:1.52;white-space:pre-line}.directory .empty-panel{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--section-content-space);padding:35px 22px 38px;min-height:270px;border:1px solid #e2e9f3;border-radius:var(--card-radius);background:white;box-shadow:var(--card-shadow)}.directory .empty-artwork{width:110px;height:95px;display:grid;place-items:center}.directory .empty-art-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px rgba(63,137,245,.09))}.directory .empty-panel h3{margin:14px 0 0;font-size:21px;font-weight:790;line-height:1.4;letter-spacing:-.055em;color:var(--text-primary)}.directory .empty-panel p{margin:9px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55;white-space:pre-line}.directory .empty-action{height:42px;min-width:132px;padding:0 18px;font-size:14px;font-weight:740;border-radius:10px;margin-top:19px}.directory .empty-action--people{background:var(--accent);color:white;border:1px solid var(--accent)}.directory .empty-action--folder{background:white;color:#1268ef;border:1px solid #1268ef}.directory .empty-action:hover{filter:brightness(.96)}.directory .notice{position:fixed;bottom:calc(22 * var(--u));left:50%;transform:translateX(-50%);z-index:100;max-width:min(92vw,calc(600 * var(--u)));width:max-content;display:flex;align-items:center;gap:calc(15 * var(--u));background:#162949;color:white;border-radius:calc(12 * var(--u));padding:calc(13 * var(--u)) calc(16 * var(--u));font-size:calc(13 * var(--u));box-shadow:0 calc(9 * var(--u)) calc(25 * var(--u)) rgba(12,29,64,.2)}.directory .notice button{background:transparent;color:inherit;border:0;font-size:calc(22 * var(--u));line-height:1;padding:0}@media (max-width:900px){.directory .my-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory .public-groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory .guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.directory .guidance-item:nth-child(2):after{display:none}.directory .guidance-item:nth-child(odd){padding-left:0}}@media (max-width:720px){.directory .topbar-inner{padding-inline:calc(18 * var(--u))}.directory .brand{flex:none}.directory .brand-name{font-size:calc(12.5 * var(--u))}.directory .header-actions{gap:calc(9 * var(--u));padding-left:calc(8 * var(--u))}.directory .search{min-width:0;margin-left:calc(8 * var(--u))}.directory .profile-button img{width:calc(31 * var(--u));height:calc(31 * var(--u))}.directory .category-inner{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.directory .category-inner::-webkit-scrollbar{display:none}.directory .category-chip{flex:none}.directory .hero-content{left:calc(26 * var(--u))}.directory .hero-content h1{font-size:calc(29 * var(--u))}.directory .hero-content p{font-size:calc(12.5 * var(--u))}.directory .section-heading h2{font-size:clamp(23px,3.3vw,27px)}.directory .section-heading-copy:before{height:29px}.directory .public-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.directory{--section-space:49px;--section-content-space:22px;--card-gap:14px;--card-body-padding:15px}.directory .search{display:none}.directory .header-actions{margin-left:auto}.directory .hero-content{top:39px;left:20px}.directory .hero-content h1{font-size:clamp(23px,6vw,31px)}.directory .hero-content p{font-size:11px}.directory .hero{min-height:226px;background-position:55%}.directory .page-main{padding-top:35px}.directory .featured-grid,.directory .my-groups-grid{grid-template-columns:1fr}.directory .group-card--my .group-card-media{aspect-ratio:1.85/1}.directory .group-card--featured .group-card-media{aspect-ratio:2/1}.directory .group-card--my .group-card-body{min-height:141px}.directory .group-card--featured .group-card-body{min-height:112px}.directory .section-heading{gap:10px}.directory .section-heading-copy{padding-left:17px}.directory .section-heading-copy:before{width:4px}.directory .section-heading h2{font-size:23px}.directory .section-heading p{font-size:13px}.directory .carousel-arrows{gap:6px}.directory .carousel-arrows button{width:34px;height:34px;font-size:17px}.directory .sort-box{width:91px;height:36px}.directory .sort-box select{font-size:12px;padding-left:10px}.directory .sort-box svg{right:8px}.directory .guidance-item h3{font-size:12px}}@media (max-width:440px){.directory .topbar-inner{gap:6px}.directory .brand-name{font-size:10px}.directory .profile-button img{width:27px;height:27px}.directory .topbar{height:60px}.directory .header-actions{gap:7px}.directory .header-icon-button{width:21px}.directory .hero-content h1{font-size:23px}.directory .hero-content p{font-size:10.5px}.directory .category-inner{padding-inline:14px}.directory .public-groups-grid{grid-template-columns:1fr}.directory .group-card--public .group-card-media{aspect-ratio:2/1}.directory .group-card--public .group-card-body{min-height:142px}.directory .guidance-grid{grid-template-columns:1fr;row-gap:22px}.directory .guidance-item{padding:0!important}.directory .guidance-item:after{display:none!important}.directory .empty-panel{padding-inline:12px}.directory .empty-panel h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.directory,.directory *,.directory :after,.directory :before{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:620px){.directory{--u:1px}.directory .topbar{height:auto}.directory .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 56px;min-height:116px;padding-inline:14px;column-gap:5px}.directory .brand{grid-column:1;grid-row:1;flex:none;min-width:0}.directory .brand-mark{width:26px;height:29px}.directory .brand-name{font-size:12px;margin-left:8px;overflow:hidden;text-overflow:ellipsis}.directory .header-actions{grid-column:2;grid-row:1;margin-left:0;padding:0;gap:3px}.directory .header-icon-button{width:44px;height:44px;font-size:21px}.directory .profile-button{min-width:45px;min-height:44px;padding:3px 0 3px 2px;gap:3px}.directory .profile-button img{width:31px;height:31px}.directory .profile-button svg{font-size:12px}.directory .search{display:flex;grid-column:1/-1;grid-row:2;width:auto;min-width:0;height:44px;margin:2px 0 9px;padding:0 15px;border-radius:22px}.directory .search input{min-width:0;font-size:13px}.directory .search-icon{font-size:19px}.directory .category-chip{min-height:44px;height:44px;padding-inline:13px;font-size:13px}.directory--empty .category-chip{font-size:13px}.directory .category-inner{padding-inline:14px;gap:7px}.directory .hero-content{right:16px;max-width:calc(100% - 36px)}.directory .hero-content p{font-size:12.5px;line-height:1.65}.directory .carousel-arrows button{width:44px;height:44px}.directory .sort-box{min-width:98px;width:98px;height:44px}.directory .sort-box select{font-size:13px}.directory .empty-action{min-height:44px}.directory .group-card--public .group-card-body p{font-size:13px}.directory .group-card--public .group-card-meta{font-size:12px}.directory .guidance-item h3{font-size:13px}.directory .guidance-item p{font-size:12.5px}.directory .notice{max-width:calc(100vw - 24px);width:max-content;gap:10px;font-size:13px;line-height:1.45;padding:10px 12px}.directory .notice button{display:grid;place-items:center;width:44px;height:44px;font-size:24px;flex:none}}@media (max-width:359px){.directory .topbar-inner{padding-inline:10px}.directory .brand-name{font-size:11.5px;margin-left:6px}.directory .header-actions{gap:1px}.directory .header-icon-button{width:40px}.directory .profile-button{min-width:42px}.directory .hero-content h1{font-size:24px}.directory .section-heading{gap:6px}.directory .section-heading h2{font-size:21px}.directory .section-heading-controls{align-self:center}}@media (min-width:1360px){.directory .hero-content{left:max(var(--content-gutter),calc((100% - 1200px) / 2))}}@media (min-width:1600px){.directory .content-wrap{width:min(calc(100% - 2 * var(--content-gutter)),1360px);max-width:1360px}.directory .hero-content{left:max(var(--content-gutter),calc((100% - 1360px) / 2))}}.directory .search input:focus-visible{outline:2px solid #4489fc;outline-offset:3px;border-radius:5px}