/* blogV1 - GQ 스타일 헤더 (top_skin1.css) */
:root{
  --gq-bg:#fff;
  --gq-fg:#0b0b0c;
  --gq-muted:#6b7280;
  --gq-line:#d1d5db;
  --gq-ink:#111111;
  --gq-max:1160px;
}

.gq-lock{overflow:hidden}

.gq-header{
  background:var(--gq-bg);
  color:var(--gq-fg);
  position:sticky;
  top:0;
  z-index:1000;
  border-bottom:1px solid var(--gq-line);
}

.gq-wrap{
  max-width:var(--gq-max);
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  height:72px;
}

.gq-topbar{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
}

.gq-logo{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:120px;
  text-decoration:none;
  color:inherit;
}
.gq-logo-img{height:28px;width:auto;display:block}
.gq-logo-text{
  font-weight:900;
  letter-spacing:-.03em;
  font-size:22px;
  line-height:1;
}
.gq-logo--menu .gq-logo-text{font-size:20px}

.gq-nav{flex:1}
.gq-nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin:0;
  padding:0;
}
.gq-nav-link{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:14.5px;
  text-decoration:none;
  color:inherit;
  padding:12px 4px;
  position:relative;
}
.gq-nav-link::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:6px;
  height:2px;
  background:var(--gq-ink);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
  opacity:.95;
}
.gq-nav-link:hover::after{transform:scaleX(1)}

.gq-actions{display:flex;align-items:center;gap:14px}
.gq-action{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:inherit;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:transparent;
  border:0;
  padding:8px 6px;
  cursor:pointer;
}
.gq-action:hover{opacity:.75}
.gq-caret{
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.75;
}

.gq-burger{
  width:34px;height:34px;
  border:0;background:transparent;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  padding:0;
}
.gq-burger span{
  width:18px;height:2px;background:var(--gq-ink);border-radius:999px;display:block;
}

/* Mobile menu */
.gq-menu{position:fixed;inset:0;pointer-events:none}
.gq-menu.is-open{pointer-events:auto}
.gq-menu-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.35);
  opacity:0;transition:opacity .18s ease;
}
.gq-menu.is-open .gq-menu-backdrop{opacity:1}
.gq-menu-panel{
  position:absolute;top:0;right:0;bottom:0;
  width:min(420px, 92vw);
  background:#fff;
  transform:translateX(100%);
  transition:transform .22s ease;
  display:flex;
  flex-direction:column;
}
.gq-menu.is-open .gq-menu-panel{transform:translateX(0)}

.gq-menu-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 18px 10px;
}
.gq-close{
  width:40px;height:40px;border:0;background:transparent;
  font-size:28px;line-height:1;cursor:pointer;
  color:#111;
}

.gq-search{
  display:flex;align-items:center;gap:10px;
  padding:0 18px 16px;
  border-bottom:1px solid var(--gq-line);
}
.gq-search-input{
  width:100%;
  border:0;
  outline:0;
  font-size:20px;
  font-weight:700;
  letter-spacing:.02em;
  padding:12px 0;
}
.gq-search-btn{
  width:42px;height:42px;border-radius:999px;
  border:1px solid var(--gq-line);
  background:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.gq-search-btn svg{width:18px;height:18px}

.gq-menu-nav{padding:14px 18px;overflow:auto}
.gq-menu-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gq-menu-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 0;
}
.gq-menu-link{
  font-weight:900;
  font-size:34px;
  letter-spacing:-.02em;
  text-decoration:none;
  color:#111;
}
.gq-plus{
  width:40px;height:40px;border-radius:999px;
  border:1px solid var(--gq-line);
  background:#fff;
  font-size:22px;font-weight:800;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.gq-menu-item.is-expanded .gq-plus{transform:rotate(45deg)}

.gq-sub{
  max-height:0;
  overflow:hidden;
  transition:max-height .22s ease;
}
.gq-sub-list{
  list-style:none;margin:0;padding:0 0 10px;
  display:grid;gap:10px;
}
.gq-sub-list a{
  display:inline-block;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:#111;
  padding-left:2px;
}
.gq-sub-list a:hover{text-decoration:underline}

.gq-menu-foot{
  margin-top:auto;
  padding:16px 18px 22px;
  border-top:1px solid var(--gq-line);
}
.gq-foot-links{
  display:grid;gap:10px;
  font-size:14px;
}
.gq-foot-links a{text-decoration:none;color:#111;font-weight:600}
.gq-foot-links a:hover{text-decoration:underline}
.gq-social{
  display:flex;gap:10px;margin-top:18px;
}
.gq-social a{
  width:44px;height:44px;border-radius:999px;
  border:1px solid var(--gq-line);
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;color:#111;font-weight:900;
}

/* Responsive */
@media (max-width: 960px){
  .gq-nav{display:none}
  .gq-wrap{height:62px}
  .gq-logo-text{font-size:20px}
}
@media (max-width: 420px){
  .gq-wrap{padding:0 16px}
  .gq-menu-link{font-size:30px}
}