/* 유밥 가이드북 배너 전용 스타일 */
#ubob-guidebook-promo,
#ubob-guidebook-promo * { box-sizing: border-box; }
#ubob-guidebook-promo {
  width: calc(100% - 48px); max-width: 1200px; margin: 40px auto 48px;
  padding: 0; border: 1px solid #eaded1; border-radius: 16px; overflow: hidden;
  background: #fff5eb; color: #182c3a; font-family: inherit;
  text-align: left; isolation: isolate;
}
#ubob-guidebook-promo .ugb-layout {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center; min-height: 316px;
}
#ubob-guidebook-promo .ugb-copy { padding: 38px 12px 38px 44px; min-width: 0; }
#ubob-guidebook-promo .ugb-eyebrow {
  display: block; margin: 0 0 13px; padding: 0; color: #a14122;
  font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: 1.6px;
}
#ubob-guidebook-promo .ugb-title {
  margin: 0; padding: 0; color: #182c3a; font-size: clamp(27px, 2.7vw, 36px);
  line-height: 1.4; font-weight: 700; letter-spacing: -1.5px; word-break: keep-all;
}
#ubob-guidebook-promo .ugb-title span { display: block; }
#ubob-guidebook-promo .ugb-description {
  margin: 17px 0 23px; padding: 0; color: #4c5b61; font-size: 15px;
  line-height: 1.9; font-weight: 400; letter-spacing: -.35px; word-break: keep-all;
}
#ubob-guidebook-promo .ugb-description span { display: block; }
#ubob-guidebook-promo .ugb-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 24px;
  min-height: 48px; margin: 0; padding: 12px 22px; border: 0; border-radius: 6px;
  background: #d44826; color: #ffffff; font-size: 15px; line-height: 1.6;
  font-weight: 700; letter-spacing: -.2px; text-decoration: none; cursor: pointer;
}
#ubob-guidebook-promo .ugb-button:hover { background: #b7371a; color: #ffffff; }
#ubob-guidebook-promo .ugb-button:focus-visible { outline: 3px solid #182c3a; outline-offset: 4px; }
#ubob-guidebook-promo .ugb-arrow { font-size: 20px; line-height: 1; }
#ubob-guidebook-promo .ugb-visual { margin: 0; padding: 12px 10px 12px 0; min-width: 0; }
#ubob-guidebook-promo .ugb-image {
  display: block; width: 100%; max-width: none; height: auto;
  aspect-ratio: 3 / 2; object-fit: contain; margin: 0; padding: 0; border: 0;
}
@media (max-width: 767px) {
  #ubob-guidebook-promo { width: calc(100% - 32px); margin: 24px auto 32px; border-radius: 12px; }
  #ubob-guidebook-promo .ugb-layout { grid-template-columns: 1fr; min-height: 0; }
  #ubob-guidebook-promo .ugb-copy { padding: 28px 24px 5px; }
  #ubob-guidebook-promo .ugb-eyebrow { margin-bottom: 10px; font-size: 10px; letter-spacing: 1.3px; }
  #ubob-guidebook-promo .ugb-title { font-size: 27px; letter-spacing: -1px; }
  #ubob-guidebook-promo .ugb-description { margin: 14px 0 20px; font-size: 14px; line-height: 1.85; }
  #ubob-guidebook-promo .ugb-description span { display: inline; }
  #ubob-guidebook-promo .ugb-visual { padding: 0 20px 12px; }
  #ubob-guidebook-promo .ugb-image { max-width: 420px; margin: 0 auto; max-height: 230px; }
  #ubob-guidebook-promo .ugb-button { min-height: 46px; font-size: 14px; }
}

/* 이 CSS를 index.html 미리보기에서 사용할 경우 배너 영역만 표시 */