@charset "utf-8";
/* HN_HISTORY 20261014 : 연혁 세로 타임라인 (b_mgh_history 기능 유지, 디자인만 덮음) */
.hn-sub .sub_con{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important}
.hn-sub .history_div{position:relative;width:auto !important;margin:0 !important;padding:0 !important}
.hn-sub .history_div .p_box{display:grid !important;grid-template-columns:120px minmax(0,1fr);position:relative;width:auto !important;
  margin:0 !important;padding:0 !important;float:none !important;border:0 !important;background:none !important;min-height:0 !important;height:auto !important}
.hn-sub .history_div .p_box:has(img[alt="history_start"]){display:none !important}
.hn-sub .history_div .history_img{position:relative !important;width:auto !important;height:auto !important;float:none !important;
  margin:0 !important;padding:2px 28px 0 0 !important;background:none !important;text-align:right}
.hn-sub .history_div .year_body{position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
.hn-sub .history_div .year_body span{display:block !important;position:static !important;color:var(--hn-c,#1f6db6) !important;font-size:1.625em !important;
  font-weight:800 !important;font-style:normal !important;line-height:1.2 !important;letter-spacing:-.02em;background:none !important}
.hn-sub .history_div .history_txt{position:relative !important;width:auto !important;float:none !important;margin:0 !important;
  padding:4px 0 36px 30px !important;border:0 !important;border-left:2px solid var(--hn-ln,#e3e8ee) !important;background:none !important}
.hn-sub .history_div .history_txt::before{content:"";position:absolute;left:-9px;top:8px;width:16px;height:16px;border-radius:50%;
  border:4px solid var(--hn-c,#1f6db6);background:var(--hn-bg,#fff);box-sizing:border-box}
.hn-sub .history_div .history_txt .tit{display:none !important}
.hn-sub .history_div .history_txt p.mt5{display:flex !important;align-items:baseline;gap:16px;margin:0 !important;padding:7px 0 !important;
  border-bottom:1px dashed var(--hn-ln,#e3e8ee);color:var(--hn-tx,#3a4350) !important;font-size:1em !important;line-height:1.7 !important;background:none !important}
.hn-sub .history_div .history_txt p.mt5:last-child{border-bottom:0}
.hn-sub .history_div .history_txt p.mt5 b{flex:none;min-width:58px;padding:0 !important;color:var(--hn-ink,#1a1f26) !important;font-size:1em !important;font-weight:700 !important}
.hn-sub .history_div .history_txt p.mt5 a{color:inherit !important;text-decoration:none}
.hn-sub .history_div .history_icon{grid-column:2;margin:0 0 24px 30px !important;padding:0 !important;float:none !important;width:auto !important}
.hn-sub .history_div .history_icon img{max-width:240px;height:auto;border-radius:10px}
.hn-sub .history_div .history_icon .tit{display:none}
.hn-sub .history_div #gall_allchk{margin:10px 0 0}
@media (max-width:768px){
  .hn-sub .history_div .p_box{grid-template-columns:64px minmax(0,1fr)}
  .hn-sub .history_div .history_img{padding-right:16px !important}
  .hn-sub .history_div .year_body span{font-size:1.2em !important}
  .hn-sub .history_div .history_txt{padding-left:20px !important}
  .hn-sub .history_div .history_txt p.mt5{gap:10px}
  .hn-sub .history_div .history_txt p.mt5 b{min-width:44px}
}

/* HN_HISTORY_FIX 20261014 : 옛 CSS가 연도 칸을 숨김 → 칸 위치 고정 · 연도 강제 표시 · 관리자 링크(a) 안에서도 월 정렬 */
.hn-sub .history_div .history_img{display:block !important;grid-column:1 !important;grid-row:1 !important;visibility:visible !important;opacity:1 !important;overflow:visible !important}
.hn-sub .history_div .history_txt{grid-column:2 !important;grid-row:1 !important;min-width:0}
.hn-sub .history_div .history_icon{grid-column:2 !important;grid-row:2 !important}
.hn-sub .history_div .year_body{display:block !important;visibility:visible !important;opacity:1 !important;overflow:visible !important}
.hn-sub .history_div .year_body span{text-indent:0 !important;width:auto !important;height:auto !important;visibility:visible !important;opacity:1 !important;overflow:visible !important;white-space:nowrap}
.hn-sub .history_div .history_txt p.mt5{display:block !important;position:relative !important;padding:7px 0 7px 74px !important}
.hn-sub .history_div .history_txt p.mt5 b{position:absolute !important;left:0;top:7px;min-width:0 !important}
@media (max-width:768px){
  .hn-sub .history_div .history_txt p.mt5{padding-left:56px !important}
}