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

.wt_genre_sticky{position: sticky; top: 70px;}

.wt_square{display: inline-block; width: 100%;}
.wt_square > a > div{width: 180px; height: 180px; float: left; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.wt_square > a:not(:last-child) > div{margin-right: 15px;}
.wt_square > a > div:hover > div{opacity: 1;}
.wt_square > a > div > div{opacity: 0; width: 100%; position: absolute; left: 0px; bottom: 0px; background-image: linear-gradient(to bottom, transparent, var(--bg_black));}
.wt_square > a > div > div > div{padding: 35px 15px 20px 15px; color: var(--text_white); font-size: 17px; color: var(--text_white);}

.wt_list{}
.wt_list > a > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.wt_list > a > div{padding: 15px 0px; display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px; align-items: center;}
.wt_list > a > div > div{width: 100%;}
.wt_list > a > div > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.wt_list > a > div > div:nth-child(2) > div:first-child{font-size: 15px; font-family: 'bold'; color: vaR(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_list > a > div > div:nth-child(2) > div:nth-child(2){margin-top: 3px; color: var(--text_silver);}

.wt_li{display: inline-block;}
.wt_li > a > div{float: left; width: 255px; height: 150px; margin-right: 15px; margin-bottom: 15px; background-color: var(--bg_white); position: relative;}
.wt_li > a:nth-child(3n+3) > div{margin-right: 0px;}
.wt_li > a > div > div:first-child{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1;}
.wt_li > a > div > div:first-child > div{padding: 0px 20px 20px 20px;}
.wt_li > a > div > div:first-child > div > div:first-child{font-size: 17px; font-family: 'bold'; color: var(--text_black);}
.wt_li > a > div > div:first-child > div > div:last-child{color: var(--text_silver);}
.wt_li > a > div > div:last-child{position: absolute; overflow: hidden; top: 0px; right: 0px; width: 70%; height: 100%; background: red;}
.wt_li > a > div > div:last-child:before{content: ''; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to left, transparent -60%, var(--bg_white));}
.wt_li > a > div:hover > div:last-child{width: 100%;}

.wt_schedule{display: inline-block; width: 100%; border-top: 2px solid var(--bg_blue); margin-bottom: 100px;}
.wt_schedule > div{float: left; width: 130px;}
.wt_schedule > div:not(:last-child){margin-right: 15px;}
.wt_schedule > div.active{box-shadow: 0px 0px 0px 5px var(--bg_blue); background: var(--bg_blue);}
.wt_schedule > div.active > div:first-child{font-family: 'bold'; color: var(--text_white);}
.wt_schedule > div > div:first-child{padding: 20px 0px 10px 0px; text-align: center; font-size: 17px; margin-bottom: 15px;}
.wt_schedule > div > div:last-child > a > div{width: 130px; height: 130px; background-color: var(--bg_white); position: relative; overflow: hidden;}
.wt_schedule > div > div:last-child > a:not(:last-child) > div{margin-bottom: 15px;}
.wt_schedule > div > div:last-child > a > div > div{position: absolute; width: 100%; background-image: linear-gradient(to top, var(--bg_black), transparent); bottom: 0px; left: 0px;}
.wt_schedule > div > div:last-child > a > div > div > div{padding: 25px 15px 15px 15px; color: var(--text_white);}
.wt_schedule > div > div:last-child > a > div:hover > div > div{padding: 100% 15px 15px 15px;}

.wt_path{margin-bottom: 15px;}
.wt_path > div:first-child{height: 50px; position: relative;}
.wt_path > div:first-child > div{position: absolute; top: 12px; left: 20px; font-family: 'bold';}
.wt_path > div:last-child{list-style-type: none; overflow: hidden;}
.wt_path > div:last-child > li{background-color: var(--bg_silvercalm); border-radius: 5px; width: 188px; height: 188px; float: left; display: inline-block; margin: 0px 7.5px; position: relative;}
.wt_path > div:last-child > li:first-child{margin-left: 0px;}
.wt_path > div:last-child > li:last-child{margin-right: 0px;}
.wt_path > div:last-child > li > div:first-child{position: absolute; width: 100%; bottom: 0px; left: 0px; overflow: hiden; background-image: linear-gradient(to top, var(--bg_black), transparent);}
.wt_path > div:last-child > li > div:first-child > div{padding: 40px 15px 20px 15px; color: var(--text_white); font-family: 'bold';}
.wt_path > div:last-child > li > div:last-child{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.50); opacity: 0;}
.wt_path > div:last-child > li > div:last-child > div{padding: 10px; color: var(--text_white);}
.wt_path > div:last-child > li:hover > div:first-child{display: none;}
.wt_path > div:last-child > li:hover > div:last-child{opacity: 1;}

.wt_genre_index{height: 200px; margin-bottom: 15px; position: relative;}
.wt_genre_index > div:first-child{width: 400px; height: 200px; float: left;}
.wt_genre_index > div:first-child > div:first-child{border-left: 200px solid #5e93c1; border-top: 200px solid transparent; float: right;}
.wt_genre_index > div:first-child > div:last-child{width: 200px; height: 200px; float: left; background: var(--bg_blue); position: relative;}
.wt_genre_index > div:first-child > div:last-child > div{font-size: 30px; font-family: 'bold'; position: absolute; left: 30px; bottom: 30px; color: var(--text_white);}
.wt_genre_index > div:last-child{width: 750px; height: 140px; right: 0px; top: 30px; position: absolute;}
.wt_genre_index > div:last-child > div{width: 240px; height: 140px; background-color: var(--bg_silver); border-radius: 5px; overflow: hidden; margin: 0px 5.5px; display: inline-block; position: relative;}
.wt_genre_index > div:last-child > div:first-child{margin-left: 0px;}
.wt_genre_index > div:last-child > div:last-child{margin-right: 0px;}
.wt_genre_index .wg_info{width: 70%; height: 140px; background: rgba(0, 0, 0, 0.50); position: absolute; right: 0px; top: 0px;}
.wt_genre_index .wg_info> div{padding: 15px; color: var(--text_white);}

/**GENRE**/
.wt_gl{display: table; width: 100%; table-layout: fixed; margin-bottom: 15px;}
.wt_gl > div{display: table-cell; vertical-align: top;}
.wt_gl > div:first-child{width: 189px;}
.wt_gl > div:last-child{padding-left: 15px;}

/**COMIC**/
.wt_body{display: table; table-layout: fixed;}
.wt_body > div{display: table-cell; vertical-align: top;}
.wt_body > div:nth-child(2){padding-left: 15px; width: 400px;}

.wt_info{background: var(--bg_silvercalm); border-radius: 5px; overflow: hidden;}
.wt_info > div{display: table; width: 100%; table-layout: fixed;}
.wt_info > div > div{display: table-cell; vertical-align: middle; text-align: center; padding: 15px;}
.wt_info .wi_icon.wi_buy{background: #e8e8e8; box-shadow: inset 0px 0px 0px 2px var(--bg_blue); border-radius: 5px 0px 0px 5px; cursor: pointer;}
.wt_info .wi_icon > div:first-child{width: 20px; height: 20px;}
.wt_info .wi_icon > div:last-child{margin-top: 10px; color: var(--text_silver);}
.wt_info .wi_text > div:first-child{color: var(--text_silver);}
.wt_info .wi_text > div:last-child{margin-top: 5px; font-size: 20px; font-family: 'bold';}

.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 25px 12px 25px; 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: 50px; text-align: center;}
.wt_bab > div:last-child > a > div > div > div:first-child > div{height: 50px; 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: 14px; position: relative; z-index: 1;}
.wt_bab > div:last-child > a > div > div > div:nth-child(2){padding-left: 17px;}
.wt_bab > div:last-child > a > div > div > div:nth-child(2) > div:first-child{color: var(--text_blue);}
.wt_bab > div:last-child > a > div > div > div:nth-child(2) > div:last-child{margin-top: 5px; font-size: 15px; font-weight: bold; color: var(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/**GENRE**/
.wg_head{height: 250px; position: relative; background: var(--bg_white);}
.wg_head > div:first-child{width: 200px; height: 200px; position: absolute; left: 0px; bottom: 0px;}
.wg_head > div:last-child{display: table; table-layout: fixed; width: 550px; float: right; height: 230px;}
.wg_head > div:last-child > div{display: table-cell; vertical-align: middle; text-align: right; padding-right: 100px;}
.wg_head > div:last-child > div > h1{font-size: 50px; letter-spacing: 15px;}
.wg_head > div:last-child > div > div{margin-top: 10px; margin-right: 17px;}

/**READ**/
.wt_tool_canvas{height: 55px;}
.wt_tool{width: 100%; min-width: 1110px; height: 55px; background: var(--bg_white); position: fixed; top: 0px; left: 0px; z-index: 57; box-shadow: 0px 0px 5px #c1c1c1;}
.wt_tool > div{height: 55px;}
.wt_tool > a:first-child > div{width: 55px; float: left; position: relative; z-index: 1; cursor: pointer; margin-right: 15px;}
.wt_tool > a:first-child > div > div{width: 25px; height: 25px; margin-top: 13px;}
.wt_tool > div:nth-child(2){width: 330px; float: left;}
.wt_tool > div:nth-child(2) > div{display: table; height: 53px; float: left;}
.wt_tool > div:nth-child(2) > div > div{display: table-cell; vertical-align: middle; font-size: 17px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wt_tool > div:nth-child(2) > div > div:not(:nth-child(2)){max-width: 155px;}
.wt_tool > div:nth-child(2) > div > div:not(:first-child){color: var(--text_silver);}
.wt_tool > div:nth-child(2) > div > div:nth-child(2){padding: 0px 5px; text-align: center;}
.wt_tool > div:nth-child(3){position: absolute; width: 100%; height: 0px; top: 0px; left: 0px;}
.wt_tool > div:nth-child(3) > div{width: 200px; height: 55px;}
.wt_tool > div:nth-child(3) > div > div{display: table; height: 55px; table-layout: fixed; width: 100%;}
.wt_tool > div:nth-child(3) > div > div > div{display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 3px;}
.wt_tool > div:nth-child(3) > div > div > div:nth-child(2){font-family: 'bold';}
.wt_tool > div:nth-child(3) > div > div > div:not(:nth-child(2)){width: 15%;}
.wt_tool > div:nth-child(3) > div > div > div:not(:nth-child(2)) > div{width: 15px; height: 15px;}
.wt_tool > div:nth-child(4){float: right; margin-right: 15px;}
.wt_tool > div:nth-child(4) > div{width: 55px; height: 55px; float: left;}
.wt_tool > div:nth-child(4) > div > div{width: 20px; height: 20px; margin-top: 15px;}

.wt_cover_zoom{background-size: cover; padding-bottom: 100%;}

.wt_read{padding: 20px 0px; min-height: 300px; max-width: 700px;}
.wt_read img{width: 100%; display: block;}

.wt_login{width: 500px; padding: 90px 0px 110px 0px;}
.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_suggest{border-top: 1px solid var(--bg_line); margin-top: 15px; padding-top: 15px}
.wt_suggest > div:not(:last-child){margin-bottom: 20px;}

.wt_comment_body{display: table; width: 100%; table-layout: fixed;}
.wt_comment_body > div{display: table-cell; vertical-align: top;}
.wt_comment_body > div:first-child{width: 600px;}
.wt_comment_body > div:last-child{padding-left: 25px;}
.wt_comment_body > div:last-child > div{position: sticky; top: 65px;}
.wt_comment_box{margin-bottom: 25px;}
.wt_comment_box > div:first-child{padding: 13px 0px; font-size: 25px; font-family: 'bold';}
.wt_comment_box > div:last-child{margin-top: 10px;}