.mch-header{
  position:relative;top:0;z-index:99999;width:100%;height:72px;box-sizing:border-box;
  background:#f8f6ef;border-bottom:1px solid #d8d3c2;
  box-shadow:0 8px 24px rgba(52,49,38,.07);
}
.mch-inner{
  width:min(1160px,calc(100% - 32px));height:100%;margin:0 auto;box-sizing:border-box;
  display:grid;grid-template-columns:160px minmax(0,1fr) 300px;align-items:center;column-gap:12px;
}
.mch-brand{display:inline-flex;flex-direction:column;justify-content:center;font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;color:#26251f!important;text-decoration:none!important;font-size:20px;font-weight:680;letter-spacing:-.055em;white-space:nowrap}
.mch-brand small{display:block;margin-top:4px;color:#8b8463;font-size:8px;letter-spacing:.17em;font-weight:600}
.mch-nav{height:100%;display:flex;align-items:center;justify-content:center;min-width:0}
.mch-item{position:relative;height:100%;display:flex;align-items:center}
.mch-item+.mch-item:before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;background:rgba(112,105,81,.20);transform:translateY(-50%)}
.mch-main{display:flex;align-items:center;height:44px;padding:0 18px;color:#504d43!important;text-decoration:none!important;font-size:15.6px;font-weight:620;letter-spacing:-.035em;white-space:nowrap;border-radius:8px}
.mch-item:hover .mch-main,.mch-item:focus-within .mch-main,.mch-item.is-active .mch-main{background:rgba(127,120,91,.07);color:#26251f!important}
.mch-item.is-active .mch-main:after{content:"";position:absolute;left:50%;bottom:18px;width:22px;height:2px;border-radius:2px;background:#8b8463;transform:translateX(-50%)}
.mch-drop{position:absolute;left:50%;top:calc(100% - 2px);width:210px;padding-top:9px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-5px);transition:.16s ease}
.mch-dropin{padding:10px;border:1px solid rgba(112,105,81,.14);border-radius:13px;background:rgba(251,250,245,.90);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);box-shadow:0 14px 32px rgba(48,45,35,.13);display:grid;gap:3px}
.mch-drop a{min-height:33px;display:flex;align-items:center;padding:0 10px;border-radius:8px;color:#555147!important;text-decoration:none!important;font-size:12.5px;font-weight:560}
.mch-drop a:hover{background:rgba(158,142,87,.10);color:#26251f!important}
.mch-item:hover .mch-drop,.mch-item:focus-within .mch-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mch-tools{justify-self:end;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}
.mch-autharea{display:flex;align-items:center;gap:10px}.mch-account,.mch-register,.mch-auth{font-size:12px;font-weight:500;color:#5e594d!important;text-decoration:none!important;line-height:1;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;cursor:pointer}
.mch-account:hover,.mch-register:hover,.mch-auth:hover{color:#24231f!important}
.mch-sep{width:1px;height:12px;background:rgba(112,105,81,.22);display:block}
.mch-iconbtn,.mch-grid{width:30px;height:30px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;display:grid;place-items:center;color:#615d50!important;text-decoration:none!important;cursor:pointer;border-radius:50%}
.mch-iconbtn:hover,.mch-grid:hover{background:rgba(127,120,91,.07)!important}
.mch-grid{grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:3px;align-content:center;justify-content:center}
.mch-grid i{width:3px;height:3px;border-radius:50%;background:#716b59;display:block}
.mch-searchwrap{position:relative}
.mch-searchpanel{position:absolute;right:0;top:38px;width:240px;padding:8px;background:rgba(251,250,245,.90);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);border:1px solid rgba(112,105,81,.16);border-radius:12px;box-shadow:0 12px 28px rgba(48,45,35,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:.15s ease}
.mch-searchpanel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mch-searchform{display:flex;align-items:center;height:38px;border:1px solid rgba(111,104,79,.19);border-radius:999px;background:#fff;overflow:hidden}
.mch-searchform input{width:190px;height:36px;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:0 5px 0 13px!important;font-size:12px!important;color:#4f4b40!important}
.mch-searchform button{width:48px;height:36px;border:0!important;background:transparent!important;padding:0!important;cursor:pointer;color:#696453}


/* v1.3.5: remove page-embedded legacy navigation bars on direction/middle/list screens */
body.marchive-common-header-on header.mhv1-topbar,
body.marchive-common-header-on header.pf-top,
body.marchive-common-header-on header.pfmh-top,
body.marchive-common-header-on .pfmh-shell > .pfmh-top,
body.marchive-common-header-on .pfmh-shell .pfmh-top,
body.marchive-common-header-on .pf-page > .pf-top,
body.marchive-common-header-on main .pf-top,
body.marchive-common-header-on article .pf-top {
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}


/* v1.3.5: diagnostic-confirmed legacy direction header */
body.marchive-common-header-on .pfch-top{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}


/* v1.3.5 GLASS MENUS
   메뉴/오버레이가 뜰 때 뒤 페이지가 은은하게 보이도록 합니다. */

/* HOME 카드 클릭/호버 후 나타나는 중분류 글라스 메뉴 */
#mylife-home-v1 .mhv1-submenu-glass{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,247,241,.72))!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  border-color:rgba(255,255,255,.72)!important;
}

/* Member Space 전체분류/로그인/회원가입 오버레이의 바깥 배경.
   실제 내부 카드의 가독성은 그대로 두고 배경만 살짝 비칩니다. */
#pfm-category-overlay,
#pfm-login-overlay,
#pfm-register-overlay,
.pfm-category-overlay,
.pfm-login-overlay,
.pfm-register-overlay,
.pfm-modal-overlay{
  background:rgba(38,36,30,.18)!important;
  -webkit-backdrop-filter:blur(6px) saturate(108%)!important;
  backdrop-filter:blur(6px) saturate(108%)!important;
}

/* Member Space 내부 패널이 별도 클래스를 쓰는 경우 글라스 질감만 약하게 적용 */
#pfm-category-overlay .pfm-panel,
#pfm-category-overlay .pfm-modal,
#pfm-login-overlay .pfm-panel,
#pfm-login-overlay .pfm-modal,
#pfm-register-overlay .pfm-panel,
#pfm-register-overlay .pfm-modal,
.pfm-modal-panel,
.pfm-category-panel{
  background:rgba(251,250,245,.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}

@media(max-width:1380px){
  .mch-inner{grid-template-columns:160px minmax(0,1fr) 270px}
  .mch-main{padding:0 10px;font-size:14px}
}
@media(max-width:1110px){
  .mch-header{height:auto;min-height:102px}
  .mch-inner{width:calc(100% - 28px);height:auto;min-height:102px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:54px 42px;gap:0 12px;padding:5px 0 8px}
  .mch-brand{grid-column:1;grid-row:1;font-size:21px}
  .mch-tools{grid-column:2;grid-row:1;justify-self:end}
  .mch-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mch-nav::-webkit-scrollbar{display:none}
  .mch-main{padding:0 16px;font-size:13.5px}
  .mch-drop{display:none!important}
}
@media(max-width:620px){
  .mch-inner{width:calc(100% - 20px)}
  .mch-brand{font-size:19px}
  .mch-main{padding:0 13px;font-size:13px}
  .mch-account,.mch-register,.mch-auth{font-size:11px}
  .mch-tools{gap:6px}
}

/*# sourceURL=marchive-common-header-inline-css */


/* v1.2.0: MSS 공통 헤더 우측 인증 영역만 사용 */
body.mss-managed #marchive-common-header ~ .mch-autharea,
body.mss-managed .site-header .mch-autharea,
body.mss-managed .inside-header .mch-autharea{
  display:none!important;
}
body.mss-managed #marchive-common-header .mch-autharea{
  display:flex!important;
}


/* v1.3.0 인증영역 단일화 */
#marchive-common-header .mch-tools{
  display:flex;
  align-items:center;
  gap:10px;
}
#marchive-common-header .mch-accountpill{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border:1px solid rgba(112,104,79,.12);
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:0 6px 20px rgba(60,53,37,.04);
}
#marchive-common-header .mch-accountpill a{
  padding:0 7px;
  color:#6f685c;
  text-decoration:none;
  font-size:12px;
  white-space:nowrap;
}
#marchive-common-header .mch-sep{
  width:1px;
  height:18px;
  background:rgba(112,104,79,.16);
}
#marchive-common-header .mch-accountpill .mch-grid{
  margin-left:7px;
}


/* v1.3.1 — 우측 인증/도구 영역 가로 정렬 보정 */
#marchive-common-header .mch-inner{
  display:flex !important;
  align-items:center !important;
}

#marchive-common-header .mch-tools{
  margin-left:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:auto !important;
  min-width:max-content !important;
  white-space:nowrap !important;
}

#marchive-common-header .mch-accountpill{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
  width:auto !important;
  min-width:0 !important;
  height:40px !important;
  padding:0 8px !important;
  border:1px solid rgba(112,104,79,.12) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.84) !important;
  white-space:nowrap !important;
}

#marchive-common-header .mch-accountpill > *{
  flex:0 0 auto !important;
}

#marchive-common-header .mch-accountpill a{
  display:inline-flex !important;
  align-items:center !important;
  height:38px !important;
  padding:0 9px !important;
  margin:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#marchive-common-header .mch-sep{
  display:block !important;
  width:1px !important;
  height:18px !important;
  margin:0 1px !important;
  flex:0 0 1px !important;
  background:rgba(112,104,79,.18) !important;
}

#marchive-common-header .mch-grid{
  position:static !important;
  display:grid !important;
  grid-template-columns:repeat(3,4px) !important;
  grid-template-rows:repeat(3,4px) !important;
  gap:3px !important;
  width:31px !important;
  height:38px !important;
  padding:9px 7px !important;
  margin:0 0 0 4px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#marchive-common-header .mch-grid i{
  width:4px !important;
  height:4px !important;
  margin:0 !important;
  border-radius:50% !important;
}

#marchive-common-header .mch-searchwrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
}

#marchive-common-header .mch-iconbtn{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#marchive-common-header .mch-searchpanel{
  top:46px !important;
  right:0 !important;
}

/* 좁은 화면에서는 검색 아이콘만 유지하고 인증 영역 크기 축소 */
@media (max-width:1100px){
  #marchive-common-header .mch-accountpill a{
    padding:0 6px !important;
    font-size:11px !important;
  }
  #marchive-common-header .mch-tools{
    gap:6px !important;
  }
}

@media (max-width:860px){
  #marchive-common-header .mch-accountpill .mch-account{
    display:none !important;
  }
}


/* =========================================================
   v1.4.4 — 1400px WIDE / LARGE TYPE / CLEAN TOOLS
   - 본문 기준폭 1400px과 헤더 좌우선 통일
   - 메뉴와 인증 글씨를 더 크고 시원하게
   - 회원가입/로그인/바둑판을 박스가 아닌 가벼운 텍스트·아이콘형으로
   ========================================================= */

#marchive-common-header.mch-header{
  height:84px !important;
  min-height:84px !important;
  background:#f8f6ef !important;
  border-bottom:1px solid rgba(112,105,81,.16) !important;
  box-shadow:0 5px 18px rgba(49,46,35,.04) !important;
}

#marchive-common-header .mch-inner{
  width:min(1400px,calc(100% - 40px)) !important;
  max-width:1400px !important;
  height:84px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 280px !important;
  align-items:center !important;
  column-gap:18px !important;
  box-sizing:border-box !important;
}

#marchive-common-header .mch-brand{
  min-width:0 !important;
  font-size:25px !important;
  font-weight:740 !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
}
#marchive-common-header .mch-brand small{
  margin-top:7px !important;
  font-size:9px !important;
  letter-spacing:.18em !important;
}

#marchive-common-header .mch-nav{
  min-width:0 !important;
  height:84px !important;
  justify-content:center !important;
  overflow:visible !important;
}
#marchive-common-header .mch-item{
  height:84px !important;
}
#marchive-common-header .mch-item + .mch-item:before{
  height:20px !important;
  background:rgba(112,105,81,.18) !important;
}
#marchive-common-header .mch-main{
  height:48px !important;
  padding:0 16px !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:18px !important;
  font-weight:650 !important;
  letter-spacing:-.045em !important;
}
#marchive-common-header .mch-item:hover .mch-main,
#marchive-common-header .mch-item:focus-within .mch-main,
#marchive-common-header .mch-item.is-active .mch-main{
  background:transparent !important;
  color:#25241f !important;
}
#marchive-common-header .mch-item.is-active .mch-main:after{
  bottom:19px !important;
  width:24px !important;
  height:2px !important;
}

#marchive-common-header .mch-tools{
  margin-left:0 !important;
  justify-self:end !important;
  width:auto !important;
  min-width:0 !important;
  gap:12px !important;
}

#marchive-common-header .mch-accountpill{
  min-height:42px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  gap:0 !important;
}

#marchive-common-header .mch-accountpill a,
#marchive-common-header .mch-accountpill button.mch-auth{
  display:inline-flex !important;
  align-items:center !important;
  height:42px !important;
  padding:0 8px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#5b574d !important;
  font-size:15.5px !important;
  font-weight:560 !important;
  letter-spacing:-.035em !important;
  line-height:1 !important;
}
#marchive-common-header .mch-accountpill a:hover,
#marchive-common-header .mch-accountpill button.mch-auth:hover{
  color:#24231f !important;
}

#marchive-common-header .mch-sep{
  width:1px !important;
  height:16px !important;
  margin:0 2px !important;
  background:rgba(112,104,79,.20) !important;
}

#marchive-common-header .mch-grid{
  width:42px !important;
  height:42px !important;
  margin:0 0 0 3px !important;
  padding:10px !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  grid-template-columns:repeat(3,4px) !important;
  grid-template-rows:repeat(3,4px) !important;
  gap:4px !important;
}
#marchive-common-header .mch-grid:hover{
  background:rgba(127,120,91,.07) !important;
}
#marchive-common-header .mch-grid i{
  width:4px !important;
  height:4px !important;
}

#marchive-common-header .mch-iconbtn{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
}
#marchive-common-header .mch-iconbtn svg{
  width:22px !important;
  height:22px !important;
}

#marchive-common-header .mch-drop{
  top:calc(100% - 4px) !important;
}
#marchive-common-header .mch-drop a{
  min-height:36px !important;
  font-size:13.5px !important;
}

/* 1400px 아래에서는 메뉴만 단계적으로 줄이고 전체 구조는 유지 */
@media (max-width:1380px){
  #marchive-common-header .mch-inner{
    width:calc(100% - 28px) !important;
    grid-template-columns:175px minmax(0,1fr) 260px !important;
    column-gap:10px !important;
  }
  #marchive-common-header .mch-main{
    padding:0 11px !important;
    font-size:16.5px !important;
  }
  #marchive-common-header .mch-accountpill a,
  #marchive-common-header .mch-accountpill button.mch-auth{
    padding:0 6px !important;
    font-size:14px !important;
  }
}

/* 태블릿: 기존 2단 헤더 원칙 유지 */
@media (max-width:1110px){
  #marchive-common-header.mch-header{
    height:auto !important;
    min-height:112px !important;
  }
  #marchive-common-header .mch-inner{
    width:calc(100% - 24px) !important;
    height:auto !important;
    min-height:112px !important;
    grid-template-columns:180px minmax(0,1fr) !important;
    grid-template-rows:60px 52px !important;
    column-gap:12px !important;
  }
  #marchive-common-header .mch-brand{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:23px !important;
  }
  #marchive-common-header .mch-tools{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:end !important;
  }
  #marchive-common-header .mch-nav{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    height:52px !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  #marchive-common-header .mch-item{
    height:52px !important;
  }
  #marchive-common-header .mch-main{
    height:44px !important;
    padding:0 15px !important;
    font-size:15.5px !important;
  }
  #marchive-common-header .mch-drop{
    display:none !important;
  }
}

@media (max-width:620px){
  #marchive-common-header .mch-inner{
    width:calc(100% - 18px) !important;
    grid-template-columns:minmax(126px,1fr) auto !important;
  }
  #marchive-common-header .mch-brand{
    font-size:21px !important;
  }
  #marchive-common-header .mch-brand small{
    display:none !important;
  }
  #marchive-common-header .mch-accountpill a,
  #marchive-common-header .mch-accountpill button.mch-auth{
    font-size:13px !important;
    padding:0 4px !important;
  }
  #marchive-common-header .mch-tools{
    gap:5px !important;
  }
  #marchive-common-header .mch-main{
    font-size:14.5px !important;
    padding:0 12px !important;
  }
}