/* html, body, .body_wrap{background:#FFF;} */

.pds_common{padding-left:16px;padding-right:16px;box-sizing:border-box;}

:where(.main_content_wrap) img{user-select:none;-webkit-user-drag:none;}

/* 메인 배너 */
.mainvis_swiper_wrap, .mainvis_swp_item, .mainvis_swp_thumb{position:relative;}
.mainvis_swiper_wrap{margin-top:10px;}
.mainvis_swiper{max-width:1180px;margin-left:auto;margin-right:auto;}
.swp-blur-cover::before, .swp-blur-cover::after{content:"";display:block;position:absolute;top:0;width:24px;height:100%;pointer-events:none;z-index:2;}
.swp-blur-cover::before{left:0;background-image:linear-gradient(90deg, #FFF 4px, transparent);}
.swp-blur-cover::after{right:0;background-image:linear-gradient(270deg, #FFF 4px, transparent);}
.swp-blur-cover:where(.right)::before, .swp-blur-cover:where(.left)::after{content:none;}
.mainvis_swp_thumb{width:100%;aspect-ratio:1;border-radius:5px;overflow:hidden;}
/* .mainvis_swp_thumb::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:38%;background-image:linear-gradient(0deg, #000, transparent);} */
.mainvis_swp_thumb_img{width:100%;height:100%;object-fit:cover;}
.mainvis_swp_dsc{position:absolute;bottom:0;left:0;width:100%;padding:0 20px 20px;color:#FFF;box-sizing:border-box;}
.mainvis_swp_title{font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mainvis_swp_summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.49em;font-size:10px;line-height:1.24;margin-top:9px;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.mainvis_swp_pagination{height:6px;gap:5px;margin-top:10px;}
.mainvis_bullet{display:inline-block;width:6px;height:100%;border-radius:16px;background-color:#E4E4E4;transition:0.25s;will-change:width, background-color;}
.mainvis_bullet.active{width:16px;background-color:#d52b2c;}
:where(.mainvis_swiper.invisible) .swiper-wrapper{gap:10px;}
:where(.mainvis_swiper.invisible) .mainvis_swp_slide, .mainvis_swiper_holder{width:84.047vw;flex-shrink:0;}

.mainvis_swiper_holder_wrap{position:absolute;top:0;left:0;right:0;display:none;justify-content:center;gap:10px;overflow:hidden;margin:0 auto;}
:where(.mainvis_swiper.invisible) ~ .mainvis_swiper_holder_wrap{display:flex;}
.mainvis_swiper_holder{aspect-ratio:1;border-radius:5px;background:url("https://cdn.metoon.co.kr/mimg/loadpre_logo.gif") no-repeat center, #F4F4F4;background-size:50px;}


/* section */
.mnhomesec{position:relative;margin-top:25px;}
.mnhomesec.mgt20, .sub_list_wrap .mnhomesec:first-child, .sub_list_wrap .mnhomesec:where(.adult_vd) + .mnhomesec{margin-top:20px;}
.mnhomesec.mgt15{margin-top:15px;}
.mnhomesec_head{gap:8px;}
.mnhomesec_title{font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mnhomesec_hd_pgn{gap:1px;}
.mnhomesec_pgn_btn{padding:0 6px;height:22px;line-height:20px;border-radius:22px;font-size:12px;box-sizing:border-box;}
.mnhomesec_pgn_btn.active{background-color:#ef2a23;font-weight:700;color:#FFF;}
.mnhomesec_contents{margin-top:12px;}

/* top 5 */
.mnhome_fav_list{width:100%;gap:10px;}
.mnhome_fav_link{width:100%;gap:15px;}
.mnhome_fav_rank{font-size:24px;font-weight:700;}
.mnhome_fav_content{gap:10px;flex:1 1 auto;min-width:0;}
.mnhome_fav_thumb{position:relative;border-radius:5px;width:60px;background-color:#F4F4F4;aspect-ratio:5 / 7;}
.mnhome_fav_thumb:where(.vd_thumb){width:auto;height:60px;aspect-ratio:14 / 9;}
.mnhome_fav_thumb_img{position:relative;border-radius:5px;width:100%;height:100%;object-fit:cover;object-position:50% 0;}
.mnhome_fav_thumb .icon_19_patch{position:absolute;top:0;right:0;width:17px;height:auto;opacity:0.9;margin:3px;}
.mnhome_fav_dsc{gap:7px;line-height:1.2;min-width:0;}
.mnhome_fav_title{font-size:14px;font-weight:700;gap:3px;}
.mnhome_fav_title:has(.rank){gap:5px;}
:where(.mnhome_fav_title) .title_text{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mnhome_fav_title .rank{display:inline-block;padding:0 5px;height:16px;line-height:16px;border-radius:3px;background-color:#e14747;font-size:11px;font-weight:400;color:#FFF;flex-shrink:0;}
.mnhome_fav_author{font-size:12px;color:#9C9C9C;}
.mnhome_fav_info{font-size:12px;color:#AF0000;}
:where(.mnhome_fav_info, .mnhome_fav_author).truncated{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mnhome_fav_info:where(:not(.flex_, .inline_flex_)), .mnhome_fav_author:where(.line-clamp2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.42em;overflow:hidden;text-overflow:ellipsis;white-space:normal;}


/* 리스트 공통 스와이퍼 dim */
.swiper:where(.me-swiper-begin-cover):before, .swiper:where(.me-swiper-end-cover):after{content:"";display:block;position:absolute;top:0;width:24px;height:100%;z-index:2;pointer-events:none;}
.swiper:where(.me-swiper-begin-cover):before{left:0;background-image:linear-gradient(90deg, #FFF 4px, transparent);}
.swiper:where(.me-swiper-end-cover):after{right:0;background-image:linear-gradient(270deg, #FFF 4px, transparent);}


/* 리스트 공통 아이템 */
.me_prtli_slide{width:136px;font-size:12px;}
.me_prtli_item{display: block; width: 100%; height: 100%; color: #4e4e4e; position: relative;}
.me_prtli_item .patch_box{position:absolute; top:0; right:5px; text-align:center; z-index:15;}
.me_prtli_item .patch_box img{display:inline-block; width:35px;}
.me_prtli_item .img_box{width: 100%; position: relative; border-radius:5px 5px 0 0;}
.me_prtli_item .img_box img{display: block; width: 100%; border-radius:0 0 5px 5px;}
.me_prtli_item .img_box .blurcover{position:absolute; top:-20%; left:0; right:0; bottom:0; margin:auto; width:60%; z-index:1;}
.me_prtli_item .img_box .novel_img{position: relative;height:0;padding-bottom:140%;background-size:cover;background-position:center 0;border-radius:5px 5px 0 0;border:1px solid #f3f3f3;z-index:2;}
.me_prtli_item .img_box .novel_img .icon19, span.icon19{position:absolute;top:0;right:0;display:inline-block; width:17px; margin:3px 3px 0 0; float:right; opacity:.9;z-index:20;}
.me_prtli_item .img_box .novel_img .icon19 img.icon_19_patch, span.icon19 .icon_19_patch{width:100% !important; vertical-align:top; margin-right:0;}
.me_prtli_item .img_box .blurcover_b{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-size:60% !important; background-repeat:no-repeat !important; background-position:center 25% !important;}
.me_prtli_item .img_box .today_cont_back{position: absolute; bottom: 30px; left: 0; right: 0; height: 100%; background: url(https://cdn.metoon.co.kr/mimg/img_back_sm4.png) repeat-x 100% 100%; background-size: 100% 100%;}
.me_prtli_item .nobel_txt, .main_content_nm .nobel_txt{position: relative; background: #fff; font-size: 1.0em; width: 100%; padding: 5px 5px 5px; border-radius:0 0 5px 5px;z-index:3;}
.me_prtli_item .nobel_txt .content_tag, .main_content_nm .nobel_txt .content_tag{width: auto; left: 0; right: auto; bottom: 100%; top: auto; margin-bottom: 5px;}
.me_prtli_item .nobel_txt .content_tag span{display:inline-block; padding:0; border-radius:0;  position:relative;}
.me_prtli_item .nobel_txt .content_tag .ic_tag01{background:transparent; border:0 none;}
.me_prtli_item .nobel_txt .content_tag .ic_tag01:after{content:""; display:block; position:absolute; top:0; right:-6px; border-right:6px solid transparent;}
.me_prtli_item .nobel_txt .content_tag .new_tag:after{border-top:12px solid #46adf2;}
.me_prtli_item .nobel_txt .content_tag .hot_tag:after{border-top:12px solid #fd404d;}
.me_prtli_item .nobel_txt .content_tag .best_tag:after{border-top:12px solid #f471f4;}
.me_prtli_item .nobel_txt .content_tag .ic_tag01 img{width:24px; display:block; position:static;}
.me_prtli_item .nobel_txt .content_tag .chat_tag{line-height:normal; background:transparent !important; border:0 none; margin:0 0 0 3px;}
.me_prtli_item .nobel_txt .content_tag .chat_tag:after{content:""; display:block; position:absolute; top:0; right:-5px; border-top:12px solid #ffb72b; border-right:5px solid transparent;}
.me_prtli_item .nobel_txt .content_tag .chat_tag img{width:22px; display:block; position:static;}
.me_prtli_item .nobel_txt .content_tag .free_tag{line-height:normal; background:transparent !important; border:0 none; margin:0 0 0 3px; padding:0 !important;}
.me_prtli_item .nobel_txt .content_tag .free_tag:after{content:""; display:block; position:absolute; top:0; right:-5px; border-top:12px solid #00b233; border-right:5px solid transparent;}
.me_prtli_item .nobel_txt .content_tag .free_tag img{width:22px; display:block; position:static;}
.me_prtli_item .nobel_txt p, .main_content_nm .nobel_txt p{letter-spacing:-0.04em;}
.me_prtli_item .nobel_txt .nobel_title, .main_content_nm .nobel_txt .nobel_title{display: block; font-weight: bold; font-size: 1.167em; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height:17px; line-height:17px;}
.me_prtli_item .nobel_txt .nobel_title span, .main_content_nm .nobel_txt .nobel_title span{display:inline-block;width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);width:calc(100% - 24px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.me_prtli_item .nobel_txt .icon_up_new, .main_content_nm .nobel_txt .icon_up_new{margin-top:1px;}
.me_prtli_item .nobel_txt .nobel_title span:only-child, .main_content_nm .nobel_txt .nobel_title span:only-child{width:100%;}
.me_prtli_item .nobel_txt .con_info, .main_content_nm .nobel_txt .con_info{color:#777;overflow:hidden;}
.me_prtli_item .nobel_txt .con_info span, .main_content_nm .nobel_txt .con_info span{float:left;display:inline-block;width:50%;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.me_prtli_item .nobel_txt .con_info .hits, .main_content_nm .nobel_txt .con_info .hits{text-align:right;}
.me_prtli_item .nobel_txt .con_tag, .main_content_nm .nobel_txt .con_tag{height:16px;overflow:hidden;margin-top:5px;}
.me_prtli_item .nobel_txt .author, .main_content_nm .nobel_txt .author{display:block;font-size:1em;color:#777;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.me_prtli_item .nobel_txt .label_box, .main_content_nm .nobel_txt .label_box{position:absolute;bottom:100%;left:0;margin-bottom:5px;}
.me_prtli_item .nobel_txt .label_box .nLabel, .main_content_nm .nobel_txt .label_box .nLabel{display:block;width:30px;height:18px;background-size:100% auto;background-position:center;background-repeat:no-repeat;}
.me_prtli_item .nobel_txt .label_box .nLabel + .nLabel, .main_content_nm .nobel_txt .label_box .nLabel + .nLabel{margin-top:2px;}
.me_prtli_item .nobel_txt .label_box .nLabel_up, .main_content_nm .nobel_txt .label_box .nLabel_up{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_up01.png);}
.nLabel_mo, .me_prtli_item .nobel_txt .label_box .nLabel_mo{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_mo01.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_novel, .main_content_nm .nobel_txt .label_box .nLabel_novel{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_novel.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_toon, .main_content_nm .nobel_txt .label_box .nLabel_toon{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_toon.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_comics, .main_content_nm .nobel_txt .label_box .nLabel_comics{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_comics.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_ebook, .main_content_nm .nobel_txt .label_box .nLabel_ebook{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_ebook.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_photo, .main_content_nm .nobel_txt .label_box .nLabel_photo{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_photo.png);}
.me_prtli_item .nobel_txt .label_box .nLabel_audio, .main_content_nm .nobel_txt .label_box .nLabel_audio{background-image:url(https://cdn.metoon.co.kr/mimg/nlabel_audio_b.png);}


/*  */
.main_content_nm_list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;}


.main_mid_bnr_swp_img{display:block;max-width:750px;width:100%;height:auto;}


@media screen and (min-width:550px){
	.main_content_nm_list{grid-template-columns:repeat(4, minmax(0, 1fr));}
}

@media screen and (min-width:750px){
	/* 메인 배너 */
	:where(.mainvis_swiper.invisible) .mainvis_swp_slide, .mainvis_swiper_holder{max-width:475px;width:40vw;}

	:is(.mainMiddleBnrSwp) .mcmm-swp-btn.prev{left:50%;transform:translateX(8px);margin-left:-375px;}
	:is(.mainMiddleBnrSwp) .mcmm-swp-btn.next, .mainMiddleBnrSwp + .main_invite_frd_bnr_x{right:50%;transform:translateX(-8px);margin-right:-375px;}
	.mainMiddleBnrSwp + .main_invite_frd_bnr_x{transform:translateX(-100%);}
}

@media screen and (min-width:768px){
	.main_content_nm_list{grid-template-columns:repeat(6, minmax(0, 1fr));}
}

@media screen and (max-width:499px){
	/* section */
	.pds_common{padding-left:8px;padding-right:8px;}
}