body.on{overflow:hidden;height:100%}
.ctrl_bar{position:fixed;-webkit-backface-visibility: hidden;left:0;width:100%}
.ctrl_top{height:100px; top:0; z-index:4; background:url(../images/bg_gra_top_r.png) repeat-x top left; background-size:auto 100%;}
.ctrl_top_btn{width:100%; height:60px; border-bottom:0px solid rgba(255,255,255,0.1);}
a.ctrl_btn2{display:block; width:50px; height:50px; text-align:center; font-size:11px; color:#fff; float:left; margin-top:5px;}
a.ctrl_btn2 span.icon{display:block; width:50px; height:25px; background-repeat:no-repeat; background-position:center top; background-size:25px;}
a.ctrl_btn2 span.icon.back{background-image:url(../images/icon_back.png);}
a.ctrl_btn2 span.icon.home{background-image:url(../images/icon_home.png);}
a.ctrl_btn2 span.icon.like_star_on{background-image:url(../images/icon_heart_on.png);}
a.ctrl_btn2 span.icon.like_star{background-image:url(../images/icon_heart.png);}
a.ctrl_btn2 span.icon.starpoint2{background-image:url(../images/icon_star.png);}
a.ctrl_btn2 span.icon.movelist{background-image:url(../images/icon_list.png);}
a.ctrl_btn2 span.icon.go_top{background-image:url(../images/icon_top.png);}
a.ctrl_btn2 span.icon.view_prev{background-image:url(../images/icon_prev.png);}
a.ctrl_btn2 span.icon.view_next{background-image:url(../images/icon_next.png);}
a.ctrl_btn2 span.icon.view_comic{background-image:url(/assets/img/mobile/viewer/icon_comicview.png);}
a.ctrl_btn2 span.icon.view_webtoon{background-image:url(/assets/img/mobile/viewer/icon_webtoonview.png);}
a.ctrl_btn2.left{float:left;}
a.ctrl_btn2.right{float:right;}
.ctrl_top p.episode_title{color:#fd4243; height:60px; line-height:60px; font-size:15px; margin-left:10px; font-weight:bold; float:left; width:50%; width:calc(100% - 175px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ctrl_top p.episode_title_comic{color:#fd4243; height:60px; line-height:60px; font-size:15px; margin-left:10px; font-weight:bold; float:left; width:34%; width:calc(100% - 240px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.episode_list_overlay{position:fixed;-webkit-backface-visibility: hidden;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2;display:none;}
.episode_list_cont{overflow:hidden; overflow-y:auto; position:fixed; -webkit-backface-visibility:hidden; right:-180px; height:100%; width:180px; z-index:3; background:#333; -webkit-overflow-scrolling:touch; -webkit-transform:translateZ(0px); -webkit-transform:translate3d(0,0,0); box-shadow:0 0 4px 0 rgba(0,0,0,.5);}

.episode_list_cont ul.episode_list>li{
	width: 94%;
    margin: 5px 3%;
    height: 48px;
    position: relative;
    border: 1px dotted #ddd;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}
.episode_list_cont ul.episode_list>li:first-child,.episode_list_cont ul.episode_list>li:last-child{height:48px}
.episode_list_cont ul.episode_list>li .moshi{
	font-size: 12px;
}
.episode_list_cont ul.episode_list>li.on {background-color:rgba(256,60,60,.66);color: #fff;}

.chapter-title{
	width: 100%;
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #333;
	text-align: center;
	line-height: 42px;
}
.ctrl_bottom{bottom:0;background-color:rgba(66,66,66,.97);z-index:4}
.menu_overlay{position:fixed; left:0; background:rgba(0,0,0,0.8); z-index:2; height:100%; width:100%; top:0; display:none; }
.menu_blur{-webkit-filter:blur(7px); transition:all 0.3s ease-out;}

.mobile_guide{-webkit-backface-visibility: hidden;left:0;width:100%; display:none;}
.mobile_guide .guide_overlay{position:fixed; left:0; background:rgba(0,0,0,0.8); z-index:12; height:100%; width:100%; top:0;}
.mobile_guide .mobile_guide_top{width:100%; position:fixed; top:0px; z-index:14;}
.mobile_guide .mobile_guide_bottom{width:100%; position:fixed; bottom:0px; z-index:14;}
.mobile_guide .mobile_guide_close{width:100%; margin-top:200px; position:fixed; z-index:14;}
.mobile_guide .mobile_guide_close img{margin:0 auto; display:block;}

.star_point_window2{width:100%; height:24px; position:absolute; bottom:115px; left:0; text-align:center;}
.star_point_window2 .starbox{display:inline-block; *display:inline-block;}
.star_point_window2 button.btn_starpoint{background:transparent; border:1px solid #fff; color:rgba(255,255,255,0.8); font-weight:bold; font-size:11px;  border-radius:3px; height:24px; line-height:24px; padding:0 5px; float:left; margin:0 3px;}
.star_point_window2 .i_star_point{float:left; margin:0 5px;}
.star_point_window2 button.btn_starpoint.minus{width:24px; background:url(../images/icon_minus.png) no-repeat center center; background-size:50%;}
.star_point_window2 button.btn_starpoint.plus{width:24px; background:url(../images/icon_plus.png) no-repeat center center; background-size:50%;}
.ctrl_bottom ul.ctrl_btn{width:100%;height:48px;list-style-type:none}
.ctrl_bottom ul.ctrl_btn>li{width:20%;height:100%;float:left}
.ctrl_bottom ul.ctrl_btn>li a{width:100%;display:block;height:100%;line-height:40px;text-align:center;color:#ddd;letter-spacing:0;font-size:24px;position:relative}
.ctrl_bottom ul.ctrl_btn>li a.on{color:#ff2851}
.ctrl_bottom ul.ctrl_btn>li a>span.webtoonview{display:block; width:20px; height:20px; top:5px; left:50%; margin-left:-11px; background:url(/assets/img/mobile/icon_webtoonview.png) no-repeat; background-size:100%;}
.ctrl_bottom ul.ctrl_btn>li a>span.comicview{display:block; width:20px; height:20px; top:5px; left:50%; margin-left:-10px; background:url(/assets/img/mobile/icon_comicview.png) no-repeat; background-size:100%;}
.view .content_img{padding-top:0;-webkit-overflow-scrolling:touch}
.comic_bnr{width:100%;margin:0 auto;position:relative;overflow:hidden;display:block}
.comic_bnr .btn_area{position:absolute;right:0}
.recommand_comics{display:none;}
.title{width:100%;line-height:35px;text-indent:10px;font-weight:700;border-bottom:none;background-color:transparent;color:#eee}
.today_up{width:100%;padding:0;padding-bottom:8px;text-align:center;background-color:transparent}
.today_thumb{width:100%;height:90px;margin:0 auto;position:relative;overflow:hidden}
.today_up ul.today_list{list-style:none;width:100%;padding:0;height:100%;position:relative}
.today_up ul.today_list>li{width:50%;float:left;height:90px}
.today_up ul.today_list>li>a{display:inline-block;width:100%;height:100%;font-size:11px;position:relative}
.today_up ul.today_list>li>a>span{display:inline-block;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%}
.today_up ul.today_list>li>a>div{position:absolute;bottom:0;left:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);width:100%;height:100%}
.today_up ul.today_list>li>a>div>span{color:#fff;position:absolute;bottom:4px;left:0;text-indent:8px}


.ctrl_center{position:fixed; width:100%; height:135px; bottom:0; z-index:4; display:none; background:url(../images/bg_gra_bottom.png) repeat-x left bottom; background-size:auto 100%;}
.ctrl_center .btn_ep_control{width:100%; height:60px; position:absolute; bottom:10px; left:0;}
.ctrl_center .btn_ep_control .center_center_btn{width:180px; position:absolute; top:0; left:50%; margin-left:-90px; text-align:center;}
.ctrl_center .btn_ep_control .center_center_btn a.ctrl_btn2{float:none; display:inline-block;}
.ctrl_center span.bar_left{display:block; width:2px; height:40px; background:rgba(255,255,255,0.1); float:left; margin:5px 0 0 5px;}
.ctrl_center span.bar_right{display:block; width:2px; height:40px; background:rgba(255,255,255,0.1); float:right; margin:5px 5px 0 0;}

.comic_page_ctrl{width:100%; height:20px; position:absolute; bottom:80px;}
.ctrl_center .scroll_section{height:17px; margin-right:10px; position:relative; float:right; width:calc(100% - 100px);}
.ctrl_center .scroll_section .sec_bg{width:100%; height:5px; position:relative; top:6px; left:0; z-index:1; border-radius:10px; background:rgba(0,0,0,0.5); overflow:hidden;}
.ctrl_center .scroll_section .sec_bg_over{width:0;height:10px;position:absolute;top:0;left:0;z-index:2;background-color:#fd4243}
.ctrl_center .scroll_section a.scroll_btn{display:block; position:absolute; top:1px; z-index:39; width:25px; height:14px; background:url(/assets/img/mobile/viewer/icon_scroll_bar.png) no-repeat center center transparent; background-size:25px;}
.ctrl_center .page_nav{font-size:11px; color:#fff; text-align:left; width:90px; padding-left:10px; float:left;}
.view_area .view .alert_d {width:133px; height:133px; background-image:url(/assets/img/mobile/viewer/viewer_arrow_down.png);position:absolute; top:50%; left:50%; margin:-66px 0 0 -66px; z-index:1;}
/*.view_area .view .alert_d:before{content: "";width: 133px;height: 133px;background-image: url(/assets/img/mobile/image.png);background-position: -312px -133px;position: fixed;top: 50%;left: 50%;margin: -66px 0 0 -66px;z-index: 1;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}*/

/*별점*/
.star_point_window2 .i_star_point {background-image:url(../images/starpoint_x2.png); background-size:105px 220px;}
.star_point_window2 .i_star_point[data-val='0'] {width:105px; height:20px; background-position: -0px -0px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='1'] {width:105px; height:20px; background-position: -0px -20px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='2'] {width:105px; height:20px; background-position: -0px -40px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='3'] {width:105px; height:20px; background-position: -0px -60px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='4'] {width:105px; height:20px; background-position: -0px -80px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='5'] {width:105px; height:20px; background-position: -0px -100px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='6'] {width:105px; height:20px; background-position: -0px -120px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='7'] {width:105px; height:20px; background-position: -0px -140px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='8'] {width:105px; height:20px; background-position: -0px -160px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='9'] {width:105px; height:20px; background-position: -0px -180px; display:inline-block;}
.star_point_window2 .i_star_point[data-val='10'] {width:105px; height:20px; background-position: -0px -200px; display:inline-block;}

.window_blur {height:100%; display:none;}


.episode_list .episode_tr .blur {
	position:absolute;
	width:112px;
	height:100%;
	left:0;
	top:0;
	margin:0 8px 4px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.99) 35%, rgba(255,255,255,0.8) 100%);/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.99) 35%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.99) 35%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a.opinion_link {width: 34%; margin:0 0 0 3%; float:left; }
a.opinion_link span.link_b {font-weight: 800; display:block;}

.opinion_box {width:100%; display:none; position:absolute; bottom: -100px; background-color:#fff; padding:15px 15px; z-index:999; left: 0;}
.opinion_box .close_btn {width: 40px; height: 40px; background: #fd4243; display:block; position:absolute; top:0px; right:0px; cursor:pointer;}

.icon_layer_close_x_w {width: 17px; height: 28px; background-position: -90px 11px;}
.opinion_box p {letter-spacing:-1px; color: #333; text-align: left; text-indent: 3px; font-size:15px; font-weight:bold; margin-bottom:11px;}
.opinion_box textarea.cinput_box {padding: 15px; border-radius: 3px; border: 1px #D8D8D8 solid; background: #FAFAFA; height:140px; font-size:12px; width:100%}
.opinion_box button.btn_qna_write {background-color: #fd4243; width:100%; border-radius: 5px; font-weight:800; font-size:15px; height: 44px; line-height: 44px; }
.pop_bg {background-color:rgba(0, 0, 0, 0.8); width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:1;}