/* 늘푸른세상 강점배너 - 실제 원본 구조 교체 FINAL
   PC: [왼쪽 잎][문구][4칸 박스][오른쪽 잎]
*/
.npr .npr-promise-source-final{
  margin:0!important;
  padding:0!important;
  border-top:1px solid #e3f0ec!important;
  border-bottom:1px solid #e3f0ec!important;
  background:#eef9f6!important;
  overflow:hidden!important;
}
.npr .npr-promise-source-final:before,
.npr .npr-promise-source-final:after{content:none!important;display:none!important}

@media (min-width:1025px){
  .npr .npr-promise-source-final{height:150px!important;min-height:150px!important}
  .npr .npr-promise-source-final .npr-promise-row{
    width:1160px!important;height:150px!important;margin:0 auto!important;padding:0!important;
    display:grid!important;
    grid-template-columns:145px 300px 570px 145px!important;
    gap:0!important;align-items:center!important;justify-content:center!important;
  }
  .npr .npr-promise-source-final .npr-promise-leaf{
    width:145px!important;height:150px!important;align-self:stretch!important;
    background-repeat:no-repeat!important;background-size:145px 150px!important;
  }
  .npr .npr-promise-source-final .npr-promise-leaf-left{
    background-image:url("../img/promise-leaf-left-tight.jpg")!important;
    background-position:right center!important;
  }
  .npr .npr-promise-source-final .npr-promise-leaf-right{
    background-image:url("../img/promise-leaf-right-tight.jpg")!important;
    background-position:left center!important;
  }
  .npr .npr-promise-source-final .npr-promise-copy{
    width:300px!important;margin:0!important;padding:0 8px 0 0!important;text-align:left!important;
  }
  .npr .npr-promise-source-final .npr-promise-copy h2{
    margin:0!important;padding:0!important;font-size:27px!important;line-height:1.08!important;
    letter-spacing:-1.55px!important;font-weight:900!important;color:#10283a!important;
  }
  .npr .npr-promise-source-final .npr-promise-copy h2 em{
    color:#08b968!important;font-style:normal!important;font-weight:900!important;
  }
  .npr .npr-promise-source-final .npr-promise-copy p{
    margin:9px 0 0!important;padding:0!important;font-size:11.5px!important;line-height:1.48!important;
    letter-spacing:-.25px!important;color:#465a66!important;font-weight:600!important;}
  .npr .npr-promise-source-final .npr-promise-list{
    width:570px!important;height:105px!important;margin:0!important;padding:8px 0!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:stretch!important;
    background:rgba(255,255,255,.96)!important;border-radius:11px!important;overflow:hidden!important;
  }
  .npr .npr-promise-source-final .npr-promise-list>div{
    margin:0!important;padding:0 6px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;text-align:center!important;
    border-left:1px solid #dce8e4!important;
  }
  .npr .npr-promise-source-final .npr-promise-list>div:first-child{border-left:0!important}
  .npr .npr-promise-source-final .npr-promise-list b{
    display:block!important;width:34px!important;height:34px!important;margin:0 0 1px!important;font-size:0!important;
  }
  .npr .npr-promise-source-final .npr-promise-list b img{
    display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;
  }
  .npr .npr-promise-source-final .npr-promise-list strong{
    display:block!important;margin:1px 0 3px!important;font-size:12px!important;line-height:1.2!important;
    font-weight:800!important;color:#10283a!important;
  }
  .npr .npr-promise-source-final .npr-promise-list span{
    display:block!important;font-size:10px!important;line-height:1.3!important;color:#53636d!important;font-weight:600!important;}
}

/* 모바일: 네 요소의 순서는 유지하되 잎은 좌우 장식, 내용은 세로 배치 */
@media (max-width:1024px){
  .npr .npr-promise-source-final{padding:26px 15px!important}
  .npr .npr-promise-source-final .npr-promise-row{
    position:relative!important;width:100%!important;max-width:680px!important;margin:0 auto!important;
    display:grid!important;grid-template-columns:1fr!important;gap:18px!important;
  }
  .npr .npr-promise-source-final .npr-promise-leaf{
    position:absolute!important;top:-26px!important;width:80px!important;height:130px!important;
    background-repeat:no-repeat!important;background-size:auto 130px!important;opacity:.24!important;pointer-events:none!important;
  }
  .npr .npr-promise-source-final .npr-promise-leaf-left{left:-15px!important;background-image:url("../img/promise-leaf-left.jpg")!important;background-position:left top!important}
  .npr .npr-promise-source-final .npr-promise-leaf-right{right:-15px!important;background-image:url("../img/promise-leaf-right.jpg")!important;background-position:right top!important}
  .npr .npr-promise-source-final .npr-promise-copy{position:relative!important;z-index:2!important;text-align:center!important;padding:0 25px!important}
  .npr .npr-promise-source-final .npr-promise-copy h2{margin:0!important;font-size:23px!important;line-height:1.12!important;letter-spacing:-1.1px!important;font-weight:900!important;color:#10283a!important}
  .npr .npr-promise-source-final .npr-promise-copy h2 em{color:#08b968!important;font-style:normal!important}
  .npr .npr-promise-source-final .npr-promise-copy p{margin:9px 0 0!important;font-size:11px!important;line-height:1.5!important;color:#465a66!important;font-weight:600!important;}
  .npr .npr-promise-source-final .npr-promise-list{
    position:relative!important;z-index:2!important;width:100%!important;margin:0!important;padding:6px 0!important;
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;background:rgba(255,255,255,.96)!important;border-radius:12px!important;overflow:hidden!important;
  }
  .npr .npr-promise-source-final .npr-promise-list>div{min-height:92px!important;padding:9px 5px!important;text-align:center!important;border-left:1px solid #dce8e4!important;border-bottom:1px solid #dce8e4!important}
  .npr .npr-promise-source-final .npr-promise-list>div:nth-child(odd){border-left:0!important}
  .npr .npr-promise-source-final .npr-promise-list>div:nth-child(n+3){border-bottom:0!important}
  .npr .npr-promise-source-final .npr-promise-list b{display:block!important;width:32px!important;height:32px!important;margin:0 auto 3px!important}
  .npr .npr-promise-source-final .npr-promise-list b img{width:32px!important;height:32px!important}
  .npr .npr-promise-source-final .npr-promise-list strong{display:block!important;font-size:12px!important;margin:2px 0!important;color:#10283a!important}
  .npr .npr-promise-source-final .npr-promise-list span{display:block!important;font-size:10px!important;color:#53636d!important;font-weight:600!important;}
}


/* ==========================================================
   PC FINAL HQ BOTANICAL BACKGROUND
   최종 시안 기준: [왼쪽 고해상도 잎][문구][4칸 박스][오른쪽 고해상도 잎]
   가운데 콘텐츠는 유지하고 좌우만 화면 끝까지 한 세트로 채움
   ========================================================== */
@media (min-width:1025px){
  .npr .npr-promise-source-final{
    position:relative!important;
    height:150px!important;
    min-height:150px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#eef9f6!important;
  }

  .npr .npr-promise-source-final::before,
  .npr .npr-promise-source-final::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  .npr .npr-promise-source-final .npr-promise-row{
    width:100%!important;
    max-width:none!important;
    height:150px!important;
    min-height:150px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) 300px 570px minmax(300px,1fr)!important;
    gap:0!important;
    align-items:center!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  .npr .npr-promise-source-final .npr-promise-leaf{
    width:100%!important;
    height:150px!important;
    align-self:stretch!important;
    background-color:#eef9f6!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }

  .npr .npr-promise-source-final .npr-promise-leaf-left{
    background-image:url("../img/promise-pc-leaf-left-hq.jpg")!important;
    background-position:right center!important;
  }

  .npr .npr-promise-source-final .npr-promise-leaf-right{
    background-image:url("../img/promise-pc-leaf-right-hq.jpg")!important;
    background-position:left center!important;
  }

  .npr .npr-promise-source-final .npr-promise-copy{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    margin:0!important;
    padding:0 8px 0 0!important;
    transform:none!important;
  }

  .npr .npr-promise-source-final .npr-promise-list{
    width:570px!important;
    min-width:570px!important;
    max-width:570px!important;
    height:105px!important;
    margin:0!important;
    transform:none!important;
  }
}

/* 1025~1469px: 중앙 콘텐츠를 유지하기 위해 좌우 배경 영역만 유연하게 축소 */
@media (min-width:1025px) and (max-width:1469px){
  .npr .npr-promise-source-final .npr-promise-row{
    grid-template-columns:minmax(90px,1fr) 300px 570px minmax(90px,1fr)!important;
  }
}
