/* 화질(원본 크기를 넘겨 확대하지 않기)과 불필요한 여백 줄이기 */
/* 이야기 화면: 정사각형 그림 + 글 카드, 가운데 정렬 */
.pro .bento{grid-template-columns:720px 1fr;left:100px;right:100px;top:150px;bottom:auto;height:720px}
.bcard.art.big img.ctr{top:auto;bottom:22px;left:50%;transform:translateX(-50%);height:auto;width:auto;max-height:440px;max-width:90%}
.duo{position:absolute;left:28px;right:28px;top:28px;display:flex;flex-direction:column;gap:12px}
.duo>div{background:#fff;border-radius:22px 22px 22px 6px;padding:14px 22px;font-size:27px;font-weight:700;line-height:1.45;box-shadow:0 14px 22px -14px rgba(60,40,10,.5)}
.duo small{display:block;font-size:15px;font-weight:800;color:var(--ink3);margin-bottom:2px}
.duo .bb2{color:#8f2a1f;margin-left:36px;border-radius:22px 22px 6px 22px;background:#fff4f0}
.rms{position:absolute;left:26px;right:26px;top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rms span{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.85);border-radius:22px;padding:10px 14px}
.rms .bdg{width:46px;height:52px;flex:none}.rms b{font-size:22px;font-weight:800;line-height:1.25}
.bcard.story{padding:50px 56px 44px;gap:22px}
.bcard.story h2{font-size:60px}.bcard.story p{font-size:33px;line-height:1.7}
.bcard.story .dots{margin-top:auto}

/* 방 머리글 그림: 늘리지 않고 원본 비율로 오른쪽에 */
.rhead{background-size:100% 100%,auto 100%;background-repeat:no-repeat;background-position:0 0,right center;background-color:var(--rc);min-height:250px}
.bcard.story h2{font-size:64px}.bcard.story p{font-size:36px;line-height:1.7}

.locks.n4{grid-template-columns:repeat(4,1fr);gap:16px}.locks.n4 .lockc{padding:20px 20px 22px}.locks.n4 .lockc h4{font-size:25px}.locks.n4 .lockc .tz{font-size:18px}.locks.n4 .lockc .btn{padding:0 22px;font-size:19px;height:48px}