/* 청도반시 소개: 이 페이지에만 적용되는 편집형 레이아웃 */
.bansi-story {background:#faf7f0; color:#263c2d; padding:88px 28px 110px;}
.bansi-story * {box-sizing:border-box;}
.bansi-story__inner {max-width:1160px; margin:0 auto;}
.bansi-story h2,.bansi-story h3,.bansi-story p {margin:0; color:inherit; word-break:keep-all; overflow-wrap:break-word;}
.bansi-story p,.bansi-nutrition li {font-size:17px; line-height:1.95; letter-spacing:-.02em;}
.bansi-story h3 {font-size:30px; line-height:1.5; letter-spacing:-.045em;}
.bansi-story__intro {display:flex; align-items:center; gap:22px; margin-bottom:66px;}
.bansi-story__intro h2 {font-size:48px; line-height:1.25; letter-spacing:-.055em; flex-shrink:0;}
.bansi-story__rule {height:1px; flex:1; background:#d7dbca; margin-left:18px;}
.bansi-story__mark {position:relative; width:42px; height:36px; border-radius:45% 45% 48% 48%; background:#e87431; flex-shrink:0;}
.bansi-story__mark:before {content:''; position:absolute; width:19px; height:10px; background:#47664a; border-radius:0 100% 0 100%; left:18px; top:-5px; transform:rotate(-22deg);}
.bansi-history {display:grid; grid-template-columns:280px 1fr; gap:64px; padding:0 0 72px;}
.bansi-history__date {display:flex; flex-direction:column; align-items:flex-start;}
.bansi-history__date span,.bansi-story__number {font-size:14px; letter-spacing:.12em; display:block; color:#a25931;}
.bansi-history__date strong {font-size:106px; font-weight:400; line-height:1.3; letter-spacing:-.065em; color:#ce642e;}
.bansi-history__date i {display:block; width:48px; height:3px; background:#ce642e; margin-top:14px;}
.bansi-history__body {padding-top:18px;}
.bansi-history__body p {margin-top:24px; color:#536054;}
.bansi-feature {display:grid; grid-template-columns:1fr 1fr; border-radius:24px; overflow:hidden; background:#efe9da; margin-bottom:36px;}
.bansi-feature__photo {min-height:390px; overflow:hidden;}
.bansi-feature__photo img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%;}
.bansi-feature__body {padding:48px 42px; align-self:center;}
.bansi-feature__body h3 {margin:18px 0 24px;}
.bansi-feature__body p {color:#536054;}
.bansi-nutrition {position:relative; display:grid; grid-template-columns:1fr 1.2fr; gap:60px; background:#263e30; color:#fff9e9; padding:54px 48px; border-radius:24px; overflow:hidden;}
.bansi-nutrition .bansi-story__number {color:#f6b174; margin-bottom:18px;}
.bansi-nutrition h3 {position:relative; z-index:1;}
.bansi-nutrition__body p {color:#e1e7d9;}
.bansi-nutrition ul {margin:26px 0 0; padding:0; list-style:none;}
.bansi-nutrition li {position:relative; padding:18px 0 18px 23px; border-top:1px solid rgba(255,255,255,.2); color:#e1e7d9;}
.bansi-nutrition li:before {content:''; position:absolute; left:0; top:31px; width:6px; height:6px; border-radius:50%; background:#f0a66c;}
.bansi-nutrition__fruit {width:106px; height:86px; border:1px solid #71816c; border-radius:45% 45% 48% 48%; margin:42px 0 0 8px; transform:rotate(-12deg); opacity:.65;}
.bansi-nutrition__fruit:before {content:''; display:block; width:40px; height:18px; border:1px solid #71816c; border-radius:0 100% 0 100%; margin:-10px 0 0 54px;}
@media(max-width:1024px) {
 .bansi-story {padding:64px 24px 80px;}
 .bansi-history {grid-template-columns:200px 1fr; gap:36px;}
 .bansi-history__date strong {font-size:84px;}
 .bansi-feature__body {padding:34px 28px;}
 .bansi-story h3 {font-size:26px;}
 .bansi-nutrition {padding:38px 32px; gap:32px;}
}
@media(max-width:640px) {
 .bansi-story {padding:46px 20px 60px;}
 .bansi-story__intro {gap:14px; margin-bottom:38px;}
 .bansi-story__intro h2 {font-size:33px;}
 .bansi-story__mark {width:31px; height:27px;}
 .bansi-story__mark:before {left:13px; width:16px; height:8px;}
 .bansi-story__rule {margin-left:0;}
 .bansi-history {display:block; padding-bottom:40px;}
 .bansi-history__date {flex-direction:row; align-items:center; gap:20px;}
 .bansi-history__date strong {font-size:66px; line-height:1.1;}
 .bansi-history__date i {flex:1; height:1px; margin:0; opacity:.35;}
 .bansi-history__body {padding-top:24px;}
 .bansi-story h3 {font-size:24px; line-height:1.5;}
 .bansi-story p,.bansi-nutrition li {font-size:16px; line-height:1.9;}
 .bansi-history__body p {margin-top:18px;}
 .bansi-feature {display:block; border-radius:18px; margin-bottom:24px;}
 .bansi-feature__photo {min-height:0; height:230px;}
 .bansi-feature__body {padding:28px 24px 32px;}
 .bansi-feature__body h3 {margin:14px 0 18px;}
 .bansi-nutrition {display:block; padding:30px 24px; border-radius:18px;}
 .bansi-nutrition__heading {margin-bottom:26px;}
 .bansi-nutrition__fruit {display:none;}
 .bansi-nutrition ul {margin-top:20px;}
}