@media screen and (max-width: 1210px) {
	#navbar .navsearch{width: 230px;}
}

@media screen and (max-width: 1205px) {
	.disc_slider{border-radius: 0px;}
	
	.message_layout{grid-template-columns: 320px 1fr;}
	.message_layout > div:nth-child(3){display: none;}
}

@media screen and (max-width: 1145px) {
	#navbar .nmLayout{grid-template-columns: 35px 1fr min-content;}
	#navbar .navLogo > div:first-child{display: none;}
	#navbar .navLogo > div:nth-child(2){display: block;}
}

@media screen and (max-width: 1120px) {
	.workPartHeader{margin: 0px 15px;}
	
	.card_box_work{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width: 1045px) {
	#navbar .navFocus{grid-template-columns: 140px min-content min-content;}
	
	.card_talk_box{grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (max-width: 995px) {
	.mainFeature .mfBox{grid-template-columns: 1fr; text-align: center; gap: 5px;}
	.mainFeature .mfBox > div:first-child > div{width: 25px;}
}

@media screen and (max-width: 965px) {
	.miniLayout.mlProfile{padding: 0px 15px;}
	.miniLayout.mlProfileBody{grid-template-columns: 220px 1fr; padding: 0px 15px;}
	
	.card_suggest_user > div{box-sizing: border-box; width: 30%;}
	.card_suggest_user > div:first-child{margin-left: 0px;}
}

@media screen and (max-width: 935px) {
	#navbar .nmLayout{grid-template-columns: 120px 1fr min-content;}
	#navbar .nmLayout .navMenu{display: none;}
	#navbar .navLogo > div:first-child{display: block;}
	#navbar .navLogo > div:nth-child(2){display: none;}
	#navbar .navFocus{grid-template-columns: 240px min-content;}
	#navbar .navFocus > div:nth-child(2){display: none;}
	#navbar.navNotUser .navFocus{grid-template-columns: 240px;}
	#navbar.navNotUser .navFocus > div:nth-child(3){display: none;}
	#navbar .navOpt{grid-template-columns: 1fr 1fr;}
	#navbar .navOpt > div:nth-child(2), #navbar .navOpt > div:nth-child(5){display: none;}
	
	.navbarMore.nmMenu{width: 100%; height: 100%; z-index: 63; top: 0px; max-height: unset; background: var(--bg_white);}
	.navbarMore .nmWallet, .navbarMore .nmPremium{display: none;}
	
	#menuMobile, .menuMobileSpace{display: block;}
	
	body.pgSettingActive{overflow: hidden;}
	.btn{border-radius: 50px;}
	.miniLayout.mlSideTimeline{grid-template-columns: 1fr; width: 100%; max-width: 580px; padding: 0px 15px; box-sizing: border-box;}
	.miniLayout.mlSideTimeline > div:nth-child(2){display: none;}
	
	.dash_boost > *:first-child{margin-left: 15px;}
	.dash_boost > *:last-child{margin-right: 15px;}
	
	.wk_banner .wbContent{grid-template-columns: 140px 1fr; grid-gap: 30px;}
	
	.scroll_card > div > div, .list_hashtag .lhOpt{display: none;}
}

@media screen and (max-width: 915px) {
	#profile_cover:before{display: none;}
	#profile_cover .pcBox{height: unset; padding-bottom: 35%;}
	#profile_cover .pcBox > div{display: none;}
	
	#profile_info{padding: 15px 15px 0px 15px;}
	#profile_info .piPhoto{display: block;}
	#profile_info .piMain{grid-template-columns: 1fr;}
	#profile_info .piLeft{padding-left: 85px;}
	#profile_info .piLeft .plFollowers{margin-top: 0px; font-size: 15px;}
	#profile_info .piLeft > div:first-child > h1{font-size: 20px;}
	#profile_info .piLeft > div:nth-child(2){font-size: 15px;}
	#profile_info .piLeft .plFollowers > div{color: var(--text_black);}
	#profile_info .piRight{text-align: unset;}
	#profile_info .piSocmed{margin-bottom: 15px; display: block;}
	
	.profile_achievement{display: block; direction: unset; margin-top: 15px;}
	.profile_achievement > div{display: inline-block; margin: 5px;}
}

@media screen and (max-width: 850px) {
	#navbar .nsMenu{overflow: auto; width: 100%;}
	#navbar .nsMenu > a:first-child{margin-left: 15px;}
	#navbar .nsMenu > a:last-child{margin-right: 15px;}
	
	.miniLayout.mlRight{grid-template-columns: 1fr;}
	.mainLayout .distance{padding: 0px 15px;}
	.miniLayout.mlLeft.mlSettings{grid-template-columns: 220px 1fr;}
	.miniLayout.mlSideSuggest > div:nth-child(2){display: none;}
	
	.dash_boost .dbItem .diIcon{width: 25px; height: 25px; top: 27%;}
	
	.wk_template{grid-template-columns: 1fr;}
	.wk_template > div:nth-child(2){display: none;}
	
	.wk_tablecontent > a > div{grid-template-columns: 55px 1fr 35px; padding-left: 3px;}
	.wk_tablecontent > a > div > div:first-child{font-size: 20px; width: unset;}
	
	.work_review{padding: 0px;}
	.work_review .wr_list > div{padding: 15px 0px;}
	.work_review .wr_list .nrl_content{font-size: 15px;}
	
	.card_box_work{grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width: 820px) {
	.popup_login{grid-template-columns: 1fr; width: unset; height: unset;}
	.popup_login > div:first-child > div{position: relative; left: 0px; bottom: 0px; text-align: center; padding: 5px 0px;}
	.popup_login > div:first-child > div > span{font-size: 25px; font-family: 'semibold';}
	.popup_login > div:first-child > div > span > span{padding: 0px; background: unset;}
	.popup_login .plBox{padding: 20px;}
	
	.wk_options .woMenu > a:not(:last-child) > div{margin-right: 15px;}
}

@media screen and (max-width: 765px) {
	#profile_info{margin-bottom: 0px;}
	.miniLayout.mlProfileBody{grid-template-columns: 1fr; padding: 0px; grid-gap: 15px;}
	.miniLayout.mlProfileBody.lmSticky .profile_side_sticky{position: relative; top: 0px;}
	
	.poDesktop{display: none;}
	.pflPadding{padding: 0px 15px;}
	
	.miniLayout.mlProfileBody .list_menu{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-radius: 0px; border-left: 0px; border-top: 0px; border-right: 0px;}
	.miniLayout.mlProfileBody .list_menu > div{width: 100%;}
	.miniLayout.mlProfileBody .list_menu > *:not(:last-child) > div{border: 0px;}
	.miniLayout.mlProfileBody .list_menu .lmItem{padding: 10px 0px; grid-template-columns: 1fr;}
	.miniLayout.mlProfileBody .list_menu .lmItem:before{right: 0px; top: unset; bottom: 0px; width: 100%; height: 2px;}
	.miniLayout.mlProfileBody .list_menu .lmItem > div:first-child{display: none;}
	.miniLayout.mlProfileBody .list_menu .lmItem > div:nth-child(2){text-align: center;}
	
	.wk_template_simple{grid-template-columns: 1fr;}
	.wk_template_simple .wlCover{max-width: 150px;}
	
	.card_suggest_user{width: 97vw;}
	.card_suggest_user > div{width: 150px; box-sizing: unset;}
	.card_suggest_user > div:first-child{margin-left: 15px;}
	.card_suggest_user > div:nth-child(n+4){display: inline-block;}
}

@media screen and (max-width: 725px) {
	.miniLayout.mlLeft.mlSettings{grid-template-columns: 1fr; padding: 0px 15px; max-width: 580px;}
	#idPageExplore .mainLayout .distance{padding: 0px;}
	#idPageExplore .mainLayout .distance .sectionBox > .title, 
	#idPageExplore .mainLayout .distance .sectionBox > div > .title{padding: 15px; box-sizing: border-box;}
	
	#idPageExplore .card_hzl_work .cnt_card > a:first-child, #idPageExplore .list_hashtag .lhBody > a:first-child, #idPageExplore .card_hzl_market_items .cnt_card > a:first-child, #idPageExplore .card_hzl_reading .cnt_card > a:first-child, #idPageExplore .card_hzl_genre .cnt_card > a:first-child{margin-left: 15px;}
	#idPageExplore .card_hzl_work .cnt_card > a:last-child, #idPageExplore .list_hashtag .lhBody > a:last-child, #idPageExplore .card_hzl_market_items .cnt_card > a:last-child, #idPageExplore .card_hzl_reading .cnt_card > a:last-child, #idPageExplore .card_hzl_genre .cnt_card > a:last-child{margin-right: 15px;}
	
	.mainFeature{border: 0px; border-radius: 0px;}
	.mainFeature .mfBox{width: 115px;}
	
	.disc_slider .dsItem .diBox1{display: none;}
	.disc_slider .dsItem .diBox2{display: block;}
	
	.workPartSpace{display: none;}
	.workPartContent{padding: 0px 15px;}
	.workPartBanner .wpb2{max-width: unset; border-radius: 0px; height: 300px;}
	.wpcNovel .wnBody > div > div:first-child{padding-right: 0px;}
	.wpcNovel .wnBody > div > div:first-child > div{overflow: hidden;}
	.wpcNovel .wnBody > div > div:nth-child(2){width: 35px;}
	
	.card_talk_box{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 700px) {
	.wk_banner{padding-top: 25px; padding-bottom: 25px; background: none !important;}
	.wk_banner:before{display: none;}
	.wk_banner .wbContent{min-height: unset; grid-template-columns: 90px 1fr; grid-gap: 15px;}
	.wk_banner .wbContent > div:nth-child(2){padding-top: 0px;}
	.wk_banner .wbContent .wbcTitle{font-size: 25px; padding: 10px 0px;}
	
	.wkDesktop{display: none;}
	.wkMobile{display: block;}
	
	.wk_options{height: unset;}
	.wk_options .mainLayout .distance{padding: 0px;}
	.wk_options .woMenu.left{display: grid; grid-template-columns: 1fr 1fr 1fr; float: unset; text-align: center;}
	.wk_options .woMenu.left > a{width: 100%;}
	.wk_options .woMenu > a > div{padding: 13px 0px; font-size: 15px; font-weight: unset; font-family: 'semibold';}
	.wk_options .woMenu > a > div:before{height: 2px;}
	.wk_banner .wbOptions > div:not(:last-child){margin-right: 10px;}
	
	.wbBtnBuy, .wbBtnRead{border-radius: 50px; text-align: center;}
	.wk_banner .wbBtnBuy{padding: 7px 0px 8px 0px; background: var(--bg_blue); color: var(--text_white);}
	.wk_banner .wbBtnRead{padding: 15px 20px 17px 20px; background: var(--bg_white); box-shadow: inset 0px 0px 0px 1.5px var(--bg_blue); color: var(--text_blue);}
	.wk_banner .wbBtnRead > div{grid-template-columns: 1fr;}
	.wk_banner .wbBtnRead > div > div:first-child{display: none;}
	
	.work_review .wr_star{margin: 0px 0px 15px 0px;}
}

@media screen and (max-width: 660px) {
	.profile_pattern .ppBody{overflow: auto; width: 90vw;}
	.profile_pattern .ppBody > div{width: 620px;}
	
	.card_box_work{grid-template-columns: 1fr 1fr 1fr;}
	.card_list_image{grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (max-width: 620px) {
	.miniLayout.mlGeneral{padding: 0px 15px; margin-bottom: 0px;}
	
	#pageMenu{padding-top: 0px;}
	#pageMenu .pmBar{width: 100%; border-radius: 0px;}
	#pageMenu:not(.active) .pmBar{background: var(--bg_white);}
	
	.workPartControl > div{margin: 0px 15px;}
	
	.s_head, .s_layout{padding: 15px;}
	
	.card_trend{width: 100%; padding: 0px 15px; box-sizing: border-box;}
}

@media screen and (max-width: 600px) {
	#navbar .nMain > div{padding: 0px 15px;}
	
	#menuMobile .mnBody{width: 100%; bottom: 55px; border-radius: 0px;}
	
	.title > div:first-child > div{font-size: 17px;}
	.title > div:nth-child(2){float: right;}
	.title > div:nth-child(2):before{display: none;}
	.headMore{display: none;}
	.headMoreIcon{display: block;}
	
	.disc_reading > div{grid-gap: 15px; grid-template-columns: 120px 1fr;}
	.disc_reading .dbContent > div:nth-child(2){margin-top: 0px;}
	
	.workPartControl > div{grid-template-columns: min-content 1fr min-content;}
	.workPartControl .wpcSwitch .wsText{display: none;}
	
	.pgSearch{display: none;}
	.s_mainbox{border-radius: 0px; padding: 15px; margin-bottom: 0px;}
	.s_menu{border-radius: 0px; border-left: 0px; border-right: 0px; border-top: 0px;}
	
	.card_timeline .ctStatus .csOpt{display: grid; grid-template-columns: 1fr 1fr min-content 1fr; align-items: center;}
	.card_timeline .ctStatus .csOpt > div{box-sizing: border-box; width: 100%;}
	.card_timeline .ctStatus .csOpt > div:not(:last-child){margin-right: 0px;}
	.card_timeline .ctStatus .csOpt .coBtn{grid-template-columns: 1fr;}
	.card_timeline .ctStatus .csOpt .coBtn > div:nth-child(2){display: none;}
	
	.card_timeline_suggest .ctsTalk{grid-template-columns: 1fr 1fr;}
	.card_timeline_suggest .ctsTalk > a:nth-child(n+3){display: none;}
}

@media screen and (max-width: 530px) {
	#navbar:not(.navNotUser) .nmLayout{grid-template-columns: 35px 1fr min-content;}
	#navbar:not(.navNotUser) .navLogo > div:first-child{display: none;}
	#navbar:not(.navNotUser) .navLogo > div:nth-child(2){display: block;}
	#navbar:not(.navNotUser) .navFocus{grid-template-columns: min-content;}
	#navbar:not(.navNotUser) .navFocus > div:first-child{display: none;}
	#navbar:not(.navNotUser) .navOpt{grid-template-columns: 1fr 1fr 1fr;}
	#navbar:not(.navNotUser) .navOpt .noSearch{display: block;}
	
	#profile_cover .pcBox{padding-bottom: 45%;}
	.profile_side_sticky .list_menu .lmItem > div:nth-child(2) span{display: none;}
	
	.card_trend > a > div{grid-template-columns: 60px 60px 1fr 45px;}
	.card_trend > a > div > div:first-child > div{font-size: 17px;}
	
	.card_profile_work{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 500px) {
	.card_box_work, .card_list_image{grid-template-columns: 1fr 1fr;}
	
	.card_timeline_suggest .ctsWork{grid-template-columns: 1fr;}
	.card_timeline_suggest .ctsWork > a:nth-child(n+3){display: none;}
}

@media screen and (max-width: 475px) {
	#navbar.navNotUser .navFocus{grid-template-columns: 190px;}
	
	.navbarMore .nmList{grid-template-columns: 1fr; grid-gap: 0px; margin: 0px;}
	.navbarMore .nmList > a{border: unset; border-radius: 0px;}
	.navbarMore .nmList > a:not(:last-child){border-bottom: 1px solid var(--bg_line);}
	
	.profile_count_works > div:nth-child(2){grid-template-columns: 1fr 1fr 1fr;}
	
	.wpcNovel .wnBody > div > div:first-child{font-size: 20px; text-indent: 30px; line-height: 30px;}
	
	.card_trend{padding: 0px;}
	.card_trend > a > div{grid-template-columns: 50px 50px 1fr 45px;}
	.card_trend > a > div > div:first-child > div{font-size: 15px;}
	
	.card_timeline_work{grid-template-columns: 1fr 1fr;}
}