.wk_template{display: grid; grid-template-columns: 1fr 330px; grid-gap: 25px; margin-top: 20px;}
.wk_template > div{width: 100%;}
.wk_template .wtTab > div:not(.active){display: none;}
.wk_template .wtFilm{margin-bottom: 25px; border: 1px solid var(--bg_silver); border-radius: 5px; padding: 13px 15px 17px 15px; box-sizing: border-box;}
.wk_template .wtFilm > div:first-child{color: var(--text_silver); margin-bottom: 5px;}
.wk_template .wtFilm > div:nth-child(2){display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px; align-items: center;}
.wk_template .wtFilm > div:nth-child(2) > div{width: 100%;}
.wk_template .wtFilm > div:nth-child(2) > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.wk_template .wtFilm > div:nth-child(2) > div:nth-child(2) > div:first-child{margin-bottom: 3px;}
.wk_template .wtInfo{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-bottom: 25px;}
.wk_template .wtInfo > div{width: 100%; text-align: center; border: 1px solid var(--bg_silver); border-radius: 10px; background: var(--bg_white);}
.wk_template .wtInfo > div > div:first-child{color: var(--text_silver); padding: 10px 0px 5px 0px;}
.wk_template .wtInfo > div > div:nth-child(2){font-family: 'bold'; font-size: 17px; padding: 5px 0px 15px 0px;}
.wk_template .wtAbout{}
.wk_template .wtAbout .wtaHead{display: grid; grid-template-columns: 1fr 100px; grid-gap: 25px;}
.wk_template .wtAbout .wtaHead > div{width: 100%;}
.wk_template .wtAbout .wtaHead > div:first-child > div{margin-top: 6px; color: var(--text_silver); letter-spacing: 5px;}
.wk_template .wtAbout .wtaHead > div button{width: 100%;}
.wk_template .wtAbout .wtaUser{display: table; table-layout: fixed; width: 100%; margin: 10px 0px 15px 0px;}
.wk_template .wtAbout .wtaUser > div{display: table-cell; vertical-align: middle;}
.wk_template .wtAbout .wtaUser > div:first-child{width: 35px;}
.wk_template .wtAbout .wtaUser > div:first-child > div{height: 35px; border-radius: 50%; background-color: var(--bg_silver);}
.wk_template .wtAbout .wtaUser > div:nth-child(2){padding-left: 15px; font-weight: bold;}
.wk_template .wtAbout .wtaInfo{padding: 15px 0px 15px 20px; border-left: 2px solid var(--bg_silvercalm); color: var(--text_silver);}
.wk_template .wtAbout .wtaOther{margin-top: 20px; grid-template-columns: 1fr 1fr; text-align: center;}
.wk_template .wtAbout .wtaOther > div{border-radius: 10px; padding: 10px 0px; border: 1px solid var(--bg_line);}
.wk_template .wtAbout .wtaOther > div > div:first-child{font-weight: bold;}
.wk_template .wtAbout .wtaOther > div > div:nth-child(2){color: var(--text_silver);}
.wk_template .wtAbout .wtaOther b{text-decoration: underline;}
.wk_template .wtAbout .wtaBtn{margin-top: 20px;}
.wk_template .wtAbout .wtaBtn div{padding: 10px 0px 12px 0px; border-radius: 5px;; text-align: center; background: var(--bg_silvercalm);}
.wk_template .ntAwards{margin-top: 30px;}
.wk_template .ntAwards > div:first-child{color: var(--text_silver); font-family: 'bold'; font-size: 17px;}
.wk_template .ntAwards .ntaList{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; margin-top: 15px;}
.wk_template .ntAwards .ntaList > div{width: 100%;}
.wk_template .ntAwards .ntaList > div > div{padding-bottom: 100%;}

.wk_template_simple{max-width: 900px; display: grid; grid-template-columns: 200px 1fr; grid-gap: 25px; margin-top: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.wk_template_simple > div{width: 100%;}
.wk_template_simple .wlCover{position: relative;}
.wk_template_simple .wlCover > div:first-child{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 10px; position: relative;}
.wk_template_simple .wlCover .wcWork{position: absolute; top: 13px; left: 13px; padding: 2px 7px; font-size: 11px; color: var(--text_white); border-radius: 50px;}
.wk_template_simple .wlUser{margin-top: 20px;}
.wk_template_simple .wlUser > a{display: grid; grid-template-columns: 25px 1fr; grid-gap: 10px; align-items: center;}
.wk_template_simple .wlUser > a > div{width: 100%;}
.wk_template_simple .wlUser > a > div:first-child > div{width: 25px; height: 25px; background-color: var(--bg_silver); border-radius: 50%;}
.wk_template_simple .wlInfo > div:first-child{font-size: 20px; font-weight: bold; margin-top: 10px;}
.wk_template_simple .wlInfo > div:nth-child(2){margin-top: 3px; color: var(--text_silver);}
.wk_template_simple .wlCount{margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; text-align: center;}
.wk_template_simple .wlCount > div{width: 100%; border: 1.5px solid var(--bg_line); padding: 5px 0px; border-radius: 5px; background: var(--bg_white);}
.wk_template_simple .wlCount > div > div:first-child{color: var(--bg_silver);}
.wk_template_simple .wlCount > div > div:nth-child(2){font-size: 17px; font-weight: bold;}
.wk_template_simple .wlAct{margin-top: 25px; grid-template-columns: 1fr 1fr;}
.wk_template_simple .wlAct > div{cursor: pointer;}
.wk_template_simple .wlAct > div > div{width: 25px; height: 25px;}
.wk_template_simple .wlContent{margin-top: 15px; font-family: 'novel'; text-indent: 60px;}
.wk_template_simple .wlContent > p{font-size: 20px; line-height: 35px;}
.wk_template_simple .wlPremium{position: relative; text-align: center;}
.wk_template_simple .wlPremium > div{padding: 90px 20px 30px 20px; background-image: linear-gradient(to bottom, transparent, var(--bg_white), var(--bg_white)); bottom: 15px; position: absolute; width: 100%; box-sizing: border-box;}
.wk_template_simple .wlPremium > div > div{padding: 15px 10px; margin: 25px 25px 0px 25px; border-radius: 10px; background: var(--bg_bluecalm);}
.wk_template_simple .wlPremium > div > div > div:first-child{font-weight: bold; font-size: 15px;}
.wk_template_simple .wlPremium > div > div > div:nth-child(2){color: var(--text_blue); font-family: 'bold';}

.wkMobile{display: none;}

.wk_banner{background-color: var(--bg_silvercalm); padding-top: 50px; position: relative;}
.wk_banner:before{content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65); position: absolute;}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .wk_banner:before{background: rgba(255, 255, 255, 0.40); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
}

.wk_banner .wbContent{min-height: 350px; display: grid; grid-template-columns: 200px 1fr; grid-gap: 45px; position: relative; z-index: 1;}
.wk_banner .wbContent > div{width: 100%; position: relative;}
.wk_banner .wbContent > div:first-child > div{position: relative; padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 10px;}
.wk_banner .wbContent > div:first-child .wcWork{position: absolute; top: 13px; left: 13px; padding: 2px 7px; font-size: 11px; color: var(--text_white); border-radius: 50px;}
.wk_banner .wbContent > div:first-child .workStatusPremium{bottom: 13px; left: 13px;}
.wk_banner .wbContent > div:nth-child(2){padding-top: 45px;}
.wk_banner .wbContent .wbcItem > div{display: inline-block; padding: 3px 7px; vertical-align: top; border-radius: 35px; font-size: 11px; font-family: 'semibold'; color: var(--text_white);}
.wk_banner .wbContent .wbcItem > div:not(:last-child){margin-right: 5px;}
.wk_banner .wbContent .wbcItem .workStatusPremium{position: unset;}
.wk_banner .wbContent .wbcItem .workStatusPremium > div{grid-template-columns: 13px 1fr; grid-gap: 7px; padding: 0px 5px;}
.wk_banner .wbContent .wbcInfo{font-size: 15px; text-transform: uppercase;}
.wk_banner .wbContent .wbcInfo .wbciGenre > a{font-family: 'bold';}
.wk_banner .wbContent .wbcTitle{font-size: 40px; font-family: 'novel'; font-weight: bold; padding: 15px 0px;}
.wk_banner .wbContent .wbcWriter .wwUser{grid-template-columns: 20px 1fr; color: var(--text_black);}
.wk_banner .wbContent .wbcWriter .wwUser > div:first-child > div{padding-bottom: 100%; border-radius: 50%; background-color: var(--bg_silvercalm);}
.wk_banner .wbContent .wbcBox{grid-template-columns: 1fr 1fr 1fr; margin-top: 20px;}
.wk_banner .wbContent .wbcBox > div{position: relative;}
.wk_banner .wbContent .wbcBox > div:not(:last-child):before{content: ''; top: 0px; right: 0px; width: 1px; height: 100%; position: absolute; background: var(--bg_line);}
.wk_banner .wbContent .wbcBox > div > div{max-width: min-content;}
.wk_banner .wbContent .wbcBox .wbCount{grid-template-columns: 15px 1fr;}
.wk_banner .wbContent .wbcBox .wbCount > div:first-child > div{width: 15px; height: 15px;}
.wk_banner .wbContent .wbcBox .wbTitle{font-size: 11px; text-align: center;}
.wk_banner .wbContent .wbcOptions{margin-top: 15px; white-space: nowrap;}
.wk_banner .wbContent .wbcOptions > div{display: inline-block; border-radius: 10px; color: var(--text_white); vertical-align: top;}
.wk_banner .wbContent .wbcOptions > div:not(:last-child){margin-right: 15px;}
.wk_banner .wbBtnRead{padding: 15px 20px 17px 15px; background: var(--bg_blue); font-family: 'semibold'; font-size: 15px;}
.wk_banner .wbBtnRead > div{display: grid; grid-template-columns: 20px 1fr; grid-gap: 15px;}
.wk_banner .wbBtnRead > div > div{width: 100%;}
.wk_banner .wbBtnRead > div > div:first-child > div{width: 20px; height: 20px; margin-top: 2px;}
.wk_banner .wbBtnBuy{background: var(--bg_orange); cursor: pointer; position: relative; padding: 7px 15px 8px 15px; min-width: 150px;}
.wk_banner .wbBtnBuy > div:first-child{font-weight: bold; font-size: 15px;}
.wk_banner .wbBtnBuy > div:nth-child(2){font-size: 11px;}
.wk_banner .wbInfo{white-space: nowrap; width: 100%; margin-top: 15px;}
.wk_banner .wbInfo > div{display: inline-block; vertical-align: top; padding: 5px 15px; border-radius: 100px; font-size: 11px;}
.wk_banner .wbInfo > div:not(:last-child){margin-right: 5px;}
.wk_banner .wbInfo .wiTxt{color: var(--text_white);}
.wk_banner .wbInfo .wiTxt.finish{background: var(--bg_blue); border: 1px solid var(--bg_blue);}
.wk_banner .wbInfo .wiTxt.ongoing{background: var(--bg_orange); border: 1px solid var(--bg_orange);}
.wk_banner .wbInfo .wiIcon{background: var(--bg_white); border: 1px solid var(--bg_green);}
.wk_banner .wbInfo .wiIcon > div{display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; align-items: center;}
.wk_banner .wbInfo .wiIcon > div > div{width: 100%; color: var(--text_silver);}
.wk_banner .wbInfo .wiIcon > div > div:first-child > div{width: 15px; height: 15px;}
.wk_banner .wbAchiev{margin-top: 15px;}
.wk_banner .wbAchiev > div{display: inline-block;}
.wk_banner .wbAchiev > div:not(:last-child){margin-right: 15px;}
.wk_banner .wbAchiev > div > div{width: 35px; height: 35px;}
.wk_banner .wbOptions{margin-top: 15px; white-space: nowrap;}
.wk_banner .wbOptions > div{display: inline-block; vertical-align: top;}
.wk_banner .wbOptions > div:not(:last-child){margin-right: 15px;}

.wk_type_locked{padding: 25px 0px 85px 25px; text-align: center;}
.wk_type_locked > div:first-child > div{width: 65px; height: 65px;}
.wk_type_locked > div:nth-child(2){margin-top: 25px;}
.wk_type_locked > div:nth-child(2) > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.wk_type_locked > div:nth-child(2) > div:nth-child(2){font-size: 15px; width: 500px;}

.wk_options{height: 65px; border-bottom: 1px solid var(--bg_silver);}
.wk_options .woMenu{white-space: nowrap; font-size: 0px;}
.wk_options .woMenu > a > div{display: inline-block; padding: 20px 0px; position: relative; font-weight: bold; font-size: 17px; color: var(--text_black);}
.wk_options .woMenu > a:not(:last-child) > div{margin-right: 25px;}
.wk_options .woMenu > a > div:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; opacity: 0; transition: var(--transition);}
.wk_options .woMenu > a:hover > div:before{opacity: 1; background: var(--bg_silver);}
.wk_options .woMenu > a.active > div:before{opacity: 1; background: var(--bg_blue);}
.wk_options .woMenu .womCount{padding: 3px 5px; background: var(--bg_blue); color: var(--text_white); font-size: 9px; font-family: 'regular'; border-radius: 3px; position: relative; top: -3px; margin-left: 3px;}
.wk_options .woMenu .womIcon{width: 20px; height: 20px; position: relative; top: 3px; margin-right: 15px; float: left;}

.wkOpt{white-space: nowrap; width: 100%;}
.wkOpt > div{display: inline-block; cursor: pointer;}
.wkOpt > div:hover{color: var(--text_blue);}
.wkOpt > div:not(:last-child){margin-right: 25px;}
.wkOpt .woBody{display: grid; grid-template-columns: 25px min-content; grid-gap: 10px; align-items: center;}
.wkOpt .woBody > div{width: 100%;}
.wkOpt .woBody > div:first-child > div{width: 25px; height: 25px;}
.wkOpt .woBody > div:nth-child(2){font-weight: bold;}

.wkInputComment{display: grid; grid-template-columns: 1fr 95px; align-items: end; grid-gap: 15px;}
.wkInputComment > div{width: 100%;}
.wkInputComment > div:first-child textarea{min-height: 38px; font-size: 13px;}
.wkInputComment > div:nth-child(2){padding-bottom: 6px;}
.wkInputComment > div:nth-child(2) button{width: 100%;}

.wk_statusPremiumOpen{bottom: 20px; left: 0px; position: fixed; width: 100%; z-index: 55;}
.wk_statusPremiumOpen > div{padding: 10px 15px; display: grid; max-width: 640px; background: var(--bg_bluesoft); border-radius: 10px; grid-template-columns: 20px 1fr; grid-gap: 15px; box-sizing: border-box; align-items: center;}
.wk_statusPremiumOpen > div > div{width: 100%;}
.wk_statusPremiumOpen > div > div:first-child > div{width: 20px; height: 20px;}

.wk_tablecontent > a > div{padding: 15px; box-sizing: border-box; display: grid; background: var(--bg_white); border-radius: 10px; grid-template-columns: 70px 1fr 50px; align-items: center; border: 1px solid var(--bg_line); transition: var(--transition);}
.wk_tablecontent > a:hover > div{border: 1px solid var(--bg_blue);}
.wk_tablecontent > a:not(:last-child) > div{margin-bottom: 15px;}
.wk_tablecontent > a > div.active{background: var(--bg_silvercalm);}
.wk_tablecontent > a > div > div{width: 100%;}
.wk_tablecontent > a > div > div:first-child{width: 70px; color: var(--text_silver); font-size: 25px; text-align: center;}
.wk_tablecontent > a > div > div:nth-child(2){font-size: 17px; font-weight: bold;}
.wk_tablecontent > a > div > div:nth-child(3) > div{width: 20px; height: 20px; float: right;}

.wk_info{margin-bottom: 35px;}
.wk_info > div:not(:last-child){margin-bottom: 25px;}
.wk_info .wiList > div:not(:last-child){margin-bottom: 20px;}
.wk_info .wiList > div > div:first-child{font-weight: bold; font-size: 17px; margin-bottom: 10px;}
.wk_info .wiTag{white-space: nowrap; display: contents;}
.wk_info .wiTag > a{display: inline-block; margin-bottom: 15px;}
.wk_info .wiTag > a:not(:last-child){margin-right: 15px;}
.wk_info .wiTag > a > div{padding: 5px 10px 6px 10px; border: 1px solid var(--bg_line); font-weight: bold; border-radius: 5px; color: var(--text_silver); -webkit-transition: all 0.2s ease;}
.wk_info .wiTag > a > div:hover{background: transparent;}
.wk_info .wiLock{padding: 10px 15px; border-radius: 5px; color: var(--text_silver); background: var(--bg_silvercalm); display: grid; grid-template-columns: 15px 1fr; grid-gap: 15px; align-items: center;}
.wk_info .wiLock > div{width: 100%;}
.wk_info .wiLock > div:first-child > div{width: 15px; height: 15px;}

.wkCharacter{display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); grid-gap: 20px;}
.wkCharacter > div{width: 100%}
.wkCharacter .wcCover > div{width: 50px; height: 50px; position: relative; background-color: var(--bg_silver); border-radius: 50%;}
.wkCharacter .wcCover .wcGender{position: absolute; bottom: -2px; right: -2px; border-radius: 50%; width: 20px; height: 20px; border: 1px solid var(--bg_white);}
.wkCharacter .wcCover .wcGender.male{background: var(--bg_bluesoft);}
.wkCharacter .wcCover .wcGender.female{background: var(--bg_redsoft);}
.wkCharacter .wcCover .wcGender.none{background: var(--bg_silver);}
.wkCharacter .wcCover .wcGender > div{width: 10px; height: 10px; position: relative; top: 4px;}
.wkCharacter .wcName{text-align: center; margin-top: 7px; font-size: 11px;}

.wkUsers > div{display: inline-block; white-space: nowrap; padding: 3px 10px; border-radius: 10px; background: var(--bg_silvercalm); margin: 5px;}

.work_review_star{margin: 15px 0px 20px 0px; white-space: nowrap; font-size: 0px;}
.work_review_star > div{padding: 0px 7.5px; display: inline-block; cursor: pointer;}
.work_review_star > div > div{width: 30px; height: 30px;}
.work_review_star > div:first-child{padding-left: 0px;}
.work_review_star > div:last-child{padding-right: 0px;}
.work_review{padding: 30px 0px;}
.work_review .wr_star{margin: 0px 20px 25px 20px;}
.work_review .wr_list > div{padding: 15px 20px;}
.work_review .wr_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.work_review .wr_list .wlHead{display: grid; grid-template-columns: 35px 1fr 15px; grid-gap: 15px; align-items: center;}
.work_review .wr_list .wlHead > div{width: 100%;}
.work_review .wr_list .wlHead .whPhoto{width: 35px; height: 35px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.work_review .wr_list .wlHead > div:nth-child(2) > div:first-child{font-weight: bold;}
.work_review .wr_list .wlHead > div:nth-child(2) > div:nth-child(2){font-size: 11px; color: var(--text_silver);}
.work_review .wr_list .wlHead > div:nth-child(3) > div{width: 15px; height: 15px;}
.work_review .wr_list .wlContent{margin-top: 15px;}
.work_review .wr_list .nrl_star{margin-top: 5px; margin-bottom: 10px; height: 15px; white-space: nowrap;}
.work_review .wr_list .nrl_star > div{height: 15px; width: 82px; display: inline-block;}
.work_review .wr_list .nrl_content{margin-top: 5px; font-size: 17px;}
.work_review .wr_list .nrl_option{margin-top: 10px; white-space: nowrap;}
.work_review .wr_list .nrl_option > div{display: inline-block; cursor: pointer; color: var(--text_silver);}
.work_review .wr_list .nrl_option > div:not(:last-child){margin-right: 10px;}
.work_review .wr_list .nrl_reply{padding: 10px 15px; border-radius: 10px; color: var(--text_silver); background: var(--bg_silvercalm); margin-top: 10px;}
.work_review .wr_list .nrl_reply > div:first-child{font-weight: bold;}

.work_star{margin-bottom: 25px;}
.work_star > div:first-child{display: table; table-layout: fixed; width: 100%;}
.work_star > div:first-child > div{display: table-cell; vertical-align: middle;}
.work_star > div:first-child > div:first-child{font-size: 17px; font-weight: bold; padding-left: 20px;}
.work_star > div:first-child > div:nth-child(2){width: 80px;}
.work_star > div:first-child > div:nth-child(2) > div{padding: 5px 10px; border-radius: 5px; background: var(--bg_blue); color: var(--text_white); width: 42px; text-align: center; font-size: 17px; font-family: 'bold';}
.work_star > div:nth-child(2){margin-top: 10px;}
.work_star > div:nth-child(2) > div{display: table; table-layout: fixed; width: 100%;}
.work_star > div:nth-child(2) > div > div{display: table-row;}
.work_star > div:nth-child(2) > div > div > div{display: table-cell; padding: 0px 15px; vertical-align: middle;}
.work_star > div:nth-child(2) > div > div > div:first-child{width: 100px;}
.work_star > div:nth-child(2) > div > div > div:first-child > div{width: 100px; height: 18px; float: left;}
.work_star > div:nth-child(2) > div > div > div:nth-child(2){}
.work_star > div:nth-child(2) > div > div > div:nth-child(2) > div{height: 2px; background: var(--bg_silvercalm); border-radius: 10px;}
.work_star > div:nth-child(2) > div > div > div:nth-child(3){width: 40px; text-align: right; font-size: 17px; font-family: 'bold';}
.work_star > div:nth-child(3){margin-top: 7px; padding-left: 15px; color: var(--text_silver);}

/************************************************/

.workPartSpace{height: 85px;}
.workPartHeader{max-width: 1100px; border-radius: 10px; padding: 0px 15px; position: fixed; top: 15px; left: 0px; right: 0px; z-index: 65; height: 55px; grid-template-columns: 30px 1fr min-content; box-shadow: 0px 0px 15px #e6e6e6;}
.workPartHeader.wphFocus{background: #fff5e6ad; top: -25px;}
.workPartHeader.wphFocus:hover{top: 15px;}
.workPartHeader .whBack > div{width: 25px; height: 25px;}
.workPartHeader .whInfo > div:first-child{font-family: 'semibold';}
.workPartHeader .whInfo > div:nth-child(2){font-size: 11px;}
.workPartHeader .whOpt{white-space: nowrap; font-size: 0px;}
.workPartHeader .whOpt > div{display: inline-block;}
.workPartHeader .whOpt > div:not(:last-child){margin-right: 20px;}
.workPartHeader .whOpt > div > div{width: 20px; height: 20px; cursor: pointer;}

.workPartControl{position: fixed; bottom: 0px; left: 0px; height: 0px; width: 100%; z-index: 55;}
.workPartControl.wpcStatic{height: unset;}
.workPartControl > div{height: 45px; max-width: 600px; grid-template-columns: 180px 1fr 180px; border-radius: 50px; position: relative; bottom: 60px;}
.workPartControl:not(.wpcStatic) > div{box-shadow: 0px 0px 15px #e6e6e6;}
.workPartControl.wpcStatic.wpcFocus > div{background: transparent;}
.workPartControl.wpcStatic > div{max-width: 700px; bottom: 0px; border-radius: 0px;}
.workPartControl .wpcSwitch {display: flex; align-items: center; gap: 12px; padding: 6px 10px; cursor: pointer; box-sizing: border-box;}
.workPartControl .wpcSwitch > div {display: flex; align-items: center; gap: 12px;}
.workPartControl .wpcSwitch .wsText {display: flex; flex-direction: column; width: 120px; font-size: 11px; text-align: center;}
.workPartControl .wpcSwitch .wsText > div:first-child {font-weight: bold;}
.workPartControl .wpcSwitch .wsText > div:nth-child(2) {color: var(--text_silver); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.workPartControl .wpcSwitch .wsIcon{width: 15px; height: 15px;}
.workPartControl .wsMenu {display: flex; justify-content: center; gap: 25px; width: min-content;}
.workPartControl .wsMenu > div {width: 20px; height: 20px; cursor: pointer; position: relative;}
.workPartControl .wsMenu > div.active:before{content: ''; position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; background: var(--bg_blue); border-radius: 50%;}

.wsSliderWrap {position: fixed; bottom: 75px; left: 50%; transform: translateX(-50%); background: var(--bg_white); padding: 8px 12px; border-radius: 8px; box-shadow: 0px 0px 15px #e6e6e6; z-index: 65;}
.wsSliderWrap input[type="range"] {width: 200px;}

.workPartBanner .wpb1{position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1;}
.workPartBanner .wpb1 > div{padding-bottom: 30%; overflow: hidden; position: absolute; width: 100%; top: 0px; left: 0px;}
.workPartBanner .wpb1 > div:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200%; background-image: linear-gradient(to bottom, transparent, var(--bg_white));}
.workPartBanner .wpb2{max-width: 700px; height: 250px; border-radius: 15px; background-color: var(--bg_white); position: relative; z-index: 1;}
.workPartBanner .wpb3{max-width: 700px; padding: 25px 0px 20px 0px; text-align: center;}
.workPartBanner .wpb3 > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.workPartBanner .wpb3 > div:nth-child(2){font-size: 30px; font-family: 'novel'; font-weight: bold;}

.work_part_lock{width: 600px; margin: 50px auto;}
.work_part_lock > div:first-child{color: var(--text_silver); font-size: 25px; font-weight: bold; text-align: center;}
.work_part_lock > div:nth-child(2){height: 2px; background: var(--bg_line); margin: 50px 0px 25px 0px; position: relative;}
.work_part_lock > div:nth-child(2) > div{width: 80px; height: 30px; background: var(--bg_white); position: relative; top: -15px;}
.work_part_lock > div:nth-child(2) > div > div{width: 20px; height: 20px; position: relative; top: 4px;}
.work_part_lock .wplPreview > div{margin: 35px 0px;}
.work_part_lock .wplPreview > div > div:first-child{font-size: 17px; margin-bottom: 5px; font-family: 'bold';}
.work_part_lock .wplLine{height: 2px; background: var(--bg_line); margin: 20px 0px 50px 0px; position: relative;}
.work_part_lock .wplOpt{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.work_part_lock .wplOpt > div{width: 100%;}
.work_part_lock .wplOpt > div:first-child .woBtn{background: var(--bg_greencalm);}
.work_part_lock .wplOpt > div:nth-child(2) .woBtn{background: var(--bg_purplecalm);}
.work_part_lock .wplOpt .woBtn{padding: 22px 0px 25px 0px; cursor: pointer; color: var(--text_white); border-radius: 10px; text-align: center;}
.work_part_lock .wplOpt .woBtn > div:first-child{font-size: 17px; font-weight: bold;}
.work_part_lock .wplOpt .woBtn > div:nth-child(2){margin-top: 5px; margin-bottom: 15px}
.work_part_lock .wplOpt .woBtn > div:nth-child(3){padding-top: 15px; border-top: 1px solid var(--bg_line);}
.work_part_lock .wplOpt .woBtn > div:nth-child(3) > div:first-child{font-size: 20px; font-family: 'bold';}
.work_part_lock .wplOpt .woBtn > div:nth-child(3) > div:nth-child(2){font-size: 11px; margin-top: 5px;}
.work_part_lock .wplOpt .woBtn > div:nth-child(3) > div:nth-child(2) span{padding: 3px 10px; border-radius: 15px; background: var(--bg_blue);}

.workPartContent{max-width: 700px;}
.wpcComic{text-align: center;}
.wpcComic img{width: 100%; display: block;}
.wpcNovel .wnBody{display: table; width: 100%; table-layout: fixed;}
.wpcNovel .wnBody.wnFocus > div{display: block;}
.wpcNovel .wnBody > div{display: table-row;}
.wpcNovel .wnBody > div > div{display: table-cell;}
.wpcNovel .wnBody.wnFocus > div > div:nth-child(2){display: none;}
.wpcNovel .wnBody > div:not(:last-child) > div{padding-bottom: 20px;}
.wpcNovel .wnBody > div > div:first-child{line-height: 40px; font-size: 22px; padding-right: 15px; vertical-align: top; text-indent: 60px; text-align: justify; font-family: 'novel';}
.wpcNovel .wnBody > div > div:first-child > div{position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.wpcNovel .wnBody > div > div:first-child > div span{line-height: 1px; /**display: inline-block;**/ position: absolute; color: transparent!important; width: 0;}
.wpcNovel .wnBody > div > div:first-child > div img{max-width: 100%; position: relative; display: block;}
.wpcNovel .wnBody > div > div:first-child > div iframe{width: 635px; height: 357px; border: none; position: relative; display: block;}
.wpcNovel .wnBody > div > div:first-child > div ol{margin-left: 80px;}
.wpcNovel .wnBody > div > div:first-child > div ol li{text-indent: 0px;}
.wpcNovel .wnBody > div > div:nth-child(2){width: 50px; vertical-align: top;}
.wpcNovel .wnBody > div > div:nth-child(2) > div{float: right; width: 20px; height: 20px; position: sticky; top: 120px; margin-bottom: 15px; margin-top: 12px;}
.wpcNovel .wnBody > div > div:nth-child(2) > div > div{padding: 1px 4px; background: var(--bg_silver); color: white; border-radius: 5px; top: -10px; right: -7px; position: absolute; font-size: 10px;}
.wpcNovel .wnFooter{margin-top: 15px; font-size: 11px;}

#tocOverlayBackdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: 69; display: none; }
.workTocOverlay { position: fixed; top: 0; right: -100%; max-width: 350px; width: 80%; height: 100%; background: rgba(255, 255, 255, 0.8); box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); transition: right 0.3s ease; z-index: 70; overflow: auto;}
.workTocOverlay.active { right: 0; }
.workTocOverlay .wtoContent{padding: 15px;}
.workTocOverlay .wtoContent .wcTitle{font-family: 'semibold'; font-size: 15px; margin-bottom: 10px;}
.workTocOverlay .wtoContent .wcList > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.workTocOverlay .wtoContent .wcList .wlItem{padding: 10px 15px; grid-template-columns: 25px 1fr 15px; color: var(--text_black);}
.workTocOverlay .wtoContent .wcList .wlItem.active{background: var(--bg_silvercalm);}
.workTocOverlay .wtoContent .wcList .wlItem > div:first-child{font-size: 11px; font-weight: bold; text-align: center;}
.workTocOverlay .wtoContent .wcList .wlItem > div:nth-child(3) > div{width: 15px; height: 15px;}

.workPartBottom{margin-top: 45px;}