/* MYEONGRIGYEOL_PREMIUM_V124_R51 */

/* =========================================================
   1. HOME LIFEBOOK VISUAL
   ========================================================= */

body.mg-v12-home .mg-v124-home-lifebook-unified{
  position:relative!important;
  overflow:hidden!important;
}

/* R5에서 잘못 숨겨졌던 기존 요소 다시 복구 */
body.mg-v12-home .mg-v124-home-old-book{
  display:revert!important;
}

/* 새로 넣는 책 스테이지 */
body.mg-v12-home .mg-v124-home-book-stage{
  position:absolute!important;

  right:42px!important;
  top:50%!important;

  width:270px!important;
  height:330px!important;

  transform:translateY(-50%)!important;

  display:flex!important;
  justify-content:center!important;
  align-items:center!important;

  pointer-events:none!important;
  z-index:5!important;
}

/* 주변 은은한 조명 */
body.mg-v12-home .mg-v124-home-book-stage::before{
  content:""!important;

  position:absolute!important;

  width:300px!important;
  height:300px!important;

  border-radius:50%!important;

  background:
    radial-gradient(
      circle,
      rgba(212,166,87,.12) 0%,
      rgba(151,108,45,.06) 34%,
      rgba(7,16,23,0) 72%
    )!important;

  filter:blur(5px)!important;
}

/* 책 본체 */
body.mg-v12-home .mg-v124-home-book{
  position:relative!important;

  width:174px!important;
  height:258px!important;

  border-radius:8px!important;

  border:
    1px solid rgba(218,177,102,.55)!important;

  /*
    중요:
    실제 V12.4 HQ 자산 경로로 수정
  */
  background-image:
    linear-gradient(
      120deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,0) 26%
    ),
    url('/static/img/mg-v124/card-lifebook-hq-v124.webp')!important;

  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:70% center!important;

  box-shadow:
    -12px 26px 46px rgba(0,0,0,.55),
    0 7px 16px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.025)!important;

  transform:
    perspective(1100px)
    rotateY(-13deg)
    rotateX(1deg)!important;

  transform-style:preserve-3d!important;

  overflow:hidden!important;
}

/* 책 등 */
body.mg-v12-home .mg-v124-home-book::before{
  content:""!important;

  position:absolute!important;

  top:7px!important;
  bottom:7px!important;
  left:0!important;

  width:11px!important;

  background:
    linear-gradient(
      180deg,
      #8c672e,
      #4f3518 46%,
      #18130d
    )!important;

  border-right:
    1px solid rgba(231,192,118,.28)!important;

  box-shadow:
    3px 0 8px rgba(0,0,0,.30)!important;
}

/* 표지 하이라이트 */
body.mg-v12-home .mg-v124-home-book::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      112deg,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.035) 17%,
      transparent 33%
    )!important;

  pointer-events:none!important;
}

/* 바닥 그림자 */
body.mg-v12-home .mg-v124-home-book-shadow{
  position:absolute!important;

  left:50%!important;
  bottom:22px!important;

  width:205px!important;
  height:38px!important;

  transform:translateX(-50%)!important;

  background:
    radial-gradient(
      ellipse,
      rgba(0,0,0,.52),
      transparent 70%
    )!important;

  filter:blur(5px)!important;
}


/* 텍스트와 책 영역 충돌 방지 */
body.mg-v12-home .mg-v124-home-lifebook-unified
.mg-v124-home-copy-safe{
  max-width:calc(100% - 330px)!important;
}


/* =========================================================
   2. REPORT / LIFEBOOK PURCHASE SUMMARY
   ========================================================= */

body.mg-v12-report .mg-v123-purchase-aside,
body.mg-v12-lifebook .mg-v123-purchase-aside{

  width:100%!important;
  max-width:none!important;

  min-height:0!important;

  padding:
    24px
    28px!important;

  margin:0!important;

  display:grid!important;

  grid-template-columns:
    minmax(190px,1.1fr)
    minmax(135px,.65fr)
    minmax(340px,1.8fr)
    minmax(220px,.9fr)!important;

  grid-template-areas:
    "identity price features action"!important;

  align-items:center!important;

  gap:26px!important;

  position:static!important;

  border-radius:18px!important;

  box-sizing:border-box!important;
}


/* 작은 영어 라벨 + 상품명은 첫 칸 */
body.mg-v12-report .mg-v123-purchase-aside > small,
body.mg-v12-lifebook .mg-v123-purchase-aside > small{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}


body.mg-v12-report .mg-v123-purchase-aside > h3,
body.mg-v12-lifebook .mg-v123-purchase-aside > h3{

  grid-area:identity!important;

  margin:0!important;

  font-size:23px!important;
  line-height:1.25!important;

  color:#eee7da!important;
}


/* 상품명 위에 작은 라벨 생성 */
body.mg-v12-report .mg-v123-purchase-aside > h3::before{
  content:"PRECISION REPORT"!important;
}

body.mg-v12-lifebook .mg-v123-purchase-aside > h3::before{
  content:"PERSONAL LIFE BOOK"!important;
}


body.mg-v12-report .mg-v123-purchase-aside > h3::before,
body.mg-v12-lifebook .mg-v123-purchase-aside > h3::before{

  display:block!important;

  margin-bottom:8px!important;

  font-family:
    Arial,
    sans-serif!important;

  font-size:8px!important;
  line-height:1!important;

  letter-spacing:3px!important;

  color:#ad8148!important;
}


/* 가격 */
body.mg-v12-report .mg-v123-purchase-aside > strong,
body.mg-v12-lifebook .mg-v123-purchase-aside > strong{

  grid-area:price!important;

  margin:0!important;

  font-size:34px!important;
  line-height:1!important;

  color:#dfb569!important;

  white-space:nowrap!important;
}


/* 특징 */
body.mg-v12-report .mg-v123-purchase-aside > ul,
body.mg-v12-lifebook .mg-v123-purchase-aside > ul{

  grid-area:features!important;

  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:10px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;

  list-style:none!important;
}


body.mg-v12-report .mg-v123-purchase-aside > ul > li,
body.mg-v12-lifebook .mg-v123-purchase-aside > ul > li{

  min-width:0!important;

  padding:
    7px
    4px
    7px
    18px!important;

  margin:0!important;

  font-size:10px!important;
  line-height:1.45!important;

  color:#9ca8aa!important;

  word-break:keep-all!important;
}


/* 버튼 */
body.mg-v12-report .mg-v123-purchase-aside > button,
body.mg-v12-lifebook .mg-v123-purchase-aside > button{

  grid-area:action!important;

  width:100%!important;

  min-height:50px!important;

  margin:0!important;

  font-size:11px!important;

  border-radius:10px!important;
}


/* =========================================================
   3. MYEONGRIGYEOL METHOD / TRUST PANEL
   ========================================================= */

.mg-v124-method-panel{

  width:min(
    1180px,
    calc(100% - 48px)
  )!important;

  max-width:1180px!important;

  margin:
    18px auto
    28px!important;

  padding:
    24px
    28px!important;

  border:
    1px solid rgba(191,151,82,.20)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      135deg,
      rgba(8,25,34,.92),
      rgba(5,16,23,.96)
    )!important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.14)!important;

  box-sizing:border-box!important;
}


.mg-v124-method-head{

  display:grid!important;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,1.6fr)!important;

  gap:34px!important;

  align-items:end!important;

  padding-bottom:20px!important;

  border-bottom:
    1px solid rgba(141,162,166,.12)!important;
}


.mg-v124-method-kicker{

  display:block!important;

  margin-bottom:8px!important;

  font-size:8px!important;

  font-weight:800!important;

  letter-spacing:3.2px!important;

  color:#b68a4e!important;
}


.mg-v124-method-title{

  margin:0!important;

  font-family:
    "Noto Serif KR",
    "Nanum Myeongjo",
    serif!important;

  font-size:25px!important;

  line-height:1.3!important;

  color:#eee9df!important;
}


.mg-v124-method-description{

  margin:0!important;

  font-size:11px!important;

  line-height:1.8!important;

  color:#8f9da1!important;

  word-break:keep-all!important;
}


.mg-v124-method-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:0!important;

  margin-top:20px!important;
}


.mg-v124-method-item{

  min-width:0!important;

  padding:
    4px
    22px!important;

  border-right:
    1px solid rgba(139,158,162,.12)!important;
}


.mg-v124-method-item:first-child{
  padding-left:0!important;
}


.mg-v124-method-item:last-child{
  border-right:0!important;
  padding-right:0!important;
}


.mg-v124-method-no{

  display:block!important;

  margin-bottom:10px!important;

  font-size:9px!important;

  letter-spacing:1.5px!important;

  color:#c29455!important;
}


.mg-v124-method-item strong{

  display:block!important;

  margin-bottom:7px!important;

  font-size:12px!important;

  color:#dedbd3!important;
}


.mg-v124-method-item p{

  margin:0!important;

  font-size:9px!important;

  line-height:1.65!important;

  color:#79898e!important;

  word-break:keep-all!important;
}


/* =========================================================
   4. TABLET
   ========================================================= */

@media(max-width:1000px){

  body.mg-v12-report .mg-v123-purchase-aside,
  body.mg-v12-lifebook .mg-v123-purchase-aside{

    grid-template-columns:
      1fr
      .65fr
      1.7fr!important;

    grid-template-areas:
      "identity price features"
      "action action action"!important;

    gap:
      15px
      20px!important;
  }

  .mg-v124-method-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  .mg-v124-method-item{
    border-right:0!important;

    border-bottom:
      1px solid rgba(139,158,162,.10)!important;

    padding:
      16px!important;
  }

}


/* =========================================================
   5. MOBILE
   ========================================================= */

@media(max-width:760px){

  /* 구매 요약 패널은 모바일에서 중복이므로 숨김 */
  body.mg-v12-report .mg-v123-purchase-aside,
  body.mg-v12-lifebook .mg-v123-purchase-aside{
    display:none!important;
  }


  /* Method Panel */
  .mg-v124-method-panel{

    width:calc(100% - 24px)!important;

    padding:
      20px
      16px!important;

    margin:
      12px auto
      20px!important;
  }


  .mg-v124-method-head{

    grid-template-columns:
      1fr!important;

    gap:11px!important;

    padding-bottom:16px!important;
  }


  .mg-v124-method-title{
    font-size:21px!important;
  }


  .mg-v124-method-description{
    font-size:10px!important;
  }


  .mg-v124-method-grid{

    grid-template-columns:
      1fr!important;

    margin-top:8px!important;
  }


  .mg-v124-method-item{

    padding:
      14px
      0!important;

    border-right:0!important;

    border-bottom:
      1px solid rgba(139,158,162,.10)!important;
  }


  .mg-v124-method-item:last-child{
    border-bottom:0!important;
  }


  /* 홈 인생서 책 */
  body.mg-v12-home .mg-v124-home-book-stage{

    position:relative!important;

    right:auto!important;
    top:auto!important;

    width:100%!important;
    height:230px!important;

    margin:
      12px auto
      0!important;

    transform:none!important;
  }


  body.mg-v12-home .mg-v124-home-book{

    width:130px!important;
    height:196px!important;

    transform:
      perspective(900px)
      rotateY(-10deg)
      rotateX(1deg)!important;
  }


  body.mg-v12-home .mg-v124-home-lifebook-unified
  .mg-v124-home-copy-safe{

    max-width:100%!important;
  }

}

/* V12.4 R5.2 - remove fake composite lifebook overlay */
body.mg-v12-home .mg-v124-home-book-stage{
  display:none!important;
}

body.mg-v12-home .mg-v12-life-teaser{
  background-image:
    linear-gradient(
      90deg,
      rgba(3,11,16,.98) 0%,
      rgba(3,11,16,.88) 44%,
      rgba(3,11,16,.24) 76%,
      rgba(3,11,16,.08) 100%
    ),
    url('/static/img/mg-v124/lifebook-wide-hq-v124.webp')!important;

  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

body.mg-v12-home .mg-v124-home-lifebook-unified .mg-v124-home-copy-safe{
  max-width:620px!important;
}


/* ============================================================
   MYEONGRIGYEOL V12.4 R5.3
   PRODUCT SPECIFIC EXPLANATION
============================================================ */

.mg-v124-product-method{

  width:min(
    1180px,
    calc(100% - 48px)
  )!important;

  max-width:1180px!important;

  margin:
    22px auto
    30px!important;

  padding:
    27px
    30px!important;

  border:
    1px solid rgba(191,151,82,.20)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      135deg,
      rgba(7,24,33,.94),
      rgba(4,15,22,.97)
    )!important;

  box-sizing:border-box!important;
}


.mg-v124-product-method-head{

  display:grid!important;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(0,1.3fr)!important;

  gap:42px!important;

  align-items:end!important;

  padding-bottom:22px!important;

  border-bottom:
    1px solid rgba(139,160,164,.13)!important;
}


.mg-v124-product-method-head small{

  display:block!important;

  margin-bottom:9px!important;

  color:#b98c50!important;

  font-size:8px!important;

  font-weight:800!important;

  letter-spacing:3px!important;
}


.mg-v124-product-method-head h2{

  margin:0!important;

  font-family:
    "Noto Serif KR",
    "Nanum Myeongjo",
    serif!important;

  font-size:27px!important;

  line-height:1.4!important;

  color:#eee8de!important;

  word-break:keep-all!important;
}


.mg-v124-product-method-head > p{

  margin:0!important;

  color:#8e9da1!important;

  font-size:11px!important;

  line-height:1.85!important;

  word-break:keep-all!important;
}


.mg-v124-product-method-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  margin-top:22px!important;
}


.mg-v124-product-method-item{

  min-width:0!important;

  padding:
    4px
    23px!important;

  border-right:
    1px solid rgba(139,160,164,.12)!important;
}


.mg-v124-product-method-item:first-child{
  padding-left:0!important;
}


.mg-v124-product-method-item:last-child{

  padding-right:0!important;

  border-right:0!important;
}


.mg-v124-product-method-item > span{

  display:block!important;

  margin-bottom:9px!important;

  color:#bd9051!important;

  font-size:9px!important;

  letter-spacing:1.5px!important;
}


.mg-v124-product-method-item strong{

  display:block!important;

  margin-bottom:7px!important;

  color:#dedad1!important;

  font-size:12px!important;
}


.mg-v124-product-method-item p{

  margin:0!important;

  color:#78898e!important;

  font-size:9px!important;

  line-height:1.7!important;

  word-break:keep-all!important;
}


/* ============================================================
   REAL CALCULATED SAJU CHART
============================================================ */

.mg-real-chart{

  width:100%!important;

  margin:
    18px auto
    24px!important;

  padding:
    24px!important;

  border:
    1px solid rgba(191,151,82,.20)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(8,25,34,.96),
      rgba(4,14,21,.98)
    )!important;

  box-sizing:border-box!important;
}


.mg-real-chart-head{

  display:flex!important;

  justify-content:space-between!important;

  align-items:flex-end!important;

  gap:20px!important;

  padding-bottom:18px!important;

  border-bottom:
    1px solid rgba(138,159,163,.13)!important;
}


.mg-real-chart-head small{

  color:#b68a4d!important;

  font-size:8px!important;

  letter-spacing:3px!important;

  font-weight:800!important;
}


.mg-real-chart-head h3{

  margin:
    6px 0
    5px!important;

  color:#eee9df!important;

  font-family:
    "Noto Serif KR",
    "Nanum Myeongjo",
    serif!important;

  font-size:24px!important;
}


.mg-real-chart-head p{

  margin:0!important;

  color:#7e8e93!important;

  font-size:10px!important;
}


.mg-real-source{

  display:flex!important;

  flex-wrap:wrap!important;

  justify-content:flex-end!important;

  gap:6px!important;

  max-width:490px!important;
}


.mg-real-source span{

  padding:
    6px
    9px!important;

  border:
    1px solid rgba(193,155,88,.23)!important;

  border-radius:999px!important;

  color:#b6bdba!important;

  background:
    rgba(7,18,25,.68)!important;

  font-size:8px!important;
}


.mg-real-source .is-pending{

  color:#897c68!important;

  border-color:
    rgba(149,125,81,.15)!important;
}


.mg-real-profile-line{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:8px!important;

  margin:
    16px 0!important;
}


.mg-real-profile-line > div{

  padding:
    12px
    13px!important;

  border:
    1px solid rgba(132,153,157,.12)!important;

  border-radius:10px!important;

  background:
    rgba(4,14,20,.44)!important;
}


.mg-real-profile-line small{

  display:block!important;

  margin-bottom:5px!important;

  color:#65777c!important;

  font-size:8px!important;
}


.mg-real-profile-line strong{

  color:#d7d8d2!important;

  font-size:10px!important;

  font-weight:700!important;
}


.mg-real-pillars{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:10px!important;
}


.mg-real-pillar{

  min-width:0!important;

  padding:
    15px!important;

  border:
    1px solid rgba(134,155,159,.14)!important;

  border-radius:13px!important;

  text-align:center!important;

  background:
    linear-gradient(
      180deg,
      rgba(9,28,37,.84),
      rgba(5,17,24,.92)
    )!important;
}


.mg-real-pillar.is-day{

  border-color:
    rgba(210,166,91,.43)!important;

  box-shadow:
    inset 0 0 22px
    rgba(183,132,58,.04)!important;
}


.mg-real-pillar-label{

  display:flex!important;

  justify-content:center!important;

  align-items:center!important;

  gap:6px!important;

  min-height:18px!important;

  color:#8d9a9c!important;

  font-size:9px!important;
}


.mg-real-pillar-label b{

  color:#c89a58!important;

  font-size:8px!important;
}


.mg-real-ten-god{

  margin:
    11px 0
    5px!important;

  color:#a58a60!important;

  font-size:9px!important;
}


.mg-real-gan,
.mg-real-zhi{

  font-family:
    "Noto Serif KR",
    "Nanum Myeongjo",
    serif!important;

  font-size:36px!important;

  line-height:1.15!important;

  font-weight:800!important;
}


.mg-real-gan{
  color:#e6d8bc!important;
}


.mg-real-zhi{

  margin-bottom:13px!important;

  color:#c8924e!important;
}


.mg-real-pillar dl{

  margin:0!important;

  padding-top:10px!important;

  border-top:
    1px solid rgba(132,153,157,.10)!important;

  text-align:left!important;
}


.mg-real-pillar dl > div{

  display:grid!important;

  grid-template-columns:
    52px minmax(0,1fr)!important;

  gap:6px!important;

  padding:
    4px 0!important;
}


.mg-real-pillar dt{

  color:#65777b!important;

  font-size:8px!important;
}


.mg-real-pillar dd{

  margin:0!important;

  color:#a8b1b0!important;

  font-size:8px!important;

  word-break:keep-all!important;
}


.mg-real-lower{

  display:grid!important;

  gap:12px!important;

  margin-top:14px!important;
}


.mg-real-lower > section{

  padding:
    16px!important;

  border:
    1px solid rgba(132,153,157,.11)!important;

  border-radius:12px!important;

  background:
    rgba(4,14,20,.35)!important;
}


.mg-real-subhead{

  display:flex!important;

  justify-content:space-between!important;

  align-items:center!important;

  margin-bottom:12px!important;
}


.mg-real-subhead small{

  color:#8a6a40!important;

  font-size:7px!important;

  letter-spacing:2px!important;
}


.mg-real-subhead strong{

  color:#d7d6d0!important;

  font-size:10px!important;
}


.mg-real-elements{

  display:grid!important;

  grid-template-columns:
    repeat(5,1fr)!important;

  gap:8px!important;
}


.mg-real-elements > div{

  padding:
    9px!important;

  text-align:center!important;

  border-radius:8px!important;

  background:
    rgba(9,26,34,.70)!important;
}


.mg-real-elements span{

  display:block!important;

  margin-bottom:4px!important;

  color:#718187!important;

  font-size:8px!important;
}


.mg-real-elements strong{

  color:#d6bd8a!important;

  font-size:15px!important;
}


.mg-real-luck-strip{

  display:grid!important;

  grid-template-columns:
    repeat(8,minmax(0,1fr))!important;

  gap:6px!important;
}


.mg-real-luck-strip article{

  min-width:0!important;

  padding:
    9px
    5px!important;

  text-align:center!important;

  border:
    1px solid rgba(132,153,157,.10)!important;

  border-radius:8px!important;

  background:
    rgba(7,20,28,.66)!important;
}


.mg-real-luck-strip strong{

  display:block!important;

  color:#d5b16f!important;

  font-size:14px!important;
}


.mg-real-luck-strip span{

  display:block!important;

  margin-top:4px!important;

  color:#a2aaaa!important;

  font-size:7px!important;
}


.mg-real-luck-strip small{

  display:block!important;

  margin-top:2px!important;

  color:#5f7076!important;

  font-size:6.5px!important;
}


.mg-real-annual-strip{

  display:grid!important;

  grid-template-columns:
    repeat(5,minmax(0,1fr))!important;

  gap:7px!important;
}


.mg-real-annual-strip article{

  padding:
    9px!important;

  border-radius:8px!important;

  text-align:center!important;

  background:
    rgba(7,20,28,.66)!important;
}


.mg-real-annual-strip small,
.mg-real-annual-strip span{

  display:block!important;

  color:#6e7f84!important;

  font-size:7px!important;
}


.mg-real-annual-strip strong{

  display:block!important;

  margin:
    3px 0!important;

  color:#cda567!important;

  font-size:13px!important;
}


.mg-real-disclaimer{

  margin-top:14px!important;

  padding:
    12px
    14px!important;

  border-left:
    2px solid rgba(196,150,81,.50)!important;

  background:
    rgba(177,131,61,.035)!important;
}


.mg-real-disclaimer strong{

  display:block!important;

  margin-bottom:5px!important;

  color:#bda476!important;

  font-size:9px!important;
}


.mg-real-disclaimer p{

  margin:0!important;

  color:#66787d!important;

  font-size:8px!important;

  line-height:1.65!important;
}


@media(max-width:760px){

  .mg-v124-product-method{

    width:calc(100% - 24px)!important;

    padding:
      20px
      16px!important;

    margin:
      14px auto
      22px!important;
  }


  .mg-v124-product-method-head{

    grid-template-columns:
      1fr!important;

    gap:10px!important;
  }


  .mg-v124-product-method-head h2{
    font-size:21px!important;
  }


  .mg-v124-product-method-grid{
    grid-template-columns:1fr!important;
  }


  .mg-v124-product-method-item{

    padding:
      13px
      0!important;

    border-right:0!important;

    border-bottom:
      1px solid rgba(139,160,164,.10)!important;
  }


  .mg-v124-product-method-item:last-child{
    border-bottom:0!important;
  }


  .mg-real-chart{

    padding:
      17px
      13px!important;
  }


  .mg-real-chart-head{

    display:block!important;
  }


  .mg-real-source{

    justify-content:flex-start!important;

    margin-top:11px!important;
  }


  .mg-real-profile-line{

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }


  .mg-real-pillars{

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }


  .mg-real-luck-strip{

    display:flex!important;

    overflow-x:auto!important;

    padding-bottom:5px!important;
  }


  .mg-real-luck-strip article{

    flex:
      0 0
      85px!important;
  }


  .mg-real-annual-strip{

    grid-template-columns:
      repeat(5,minmax(70px,1fr))!important;

    overflow-x:auto!important;
  }

}

/* V12.4 R5.5 - TIME INPUT DUPLICATE ICON FIX */

/* 브라우저 기본 time picker 아이콘은 보이지 않게 하되
   클릭 영역은 유지해서 시간 선택 기능은 그대로 살림 */
input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:0!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:52px!important;
  height:100%!important;
  margin:0!important;
  cursor:pointer!important;
}

/* 일부 Chromium 계열의 보조 spin UI 제거 */
input[type="time"]::-webkit-inner-spin-button{
  display:none!important;
  -webkit-appearance:none!important;
}

/* time 입력 정렬 안정화 */
input[type="time"]{
  position:relative!important;
  padding-right:58px!important;
}

/* 커스텀 시계 아이콘이 있다면 클릭을 막지 않게 */
input[type="time"] + .time-icon,
input[type="time"] ~ .time-icon,
.mg-time-icon{
  pointer-events:none!important;
}


/* ============================================================
   V12.4 - TIME PICKER CLEAN FIX
   브라우저 기본 아이콘 하나만 사용
============================================================ */

/* 이전 absolute/transparent picker 보정 완전 무효화 */
input[type="time"]{
  position:relative!important;
  padding-right:14px!important;

  background-image:none!important;

  color-scheme:dark!important;

  -webkit-appearance:auto!important;
  appearance:auto!important;
}


/* Chrome / Edge 시간 아이콘 */
input[type="time"]::-webkit-calendar-picker-indicator{
  display:block!important;

  position:static!important;

  opacity:1!important;

  width:20px!important;
  height:20px!important;

  margin:0!important;
  padding:4px!important;

  cursor:pointer!important;

  border:0!important;
  border-radius:6px!important;

  background-color:rgba(255,255,255,.06)!important;

  transform:none!important;
}


/* hover */
input[type="time"]::-webkit-calendar-picker-indicator:hover{
  background-color:rgba(211,174,107,.15)!important;
}


/* 불필요한 부가 버튼 제거 */
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-clear-button{
  display:none!important;

  width:0!important;
  height:0!important;

  margin:0!important;
  padding:0!important;
}


/* 혹시 이전 패치에서 생성한 커스텀 시계가 있으면 제거 */
.time-icon,
.mg-time-icon,
.mg-v124-time-icon,
.mg-v123-time-icon{
  display:none!important;
}


/* 날짜와 시간 아이콘 스타일 통일 */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:1!important;

  width:20px!important;
  height:20px!important;

  padding:4px!important;

  border-radius:6px!important;

  background-color:rgba(255,255,255,.06)!important;
}