/* 히어로 B — 옛 비아이피 메인 book-N3 원본 이식(#bip-hero 격리, rem→px). 생성: build_hero_b.py */
@import url(https://fonts.cdnfonts.com/css/moderniz);
#bip-hero{position:relative;isolation:isolate;overflow:clip;font-family:"Pretendard",sans-serif;color:var(--ink);line-height:1.5;font-size:16px}#bip-hero *{box-sizing:border-box}#bip-hero h1{margin:0}#bip-hero p{margin:0}
#bip-hero */
.h2{font-family: 'Pretendard', sans-serif; font-size: 46px; color: var(--ink); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em;}
#bip-hero */
.h5{font-family: 'Pretendard', sans-serif; font-size: 24px; color: var(--ink); font-weight: 400; line-height: 1.5; letter-spacing: -0.01em;}
#bip-hero .container-md{position: relative; max-width: calc(1280px + 80px); margin: 0 auto; padding: 0 40px;}
#bip-hero .btnset{display: inline-flex; justify-content: center; align-items: center; min-width: 94px; padding: 0 20px; height: 48px; transition: .3s; cursor: pointer;}
#bip-hero .btnset::before{transition: inherit;}
#bip-hero .btnset::after{transition: inherit;}
#bip-hero .btnset + .btnset{margin-left: 8px;}
#bip-hero .btnset.btnset-lg{min-width: 98px; padding: 0 28px; height: 56px;}
#bip-hero */
.btnset-primary{color: #fff; background-color:var(--accent); border-color: transparent; border-width: 0; border-style: solid; border-radius: 4px;}
#bip-hero .btnset-primary:hover{color: #fff; background-color: rgba(35, 61, 52, .8); border-color: transparent; border-width: 0; border-style: solid;}
#bip-hero .book-N3{position: relative;
  padding-top: 140px;
  padding-bottom: 90px;
  background: var(--bg);}
#bip-hero .book-N3 .contents-container{height: 250vh;}
#bip-hero .book-N3 .contents-inner{display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;}
#bip-hero .book-N3 .wrap{overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  mix-blend-mode: lighten;
  background: var(--bg);}
#bip-hero .book-N3 .title-area{margin-bottom: 40px;
  width: 100%;
  text-align: center;
  font-weight: 500;}
#bip-hero .book-N3 .loop-area{overflow: hidden;
  width: 100vw;}
#bip-hero .book-N3 .loop-inner{display: flex;
  padding-left: 80px;}
#bip-hero .book-N3 .text-wrap{display: flex;}
#bip-hero .book-N3 .text-wrap span{transform: translateY(0.1em);
  padding-right: 20px;
  font-size: 500px;
  line-height: 1;
  font-family: "MODERNIZ", sans-serif;
  font-weight: 700;
  white-space: nowrap;}
#bip-hero .book-N3 .bg{position: sticky;
  top: 0;
  background: url(bg.webp) no-repeat center/cover;
  width: 100vw;
  height: 100vh;
  margin-top: -100vh;}
#bip-hero .book-N3 .bg-inner{display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 40px;
  width: 100%;
  height: 100%;
  pointer-events: none;}
#bip-hero .book-N3 .bg-inner::before{content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.26);}
#bip-hero .book-N3 .title-wrap{position: relative;
  text-align: center;
  pointer-events: auto;}
#bip-hero .book-N3 .title-wrap img{width: 180px;
  object-fit: contain;}
#bip-hero .book-N3 .title-wrap strong{display: block;
  margin: 16px 0 8px;
  color: #fff;
  font-weight: 500;}
#bip-hero .book-N3 .title-wrap p{color: #fff;}
#bip-hero .book-N3 .title-wrap .btnset{margin-top: 40px;}
#bip-hero .book-N4 .title-area{margin-bottom: 60px;
  text-align: center;}
#bip-hero .book-N5 .contents-inner{display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;}
#bip-hero .book-N5 .title-area{margin-bottom: 16px;
  text-align: center;}
#bip-hero .book-N6 .contents-inner{width: 100%;}
#bip-hero .book-N6 .title-area{margin-bottom: 60px;
  text-align: center;}
#bip-hero .book-N7 .contents-inner{width: 100%;}
#bip-hero .book-N7 .title-area{margin-bottom: 60px;
  text-align: center;}
#bip-hero .book-N8 .contents-inner{width: 100%;}
#bip-hero .book-N8 .title-area{margin-bottom: 60px;
  text-align: center;}
#bip-hero .book-N8 .item.year .btnset{margin-top: 60px;}
#bip-hero .book-N9 .contents-inner{width: 100%;}
#bip-hero .book-N9 .title-area{margin-bottom: 60px;
  text-align: center;}
#bip-hero .book-N10 .contents-inner{width: 100%;}
#bip-hero .book-N10 .title-area{text-align: center;
  margin-bottom: 80px;}
#bip-hero .book-N10 .title-area h2{color: #fff;}
#bip-hero .mobile-br{display: none;}
#bip-hero .logo-text{font-family:Pretendard,sans-serif;font-weight:900;letter-spacing:-0.04em;white-space:nowrap;text-align:center;vertical-align:top;overflow:visible}
#bip-hero .book-N1 .header-title .logo-text{display:inline-block;width:154.2px;height:28px;line-height:28px;font-size:27px;color:#111}
#bip-hero .book-N3 .title-wrap .logo-text{display:inline-block;width:180px;height:27.6px;line-height:27.6px;font-size:27.59px;color:#fff}
#bip-hero .book-N2 .footer-logo .logo-text{display:inline-block;width:298.3px;height:49px;line-height:49px;font-size:49px;color:#111}
@media (max-width: 1200px){#bip-hero .container-md{padding: 0 40px;}}
@media (max-width: 992px){#bip-hero .container-md{padding: 0 16px;}#bip-hero .btnset{min-width: 68px; padding: 0 16px;}#bip-hero .btnset.btnset-lg{min-width: 68px; padding: 0 20px;}#bip-hero .book-N1 .header-utils>ul>li .btnset{gap: 0;
    font-size: 0;}#bip-hero .book-N3{overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;}#bip-hero .book-N3 .contents-container{height: calc(100% + 64px);}#bip-hero .book-N3 .wrap{position: absolute;
    top: 0;
    height: 100%;}#bip-hero .book-N3 .title-area{margin-bottom: 0;}#bip-hero .book-N3 .loop-area{margin-left: 16px;
    width: calc(100% + 16px);}#bip-hero .book-N3 .loop-inner{padding-left: 16px;}#bip-hero .book-N3 .text-wrap span{font-size: 154px;}#bip-hero .book-N3 .bg{position: static;
    margin: 0;
    width: calc(100% + 32px);
    height: 100%;}#bip-hero .book-N3 .bg-inner{opacity: 0;
    padding: 80px 16px 52px;}#bip-hero .book-N3 .title-wrap img{width: 83px;}#bip-hero .book-N3 .title-wrap strong{margin: 8px 0 12px;}#bip-hero .book-N3 .title-wrap .btnset{margin-top: 20px;}#bip-hero .book-N4 .title-area{margin-bottom: 30px;}#bip-hero .book-N5 .title-area{margin-bottom: 4px;}#bip-hero .book-N6 .title-area{margin-bottom: 30px;}#bip-hero .book-N7 .title-area{margin-bottom: 30px;}#bip-hero .book-N8 .title-area{margin-bottom: 30px;}#bip-hero .book-N8 .item.year .btnset{margin-top: 40px;}#bip-hero .book-N9 .title-area{margin-bottom: 18px;}#bip-hero .book-N1 .header-utils>ul>li .btnset{font-size: 14px !important;  
    font-weight: 600;
    color: #fff;}#bip-hero .book-N1 .header-utils>ul>li.button .btnset{padding: 8px 14px;
    background-color: var(--accent);
    border-radius: 6px;
    text-align: center;}#bip-hero .book-N1 .header-title .logo-text{display:inline-block;width:143.2px;height:26px;line-height:26px;font-size:25px;color:#111}#bip-hero .book-N3 .title-wrap .logo-text{display:inline-block;width:83px;height:12.7px;line-height:12.7px;font-size:12.72px;color:#fff}#bip-hero .book-N2 .footer-logo .logo-text{display:inline-block;width:298.3px;height:49px;line-height:49px;font-size:49px;color:#111}}
@media (max-width: 768px){#bip-hero .mobile-br{display: block;}}
/* 템플릿 전역 .wrap{margin:auto} 가 flex 컬럼에서 세로 중앙정렬을 일으켜 한 화면 아래로 밀리는 충돌 → 원본대로 */
#bip-hero .book-N3 .wrap{margin:0!important;max-width:none!important}#bip-hero .book-N3 .contents-inner{justify-content:flex-start}#bip-hero .book-N3{padding-bottom:0!important}@media(max-width:992px){#bip-hero .book-N3 .bg{height:74svh!important;min-height:540px!important;background-position:center 20%!important}#bip-hero .book-N3 .contents-container{height:auto!important}#bip-hero .book-N3 .wrap{height:100%!important;display:flex!important;flex-direction:column;justify-content:center;gap:18px}#bip-hero .book-N3 .title-area{margin:0!important}#bip-hero .book-N3 .title-wrap strong{font-size:26px!important}#bip-hero .book-N3 .title-wrap p{font-size:16px!important}}#bip-hero .book-N3 .title-wrap .btnset{background:#fff!important;color:#111!important;border-radius:6px;font-weight:700}#bip-hero .book-N3 .title-wrap .btnset:hover{background:var(--accent)!important;color:var(--on-accent,#fff)!important}#bip-hero .book-N3 .title-area h1{font-size:clamp(34px,3.4vw,66px)!important;line-height:1.3!important;letter-spacing:-.03em!important;font-weight:700!important}#bip-hero .book-N3 .title-wrap .logo-text{font-size:clamp(24px,1.9vw,36px)!important;width:auto!important;height:auto!important;line-height:1.2!important}#bip-hero .book-N3 .title-wrap strong{font-size:clamp(26px,2.7vw,52px)!important;line-height:1.3!important;margin:18px 0 14px!important}#bip-hero .book-N3 .title-wrap p{font-size:clamp(16px,1.3vw,24px)!important;line-height:1.7!important}#bip-hero .book-N3 .title-wrap .pc-br{display:block}@media(max-width:992px){#bip-hero .book-N3 .title-area h1{font-size:clamp(24px,6.6vw,30px)!important}#bip-hero .book-N3 .title-wrap .logo-text{font-size:14px!important}#bip-hero .book-N3 .title-wrap strong{font-size:24px!important}#bip-hero .book-N3 .title-wrap p{font-size:15px!important}}