:root{--gh-ink:#172b46;--gh-blue:#dceaf7;--gh-paper:#f7f5ef;--gh-red:#ef684e;--gh-line:rgba(23,43,70,.18)}*{box-sizing:border-box}body{margin:0;color:var(--gh-ink);background:var(--gh-paper);font-family:"Pretendard",system-ui,sans-serif}a{color:inherit;text-decoration:none}.guidehub-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(22px,calc((100vw - 1370px)/2));border-bottom:1px solid var(--gh-line);background:rgba(247,245,239,.94);backdrop-filter:blur(18px)}.guidehub-nav>a:last-child{font-size:11px;font-weight:900;letter-spacing:.12em}main{width:min(1370px,calc(100% - 36px));margin:auto}.guidehub-hero{padding:110px clamp(6px,5vw,70px) 75px}.guidehub-hero>p:first-child{font-size:10px;font-weight:900;letter-spacing:.18em}.guidehub-hero>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px}.guidehub-hero h1{max-width:1100px;margin:28px 0 20px;font-size:clamp(55px,8vw,112px);line-height:.86;letter-spacing:-.07em;overflow-wrap:break-word;word-break:keep-all}.guidehub-hero div>span{margin-bottom:24px;padding:10px 13px;color:#fff;background:var(--gh-red);font-size:10px;font-weight:900;letter-spacing:.1em}.guidehub-lead{max-width:720px;margin:0;color:#607087;font-size:18px;line-height:1.7}.guidehub-filters{position:sticky;top:69px;z-index:15;display:flex;gap:7px;overflow-x:auto;padding:15px clamp(6px,5vw,70px);border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line);background:rgba(247,245,239,.95);scrollbar-width:none}.guidehub-filters button{flex:none;padding:11px 16px;border:1px solid var(--gh-line);border-radius:99px;color:var(--gh-ink);background:transparent;font:800 12px/1 "Pretendard",sans-serif;cursor:pointer}.guidehub-filters button.is-active{color:#fff;border-color:var(--gh-ink);background:var(--gh-ink)}.guidehub-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--gh-line)}.guidehub-card{display:flex;flex-direction:column;min-height:440px;padding:28px;border-right:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line);transition:background .2s,color .2s}.guidehub-card[hidden]{display:none}.guidehub-card__meta,.guidehub-card__foot{display:flex;align-items:center;justify-content:space-between}.guidehub-card__meta>span{color:var(--gh-red);font-size:32px;font-weight:900}.guidehub-card__meta small{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.guidehub-card h2{margin:75px 0 16px;font-size:28px;line-height:1.15;letter-spacing:-.035em}.guidehub-card>p{display:-webkit-box;overflow:hidden;margin:0;color:#647286;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4}.guidehub-card__foot{margin-top:auto;padding-top:25px;border-top:1px solid var(--gh-line);font-size:10px;letter-spacing:.1em}.guidehub-card__foot span{font-size:22px}.guidehub-card:hover{color:#fff;background:var(--gh-ink)}.guidehub-card:hover p{color:#cbd6e4}.guidehub-card:hover .guidehub-card__meta>span{color:#8fcaf5}.guidehub-footer{display:grid;grid-template-columns:1fr 2fr auto;gap:35px;align-items:center;padding:70px max(22px,calc((100vw - 1230px)/2));color:#fff;background:var(--gh-ink)}.guidehub-footer>span{font-size:24px;font-weight:900}.guidehub-footer p{max-width:630px;color:#bac8d8;line-height:1.6}.guidehub-footer a{font-size:11px;font-weight:900;letter-spacing:.12em}html[lang="ko"] .guidehub-hero h1,html[lang="ja"] .guidehub-hero h1,html[lang^="zh"] .guidehub-hero h1{font-size:clamp(48px,6.3vw,88px);line-height:.96;letter-spacing:-.055em}[dir="rtl"] .guidehub-card__foot span,[dir="rtl"] .guidehub-nav span{display:inline-block;transform:scaleX(-1)}@media(max-width:960px){.guidehub-grid{grid-template-columns:repeat(2,1fr)}.guidehub-footer{grid-template-columns:1fr auto}.guidehub-footer p{grid-column:1/-1;grid-row:2}}@media(max-width:620px){main{width:100%}.guidehub-nav{padding:13px 17px}.guidehub-nav img{width:125px;height:auto}.guidehub-hero{padding:80px 19px 55px}.guidehub-hero>div{grid-template-columns:1fr}.guidehub-hero h1,html[lang="ko"] .guidehub-hero h1,html[lang="ja"] .guidehub-hero h1,html[lang^="zh"] .guidehub-hero h1{font-size:48px;line-height:.98}.guidehub-hero div>span{justify-self:start;margin:0}.guidehub-lead{font-size:16px}.guidehub-filters{top:62px;padding:12px 18px}.guidehub-grid{grid-template-columns:1fr;border-left:0}.guidehub-card{min-height:350px;padding:25px}.guidehub-card h2{margin-top:55px}.guidehub-footer{grid-template-columns:1fr;padding:55px 22px}.guidehub-footer p{grid-column:auto;grid-row:auto}}
