/* journal-1 */
.db-journal-box .journal-1.journal-1{--jn-block-pad:70px; --jn-pad-x:40px; --jn-body-cols:minmax(0, 1fr) minmax(0, 1fr); --jn-body-gap:44px; --jn-body-align:stretch; --jn-cover-ratio:4/5; --jn-cover-min-h:0px; --jn-cover-solid:#191510; --jn-cover-m-ratio:16/9; --jn-cover-pad:34px; --jn-cover-scale:1.04; --jn-cover-rule-gap:16px; --jn-imprint-cols:3; --jn-imprint-gap:14px; --jn-imprint-num-size:var(--font-19); --jn-cols:1; --jn-card-cols:40px auto minmax(0, 1fr); --jn-card-gap:14px; --jn-thumb-w:68px; --jn-thumb-scale:1.08; --jn-title-rule-h:1px; --jn-list-fade:26px; --jn-scroll-w:6px; --jn-scroll-thumb:rgba(214,181,102,0.55); --jn-scroll-track:rgba(243,239,232,0.08); --jn-ease:0.28s cubic-bezier(0.22,0.61,0.36,1);}
.db-journal-box .journal-1.journal-1, .db-journal-box .journal-1.journal-1 *, .db-journal-box .journal-1.journal-1 *::before, .db-journal-box .journal-1.journal-1 *::after{box-sizing:border-box;}
.db-journal-box .journal-1 .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* db-journal-box */
.db-journal-box .journal-1.jn-root{padding:var(--jn-block-pad) 0; background-color:#0f0d0a;}
.db-journal-box .journal-1.journal-1 .container{width:100%; max-width:1280px; margin:0 auto; padding:0 var(--jn-pad-x);}
.db-journal-box .journal-1 .jn-body{display:grid; grid-template-columns:var(--jn-body-cols); align-items:var(--jn-body-align); justify-content:stretch; column-gap:var(--jn-body-gap); row-gap:40px;}
.db-journal-box .journal-1 .jn-left{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; min-width:0;}
.db-journal-box .journal-1 .jn-right{position:relative; min-width:0;}
.db-journal-box .journal-1 .jn-right__inner{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;}
.db-journal-box .journal-1 .jn-cover{position:relative; overflow:hidden; border-radius:14px; background:#241f19; aspect-ratio:var(--jn-cover-ratio); min-height:var(--jn-cover-min-h);}
.db-journal-box .journal-1 .jn-cover__img{position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 0.7s cubic-bezier(0.22,0.61,0.36,1);}
.db-journal-box .journal-1 .jn-cover__veil{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background:linear-gradient(170deg, rgba(20,16,12,0.08) 0%, rgba(20,16,12,0.55) 46%, rgba(20,16,12,0.93) 100%); pointer-events:none;}
.db-journal-box .journal-1 .jn-cover__ov{position:relative; z-index:2; min-height:max(100%, var(--jn-cover-min-h)); display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; padding:var(--jn-cover-pad);}
.db-journal-box .journal-1 .jn-cover:hover .jn-cover__img{transform:scale(var(--jn-cover-scale));}
.db-journal-box .journal-1 .jn-cover__top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-bottom:var(--jn-cover-rule-gap); border-bottom:1px solid rgba(243,239,232,0.24);}
.db-journal-box .journal-1 .jn-cover__vol{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-style:italic; font-size:var(--font-14); font-weight:600; letter-spacing:0.08em; color:#d6b566;}
.db-journal-box .journal-1 .jn-cover__tag{padding:5px 12px; border:1px solid rgba(255,255,255,0.4); border-radius:30px; font-size:var(--font-10); font-weight:700; letter-spacing:0.22em; color:#f3efe8;}
.db-journal-box .journal-1 .jn-cover__bot{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-end; gap:12px; margin-top:auto; padding-top:var(--jn-cover-rule-gap);}
.db-journal-box .journal-1 .jn-cover__cat{font-size:var(--font-11); font-weight:700; letter-spacing:0.22em; color:#d6b566;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-40); font-weight:700; letter-spacing:-0.03em; line-height:1.24; color:#f3efe8;}
.db-journal-box .journal-1 .jn-cover__excerpt{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-15); line-height:1.8; color:rgba(243,239,232,0.88);}
.db-journal-box .journal-1 .jn-cover__meta{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:16px; padding-top:var(--jn-cover-rule-gap); border-top:1px solid rgba(255,255,255,0.22); font-size:var(--font-12); color:rgba(243,239,232,0.75);}
.db-journal-box .journal-1 .jn-imprint{display:grid; grid-template-columns:repeat(var(--jn-imprint-cols), minmax(0, 1fr)); align-items:start; justify-content:stretch; column-gap:var(--jn-imprint-gap); row-gap:var(--jn-imprint-gap); list-style:none; margin:22px 0 0; padding:18px 0 0; border-top:1px solid rgba(243,239,232,0.12);}
.db-journal-box .journal-1 .jn-imprint__item{min-width:0;}
.db-journal-box .journal-1 .jn-imprint__num{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; display:block; margin-bottom:3px; font-size:var(--jn-imprint-num-size); font-weight:700; letter-spacing:0.02em; color:#d6b566;}
.db-journal-box .journal-1 .jn-imprint__label{display:block; font-size:var(--font-11); color:#8e8578;}
.db-journal-box .journal-1 .jn-head{display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:20px; margin-bottom:4px; padding-bottom:18px; border-bottom:2px solid #d6b566;}
.db-journal-box .journal-1 .jn-head__main{min-width:0;}
.db-journal-box .journal-1 .jn-head__label{display:block; margin-bottom:12px; font-size:var(--font-11); font-weight:700; letter-spacing:0.24em; color:#d6b566;}
.db-journal-box .journal-1 .jn-head__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-30); font-weight:700; letter-spacing:-0.03em; color:#f3efe8;}
.db-journal-box .journal-1 .jn-head__count{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-style:italic; font-size:var(--font-13); color:#8e8578;}
.db-journal-box .journal-1 .jn-list{position:relative; flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--jn-scroll-thumb) var(--jn-scroll-track); -webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--jn-list-fade)), transparent 100%); mask-image:linear-gradient(180deg, #000 calc(100% - var(--jn-list-fade)), transparent 100%); display:grid; grid-template-columns:repeat(var(--jn-cols), minmax(0, 1fr)); align-items:stretch; justify-content:stretch; column-gap:30px; row-gap:0px; list-style:none; margin:0; padding:0;}
.db-journal-box .journal-1 .jn-item{min-width:0; border-bottom:1px solid rgba(243,239,232,0.12);}
.db-journal-box .journal-1 .jn-card{display:grid; grid-template-columns:var(--jn-card-cols); align-items:center; justify-content:stretch; column-gap:var(--jn-card-gap); row-gap:8px; padding:18px 0; text-decoration:none; transition:transform var(--jn-ease);}
.db-journal-box .journal-1 .jn-card:hover{transform:translateX(4px);}
.db-journal-box .journal-1 .jn-card:focus-visible{outline:2px solid #d6b566; outline-offset:-2px;}
.db-journal-box .journal-1 .jn-card__num{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-style:italic; font-size:var(--font-17); font-weight:600; color:#8e8578; transition:color var(--jn-ease);}
.db-journal-box .journal-1 .jn-card:hover .jn-card__num{color:#d6b566;}
.db-journal-box .journal-1 .jn-card__thumb{display:block; width:var(--jn-thumb-w); max-width:100%; overflow:hidden; border-radius:5px; background:#241f19; aspect-ratio:4/3;}
.db-journal-box .journal-1 .jn-card__img{display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform var(--jn-ease);}
.db-journal-box .journal-1 .jn-card:hover .jn-card__img{transform:scale(var(--jn-thumb-scale));}
.db-journal-box .journal-1 .jn-card__body{display:block; min-width:0;}
.db-journal-box .journal-1 .jn-card__cat{display:block; margin-bottom:5px; font-size:var(--font-10); font-weight:700; letter-spacing:0.2em; color:#8e8578;}
.db-journal-box .journal-1 .jn-card__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; position:relative; display:inline; background-image:linear-gradient(#d6b566, #d6b566); background-repeat:no-repeat; background-position:0 100%; background-size:0 var(--jn-title-rule-h); font-size:var(--font-15); font-weight:700; letter-spacing:-0.01em; line-height:1.42; color:#f3efe8; transition:background-size var(--jn-ease);}
.db-journal-box .journal-1 .jn-card:hover .jn-card__title{background-size:100% var(--jn-title-rule-h);}
.db-journal-box .journal-1 .jn-list::-webkit-scrollbar{width:var(--jn-scroll-w);}
.db-journal-box .journal-1 .jn-list::-webkit-scrollbar-track{background:var(--jn-scroll-track);}
.db-journal-box .journal-1 .jn-list::-webkit-scrollbar-thumb{background:var(--jn-scroll-thumb); border-radius:99px;}
.db-journal-box .journal-1 .jn-more{flex:0 0 auto; margin-top:20px;}
.db-journal-box .journal-1 .jn-more__link{font-size:var(--font-12); font-weight:700; letter-spacing:0.2em; color:#d6b566; text-decoration:none;}
.db-journal-box .journal-1 .jn-more__link::after{content:" \2192";}
.db-journal-box .journal-1 .jn-cover__tag, .db-journal-box .journal-1 .jn-cover__cat{white-space:nowrap;}
.db-journal-box .journal-1 .jn-cover__vol{word-break:keep-all; overflow-wrap:break-word;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; word-break:keep-all; overflow-wrap:break-word;}
.db-journal-box .journal-1 .jn-cover__excerpt{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; word-break:keep-all; overflow-wrap:break-word;}
.db-journal-box .journal-1 .jn-imprint__num, .db-journal-box .journal-1 .jn-imprint__label{white-space:nowrap;}
.db-journal-box .journal-1 .jn-head__label, .db-journal-box .journal-1 .jn-head__count{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-style:italic; white-space:nowrap;}
.db-journal-box .journal-1 .jn-head__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; word-break:keep-all; overflow-wrap:break-word;}
.db-journal-box .journal-1 .jn-card__num, .db-journal-box .journal-1 .jn-card__cat{white-space:nowrap;}
.db-journal-box .journal-1 .jn-card__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; word-break:keep-all; overflow-wrap:break-word;}
.db-journal-box .journal-1 .jn-more__link{white-space:nowrap;}
@media (max-width:1300px){
.db-journal-box .journal-1.journal-1{--jn-block-pad:64px; --jn-body-gap:36px;}
}
@media (max-width:1100px){
.db-journal-box .journal-1.journal-1{--jn-cover-pad:28px; --jn-card-cols:34px auto minmax(0, 1fr); --jn-thumb-w:62px;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-34);}
}
@media (max-width:991px){
/* db-journal-box */
.db-journal-box .journal-1.journal-1{--jn-block-pad:56px; --jn-pad-x:32px; --jn-body-cols:minmax(0, 1fr); --jn-body-align:start; --jn-cover-ratio:16/9; --jn-list-fade:0px;}
.db-journal-box .journal-1 .jn-right{position:static;}
.db-journal-box .journal-1 .jn-right__inner{position:static;}
.db-journal-box .journal-1 .jn-list{overflow-x:visible; overflow-y:visible; -webkit-mask-image:none; mask-image:none;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-32);}
}
@media (max-width:767px){
/* db-journal-box */
.db-journal-box .journal-1.journal-1{--jn-pad-x:24px; --jn-cover-ratio:auto; --jn-cover-min-h:0px; --jn-cover-pad:24px; --jn-imprint-gap:10px;}
.db-journal-box .journal-1 .jn-cover{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; background:var(--jn-cover-solid);}
.db-journal-box .journal-1 .jn-cover__img{position:static; width:100%; height:auto; aspect-ratio:var(--jn-cover-m-ratio);}
.db-journal-box .journal-1 .jn-cover__veil{display:none;}
.db-journal-box .journal-1 .jn-cover__ov{min-height:0;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-28);}
}
@media (max-width:480px){
.db-journal-box .journal-1.journal-1{--jn-pad-x:16px; --jn-block-pad:48px; --jn-cover-ratio:auto; --jn-cover-m-ratio:4/3; --jn-cover-pad:22px; --jn-card-cols:28px auto minmax(0, 1fr); --jn-thumb-w:54px; --jn-card-gap:11px; --jn-imprint-num-size:var(--font-16); --jn-imprint-cols:3;}
.db-journal-box .journal-1 .jn-cover__vol{font-size:var(--font-12);}
.db-journal-box .journal-1 .jn-cover__tag{font-size:var(--font-9); padding:4px 9px;}
.db-journal-box .journal-1 .jn-cover__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-24);}
.db-journal-box .journal-1 .jn-head__title{font-family:'Noto Serif KR', 'Nanum Myeongjo', serif; font-size:var(--font-24);}
}
@media (max-width:375px){
.db-journal-box .journal-1.journal-1{--jn-pad-x:14px; --jn-cover-pad:18px; --jn-card-cols:24px auto minmax(0, 1fr); --jn-thumb-w:44px; --jn-card-gap:9px; --jn-imprint-gap:8px;}
.db-journal-box .journal-1 .jn-imprint__label{word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
.db-journal-box .journal-1 .jn-card__cat{word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
}
@media (max-width:320px){
/* db-journal-box */
.db-journal-box .journal-1.journal-1{--jn-card-cols:22px auto minmax(0, 1fr); --jn-thumb-w:38px; --jn-card-gap:8px; --jn-cover-pad:18px; --jn-cover-m-ratio:3/2;}
.db-journal-box .journal-1 .jn-card__num{font-size:var(--font-14);}
.db-journal-box .journal-1 .jn-card__cat{font-size:var(--font-9); letter-spacing:0.14em;}
.db-journal-box .journal-1 .jn-card__title{font-size:var(--font-13);}
.db-journal-box .journal-1 .jn-cover__title{font-size:var(--font-22);}
.db-journal-box .journal-1 .jn-cover__excerpt{font-size:var(--font-13);}
}
@media (prefers-reduced-motion:reduce){
.db-journal-box .journal-1.journal-1{--jn-ease:0.01ms linear; --jn-thumb-scale:1; --jn-cover-scale:1;}
.db-journal-box .journal-1 .jn-card:hover{transform:none;}
}