.wt_info_event{padding-bottom: 45%; background-image: url('../../../../images/event.jpg'); background-size: 100%;}

.wt_list{list-style-type: none;}
.wt_list > li{border-bottom: 1px solid var(--bg_line);}
.wt_list > li:last-child{border-bottom: none;}
.wt_list .wl_box{padding: 15px;}
.wt_list .wl_box > div{display: table; width: 100%; table-layout: fixed;}
.wt_list .wl_box > div > div{display: table-cell; vertical-align: top;}
.wt_list .wl_box > div > div:first-child{width: 70px;}
.wt_list .wl_box > div > div:first-child > div{height: 70px;}
.wt_list .wl_box > div > div:last-child{padding: 0px 15px;}
.wt_list .wl_box > div > div:last-child > h2{font-size: 15px;}
.wt_list .wl_box > div > div:last-child > div{margin-top: 5px;}

.wt_focus{position: relative;}
.wt_focus > div:first-child{position: absolute; left: -30px; bottom: -30px; width: 120px; height: 120px;}
.wt_focus > div:first-child:before{content: ''; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background-image: linear-gradient(80deg, transparent, var(--bg_white));}
.wt_focus > div:nth-child(2){padding: 15px 15px 10px 15px;}
.wt_focus > div:nth-child(2) > span:first-child{font-size: 17px; position: relative;}
.wt_focus > div:nth-child(2) > span:nth-child(2){font-size: 11px; float: right; margin-top: 3px;}
.wt_focus > div:last-child > div{width: 80%; height: 70px; float: right; display: table; table-layout: fixed; z-index: 1; position: relative; margin-bottom: 20px;}
.wt_focus > div:last-child > div > div{display: table-cell; padding-left: 10px;}
.wt_focus .wf_box{padding-bottom: 110%;}

.wt_choice{overflow: auto; white-space: nowrap;}
.wt_choice::-webkit-scrollbar{display: none;}
.wt_choice > div{display: inline-block; margin-right: 15px; vertical-align: top;}
.wt_choice > div:first-child > div{width: 250px; height: 180px; background: var(--bg_green); border-radius: 7px; position: relative;}
.wt_choice > div:first-child > div > div:first-child{position: absolute; width: 110px; height: 110px; background-image: url('../../../../images/background/webtoon_editorchoice.png'); background-size: cover; top: 0px; right: -10px;}
.wt_choice > div:first-child > div > div:last-child{position: absolute; bottom: 20px; left: 25px; font-family: 'bold'; color: var(--text_white);}
.wt_choice > div:first-child > div > div:last-child > div:first-child{font-size: 20px; letter-spacing: 2px;}
.wt_choice > div:first-child > div > div:last-child > div:last-child{font-size: 45px; letter-spacing: 5px;}
.wt_choice > div:first-child{margin-left: 15px;}
.wt_choice > div:not(:first-child) > a > div{overflow: hidden; width: 150px; height: 180px; background-color: var(--bg_white); overflow: hidden; position: relative; margin-bottom: 5px; border-radius: 7px;}
.wt_choice > div:not(:first-child) > a > div:before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 150%; background-image: linear-gradient(to bottom, transparent, var(--bg_black));}
.wt_choice > div:not(:first-child) > a > div > div{position: absolute; bottom: 0px; left: 0px; width: 100%;}
.wt_choice > div:not(:first-child) > a > div > div > div{padding: 0px 15px 15px 20px; color: var(--text_white);}
.wt_choice > div:not(:first-child) > a > div > div > div > div:first-child{margin-bottom: 2px; font-size: 11px;}
.wt_choice > div:not(:first-child) > a > div > div > div > div:last-child{font-size: 17px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/**COMIC**/
.wt_info{padding: 30px;}
.wt_info > div:first-child{padding-bottom: 15px;}
.wt_info > div:nth-child(2){display: inline-block; width: 100%;}
.wt_info > div:nth-child(2) > a > div{float: left; padding: 7.5px 10px; background: var(--bg_silvercalm); font-size: 15px; margin-right: 15px; border-radius: 50px; margin-bottom: 15px; color: var(--text_black);}
.wt_info > div:nth-child(2) > a:first-child > div{background: var(--bg_blue); color: var(--text_white);}

.wt_tablecontent{min-height: 300px;}
.wt_tablecontent > a > div{padding: 15px 25px; color: var(--text_black); display: grid; grid-template-columns: 70px 1fr 20px; grid-gap: 15px; align-items: center;}
.wt_tablecontent > a > div.active{background: #f9f9f9;}
.wt_tablecontent > a > div.waiting{opacity: 0.3;}
.wt_tablecontent > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.wt_tablecontent > a > div > div{width: 100%;}
.wt_tablecontent .wtCover > div{height: 70px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden; border-radius: 5px;}
.wt_tablecontent .wtContent > div:first-child{color: var(--text_blue);}
.wt_tablecontent .wtContent > div:nth-child(2){font-size: 17px; margin-top: 3px; font-weight: bold;}
.wt_tablecontent .wtIcon > div{width: 20px; height: 20px; float: right;}

.wt_bab{}
.wt_bab > div:first-child{padding: 20px 0px 10px 0px; font-size: 20px; font-family: 'bold'; text-align: center; border-bottom: 1px solid var(--bg_line);}
.wt_bab > div:last-child{padding-bottom: 25px;}
.wt_bab > div:last-child > a > div{padding: 10px 20px 12px 20px; border-bottom: 1px solid var(--bg_line);}
.wt_bab > div:last-child > a > div.active{background: var(--bg_silvercalm);}
.wt_bab > div:last-child > a > div > div{display: table; width: 100%; table-layout: fixed;}
.wt_bab > div:last-child > a > div > div > div{display: table-cell; vertical-align: middle;}
.wt_bab > div:last-child > a > div > div > div:first-child{width: 40px; text-align: center;}
.wt_bab > div:last-child > a > div > div > div:first-child > div{height: 40px; background-color: var(--bg_silver); border-radius: 5px; position: relative;}
.wt_bab > div:last-child > a > div.waiting > div > div:first-child > div:before{content: ''; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.50); width: 100%; height: 100%; position: absolute;}
.wt_bab > div:last-child > a > div.waiting > div > div:first-child > div > div{width: 20px; height: 20px; top: 9px; position: relative; z-index: 1;}
.wt_bab > div:last-child > a > div > div > div:nth-child(2){padding-left: 10px;}
.wt_bab > div:last-child > a > div > div > div:nth-child(2) > div:first-child{color: var(--text_blue); font-size: 11px;}
.wt_bab > div:last-child > a > div > div > div:nth-child(2) > div:last-child{margin-top: 3px; font-size: 15px; font-weight: bold; color: var(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/**GENRE**/

/**READ**/
.wt_tool_canvas{height: 50px;}
.wt_tool{height: 50px; background: var(--bg_white); left: 0px; position: fixed; width: 100%; top: 0px; z-index: 57; box-shadow: 0px 0px 5px #c1c1c1;}
.wt_tool.wb_hide{height: 0px; overflow: hidden;}
.wt_tool > div{display: table; table-layout: fixed; width: 100%;}
.wt_tool > div > div{display: table-cell; height: 50px; vertical-align: middle;}
.wt_tool > div > div:nth-child(2){padding: 0px 15px;}
.wt_tool > div > div:nth-child(2) > div:first-child{font-size: 15px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_tool > div > div:nth-child(2) > div:last-child{font-size: 12px; color: var(--text_silver); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_tool > div > div:not(:nth-child(2)){width: 50px; cursor: pointer;}
.wt_tool > div > div:not(:nth-child(2)) > div{width: 20px; height: 20px;}

.wt_backtotop{position: fixed; bottom: 75px; right: 25px; width: 30px; cursor: pointer; z-index: 50; height: 30px; background: rgba(255, 255, 255, 0.50); border-radius: 50%;}
.wt_backtotop > div{width: 15px; height: 15px; margin-top: 7px;}

.wt_bottombar_canvas{height: 50px;}
.wt_bottombar{height: 50px; width: 100%; position: fixed; transition:all 0.2s ease; bottom: 0px; left: 0px; background: var(--bg_white); box-shadow: 0px 0px 5px #c1c1c1; z-index: 50;}
.wt_bottombar.wb_hide{height: 0px; overflow: hidden;}
.wt_bottombar > div{display: table; width: 100%; table-layout: fixed; height: 50px;}
.wt_bottombar > div > div{display: table-cell; vertical-align: middle; text-align: center;}
.wt_bottombar > div > div:first-child{width: 50px;}
.wt_bottombar > div > div:first-child > div{width: 15px; height: 15px;}
.wt_bottombar > div > div:nth-child(2){font-weight: bold; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_bottombar > div > div:nth-child(3){width: 35px;}
.wt_bottombar > div > div:nth-child(3) > div{width: 20px; height: 20px;}
.wt_bottombar > div > div:nth-child(4){font-weight: bold; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_bottombar > div > div:last-child{width: 50px;}
.wt_bottombar > div > div:last-child > div{width: 15px; height: 15px;}

.wt_read{padding: 20px 0px; min-height: 300px; max-width: 800px; position: relative;}
.wt_read:before{content: ''; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.wt_read img{width: 100%; height: auto; display: block;}

.wt_login{padding: 50px 25px 90px 25px;}
.wt_login > div:first-child{font-size: 25px; font-family: 'bold';}
.wt_login > div:nth-child(2){margin-top: 15px; color: var(--text_silver);}

.wt_comment{padding: 0px 20px;}
.wt_comment > div{padding: 7.5px 0px;}
.wt_comment .wc_content{display: table; table-layout: fixed; width: 100%;}
.wt_comment .wc_content > div{display: table-cell; vertical-align: top;}
.wt_comment .wc_content > div:first-child{width: 40px;}
.wt_comment .wc_content > div:first-child > a > div{height: 40px; border-radius: 40px; background-color: var(--bg_silvercalm);}
.wt_comment .wc_content > div:last-child{padding: 0px 0px 15px 15px; min-height: 60px; border-bottom: 1px solid var(--bg_line);}
.wt_comment .wc_content > div:last-child > div:first-child{font-family: 'bold';}
.wt_comment .wc_content > div:last-child > div:first-child > a{color: var(--text_black);}
.wt_comment .wc_content > div:last-child > div:nth-child(2){margin-top: 5px; font-size: 15px;}
.wt_comment .wc_content > div:last-child > div:nth-child(3){margin-top: 15px; display: inline-block; width: 100%;}
.wt_comment .wc_content > div:last-child > div:nth-child(3) > div{display: table; float: left;}
.wt_comment .wc_content > div:last-child > div:nth-child(3) > div > div{display: table-cell; cursor: 'pointer'; font-family: 'bold'; vertical-align: middle; padding-right: 10px;}
.wt_comment .wc_content > div:last-child > div:nth-child(3) > div > div > div{float: left; width: 15px; height: 15px;}
.wt_comment .wc_content > div:last-child > div:nth-child(3) > div > div > span{float: right; margin-left: 5px;}