@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css";
@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf)format("opentype")}@font-face{font-family:Shrimp;src:url(/fonts/SHRIMP.ttf)format("truetype")}html,body{box-sizing:border-box;font-family:Pretendard,sans-serif}body,header,h2,p{margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}
.container{width:100vw;min-width:360px;max-width:600px;height:100vh;margin:0 auto}.main-container{flex-direction:column;justify-content:space-between;align-items:center;width:100vw;min-width:360px;max-width:600px;height:calc(100vh - 216px);margin:0 auto;display:flex}h3{color:var(--black,#252525);text-align:center;margin:0;padding:0;font-family:Pretendard;font-size:28px;font-style:normal;line-height:125%}.this-month{letter-spacing:0%;font-size:18px;font-weight:400;line-height:24px}h2{font-family:Pretendard;font-size:28px;font-style:normal;font-weight:500;line-height:36px}h2.title{letter-spacing:0%;width:max-content;margin-bottom:8px;font-family:Shrimp,sans-serif;font-size:28px;font-weight:400;line-height:100%}.sub-title{letter-spacing:0%;font-size:18px;font-weight:400;line-height:24px}.title-container{gap:8px;width:calc(100% - 32px);padding:0 16px}header{justify-content:flex-end;align-items:flex-end;width:calc(100% - 32px);height:176px;margin-bottom:32px;display:flex;position:relative}.cover-img{object-fit:cover;z-index:-1;border-radius:5px;width:100%;height:176px;position:absolute;top:16px;left:16px}.cover-img_empty{object-fit:cover;z-index:0;background-color:#f0f0f0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:176px;display:flex;position:absolute;top:16px;left:16px}.cover-img_empty img{width:24px;height:24px}.cover-img_empty p{letter-spacing:0%;text-align:center;margin-top:8px;font-size:12px;font-weight:400;line-height:16px}.change-btn{cursor:pointer;z-index:1;background-color:#1f1f1f;border:none;border-radius:6px;align-items:center;width:max-content;height:24px;padding:4px 6px;display:flex;position:absolute;bottom:0;right:0}.change-btn img{width:16px;height:16px;margin-right:4px}.change-btn span{color:#fdfdfd;letter-spacing:0%;font-size:12px;font-weight:400;line-height:16px}footer{width:100%;position:relative}.line{background:#0009;width:calc(100% - 190px);height:1px;margin-right:15px}.empty{color:var(--Text-Secondary,#00000061);letter-spacing:-.036px;margin-top:14px;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:23px}.dc-box{align-items:center;display:flex}.dc-box.h2-title-box{flex-wrap:wrap;flex:1;padding:0 16px}.sbc-box{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.fe-box{justify-content:flex-end;display:flex}.caption{color:var(--color-text-medium-emphasis,#0009);font-family:Pretendard;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.title-box{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:5px;justify-content:space-between;align-items:center;width:calc(100% - 32px);margin:12px 0;padding:16px;display:flex}.title{letter-spacing:0%;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:calc(100% - 60px);font-size:14px;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.share-btn{color:#fdfdfd;text-align:center;letter-spacing:0%;white-space:nowrap;background-color:#1f1f1f;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;line-height:16px;display:flex}.date{letter-spacing:0%;font-size:14px;font-weight:700;line-height:20px}.body1{color:#1f1f1f;text-align:center;font-feature-settings:"clig" off, "liga" off;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:150%}button.download{background:#1f1f1f;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 40px);padding:12px 36px;display:inline-flex}.down-typo{color:#fdfdfd;text-align:center;font-feature-settings:"clig" off, "liga" off;letter-spacing:0%;font-size:16px;font-weight:700;line-height:22px}.full-size-fixed-box{background-color:#1f1f1f26;width:100vw;height:calc(100vh + 40px);position:fixed;top:0;left:0}.full-size-fixed-box>div{justify-content:center;align-items:center;min-width:330px;max-width:600px;height:100vh;margin:0 auto;display:flex}.modal-box{background:#fdfdfd;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:stretch;margin:0 22px;display:flex}.modal-header{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;padding:16px;display:flex}.modal-title{color:#1f1f1f;letter-spacing:0;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:700;line-height:22px}.modal-content{color:#1f1f1f;letter-spacing:0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.modal-footer{justify-content:space-around;align-items:center;gap:8px;padding:16px;display:flex}.modal-footer button{color:#fdfdfd;text-align:center;letter-spacing:0;background-color:#1f1f1f;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:20px;display:flex}.modal-footer button.modal-cancel{color:#1f1f1f;background-color:#f0f0f0}.error-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:600px;height:calc(100vh - 200px);margin:0 auto;padding:100px 0;display:flex}.error-box{flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.error-text{color:#1f1f1f;margin:20px auto;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:24px}.error-desc{color:#1f1f1f;font-feature-settings:"clig" off, "liga" off;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal}.logo-text{letter-spacing:-2%;text-align:center;font-size:24px;font-weight:700;line-height:100%}