#idMain{padding-bottom:40px}#idMain section:first-of-type{padding-top:20px}#idMain section:not(:first-of-type){margin-top:40px}#idMain .section-title-wrap{margin-bottom:12px;position:relative}#idMain .section-title-wrap .section-title{font-size:20px;font-weight:600;letter-spacing:-.24px;line-height:140%}#idMain .ranking-list-item{display:flex;gap:6px;min-width:0;width:100%}#idMain .ranking-list-item .novel-wrap{gap:12px}#idMain .rank-wrap{flex-shrink:0;width:33px}#idMain .rank-badge{font-size:17px;font-weight:600;letter-spacing:-.042px;line-height:24px;text-align:center}#idMain .rank-fluctuation{width:28px}#idMain .rank-fluctuation .fluctuation-value{color:var(--color-neutral-400);flex:1 0 0;font-size:12px;font-weight:500;letter-spacing:.302px;line-height:100%;text-align:center}#idMain .rank-fluctuation .fluctuation-value.up{color:var(--red-700)}#idMain .ranking-list{display:grid;gap:8px}#idMain .banner-description{filter:drop-shadow(0 0 5px rgba(25,31,40,.2))}#idMain .banner-description .banner-title{color:#fff;font-size:32px;font-weight:500;letter-spacing:-.972px;line-height:127.3%}#idMain .banner-description .banner-sub{color:#fff;font-size:14px;font-weight:400;letter-spacing:-.24px;line-height:127.3%;margin-top:4px;opacity:.75}#idMain .banner-description .banner-tags{display:flex;gap:0;margin-left:2px;margin-top:12px}#idMain .banner-description .banner-tags .banner-tag{background:none;border-radius:0;color:#fff;font-size:14px;font-weight:400;letter-spacing:-.24px;line-height:100%;opacity:.9;padding:0}#idMain .banner-description .banner-tags .banner-tag:not(:first-child):before{content:"·";margin:0 4px}#idMain .sub-banner-section .banner-description .banner-title{font-size:30px;letter-spacing:-.24px;line-height:127.3%}#idMain .sub-banner-section .banner-description .banner-sub{color:#fff;font-size:18px;font-weight:400;letter-spacing:-.24px;line-height:127.3%;margin-top:12px;opacity:.8}@media screen and (max-width:767px){#idMain .banner-description .banner-title{font-size:26px;font-weight:600;letter-spacing:-.661px;line-height:120%}#idMain .banner-description .banner-sub{font-size:13px;letter-spacing:-.24px;margin-top:4px}#idMain .banner-description .banner-tags{display:flex;gap:0}#idMain .banner-description .banner-tags .banner-tag{font-size:13px}#idMain .sub-banner-section .banner-description .banner-title{font-size:20px}#idMain .sub-banner-section .banner-description .banner-sub{font-size:13px;margin-top:8px}}#idMain .slick-dots{background:rgba(25,31,40,.2);border-radius:50px;cursor:default;height:fit-content;padding:2px 10px;pointer-events:none;width:auto}#idMain .slick-dots li{color:hsla(0,0%,100%,.5);cursor:default;font-size:12px;font-weight:500;letter-spacing:1px;line-height:150%;pointer-events:none}#idMain .slick-dots li .curr{color:#fff;font-weight:600}#idMain .slick-dots li:not(.slick-active){display:none}#idMain #idMainBanner .slick-area{margin:0;width:100%}#idMain #idMainBanner .slick-slide-item{margin:0 4px;padding:0;position:relative}#idMain #idMainBanner .slick-slide-item .image-wrap{border-radius:10px;height:400px;width:100%}#idMain #idMainBanner .slick-slide-item .banner-description{bottom:37px;color:#fff;left:47px;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden}#idMain #idMainBanner .slick-slide-item[tabindex="0"].slick-center .banner-description{opacity:1;visibility:visible}#idMain #idMainBanner .slick-dots{bottom:30px;right:88px}#idMain .sub-banner-section .slick-container{position:relative;width:100%}#idMain .sub-banner-section .slick-container .slick-wrap{display:flex;justify-content:center;overflow:hidden;width:100%}#idMain .sub-banner-section .slick-area{height:364px;margin:0;width:763.10273px}#idMain .sub-banner-section .slick-area .slick-list{overflow:visible}#idMain .sub-banner-section .slick-slide-item{margin:0 4px;padding:0;position:relative}#idMain .sub-banner-section .slick-slide-item .image-wrap{border-radius:10px;height:340px;margin-top:12px;position:relative;transition:all .6s ease;width:100%}#idMain .sub-banner-section .slick-slide-item .shade-overlay{background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:1}#idMain .sub-banner-section .slick-slide-item.slick-active .image-wrap{height:364px;margin-top:0}#idMain .sub-banner-section .slick-slide-item.slick-active .shade-overlay{background:transparent}#idMain .sub-banner-section .slick-slide-item.slick-problem .image-wrap{height:364px;margin-top:0}#idMain .sub-banner-section .slick-slide-item.slick-problem .shade-overlay{background:transparent}#idMain .sub-banner-section .slick-slide-item .banner-description{color:#fff;left:40px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden}#idMain .sub-banner-section .slick-slide-item[tabindex="0"].slick-center .banner-description{opacity:1;visibility:visible}#idMain .sub-banner-section .slick-dots{bottom:20px;right:30px}@media screen and (max-width:800px){#idMain .sub-banner-section .slick-area{height:calc(47.7vw - 19.08px);width:100%}#idMain .sub-banner-section .slick-slide-item .image-wrap{height:calc(47.7vw - 19.08px);margin-top:0}#idMain .sub-banner-section .slick-slide-item.slick-active .image-wrap,#idMain .sub-banner-section .slick-slide-item.slick-problem .image-wrap{height:calc(47.7vw - 19.08px)}}#idMain .topfic-section{position:relative}#idMain .topfic-section .slick-area .slick-list{filter:drop-shadow(0 0 10px rgba(78,89,104,.15));margin:0 -1px 0 -4px}#idMain .topfic-section .slick-area .slick-list .ranking-list{flex-direction:column;margin:0 4px}#idMain .topfic-section .ranking-list-item{background:var(--Basic-0,#fff);border-radius:8px 8px 0 0;padding:8px 67px 8px 10px}#idMain .topfic-section .ranking-list-item .image-wrap{height:95px}#idMain .topfic-section .ranking-list-item .label-wrap{justify-content:start}#idMain .topfic-section .novel-list-item .like-button{flex-shrink:0;height:28px;position:absolute;right:24px;top:35%;transform:translateY(-50%);width:28px}#idMain #idMainSection-real_time_ranking_by_genre.topfic-section .ranking-list-item{padding:8px 20px 8px 8px}#idMain #idMainSection-character_chat_section.topfic-section .ranking-list-item{padding:8px 8px 8px 12px}#idMain #idMainSection-character_chat_section.topfic-section .image-wrap.character{border-radius:50%;height:72px;width:72px}#idMain #idMainSection-character_chat_section.topfic-section .no-image{background:var(--color-neutral-500);color:#fff;font-size:17px;font-weight:600;height:100%;letter-spacing:-.042px;line-height:141.2%;padding:12px;width:100%}#idMain .genre-list{flex-wrap:wrap;gap:12px;margin:15px 0}#idMain .genre-list .genre-tag{border-radius:100px;color:var(--Neutral-600,#4e5968);flex-shrink:0;font-size:15px;font-weight:500;letter-spacing:.144px;line-height:22px;padding:7px 16px}#idMain .genre-list .genre-tag.active{background:var(--color-neutral-700);color:#fff}#idMain .recent-section .slick-area .slick-list{filter:drop-shadow(0 0 10px rgba(78,89,104,.15));margin:0 -1px 0 -4px}#idMain .recent-section .novel-list-item{background:#fff;display:block;height:100%;margin:0 4px}#idMain .recent-section .novel-list-item .novel-wrap{gap:0;height:100%}#idMain .recent-section .novel-list-item .image-wrap{aspect-ratio:1.77;border-radius:6px 6px 0 0;overflow:hidden}#idMain .recent-section .novel-list-item .novel-detail-wrap{display:flex;flex-direction:column;gap:4px;height:auto;padding:10px}#idMain .recent-section .novel-list-item .novel-title{font-size:14px;font-weight:500;letter-spacing:.203px;line-height:142.9%;padding:4px 10px}#idMain .recent-section .novel-list-item .novel-info-wrap{font-size:13px;gap:3px;height:22px;line-height:138.5%;padding:4px 10px}#idMain .recent-section .novel-item-container{display:flex;flex-direction:column;width:100%}#idMain .recent-section .novel-detail-wrap{display:flex;flex-direction:column}#idMain .recent-section .free-app-button{border-radius:0 0 6px 6px;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:0 4px;padding:6px 14px;text-align:center;transition:all .2s ease}#idMain .curation-section .slick-area .slick-list{margin:0 -1px 0 -4px}#idMain .curation-section .novel-list-item{margin:0 4px}#idMain .curation-section .slick-arrow{margin-top:-20px}#idMain .upcoming-section{background:var(--color-neutral-800);border-radius:10px}#idMain .upcoming-section .section-title-wrap{margin-bottom:0;padding:30px;width:100%}#idMain .upcoming-section .section-title-wrap .section-title{color:#fff}#idMain .upcoming-section .section-title-wrap svg{transform:rotate(0deg)}#idMain .upcoming-section .upcoming-list{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 30px 40px}#idMain .upcoming-section.folded .section-title-wrap svg{transform:rotate(180deg)}#idMain .upcoming-section.folded .upcoming-list{display:none}#idMain .upcoming-section .upcoming-list-item{background:rgba(51,61,75,.5);color:#fff;min-width:0;padding:20px 30px}#idMain .upcoming-section .upcoming-list-item .title-wrap{font-size:17px;font-weight:500;letter-spacing:-.042px;line-height:141.2%}#idMain .upcoming-section .upcoming-list-item .subtitle-wrap{font-size:13px;font-weight:500;line-height:138.5%}#idMain .upcoming-section .upcoming-list-item .keywords-wrap{gap:4px;margin-top:8px}#idMain .upcoming-section .upcoming-list-item .keywords-wrap .keyword{background:var(--color-neutral-500);border-radius:4px;font-size:13px;font-weight:500;line-height:138.5%;padding:3px 5px}#idMain .event-section .slick-slide-item{margin:0 4px;padding:0;position:relative}#idMain .event-section .image-wrap{aspect-ratio:2.95;border-radius:10px}.beta-flag{margin-left:6px}