@charset "utf-8";
/* 수정 설정: PC 배너 높이 / 모바일 높이 / 배너 아래 간격 */
:root{--bpn-banner-height:200px;--bpn-banner-mobile-height:160px;--bpn-banner-gap:18px;}
#middle.sub{padding-top:22px!important;}
#middle.sub .bpn-sub-banner{position:relative;width:min(var(--bpn-content-width),calc(100% - 48px));height:clamp(150px,27vh,var(--bpn-banner-height));margin:0 auto;overflow:hidden;border-radius:18px;background:#edf3eb;box-shadow:0 10px 30px rgba(20,69,38,.08);}
#middle.sub .bpn-sub-banner>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
#middle.sub .bpn-sub-banner-copy{position:absolute;z-index:1;left:clamp(24px,4vw,60px);right:24px;top:50%;transform:translateY(-50%);text-align:left;}
#middle.sub .bpn-sub-banner-copy h1{color:#151b17;font-size:clamp(25px,3vw,40px);line-height:1.25;font-weight:750;letter-spacing:-.04em;max-width:75%;}
#middle.sub .bpn-sub-banner-copy p{margin-top:16px;color:#26382d;font-size:15px;line-height:1.5;max-width:65%;}
.bpn-sub-menu{display:flex;flex-wrap:wrap;gap:7px;width:min(var(--bpn-content-width),calc(100% - 48px));margin:12px auto var(--bpn-banner-gap);}
.bpn-sub-menu a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 15px;border:1px solid #dce8df;border-radius:10px;background:#fff;color:#304b3b;font-size:14px;box-sizing:border-box;text-decoration:none;}
.bpn-sub-menu a[aria-current="page"],.bpn-sub-menu a:hover{background:#176b43;color:#fff;border-color:#176b43;}
.bpn-sub-menu a:focus-visible{outline:3px solid #68a87d;outline-offset:2px;}
#middle.sub.bpn-has-sub-banner .contents{padding-top:0!important;margin-top:0!important;}
#middle.sub.bpn-has-sub-banner .location{display:none;}
#middle.sub.bpn-has-sub-banner .wrap-section{margin-top:0!important;}
@media(max-width:700px){#middle.sub{padding-top:12px!important;}#middle.sub .bpn-sub-banner{width:calc(100% - 24px);height:var(--bpn-banner-mobile-height);border-radius:14px;}#middle.sub .bpn-sub-banner-copy{left:20px;right:15px;}#middle.sub .bpn-sub-banner-copy h1{font-size:25px;max-width:100%;}#middle.sub .bpn-sub-banner-copy p{font-size:12px;max-width:85%;margin-top:10px;}.bpn-sub-menu{width:calc(100% - 24px);gap:5px;}.bpn-sub-menu a{flex:1 1 28%;min-height:38px;padding:5px 8px;font-size:12px;}}
@media(max-height:700px) and (min-width:701px){:root{--bpn-banner-height:150px;--bpn-banner-gap:12px;}#middle.sub{padding-top:14px!important;}#middle.sub .bpn-sub-banner-copy h1{font-size:30px;}#middle.sub .bpn-sub-banner-copy p{margin-top:10px;}}

.daily-price-page .daily-price-hero{height:clamp(150px,27vh,var(--bpn-banner-height));margin-bottom:12px;}
.daily-price-page .daily-price-hero .bpn-price-hero-copy{top:50%;transform:translateY(-50%);}
.daily-price-page .bpn-sub-menu{width:100%;}
@media(max-width:700px){.daily-price-page .daily-price-hero{height:210px;}.daily-price-page .daily-price-hero .bpn-price-hero-copy{top:18px;transform:none;}}
@media(min-width:701px){.daily-price-page .daily-price-hero .bpn-price-hero-copy{top:24px;transform:none;}.daily-price-page .bpn-price-hero-copy h1{font-size:34px;color:#151b17;}.daily-price-page .bpn-price-hero-copy p{font-size:14px;color:#26382d;}.daily-price-page .daily-price-tabs{bottom:12px;}}

/* 시세정보도 같은 크림색 사진 배너로 표시 */
.daily-price-page .daily-price-hero{background:#f4f1e8 url('/images/submenu/daily.png') center/cover no-repeat;}