/**FRONT**/
.front_layout{width: 100%; height: 100vh;}
.front_layout > div:first-child{background-image: linear-gradient(to right, #430076, #0063b1); padding: 45px 35px; position: relative;}
.front_layout > div:first-child > div:first-child{font-weight: bold; color: var(--text_white);}
.front_layout > div:first-child > div:first-child > div:first-child{font-size: 35px;}
.front_layout > div:first-child > div:first-child > div:nth-child(2){margin-top: 10px; font-size: 17px;}
.front_layout > div:nth-child(2){margin-top: 15px; max-width: 500px;}
.front_layout > div:nth-child(2) > div{padding: 50px;}
.front_layout > div:nth-child(2) > div > div:first-child{font-size: 20px; font-weight: bold;}
.front_layout > div:nth-child(2) > div > div:nth-child(2){margin-top: 20px;}

/**HOME**/
.home_snt{margin-bottom: 15px; white-space: nowrap; width: 100%;}
.home_snt > div{display: inline-block; padding: 10px 15px; border-radius: 10px; background: var(--bg_green);}
.home_snt > div > div:first-child{font-weight: bold; font-size: 11px;}
.home_snt > div > div:nth-child(2){font-size: 15px; margin-top: 2px;}

.home_count > div:first-child{font-weight: bold; font-size: 15px;}
.home_count .hcItem{margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.home_count .hcItem > div{width: 100%; border: 1.5px solid var(--bg_line); cursor: pointer; transition: var(--transition); border-radius: 10px; padding: 15px 0px 20px 0px; box-sizing: border-box; text-align: center;}
.home_count .hcItem > div > div:first-child{margin: 10px 0px;}
.home_count .hcItem > div > div:first-child > div{width: 25px; height: 25px;}
.home_count .hcItem > div > div:nth-child(2){font-weight: bold;}

.home_revision{margin-top: 20px;}
.home_revision > div{padding: 10px 15px; background: var(--bg_silvercalm); border: 1px solid var(--bg_silver); border-radius: 10px;}

.home_suggest{margin-top: 20px; display: grid;}
.home_suggest > div{width: 100%;}
.home_suggest > div:first-child{font-weight: bold; font-size: 15px; margin-bottom: 10px;}
.home_suggest > div:nth-child(2){overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
.home_suggest > div:nth-child(2)::-webkit-scrollbar{display: none;}

.home_focus{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 20px;}
.home_focus > div{width: 100%; padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line); box-sizing: border-box;}
.home_focus > div > div:first-child{font-size: 15px; font-weight: bold;}

/**CURATOR**/
.curator_detail{padding: 20px; border: 1px solid var(--bg_line); border-radius: 10px;}
.curator_detail > div:first-child{font-size: 17px; font-family: 'bold';}
.curator_detail > div:nth-child(2){margin-top: 15px; display: table; width: 100%; table-layout: fixed;}
.curator_detail > div:nth-child(2) > div{display: table-cell; text-align: center;}
.curator_detail > div:nth-child(2) > div > div:first-child{font-family: 'bold'; padding: 10px 0px;}
.curator_detail > div:nth-child(2) > div:not(:first-child) > div:first-child{background: var(--bg_silvercalm);}
.curator_detail > div:nth-child(2) > div > div:nth-child(2){margin-top: 10px; font-size: 15px; color: var(--text_silver);}
.curator_detail > div:nth-child(2) > div:first-child > div:nth-child(2){font-weight: bold;}
.curator_detail > div:nth-child(2) > div > div:nth-child(2) > div:not(:last-child){margin-bottom: 10px;}
.curator_detail > div:nth-child(2) > div > div:nth-child(3){margin-top: 15px; color: var(--text_silver);}

.curator_work{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.curator_work > div{width: 100%; border: 1px solid var(--bg_line); border-radius: 10px; padding: 10px 15px; box-sizing: border-box;}
.curator_work .cwTitle{font-weight: bold; font-size: 15px; margin-bottom: 10px;}

/**CHAT**/
.chat_layout{display: grid; grid-template-columns: 300px 1fr; grid-gap: 20px;}
.chat_layout > div{width: 100%;}

.chat_head{padding: 15px 20px; background: var(--bg_silvercalm); border-radius: 10px;}
.chat_head textarea{background: var(--bg_white);}

/**STORE**/
.store_colab_head{padding: 10px 15px; border-radius: 10px; border: 1px solid var(--bg_line); margin-bottom: 15px;}
.store_colab_head > div:first-child{font-weight: bold; font-size: 15px;}
.store_colab_head > div:nth-child(2){color: var(--text_silver);}
.store_colab_head > div:nth-child(3){margin-top: 10px;}
.store_colab_head > div:nth-child(3) > div{padding: 10px; position: relative; background: var(--bg_silvercalm);}
.store_colab_head > div:nth-child(3) > div:before{content: ''; position: absolute; left: 0px; top: 0px; width: 2px; height: 100%; background: var(--bg_blue);}

/**USERS**/
.users_count > div:first-child{font-weight: bold; font-size: 15px;}
.users_count .ucItem{margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.users_count .ucItem > div{width: 100%; border: 1.5px solid var(--bg_line); cursor: pointer; transition: var(--transition); border-radius: 10px; padding: 15px 0px 20px 0px; box-sizing: border-box; text-align: center;}
.users_count .ucItem > div > div:first-child{margin: 10px 0px;}
.users_count .ucItem > div > div:first-child > div{width: 25px; height: 25px;}
.users_count .ucItem > div > div:nth-child(2){font-weight: bold;}

.users_focus{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 20px;}
.users_focus > div{width: 100%; padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line); box-sizing: border-box;}
.users_focus > div > div:first-child{font-size: 15px; font-weight: bold;}

.users_profile{padding: 10px 15px; border-radius: 10px; display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px; box-sizing: border-box; border: 1px solid var(--bg_line);}
.users_profile > div{width: 100%;}
.users_profile > div:first-child > div{padding-bottom: 100%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.users_profile .upRealname{font-size: 15px; font-weight: bold;}
.users_profile .upUsername{color: var(--text_silver);}
.users_profile .upOpt{margin-top: 5px;}

.users_detail_warning{margin-top: 15px; padding: 10px 15px; background: var(--bg_orange); color: var(--text_white); border-radius: 10px;}
.users_detail_warning.banned{background: var(--bg_red);}

.users_income{margin-top: 15px;}
.users_income > div:first-child{font-size: 17px; font-weight: bold;}
.users_income .ciTotal{margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.users_income .ciTotal > div{padding: 10px 0px; border: 1px solid var(--bg_line); border-radius: 10px; text-align: center; width: 100%;}
.users_income .ciTotal > div > div:first-child{font-size: 15px; font-weight: bold;}
.users_income .ciTotal > div > div:nth-child(2){color: var(--text_silver); margin-top: 3px;}
.users_income .ciPeriod{margin-top: 5px;}
.users_income .ciOpt{margin-top: 10px;}
.users_income .ciOpt > button:not(:last-child){margin-right: 5px;}

.users_detail_count{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.users_detail_count > div{width: 100%; padding: 15px 0px; text-align: center; border-radius: 10px; border: 1px solid var(--bg_line);}
.users_detail_count > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}

.users_work_count{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.users_work_count > div{width: 100%; padding: 15px 0px; text-align: center; border-radius: 10px; border: 1px solid var(--bg_line);}
.users_work_count > div > div:first-child{color: var(--text_silver);}
.users_work_count > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}

.users_detail_layout{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-bottom: 15px;}
.users_detail_layout > div{width: 100%;}
.users_detail_layout .udlTitle{padding: 10px 15px; font-weight: bold; font-size: 15px;}

.users_table_payout tr > th:first-child{width: 50px;}
.users_table_payout tr > th:nth-child(3){width: 100px;}
.users_table_payout tr > th:nth-child(4){width: 230px;}
.users_table_payout tr > th:nth-child(5){width: 100px;}
.users_table_payout tr > th:nth-child(6){width: 100px;}

/**BANNED**/
.banned_focus{display: grid; grid-template-columns: 1fr; grid-gap: 15px; margin-top: 20px;}
.banned_focus > div{width: 100%; padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line); box-sizing: border-box;}
.banned_focus > div > div:first-child{font-size: 15px; font-weight: bold;}
	
.banned_recap{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.banned_recap > div{width: 100%; border-radius: 10px; border: 1px solid var(--bg_line); padding: 15px 0px; text-align: center;}
.banned_recap > div > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 5px;}

/**EVENT**/
.event_header{padding: 15px; border-radius: 10px; margin-top: 15px; background: var(--bg_white); border: 1px solid var(--bg_line); display: grid; grid-template-columns: 100px 1fr; grid-gap: 15px; box-sizing: border-box;}
.event_header > div{width: 100%;}
.event_header > div:first-child > div{padding-bottom: 60%; background-color: var(--bg_silver); border-radius: 10px;}
.event_header > div:nth-child(2) > div:first-child > span{font-size: 11px; padding: 2px 7px 3px 7px; background: var(--bg_blue); color: var(--text_white); border-radius: 5px;}
.event_header > div:nth-child(2) > div:nth-child(2){margin-top: 10px; font-weight: bold;}

/**PAYMENT**/
.payment_detail_head{padding: 10px 15px; border-radius: 10px; border: 1px solid var(--bg_line);}
.payment_detail_head .pdhTop{display: grid; grid-template-columns: 1fr 135px; align-items: center;}
.payment_detail_head .pdhTop > div{width: 100%;}
.payment_detail_head .pdhTop > div:first-child{font-weight: bold;}
.payment_detail_head .pdhTop > div:nth-child(2){text-align: right;}
.payment_detail_head .pdhTop > div:nth-child(2) > span{padding: 3px 10px; border-radius: 10px; font-size: 11px;;}
.payment_detail_head .pdhTop > div:nth-child(2) > span.success{background: var(--bg_green); color: var(--text_white);}
.payment_detail_head .pdhTop > div:nth-child(2) > span.waiting{background: var(--bg_orange); color: var(--text_white);}
.payment_detail_head .pdhTop > div:nth-child(2) > span.failed{background: var(--bg_red); color: var(--text_white);}
.payment_detail_head .pdhUser{margin-top: 5px; display: grid; grid-template-columns: 20px 1fr; grid-gap: 10px; align-items: center;}
.payment_detail_head .pdhUser > div{width: 100%;}
.payment_detail_head .pdhUser > div:first-child > div{width: 20px; height: 20px; border-radius: 50%; background-color: var(--bg_silver);}
.payment_detail_head .pdhContent{margin-top: 10px;}
.payment_detail_head .pdhContent > div:not(:last-child){margin-bottom: 5px;}
.payment_detail_head .pdhOpt{margin-top: 10px;}

.payment_detail_info{margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.payment_detail_info > div{width: 100%; border: 1px solid var(--bg_line); border-radius: 10px; text-align: center; padding: 10px 0px;}
.payment_detail_info > div > div:first-child{color: var(--text_silver); margin-bottom: 3px;}
.payment_detail_info > div > div:nth-child(2){font-weight: bold;}

.payment_detail_method{margin-top: 25px; margin-bottom: 15px; padding: 10px 15px; background: var(--bg_silvercalm); border-radius: 10px;}
.payment_detail_method .pdmTitle{font-weight: bold;}
.payment_detail_method .pdmContent{margin-top: 10px;}
.payment_detail_method .pdmContent > div:not(:last-child){margin-bottom: 5px;}
.payment_detail_method .pdmContent .pcMethod > div:first-child{color: var(--text_blue);}
.payment_detail_method .pdmContent .pcMethod > div:nth-child(3){font-size: 11px;}
.payment_detail_method .pdmContent .pcMethod > div:not(:last-child){margin-bottom: 5px;}
.payment_detail_method .pdmContent .pcBtn{color: var(--text_silver); margin-top: 5px;}

/**WORK**/
.work_toc > a > div{padding: 15px 0px; color: var(--text_black);}
.work_toc > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.work_toc .wtItem{display: grid; grid-template-columns: 45px 1fr 35px; align-items: center;}
.work_toc .wtItem.wtGap{grid-gap: 15px;}
.work_toc .wtItem > div{width: 100%;}
.work_toc .wtItem > div:nth-child(2) > div:first-child{font-weight: bold;}
.work_toc .wtItem > div:nth-child(2) > div:nth-child(2){margin-top: 10px;}
.work_toc .wtItem .wiNumb{font-size: 17px;}
.work_toc .wtItem .wiIcon > div{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 5px;;}
.work_toc .wtItem .wiAlert{padding: 10px; border-radius: 10px;}
.work_toc .wtItem .wiAlert > div:nth-child(2){margin-top: 3px; font-size: 11px;}
.work_toc .wtItem .wiAlert.wawaiting{background: var(--bg_yellowcalm);}
.work_toc .wtItem .wiAlert.waaccept{background: var(--bg_greencalm);}
.work_toc .wtItem .wiAlert.wadecline{background: var(--bg_redcalm);}
.work_toc .wtItem .wiNext > div{width: 15px; height: 15px; float: right;}

.workDescList{}
.workDescList > div:not(:last-child){margin-bottom: 15px;}
.workDescList > div > div:first-child{font-size: 15px; font-weight: bold;}

.workContent{padding: 15px 20px; border: 1px solid var(--bg_line); border-radius: 10px; min-height: 200px; font-family: 'novel'; font-size: 20px;}
.workContent .del{color: var(--text_red); text-decoration: line-through;}
.workContent .new{color: var(--text_green);}

.workIsAdult{border: 1.5px solid var(--bg_red); padding: 10px; border-radius: 10px;}
.workIsAdult.adult{background: var(--bg_redcalm);}
.workIsAdult.adult > div:first-child{color: var(--text_red);}
.workIsAdult .wisBtn{margin-top: 5px; padding: 3px 7px; cursor: pointer; border-radius: 5px; border: 1px solid var(--bg_black); font-size: 11px; font-weight: bold; display: inline-block; background: var(--bg_white);}

.workPartHead{padding: 0px 20px;}
.workPartHead .wphWork{display: grid; grid-template-columns: 40px 1fr; grid-gap: 15px; align-items: center;}
.workPartHead .wphWork > div{width: 100%;}
.workPartHead .wphWork > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.workPartHead .wphWork > div:nth-child(2) > div:first-child > span{padding: 3px 7px; border-radius: 3px; background: var(--bg_blue); color: var(--text_white); font-size: 11px; font-weight: bold;}
.workPartHead .wphWork > div:nth-child(2) > div:nth-child(2){margin-top: 5px; font-size: 15px;}
.workPartHead .wphTitle{font-size: 17px; font-weight: bold; margin-top: 10px;}
.workPartHead .wphBtn{margin-top: 15px;}
.workPartHead .wphBtn .nrBubble{position: absolute; top: 11px; left: 6px; width: 5px; height: 5px; border-radius: 50%; background: red;}

.workPartStatus{padding: 5px 10px; border-radius: 5px; margin-top: 15px;}
.workPartStatus.waiting{border: 1.5px solid var(--bg_orange);}
.workPartStatus.update{border: 1.5px solid var(--bg_bluedark);}
.workPartStatus.accept{border: 1.5px solid var(--bg_blue);}
.workPartStatus.decline{border: 1.5px solid var(--bg_red);}
.workPartStatus .wpsTitle{font-weight: bold;}
.workPartStatus .wpsOpt{margin-top: 10px;}
.workPartStatus .wpsOpt > div:first-child{color: var(--text_silver);}
.workPartStatus .wpsOpt > div:nth-child(2){white-space: nowrap; margin-top: 5px;}
.workPartStatus .wpsOpt > div:nth-child(2) > div{padding: 5px 10px; cursor: pointer; display: inline-block; border: 1px solid var(--bg_black); border-radius: 5px;}
.workPartStatus .wpsOpt > div:nth-child(2) > div.active{background: var(--bg_silver); color: var(--text_white);}

.workPartNotShow{padding: 10px 15px; margin-top: 10px; border-radius: 5px;}
.workPartNotShow.draft{background: var(--bg_yellow);}
.workPartNotShow.decline{background: var(--bg_redcalm);}

.workChapterCover{margin-top: 15px;}
.workChapterCover > div{padding-bottom: 40%; border-radius: 10px;}
.workChapterContent{margin-top: 25px; margin-bottom: 25px; padding: 15px 20px; border-radius: 10px; border: 1px solid var(--bg_line);}
.workChapterContent .wccContent{font-size: 20px; text-indent: 60px; text-align: justify; font-family: 'novel';}
.workChapterContent .wccContent .del{color: var(--text_red); text-decoration: line-through;}
.workChapterContent .wccContent .new{color: var(--text_green);}
.workChapterContent .wccFootnote{margin-top: 25px; font-size: 11px; border-top: 1px solid var(--bg_line); padding-top: 25px;}

.workEpisodeCover{margin-top: 15px;}
.workEpisodeCover > div{width: 130px; height: 130px; display: inline-block; background-color: var(--bg_silver); border-radius: 10px;}
.workEpisodeContent{margin-top: 15px;}
.workEpisodeContent img{width: 100%;}

.workPartContent{margin-top: 25px; margin-bottom: 25px; padding: 15px 20px; border-radius: 10px; border: 1px solid var(--bg_line); font-family: 'script';}
.workPartContent .description{font-size: 20px;}
.workPartContent .description p{font-size: 20px;}
.workPartContent .part-dialog{width: 85%; max-width: 450px; margin-bottom: 10px; border-bottom: 2px dashed var(--bg_silver); padding-bottom: 3px;}
.workPartContent .content-align-center{text-align: center;}
.workPartContent .content-align-right{text-align: right;}
.workPartContent .content-indent-1{padding-left: 3em;}
.workPartContent .content-indent-2{padding-left: 6em;}
.workPartContent .content-indent-3{padding-left: 9em;}
.workPartContent .content-indent-4{padding-left: 12em;}
.workPartContent .content-indent-5{padding-left: 15em;}
.workPartContent .content-indent-6{padding-left: 18em;}
.workPartContent .content-indent-7{padding-left: 21em;}
.workPartContent .content-indent-8{padding-left: 24em;}
.workPartContent .ql-align-center{text-align: center;}
.workPartContent .ql-align-justify{text-align: justify;}
.workPartContent .ql-align-right{text-align: right;}

.workPartEditor{}
.workPartEditor .wpeHead{padding: 15px 0px; margin-top: 15px; font-size: 17px; font-weight: bold;}
.workPartEditor .wpeBody{border: 1px solid var(--bg_line);}
.workPartEditor .wpeInfo{padding: 25px 15px;}
.workPartEditor .wpeInfo > div:first-child{font-weight: bold;}
.workPartEditor .wpeBtn{padding: 15px; border-radius: 10px; background: var(--bg_silvercalm); margin-bottom: 35px;}

/**VIDEO**/
.video_detail{padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line);}
.video_detail .vdTitle{font-size: 17px; font-weight: bold;}
.video_detail .vdIsShow{margin-top: 10px;}
.video_detail .vdIsShow span{padding: 3px 10px 5px 10px; font-size: 11px; border-radius: 50px; background: var(--bg_silver); color: var(--text_white); font-weight: bold;}
.video_detail .vdIsShow span.show{background: var(--bg_green);}
.video_detail .vdDesc{margin-top: 15px;}
.video_detail .vdContent{margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr;}
.video_detail .vdContent > div{width: 100%;}
.video_detail .vdBtn{white-space: nowrap; margin-top: 15px;}
.video_detail .vdBtn > div{display: inline-block;}
.video_detail .vdBtn > div:not(:last-child){margin-right: 10px;}

.video_live_layout{max-width: 500px; padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line);}

/**VOUCHER**/

/**ERROR**/
.e_info{padding: 110px 30px 200px 30px;}
.e_info > div:first-child{font-size: 40px; font-family: 'bold';}
.e_info > div:last-child{font-size: 20px; margin-top: 10px;}