@charset "utf-8";

article, aside, figure, footer, header, hgroup, menu, nav, section{display:block;}
html, body, iframe, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; border:0px; font:inherit; vertical-align:baseline; font-weight:normal; font-family:sans-serif; font-size:14px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:antialiased; font-smooth:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:subpixel-antialiased !important; font-smoothing:subpixel-antialiased !important; font-smooth:subpixel-antialiased; color:#666; line-height:1.3em;}
body{
  font-family:Noto Sans TC, sans-serif;
  -webkit-touch-callout:none;
  -webkit-touch-select:none;
  -ms-user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -user-select:none;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -ms-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, button, textarea, select{font-family:Noto Sans TC, sans-serif; font-size:14px; outline:none;}
ul{margin:0px; padding:0px; list-style:none;}
li, p{margin:0px; padding:0px;list-style:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
img{border:0 none; max-width:100%; display: block;}
fieldset{border:0; padding:0; margin:0; outline:none;}
/*input, textarea, select{outline:none !important; -webkit-appearance:none; border:none;}*/
input, textarea, select{outline:none !important; border:none;}
hr{border:0; height:0; border-top:1px solid #ddd; margin:0;}
a{text-decoration:none; color:#666;}
a:focus{outline:none !important;}
button{outline:none !important; border:none; padding:0; margin:0;}
*, *:before, *:after{box-sizing:border-box;}
/*TABLE*/
caption{visibility:hidden; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
table{width:100%; border-top:thick dotted #f56c6c; border-collapse:collapse; border-spacing:0; padding:0;}
table th{background:#f6f6f6; color:#333; font-weight:bold;}
table th, td{height:40px;}
/*table td{background:#fff;}*/
td.align_c{text-align:center;}

.tc_orange {color:#e63740;}
.tc_gray {color:#666666;}
.tw_bold {font-weight:bold;}
.ts_12 {font-size:12px;}
.ts_11 {font-size:11px;}

/*COMMON*/
.no-more::before{
  clear: both;
}
.no-more{
  width: 100%;
  line-height: 52px;
  text-align: center;
  font-size: 12px;
}
 
.clear {clear:both;}
.clearfix:before, .clearfix:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.clearfix{zoom:1;}
.blind{display:none;}
h2.section_title{font-weight:bold; font-size:16px; color:#333; letter-spacing:0px; height:40px; line-height:40px; text-indent:15px;}
h2.section_title span.sub_txt{font-size:12px; color:#999; margin-left:10px;}
h2.sub_title{font-weight:bold; font-size:16px; color:#333; letter-spacing:0px; height:40px; line-height:40px; position:relative;}
h2.sub_title span.icon{float:left; margin:8px 5px 0 0; }
h2.sub_title span.arrow{display:inline-block; margin-left:8px; height:16px; vertical-align:middle;}
.max_blind{display:none;}
@media (max-width:320px){
.min_blind{display:none;}
}
@media all and (min-width:640px){
.max_blind{display:block;}
}
/*BUTTON*/
.btn_moreview{width:65%; height:40px; line-height:40px; background:#f6f6f6; color:#333; border:1px solid #ddd; text-align:center; display:block; margin:10px auto; font-weight:bold; border-radius:5px;}
/*FONT*/
.t_point{color:#e63740;}
.t_black{color:#828282;}
.s_point{color:#000000;}
/*TEXT-ICON*/
.txicon{text-align:center; display:block; float:left; color:#fff; padding:1px 7px; font-size:11px; font-weight:bold;}
.txicon.darkgray{background:#333;}
.txicon.red{background:#e63740;}
.ciricon{display:inline-block; width:18px; height:18px; line-height:20px; border-radius:50%; text-align:center; margin-left:3px;}
.ciricon.new{color:#fff; background:#e63740; font-size:10px; font-weight:bold;}
.ciricon.adult19{color:#fff; background:rgba(0,0,0,0.5); font-size:10px; font-weight:bold; position:absolute; bottom:5px; right:5px;}
.roundcon_s{display:block; width:24px; height:18px; background-color:#e63740; text-align:center; border-radius:20px; float:left;  margin-right:5px;}
.radiuscon{display:inline-block; height:15px; line-height:15px; padding:1px 5px 0; font-size:11px; border-radius:3px; margin-left:3px; margin-top:-1px; vertical-align:middle;}
.radiuscon.update{background:#e63740; color:#fff;}

/*ON-OFF SWITCH*/
.btn_switch{width:55px; height:22px; position:absolute; top:7px; right:10px; font-size:11px; background-color:#fff;}
.hide {display: none !important;}

/*ON-OFF SWITCH2*/
.btn_switch_top{width:55px; height:22px; position:absolute; top:10px; left:10px; font-size:11px; background-color:#fff;    
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;}


/*MAIN-BANNER*/
.main_bnr_wrap{
	width:100%;
    position: relative;
    overflow: hidden;
    height: 250px;
    top: 80px;
}

.main_bnr_wrap>ul{
    width: 100%;
    height: 100%;
    position: absolute;
}

.main_bnr{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    overflow: hidden;
}
.bg_gradient_box {position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:1;}
.main_bnr .bg_gradient:after{content:''; width:100%; height:150px; position:absolute; bottom:0; left:0; z-index:0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);}
.main_bnr .main_bnr_info{position:absolute; bottom:25px; left:15px; color:#fff; z-index:1; width:55%;}
.main_bnr .main_bnr_info.sub_type{bottom:20px;}
.main_bnr .main_bnr_info p.rank_info{margin-bottom:5px;}
.main_bnr .main_bnr_info span.rank_1st{display:block; float:left; color:#e63740; font-weight:bold; font-size:28px; margin:-2px 5px 0 0;}
.main_bnr .main_bnr_info p.bnr_title{clear:both; font-size:28px; line-height:28px; margin:34px 0 3px; font-weight:bold; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_bnr .main_bnr_info p.bnr_synopsis{width:100%; line-height:18px; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bold;}
.main_bnr_wrap .dot_area{width:100%; height:10px; margin:auto; position:absolute; bottom:15px; text-align:center; z-index:3;}
.main_bnr_wrap .dot_area li, .main_bnr_wrap .dot_area li a{display:inline-block;}
.main_bnr_wrap .dot_area li a{width:10px; height:10px; margin:0 3px; background:#fff; border-radius:50%; opacity:0.5;}
.main_bnr_wrap .dot_area li.active a{opacity:1;}
@media all and (min-width:640px){
.main_bnr_wrap .dot_area{width:100%; height:10px; margin:auto; position:absolute; bottom:35px; text-align:center; z-index:3;}
.main_bnr_wrap .main_bnr_info{position:absolute; bottom:80px; left:15px; color:#fff; z-index:2;}
.main_bnr_wrap .main_bnr_info p.bnr_title{clear:both; font-size:42px; margin:35px 0 30px; font-weight:bold;}
.main_bnr_wrap .main_bnr_info p.bnr_synopsis{font-size:18px; line-height:24px; height:48px;}
}
@media (max-width:320px){
.main_bnr_wrap .main_bnr_info{position:absolute; bottom:20px; left:15px; color:#fff; z-index:2;}
.main_bnr_wrap .main_bnr_info p.rank_info{margin-bottom:5px;}
.main_bnr_wrap .main_bnr_info span.rank_1st{display:block; float:left; color:#e63740; font-weight:bold; font-size:20px; margin:-2px 5px 0 0;}
.main_bnr_wrap .main_bnr_info p.bnr_title{clear:both; font-size:20px; line-height:28px; margin:5px 0 0px; font-weight:bold;}
.main_bnr_wrap .main_bnr_info p.bnr_synopsis{font-size:12px; line-height:18px; height:36px;}
}

/*LAYOUT*/
.contents_wrap{width:100%; z-index:1;}
.layer_wrap{width:100%; z-index:1; position:relative; padding:20px 16px; background:#ffffff;padding-bottom: 20px;}
.layer_wrap a.layer_close{display:block; width:40px; height:40px; background:#e63740; position:absolute; top:0px; right:0px;z-index:10;}
.layer_wrap a.layer_close span{margin-top:11px;}
.list_group_rgt li:last-child{border-bottom:0;}
@media all and (min-width:640px){
.list_group_lft, .list_group_rgt{overflow:hidden; position:relative; width:49.5%; vertical-align:top;}
.list_group_lft{float:left;}
.list_group_rgt{float:right;}
.list_group_rgt li:last-child, .list_group_lft li:last-child{border-bottom:0;}
}

/*MID-MENU*/
.mid_menuFixed { position:fixed; top:0; z-index:999; background-color:#ffffff; height:80px; border-bottom:1px solid #ddd;}
.mid_menuFixed .order_menu{background:#fff;}
.mid_menuFixed .order_wrap{width:100%; height:30px; background:#fff; position:absolute; top:44px;}
.mid_menuFixed .order_select{width:34%; height:30px; line-height:32px; position:absolute; left:50%; margin-left:-17%; background:#fff; z-index:3; text-indent:-10px;}
.mid_menuFixed hr.select_line{width:100%; height:1px; background:#ddd; position:absolute; top:14px; left:0; z-index:2;}
.mid_menuFixed .order_select select{border:0; color:#e63740; font-weight:bold; background:#fff;}
.mid_menuFixed .order_select span{display:block; position:absolute; top:12px; right:10px;}

.mid_menu_freetoon,.mid_menu{width:100%; text-align:center; background: #fff;}
.mid_menu_freetoon ul,.mid_menu ul{width:100%; margin:auto; display: block; *display:inline; zoom:1; background:#fff;}
.mid_menu_freetoon ul li{float:left; height:29px;}
.mid_menu ul li{float:left; height:29px; line-height: 29px; }
.mid_menu ul.week{background-color:#E9E9E9; height:40px}
.mid_menu_freetoon ul.week li {width:11%; border-bottom:1px solid #ddd; height: 40px; line-height: 40px;}
.mid_menu ul.week li{width:11%; border-bottom:1px solid #ddd;  height: 40px; line-height: 40px;}
.mid_menu ul.week li:first-child{width:23%;}
/*.mid_menu ul.week li:last-child{}*/
.mid_menu ul.novel_week li{width:12%;}
.mid_menu ul.novel_week li:first-child, .mid_menu ul.novel_week li:last-child{width:12.5%;}

.mid_menu ul.genre_ranking, .mid_menu ul.genre{ width:100%;padding-bottom: 8px; }
.mid_menu ul.genre_ranking li, .mid_menu ul.genre li { width: 20%;}
/*.mid_menu ul.genre_ranking li:last-child, .mid_menu ul.genre li:last-child {width:20%;}*/
.mid_menu ul.genre_ranking li:last-child, .mid_menu ul.genre li:last-child {background-image:none;}
.mid_menu ul.genre_ranking li.active a,  .mid_menu ul.genre li.active a  {background: #e8ecf0; border-radius: 3px; padding: 0 3px; line-height: 22px;}

.mid_menu ul.genre_ranking, .mid_menu ul.order{ width:100%;padding-bottom: 8px; }
.mid_menu ul.genre_ranking li, .mid_menu ul.order li { width: 20%;}
/*.mid_menu ul.genre_ranking li:last-child, .mid_menu ul.genre li:last-child {width:20%;}*/
.mid_menu ul.genre_ranking li:last-child, .mid_menu ul.order li:last-child {background-image:none;}
.mid_menu ul.genre_ranking li.active a,  .mid_menu ul.order li.active a  {background: #e8ecf0; border-radius: 3px; padding: 0 3px; line-height: 22px;}


.mid_menu ul.freetoon li{width:22% !important;}
.mid_menu ul.freetoon li:first-child{width:12% !important;}
.mid_menu ul.n8 li{width:12.5%;}
.mid_menu_freetoon ul li a {display:block; text-align:center; font-weight:bold; color:#333; font-size: 12px;} 
.mid_menu ul li a{display:inline-block; text-align:center; font-weight:bold; color:#4F4F4F; font-size: 12px;} 
.mid_menu_freetoon ul li.active a, .mid_menu ul li.active a, .mid_menu ul li.today a,.mid_menu ul li.on a{color:#e63740;}
.mid_menu_freetoon ul li{width:25%;}
.week_free_bnr{border-bottom:1px solid #ddd; margin-bottom:0;}
@media (max-width:320px){
.mid_menu ul.freetoon li a{font-size:11px;}
}
.list_slider_black{white-space:nowrap; overflow:auto; overflow-x:hidden; overflow-y:hidden; -webkit-overflow-scrolling:touch;width:100%;position: relative;}
.list_slider_black.left:before{
content: "";position: absolute;top: 0;left: 0;width: 5%;height: 100%;
 
background:url(/assets/img/mobile/arrow_w_l.png) no-repeat 0 10px;
background-color:rgba(255,255,255,1);
z-index: 2;
}
.list_slider_black.right:before{
content:""; position:absolute; top:0; right:0; width:5%; height:39px;
background:url(/assets/img/mobile/arrow_w_r.png) no-repeat center 13px rgba(255,255,255,0.8);
background-size:9px 14px;
z-index:2;}
.list_slider_black.both:before{
content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;
background: -moz-linear-gradient(left,  rgba(200,200,200,0.77) 0%, rgba(200,200,200,0) 5%, rgba(200,200,200,0) 95%, rgba(200,200,200,0.77) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(200,200,200,0.77)), color-stop(5%,rgba(200,200,200,0)), color-stop(95%,rgba(200,200,200,0)), color-stop(100%,rgba(200,200,200,0.77)));
background: -webkit-linear-gradient(left,  rgba(200,200,200,0.77) 0%,rgba(200,200,200,0) 5%,rgba(200,200,200,0) 95%,rgba(200,200,200,0.77) 100%);
background: -o-linear-gradient(left,  rgba(200,200,200,0.77) 0%,rgba(200,200,200,0) 5%,rgba(200,200,200,0) 95%,rgba(200,200,200,0.77) 100%);
background: -ms-linear-gradient(left,  rgba(200,200,200,0.77) 0%,rgba(200,200,200,0) 5%,rgba(200,200,200,0) 95%,rgba(200,200,200,0.77) 100%);
background: linear-gradient(to right,  rgba(200,200,200,0.77) 0%,rgba(200,200,200,0) 5%,rgba(200,200,200,0) 95%,rgba(200,200,200,0.77) 100%);
z-index: 2;
}

.list_slider{white-space:nowrap; overflow:auto; overflow-x:hidden; overflow-y:hidden; -webkit-overflow-scrolling:touch;width:100%;position: relative;}
.slider_webtoon{height:180px;width:100%;overflow: hidden;}
.slider_webtoon_novel{height:150px; padding-top:10px;}

.list_slider.left:before{
content: "";position: absolute;top: 0; left: 0;width: 19%;height: 100%;
background: -webkit-linear-gradient(right, rgba(4, 4, 4, 0.99) 100% ,rgba(255,255,255,0) 0%);
z-index: 2;

background: -moz-linear-gradient(left,  rgba(200,200,200,0.99) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.99)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0) 100%);
z-index: 2;
}

.list_slider.right:before{
content: "";position: absolute;top: 0;right: 0;width: 19%;height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(4, 4, 4, 0.99) 100%);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.99)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
z-index: 2;
}

.recentry_left { width: 19%; height: 100%; background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(4, 4, 4, 0.98) 124%); z-index: 2; position: absolute; top:0; left:0;}
.recentry_left > img {left: 0; position: absolute; top: 42%;}
.recentry_right {width: 19%;height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(4, 4, 4, 0.98) 124%); z-index: 2; position: absolute; top:0; right:0;}
.recentry_right > img {right: 0; position: absolute; top: 42%;}
.swiper-lazy{
  width:100%;
  height: 100%;
}
.list_slider.both:before{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: 2;}
.slider_webtoon li{display:inline-block;  height:180px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;margin-right:0px;border-radius: 10px;overflow: hidden;}
.slider_webtoon li a{width:100%; height:100%; display:block;}
.slider_webtoon li .bg_gradient_box:after{content:''; width:100%; height:70px; display:block; position:absolute; bottom:0; left:0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.66)));
background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); z-index:0;}
.slider_webtoon li .list_thumb_info{position:absolute; width:100%; bottom:0; left:0; color:#fff; z-index:1;}
.slider_webtoon li .list_thumb_info p{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slider_webtoon li .list_thumb_info p.webtoon_title{font-size:16px; padding-left:5px; font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.8);}
.slider_webtoon li .list_thumb_info p.webtoon_writer{opacity: .77; padding-left:5px; padding-bottom:5px;}
.slider_webtoon_novel li{display:inline-block; width:110px; height:140px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.slider_webtoon_novel li:last-child{margin-right:0;}
.slider_webtoon_novel li a:after{content:''; width:110px; height:140px; display:block; position:absolute; bottom:0; left:0; background:url(/assets/img/common/novel_cover.png) no-repeat; background-size:110px 140px;}
.slider_webtoon_novel li a{width:100%; height:100%; display:block;}
.slider_webtoon_novel li .list_thumb_info{position:absolute; bottom:0; left:0; padding:0 5px 10px; color:#fff; z-index:1;}
.slider_webtoon{
  position: relative;
}
.fixed{
  position: fixed;
  bottom: 80px;
  right: 10px;
  width:38px;
  height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #ffffff8c;
  border-radius: 50%;
  overflow: hidden;
}
.laze{
  max-width: 100%;
  width: 100%;
}
.slider_webtoon::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 19%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(4, 4, 4, 0.99) 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.99)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);

  z-index: 2;
}
.slider_webtoon::after{
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  width: 19%;
  height: 100%;
  background-image: url(../images/zuo.gif);
  background-position: center right;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  z-index: 3;
}
.jilu_webtonn{
  height:116px;
}
.jilu_webtonn::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 19%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(4, 4, 4, 0.99) 100%);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.99)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 100%);
  z-index: 2;
}
.jilu_webtonn li{
  width:90px;
  height:116px;
  border-radius: 10px;
  overflow: hidden;
}
.jilu_webtonn li .list_thumb_info p.webtoon_title {
  font-size:12px;
}
.jilu_webtonn li .list_thumb_info p.webtoon_writer{
  font-size:12px;
}
.jilu_webtonn li .bg_gradient_box:after{
  width:100%;
}
/* .webtoon_free{margin-bottom:-5px;} */     
.webtoon_free{margin-bottom:10px;}
/*RANKING*/
.webtoon_ranking{margin-top:0px;}
.webtoon_ranking p.rank_btn{float:right; padding-right:15px; text-indent:0;}
.webtoon_ranking p.rank_btn a{display:inline-block; height:25px; line-height:25px; font-size:12px; text-indent:0; padding:0 8px;}
.webtoon_ranking p.rank_btn a:first-child{margin:0;}
.webtoon_ranking p.rank_btn a.active{background:#222; color:#fff;}
.webtoon_ranking .ranklist_box{width:70%; width:calc(100% - 90px); display:inline-block;}
.webtoon_ranking .ranklist_box:last-child{margin-right:0;}
ul.rank_list li{border-top:1px solid #ddd;}
ul.rank_list li:first-child{border:none;}
ul.rank_list li:last-child{border-bottom:1px solid #ddd;}
ul.rank_list .rank_thumb{width:55px; height:70px; background-size:cover; background-repeat:no-repeat; background-position:center center; float:left;border-radius: 10px; overflow: hidden;}
ul.rank_list .rank_info{font-weight:bold; color:#333; padding-top:15px; padding-right: 25px;}
ul.rank_list p.webtoon_ranknum{width:30px; text-align:center; float:left;}
ul.rank_list p.webtoon_writer{margin-left:85px; font-size:11px; color:#666; font-weight:normal;white-space:nowrap;
  text-overflow:ellipsis;  /* IE, Safari */
  -o-text-overflow:ellipsis;  /* Opera under 10.7 */
  overflow:hidden;   /* "overflow" value must be different from "visible" */ 
  -moz-binding: url('ellipsis.xml#ellipsis');
}
@media (max-width:320px){/*320이하*/
.webtoon_ranking p.rank_btn a{display:inline-block; height:25px; line-height:25px; font-size:11px; text-indent:0; padding:0 5px;}
}

/*WEEK-LIST*/
.week_menu{position:relative; height:80px; background:#fff;}
.week_menu .order_wrap{width:100%; height:40px; background:#fff; position:absolute; top:44px;}
.week_menu .order_select{width:34%; height:40px; line-height:40px; position:absolute; left:50%; margin-left:-17%; background:#fff; z-index:3; text-indent:-10px; color:#e63740;}
.week_menu .order_select select{border:0; color:#e63740; font-weight:bold; background:#fff;}
.week_menu .order_select a{color:#e63740;}
.week_menu .order_select span{display:block; position:absolute; top:12px; right:10px;}
ul.order_menu{width:100%; height:42px; border-bottom:1px solid #ddd; background:#fff; margin-top:-3px;} 
ul.order_menu li{width:25%; float:left; text-align:center;}
ul.order_menu li a{display:block; font-size:12px;}
ul.order_menu li a span{display:inline-block;}
ul.order_menu li a span.select_radiobox{display:inline-block; width:15px; height:15px; background:url(/assets/img/mobile/order_select_off.png) no-repeat; background-size:100%; margin:-3px 5px 0 0; vertical-align:middle;}
ul.order_menu li.active a span.select_radiobox{display:inline-block; width:15px; height:15px; background:url(/assets/img/mobile/order_select_on.png) no-repeat; background-size:100%; margin:-3px 5px 0 0; vertical-align:middle;}
.webtoon_list ul li{border-bottom:1px solid #ddd; position:relative;}
.webtoon_list ul li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.webtoon_list ul li a{display:block;}
.webtoon_list .webtoon_cover{width:120px; height:65px; background-size:cover; background-repeat:no-repeat; background-position:center center; float:left; margin-right:10px; position:relative;}
.webtoon_list .webtoon_info{padding-right:3px; font-size:12px; line-height:15px; padding-top:5px; position:relative;}
p.webtoon_update,
span.webtoon_update{width:100%; height:18px; line-height:18px; background:rgba(253,66,67,0.7); font-size:10px; display:block; text-align:center;}
/*span.webtoon_update{width:20px; height:14px; line-height:14px; background:#e63740; border-radius:3px; font-size:10px; display:inline-block; text-align:center; margin-bottom:3px;}*/
span.webtoon_unlimit{width:26px; height:14px; line-height:16px; border-radius:3px; font-size:10px; display:inline-block; text-align:center; margin-bottom:3px; background:rgba(0,0,0,0.8);}
span.webtoon_unlimit_vvip{width:35px; height:14px; line-height:16px; border-radius:3px; font-size:10px; display:inline-block; text-align:center; margin-bottom:3px; background:url(/assets/img/mobile/crown_icon_mob.png) no-repeat 2px center rgba(0,0,0,0.8); background-size:11px auto; text-indent:11px; color:#e5c060;}
span.webtoon_comment{width:26px; height:14px; line-height:14px; background:#faa440; border-radius:3px; font-size:10px; display:inline-block; text-align:center; margin-bottom:3px;}
span.webtoon_bookmark{    
    font-size: 10px;
    color: #fff;
    background: #e63740;
    height: 14px;
    line-height: 14px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    padding: 0px 5px;
    min-width: 17px;    
    margin: 5px 0 3px 0px;}
.webtoon_list .webtoon_info p.webtoon_title{font-size:12px; color:#333; font-weight:bold; margin-bottom:2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.webtoon_list .webtoon_info p.webtoon_title span.webtoon_writer{font-size:10px; color:#666;}
.webtoon_list .webtoon_info p.synopsis{color:#999; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-bottom:5px; padding-right:10px;}
.webtoon_list .webtoon_info p.view_info span{color:#e63740; font-weight:bold;}
.btn_up{border-radius:3px; background-color:#e63740; color:#fff; font-size:11px; padding:0 5px; float:right;}
.btn_bookmark{width:20px; height:20px; background:url(/assets/img/mobile/icon_bookmark_star.png) no-repeat center 6px #fe330b; background-size:50%; position:absolute; top:0; left:0px; z-index:3;}
/*SEARCH-UNLIMIT ICON*/
span.thumb_unlimit{display:inline-block; vertical-align:middle; margin-right:5px; border-radius:50%; width:18px; height:18px; background:url(/assets/img/mobile/unlimit/icon_unlimit_month.png) no-repeat center center rgba(253,66,67,0.7); background-size:9px;}
/*UNLIMIT-INDEX or THEME*/
a.btn_theme_view{display:block; float:right; width:60px; height:24px; line-height:24px; background:#fff; border:1px solid #ddd; border-radius:3px; text-align:center; font-size:12px; margin-right:15px; text-indent:0; margin-top:8px;}
.theme_list ul{padding:0 15px;}
.theme_list ul li{width:100%; position:relative; margin-bottom:10px; padding-bottom:35%; background-size:cover; background-position:center right;}
.theme_list ul li a{display:block;}
.theme_list ul li .theme_info{position:absolute; top:14px; left:15px; width:60%; color:#fff;}
.theme_list ul li .theme_info p.theme_title{font-size:20px; font-weight:bold; line-height:22px; margin-bottom:5px;}
.theme_list ul li .theme_info p.theme_txt{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:5px;}
.theme_list ul li .theme_info p.theme_view{font-size: 11px; width:80px; background:#000; text-align:center; height:22px; line-height:22px;}

/*RECOMMEND*/
.recommend_list{padding-left: 1%; background-color: #e8ecf0;padding-top:10px}
.recommend_list ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.recommend_list ul li{width:32%; margin-bottom:10px;margin-left: 0.5%;margin-right: 0.5%;background-color: #fff;border-radius: 10px;overflow: hidden;}
.recommend_list ul li .thumb{width:100%; position:relative;}
.recommend_list ul li .thumb .thumb_float{position:absolute; z-index:9; width:50px; bottom:5px; right:5px;}
.recommend_list ul li .thumb span.rank_num{display:block; width:35%; height:25px; z-index:3; color:#fff; background:rgba(253,66,67,0.8); text-align:center; line-height:25px; font-size:12px; font-weight:bold; position:absolute; top:-160px; left:0;}
.recommend_list ul li .thumb .webtoon_info{width:100%; position:absolute; bottom:0px; left:0; padding:0px; z-index:1; color:#fff;}
.recommend_list ul li .thumb .webtoon_info:after{content:''; width:100%; height:120%; display:block; position:absolute; bottom:0; left:0; z-index:-1;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);}
.recommend_list ul li .thumb .webtoon_info p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.recommend_list ul li .thumb .webtoon_info p.webtoon_title{font-weight:bold; padding:5px;}
.recommend_list ul li .thumb .webtoon_info p.webtoon_writer{font-size:12px; opacity:0.8;}
.recommend_list ul li a{display:block;}
.recommend_list ul li .thumb_info{padding:5px; font-size:12px; line-height:15px;}
.recommend_list ul li .thumb_info p.webtoon_synopsis{display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #666;}
.recommend_list ul li .thumb_info p.view_info{color:#e63740; font-weight:bold; line-height:20px; font-size:11px; margin-top:3px;}

/*EPISODE-LIST*/
.episode_wrap{width:100%; position:relative; padding-top:0px; background:#000;}
.episode_info{padding:10px; margin-top: 75px; border-bottom:1px solid #ddd; background:#fff; }
.episode_info .webtoon_cover_h{width:90px; height:110px; float:left; background-position:center center; background-size:cover; background-repeat:no-repeat; margin-right:10px; border:1px solid #ddd; position:relative;border-radius: 10px;overflow: hidden;}
.episode_info .webtoon_cover_h span.clock_free{width:21px; height:21px; border-radius:50%; background:rgba(0,0,0,0.5); position:absolute; top:3px; left:3px;}
.episode_info .webtoon_info{padding-top:5px; position:relative;}
.episode_info .webtoon_info p.episode_title{font-size:16px; font-weight:bold; color:#333; margin-bottom:3px; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.episode_info .webtoon_info p.webtoon_writer{font-size:12px; margin-bottom:5px;}
.episode_info .webtoon_info p.webtoon_writer a.other_work{display:inline-block; background:#fff; border:1px solid #e63740; color:#e63740; height:20px; line-height:20px; padding:0 5px; font-size:11px; border-radius:3px; letter-spacing:0px; margin-left:5px;}
.episode_info .webtoon_info .writer_list{position:absolute; top:10px; right:10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.episode_info .webtoon_info .writer_list li{width:100%; white-space:nowrap; border-bottom:1px solid #ddd; padding:3px 8px;}
.episode_info .webtoon_info .writer_list li a{display:block; font-size:11px;}
.episode_info .webtoon_info .writer_list li:last-child{border:0;}
.episode_info .webtoon_info p.webtoon_synopsis{display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:5px;}

/*STAR-POINT*/
.starpoint {
	border-radius: 15px;
	border: 2px #ccc solid;
	color: #ccc;
	background: none;
	padding: 5px 10px;
}
.star_yellow{background-position:0 0;}
.episode_view_btn{width:100%; height:50px; padding:5px 15px 0; background:rgba(255,255,255,0.9);}
.episode_view_btn a{height:40px; display:block; text-align:center; color:#fff; background:#e63740; margin:auto; border-radius:5px; font-weight:bold;}
.episode_view_btn a#btn_firstview{width:50%; line-height:40px; float:left;}
.episode_view_btn a.btn_run{width:74%; float:left; line-height:18px; height:40px; padding-top:5px; }
.episode_view_btn a.btn_run span{ font-size:11px; font-weight:normal; line-height:14px; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: auto; width: 80%;}
.episode_view_btn a.add_bookmark.active{color:#fff; background:#e63740;}
.episode_view_btn a.add_bookmark span.icon_like{display:inline-block; width:16px; height:14px; background:url(/assets/img/common/icon_heart_red.png) no-repeat; background-size:100%; vertical-align:middle; margin-right:5px;}
.episode_view_btn a.add_bookmark.active span.icon_like{display:inline-block; width:16px; height:14px; background:url(/assets/img/common/icon_heart_w.png) no-repeat; background-size:100%; vertical-align:middle; margin-right:5px;}
.episode_notice{border-bottom:1px solid #ddd; background:#fff;}
.episode_notice ul li{border-top:1px solid #ddd; height:40px; line-height:40px; font-size:12px;}
.episode_notice ul li span.icon{margin:9px 5px 0 10px;}
.episode_notice ul li span{color:#e63740; font-weight:bold;}
.episode_notice ul li span.arrow{float:right; margin:12px 10px 0 0;}
.episode_notice .roundcon_s{display:block; width:28px; height:20px; background-color:#e63740; text-align:center; border-radius:20px; float:left;  margin-right:5px;}

.episode_list{margin-top:0; background:#fff;padding: 5px 0;}
.episode_list .episode_order{width:100%; height:35px; line-height:35px; border-bottom:1px solid #ddd; padding:0 10px; color:#333;}
.episode_list .episode_order .order_select{float:right;}
.episode_list .episode_order .order_select span{float:right; margin-top:14px; margin-left:3px;}
.episode_list .episode_order .order_select select{border:0; outline:none; font-size:12px; text-align:right; direction:rtl;}
.episode_list ul{padding:0 10px;}
.episode_list ul li{width:100%; border-bottom:1px solid #ddd; padding:10px 0;border-radius: 15px;}
.episode_list ul li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.episode_list ul li .episode_cover{width:100%; padding-bottom:42%; background-size:cover; background-repeat:no-repeat; background-position:center center; border:1px solid #ddd; position:relative;}
.episode_list .episode_cover p.free_dday{color:#fff; text-align:center; height:25px; line-height:25px; position:absolute; top:0; left:0; font-weight:bold; background:rgba(253,66,67,0.7); font-size:11px; padding:2px 5px;}
.episode_list .episode_cover p.free_dday span.dday_lock{float:left; margin:3px;}
.episode_list p.coin_price{ height:24px; line-height:24px; padding:0 6px; position:absolute; top:14px; right:5px; font-size:11px; border-radius:3px; font-weight:bold; text-align:center;}
p.coin_price.free{background:rgba(0,0,0,0.8); color:#fff;}
p.coin_price.own{background:#e63740; color:#fff; border:1px solid #e63740;}
p.coin_price.coin{background:#fff; color:#e63740; border:1px solid #e63740;}
p.coin_price.coin span{float:left; margin-top:5px;}
p.coin_price .btn_free{min-width:50px; height:24px; line-height:24px; padding:0 6px; position:absolute; top:5px; right:5px; font-size:11px; border-radius:3px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.8); color:#fff;}
p.coin_price .btn_free2{min-width:56px; height:24px; line-height:24px; padding:0 6px; top:5px; right:5px; font-size:11px; border-radius:3px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.8); color:#fff;}
p.coin_price .btn_free2 span.discount{text-decoration:line-through; opacity:0.5;}
p.coin_price .btn_free3{height:24px; line-height:24px; position:absolute; top:5px; right:10px; font-size:11px; font-weight:bold; background:url(/assets/img/mobile/common/icon_episode_free.png) no-repeat 0 center; background-size:14px; width:45px; text-align:right;}
p.coin_price .btn_free_join{min-width:110px; height:24px; line-height:24px; padding:0 6px; position:absolute; top:5px; right:5px; font-size:11px; border-radius:3px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.8); color:#fff;}
p.coin_price .btn_coin1{height:24px; line-height:24px; position:absolute; top:5px; right:10px; font-size:11px; font-weight:bold; width:56px; text-align:right; background-color:#fff;}
p.coin_price .btn_coin{height:24px; line-height:24px; position:absolute; top:5px; right:10px; font-size:11px; font-weight:bold; width:50px; }
p.coin_price .btn_coin span.epicon_coin{background: url(/assets/img/mobile/common/icon_episode_coin.png) no-repeat; width:14px; height:14px; display:inline-block; background-size:14px; margin-right:5px;}
p.coin_price .btn_coin span{float:left; margin-top:6px;}
p.coin_price .btn_viewed{min-width:56px; height:24px; line-height:24px; padding:0 6px; position:absolute; top:5px; right:5px; font-size:11px; border-radius:3px; font-weight:bold; text-align:center; background:#e63740; color:#fff; border:1px solid #e63740;}

.episode_list .package_list_info{width:100%; height:35px; line-height:35px; position:absolute; bottom:0; left:0; background:rgba(0,189,191,0.7); color:#fff; padding:0 10px;}
.episode_list .package_list_info p.package_title{font-weight:bold; float:left; line-height:35px; padding-top:2px; padding-right:10px; max-width:38%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.episode_list .episode_list_info{width:100%; height:35px; line-height:35px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px;}
.episode_list .episode_list_info p.episode_title{font-weight:bold; float:left; line-height:35px; padding-top:2px; padding-right:10px; max-width:38%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.episode_list .episode_list_info .i_start_point{float:left; display:block; margin:10px 0 0 5px;}
.episode_list .episode_list_info p.starpoint{float:left; display:block; margin:10px 0 0 5px;}
.episode_list .episode_list_info p.starpoint, .episode_list .episode_list_info .star_yellow{display:block;}
.episode_list .episode_list_info p.episode_update{font-size:12px; float:right;}
.episode_list .episode_list_info p.episode_update span{margin-right:5px;}
/*WIDTH-BG-SIZE*/
@media all and (min-width:640px){ /*640이상*/
.episode_view_btn{background:rgba(255,255,255,0.9);}
.episode_notice{background:rgba(255,255,255,0.9);}
.episode_list{background:#fff;}
}
@media (max-width:320px){/*320이하*/
.episode_view_btn{background:#fff;}
.episode_notice{background:#fff;}
.episode_list{background:#fff;}
}

.login_find_pw, .join {width:100%; padding-top:15px; background:#ffffff; padding-bottom:15px; text-align:center;}
.login_find_pw .logo, .join .logo {width:163px; height:77px; background-image:url(/assets/img/mobile/image.png); background-position: -120px -65px; margin:20px auto 0;}
.login_find_pw a.closeX, .join a.closeX, .name a.closeX {background-size:inherit;width:20px; height:20px; background-image:url(/assets/img/mobile/image.png); background-position: -425px -289px; position:absolute; top:-23px; right:26px; display:block;}
.login_find_pw fieldset, .join fieldset {width:90%; margin:0 auto 10px; position:relative;}
.login_find_pw fieldset a, .join fieldset a {display:inline-block; float:left; line-height:25px; background-image:url(/assets/img/mobile/check.png); background-position: -0px -25px; background-repeat:no-repeat; text-indent:27px; font-size:12px;}
.login_find_pw fieldset a.on, .join fieldset a.on {height:25px; margin:auto; text-align:left; background-image:url(/assets/img/mobile/check.png); background-position: -0px -0px; background-repeat:no-repeat;}
.login_find_pw fieldset input, .join fieldset input {width:100%; height:48px; line-height:48px; border:1px #ccc solid; font-size:12px; font-weight:bold; text-indent:10px; margin-top:5px;}
.login_find_pw .keyboard, .join .keyboard {width:90%; margin:0 auto 5px;}
.login_find_pw .keyboard .keyimg, .join .keyboard .keyimg {width:245px; height:122px; background-image:url(/assets/img/mobile/image.png); background-position: -0px -227px; margin:auto; clear:both; display:none;}
.login_find_pw .find_pw {width: 90%; font-size: 12px; text-align: left; display: block; margin: 0 auto;}
.login_find_pw a.layer_close{display:block; width:40px; height:40px; background:rgba(253,66,67,1); position:absolute; top:-40px; right:0;}
.login_find_pw a.layer_close span{margin-top:11px;}
.btn_fullbtn {width:100%; background-color:#363a48; border:1px #363a48 solid; font-size:18px; font-weight:bold; border-radius:0; padding:15px 0px; margin:20px auto 10px; color:#fff;}

/*JOIN-LOGIN*/
a.login_bnr{display:block; width:100%; padding-bottom:27.5%; background-size:cover;}
.login_wrap{padding: 0; background:#f6f6f6; position: fixed;width:100%;top:20%;
    z-index: 1000;}
.login_wrap a.layer_close{display:block; width:40px; height:40px; background:rgba(253,66,67,1); position:absolute; top:-40px; right:0;}
.login_wrap a.layer_close span{margin-top:1px;}
.form_tab{width:100%; height:50px;}
.form_tab a{display:block; width:50%; height:50px; line-height:50px; float:left; text-align:center; font-size:16px; background:#f6f6f6; font-weight:bold; border-bottom:1px solid #ddd;}
.form_tab a.active{color:#e63740; background:#fff; border-top:1px solid #ddd; border-bottom:0; border-left:1px solid #ddd;}
.form_tab a:first-child.active, .login_wrap .form_tab a:last-child.active{border-right:1px solid #ddd;}
.form_tab div{display:block; width:50%; height:50px; line-height:50px; float:left; text-align:center; font-size:14px; background:#f6f6f6; font-weight:bold; border-bottom:1px solid #ddd;}
.form_tab div.active{color:#e63740; background:#fff; border-top:1px solid #ddd; border-bottom:0; border-left:1px solid #ddd;}
.form_tab div:first-child.active, .form_tab div:last-child.active{border-right:1px solid #ddd;}

.login_wrap .login_form{width:100%; border:1px solid #ddd; border-top:0; background:#fff; padding:20px 20px 0;}
.login_wrap .login_form .login_input{width:100%; border:1px solid #ddd; background:#f6f6f6; border-radius:5px; height:100px; padding:0 10px;}
.login_wrap .login_form .login_input input{width:100%; height:48px; line-height:48px; background:transparent;}
.login_wrap .login_form .btn_login{display:block; width:100%; background:#e63740; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:5px; height:45px; line-height:45px; margin:12px auto;}
/*FORM-PLACEHOLDER*/
/*.login_wrap .login_form input.user_email{background:url(/assets/img/login/input_bg_email.png) no-repeat 0 center #f6f6f6; background-size:125px 20px;}*/
.login_wrap .login_form input.user_email_none_back{background:none;}
/*.login_wrap .login_form input.user_pw{background:url(/assets/img/login/input_bg_pw.png) no-repeat 0 center #f6f6f6; background-size:100px 20px;}*/
.login_wrap .login_option{width:100%; margin:8px 0; line-height:24px; letter-spacing:0px;}
.login_wrap .login_option p.notice{font-size:12px; line-height:16px; margin:0 0 5px; letter-spacing:0px; background:url(../images/icon_notice_m.png) no-repeat 0 0; background-size:14px; padding-left:18px;}
.login_wrap .notice_box{padding-top: 8px;position: absolute; top: 51px; left: 50%; width: 260px; height: 33px; margin-left: -130px; font-size: 11px; color: #fff; background: #e63740; text-align: center; line-height: 15px; border-radius: 3px; letter-spacing: -1px;}
.login_wrap .notice_box span.arrow{position: absolute; width: 10px; height: 6px; background: url(../images/bubble_arrow.png); top: 33px; left: 50%; margin-left: -5px; background-size: 10px;}

/*CHECKBOX-CUSTOM*/
.login_wrap .login_form .login_option input[type=checkbox]{width:15px; height:15px; display:none; margin:0 5px 0 0; padding:0;}
.login_wrap .login_form .login_option label{display:inline-block; margin-right:12px; background:url(../images/checkbox_off.png) no-repeat 0 center; background-size:20px 20px; text-indent:20px;}
.login_wrap .login_form .login_option label.active{background:url(../images/checkbox_on.png) no-repeat 0 center; background-size:20px 20px;}
.login_wrap .login_option a.join_agree{color:#e63740; text-decoration:underline; }
.login_wrap .login_option a.find_pw{color:#333; background:#fff; display:block; float:right; font-size:12px; border-radius:3px; border:1px solid #ddd; width:85px; height:24px; line-height:24px; text-align:center;}
.login_wrap .sns_login{border-top:1px solid #ddd; padding:10px 0 20px; text-align:center;}
.login_wrap .sns_login p{color:#333; line-height:26px; margin-bottom:8px; text-align:left;}
.login_wrap .sns_login a{display:inline-block; width:32%; height:60px; border-radius:5px; color:#fff; font-size:10px; padding-top:8px; line-height:22px;}
.login_wrap .sns_login a.sns_naver{background:#ff0436;} 
.login_wrap .sns_login a.sns_facebook{background:#3a5897; letter-spacing:0px;}
.login_wrap .sns_login a.sns_google{background:#d93e2c;}

@media (max-width:320px){
.login_wrap .login_option{font-size:12px;}
.login_wrap .login_option a.find_pw{width:106px; float:left;}

}
.login_wrap ul#domain{position:absolute; right:8%; top:85px; background:#fff; margin:0; padding:0; width:150px; border:1px #ccc solid; font-family:'NanumGothic', 'Noto Sans TC', 'Noto Sans TC', 'Malgun Gothic', Dotum, AppleGothic, sans-serif; font-size:16px; color:#ccc; line-height:25px; z-index:99; display:none;}
.login_wrap ul#domain li{display:block; clear:both; padding-left:10px;}
.login_wrap ul#domain li.active{background-color:#ececec;}

/*MYPAGE - FAQ*/
.qna_del {text-align:center; margin:auto; cursor:pointer; display:block; width:26px; height:26px; background:url(/assets/img/www/qna_delete.jpg) no-repeat;}
.message_del {text-align:center; margin:auto; cursor:pointer; display:block; width:26px; height:26px; background:url(/assets/img/www/message_delete.jpg) no-repeat;}
.line_box{width:94%; height:100px; border:1px solid #ddd; border-radius:5px; margin: 10px 3%; overflow:hidden;}
.line_box h3.box_title{width:100%; height:35px; line-height:35px; border-right:0; background:#f6f6f6; padding:0 10px; color:#333; font-weight:bold;}
.line_box h3.box_title span.user_email{display:inline-block; width:65%; width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.line_box h3.box_title a.change_pw{float:right; display:block; width:90px; height:28px; line-height:28px; border-radius:3px; border:1px solid #ddd; text-align:center; color:#333; background:#fff; font-size:11px; margin-top:3px; letter-spacing:0px;}
.line_box h3.box_title a.change_pw span{display:inline-block; vertical-align:middle; height:16px;}
.line_box p{width:49%; border-right:1px dashed #ddd; float:left; text-align:center; color:#333; height:65px; padding-top:10px;}
.line_box p span.num{display:block; color:#e63740; font-size:22px; font-weight:bold; margin-top:6px;}
.line_box p span{font-size:12px; color:#666;}
.charge_history td{text-align:center;}
.btn_qna_write{background:#e63740; color:#fff; float:right; width:90px; height:26px; line-height:26px; margin-top:10px; text-align:center;}
.change_passwd td{text-align:center;}
.btn_chg_passwd_confirm{background:#e63740; color:#fff; float:left; width:90px; height:26px; line-height:26px; text-align:center;}
.btn_chg_passwd_cancel{background:#e63740; color:#fff; float:left; width:90px; height:26px; line-height:26px; text-align:center;}
.btn_myqnalist{background:#333; color:#fff; width:75px; height:26px; line-height:26px; text-align:center; margin-left:5px;}
.account_sec{padding-bottom:20px}
.account_sec a.link_account_sec{text-decoration:underline; color:#333; font-weight:bold;}
.account_sec a.btn_sec{background:#e63740; color:#fff; float:right; width:60px; height:26px; line-height:26px; text-align:center;}
.faq .line_box .box_title span.title_search{display:block; float:left; margin:5px 5px 0 0;}
.faq .line_box .search_box span.title_search{display:block; margin-top:9px;}
.faq .search_box{border-radius:5px; margin:auto; width:90%; height:40px; line-height:40px; border:1px solid #ddd; background:#f6f6f6; overflow:hidden; position:relative; margin-top:11px;}
.faq .search_box a{display:block; width:40px; height:40px; position:absolute; top:0; right:0;}
.faq .search_box input.faq_search{width:88%; width:calc(100% - 40px); height:40px; padding:0 10px;background:transparent;}
.faq ul.cs_list li a.list_title{display:block; width:100%; height:40px; line-height:40px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.faq .faq_list .list_title span.icon_txt_q{margin:12px 5px 0 0;}
.btn_go_qna_write{float:right; font-size:11px; text-decoration:underline;}
.btn_go_qna_write .arrow{float:right; margin:10px 0 0 5px;}
/*CS LIST*/
ul.cs_list{border-top:2px solid #aaa;}
ul.cs_list li{border-bottom:1px solid #ddd; position:relative;}
ul.cs_list li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
ul.cs_list li .heading{padding:0 10px;}
ul.cs_list li a.list_title{display:block; width:65%; width:calc(100% - 90px); height:40px; line-height:40px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.cs_list li span.cs_ing{background:#aaa; width:55px;height:22px; line-height:22px; color:#fff; font-weight:bold; position:absolute; top:10px; right:40px; text-align:center;}
ul.cs_list li span.cs_com{background:#333;}
ul.cs_list li a.qna_delete{display:block; width:22px; height:22px; border-radius:3px; position:absolute; top:9px; right:10px; border:1px solid #ddd;}
ul.cs_list li .qna, ul.cs_list li .faq_board{background:#f6f6f6; display:none;}
ul.cs_list li .qna p, ul.cs_list li .faq_board p{position:relative; padding:15px 10px 15px 30px;}
ul.cs_list li .qna p span.topimg{position:absolute; top:15px; left:10px;}
ul.cs_list li .qna p.my_question{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.title_open{font-weight:bold;}
ul.cs_list li .faq_board p span.topimg{position:absolute; top:15px; left:10px;}
ul.cs_list li .faq_board p.faq_answer{border-top:1px solid #ddd;}
.title_open{font-weight:bold;}

/*QNA-WRITE*/
.write_form .input_form{border-top:2px solid #aaa; border-bottom:1px solid #ddd; padding-bottom:15px;}
.write_form .input_form p{border:1px solid #ddd; border-radius:5px; margin-top:8px; padding:2px 10px; background:#f6f6f6; position:relative;}
.write_form .input_form p input, .input_form p select{width:100%; height:35px; line-height:35px; background:transparent;}
.write_form .input_form p textarea{width:100%; height:130px; background:transparent;}
.write_form .input_form span.select_arrow{position:absolute; top:17px; right:10px; z-index:2;}
.write_form .btn_write{width:100%; background:#e63740; height:45px; line-height:45px; text-align:center; display:block; border-radius:5px; color:#fff; font-weight:bold; font-size:16px;}
.notice{
  width: 100%;
	padding: 10px 3%;
}
.notice a.title{font-size:14px; color:#e63740; font-weight:bold; display:block;line-height: 25px; }
.notice a.title1{font-size:14px; color:#e63740; font-weight:bold;}
.notice a.title span.notice_arrow{display:inline-block; vertical-align:middle;}
.notice ul.notice_list{margin:5px 0 20px 20px;}
.notice ul.notice_list li{list-style:disc; line-height:16px; margin-bottom:5px; font-size:12px;}

.notice_auto{margin:10px 0;}
.notice_auto a.title_auto{font-size:14px; color:#e63740; font-weight:bold; display:block; height:30px; line-height:30px;}
.notice_auto a.title_auto span.notice_arrow{display:inline-block; vertical-align:middle;}
.notice_auto ul.notice_list_auto{clear:both; margin:5px 0 20px 20px;}
.notice_auto ul.notice_list_auto li.notice_list_li{clear:both; width:100%; border:0px; list-style:disc; line-height:16px; margin-bottom:5px; font-size:12px;}


/*LIBRARY*/
.library-row span.own_per_bookmark{display:block; position:absolute; bottom:5px; right:5px; font-size:11px; color:#fff;  background:rgba(253,66,67,0.7); text-align:center; height:22px; line-height:22px; font-weight:bold;padding: 0 5px;}
span.library_arrow{display:block; position:absolute; bottom:-25px; left:50%; margin-left:-18px; background:url(/assets/img/common/library_arrow_up.png); width:18px; height:10px; background-size:100%;}
.lib_btn_area{border-top:2px solid #ddd; height:40px; line-height:40px; background:#f6f6f6; border-bottom:1px solid #ddd; padding:0 10px;}
.lib_btn_area .btn_category{float:left; margin-top:4px;}
.lib_btn_area .btn_category a{display:block; height:28px; line-height:28px; float:left; border:1px solid #ddd; background:#f6f6f6; width:55px; text-align:center; color:#333;}
.lib_btn_area .btn_category a:first-child{border-radius:5px 0 0 5px; border-right:0;}
.lib_btn_area .btn_category a:last-child{border-radius:0 5px 5px 0; border-left:0;}
.lib_btn_area .btn_category a.active{background:#e63740; color:#fff; font-weight:bold;}
.lib_btn_area .lib_order{float:right;}
.lib_btn_area .lib_order span.arrow{float:right; margin-top:16px;}
.lib_btn_area .lib_order select{direction:rtl; background:transparent;}
ul.lib_list{margin:10px auto;}
ul.lib_list li{width:33.3%;  float:left; padding:5px; margin-bottom:20px;}
ul.lib_list li a{display:block;}
ul.lib_list li .lib_thumb{padding-bottom:120%; border:2px solid #ddd; background-position:center center; background-size:cover; margin-bottom:5px; position:relative;}
ul.lib_list li .lib_thumb span.own_per{display:block; position:absolute; bottom:5px; right:5px; font-size:11px; color:#fff; border-radius:5px; background:rgba(253,66,67,0.7); width:75px; text-align:center; height:22px; line-height:22px; font-weight:bold;}
ul.lib_list li p.webtoon_title{color:#333; font-weight:bold; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.lib_list li p.webtoon_writer{opacity:0.7; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.lib_list li.active .lib_thumb{border-color:#e63740; color:#e63740;}
ul.lib_list li.active p{color:#e63740;}
.episode_detail{width:100%; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.episode_detail ul.lib_episode{width:100%; padding:15px 5px; margin:auto;}
.episode_detail ul.lib_episode li{display:block; float:left; text-align:center; width:25%; padding:5px;}
.episode_detail ul.lib_episode li a{display:block; color:#000;}
.episode_detail ul.lib_episode li.purchase .episode_thumb{background-position:center center; background-size:cover; margin-bottom:5px; position:relative; border-radius:5px; padding-bottom:100%; overflow:hidden;}
.episode_detail ul.lib_episode li.purchase .episode_title{position:absolute; bottom:0; left:0; width:100%; height:24px; line-height:24px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-weight:bold; font-size:12px;}
.episode_detail ul.lib_episode li.no_has .episode_thumb{background-position:center center; background-size:cover; margin-bottom:5px; position:relative; border-radius:5px; padding-bottom:100%;}
.episode_detail ul.lib_episode li.no_has .episode_thumb .episode_buy{width:100%; height:100%; background:rgba(255,255,255,0.53); position:absolute; top:0; left:0; border-radius:5px;}
.episode_detail ul.lib_episode li.no_has .episode_thumb .episode_buy p{width:100%; font-size:12px; color:#000; line-height:16px; position:absolute; top:50%; margin-top:-26px; text-align:center; font-weight:bold;}
.episode_detail ul.lib_episode li.no_has .episode_thumb .episode_buy a.btn_purchase{display:block; width:60%; text-align:center; height:20px; line-height:20px; color:#fff; font-size:11px; background:rgba(253,66,67,0.7); border-radius:5px; margin:auto; min-width:60px; font-weight:bold; margin-top:5px;}
@media all and (min-width:640px){
ul.lib_list li{width:20%;}
.episode_detail ul.lib_episode li{width:20%;}
}
@media all and (min-width:1024px){
ul.lib_list li{width:16.6%;}
.episode_detail ul.lib_episode li{width:12.5%;}
}
@media (max-width:320px){
.lib_btn_area .btn_category a{width:50px;}
.episode_detail ul.lib_episode li{width:33.3%;}
}
/*CHARGE*/
.line_box.chargebox{height:60px;}
.charge .charge_bnr{width:100%; padding-bottom:12%; border-radius:5px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center; margin-bottom:10px;}
.charge a.btn_charge{width:100%; background:#e63740; height:45px; line-height:45px; text-align:center; display:block; border-radius:5px; color:#fff; font-weight:bold; font-size:16px;}
.charge_list{position:relative;}
.charge_list ul.coin_list{margin-bottom:10px; border-top:0px solid #000000;}
.charge_list ul.coin_list li{border-bottom:1px solid #ddd; font-weight:bold; color:#333;}
.charge_list ul.coin_list li a{display:block; padding:0 10px; color:#333; height:44px; line-height:44px;}
.charge_list ul.coin_list li p.charge_coin{float:left;}
.charge_list ul.coin_list li p.charge_coin span.icon_coin_s{display:inline-block; margin-right:5px;}
.charge_list ul.coin_list li span.charge_info_bonus{text-align:center; width:30px; border:1px solid #000;}
.charge_list ul.coin_list li p.charge_price{text-align:right;}
.charge_list ul.coin_list li p.charge_price span.discount{color:#ccc; text-decoration:line-through; display:inline-block; margin-right:10px; font-size:11px; position:absolute; margin-top:-15px;}
.charge_list ul.coin_list li.total{text-align:center; background:#fefff4;}
.charge_list ul.coin_list li.total p.charge_coin{text-align:center; float:none;}
.charge_list ul.coin_list li.freepass{background:#FBFBDA;}
.charge_list ul.coin_list li.freepass a{color:#e63740; font-weight:bold;}
.charge_list ul.coin_list li.freepass a.freepass_title span.purchase{width:80px; font-size:14px;}
.charge_list .freepass_item{width:100%; background:#fff; border-top:1px solid #ddd; padding-bottom:10px;}
.charge_list .freepass_item .goldclass, .charge_list .freepass_item .silverclass{border-radius:5px; background:#f6f6f6; margin:10px 0;}
.charge_list .freepass_item .goldclass p.item_title{background:url(/assets/img/charge/ptn_goldbg.png) repeat #e63740; color:#fff; height:40px; line-height:40px; padding:0 10px; border:1px solid #ed3233; border-radius:5px 5px 0 0;}
.charge_list .freepass_item .silverclass p.item_title{background:url(/assets/img/charge/ptn_silverbg.png) repeat #a1a6b9; color:#fff; height:40px; line-height:40px; padding:0 10px; border:1px solid #818594; border-radius:5px 5px 0 0;}
.charge_list .freepass_item p.item_title span{display:inline-block;}
.charge_list .freepass_item p.item_title span.bar{width:2px; height:14px; background:#fff; opacity:0.4; margin:10px 5px 0;}
.charge_list .freepass_item ul{padding:0; border:0; border-top:2px solid #ddd;}
.charge_list .freepass_item ul li{margin:0; padding:0; border-bottom:1px dashed #ddd;}
.charge_list .freepass_item ul li a{display:block; color:#333;}
.charge_list .freepass_item ul li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.charge_list .freepass_item ul li:last-child{border-bottom:0;}
.charge_list .freepass_item ul li p.item_name{float:left;}
.charge_list .freepass_item ul li p.item_name span.rate{color:#e63740;}
.charge_list .freepass_item ul li p.item_price{float:right; color:#e63740;}
.charge_list .freepass_item ul li p.item_price span.discount{color:#ccc; text-decoration:line-through; font-size:11px; margin-right:10px;}
.charge_list span.purchase{float:right; display:block; margin:9px 0 0 8px; width:50px; height:26px; line-height:26px; border-radius:3px; text-align:center;}
.charge_list span.purchase.red{background:#e63740; color:#fff; border:1px solid #e63740;}
.charge_list span.purchase.white{background:#fff; border:1px solid #ddd; color:#333;}
@media (max-width:320px){
.charge_list ul.coin_list li{font-size:12px;}
}

.charge_list .payment_method{width:100%; background:#fff; position:absolute; top:0; left:0; min-height:410px; z-index:2; border-top:2px solid #aaa; border-bottom:1px solid #ddd; padding: 5px 10px 15px;}
.charge_list .payment_method a.closeX{width:24px; height:24px; position:absolute; top:6px; right:0; background:url(/assets/img/login/alert_close.png); background-size: 100%;}
.charge_list .payment_method .total_coin{width:100%; height:45px; line-height:45px; background:#fefff4; border:1px solid #dee1c4; border-radius:5px; margin-bottom:10px; text-align:center; font-weight:bold;}
.charge_list .payment_method .total_coin p.charge_coin span.icon_coin_s{display:inline-block; margin-right:5px;}
.charge_list .payment_method ul.method_list{width:100%;}
/*
.charge_list .payment_method ul.method_list li{border-radius:5px; display:block; height:30px; line-height:30px; width:49%; font-weight:bold; text-align:center; background:linear-gradient(to bottom, rgba(84,104,148,1) 0%,rgba(51,62,88,1) 100%); border:1px solid #222b40; margin-bottom:5px; position:relative; letter-spacing:0px;}*/
.charge_list .payment_method ul.method_list li{border-radius:5px; display:block; height:30px; line-height:30px; width:49%; font-weight:bold; text-align:center; background:linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); border:1px solid #6283e3; margin-bottom:5px; position:relative; letter-spacing:0px; color:#6283e3; box-shadow: rgb(204, 204, 204) 0px 1px 2px;}
.charge_list .payment_method ul.method_list li{width:32%; float:left;}
.charge_list .payment_method ul.method_list li:first-child{float:left;}
.charge_list .payment_method ul.method_list li:nth-child(2){margin-right:2%;}
.charge_list .payment_method ul.method_list li:nth-child(3n+1){float:left; margin-right:2%;}
.charge_list .payment_method ul.method_list li:nth-child(3n+2){margin-right:2%;}
.charge_list .payment_method ul.method_list li:nth-child(3n){float:right;}
.charge_list .payment_method ul.method_list li:after{claer:both;}
.charge_list .payment_method ul.method_list li a{display:block; color:#6283e3; font-size:11px;}
.charge_list .payment_method ul.method_list li a.red{color:#e63740;}


.charge a.btn_charge{width:100%; background:#e63740; height:45px; line-height:45px; text-align:center; display:block; border-radius:5px; color:#fff; font-weight:bold; font-size:16px;}
.charge a.btn_reselect{width:100%; background:#333; height:40px; line-height:40px; text-align:center; display:block; border-radius:5px; color:#fff; font-weight:bold; margin:10px auto 0;}

.charge_list .pay_tab{width:100%; border-bottom:2px solid #aaa; position:relative;}
.charge_list .pay_tab li{display:block; float:left; width:45%; height:38px; background:url(img/bg_ptn.png) repeat #6b7390; border:1px solid #596076; text-align:center; line-height:40px; border-radius:7px 7px 0 0; position:relative; margin-right:3px;}
.charge_list .pay_tab li a{display:block; color:#fff; font-size:14px; font-weight:bold;}
.charge_list .pay_tab li.active{border-color:#ddd; background:#fff; border-bottom-color:#fff; z-index:2;}
.charge_list .pay_tab li.active a{color:#333;}
.charge_list .pay_tab li span.icon_new{width:44px; height:29px; display:block; position:absolute; top:-10px; right:-10px; background:url(img/icon_new.png) no-repeat;}
/*EVENT*/
.event ul.event_list{}
.event ul.event_list li{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.event ul.event_list li a{display:block;}
.event ul.event_list .event_thumb{position:relative;}
.event ul.event_list .event_thumb span.event_tag{display:block; float:left; width:45px; height:24px; line-height:24px; border-radius:3px; color:#fff; background:#e63740; font-size:11px; font-weight:bold; text-align:center; margin:5px 5px 0 0;}
.event ul.event_list .event_thumb img{width:100%; border:1px solid #ddd; z-index:1;}
.event ul.event_list .event_thumb p.event_title{width:100%; height:35px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:16px; font-weight:bold; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); padding:0 10px; z-index:2;}
.event ul.event_info{margin-top:10px;}
.event ul.event_info li{position:relative; padding-left:50px; border:0; padding-bottom:0;}
.event ul.event_info li span{position:absolute; top:-2px; left:0; display:inline-block; background:#333; color:#fff; font-size:12px; font-weight:bold; text-align:center; width:40px; height:22px; line-height:22px; border-radius:3px;}
.event ul.event_list a.btn_event{display:block; background:#e63740; color:#fff; font-size:16px; text-align:center; width:100%; height:40px; line-height:40px; border-radius:5px; font-weight:bold;}
.event ul.event_list li.event_end img{opacity:0.5; -webkit-filter:grayscale(100%);}
.event ul.event_list li.event_end ul.event_info li span, .event ul.event_list li.event_end a.btn_event{background-color:#ddd; color:#aaa; text-shadow:1px 1px 1px #fff;}
.event ul.event_list li.event_end span.event_tag{background:#000;}

/*TERMS*/
.terms_wrap a.layer_close{display:block; width:50px; height:50px; background:#e63740; position:absolute; top:0px; right:0;}
.terms_wrap a.layer_close span{margin-top:15px;}
.terms_wrap .form_tab{width:85%; width:calc(100% - 50px);}
.terms_wrap .form_tab a{font-size:14px;}
.terms_wrap .terms_contents{padding:15px;}
.terms_wrap .terms_contents h3{font-size:16px; font-weight:bold; color:#333; line-height:28px; border-top:1px solid #ddd; padding-top:10px;}
.terms_wrap .terms_contents h3:first-child{border:0; padding:0;}

.footer { width: 100%; background-color: #fff; text-align: center; padding: 10px 0 15px; font-size: 11px; line-height: 14px;margin-top: 50px;}
.cs_bottom {width:100%; padding-top:15px; padding-bottom:20px; background-color:#222; text-align:center;}
.cs_bottom .foot_menu a {text-align:center; font-size:10px; margin:0 5px;}
span.help {width:100%; font-size:16px; font-weight:bold; color:#363a48; line-height:32px; text-align:center; display:block; margin:15px auto;}

.i_star_point {background-image:url(../images/star2.png); margin-top:5px;}
.i_star_point[data-val='0'] {width:80px; height:15px; background-position: -0px -0px; display:inline-block;}
.i_star_point[data-val='1'] {width:80px; height:15px; background-position: -0px -15px; display:inline-block;}
.i_star_point[data-val='2'] {width:80px; height:15px; background-position: -0px -30px; display:inline-block;}
.i_star_point[data-val='3'] {width:80px; height:15px; background-position: -0px -45px; display:inline-block;}
.i_star_point[data-val='4'] {width:80px; height:15px; background-position: -0px -60px; display:inline-block;}
.i_star_point[data-val='5'] {width:80px; height:15px; background-position: -0px -75px; display:inline-block;}
.i_star_point[data-val='6'] {width:80px; height:15px; background-position: -0px -90px; display:inline-block;}
.i_star_point[data-val='7'] {width:80px; height:15px; background-position: -0px -105px; display:inline-block;}
.i_star_point[data-val='8'] {width:80px; height:15px; background-position: -0px -120px; display:inline-block;}
.i_star_point[data-val='9'] {width:80px; height:15px; background-position: -0px -135px; display:inline-block;}
.i_star_point[data-val='10'] {width:80px; height:15px; background-position: -0px -150px; display:inline-block;}
.i_star_point_num {margin-right:50px;}

.i_parent {background-image:url(/assets/img/mobile/image.png);}
.i_star1 {width:70px; height:14px; background-position: -0px -9px; display:inline-block;}
.i_star2 {width:70px; height:14px; background-position: -0px -23px; display:inline-block;}
.i_star3 {width:70px; height:14px; background-position: -0px -37px; display:inline-block;}
.i_star4 {width:70px; height:14px; background-position: -0px -51px; display:inline-block;}
.i_star5 {width:70px; height:14px; background-position: -0px -65px; display:inline-block;}
.i_faq {width:39px; height:28px; background-position: -0px -79px; display:block; margin:0 auto 5px;}
.i_email {width:30px; height:30px; background-position: -40px -80px; display:block; margin:0 auto 3px;}
.i_phone {width:19px; height:28px; background-position: -0px -109px; display:block; margin:0 auto 5px;}
.i_out {width:26px; height:31px; background-position: -22px -110px; display:block; margin:0 auto 2px;}
.i_prev {width:6px; height:9px; background-position: -52px -144px; display:inline-block; margin-right:2px;}
.i_next {width:6px; height:9px; background-position: -62px -144px; display:inline-block; margin-left:2px;}
.i_list {width:10px; height:10px; background-position: -51px -154px; display:inline-block; margin-right:2px;}
.i_top {width:8px; height:6px; background-position: -52px -166px; display:inline-block; margin-right:2px;}
.i_point_min {width:8px; height:8px; background-position: -143px -165px; display:block;}
.i_point_plus {width:8px; height:8px; background-position: -177px -165px; display:block;}
.i_kakao {width:49px; height:45px; background-position: -0px -141px; display:inline-block;}

/*Layer*/
.modal {position:fixed; top:0px; left:0px; width:100%; height:100%; display: none; background-color: #000; filter:alpha(opacity=60); opacity:0.6; background-position: initial initial; background-repeat: initial initial; z-index:999;}
.alert_layer{position:absolute; top:0px; left:0px; width:100%; z-index:99999999;}

.banner_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.66);display:none;}

.new_category{position:absolute; top:33px; right:12px; background:#e63740; height:15px; z-index:9; font-size:11px; color:#fff; font-weight:bold; border-radius:3px; padding:3px 5px;}
.new_category:after{content:""; position:absolute; top:-7px; right:4px;
border-style:solid; border-width:0px 7px 9px; border-color:#e63740 transparent;
display:block; width:0; z-index:8;} 

.new_ep_list{padding:0; box-sizing:border-box; background:#f6f6f6;}
.btn_first_view{width:100%; height:20px; padding:5px; box-sizing:border-box; margin-bottom:30px;}
.btn_first_view a{display:block; line-height:40px; background:#e63740; color:#fff; text-align:center; font-weight:900;}
.btn_continue_view{width:100%; height:20px; padding:5px; box-sizing:border-box; margin-bottom:30px;}
.btn_continue_view a{display:block; line-height:20px; background:#e63740; color:#fff; text-align:center; font-weight:900;}
.btn_continue_view span{font-weight:900;font-size:12px;}
.toon {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff;}
.toon ul.toon_list {list-style:none;}
.toon ul.toon_list li {border-bottom:1px #dddddd solid; padding:10px 15px;}
.toon ul.toon_list li:last-child{border-bottom:0;}
.toon ul.toon_list li {clear:both;color: #000;position: relative;display: block; height:60px;}
.toon ul.toon_list li.list_order{font-size:12px; padding:0 10px; line-height:34px; height:34px !important}
.toon ul.toon_list li.list_order a.btn_order{float:right; margin-right:10px; background:url(/assets/img/mobile/icon_ep_arrow_down.png) no-repeat right center; background-size:14px 8px; padding-right:20px;}
.toon ul.toon_list.no li {height: 72px;}
.toon ul.toon_list.ep li {height: 85px;}
.toon ul.toon_list li .thumb {width:55px; height:55px; background-position:center center; float:left; margin-right:10px; position:relative; background-size:100%;}
.toon ul.toon_list li .no_thumb {width:55px; height:72px; background-position:center center; float:left; margin-right:10px; position:relative; background-size:100%;}
.toon ul.toon_list li .thumb_ep {width: 60px;height: 80px;background-position: center center;margin-right: 10px;position: absolute;background-size: cover;border-radius: 10px;overflow: hidden;}
.toon ul.toon_list li .thumb_ep.blur {-webkit-filter: blur(5px);filter: blur(5px);-webkit-transform:translate3d(0,0,0);overflow: hidden}
.toon ul.toon_list li .req_login{z-index:50;line-height: 14px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.75);font-weight: 400;position: absolute;top: 17px;text-align: center;display: block;font-size: 12px;left: 15px;width:65px;font-weight:400}
.toon ul.toon_list li .textbox {font-weight: bold;margin-top: 18px;display: inline-block;position: absolute;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;left: 88px;}
.toon ul.toon_list li .textbox .list_synopsis{color:#666; font-weight:bold; font-size:12px;
display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical; white-space:normal; padding:3px 15px 3px 0;
-webkit-line-clamp:1;}
.toon ul.toon_list li .textbox .view_count{
  color: #e63740;
  font-size: 12px;
  vertical-align: top;
  font-weight: 900;
  background: url(/assets/img/mobile/icon_like_web.png) no-repeat 0 3px;
  background-size: 15px;
  text-indent: 18px;}
@media screen and (max-width: 640px) {.toon ul.toon_list li .textbox.ep_list{max-width:512px}}
@media screen and (max-width: 540px) {.toon ul.toon_list li .textbox.ep_list{max-width:216px}}
@media screen and (max-width: 320px) {.toon ul.toon_list li .textbox.ep_list{max-width:162px}}
.toon ul.toon_list li .textbox_no {float: left;font-weight: bold;margin-top: 3px;}
.toon ul.toon_list li .textbox .date {vertical-align:text-top; line-height:12px; font-size:11px; font-weight:bold; color:#666;}
.toon ul.toon_list li .btn_up{border-radius:3px; background-color:#e63740; color:#fff; font-size:11px; padding:0 5px;}
.toon ul.toon_list li .arrow {float:right; width:6px; height:9px; background-position:-0px -0px; margin:23px 10px 0 0;}
.toon ul.toon_list li .arrow2 {position:absolute; z-index:3; float:right; margin-top:23px; width:6px; height:9px; background-position:-0px -0px;}
.toon ul.toon_list li .arrow3 {position:absolute; z-index:5; position:absolute; top:50%; right:15px; width:6px; height:9px; background-position:-12px -0px; margin-top:-5px;}
.toon ul.toon_list.toon_rank_area {display:block;}
.btn_up{border-radius:3px; background-color:#e63740; color:#fff; font-size:11px; padding:0 5px;}

.ep_bnr {width:100%; position:relative; border-bottom:1px solid #ddd; background:#fff; padding:10px; box-sizing:border-box;}
.ep_bnr_layer{width:100%; height:100%; z-index:5; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; display:none;}
.ep_bnr_layer .bnr_info{width:85%; margin:12% auto 0;}
.ep_bnr_layer .bnr_info .layer_title{width:100%; color:#fff; font-weight:bold; font-size:26px; margin-bottom:10px; letter-spacing:0px;}
.ep_bnr_layer .bnr_info .layer_synopsis{color:#fff;}
.ep_bnr .new_thumb{width:90px; height:110px; position:relative; float:left; margin-right:15px; border:1px solid #ddd;}
.ep_bnr .new_thumb .icon_clock{width:22px; height:22px; background:rgba(0,0,0,0.5); position:absolute; top:5px; left:5px; border-radius:50%;}
.ep_bnr .new_thumb .icon_clock span{width:18px; height:18px; background: url(/assets/img/mobile/icon_waitfree.png) no-repeat; position:absolute; top:2px; left:2px; background-size:100%;}
.ep_bnr .new_thumb img{width:90px; height:110px; z-index:1; display:block;}
/*.ep_bnr:after{width:100%; height:80%; position:absolute; bottom:0; left:0; z-index:2; content:"";
  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%);}*/
.new_webtoon_info{z-index:3; color:#333; font-weight:bold;}
.new_webtoon_info>p.view_count{font-size:12px; font-weight:900; color:#e63740; background: url(/assets/img/mobile/icon_like_web.png) no-repeat 0 3px; background-size:14px; text-indent:16px; position:absolute; bottom:15px; left:130px;}
.new_webtoon_info>p.i_star_point{position:absolute; bottom:12px; left:118px;}
.ep_bnr .toon_category{width:100%; position:absolute; bottom:45%; right:20px; text-align:right; font-size:12px; color:#fff; text-align:right; z-index:3;}
.ep_bnr .toon_title {font-size:16px; line-height:26px; height:26px; letter-spacing:0px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-right:35px;}
.ep_bnr .toon_writer {font-size:12px; color:#666; line-height:22px;}
.ep_bnr .toon_synopsis{font-size:12px; line-height:16px; height:35px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px; color:#666;}
.ep_bnr .toon_like {width:40px; height:40px; display:block; position:absolute; top:0px; right:0px; z-index:3; background:url(/assets/img/mobile/btn_webtoon_like_me.png) no-repeat; background-size:100%;}
.ep_bnr .toon_like_off {width:40px; height:40px; display:block; position:absolute; top:0px; right:0px; z-index:3; background:url(/assets/img/mobile/btn_webtoon_like.png) no-repeat; background-size:100%;}
.ep_title {width:100%; height:35px; background-color:#ebebeb; font-weight:bold; line-height:31px; text-indent:15px;}
.ep_title .button_box {width:50%; float:right; margin-right:10px; text-align:right;}

.ep_no_bnr {width: 100%;position: relative;height: 108px;border-top: 2px solid #000;padding-top:8px;background-image: url(/assets/img/www/bg_pattern.png);background-repeat: repeat;}
.ep_no_bnr .cover{width: 80px;height: 100px;overflow: hidden;float: left;margin: 0 8px;}

.ep_no_bnr .info_box{height: 72px;overflow: hidden;}
.ep_no_bnr .toon_title {font-size:16px;font-weight: 800}
.ep_no_bnr .toon_writer {margin-top: 4px;font-size:12px;color : #555;}
.ep_no_bnr .toon_desc {font-size:12px;}
.ep_no_bnr .toon_like {width:28px; height:28px; position:absolute;bottom: 6px;left: 96px;z-index:99; background-image:url(/assets/img/mobile/image.png); background-position: -100px -155px; display:block;}
.ep_no_bnr .toon_like_off {width:28px; height:28px; position:absolute;bottom: 6px;left: 96px;z-index:99; background-image:url(/assets/img/mobile/image.png); background-position: -70px -155px; display:block;}
.ep_no_title {width:100%; height:35px; background-color:#ebebeb; font-weight:bold; line-height:31px; text-indent:15px;}
.ep_no_title .button_box {width:50%; float:right; margin-right:10px; text-align:right;}

/*fixed adult 2015-07-10*/
a.closeX{background-size: 21px 20px; background-image:url(/assets/img/mobile/icon_close07.png); background-position: -22px center; position:absolute; top:15px; right:15px; display:block;}


/*ALERT*/
.alert_wrap{background:#f6f6f6; padding:0px;position: fixed;width:100%;top:20%;z-index: 1000;}
.alert_wrap p.alert_title{width:100%; height:32px; line-height:35px; color:#e63740; font-size:16px; font-weight:bold; padding:0 10px; position:relative;}
.alert_wrap p.alert_title a.closeX{background:#e63740; width:20px; height:20px; position:absolute; top:6px; right:10px; background:url(../images/alert_close.png); background-size:100%;}
.alert_wrap .alert_contents{background:#fff; border:1px solid #ddd; padding:10px 10px 10px; text-align:center; color:#333;}
.alert_wrap .alert_contents.t_left{text-align:left;}
.alert_wrap .alert_contents p.alert_txt{margin-bottom:20px; font-size:14px;}
.alert_wrap .alert_contents a.alert_check{color:#666; font-size:12px; height:20px; line-height:20px; display:inline-block; *display:inline; zoom:1;}
.alert_wrap .alert_contents a.alert_check span{float:left;}
.alert_wrap .alert_contents a.alert_check span.img_check{width:20px; height:20px; display:inline-block; margin-right:5px; background:url(/assets/img/login/checkbox_off.png); background-size:100%; margin-top:-2px;}
.alert_wrap .alert_contents a.alert_check.on span.img_check{background:url(/assets/img/login/checkbox_on.png); background-size:100%;}
.alert_wrap .alert_contents .btn_area{text-align:center; width:100%; margin:10px auto 0;}
.alert_wrap .alert_contents .btn_area a{border-radius:5px; display:block; height:35px; line-height:35px; font-weight:bold; color:#fff; font-size:16px;}
.alert_wrap .alert_contents .btn_area button{border-radius:5px; display:block; height:45px; line-height:45px; font-weight:bold; color:#fff; font-size:12px; width:100%;}
.alert_wrap .alert_contents .btn_area.n2 .btn_confirm{width:47%; margin-right:5px; display:inline-block;}
.alert_wrap .alert_contents .btn_area.n2 .btn_confirm:last-child{margin-right:0;}
.alert_wrap .alert_contents .btn_area.n2 .btn_library{width:47%; margin-right:5px; display:inline-block;}
.alert_wrap .alert_contents .btn_area.n2 .btn_library:last-child{margin-right:0;}

.alert_wrap .alert_contents .btn_area:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.alert_wrap .alert_contents .btn_area .btn_gray{background:#333;}
.alert_wrap .alert_contents .btn_area .btn_red{background:#e63740;}
.auth_wrap {margin: 24px 0; text-align: center; border: 1px solid #ddd; padding-bottom: 9px;}
.auth_wrap > img { padding-top: 4px; margin: auto; max-width: 97%;}
.auth_wrap p.auth_s {color:#666666; font-weight:400; font-size:12px; padding: 6px 0 10px; letter-spacing:0px; line-height: 16px;}
.auth_wrap label.cb_checked { display: inline-block; background: url(http://toptoon.com/assets/img/login/checkbox_on.png) no-repeat 0 center; background-size: 20px 20px; text-indent: 20px; margin-right: 12px;}
.auth_wrap label.cb_unchecked {display: inline-block;  margin-right: 12px; background: url(http://toptoon.com/assets/img/login/checkbox_off.png) no-repeat 0 center; background-size: 20px 20px; text-indent: 20px; }

/*FIND PW*/
.find_pw_input{width:100%; border:1px solid #ddd; background:#f6f6f6; border-radius:5px; height:45px; line-height:45px; padding:0 10px;margin-bottom: 10px;}
/*ADULT*/
.alert_wrap .adult_title{height:50px; padding-top:3px; padding-left:50px; font-weight:bold; font-size:16px; margin:5px auto 0; background:url(/assets/img/login/icon_adult19.png) left center no-repeat; background-size:45px 45px; text-align:left; display:inline-block;}
.alert_wrap .adult_title a.exit19{color:#e63740; font-size:11px; display:block; border-radius:3px; border:1px solid #ddd; width:100px; height:22px; line-height:22px; text-align:center; margin:3px 0 0 55px; text-indent:0}
.alert_wrap .law_box{width:100%; border:1px solid #ddd; background:#f6f6f6; font-size:12px; line-height:16px; padding:15px 10px; text-align:left; color:#666; margin:15px 0;}
.alert_wrap.adult .t_point{font-size:12px; font-weight:bold; text-align:left;}
.alert_wrap.adult .alert_contents .btn_area a{height:50px; line-height:50px;}


.view {width:100%;-webkit-overflow-scrolling: touch;}
.view .content_img {padding-top:40px;-webkit-overflow-scrolling: touch;}
.view .content_img img {width:100%; height:auto; line-height:0px; vertical-align:top; margin:0px; padding:0px;-webkit-overflow-scrolling: touch;-webkit-touch-callout: none}

.btn_view_list_no {border-radius:10px; border:1px #444 solid; color:#444; background:none; font-size:12px; padding:2px 5px; font-weight:bold; letter-spacing:0px; margin-left:5px;}
.view_top{width:100%;height:40px;text-align:center;font-size:16px;line-height:40px;font-weight:400;text-shadow:0 0 0 #000;opacity:1;color:#333;position:fixed;z-index:30;background:#fff}
.view_bottom{width:100%;position:fixed;z-index:30;bottom:0;background-color:#fff;left:0}

.view_top .prev {position:absolute; top:8px; left:10px;}
.view_top .list {position:absolute; top:8px; right:10px;}
.view_top_no {width:100%; height:40px; text-align:center; font-size:16px; line-height:40px; font-weight:bold; opacity:.92; color:#333; position:fixed; z-index:30;
	background-color : rgba(255,255,255,0.95);	box-shadow : 0 0 6px 0 rgba(0,0,0,.4);top:0px;
}
.view_top_no .prev {position:absolute; top:8px; left:10px;}
.view_top_no .list {position:absolute; top:8px; right:10px;}

.content{width: auto;background-color: #fff;margin: 40px 24px 85px 24px;min-height: 100%}
.content_col{padding: 64px 0;}
.content p{clear: left;font-size : 14px;font-family: sans-serif;white-space: pre-wrap;word-wrap: break-word;line-height: 25px;margin: 14px 0;padding-top: 12px;}
.content .pic{white-space: normal;display : inline-block;}
.content img{margin: auto;max-width : 100%;height : auto !important;}

nav.slide-menu-right {position: fixed;background-color: rgba(255,255,255,0.95);overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index: 51;top: 0;width: 250px;height: 100%;}
nav.slide-menu-right li {display: block;text-align: left;border-top : 1px solid #ccc;}
nav.slide-menu-right li:first-child {border-top: none}
nav.slide-menu-right li:last-child {border-bottom: none}
nav.slide-menu-right li .ico_lock{margin-left: 3px;width: 16px;height: 16px;background-image: url(/assets/img/mobile/padlock-closed.png);background-size: cover;background-position: 0;z-index: 99;border: none;position: absolute;top: auto;left: auto;margin-top: 12px;right:8px;}
nav.slide-menu-right ul ul{padding-left: 8px}
nav.slide-menu-right ul ul li {border-top : 1px solid #efefef;}
nav.slide-menu-right {right: -250px}
nav.slide-menu-right a {display: block;font-size: 14px;padding: 12px 24px 12px 12px; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
nav.slide-menu-right .thumb{width: 55px;height: 55px;background-position: center center;float: left;margin-right: 10px;position: relative;background-size: 100%;}
nav.slide-menu-right .textbox{float: left;font-weight: bold;margin-top: 12px; width:180px;}
nav.smr-open {overflow-x:hidden;overflow-y:auto;right: 0 !important;z-index : 51;}
.mask {position: fixed;top: 0;left: 0;z-index: 50;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.content h1,h2,h3,h4,h5,h6{font-weight: 800; padding-bottom: 24px;/* margin-bottom: 24px; */}
.content h1{line-height: 36px}
.content .txt_head{font-size: 20px;font-weight: 800;border-bottom: 1px solid #ccc;padding-bottom: 24px;margin-bottom: 24px;}
.content .txt_large{font-size:24px;}
.content .txt_normal{font-size:14px;}
.content .txt_small{font-size:8px;}

.content .txt_green{color:#1abc9c;}
.content .txt_orange{color:#e67e22;}
.content .txt_red{color:#e74c3c;}
.content .txt_blue{color:#3498db;}
.content .txt_purple{color:#9b59b6;}
.content .txt_gray{color:#7f8c8d;}

.content .txt_bold{font-weight:800;}
.content .txt_medium{font-weight:400;}
.content .txt_light{font-weight:100;}

.content .txt_bubble,.content .talk{float: left;clear: left;position: relative;border: 1px solid #ccc;display: inline-block;vertical-align: middle;padding: 8px;word-break: break-all;box-shadow: 0px 0px 4px 0px rgba(12, 12, 12, 0.1);margin: 12px 16px 12px 52px;}
.content .txt_bubble:before,.content .talk:before{top: 10px;bottom: auto;left: -13px;border-width: 6px 12px 6px 0;border-color: transparent #ccc;content: "";position: absolute;border-style: solid;display: block;width: 0;}
.content .txt_bubble:after,.content .talk:after{top: 10px;bottom: auto;left: -11px;border-width: 6px 12px 6px 0;border-color: transparent #fff;content: "";position: absolute;border-style: solid;display: block;width: 0;}
.content .txt_bubble img,.content .talk img{position: absolute;left: -54px;top: 6px;border-radius: 24px;width : 36px;height : 36px;}

.content .txt_left{text-align:left;}
.content .txt_right{text-align:right;}
.content .txt_center{text-align:center;}

.content .pic{box-shadow: 0px 0px 4px 0px rgba(12, 12, 12, 0.1);padding: 8px;border: 1px solid #ddd;white-space: normal;display : inline-block;}

.content_img2 {width:100%; margin:0 auto; position:relative; overflow:hidden; display:inline-block;}
.content_img2 img {width:100%;}
.content_img2 ul.bnr_list {width:99999px; position:absolute; top:0; left:0; overflow:hidden;}

.view_press {width:100%; padding-top:50px; z-index:100; background-color:#FFF;}
.view_press a img {width:100%;}
.view_area {width:100%; z-index:101; position:absolute; top:0px; left:0; z-index:1;}
.view_area .ctrl_btn_a {width:100%; height:85px; position:fixed; bottom:0; left:0; z-index:30;text-align:center; opacity:.92; color:#fff;
	background: -moz-linear-gradient(top,  #8f8f8f 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f8f8f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8f8f8f 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8f8f8f 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8f8f8f 0%,#000000 100%); /* W3C */
}
.view_area .scroll_section {height:17px; margin:15px 40px 8px; position:relative;}
.view_area .scroll_section .sec_bg {width:100%; height:7px; position:relative; top:4px; left:0; z-index:1; border-radius:6px; border:1px #a1a1a1 solid; background-color:#fff;}
.view_area .scroll_section .sec_bg_over {width:0; height:7px; position:absolute; top:-1px; left:0; margin-left:-1px; z-index:2; background-color:#f74f2b; border-radius:6px; border:1px #a0410d solid;}
.view_area .scroll_section a.scroll_btn {width:42px; height:17px; display:block; position:absolute; top:0; left:-21px; background-image:url(/assets/img/mobile/image.png); background-position: -268px -160px; z-index:39;}
.view_area .btn_section button {margin:0 4px;}
.view_area .view .alert_l {width:133px; height:133px; background-image:url(/assets/img/mobile/viewer/viewer_arrow_left_chn.png);position:absolute; top:50%; left:50%; margin:-66px 0 0 -66px; z-index:1;}
.view_area .view .alert_r {width:133px; height:133px; background-image:url(/assets/img/mobile/viewer/viewer_arrow_right_chn.png);position:absolute; top:50%; left:50%; margin:-66px 0 0 -66px; z-index:1;}
.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;}

.read_dual_guide {width:322px; margin:0 auto; position:relative; display:block; border-radius:15px; background-color:#000; opacity:.9; z-index:99999; text-align:center;}
.read_dual_guide span {width:100%; height:300px; display:block; padding:50px 0 50px 0;}
.read_dual_guide .today_check {position:absolute; bottom:15px; right:20px; text-align:right; color:#ff583d; font-size:11px; font-weight:bold; vertical-align:text-top;}
.read_dual_guide a.close {display:block; width:20px; height:20px; position:absolute; top:15px; right:20px; background-image:url(/assets/img/mobile/image.png); background-position: -425px -266px;}
.no_scroll {width:100%; z-index:101; position:absolute; top:0px; left:0; z-index:1;}
.no_scroll .ctrl_btn_a {width:100%; height:85px; position:fixed; bottom:0; left:0; z-index:30;
	text-align:center;
	opacity:.92;
	color:#333;
	background-color: rgba(255,255,255,0.98);
	box-shadow : 0 0 6px 0 rgba(0,0,0,.4);
}
.no_scroll .scroll_section {height:17px; margin:15px 40px 8px; position:relative;}
.no_scroll .scroll_section .sec_bg {width:100%; height:7px; position:relative; top:4px; left:0; z-index:1; border-radius:6px; border:1px #a1a1a1 solid; background-color:#fff;}
.no_scroll .scroll_section .sec_bg_over {width:0; height:7px; position:absolute; top:-1px; left:0; margin-left:-1px; z-index:2; background-color:#f74f2b; border-radius:6px; border:1px #a0410d solid;}
.no_scroll .scroll_section a.scroll_btn {width:42px; height:17px; display:block; position:absolute; top:0; left:-21px; background-image:url(/assets/img/mobile/image.png); background-position: -268px -160px; z-index:39;}
.no_scroll .btn_section button {margin:0 2px;}
.no_scroll .view .alert_l {width:133px; height:133px; background-image:url(/assets/img/mobile/image.png); background-position: -312px -0px; position:absolute; top:50%; left:50%; margin:-66px 0 0 -66px; z-index:1;}
.no_scroll .view .alert_r {width:133px; height:133px; background-image:url(/assets/img/mobile/image.png); background-position: -312px -133px; position:absolute; top:50%; left:50%; margin:-66px 0 0 -66px; z-index:1;}

.btn_view_press_o {border-radius:15px; border:2px #fe330b solid; color:#fe330b; background:none; font-size:12px; padding:3px 8px 4px; font-weight:bold; letter-spacing:0px; margin-left:5px;}
.btn_view_press_w {border-color:#fff; color:#fff;}
.btn_view_press_b {border-color:#333; color:#333;}

.content_img_btn {position:absolute; width:100%; z-index:1; top:0; margin:0 auto; cursor:pointer;}
.content_img_btn .btn_left{float:left; width:25%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);}
.content_img_btn .btn_center{float:left; width:50%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);}
.content_img_btn .btn_right{float:left; width:25%; height:100%; background: #FFF; opacity:0.0; filter: alpha(opacity = 0);}

.hidden{display:none;}

.line_notice{width:100%; height:35px; line-height:35px; text-indent:35px; color:#fff; font-size:12px; /*background:url(../images/icon_mic.png) no-repeat;*/ background-color: #000000e3; 15px center #333; background-size:14px 20px;}
.line_notice .line_notice_close{width:20px; height:20px; display:block; /*background:url(../images/comics_notice_close.png) no-repeat;*/ background-color: #000000e3; float:right; margin:7px 15px 0 0; background-size:20px 20px;}

p.comment_ea{position:absolute; top:0; left:0; color:#fff; background:url(/assets/img/mobile/comment_icon_w.png) no-repeat 5px center rgba(250,164,64,0.9); background-size:14px; font-size:12px; padding:5px 10px; text-indent:15px;}
p.comment_ea_d_day {position:absolute; top:0; left:35px; color:#fff; background:url(/assets/img/mobile/comment_icon_w.png) no-repeat 5px center rgba(250,164,64,0.9); background-size:14px; font-size:12px; padding:5px 10px; text-indent:15px;}

.mylist_ea{font-size:10px; color:#fff; background:#ff3838; height:17px; line-height:19px; border-radius:20px; display:inline-block; text-align:center; padding:0px 5px; min-width:17px; float:left; margin:10px 0 0 5px;}
.mylist_float{float:left;}
.slide_event_bnr{width:100%; padding:0 10px; margin-top:10px;}
.slide_event_bnr a{display:block; width:100%; padding-bottom:12%; background:#f6f6f6; background-size:cover; background-repeat:no-repeat; background-position:center center;}

.event_coin{width:100%; padding:10px; }
.event_coin ul{border-radius:5px; border:1px solid #d6d6d6; background:#e8e8e8;}
.event_coin p.title{float:left; color:#333; font-size:12px;}
.event_coin p.event_coin_info{float:right; font-size:18px; color:#e63740;}
.event_coin p.event_coin_info a.event_coin_charge{display:block; border-radius:3px; background:#fd4234; color:#fff; text-align:center; font-size:10px; width:25px; height:18px; line-height:18px; margin:7px 0 0 5px; float:right;}
.event_coin ul li{padding:0 10px; border-bottom:1px solid #d6d6d6; height:35px; line-height:35px;}
.event_coin ul li:last-child{border-bottom:0;}

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

.icon_layer_close_x_w {width: 17px; height: 28px; background-position: -90px 11px;}
.message_box p {letter-spacing:0px; color: #333; text-align: left; text-indent: 3px; font-size:15px; font-weight:bold; margin-bottom:11px;}
.message_box textarea.cinput_box {padding: 15px; border-radius: 3px; border: 1px #D8D8D8 solid; background: #FAFAFA; height:140px; font-size:12px; width:100%}
.message_box button.btn_qna_write {background-color: #e63740; 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;}

span.recent_view_icon{width:20px; height:20px; background: url(/assets/img/mobile/icon_waitfree.png) no-repeat center center; background-size:100%; display:block; opacity:0.8;}
.recent_view{width:100%; height:256px; background:rgba(0,0,0,0.9); position:absolute; top:0; left:0; z-index:-1;}
.recent_view p.recent_view_title{width:211px; height:26px; line-height:26px; background: url(/assets/img/mobile/icon_waitfree.png) no-repeat 10px center; text-indent:20px; background-size:15px; border:1px solid #fff; color:#fff; font-size:14px; font-weight:bold; border-radius:20px; margin:60px auto 15px; text-align:center;}
.recent_view .list_slider{white-space:nowrap; overflow:auto; -webkit-overflow-scrolling:touch; width:100%; padding:0 15px;}

.recent_view .list_slider ul.recentry_list li{display:inline-block; margin-right:20px; width: 24%; white-space: nowrap; -webkit-box-orient: vertical;}
.recent_view .recentry_left{position:absolute; top:0px;}
.view_b > img { position: absolute; top: 64%;}
.recent_view .recentry_right{position:absolute; top:0px; right:0px;}

.recent_view .recent_thumb{width:70px; height:70px; background-size:cover; background-repeat:no-repeat; background-position:center center; border:1px solid #000; position:relative; margin:0 auto 5px; border-radius:50%;}
.recent_view .recent_thumb .recent_delete{width:20px; height:20px; background:url(/assets/img/mobile/squre_close_red.png) no-repeat center center #333; position:absolute; top:0; right:0; display:block; cursor:pointer; background-size:20px;}
.recent_view p.thumb_title{color:#fff; font-weight:bold; font-size:14px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.recent_view p.thumb_title:last-child {padding-bottom: 18px;}
.recent_view p.thumb_episode{color:#999; font-size:12px; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recent_view .thumb_add {background:#ddd;}
.recent_view .thumb_add img {margin: auto; width: 52px; padding-top: 8px;}
.recent_view_btn { background: url(/assets/img/mobile/icon_waitfree.png) no-repeat 10px 2px; background-size: 20px; width: 30px; height: 22px; float: left;}
.btn_adult {float:left;}
a.recent_view_close { width: 100%; height: 20px;  position: absolute;  bottom: -20px; left: 0;  background: url(/assets/img/mobile/btn_recent_up.png) no-repeat center center #e63740;  background-size: 12px 6px; box-shadow: 0px 4px 5px rgba(4, 4, 4, 0.5);}

.toon {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff;}
.toon ul.toon_list {list-style:none;}
.toon ul.toon_list li {border-bottom:1px #dddddd solid; padding:2px 15px 2px 10px;}
.toon ul.toon_list li:last-child{border-bottom:0;}
.toon ul.toon_list li {clear:both;color: #000;position: relative;display: block; height:60px;}
.toon ul.toon_list li.list_order{font-size:12px; padding:0 10px; line-height:34px; height:34px !important}
.toon ul.toon_list li.list_order a.btn_order{float:right; margin-right:10px; background:url(/assets/img/mobile/icon_ep_arrow_down.png) no-repeat right center; background-size:14px 8px; padding-right:20px;}
.toon ul.toon_list.no li {height: 72px;}
.toon ul.toon_list.ep li {height: 85px;}
.toon ul.toon_list li .thumb {width:55px; height:55px; background-position:center center; float:left; margin-right:10px; position:relative; background-size:100%;}
.toon ul.toon_list li .no_thumb {width:55px; height:72px; background-position:center center; float:left; margin-right:10px; position:relative; background-size:100%;}
.toon ul.toon_list li .thumb_ep {width: 60px;height: 80px;background-position: center center;margin-right: 10px;position: absolute;background-size: cover;}
.toon ul.toon_list li .thumb_ep.blur {-webkit-filter: blur(5px);filter: blur(5px);-webkit-transform:translate3d(0,0,0);overflow: hidden}
.toon ul.toon_list li .req_login{z-index:50;line-height: 14px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.75);font-weight: 400;position: absolute;top: 17px;text-align: center;display: block;font-size: 12px;left: 15px;width:65px;font-weight:400}
.toon ul.toon_list li .textbox {font-weight: bold;margin-top: 19px;display: inline-block;position: absolute;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;left: 88px;}
.toon ul.toon_list li .textbox .list_synopsis{color:#666; font-weight:bold; font-size:12px;
display:-webkit-box;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical; white-space:normal; padding:3px 15px 3px 0;
-webkit-line-clamp:1;}
.toon ul.toon_list li .textbox .view_count{
	    float: left;
  color: #fe330b;
  font-size: 12px;
  vertical-align: top;
  font-weight: 900;
  background: url(/assets/img/mobile/icon_like_web.png) no-repeat 0 3px;
  background-size: 15px;
  text-indent: 18px;}
@media screen and (max-width: 640px) {.toon ul.toon_list li .textbox.ep_list{max-width:512px}}
@media screen and (max-width: 540px) {.toon ul.toon_list li .textbox.ep_list{max-width:216px}}
@media screen and (max-width: 320px) {.toon ul.toon_list li .textbox.ep_list{max-width:162px}}
.toon ul.toon_list li .textbox_no {float: left;font-weight: bold;margin-top: 3px;}
.toon ul.toon_list li .textbox .date {vertical-align:text-top; line-height:12px; font-size:11px; font-weight:bold; color:#666;}
.toon ul.toon_list li .arrow {float:right; width:6px; height:9px; background-position:-0px -0px; margin:23px 10px 0 0;}
.toon ul.toon_list li .arrow2 {position:absolute; z-index:3; float:right; margin-top:23px; width:6px; height:9px; background-position:-0px -0px;}
.toon ul.toon_list li .arrow3 {position:absolute; z-index:5; position:absolute; top:50%; right:15px; width:6px; height:9px; background-position:-12px -0px; margin-top:-5px;}
 
.toon ul.toon_list.toon_rank_area {display:block;}
.ico_dday {width: 65px;height: 15px;background-color: #fa1b00;color: #fff; font-size: 11px;text-align: center;position: absolute;bottom: 0;left: 0;z-index:2;line-height: 15px;margin-left: 15px;}

 
.menuline_new{width:100%; height:40px; background:#e8ecf0; margin-top:-3px; position:relative;}
.menuline_new ul.depth_menu{width:90%; background:#e8ecf0; position:absolute; top:5px; left:11px;}
.menuline_new ul.depth_menu li{ height:28px; line-height:28px; margin-right:15px;}
.menuline_new ul.depth_menu li a{display:block; font-size:14px; font-weight:bold;}
.menuline_new ul.depth_menu li.on{}
.menuline_new ul.depth_menu li.on a{color:#e63740;}
.menuline_new .order_selectbox{position:absolute; top:5px; right:10px; background:#fff;}
.menuline_new .order_selectbox select{direction:rtl; width:90px;height:28px; line-height:28px; border:1px solid #ddd; font-size:11px; padding-right:13px; border-radius:0;}

.bubblebox{border:2px solid #000; width:183px; height:55px; padding:10px; background:#fff; border-radius:5px; position:absolute; top:48px; right:15px; line-height:16px; letter-spacing:0; font-size:12px; color:#000;}
.bubblebox a.close_bubble{display:block; width:18px; height:18px; position:absolute; top:5px; right:5px; background:url(/assets/img/www/common/bubble_close.png) no-repeat; padding:0; margin:0; min-width:18px;}
.bubblebox span.triangle{width:9px; height:7px; background:url(/assets/img/www/common/bubble_triangle2.png) no-repeat; display:block; position:absolute; bottom:51px; right:35px;}


.mypage .comiclist_setting{margin-bottom:15px;}
.mypage .comiclist_setting a{display:block; margin-left:-1px; width:55px; height:30px; line-height:30px; border:1px solid #ddd; text-align:center; font-size:12px; float:left;color:#000;
  background: #ffffff;
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
}
.comiclist_setting a.complete{border-radius:5px 0 0 5px; margin-left:10px;}
.comiclist_setting a.adult{}
.comiclist_setting a.allage{border-radius:0 5px 5px 0;}
.comiclist_setting a.active{background:#999baa; color:#fff; box-shadow:inset 2px 2px 5px #767783; border-color:#7b7f87;}

@media screen and (max-width:320px) {
.weekly_top_bnr img{width:100% !important;}
.area_block{background:#fff; border-bottom:1px solid #ddd; margin-bottom:5px; padding:0 10px 20px;}
.area_block.morebottom{padding:0;}
.area_block.morebottom .list_block{padding:0 10px;}
.area_block.morebottom a.btnfull_more{display:block; height:45px; line-height:45px; text-align:center; color:#666; font-size:14px; background:#f7f7f7; border-top:1px solid #eee;}
.area_block.morebottom a.btnfull_more span{display:inline-block;}
.area_block.morebottom a.btnfull_more span.more_arrow{width:21px; height:12px; background:url(/assets/img/mobile/common/moreview_arrow_gray.png) no-repeat center bottom; background-size:16px; margin-left:1px;}
.area_block.morebottom a.btnfull_more span.more_arrow.close_arrow {background:url(/assets/img/mobile/common/moreview_arrow_close.png) no-repeat center center; background-size:16px;}

.area_block .list_slider{width:100%; white-space:nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.area_block .list_slider li{display:inline-block; float:none !important; width:32% !important; margin-left:1% !important;}
.area_block .list_slider li.thumb_moreview a{display:block;}
.area_block .list_slider li.thumb_moreview .thumbbox{background:#f6f6f6; background:url(/assets/img/mobile/common/btn_moreview_thumb.png) no-repeat center #f6f6f6; background-size:112px;}
.area_block .list_slider li.thumb_moreview p{visibility:hidden;}
.last_block{margin-bottom:0; border-bottom:0;}/*마지막에 오는 블럭 영역일 경우*/
.area_block .block_tit{padding:25px 0 15px; text-align:center;}
.area_block .block_tit.type_left{position:relative; text-align:left; padding:25px 10px 15px; border-bottom:1px solid #ddd;}
.area_block .block_tit p.tit_main{font-size:17px; color:#000; font-weight:600; margin-bottom:4px;}
.area_block .block_tit p.tit_sub{font-size:12px; color:#666;}
.area_block .block_tit p.tit_category{font-size:12px; color:#666; text-align:right; position:absolute; top:25px; right:10px;}
.area_block .block_tit p.tit_category a{display:inline-block; width:45px; height:20px; line-height:20px; text-align:center; margin-left:3px; color:#000; font-size:11px; border-radius:20px;}
.area_block .block_tit p.tit_category a.active{color:#fff; background:#e63740;}
.area_block_sub{background:#fff; border-bottom:1px solid #ddd; margin-bottom:5px;}
.area_block_sub .block_tit_sub{padding:10px; text-align:left;}
.area_block_sub .block_tit_sub p.tit_main span{font-size:14px; color:#000; font-weight:600; margin-bottom:4px; height:24px; line-height:24px;}
.area_block_sub .block_tit_sub p.tit_main a.btn_link{font-size:12px; color:#000; float:right; border:1px solid #ddd; text-align:center; border-radius:50px; padding:0 7px; height:24px; line-height:24px; font-weight:normal;}
.area_block_sub .sub_content{padding:10px;}

.new_index{width:100%; background:#e8ecf0;}

.new_index .header_top{width:100%; height:45px; line-height:45px; position:absolute; top:0; left:0; z-index:99;}
.new_index .header_top a{display:inline-block;}
.new_index .header_top .lgtmenu{float:left; padding-left:10px;}
.new_index .header_top .rgtmenu{float:right; position:relative; padding-right:10px;}
.new_index .header_top .rgtmenu a{display:inline-block; text-align:right; margin-left:6px; vertical-align:middle;}
.new_index .header_top .rgtmenu a.btn_giftbox{width:22px; height:22px; background:url(/assets/img/mobile/common/float_giftbox.png); background-size:100%; position:relative;}
.new_index .header_top .rgtmenu a.btn_giftbox .gift_layer_guide_yellow{width:194px; height:68px; position:absolute; top:25px; right:-18px; z-index:5; background:url(/assets/img/mobile/common/giftbox_alert_pop.png) no-repeat center; background-size:100%;}
.new_index .header_top .rgtmenu a.btn_giftbox .gift_layer_guide_yellow .yellow_close{width:30px; height:30px; position:absolute; top:5px; right:0; background:url(/assets/img/mobile/common/giftbox_layerpop_close_yellow.png) no-repeat center; background-size:10px; display:block;}
.new_index .header_top .rgtmenu a.btn_search{width:22px; height:22px; background:url(/assets/img/mobile/common/new_ico_search_w.png); background-size:100%;}
.new_index .header_top .rgtmenu a.service_menu{width:22px; height:22px; background:url(/assets/img/mobile/common/new_ico_menu_w.png); background-size:100%; margin-left:10px;}
.new_index .header_top a.logo{display:block; width:80px; height:15px; margin-top:19px; float:left; background:url(/assets/img/mobile/common/new_logo_w.png) no-repeat; background-size:80px;}

.new_index .mode_group{position:absolute; width:144px; height:24px; top:12px; left:50%; margin-left:-72px;}
.new_index .mode_group li{float:left; margin-left:5px; width:43px; height:24px; line-height:24px; text-align:center; background:transparent; border:1px solid #fff; border-radius:15px; letter-spacing:-1px; }
.new_index .mode_group li a{display:block; color:#fff; font-size:11px;}
.new_index .mode_group li.active{background:#e63740; border:1px solid #e63740;}
.new_index .mode_group li.active a{color:#fff;}
@media (max-width:320px){
.new_index .header_top a.logo{display:block; width:80px; height:15px; margin-top:19px; float:left; background:url(/assets/img/mobile/common/new_logo_w.png) no-repeat; background-size:80px;}
.new_index .mode_group{position:absolute; width:144px; height:24px; top:12px; left:50%; margin-left:-72px;}
}

.new_index .header_top.scroll_w{background:#fff;}
.new_index .header_top.scroll_w .rgtmenu a.btn_search{background:url(/assets/img/mobile/common/headicon_search_n.png); background-size:100%;}
.new_index .header_top.scroll_w .rgtmenu a.service_menu{background:url(/assets/img/mobile/common/headicon_menu_n.png); background-size:100%;}
.new_index .header_top.scroll_w a.logo{background:url(/assets/img/mobile/common/logo_normal_n.png) no-repeat; background-size:80px;}
.new_index .header_top.scroll_w .mode_group li{background:transparent; border:1px solid #ddd;}
.new_index .header_top.scroll_w .mode_group li a{color:#000;}
.new_index .header_top.scroll_w .mode_group li.active{background:#e63740; border:1px solid #e63740;}
.new_index .header_top.scroll_w .mode_group li.active a{color:#fff;}

span.icomenu{display:block; width:40px; height:40px; background-size:40px; background-repeat:no-repeat; margin:0 auto 5px;}
span.icomenu.icomenu_attendcheck{background-image:url(/assets/img/mobile/common/icomenu_attendcheck.png);}
span.icomenu.icomenu_freecharge{background-image:url(/assets/img/mobile/common/icomenu_freecharge.png);}
span.icomenu.icomenu_giftbox{background-image:url(/assets/img/mobile/common/icomenu_giftbox.png);}
span.icomenu.icomenu_event{background-image:url(/assets/img/mobile/common/icomenu_event.png);}
span.icomenu.icomenu_library{background-image:url(/assets/img/mobile/common/icomenu_library.png);}
span.icomenu.icomenu_todayhalf{background-image:url(/assets/img/mobile/common/icomenu_half.png);}
span.icomenu.icomenu_salefree{background-image:url(/assets/img/mobile/common/icomenu_sale.png);}
span.icomenu.icomenu_freenew{background-image:url(/assets/img/mobile/common/icomenu_new.png);}
span.icomenu.icomenu_waitfree{background-image:url(/assets/img/mobile/common/icomenu_waitfree.png);}

span.new_txcon{display:inline-block; width:25px; height:15px; background-size:25px; background-repeat:no-repeat;}
span.new_txcon.ico_up{background-image:url(/assets/img/mobile/common/new_txtico_up.png);}
span.new_txcon.ico_comment{background-image:url(/assets/img/mobile/common/new_txtico_comment.png);}
span.new_txcon.ico_new{background-image:url(/assets/img/mobile/common/new_txtico_new.png);}
span.new_txcon.ico_recommend{background-image:url(/assets/img/mobile/common/new_txtico_recommend.png);}
span.new_txcon.ico_end{background-image:url(/assets/img/mobile/common/new_txtico_end.png);}
span.new_txcon.ico_rest{background-image:url(/assets/img/mobile/common/new_txtico_rest.png);}

.new_index .new_theme_bnr{width:100%; position:relative; }
.new_index .new_theme_bnr .theme_bnr_list .theme_bnr_area a.btn_allview{position:absolute; width:90px; bottom:10px; right:10px; color:#fff; background:rgba(0,0,0,0.7); font-size:11px; padding:0 10px; height:25px; line-height:25px; z-index:2; border-radius:50px; text-align:center;}
.new_index .new_theme_bnr .theme_bnr_area {}
.new_index .new_theme_bnr .theme_bnr_list .theme_bnr_area a{width:100%; padding-bottom:70%; background-size:cover; display:block;}

.new_index .menuline{width:100%; background:#fff; height:40px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.new_index .menuline li{height:40px; line-height:40px; width:15% !important; float:left;}
.new_index .menuline li:nth-child(3){width:16% !important;}
.new_index .menuline li:nth-child(4){width:19.5% !important;}
.new_index .menuline li:nth-child(5){width:19.5% !important;}
.new_index .menuline li a{display:block; color:#000; font-size:13px; text-align:center; font-weight:600;}
.new_index .menuline li.active{background:rgba(255,255,255,0.9); border-right:0;}
.new_index .menuline li.active a{color:#dc1e25; border-bottom:2px solid #dc1e25; height:40px;}

.new_index .menuline_week{width:100%; background:#fff; height:40px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.new_index .menuline_week li{height:40px; line-height:40px; width:12.5%; float:left; color:#000;}
.new_index .menuline_week li.today:after{content:''; display:block; position:absolute; top:8px; right:14px; width:4px; height:4px; background:#e63740; border-radius:50%;}
.new_index .menuline_week li.active a{display:block; color:#e63740; font-size:13px; text-align:center; font-weight:600;}
.new_index .menuline_week li a{display:block;  font-size:13px; text-align:center; font-weight:600;}

.list_renewal_week .new_week_menu{width:100%; height:40px; background:#fafafa; border-bottom:1px solid #ddd;}
/*.list_renewal_week .new_week_menu ul.menu_list{width:calc(100% - 55px); float:left;}*/
.list_renewal_week .new_week_menu ul.menu_list{float:left; width:calc(100% - 40px);}

.list_renewal_week .new_week_menu .viewtype_box{border-left:1px solid #ddd; line-height:40px; width:40px; height:40px; text-align:center; float:right;}
.list_renewal_week .new_week_menu .viewtype_box a{display:block; height:40px; line-height:40px;}
.list_renewal_week .new_week_menu .viewtype_box a.type3n{background:url(/assets/img/mobile/common/ico_viewtype3n.png) no-repeat center; background-size:15px;}
.list_renewal_week .new_week_menu .viewtype_box a.type2n{background:url(/assets/img/mobile/common/ico_viewtype2n.png) no-repeat center; background-size:15px;}
.list_renewal_week .new_week_menu ul.menu_list li{float:left; width:12.3%; position:relative;}
.list_renewal_week .new_week_menu ul.menu_list li.today:after{content:''; display:block; position:absolute; top:8px; right:14px; width:4px; height:4px; background:#e63740; border-radius:50%;}
/*.list_renewal_week .new_week_menu ul.menu_list li.today a{color:#e63740;}*/
.list_renewal_week .new_week_menu ul.menu_list li.active{padding:8px 3px;}
/* .list_renewal_week .new_week_menu ul.menu_list li.active a{color:#fff; background:#e63740; border-radius:20px; height:24px; line-height:24px;} */
.list_renewal_week .new_week_menu ul.menu_list li.active a{color:#e63740; font-weight:bold; height:24px; line-height:24px;}
.list_renewal_week .new_week_menu ul.menu_list li.new{width:13.9%;}
.list_renewal_week .new_week_menu ul.menu_list li a{display:block; line-height:40px; font-size:12px; color:#000; text-align:center;}

.ep_mycoupon{width:100%; height:45px; padding:0 10px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:5px;}
.ep_mycoupon span, .ep_mycoupon a{vertical-align:middle; display:inline-block;}
.ep_mycoupon span.ico_wait_coupon{width:22px; height:22px; background:url(/assets/img/mobile/common/ico_ep_waitcoupon.png) no-repeat center #ef3f3b; background-size:14px; border-radius:50%; margin-right:3px;}
.ep_mycoupon a.help{width:15px; height:15px; background:url(/assets/img/mobile/common/ico_ep_question.png) no-repeat center; background-size:15px;}
.ep_mycoupon span.tit_coupon{font-size:12px; line-height:45px; color:#000; font-weight:600;}
.ep_mycoupon a.btn_open_ok{float:right; background:#ef3f3b; color:#fff; font-size:11px; text-align:center; border-radius:3px; line-height:20px; margin-top:12px; padding:0 5px; letter-spacing:-1px;}
.ep_mycoupon span.btn_open_ok_1{float:right; background:#ef3f3b; color:#fff; font-size:11px; text-align:center; border-radius:3px; line-height:20px; margin-top:12px; padding:0 5px; letter-spacing:-1px;}
.ep_mycoupon .read_open_timer{float:right; width:50%; text-align:right;}
.ep_mycoupon .read_open_timer span.txt_timer{color:#ef3f3b; font-size:11px; margin:5px 0 3px;}
.ep_mycoupon .read_open_timer .timer_gauge{width:80%; height:10px; border-radius:15px; float:right; overflow:hidden; position:relative; background:#e8ecf0;}
.ep_mycoupon .read_open_timer .timer_gauge .gauge_bar{height:12px; background:#ef3f3b; position:absolute; top:-1px; left:-1px;}

.ep_giftcoupon{width:100%; height:45px; padding:0 10px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:5px;}
.ep_giftcoupon span, .ep_giftcoupon a{vertical-align:middle; display:inline-block;}
.ep_giftcoupon span.ico_gift_coupon{width: 22px; height: 22px; background: url(/assets/img/mobile/common/ico_ep_giftcoupon.gif) no-repeat center #4898e5; background-size: 14px; border-radius: 50%; margin-right: 3px;}
.ep_giftcoupon a.help_giftcoupon{width:15px; height:15px; background:url(/assets/img/mobile/common/ico_ep_question.png) no-repeat center; background-size:15px;}
.ep_giftcoupon span.tit_coupon{font-size:12px; line-height:45px; color:#000; font-weight:600;}
.ep_giftcoupon a.btn_open_ok{float:right; background:#4898e5; color:#fff; font-size:11px; text-align:center; border-radius:3px; line-height:20px; margin-top:12px; padding:0 5px; letter-spacing:-1px;}
.ep_giftcoupon span.btn_open_ok_1{float:right; background:#4898e5; color:#fff; font-size:11px; text-align:center; border-radius:3px; line-height:20px; margin-top:12px; letter-spacing:-1px;}
.ep_giftcoupon span.btn_open_ok_1 a{display:block; padding:0 12px; color:#fff;}

.ep_myown{width:100%; height:60px; padding:10px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:5px;}
.ep_myown li{width:33.3%; float:left; text-align:center; color:#000;}
.ep_myown li.point span{color:#ef3f3b;}
.ep_myown li span{display:block;}
.ep_myown span.num_assets{font-family:roboto, helvetica, tahoma, sans-serif;}
.ep_myown span.txt_assets{font-size:12px; font-weight:600;}

.btn_area_new a.btn_viewrun2{width:49%; float:left; height:40px; background:#fff; color:#000; text-align:center; border-radius:5px; border:1px solid #ddd;}
.btn_area_new a.btn_viewrun2 span.btn_tt{font-size:14px; display:block; padding-top:3px; height:22px; line-height:22px; margin-bottom:-3px;}
.btn_area_new a.btn_viewrun2 span.ep_tt{font-size:11px; color:#999;}
.btn_area_new a.btn_allbuy{width:49%; float:right; height:40px; background:#ef3f3b; color:#fff; text-align:center; border-radius:5px;}
.btn_area_new a.btn_allbuy span.btn_tt{font-size:14px; display:block; padding-top:3px; height:22px; line-height:22px; margin-bottom:-3px;}
.btn_area_new a.btn_allbuy span.buy_info{font-size:11px; color:#ffa6a4;}
.btn_area_new a.btn_allbuy_event{width:49%; float:left; height:40px; background:#ef3f3b; color:#fff; text-align:center; border-radius:5px; }
.btn_area_new a.btn_allbuy_event span.btn_tt{font-size:14px; display:block; padding-top:3px; height:22px; line-height:22px; margin-bottom:-3px; font-weight:bold;}
.btn_area_new a.btn_allbuy_event span.buy_info{font-size:11px; color:#ffa6a4; }

.list_renewal_genre .new_genre_menu{width:100%; height:41px; background:#fafafa; border-bottom:1px solid #ddd; border-top:1px solid #ddd; position:relative;}
.list_renewal_genre .new_genre_menu .slider_gra{content:''; width:50px; height:40px; background:url(/assets/img/mobile/common/menu_gra_w.png) no-repeat right center; background-size:100%; z-index:2; position:absolute; top:0; right:55px;}
/*.list_renewal_genre .new_genre_menu .menu_slider{width:calc(100% - 55px); float:left; white-space:nowrap; overflow-x:hidden; -webkit-overflow-scrolling:touch; position:relative;}*/
.list_renewal_genre .new_genre_menu .menu_slider{width:100%; float:left; white-space:nowrap; overflow-x:hidden; -webkit-overflow-scrolling:touch; position:relative;}
.list_renewal_genre .new_genre_menu ul.menu_list_genre li{display:inline-block; position:relative; padding:0 5px; width:15%;}
.list_renewal_genre .new_genre_menu ul.menu_list_genre li.active a{color:#e63740;}
.list_renewal_genre .new_genre_menu ul.menu_list_genre li.today:after{content:''; display:block; position:absolute; top:10px; right:5px; width:4px; height:4px; background:#e63740; border-radius:50%;}
.list_renewal_genre .new_genre_menu ul.menu_list_genre li.new{width:13.9%;}
.list_renewal_genre .new_genre_menu ul.menu_list_genre li a{display:block; line-height:40px; font-size:12px; color:#000; text-align:center;}

.ico_menuline{width:100%; background:#fff; height:80px; border-bottom:1px solid #ddd; margin-bottom:5px; position:relative;}
.ico_menuline li{height:80px; width:20%; float:left;}
.ico_menuline.menu4n li{width:25%;}
.ico_menuline li a{display:block; color:#000; font-size:11px; text-align:center; padding-top:10px;}
@media (max-width:320px){
.ico_menuline li a{letter-spacing:-1px;}
}

.new_index .new_comic{background:#9db2b8; border-bottom:1px solid #89a2a9; padding:0 0 10px; margin-bottom:5px;}
.new_index .new_comic .block_tit{padding:20px 0 15px; text-align:center;}
.new_index .new_comic .block_tit p.tit_main{font-size:17px; color:#fff; font-weight:600; margin-bottom:4px;}
.new_index .new_comic .block_tit span.tit_subbox{font-size:12px; color:#e5eaeb; padding:0 10px; border:1px solid #e5eaeb; width:45px; height:20px; line-height:20px; margin:0 auto 8px;}
.new_index .new_comic .thumbbox{width:60%; padding-top:74%; margin:0 auto 10px; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3);}
.new_index .new_comic p.tit_thumb_c{font-size:13px; font-weight:600; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.new_index .new_comic p.genre_block{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.new_index .new_comic p.genre_block span{color:#dde4e6; display:inline-block; margin-right:5px; font-size:11px;}
.new_index .new_comic .dotted{margin:auto; text-align:center;}
.new_index .new_comic .dotted a{width:8px; height:8px; display:inline-block; text-align:center; background:rgba(255,255,255,0.5); border-radius:50%; margin:0 3px;}
.new_index .new_comic .dotted a.active{background:rgba(255,255,255,1);}

.new_index .theme_rowbnr{padding:0;}
.new_index .theme_rowbnr li{margin-bottom:5px;}
.new_index .theme_rowbnr li:last-child{margin-bottom:0;}
.new_index .theme_rowbnr .rowbnr_list a{display:block; height:120px; background-size:cover; background-position:center;} 
.new_index .index_genre .genre_list li{width:60px !important; height:60px; display:inline-block; margin-right:10px;}
.new_index .index_genre .genre_list li a{display:block; color:#000; text-align:center; font-size:12px;}
.new_index .index_genre .genre_list li a .genre_thumb{border-radius:50%; width:60px !important; height:60px; background-size:cover; background-position:center; margin-bottom:5px;}
.new_index .index_genre .genre_list li a p.genre_txt{width:60px; height:20px; line-height:20px; text-align:center;}
.new_index .index_genre .genre_list li.line2 span{height:30px; line-height:14px; margin-top:-15px;}

.subsub_list li{width:33.3%; float:left; margin-left:0%; border-left:1px solid #ddd; position:relative; padding-bottom:15px;}
.subsub_list li:nth-child(3n+1){margin-left:0;}
.bltl_slide li:nth-child(3n+1){margin-left:2%;}
.subsub_list li a{display:block;}
.subsub_list li:first-child{margin-left:0;}
.subsub_list li .thumbbox{padding-bottom:100%; background-size:cover; background-position:center; margin-bottom:5px; position:relative;}
.subsub_list li .thumbbox span.ico_wait{width:22px; height:22px; display:block; background:url(/assets/img/mobile/common/ico_ep_waitcoupon.png) no-repeat center rgba(0,0,0,0.5); background-size:14px; border-radius:50%; z-index:2; position:absolute; top:5px; left:5px;}
.subsub_list li .thumbbox span.ico_adult19{width:16px; height:16px; display:block; background:rgba(0,0,0,0.5); background-size:14px; border-radius:50%; z-index:2; position:absolute; right:5px; bottom:5px; color:#fff; line-height:17px; vertical-align:middle; font-size:10px; font-weight:bold; text-align:center;}
.subsub_list li p{height:20px; line-height:20px;}
.subsub_list li p.tit_thumb_c{font-size:13px; font-weight:600; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; padding:0 5px;}
.subsub_list li p.tit_thumb_c span.comic_up{display:block; width:15px; height:15px; background:url(/assets/img/mobile/common/ico_upnew.png) no-repeat center; background-size:15px; position:absolute; top:2px; right:0;}
.subsub_list li p.view_date, .subsub_list li p.thumb_info_s{color:#5b96cf; font-size:11px; overflow:hidden; word-break:break-all; padding:0 5px;}
.subsub_list li p.genre_block{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.subsub_list li p.genre_block span{color:#5b96cf; display:inline-block; margin-right:5px; font-size:11px;}
.subsub_list li span.free_info_coin_org{color:#999; text-decoration:line-through; padding-right:5px;}
.subsub_list li span.free_info_coin{color:#e63740;}
.subsub_list li .thumb_info_a {color: #929292; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:98%;}

.subsub_list_col li{width:100%; border-bottom:1px solid #f2f2f2;}
.subsub_list_col li:last-child{border-bottom:0;}
.subsub_list_col li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.subsub_list_col li a{display:block;}
.subsub_list_col li .ranking_number{width:30px; height:80px; line-height:80px; font-family:roboto, sans-serif; font-size:24px; color:#ccc; float:left; text-align:center; margin-right:5px;}
.subsub_list_col li .ranking_number.rank123{color:#000;}
.subsub_list_col li .thumbbox_info{float:left; height:80px; width:calc(100% - 160px); padding-top:10px;}
.subsub_list_col li p.tit_thumb_c{font-size:13px; font-weight:600; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative;}
.subsub_list_col li p.tit_thumb_c span.comic_up{display:inline-block; width:15px; height:15px; background:url(/assets/img/mobile/common/ico_upnew.png) no-repeat center; background-size:15px; margin-left:5px;}
.subsub_list_col li p.thumb_info_s{color:#5b96cf; font-size:11px; margin-bottom:3px;}
.subsub_list_col li .thumbbox_row{float:right; width:110px; height:70px; background-size:cover; background-position:center; position:relative; margin-top:5px;}

.sub_header{background:#fff; border-bottom:1px solid #ddd;}
.sub_header .sub_top{height:45px; line-height:45px; position:relative; padding:0 10px;}
.sub_header .sub_top .lftmenu{width: calc(100% - 90px); float:left;}
.sub_header .sub_top .lftmenu a.btn_back{display:inline-block; width:20px; height:20px; background:url(/assets/img/mobile/common/headicon_back_n.png) no-repeat center center; background-size:20px; vertical-align:middle;}
.sub_header .sub_top .lftmenu p.tit_topsub{display:inline-block; font-size:15px; font-weight:600; color:#000;}
.sub_header .sub_top .lftmenu p.tit_topsub span{display:inline-block; vertical-align:middle;}
.sub_header .sub_top .rgtmenu{float:right; text-align:right;}
.sub_header .sub_top .rgtmenu a{display:inline-block; margin-left:6px; vertical-align:middle;}
.sub_header .sub_top .rgtmenu a.btn_gohome{width:20px; height:20px; background:url(/assets/img/mobile/common/headicon_home_n.png); background-size:100%;}
.sub_header .sub_top .rgtmenu a.btn_hear_like{width:20px; height:20px; background:url(/assets/img/mobile/eplist/eplist_top_heart.png) no-repeat center; background-size:100%;}
.sub_header .sub_top .rgtmenu a.btn_hear_like.active{width:20px; height:20px; background:url(/assets/img/mobile/eplist/eplist_top_heart_on.png) no-repeat center; background-size:100%;}
.sub_header .sub_top .rgtmenu a.service_menu{width:20px; height:20px; background:url(/assets/img/mobile/common/headicon_menu_n.png); background-size:100%;}
.sub_header .sub_menu{background:#f6f6f6; height:40px; line-height:40px;}
.sub_header .sub_menu li a{display:block; color:#000; text-align:center; height:40px; line-height:40px;}
.sub_header .sub_menu li.active a{color:#e63740;}
.sub_header .sub_menu .menu_2n li{width:50%; float:left;}
.sub_header .sub_menu .menu_4n li{width:25%; float:left;}
.sub_header .sub_menu .menu_3n li{width:33.3%; float:left;}

.sto_library{background:#fff;}
.library_list{background:#fff; padding:0 10px 10px;}
.library_list .thumbbox input{position:absolute; top:3px; right:3px; border:1px solid; -webkit-appearance:checkbox;}
.library_list .thumbbox .my_percent{display: block; position: absolute; bottom:0; font-size: 11px; color: #fff; background: rgba(26,23,23,0.8); width:100%; text-align: center; height: 22px; line-height: 22px;
font-weight: bold;}
.library_list .thumbbox .check_box{position: absolute; top: 2px; right:2px; background: url(/assets/img/mobile/common/check_box_off.png) no-repeat 0 center; display: inline-block; width: 28px; height: 27px; background-size: 25px;}
.library_list .thumbbox .check_box.active{background:url(/assets/img/mobile/common/check_box_on.png) no-repeat 0 center; background-size: 25px;}
.ico_wait_free{width: 22px; height: 22px; background: url(/assets/img/mobile/common/ico_ep_waitcoupon.png) no-repeat center rgba(0,0,0,0.5); background-size: 14px; border-radius: 50%;
margin-right: 3px; z-index:2; position: absolute; margin: 2px 0 0 2px; }
    
.sub2_title h2 .library_edit{float:right; display:block; color:#5b96cf; padding:0 4px;}
    
.sub2_dropmenu {height: 40px; line-height: 40px; margin:10px 10px; position:relative; background:#fff;}
.sub2_dropmenu select{width:44.5%; border:1px solid #ddd; height:100%; float:left; border-right:0; padding-left:10px; background:url(/assets/img/mobile/common/select_arrow_down2.png) no-repeat 95% 16px #fff; background-size:16px; border-radius:0;}
.sub2_dropmenu .search{width:11%; border:1px solid #ddd; display:inline-block; height:100%; /* float:right; */ padding:10px 8px 0 0;}
.sub2_dropmenu .search > img{width:20px; float:right;}
.sub2_dropmenu .search_bar{height:60px; line-height:60px; position:absolute; top:40px; left:0; border:1px solid #ddd; background:#fff; z-index:3; border-top:0; width:100%; padding:0 12px 12px;}
.sub2_dropmenu .search_bar input{background:#f1f1f1; color: #797b7c; border-radius:80px; width:100%; padding:9px; text-indent:13px; font-size:14px;}

.sto_library_in{background:#e8ecef;}
.sto_library_in .comic_info2{width:100%; position:relative; padding:25px 10px 16px; border-bottom:1px solid #ddd; margin-bottom:5px; background: #fff;}
.sto_library_in .comic_info2 .thumbbox{width:85px; padding-bottom:85px; background-size:cover; background-repeat:no-repeat; float:left; margin-right:12px;}
.sto_library_in .comic_info2 .tit_thumb_c{font-size:14px; color:#000; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:7px 0 3px 0;}
.sto_library_in .comic_info2 .thumb_info_a{color:#929292; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:64%;}
.sto_library_in .comic_info2 .thumb_info_g{color:#5b96cf; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:56%; margin:10px 0 5px 0;}
.sto_library_in .comic_info2 .thumb_info_g span{vertical-align:middle;}
.sto_library_in .comic_info2 .thumb_info_g span.genre:after{content: '/'; margin: 0 3px; display: inline-block;}
    
.sto_library_in .comic_have{width:100%; padding:10px; border-bottom:1px solid #ddd; margin-bottom:5px; background: #fff; text-align:center;}
.sto_library_in .comic_have span{vertical-align:top;}
.sto_library_in .comic_have .have_txt{width:100%; font-weight:500; font-size:14px; color: #000;}
.sto_library_in .comic_have .have_txt .point{color: #df3744; font-weight:600;}
.sto_library_in .comic_have .have_icon{width:19px; display:inline-block; zoom:1; margin-right:4px;}
    
.library_list li.lib_none{border:1px dashed #ddd;}
.library_list li.lib_none .thumbbox{position:relative; margin-bottom:0;}
.library_list li.lib_none .thumbbox .epsode_have_tt{position:absolute; text-align:center;  width: 100%; top:30%;}
.library_list li.lib_none .thumbbox .epsode_have{color:#929292; font-size:13px;}
.library_list li.lib_none .thumbbox .coin_buy{color:#5b96cf; border:1px solid #cbccce; background:#fff; font-size:12px; font-weight:600; line-height:23px; width:62px; border-radius:50px; display:inline-block; zoom:1; text-align:center; margin-top:3px;}
.library_list li.lib_none .thumbbox .epsode_num{display: block; position:absolute; bottom: 0; font-size: 11px; color: #fff; background: rgba(26,23,23,0.8); width: 100%; text-align: center; height: 22px; line-height: 22px; font-weight: bold;}

.library_ed_mode{width:100%; position:fixed; bottom:0; font-size:14px; font-weight:400; z-index:100;}
.library_ed_mode .total_comic{width: 100%; height:35px; line-height:35px; background:#fff; border-top:1px solid #ddd; color:#000; text-align:right; padding-right:15px;}
.library_ed_mode .total_comic .point{color:#df3744;}
.library_ed_mode .my_edit{width: 100%; text-align:center;}
.library_ed_mode .my_edit a{display:block; display: inline-block; zoom:1; height:40px; line-height: 40px; float:left;}
.library_ed_mode .my_edit .my_comic{width: 48%; background: #ededed; color: #000;}
.library_ed_mode .my_edit .cancel_btn{width: 26%; background: #a7aeb4; color:#fff;}
.library_ed_mode .my_edit .delete_btn{width: 26%; background: #df3744; color:#fff;}

.drow_menu_ed{width: 100%; position: fixed; bottom: 0px; z-index:5;}
.drow_menu_ed .drop_box_area{width: 100%;}
.drow_menu_ed .drop_box_area .btn_door {display: block; width: 100%; height:8px; position: relative; background: #fff; border-top:1px solid #ccc; }
.drow_menu_ed .drop_box_area .btn_door{background-image: url(/assets/img/mobile/common/drop_up_btn.png) no-repeat;}
.drow_menu_ed .drop_box_area .btn_door:before {content: ""; display: inline-block; width: 64px; height: 17px; background-image: url(/assets/img/mobile/common/drop_down_btn.png); background-repeat: no-repeat;
    background-size: 62px; background-position: top center; position: absolute; left: 50%; top: -17px; margin-left: -32px;}
.drow_menu_ed .drop_box_area .btn_door.close:before {background-image: url(/assets/img/mobile/common/drop_up_btn.png); background-repeat: no-repeat;}
    
.drow_menu_ed .total_comic{width: 100%; height:35px; line-height:35px; background:#fff; color:#000; text-align:right; padding-right:15px;}
.drow_menu_ed .total_comic .point{color:#df3744;}
.drow_menu_ed .btn_area{width: 100%; overflow: hidden; background: #fff;}
.drow_menu_ed .btn_area .icon{display: inline-block; width:17px; vertical-align: middle; margin-right: 4px;}
.drow_menu_ed .btn_area > button{width:50%; height: 48px; line-height:48px; text-align: center; display:inline-block; color: #fff; font-weight:500; font-size:15px; float:left; letter-spacing:-0.4px;}
.drow_menu_ed .btn_area .my_comic{background: #98a0a7;}
.drow_menu_ed .btn_area .delete_btn{background: #e7383f;}
.drow_menu_ed .btn_area .delete_btn.my{width:100%; height: 48px; line-height:48px; text-align: center; display:inline-block; color: #fff; font-weight:500; font-size:15px; float:left; letter-spacing:-0.4px; background: #e7383f;}

.sub2_dropmenu2 {height: 40px; line-height: 40px; margin:0 10px 15px; position:relative; background:#fff;}
.sub2_dropmenu2 select{width:50%; border:1px solid #ddd; height:100%; float:left; padding-left:10px; background:url(/assets/img/mobile/common/select_arrow_down2.png) no-repeat 95% 16px #fff; background-size:16px; border-radius:0;}

.sub2_dropmenu2 select:first-child{border-right:0;}
.sub2_dropmenu2 .search{width:11%; border:1px solid #ddd; display:inline-block; height:100%; float:right; padding:10px 8px 0 0;}
.sub2_dropmenu2 .search > img{width:20px; float:right;}
.sub2_dropmenu2 .search_bar{height:60px; line-height:60px; position:absolute; top:40px; left:0; border:1px solid #ddd; background:#fff; z-index:3; border-top:0; width:100%; padding:0 12px 12px;}
.sub2_dropmenu2 .search_bar input{background:#f1f1f1; color: #797b7c; border-radius:80px; width:100%; padding:9px; text-indent:13px; font-size:14px;}
    
.library_ed_mode2{width:100%; position:fixed; bottom:0; font-size:14px; font-weight:400;}
.library_ed_mode2 .total_comic{width: 100%; height:35px; line-height:35px; background:#fff; border-top:1px solid #ddd; color:#000; text-align:right; padding-right:15px;}
.library_ed_mode2 .total_comic .point{color:#df3744;}
.library_ed_mode2 .my_edit{width: 100%; text-align:center;}
.library_ed_mode2 .my_edit a{display:block; display: inline-block; zoom:1; height:40px; line-height: 40px; float:left;}
.library_ed_mode2 .my_edit .cancel_btn{width: 50%; background: #a7aeb4; color:#fff;}
.library_ed_mode2 .my_edit .delete_btn{width: 50%; background: #df3744; color:#fff;}    

.sto_history{background:#fff;}
.sto_history .history_list li:last-child{margin-bottom:30px;}

.history_list {background:#fff; padding:0 10px 10px;}
.history_list .thumbbox input{position:absolute; top:3px; right:3px; border:1px solid; -webkit-appearance:checkbox;}

.sub2_title{padding:25px 10px 10px; background: #fff;}
.sub2_title h2{padding-bottom:0; color: #1a1717; font-size: 15px; font-weight:600; position:relative;}
.sub2_title h2 span{color: #e7383f;}
.sub2_tap {height: 40px; line-height: 40px; padding:0 10px; background: #fff;}
.sub2_tap .menu_2n li{float:left; width:50%; text-align:center; border:1px solid #ddd; background: #f6f6f6;}
.sub2_tap .menu_2n li:first-child{border-right:none;}
.sub2_tap .menu_2n li a{display:block; border-bottom:none; color: #1a1717;}
.sub2_tap .menu_2n li.active a{background:#fff; color: #df3744; display:block;}
.sub2_tap .menu_2n li.active{border-bottom:none;}

.subsub_list_hor li{width:100%; overflow:hidden; position:relative; padding:5px 0; border-bottom:1px solid #ddd;}
.subsub_list_hor li .thumbbox{width:85px; padding-bottom:85px; background-size:cover; background-repeat:no-repeat; float:left; margin-right:12px; position:relative;}
.subsub_list_hor li .thumbbox span.ico_wait{width:22px; height:22px; display:block; background:url(/assets/img/mobile/common/ico_ep_waitcoupon.png) no-repeat center rgba(0,0,0,0.5); background-size:14px; border-radius:50%; z-index:2; position:absolute; top:5px; left:5px;}
.subsub_list_hor li .thumbbox span.ico_adult19{width:16px; height:16px; display:block; background:rgba(0,0,0,0.5); background-size:14px; border-radius:50%; z-index:2; position:absolute; right:5px; bottom:5px; color:#fff; line-height:17px; vertical-align:middle; font-size:10px; font-weight:bold; text-align:center;}
.subsub_list_hor li .tit_thumb_c{font-size:13px; color:#000; font-weight:900; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:7px 0 3px 0;}
.subsub_list_hor li .tit_thumb_c.gift_tit{padding:2px 0 3px 0;}
.subsub_list_hor li .tit_thumb_c span{vertical-align:middle;}
.subsub_list_hor li .tit_thumb_c span.comic_up{display: block; width: 15px; height:15px; background: url(/assets/img/mobile/common/ico_upnew.png) no-repeat center; background-size: 15px; display: inline-block; zoom:1; margin-left:3px; margin-bottom:1px;}
.subsub_list_hor li .thumb_info_a{color:#929292; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:56%;}
.subsub_list_hor li .thumb_info_r{color: #1a1717; font-size:12px; margin:4px 5px 0;}
.subsub_list_hor li .thumb_info_d{color: #5b96cf; font-size:12px; margin:10px 0 5px 0;}
.subsub_list_hor li .thumb_info_d .like{width:12px; float:left; height:15px; padding-top:2px; margin-right:2px;}

.subsub_list_hor li .thumb_info_r span{color:#5b96cf;}
.subsub_list_hor li button.present_btn{display:inline-block; zoom:1; width:58px; height:58px; text-align:center; border-radius:80px; font-size:12px; letter-spacing:-1px; top:25px; position:absolute; right: 0; border:0; background:#a7aeb4; color:#fff;}
.subsub_list_hor li button.present_btn.active{color:#e7383f; background:#fff; border:1px solid #e7383f;}
.subsub_list_hor li:last-child{border-bottom:0; margin-bottom:15px; padding-bottom:0;}
.subsub_list_hor li button.comic_next_re{display:inline-block; zoom:1; width:58px; height:58px; text-align:center; border-radius:80px; font-size:12px; letter-spacing:-1px; top:18px; position:absolute; right: 0; border:0; background:#a7aeb4; color:#fff;}

.sto_present{background:#e8ecef;}
.present_list2 {background:#fff; padding: 10px;}
.present_list2 li{padding: 8px 0;}

.subsub_tap{width:100%; height:40px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:0px;}
.subsub_tap.menu_7n li{width:14.2%; float:left;}
.subsub_tap.menu_8n li{width:12.2%; float:left;}
.subsub_tap a{color:#666; display:block; text-align:center; height:40px; line-height:40px;}
.subsub_tap .active a{color:#e63740; position:relative;}
.subsub_tap a span.today{display:block; width:5px; height:5px; background:#e63740; border-radius:50%; position:relative; top:-35px; right:-60%;}

.bl_week_menu {width: 100%; height: 40px; background: #fff; border-bottom: 1px solid #ddd;}
.bl_week_menu ul.menu_list {float: left; width: calc(100% - 40px);}    
.bl_week_menu ul.menu_list li{float: left; width: 12.3%; position: relative;}    
.bl_week_menu ul.menu_list li a{display: block; line-height: 40px; font-size: 12px; color: #000; text-align: center;}    
.bl_week_menu ul.menu_list li.active {padding: 8px 3px;}
.bl_week_menu ul.menu_list li.active a{color: #e63740; font-weight: bold; height: 24px; line-height: 24px;}
.bl_week_menu ul.menu_list li.today:after{content: ''; display: block; position: absolute; top: 8px; right: 14px; width: 4px; height: 4px; background: #e63740; border-radius: 50%;}
.bl_week_menu .viewtype_box {border-left: 1px solid #ddd; line-height: 40px; width: 40px; height: 40px; text-align: center; float: right;}
.bl_week_menu .viewtype_box a{display: block; height: 40px; line-height: 40px;}
.bl_week_menu .viewtype_box a.type3n {background: url(/assets/img/mobile/common/ico_viewtype3n.png) no-repeat center; background-size: 15px;}
.bl_week_menu .viewtype_box a.type2n {background: url(/assets/img/mobile/common/ico_viewtype2n.png) no-repeat center; background-size: 15px;}

.publish_order{line-height:40px; overflow:hidden;}
.publish_order .order_info{color:#000; font-weight:bold; float:left; padding-left:10px;}
.publish_order .order_info span.point_txt{color:#e63740; margin-left:5px;}
.publish_order .order_menu{float:right; text-align:center; border-left:1px solid #ddd;}
.publish_order .order_menu select{height:38px; line-height:40px; background:#f6f6f6; padding:0 15px; font-size:12px; border-bottom:1px solid #ddd; -webkit-appearance:none; border:none; outline:none; text-align:center;}
.fixedcharge_info{background:#fff; border-bottom:1px solid #ddd; padding:0 10px; margin-bottom:5px;}
.fixedcharge_info span{display:inline-block; height:40px; line-height:40px;}
.fixedcharge_info span.fixedcharge_icon{width:30px; height:40px; background:url(/assets/img/mobile/common/icomenu_fixedcharge.png) no-repeat center; background-size:30px; margin-right:5px; vertical-align:middle; line-height:40px;}
.fixedcharge_info span.tit_fixed{color:#000; font-weight:900; vertical-align:middle; line-height:40px; height:40px;}
.fixedcharge_info span.fixed_date{color:#666; vertical-align:middle; line-height:40px; height:40px;}
.fixedcharge_info a.fixedcharge_charge{color:#e63740; border:1px solid #e63740; border-radius:50px; float:right; height:20px; font-size:12px; padding:0 7px; line-height:20px; margin-top:10px;}

.list_top100{position:relative;}
.list_top100 .list_rank1{display:block; width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; z-index:1;}
.list_top100 .list_rank1:after{width:100%; height:100%; background:url(/assets/img/mobile/common/ranking_gra.png) repeat-x left bottom; background-size:60%; position:absolute; bottom:0; left:0; content:'';}
.list_top100 .list_rank1 .rank1_info{width:90%; height:80px; position:absolute; bottom:50px; left:10px; z-index:3; color:#fff;}
.list_top100 .list_rank1 .rank1_info .rank_num{width:22px; height:80px; background:url(/assets/img/mobile/common/img_num1.png) no-repeat left bottom; background-size:100%;}
.list_top100 .list_rank1 .rank1_info .rank_dics{position:absolute; bottom:0; left:40px;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_genre{border:1px solid #e63740; height:20px; line-height:20px; color:#e63740; font-size:11px; text-align:center; padding:0 5px; display:inline-block; letter-spacing:-1px; margin-bottom:10px;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_info{ margin-bottom:5px;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_info span{display:inline-block; vertical-align:text-bottom; color:#fff;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_info span.tit_comic{font-size:20px; font-weight:bold; color:#fff; max-width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px; padding-top:2px;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_info span.write_comic{font-size:11px; color:#fff; max-width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.7;}
.list_top100 .list_rank1 .rank1_info .rank_dics p.comic_dics{width:100%; font-size:12px; color:#fff; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; padding-right:10px; opacity:0.7;}
.list_top100 ul.rank2_list{padding:0 10px; z-index:3; position:absolute; top:220px; left:0;}
.list_top100 ul.rank2_list li{background:#fff; height:65px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.list_top100 ul.rank2_list li a{display:block; height:65px; padding:5px 0;}
.list_top100 ul.rank2_list li .rank_num{font-size:32px; font-family:"Apple SD Gothic Neo", roboto, NanumBarunGothic, "Malgun Gothic", dotum, sans-serif; color:#ccc; text-align:center; width:66px; line-height:55px; float:left; font-weight:lighter; vertical-align:middle;}
.list_top100 ul.rank2_list li .rank_thumb{float:left; width:75px; height:55px; background-size:cover; background-position:center; margin-right:10px;}
.list_top100 ul.rank2_list li .rank_dics p.comic_info{padding:6px 0 3px;}
.list_top100 ul.rank2_list li .rank_dics p.comic_info span{display:inline-block; vertical-align:text-bottom;}
.list_top100 ul.rank2_list li .rank_dics p.comic_info span.tit_comic{font-size:13px; font-weight:bold; color:#000; max-width:47%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_top100 ul.rank2_list li .rank_dics p.comic_info span.write_comic{font-size:11px; color:#999; max-width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_top100 ul.rank2_list li .rank_dics p.comic_dics{font-size:12px; color:#666; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; padding-right:10px;}

.page_number2{text-align: center; position:relative; padding:0 18px 30px; overflow:hidden; background:#fff;}
.page_number2 .list_page{width:70%; text-align:center; margin:0 auto; display:inline-block; zoom:1; margin-top:4px;}
.page_number2 .list_page a{width:16%; display:inline-block; font-size:15px;}
.page_number2 .list_page a.active{color: #df3744; font-weight:600;}
.page_number2 .arrow_prev{background:url(/assets/img/mobile/common/icon_arrow_prev.png) no-repeat 13px 5px; background-size:10px; display: inline-block; width: 42px; height: 28px; overflow: hidden; vertical-align: middle; border: 1px solid #d0d1d2; font-size: 0; -webkit-appearance: none; background-color: #f6f6f9; cursor: pointer; float:left;}
.page_number2 .arrow_next{background:url(/assets/img/mobile/common/icon_arrow_next.png) no-repeat 16px 5px; background-size:10px; display: inline-block; width: 42px; height: 28px; overflow: hidden; vertical-align: middle; border: 1px solid #d0d1d2; font-size: 0; -webkit-appearance: none; background-color: #f6f6f9; cursor: pointer; float:right;}

.mypage_renew{width:100%;}
.mypage_renew .black{color:#000;}
.mypage_renew .point{color:#e33942;}
.mypage_renew .area_block_sub{background:#e8ecf0; border:0;}
.mypage_renew #my_info_section{background:#e33942; padding:22px 23px 15px; color:#fff; position:relative; margin-bottom:5px;}
.mypage_renew #my_info_section .my_account{border-bottom:1px solid #ed636d; padding-bottom:15px;}
.mypage_renew #my_info_section .my_account .my_setting{position:absolute; right:16px; top:12px; width:20px;}
.mypage_renew #my_info_section .my_account .my_setting a{display: block;}
.mypage_renew #my_info_section .my_account .level_badge{height:16px;}
.mypage_renew #my_info_section .my_account .sns_img{width:20px; border:1px solid #f8777d; border-radius:100px; float:left; margin-right:7px;}
.mypage_renew #my_info_section .my_account .user_email{margin-top:-7px;}
.mypage_renew #my_info_section .my_account .user_email .id_info{font-size:15px; font-family: "Apple SD Gothic Neo", roboto, NanumBarunGothic, "Malgun Gothic", dotum, sans-serif;}
    
.mypage_renew #my_info_section .my_coin{width:100%; font-size:13px; margin-top:5px;}
.mypage_renew #my_info_section .my_coin a{display:block; color:#fff;}
.mypage_renew #my_info_section .my_coin .coin_txt{width:56%; float:left; display:inline-block; zoom:1; margin-top:10px;}
.mypage_renew #my_info_section .my_coin .coin_txt .num{font-size:38px; display:inline-block; margin-top:16px; font-family: "Apple SD Gothic Neo", roboto, NanumBarunGothic, "Malgun Gothic", dotum, sans-serif;}
.mypage_renew #my_info_section .my_coin .coin_info{width:44%; display:inline-block; zoom:1; float:right; line-height:40px;}
.mypage_renew #my_info_section .my_coin .coin_info .bonus{border-bottom: 1px solid #ed636d;}
.mypage_renew #my_info_section .my_coin .coin_info span{display:inline-block; zoom:1;}
.mypage_renew #my_info_section .my_coin .coin_info span.bonus_right{float:right; padding-right:5px; font-size:15px; font-weight:600;}
.mypage_renew #my_info_section .my_coin .coin_info span.bonus_right.num{font-family: "Apple SD Gothic Neo", roboto, NanumBarunGothic, "Malgun Gothic", dotum, sans-serif;}
    
.mypage_renew .sub_content{background:#e8ecf0; padding:0; font-size:13px;}
.mypage_renew .sub_content .stand_area{background: #fff; border-bottom: 1px solid #ddd; margin-bottom: 5px; padding:15px 15px 22px; }
.mypage_renew .sub_content .stand_area table{border-top:2px solid #e7383f; border-bottom:1px solid #ddd; color:#666666; letter-spacing:-0.3px; table-layout:fixed;}
.mypage_renew .sub_content .stand_area table .message_read{color:#9D9D9D; cursor:pointer;}
.mypage_renew .sub_content .stand_area table .trashcan{background:url(/assets/img/mobile/common/icon_delete.png) no-repeat 50% 50%; background-size:27%;}
.mypage_renew .sub_content .stand_area table .my_txt{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; padding: 4px 5px; white-space: nowrap;}
.mypage_renew .sub_content .stand_area table .my_history{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 4px 5px; border: 0;}
@media (min-width:768px){
    .mypage_renew .sub_content .stand_area table .trashcan{background-size:10%;}
}
.mypage_renew .sub_content .stand_area table .trashcan a{display:block; height:100%;}
.mypage_renew .sub_content .stand_area table td{border: 1px solid #ddd; text-align:center; margin:0 auto; font-size:12px; text-align:center; height:43px;}
.mypage_renew .sub_content .stand_area table th{border: 1px solid #ddd; text-align:center; margin:0 auto; font-weight:500; color:#000; height:43px;}
.mypage_renew .sub_content .stand_area .level_tb img{width:33px; margin-left:5px;}
.mypage_renew .sub_content .stand_area .level_tb .bg_d{background:#fff8f7;}
.mypage_renew .sub_content .stand_area .level_tb .welcome{color:#3ca504; font-weight:600;}
.mypage_renew .sub_content .stand_area .level_tb .silver{color:#9d9d9d; font-weight:600;}
.mypage_renew .sub_content .stand_area .level_tb .gold{color:#f88d02; font-weight:600;}
.mypage_renew .sub_content .stand_area .level_tb .vip{color:#b78149; font-weight:600;}
.mypage_renew .sub_content .stand_area .comment{margin-bottom: 15px; font-weight:500; line-height:20px; font-size:14px;}
.mypage_renew .sub_content .txt_gray{font-size:12px; text-align:left; font-size: 11px; color: #666666; letter-spacing: -0.5px; padding:3px 0 10px;}
.mypage_renew .sub_content .my_score{padding:13px 15px; letter-spacing: -0.5px; width: 100%; text-align: left; font-size: 11px; color: #666666; border: 1px solid #dddddd; border-radius: 2px; float: none; font-weight: normal;}
.mypage_renew .sub_content .my_score strong{font-size:12px; font-weight:600;}
    
.mypage_renew .sub_content .stand_area .setting_tb .bg_d2{background:#f1f2f4;}
.mypage_renew .sub_content .stand_area .setting_tb .btn_area{padding-left:15px;}
.mypage_renew .sub_content .stand_area .setting_tb a{display:inline-block; zoom:1; border:1px solid; line-height:26px; width:55px; float:left; background:#f1f2f4; border:1px solid #cbccce;}
.mypage_renew .sub_content .stand_area .setting_tb a.active{color:#fff; background:#e7383f; border:1px solid #e7383f;}
.mypage_renew .sub_content .stand_area .setting_tb a + a{border-left:0;}

.mypage_renew .sub_content .block_tit_sub {padding:10px 15px; text-align: left; border-bottom:1px solid #ddd; background:#fff;}
.mypage_renew .sub_content .block_tit_sub.no_line{padding:10px 15px 0; border-bottom:0;}
    
.mypage_renew .sub_content .stand_area a.more{text-align:center; padding:10px 7px 5px; font-size:13px; display:block; letter-spacing: -0.3px;}
.mypage_renew .sub_content .stand_area a.more span{display:inline-block; zoom:1; vertical-align:middle;}
.mypage_renew .sub_content .stand_area a.more img{width:13px; padding-left:3px;}
    
.mypage_renew .sub_content #my_leave{padding-bottom:10px;}
.mypage_renew .sub_content #my_leave .block_tit_sub p.tit_main .leave_com{font-size:13px; color:#666666; font-weight:normal; letter-spacing: -0.3px; margin-left:5px;}

.mypage_renew .sub_content #my_charge .block_tit_sub{padding:25px 15px 0; border-bottom:0;}
.mypage_renew .sub_content #my_charge .block_tit_sub p.tit_main span{line-height:inherit;}
.mypage_renew .sub_content #my_coin_use .block_tit_sub p.tit_main span{line-height:inherit;}
.mypage_renew .sub_content .stand_area.space{padding-top:10px;}
.mypage_renew .sub_content #my_coin_use .block_tit_sub.no_line{padding:15px 15px 0; border-bottom: 0;}

.mypage_renew .sub_content #my_message .block_tit_sub{padding:25px 15px 0; border-bottom:0;}
.mypage_renew .sub_content #my_message .block_tit_sub p.tit_main span{line-height:inherit;}

.customer_renew{background:#fff; padding:0 10px; font-size:13px;}
.customer_renew .sub2_title{padding:25px 0 10px;}
.customer_renew .sub2_title h2 .faq_edit{float: right; display: block; color: #5b96cf; padding: 0; letter-spacing: -0.3px; font-size: 13px; font-weight: 500;}
.customer_renew .search_box{background:#f1f2f4; border-top:2px solid #e7383f; height:70px;}
.customer_renew .search_box > div{background: #fff; border-radius: 50px; width: 90%; margin:15px auto; overflow:hidden;}
.customer_renew .search_box > div input{background-color:transparent; height:39px; line-height:37px; text-align:left; padding-left:18px; float: left; width:85%;}
.customer_renew .search_box .search{display:inline-block; zoom:1; float:right;}
.customer_renew .search_box .search a{display:block; padding:9px;}
.customer_renew .search_box .search img{width:20px;}
    
.sub2_tap.no_padding {padding:0;}
.sub2_tap .menu_5n li{float:left; width:20%; text-align:center; border:1px solid #ddd; background: #f6f6f6; font-size:13px; letter-spacing:-0.3px; height:40px; line-height:40px;}
@media (max-width:320px){
    .sub2_tap .menu_5n li{font-size:11px; letter-spacing:-0.4px;}
}
.sub2_tap .menu_5n li + li{border-left:0;}
.sub2_tap .menu_5n li a{display:block; border-bottom:none; color: #1a1717;font-size:12px;}
.sub2_tap .menu_5n li.active a{background:#fff; color: #df3744; display:block;}
.sub2_tap .menu_5n li.active{border-bottom:none;}
    
.cs_list{margin: 15px 0; padding-bottom:35px;}
.cs_list li{width:100%; border-top:1px solid #ddd; margin-bottom:0; margin-left:0;}
.cs_list li p{height:inherit;}
.cs_list li:first-child{border-top:0;}
.cs_list li:last-child{border-bottom:1px solid #ddd;}
.cs_list li .cs_heading{padding:10px 15px;} 
.cs_list li .cs_answer{padding:10px 15px; background: #f1f2f4; border-top: 1px solid #ddd;display:none;} 
.cs_list li .cs_heading .alphabet{font-weight:600; font-size:16px; width:22px; float:left; color:#000;}
.cs_list li .cs_heading .heading_txt{font-size:14px; color:#000; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}    
.cs_list li .cs_answer .alphabet{font-weight:600; font-size:16px; width:22px; float:left; color:#e7383f;}
.cs_list li .cs_answer .cs_answer_txt{padding-left:23px; font-size:13px; color:#666; font-weight:normal; letter-spacing: -0.3px;}        

.customer_renew .counsel_box{border-top:2px solid #e7383f; padding-bottom:35px;}
.customer_renew .counsel_box form {display: block; margin-top: 0em;}
.customer_renew .counsel_box .input_form{padding-bottom:15px; border-bottom: 1px solid rgb(221, 221, 221);}
.customer_renew .counsel_box .input_form p{border: 1px solid #ddd; border-radius: 5px; margin-top: 8px; padding: 2px 10px; background: #f6f6f6; position: relative;}
.customer_renew .counsel_box .input_form p input, .input_form p select {width: 100%; height: 33px; line-height: 33px; background: transparent;}
.customer_renew .counsel_box .input_form span.select_arrow {position: absolute; top: 16px; right: 10px; z-index: 2;}
.customer_renew .counsel_box .input_form p textarea {width: 100%; height: 200px; background: transparent;}
.customer_renew .counsel_box .icon_arrow_down_gray {width: 13px; height: 8px; background-position: -100px -96px;}    
.customer_renew .counsel_box .headimg {display: block; background: url(/assets/img/mobile/common/icon_down.png) no-repeat; background-size: 13px auto; margin: auto;}    
    
.customer_renew .counsel_box .notice ul.notice_list{display:inherit;}
.customer_renew .counsel_box .notice a.title {font-size: 14px; color: #000; font-weight:500; display: block; height: 30px; line-height: 30px;}
    
.customer_renew .counsel_box .btn_write {width: 100%; background: #e7383f; height: 45px; line-height: 45px; text-align: center; display: block; border-radius: 5px; color: #fff;font-weight: bold; font-size: 16px;}
   
.customer_renew .counsel_box .btn_write.space {margin-top:20px;}

.todays_free_bnr{width:100%; background:#2c3139; text-align:center; padding:25px 10px 10px;}
.todays_free_bnr .subtit{width:108px; height:20px; background:url(/assets/img/www/common/sub_tit_todayfree.png) no-repeat center; margin:0 auto 15px; background-size:108px;}
.subtit_half{width:97px; height:20px; background:url(/assets/img/mobile/common/sub_tit_todayhalf.png) no-repeat center; margin:auto; background-size:97px;}
.freenew_bnr_area{position:relative; padding-bottom:48%; background-size:cover; background-position:center;}
.freenew_bnr_area .freebadge{position:absolute; top:-5px; left:5px; width:49px; height:45px; background:url(/assets/img/www/common/freepage_badge.png) no-repeat center; background-size:49px;}
.freenew_bnr_area p{width:45px; text-align:center; letter-spacing:-1px;}
.freenew_bnr_area p.txt_epiea{color:#fff; font-size:14px; font-weight:900; height:18px; line-height:18px; margin-top:8px;}
.freenew_bnr_area p.txt_freehalf{color:#fcbabc; font-size:11px; height:14px; line-height:14px;}

.free_renewal .main_banner .ctrl_btn2{width:100%; text-align:center; margin:auto; height:70px;} 
.free_renewal .main_banner .ctrl_btn2 a{width:25%; display:block; float:left; font-size:11px; color:#1a1717; font-weight:bold; letter-spacing:-1px; text-align:center; border-left:1px solid #ddd; background-color:#fff; border-bottom:1px solid #ddd; height:70px; padding-top:5px;}
.free_renewal .main_banner .ctrl_btn2 a span.btn_bg_01{background:url(/assets/img/mobile/free_webtoon2/free_btn_01.png) no-repeat center center; display:block; margin:2px auto -3px; background-size:58%; width:auto; height:38px; max-width:62px;}
.free_renewal .main_banner .ctrl_btn2 a span.btn_bg_03{background:url(/assets/img/mobile/free_webtoon2/free_btn_03.png) no-repeat center center; display:block; margin:2px auto -3px; background-size:58%; width:auto; height:38px; max-width:62px;} 
.free_renewal .main_banner .ctrl_btn2 a span.btn_bg_05{background:url(/assets/img/mobile/free_webtoon2/free_btn_05.png) no-repeat center center; display:block; margin:2px auto -3px; background-size:59%; width:auto; height:38px; max-width:62px;} 
.free_renewal .main_banner .ctrl_btn2 a span.btn_bg_06{background:url(/assets/img/mobile/free_webtoon2/free_btn_06.png) no-repeat center center; background-position-x:18px;  display:block; margin:2px auto -3px; background-size:59%; width:auto; height:38px; max-width:62px;} 
.free_renewal .main_banner .ctrl_btn2 a.active .btn_text {color:#FF4603;}

.free_theme_bnr{width:100%; position:relative; }
.free_theme_bnr .free_theme_bnr_list{width:100%; background-size:cover; display:block;}
.free_theme_bnr .free_theme_bnr_list li{display:block;}
.free_theme_bnr .free_theme_bnr_list li a{display:block; padding-bottom:53%; background-size: cover; background-position: center;}
.free_theme_bnr .h_page {display: block; width:100px; height:26px; line-height:27px; background: rgba(0,0,0,0.8); position: absolute; right: 0; bottom:0; color:#666; font-size:12px; text-align: center;}
.free_theme_bnr .h_page .page {display:inline-block;}
.free_theme_bnr .h_page .page .pag{font-weight:600; color:#fff;}
.free_theme_bnr .h_page a.btn_allview {display:inline-block; color:#fff; letter-spacing:-0.3px; padding-bottom: 0; margin-left:2px;}

.todays_freesale_bnr{width: 100%; background:#fff; text-align: center; padding:25px 10px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.todays_freesale_bnr .subtit {width: 146px; height: 20px; background: url(/assets/img/www/common/sub_tit_today_freesale.png) no-repeat center; margin: 0 auto 15px; background-size: 146px;}
.todays_freesale_bnr .subtit2 {width: 146px; height: 20px; background: url(/assets/img/www/common/sub_tit_today_freesale2.png) no-repeat center; margin: 0 auto 15px; background-size: 146px;}
.todays_freesale_bnr p.tit_sub2 {font-size: 12px; color:#666;; margin-top: -9px; margin-bottom: 10px;}

.free_list_badge2 {display: inline-block; width: 23px; float: right; margin-top:2px;}

.area_block .block_tit p.tit_main .bg_plus {background: url(/assets/img/mobile/free_webtoon2/icon_honor.png) no-repeat center; background-size:20px; display:inline-block; width:26px; height:24px; margin-bottom:-5px;}

.todays_freesale_bnr ul.freesale_list{width:95%; margin:auto; overflow:hidden;}
.todays_freesale_bnr ul.freesale_list li{width:47%; float:left; background:#fff; overflow:hidden; border: 1px solid #d4d4d4;}
.todays_freesale_bnr ul.freesale_list li:last-child{float:right;}
.todays_freesale_bnr ul.freesale_list li a{display:block;}
.todays_freesale_bnr ul.freesale_list .thumb{width:100%; padding-bottom:95%; background-size:cover; background-position:left center; background-repeat:no-repeat;}
.todays_freesale_bnr ul.freesale_list .info{width:100%; height:40px; padding: 10px 9px; position:relative;}
.todays_freesale_bnr ul.freesale_list .info .free_badge{position:absolute; width:48px; height:48px; top:-25px; right:4px; background:#e63740; color:#fff; border-radius:50px; font-family:tahoma; font-size:11px; font-weight:bold; padding-top:11px; text-align:center; background-size:100%; line-height:14px; z-index: 10;}
.todays_freesale_bnr ul.freesale_list .info .sale_badge{position:absolute; width:48px; height:48px; top:-25px; right:4px; background:#6098d1; color:#fff; border-radius:50px; font-family:tahoma; font-size:11px; font-weight:bold; padding-top:11px; text-align:center; background-size:100%; line-height:14px; z-index: 10;}
.todays_freesale_bnr ul.freesale_list .info p.ep_free{font-size:12px; line-height:18px; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-align:left; color:#e63740; }
.todays_freesale_bnr ul.freesale_list .info p.ep_sale{font-size:12px; line-height:18px; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-align:left; color:#6098d1; }
.todays_freesale_bnr ul.freesale_list .info p.w_title{font-size:14px; color:#000; position:relative; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;  text-align:left; font-weight:600;}

.honor_freesale_bnr{width: 100%; background:#282e3b; padding:25px 10px 15px; margin-bottom: 5px; border-bottom:1px solid #000;}
.honor_freesale_bnr .honor_tit{background: url(/assets/img/mobile/free_webtoon2/sub_tit_honor.png) no-repeat center; background-size:178px; height:54px; margin: 0 auto 15px;}
.honor_freesale_bnr .block_tit{padding:0 15px 10px; width: 146px; height: 20px;}
.honor_freesale_bnr .block_tit p.tit_main{font-size:17px; color:#000; font-weight:600; margin-bottom:4px;}
.honor_freesale_bnr .block_tit p.tit_sub{font-size:12px; color:#666; letter-spacing: -0.5px;}
.honor_freesale_bnr .block_tit p.tit_main .bg_plus {background: url(/assets/img/mobile/free_webtoon2/icon_honor.png) no-repeat center; background-size:20px; display:inline-block; width:26px; height:24px; margin-bottom:-5px;}
.honor_freesale_bnr ul.freesale_list .info p.w_title{font-size: 14px; color: #000; width: calc(100% - 0px); font-weight:600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
.honor_freesale_bnr ul.freesale_list .info p.w_author{color: #929292; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:93%;}

.honor_freesale_bnr ul.freesale_list{width:100%; white-space:nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position: relative;}
.honor_freesale_bnr ul.freesale_list li{width:45%; background:#fff; overflow:hidden; display:inline-block; margin-right: 5px;}
.honor_freesale_bnr ul.freesale_list li:last-child{margin-right:0;}
.honor_freesale_bnr ul.freesale_list li a{display:block;}
.honor_freesale_bnr ul.freesale_list .thumb{width:100%; padding-bottom:95%; background-size:cover; background-position:left center; background-repeat:no-repeat; position:relative;}
.honor_freesale_bnr ul.freesale_list .thumb:after{position:absolute; bottom:0; left:0; content:''; background:url(../images/new_comic_list_gra.png) repeat-x center bottom; background-size:auto 100%; width:100%; height:65%; z-index:2;}
.honor_freesale_bnr ul.freesale_list .thumb .tag{position:absolute; width:100%; bottom:0; left:0; padding:10px; font-size:11px; z-index:3;}
.honor_freesale_bnr ul.freesale_list .thumb .tag span{display:inline-block; margin-right:2px;}
.honor_freesale_bnr ul.freesale_list .thumb .tag span.blue{color:#5b96cf;}
.honor_freesale_bnr ul.freesale_list .thumb .tag span.red{color:#e63740;}
.honor_freesale_bnr ul.freesale_list .thumb1{width:100%; padding-bottom:95%; background-size:cover; background-position:left center; background-repeat:no-repeat; position:relative;}
.honor_freesale_bnr ul.freesale_list .thumb1 .tag{position:absolute; width:100%; bottom:0; left:0; padding:10px; font-size:11px; z-index:3;}
.honor_freesale_bnr ul.freesale_list .thumb1 .tag span{display:inline-block; margin-right:2px;}
.honor_freesale_bnr ul.freesale_list .thumb1 .tag span.blue{color:#5b96cf;}
.honor_freesale_bnr ul.freesale_list .thumb1 .tag span.red{color:#e63740;}
.honor_freesale_bnr ul.freesale_list .info{width:100%; padding: 10px 9px; position:relative;}
.honor_freesale_bnr ul.freesale_list .info .honer_badge{position: absolute; width: 44px; right: 4px; top: 9px; z-index:5;}
.honor_freesale_bnr ul.freesale_list .sale_free_info{border-top:1px solid #d4d4d4; padding:6px 9px;}
.honor_freesale_bnr ul.freesale_list .sale_free_info .free_list_badge2 {display: inline-block; width: 23px; float: left; margin-top: 2px; margin-right: 5px;}
.honor_freesale_bnr ul.freesale_list .sale_free_info .sale_list_badge2 {display: inline-block; width: 23px; float: left; margin-top: 2px; margin-right: 5px;}
.honor_freesale_bnr ul.freesale_list .sale_free_info .thumb_info_s {font-size: 11px;}
.honor_freesale_bnr ul.freesale_list .sale_free_info span.free_info_coin_org {color: #999; text-decoration: line-through; margin-right: 5px;}
.honor_freesale_bnr ul.freesale_list .sale_free_info span.free_info_coin {color: #e63740;}

.rank_free_btn {display: block; z-index: 100; width: 29px; height: 29px; background: url(/assets/img/mobile/free_webtoon2/btn_close.png) no-repeat center center; position: absolute; top: 9px; right: 8px; background-size: 75%;} 
.area_block .block_tit_sub2 p.tit_main.exhib_tit {padding: 10px 15px; border-bottom: 1px solid #535353; background: #303030; margin-bottom: 20px; text-align: center; position: relative;}    
.area_block .block_tit_sub2 p.tit_main.exhib_tit span{color:#fff;}    
.area_block.exhib{background:#303030; border-bottom:none; margin-bottom: 5px;}  

.charge_bottom{width: 100%; position: fixed; bottom: 0px; z-index: 1000;}
.charge_bottom .drop_box_area{width: 100%;}
.charge_bottom .drop_box_area .btn_door {display: block; width: 100%; height: 11px; border-top: 1px solid #ccc; position: relative; background: #fff;}
.charge_bottom .drop_box_area .btn_door{background-image: url(/assets/img/mobile/common/drop_up_btn.png) no-repeat;}
.charge_bottom .drop_box_area .btn_door:before {content: ""; display: inline-block; width: 64px; height: 17px; background-image: url(/assets/img/mobile/common/drop_down_btn.png); background-repeat: no-repeat;
background-size: 62px; background-position: top center; position: absolute; left: 50%; top: -17px; margin-left: -32px;}
.charge_bottom .drop_box_area .btn_door.close:before {background-image: url(/assets/img/mobile/common/drop_up_btn.png); background-repeat: no-repeat;}
.charge_bottom .btn_area{width: 100%; padding:0 10px 10px;}
.charge_bottom .btn_area button{width: 100%; background: #e7383f; height: 45px; line-height: 45px; text-align: center; display: block; border-radius: 5px; color: #fff; font-weight:600; font-size: 16px;}
.charge_bottom .btn_area .total_coin_txt{width: 100%; background: #fffdf0; text-align: center; display: block; border-radius: 5px; border:1px solid #e3debe; padding:13px 0; margin-top:10px;}
.charge_bottom .btn_area .total_coin_txt p.charge_coin{color: #000; font-weight:600; font-size: 14px; }
.charge_bottom .btn_area .total_coin_txt p.charge_coin .coin_img{margin-right:3px;}
.charge_bottom .btn_area .total_coin_txt p.charge_coin .coin_img > img{border: 0 none; display:inline-block; width: 15px; vertical-align: middle; margin-top: -2px;}
.charge_bottom .btn_area .total_coin_txt p.charge_coin .point{color: #e7383f;}
.charge_bottom .btn_area .total_coin_txt p.event_txt{color: #666; font-weight:400; font-size: 13px; margin-top:5px;}

.pop_waitfree_info{width:90% !important; margin:auto; background:transparent;}
.pop_waitfree_info .free_thumbbox{width:260px; margin:0 auto 20px; background:#fff;}
.pop_waitfree_info .free_thumbbox .mobile_free{width:72px; height:85px; background:url(/assets/img/common/icon_mobile_free.png) no-repeat center; background-size:72px; float:left;}
.pop_waitfree_info .free_thumbbox .free_thumb{width:85px; height:85px; border-radius:50%; background-size:cover; background-position:center; float:left; margin:0 10px; border:1px solid #ddd;}
.pop_waitfree_info .free_thumbbox .pc_free{width:72px; height:85px; background:url(/assets/img/common/icon_pc_free.png) no-repeat center; background-size:72px; float:left;}
.pop_waitfree_info p.s_dics{font-size:12px; color:#333; line-height:16px; margin-bottom:8px;}
.pop_waitfree_info p.m_tit{font-size:17px; font-weight:bold; color:#fa2828; margin-bottom:12px;}
.pop_waitfree_info p.wait_date{color:#fff; background:#fa2828; border-radius:30px; display:inline-block; text-align:center; padding:0 15px; height:24px; line-height:24px; margin-bottom:25px;}
.pop_waitfree_info .info_box{width:100%; padding:15px; background:#f0f0f0; background-size:30px; text-align:left; font-size:11px; line-height:16px; margin-bottom:20px;}
.pop_waitfree_info .info_box span.icon_tip{width:23px; height:12px; background:url(/assets/img/common/ico_tip.png) no-repeat center; background-size:23px; margin-right:5px;}
.pop_waitfree_info .info_box p.tip{color:#ff7b7b;}
.pop_waitfree_info .info_box p.tip span{display:inline-block; vertical-align:middle; font-size:11px;}
.pop_waitfree_info .btn_area2nd{width:100; margin:auto;}
.pop_waitfree_info .btn_area2nd a{display:inline-block; width:48%; color:#fff; border-radius:3px; height:45px; line-height:45px; text-align:center; cursor:pointer;}
.pop_waitfree_info .btn_area2nd a.btn_viewapp{float:left; background:#444;}
.pop_waitfree_info .btn_area2nd a.btn_adult_cer{float:right; background:#fa2828;}
.pop_waitfree_info a.btn_full_close{background:#000; color:#fff; height:45px; line-height:45px; text-align:center; display:block; border:1px solid #000; font-size:15px; font-weight:bold; cursor:pointer;}

.btn_full_close{background:#000; color:#fff; height:45px; line-height:45px; text-align:center; display:block; border:1px solid #000; font-size:15px; font-weight:bold; cursor:pointer;}

.pop_gift_info{width:90% !important; margin:auto; background:transparent;}
.pop_gift_info .free_thumbbox{width:260px; margin:0 auto 20px; background:#fff;}
.pop_gift_info .free_thumbbox .mobile_free{width:72px; height:85px; background:url(/assets/img/common/icon_mobile_free2.png) no-repeat center; background-size:72px; float:left;}
.pop_gift_info .free_thumbbox .free_thumb{width:85px; height:85px; border-radius:50%; background-size:cover; background-position:center; float:left; margin:0 10px; border:1px solid #ddd; position:relative;}
.pop_gift_info .free_thumbbox .free_thumb .gift_badge{position:absolute; width:25px; height:25px; right:0; top:-2px; background:url(/assets/img/common/icon_gift_badge.png) no-repeat center; background-size: 23px;}
.pop_gift_info .free_thumbbox .pc_free{width:72px; height:85px; background:url(/assets/img/common/icon_pc_free2.png) no-repeat center; background-size:72px; float:left;}
.pop_gift_info p.s_dics{font-size:16px; color:#333; line-height:16px; margin-bottom:12px; font-weight:bold;}
.pop_gift_info p.m_date{font-size:15px; font-weight:500; color:#8b8d8d; margin-bottom:12px;}
.pop_gift_info p.m_date2{font-size:15px; font-weight:500; color:#fa2828; margin-bottom:22px;}
.pop_gift_info p.gift_btn{font-size:15px; letter-spacing:-0.5px; color:#fff; background:#fa2828; border-radius:30px; display:inline-block; text-align:center; padding:0 15px; height:34px; line-height:34px; margin-bottom:25px;}
.pop_gift_info p.gift_btn2{font-size:15px; letter-spacing:-0.5px; color:#fff; background:#bbb; border-radius:30px; display:inline-block; text-align:center; padding:0 15px; height:34px; line-height:34px; margin-bottom:25px;}
.pop_gift_info .info_box{width:100%; padding:12px; background:#f0f0f0; display:inline-block; letter-spacing:-0.5px; border-radius:3px;}
.pop_gift_info .info_box .gift_go{width:110px; height:30px; line-height:30px; border-radius:5px; border:1px solid #fa2828; background:#fff; font-size:12px; font-weight:500; display: inline-block; margin-top:10px;}
.pop_gift_info .info_box .gift_go a{display:block; color:#fa2828;}
.pop_gift_info .info_box .info_txt{text-align:left; font-size:11px; line-height:17px;}
.pop_gift_info .info_box .info_txt2{width:100%; text-align:left; font-size:11px; line-height:17px; float:left;}
.pop_gift_info .info_box .info_txt span.icon_tip,.info_txt2 span.icon_tip{width:23px; height:12px; background:url(/assets/img/common/ico_tip.png) no-repeat center; background-size:23px; margin-right:5px;}
.pop_gift_info .info_box .info_txt p.tip,.info_txt2 p.tip{color:#ff7b7b;}
.pop_gift_info .info_box .info_txt p.tip span,.info_txt2 p.tip span{display:inline-block; vertical-align:middle; font-size:11px;}
.pop_gift_info .btn_area2nd{width:100; margin:8px auto 0;}
.pop_gift_info .btn_area2nd a{display:inline-block; width:49%; color:#fff; border-radius:3px; height:45px; line-height:45px; text-align:center; cursor:pointer; letter-spacing:-0.5px;}
.pop_gift_info .btn_area2nd a.btn_viewapp{float:left; background:#444;}
.pop_gift_info .btn_area2nd a.btn_adult_cer{float:right; background:#fa2828;}
.pop_gift_info a.btn_full_close{background:#000; color:#fff; height:45px; line-height:45px; text-align:center; display:block; border:1px solid #000; font-size:15px; font-weight:bold; cursor:pointer;}

.div_thumb_img {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center;}

.ep_notice_term{width:100%; height:45px; padding:7px 10px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:5px; font-size:12px; font-weight:bold; line-height:24px; color:#000; letter-spacing:-1px;}
.ep_notice_term span{vertical-align:middle;}
.ep_notice_term .icon_notice_m{display:inline-block; margin-right:4px; width:15px;}
.ep_notice_term .point{color:#ef3f3b;}

.sec_notice{font-size:11px; color:#e63740; text-align:center; height:30px; line-height:30px; margin-bottom:15px;}
.sec_notice .icon_notice{float:none; margin:0 5px 0 0; display:inline-block;}
.sec_selbox{position:relative; width:90%; height:40px; line-height:40px; border:1px solid #ddd; overflow:hidden; margin:auto;}
.sec_selbox .cselect{font-size:14px; color:#000; line-height:40px; height:40px; position:absolute; top:0; left:15px; width:110%; z-index:5; background:transparent;}
.sec_selbox span.sec_arrow{width:20px; height:11px; background:url(/assets/img/www/common/sec_arrow_gray.png) no-repeat center; display:block; position:absolute; top:13px; right:15px; background-size:20px; z-index:4;}

.to_top_page{position:fixed; width:44px; height:44px; right:15px; bottom:15px; background:rgba(255,255,255,0.9); background-size:19px; z-index:9999; cursor:pointer; border-radius:5px; text-align:center; line-height:48px; font-size:0; font-weight:bold; border:1px solid #ddd;}
.to_top_page .top_area{width:80%; height:21px; line-height:21px; margin:auto; border-bottom:1px solid #ccc;}
.to_top_page .page_area{width:100%; height:22px; line-height:20px; margin:auto; font-size:10px;}
.to_top_page span.p_now{display:inline-block; color:#e63740;}
.to_top_page span.p_total{display:inline-block; color:#666; font-weight:normal;}
.to_top_page a.topbtn{color:#000; display:block; font-size:11px;}

.area_block_sub .sub_content .suggest_txt{background: #f8f8f8; border-bottom:1px solid #ddd; border-top:1px solid #1a1717; padding:20px 15px; margin-top: 56px;}
.area_block_sub .sub_content .suggest_txt .title{font-size:16px; font-weight:600; color:#000; margin: 5px 0;}
.area_block_sub .sub_content .suggest_txt .slogan{font-size:13px; line-height:20px;}
.area_block_sub .sub_content .suggest_txt .slogan > span{color:#e63640;}
.area_block_sub .sub_content .table_board{margin:25px auto;}
.area_block_sub .sub_content .table_board p.tit_main{font-size: 14px; color: #000; font-weight: 600; margin-bottom: 4px; height: 24px; line-height: 24px;}
.area_block_sub .sub_content .table_board .txt .icon{display: inline-block; zoom: 1; background:url("/assets/img/mobile/common/icon_suggest_01.png") center center no-repeat #eff1f6; background-size:50px; width:75px; height:75px; text-align: center; line-height: 75px; border-radius:90px; float: left; margin-right:15px;}
.area_block_sub .sub_content .table_board .txt .icon2{display: inline-block; zoom: 1; background:url("/assets/img/mobile/common/icon_suggest_02.png") center center no-repeat #eff1f6; background-size:35px; width:75px; height:75px; text-align: center; line-height: 75px; border-radius:90px; float: left; margin-right:15px; margin-bottom: 13px;}
.area_block_sub .sub_content .table_board .txt{overflow:hidden;}
.area_block_sub .sub_content .table_board .txt .tit_txt{font-size:13px; font-weight:600; color:#000; margin: 5px 0;}
.area_block_sub .sub_content .table_board .txt .sb_txt{font-size:12px; line-height:20px;}
.area_block_sub .sub_content .table_board .charge{color:#666; background:#f8f8f8; border:1px solid #eaeaea; font-size:12px; padding: 10px 15px; margin-top:15px;}
.area_block_sub .sub_content .table_board .charge .email > span{vertical-align:middle;}
.area_block_sub .sub_content .table_board .charge .email .email_img{display:inline-block; zoom:1; margin-right:5px;}
.area_block_sub .sub_content .table_board .notice_c{font-size:12px; margin-top:5px; color:#b7b7b7;}
.area_block_sub .sub_content .table_board .map{border:1px solid #ddd; height:250px;}

.relative {position:relative;}
.non_click {position:absolute;left:0;width:100%;height:35%;z-index:2;}
.non_click.up {top:-35%;}
.non_click.down {bottom:-35%;}
span.desc {display:block;line-height:25px;font-size:14px;}

.last_ep_txt{text-align:center; font-size:16px; margin:50px auto; letter-spacing:-1px; line-height:22px;}    
/*.last_ep_txt .black{color:#000; font-weight:600;}*/
.last_ep_txt .black{color:#000;}    
.last_ep_txt .point{color:#e63640; font-weight:600;}    
.area_block .pointpark_ad a{display:block; background-size: cover; background-position: center; padding-bottom: 21%;}
.area_block .block_tit_sub2 p.tit_main {padding: 10px 15px; border-bottom: 1px solid #ddd; background: #fff; margin-bottom:20px; text-align:center; position:relative;}
.area_block .block_tit_sub2 p.tit_main span {font-size: 15px; color: #000; font-weight: 600; margin-bottom: 4px; height: 24px; line-height:24px;}
.area_block .block_tit_sub2 p.tit_main .more_view{display: block; width: 60px; height: 25px; position:absolute; right:10px; top:10px; font-size: 0; background: url(/assets/img/mobile/free/btn_moreview2.png) no-repeat center; background-size: 60px;}  
.subsub_list_hor .last_ep_author .author_name{font-size: 14px; color: #000; font-weight: 600; margin-bottom: 5px;}
.subsub_list_hor .last_ep_author li:last-child{margin-bottom: 20px;}    
.subsub_list_hor .last_ep_author li {border-bottom:none;}
.subsub_list_hor .last_ep_author li .thumbbox{margin-top: 0;}        
.subsub_list_hor .last_ep_author li p.comic_genre span.genre,.weekly_tag {font-size:12px; color: #ef3f3b; display: inline-block;}    
.subsub_list_hor .last_ep_author li p.review_score{font-size:11px; margin: 10px 0 5px 0;} 
.subsub_list_hor .last_ep_author li p.review_score span.pd_score,.member_score {display: inline-block; color: #000; height: 18px; line-height: 18px;} 
.subsub_list_hor .last_ep_author li p.review_score span.score_bar {width: 1px; height: 10px; display: inline-block; background: #ddd; margin: 5px 3px; vertical-align: middle;}
.subsub_list_hor .last_ep_author li .badge_like .like {width: 12px; float: left; height: 15px; padding-top:4px; margin-right:2px;}    
    
.area_block .list_block2 .subsub_list2 .rowbnr_list a {display: block; background-size: cover; background-position: center; padding-bottom: 32%;}
.area_block .list_block2 .subsub_list2 .rowbnr_list li {margin-bottom:5px;}
.area_block .list_block2 .subsub_list2 .rowbnr_list li:last-child {margin-bottom:20px;}

.renew17_ep_view{width:100%;} 
.renew17_ep_view a{display:inline-block;} 
.renew17_ep_view .ep_top_bar{top:0; position:fixed; background:#252525; width:100%; height:50px;} 
.renew17_ep_view .ep_top_bar .icon_back{width:47px; height:50px; text-align: center; float: left; background:url(/assets/img/mobile/viewer/icon_back2.png) no-repeat center center; background-size:12px; text-indent:-9999px;}
.renew17_ep_view .ep_top_bar .ctrl_right{width:120px; height:50px; float:right; margin-right:10px;}    
.renew17_ep_view .ep_top_bar .ctrl_right a{float:left;}    
.renew17_ep_view .ep_top_bar .ctrl_right .icon_volume{width:40px; height:50px; background:url(/assets/img/mobile/viewer/icon_volume_off.png) no-repeat center center; background-size:27px; text-indent: -9999px; float:right;}
.renew17_ep_view .ep_top_bar .ctrl_right .icon_volume.active{background:url(/assets/img/mobile/viewer/icon_volume_on.png) no-repeat center center; background-size:27px;}    
.renew17_ep_view .ep_top_bar .ctrl_right .icon_bright{width:40px; height:50px; background:url(/assets/img/mobile/viewer/icon_brightness.png) no-repeat center center; background-size:23px; text-indent: -9999px; float:right;}
.renew17_ep_view .ep_top_bar .ctrl_right .icon_bright.dark{width: 40px; height: 50px; background: url(/assets/img/mobile/viewer/icon_brightness_dark.png) no-repeat center center; background-size:24px; text-indent: -9999px; float: right;}
.renew17_ep_view .ep_top_bar .ctrl_right .icon_list{width:40px; height:50px; background:url(/assets/img/mobile/viewer/icon_list2.png) no-repeat center center; background-size:19px; text-indent: -9999px; float:right;} 
.renew17_ep_view .ep_top_bar .episode_title{color: #fff; height: 50px; line-height: 50px; font-size: 13px; font-weight:600; float: left; width: calc(100% - 192px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}   
.renew17_ep_view .ep_bottom_bar{bottom:0; position:fixed; background:#252525; width:100%; height:50px;} 
.renew17_ep_view .ep_bottom_bar .book_bar{width:100%; height:50px; line-height:50px;} 
.renew17_ep_view .ep_bottom_bar .comment{position:absolute; bottom:65px; right:21px; background:#fff; border:1px solid #878787; width:45px; height:45px; border-radius:60px;} 
.renew17_ep_view .ep_bottom_bar .comment span.icon_comment{background:url(/assets/img/mobile/viewer/icon_speech.png) no-repeat center center; background-size: 24px; width: 24px; height: 22px; vertical-align: text-bottom;} 
.renew17_ep_view .ep_bottom_bar .comment span.comment_count{font-size: 10px; color: #fff; background:#e63740; height: 17px; line-height:17px; border-radius:30px; display: inline-block; text-align: center; padding: 0px 5px; min-width: 17px; position: absolute; top: -4px; right: -11px;} 
.renew17_ep_view .ep_bottom_bar > a{display:inline-block; width:20%; height:50px; line-height:50px; float:left; text-align:center; font-size:12px; color:#fff; border-right:1px solid #4a4a4a;} 
.renew17_ep_view .ep_bottom_bar > a:last-child{border-right:none;} 
.renew17_ep_view .ep_bottom_bar span{display:inline-block; vertical-align:text-top;} 
.renew17_ep_view .ep_bottom_bar span.icon_star{background:url(/assets/img/mobile/viewer/icon_star2.png) no-repeat center center; background-size:16px; width:16px; height:15px; margin-right:4px; margin-top:-2px;} 
.renew17_ep_view .ep_bottom_bar span.icon_prev{background:url(/assets/img/mobile/viewer/icon_prev2.png) no-repeat center center; background-size: 8px; width: 11px; height: 19px; margin-right:5px; margin-top:-2px;} 
.renew17_ep_view .ep_bottom_bar span.icon_top{background:url(/assets/img/mobile/viewer/icon_top2.png) no-repeat center center; background-size:15px; width:15px; height:15px; margin-left:5px; margin-top:-2px;} 
.renew17_ep_view .ep_bottom_bar span.icon_next{background:url(/assets/img/mobile/viewer/icon_next2.png) no-repeat center center; background-size: 8px; width: 11px; height: 19px; margin-left:5px; margin-top:-2px;} 
.renew17_ep_view .ep_bottom_bar span.icon_recom{background:url(/assets/img/mobile/viewer/icon_recom2.png) no-repeat center center; background-size:18px; width:18px; height:16px; margin-right:3px; margin-top:-2px;} 
    
.renew17_ep_view .ep_bottom_bar.book{bottom:0; position:fixed; background:#252525; width:100%; height:100px;}
.renew17_ep_view .ep_bottom_bar.book .scroll_bar{background:#d7d7d7; height:3px; position:relative;}        
.renew17_ep_view .ep_bottom_bar.book .scroll_bar span.bg_active{background:#e63740; height:100%; width:100px; display:block;}        
.renew17_ep_view .ep_bottom_bar.book .scroll_bar span.circle{width:15px; height:15px; background:#e63740; border-radius:30px; top:-6px; left:95px; position: absolute;}        
.renew17_ep_view .ep_bottom_bar.book .book_bar{border-bottom:1px solid #4a4a4a;}       
.renew17_ep_view .ep_bottom_bar.book a.webview_btn{font-size:12px; color:#fff;}     
.renew17_ep_view .ep_bottom_bar.book a.pageview_btn{font-size:12px; color:#fff;}    
.renew17_ep_view .ep_bottom_bar.book span.icon_webtoonview{background:url(/assets/img/mobile/viewer/icon_webtoonview2.png) no-repeat center center; background-size:16px; width:16px; height:17px; margin-right:6px; margin-top:-2px; color:#fff; font-size:12px; text-align:center; margin-top:-1px; margin-left:15px;}
.renew17_ep_view .ep_bottom_bar.book span.icon_turnpage{background:url(/assets/img/mobile/viewer/icon_turnpage.png) no-repeat center center; background-size:16px; width:16px; height:17px; margin-right:6px; margin-top:-2px; color:#fff; font-size:12px; text-align:center; margin-top:-1px; margin-left:15px;}         
.renew17_ep_view .ep_bottom_bar.book span.page_list{vertical-align: top; float:right; color:#fff; font-size:12px; margin-right:15px;}
  
.starlayer_wp{width:68%; margin:auto; background:#fff; border-radius:7px; max-width:400px; overflow:hidden; position:relative;}
.starlayer_wp .layer_tt{border-bottom:1px solid #ddd; position:relative; text-align:center; height:40px; line-height:40px; color:#000; background:#fff;}
.starlayer_wp .close_btn{width:50%; height:40px; float:left;}
.starlayer_wp .close_btn a.btn_close_full{width:100%; height:40px; line-height:40px !important; color:#fff; text-align:center; display:block; font-size:12px; background:#333;}     
.starlayer_wp .close_check{width:50%; height:40px; float:right; background:#000; color:#fff;}
.starlayer_wp .close_check a.btn_cancel{width:100%; height:40px; line-height:40px !important; color:#fff; text-align:center; display:block; font-size:12px;}  
    
.starlayer_wp .star_area{height:22px; text-align:center; margin-bottom:35px; margin-top:13px;}    
.starlayer_wp p.score{text-align:center; font-size:22px; font-weight:500; color:#e63740; margin-top:30px;}    
.starlayer_wp .star_area > a{display:inline-block;}    
.starlayer_wp .star_area > span{display:inline-block; vertical-align:top;}    
.starlayer_wp .star_area a.star_minus_btn{background:url(/assets/img/mobile/viewer/star_minus.png) no-repeat center center; background-size:24px; width:33px; height:28px;}    
.starlayer_wp .star_area a.star_plus_btn{background:url(/assets/img/mobile/viewer/star_plus.png) no-repeat center center; background-size:24px; width:33px; height:28px;}    
.starlayer_wp .star_area span.empty_star{background:url(/assets/img/mobile/viewer/star_score_empty.png) no-repeat center center; background-size:18px; width:18px; height:25px;}    
.starlayer_wp .star_area span.empty_star.full{background:url(/assets/img/mobile/viewer/star_score_full.png) no-repeat center center; background-size:18px; width:18px; height:25px;}    
.starlayer_wp .star_area span.empty_star.half{background:url(/assets/img/mobile/viewer/star_score_half.png) no-repeat center center; background-size:18px; width:18px; height:25px;} 

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

.bltl_rank_list .list_rank1{display:block; width:100%; height:150px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; z-index:1;}
.bltl_rank_list li{padding:0 10px;}
.bltl_rank_list .list_rank1:after{width:100%; height:100%; background:url(/assets/img/mobile/common/ranking_gra.png) repeat-x left bottom; background-size:30%; position:absolute; bottom:0; left:0; content:'';}
.bltl_rank_list .list_rank1 .rank1_info{width:90%; height:80px; position:absolute; bottom:15px; left:10px; z-index:3; color:#fff;}
.bltl_rank_list .list_rank1 .rank1_info .rank_num{width:22px; height:80px; background:url(/assets/img/mobile/common/img_num1.png) no-repeat left bottom; background-size:80%;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics{position:absolute; bottom:0; left:40px;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_genre{border:1px solid #e63740; height:20px; line-height:20px; color:#e63740; font-size:11px; text-align:center; padding:0 5px; display:inline-block; letter-spacing:-1px; margin-bottom:10px;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_info{ margin-bottom:5px;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_info span{display:inline-block; vertical-align:text-bottom; color:#fff;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_info span.tit_comic{font-size:20px; font-weight:bold; color:#fff; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_info span.write_comic{font-size:11px; color:#fff; max-width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.7;}
.bltl_rank_list .list_rank1 .rank1_info .rank_dics p.comic_dics{width:100%; font-size:12px; color:#fff; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; padding-right:10px; opacity:0.7;}

.new_comic_list{width:100%; background:#e8ecf0; padding-top:5px;}
.new_comic_list ul.nc_list_type li{width:49%; background:#fff; margin-bottom:5px; float:left; position:relative; border:0;}
.new_comic_list ul.nc_list_type li .new_rank_1thumb{margin-right:2%;}
.new_comic_list ul.nc_list_type li .nc_box_thumb:after{position:absolute; bottom:0; left:0; content:''; background:url(../images/new_comic_list_gra.png) repeat-x center bottom; background-size:auto 100%; width:100%; height:50%; z-index:2; opacity:0.8;}
.nc_thumb_tag{position:absolute; bottom:5px; left:5px; z-index:3;}
.nc_thumb_tag span{display:inline-block; margin-right:2px; font-size:10px;}
.nc_thumb_tag span.genre_info{color:#ff5f6a; font-weight: 600;}
.nc_thumb_tag span.ep_info{color: #ff5f6a; font-weight: 600;}
.nc_thumb_tag span.free_info{color: #5facff; font-weight: 600;}
.new_comic_list ul.nc_list_type li .new_rank_1thumb .nc_box_thumb{position:relative; background-size:cover; background-position:center;}
.new_comic_list ul.nc_list_type li .new_rank_1thumb .nc_box_info{background:#fff; padding:5px; height:70px;}
.new_comic_list ul.nc_list_type li .nc_box_thumb{position:relative; height:120px; background-size:cover; background-position:center;}
.new_comic_list ul.nc_list_type li .nc_box_info{height:70px; background:#fff; padding:5px;}
.new_comic_list ul.nc_list_type li .nc_box_info p.nc_info_tit{color:#000; font-size:12px; font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.new_comic_list ul.nc_list_type li .nc_box_info p.nc_info_wrt{color:#999; font-size:10px; margin-bottom:5px;}
.new_comic_list ul.nc_list_type li .nc_box_info p.nc_info_badge{font-size:0;}
.new_comic_list ul.nc_list_type li .nc_box_info p.nc_info_badge span{margin-right:3px;}

.new_comic_list ul.nc_list_type li .nc_box_thumb .badge_update{width:40px; height:45px; position:absolute; top:10px; left:10px; background:url(http://www.toptoon.com/assets/img/mobile/common/new_comic_list_update.png) no-repeat center; background-size:100%;}
.new_comic_list ul.nc_list_type li .nc_box_thumb .badge_19{width:17px; height:17px; position:absolute; top:10px; right:10px; background:url(http://www.toptoon.com/assets/img/mobile/common/new_comic_list_19.png) no-repeat center; background-size:100%;}

.new_comic_list ul.nc_list_type li.new_rank_1thumb{background:#fff; float:left !important;}
.new_comic_list ul.nc_list_type li:nth-child(2){float:left; margin-left:2%;}
.new_comic_list ul.nc_list_type li:nth-child(2n+1){float:right;}

@media all and (min-width:460px){
.new_comic_list ul.nc_list_type li{width:32.66%;border:0;}
.new_comic_list ul.nc_list_type li.new_rank_1thumb{margin:0 !important;}
.new_comic_list ul.nc_list_type li:nth-child(2){float:left !important; margin-left:1%; margin-right:1%;}
.new_comic_list ul.nc_list_type li:nth-child(2n+1){float:left;}
.new_comic_list ul.nc_list_type li:nth-child(3n+1){margin-left:1%; margin-right:1%;}
.new_comic_list ul.nc_list_type li .nc_box_thumb{position:relative; padding-bottom:60%; background-size:cover; background-position:center;}
}

.sns_share{margin-top:5px;}
.sns_share a{display:inline-block; width:30px; height:30px; background-size:30px; background-position:center; border-radius:50%; border:1px solid #ddd;}
.sns_share a.btn_share_facebook{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_fb.png);}
.sns_share a.btn_share_twitter{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_tw.png);}
.sns_share a.btn_share_kakao{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_kakao.png);}
.sns_share a.btn_share_kakaostory{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_kakaostory.png);}
.sns_share a.btn_share_naver{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_nv.png);}
.sns_share a.btn_share_fbgood{background-image:url(/assets/img/mobile/eplist/ep_sns_ico_like.png);}
/*
.sns_share a.btn_heart_like{float:right; background:url(/assets/img/mobile/eplist/eplist_top_heart.png) no-repeat center; background-size:18px;}
.sns_share a.btn_heart_like.active{background:url(/assets/img/mobile/eplist/eplist_top_heart_on.png) no-repeat center; background-size:18px;}
*/
.sns_share a.btn_heart_like{float:right; background:url(/assets/img/mobile/eplist/ep_alert_normal.png) no-repeat center; background-size:16px;}
.sns_share a.btn_heart_like.active{background:url(/assets/img/mobile/eplist/ep_alert_active.png) no-repeat center; background-size:16px;}

@media (max-width:320px){
.eplist_new .contents_info .info_dic p.comic_title{font-size:14px;}
.eplist_new .contents_info .comic_thumb{width:75px; height:105px;}
.eplist_new .contents_info p.line{width:calc(100% - 85px); margin:3px 0;}
span.new_ep_scorebar{margin:3px 0;}
.sns_share{margin-top:0px;}
}

.info_msg{padding:0 10px; margin-bottom:10px;}
.info_msg .msg_box{background:#f6f6f6; border:1px solid #ddd; font-size:11px; line-height:16px; padding:10px;}

a.other_payment{width:82%; display:block; border:1px solid #000; margin:6px auto 0; color:#fff; height:40px; line-height:40px; background:#000;}

span.new_icon_common{width:15px; height:15px; background:url(/assets/img/mobile/common/newicon_new_m.png) no-repeat center; background-size:15px; display:inline-block; vertical-align:middle; margin:-2px 2px 0 0;}
span.bl_banana_icon_common{width:16px; height:14px; background:url(/assets/img/mobile/common/bl_ico_m_banana.png) no-repeat center; background-size:16px; display:inline-block; vertical-align:middle; margin:0 2px 0 0;}

.new_payment1708{width:100%; background:#e8ecf0;}
.new_payment1708 .new_paylist{padding:5px 5px 10px 5px;}
.new_payment1708 .new_paylist .scritem{padding:0 5px 5px; background:#132b47; margin-bottom:5px;}
.new_payment1708 .new_paylist .scritem .tit{border-top:5px solid #132b47;}
@media (max-width:320px){
.new_payment1708 .new_paylist .scritem .tit{font-size:11px;}
}
.new_payment1708 .new_paylist .scritem .tit span{display:inline-block;}
.new_payment1708 .new_paylist .scritem .tit span.scr_icon{width:26px; height:26px; background:url(/assets/img/mobile/payment/member_tt_icon.png) no-repeat center; background-size:26px; display:block; float:left; margin:7px 5px 0 5px;}
.new_payment1708 .new_paylist .scritem .tit span.yl_point{color:#ffd800;}
.new_payment1708 .new_paylist .scritem .tit a.scritem_open{display:block; float:right; width:20px; height:20px; background:url(/assets/img/mobile/payment/icon_close_up.png) no-repeat center; background-size:20px; margin-top:10px;}
.new_payment1708 .new_paylist .scritem .tit a.scritem_close{display:block; float:right; width:20px; height:20px; background:url(/assets/img/mobile/payment/icon_open_down.png) no-repeat center; background-size:20px; margin-top:10px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list{background:#fff;}
.new_payment1708 .new_paylist .scritem ul.scritem_list li{border-top:1px solid #ddd;}
.new_payment1708 .new_paylist .scritem ul.scritem_list li:after{content:""; visibility:hidden; display:block; height:0; clear:both;}
.new_payment1708 .new_paylist .scritem ul.scritem_list li:first-child{border-top:0;}
.new_payment1708 .new_paylist .scritem ul.scritem_list li.active{background:#ecf2f9;}
.new_payment1708 .new_paylist .scritem ul.scritem_list li a{display:block; padding:0 10px 0 0; height:50px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_title{width:70px; height:50px; border-right:1px solid #ddd; text-align:center; padding-top:7px; float:left;}
@media (max-width:320px){
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_title{width:60px;}
}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_title span.secret_coinimg{display:block; width:18px; height:18px; background:url(/assets/img/mobile/payment/coin_img_secret01.png) no-repeat center; background-size:18px; margin:0 auto 2px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_title p.coin_name{font-size:12px; color:#000; font-weight:900;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_tit_detail{color:#000; font-size:12px; line-height:50px; float:left; padding-left:10px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_tit_detail span.benefit{font-size:11px; color:#e63740;}
@media (max-width:320px){
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_tit_detail{font-size:11px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .coin_tit_detail span.benefit{font-size:10px;}
}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_ea{float:left; margin-top:5px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_ea p.coin_info{height:20px; line-height:20px; font-size:14px; color:#000; font-weight:900;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_ea p.coin_benefit{height:20px; line-height:20px; font-size:11px; color:#e63740;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_price{float:right; text-align:right; margin-top:7px;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_price p.dft_price{height:15px; line-height:15px; font-size:11px; color:#999; text-decoration:line-through;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_price p.coin_price{height:20px; line-height:20px; font-size:14px; color:#000; font-weight:900;}
.new_payment1708 .new_paylist .scritem ul.scritem_list .new_coin_oneprice{line-height:50px; float:right; text-align:right; font-size:12px; color:#000; font-weight:900;}
.new_payment1708 .new_paylist .cmnitem{text-align:center;}
.new_payment1708 .new_paylist .cmnitem li{width:32%; height:158px; background:#fff; border:1px solid #ddd; float:left; margin-right:2%; margin-bottom:5px; position:relative;}
.new_payment1708 .new_paylist .cmnitem li:nth-child(3), .new_payment1708 .new_paylist .cmnitem li:nth-child(6){margin:0;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket{clear:both; width:100%; height:60px; float:none; padding:0 10px; text-align:left;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket a{display:block;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket div{float:left;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket .ticket_item_img img{width:43px; margin:17px 10px 0 0;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket .ticket_info{margin-top:10px;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket .ticket_info p.ticket_name{height:20px; line-height:20px; font-size:14px; font-weight:900; color:#000;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket .ticket_info p.ticket_benefit{height:20px; line-height:20px; font-size:11px; color:#e63740;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket .ticket_price{border-radius:50px; height:25px; line-height:25px; width:65px; margin:auto; background:#93bad0; color:#fff; font-size:14px; font-weight:900; float:right; margin-top:17px; text-align:center;}
.new_payment1708 .new_paylist .cmnitem li.item_freeticket.active .ticket_price{background:#253c56;}
.new_payment1708 .new_paylist .cmnitem li.active{border-color:#253c56; background:#ecf2f9;}
.new_payment1708 .new_paylist .cmnitem .coin_item_img img{width:60px; margin:5px auto 0;}
.new_payment1708 .new_paylist .cmnitem .coin_ea{height:35px; margin-bottom:5px;}
.new_payment1708 .new_paylist .cmnitem .coin_ea p.coin_total{height:20px; line-height:20px; font-size:14px; color:#000; font-weight:900;}
.new_payment1708 .new_paylist .cmnitem .coin_ea p.coin_detail{height:15px; line-height:15px; font-size:11px; color:#666;}
.new_payment1708 .new_paylist .cmnitem .coin_benefit{font-size:10px; color:#e63740; margin-bottom:5px;}
.new_payment1708 .new_paylist .cmnitem .coin_price{border-radius:50px; height:25px; line-height:25px; width:90%; margin:auto; background:#93bad0;}
.new_payment1708 .new_paylist .cmnitem li.active .coin_price{background:#253c56;}
.new_payment1708 .new_paylist .cmnitem .coin_price span.dft_price{font-size:10px; color:#fff; text-decoration:line-through; opacity:0.7;}
.new_payment1708 .new_paylist .cmnitem .coin_price span.coin_price{font-size:14px; color:#fff; font-weight:900;}
.new_payment1708 span.list_coin_item01{display:block; float:left; width:27px; height:27px; background:url(/assets/img/mobile/payment/coin_img_item01.png) no-repeat center; background-size:27px; margin:11px 10px 0 0;}
.new_payment1708 span.list_radio{display:block; width:20px; height:20px; float:right; background:url(/assets/img/mobile/payment/radio_item_select.png) no-repeat center; background-size:20px; margin:15px 0 0 10px;}
.new_payment1708 li.active span.list_radio{display:block; width:20px; height:20px; float:right; background:url(/assets/img/mobile/payment/radio_item_select_on.png) no-repeat center; background-size:20px; margin:15px 0 0 10px;}
.new_payment1708 span.inline_ico{display:inline-block; vertical-align:middle;}
.new_payment1708 span.inline_ico.txticon_benefit{width:25px; height:15px; background:url(/assets/img/mobile/payment/icon_benefit.png) no-repeat center top; background-size:25px; margin-right:5px;}
@media (max-width:320px){
.new_payment1708 .new_paylist .cmnitem .coin_ea p.coin_total{font-size:12px;}
.new_payment1708 .new_paylist .cmnitem .coin_ea p.coin_detail{font-size:10px;}
.new_payment1708 .new_paylist .cmnitem .coin_price span.coin_price{font-size:12px;}
.new_payment1708 .new_paylist .cmnitem .coin_price{width:95%;}
}
.new_payment1708 .payment_notice_wp{width:100%;}
.new_payment1708 .payment_notice{border:1px solid #ddd; background:#fff; padding:10px;}
.new_payment1708 .payment_notice a.title{display:block; color:#000; font-size:12px;}
.new_payment1708 .payment_notice a.title span{display:inline-block; vertical-align:middle;}
.new_payment1708 .payment_notice a.title span.icon_notice{width:17px; height:20px; background:url(/assets/img/mobile/payment/icon_notice_alert.png) no-repeat center top; background-size:17px; margin:0 3px 0 0;}
.new_payment1708 .payment_notice a.title span.notice_arrow{float:right;}
.new_payment1708 .payment_notice a.title span.notice_arrow_up{width:20px; height:20px; background:url(/assets/img/mobile/payment/icon_open_down_notice.png) no-repeat center; background-size:20px;}
.new_payment1708 .payment_notice a.title span.notice_arrow_down{width:20px; height:20px; background:url(/assets/img/mobile/payment/icon_close_up_notice.png) no-repeat center; background-size:20px;}
.new_payment1708 .payment_notice ul.notice_list{margin-top:10px;}
.new_payment1708 .payment_notice ul.notice_list li{line-height:14px; margin-bottom:5px; font-size:11px; color:#888; list-style-type:disc; margin-left:20px;}
.minipay_paybtn{width:100%; display:block; height:40px; line-height:40px; text-align:center; background:#e63740; color:#fff; font-weight: bold; margin-top:5px; border-radius:4px; letter-spacing:-1px; cursor:pointer;}

.sub2_dropmenu.w02 select{width:89%;}
.order_btn{padding:7px 10px 10px 10px;}
.order_btn .icon_order{letter-spacing:-0.7px; font-weight:400; vertical-align:middle; height:28px; display:inline-block; padding-top: 4px; font-size:13px;}
.order_btn .icon_order2{letter-spacing:-0.7px; font-weight:400; vertical-align:middle; height:28px; display:inline-block; padding-top: 4px; font-size:13px; max-width: 65%;}
.order_btn .icon_order img{width:15px; float:left; vertical-align:middle; margin-top:1px; margin-right:3px;}
.order_btn .icon_order a{display:inline-block; height:100%;}

.order_btn .btn_edit{display:inline-block; float: right;}
.order_btn .btn_edit .btn_cancel, .order_btn .btn_edit .btn_save{width:68px; height:28px; line-height:26px; vertical-align:middle; display: inline-block; text-align:center;}
.order_btn .btn_edit .btn_cancel{background:#fff; border:1px solid #ddd;}
.order_btn .btn_edit .btn_save{background:#669dd2; border:1px solid #669dd2;}
.order_btn .btn_edit .btn_cancel a, .order_btn .btn_edit .btn_save a{display: block; height:100%; font-size:13px;}    
.order_btn .btn_edit .btn_save a{color:#fff;}
    
.library_list .thumbbox .white_bg {position: absolute; bottom: 0; background: rgba(255,255,255,0.8); width: 100%; padding-bottom:100%;}    
.library_list .thumbbox .icon_drag {position: absolute; right: 5px; top: 5px; width: 17px;}    
.library_list .thumbbox .empty_bg {display: block; position: absolute; bottom: 0; background:#f0f0f0;width: 100%; padding-bottom:100%;}
.library_list .thumbbox .empty_bg_over {display: block; position: absolute; bottom: 0; background:url(/assets/img/mobile/common/drag_bg.jpg) 0 0 no-repeat; width: 100%; padding-bottom:100%;}

.hashtag_wrap{width:100%; height:100%;}
input{-webkit-border-radius:0;-webkit-appearance:none;}
.hashtag_search{width:100%; height:60px; padding-top:10px; background-color:#e3e3e3;}
.hashtag_search .hashtag_search_te{width:calc(100% - 95px); height:40px; border:2px solid #ef3f3b; font-size:14px; letter-spacing:-1px;}
.hashtag_search .hashtag_back_bt{width:36px; height:40px; float:left; background:url(/assets/img/mobile/common/hashtag_back_bt.png) no-repeat center; background-size:15px; vertical-align:middle; display:inline-block;}
.hashtag_search .hashtag_back_bt a{display: block; height: 100%; overflow:hidden;}
.hashtag_search .hashtag_search_bt{width:44px; height:40px; float:left; background: url(/assets/img/mobile/common/hashtag_bt_img.png) no-repeat center #ef3f3b; background-size:28px; position:absolute;}

.hashtag_menu_wrap{box-sizing:border-box;}
.hashtag_menu_wrap ul.hashtag_1depth{width:100%; height:41px; margin:0 auto 5px; border-bottom:1px solid #dddddd; display:block;}
.hashtag_menu_wrap ul.hashtag_1depth li a{width:20%; height:41px; line-height:41px; color:#929292; float:left; display:inline-block; text-align:center; letter-spacing:-1px; font-size:14px; font-weight:bold;}
.hashtag_menu_wrap ul.hashtag_1depth li.on a{color:#ef3f3b; border-bottom:4px solid #ef3f3b;}

.hashtag_menu_wrap ul.hashtag_2depth{width:60%; height:38px; margin:0 auto 12px;}
.hashtag_menu_wrap ul.hashtag_2depth li a{width:33.3%; height:38px; line-height:38px; color:#1a1717; float:left; display:inline-block; text-align:center; letter-spacing:-1px; font-size:14px; font-weight:bold;}

.hashtag_menu_wrap ul.hashtag_2depth li.on a{color:#ef3f3b;}
.hashtag_menu_wrap ul.hashtag_2depth li.on img{width:15px; display:inline-block; padding-top:10px; margin-right:2px;}

.hashtag_list_wrap ul{margin:6px 7px; padding:0; list-style:none;}
.hashtag_list_wrap ul.hashtag_list li{width:100%; padding:4px 0 6px; position:relative; line-height:14px; border-bottom:1px solid #ddd; display:inline-block;} 
.hashtag_list_wrap ul.hashtag_list li a{display:block; overflow:hidden;}
.hashtag_list_wrap ul.hashtag_list .hashtag_list_img{width:90px; height:62px; background-size:cover; background-repeat:no-repeat; border-radius:4px; background-color:#ccc; float:left; position:relative; background-position: center;}
.hashtag_list_wrap ul.hashtag_list .info{width:69.5%; display:inline-block; letter-spacing:-1px; position:relative; overflow:hidden; float:left;}
.hashtag_list_wrap ul.hashtag_list .info p.toon_title{width:100%; height:20px; margin:8px 0 0; padding:0 15px; line-height:20px; font-size:13px; font-weight:bold; color:#000;}
.hashtag_list_wrap ul.hashtag_list .info p.toon_title span{width:100%; display:inline-block; float:left; font-size: 13px; max-width:90%; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; overflow: hidden; font-weight:600;}

.hashtag_list_wrap ul.hashtag_list .info p.sub_info{width:100%; font-size:12px; color:#929292; margin:8px 0; padding:0 15px;}
.hashtag_list_wrap ul.hashtag_list .info p.sub_info .click_cnt{margin-right:10px;}
.hashtag_list_wrap ul.hashtag_list .info p.sub_info .com_icon{width:12px; display:inline-block; margin-right:3px; padding-top:0px;}

.hashtag_wrap{width:100%; height:100%;}
input{-webkit-border-radius:0;-webkit-appearance:none;}
.hashtag_search{width:100%; height:60px; padding-top:10px; background-color:#e3e3e3;}
.hashtag_search .hashtag_search_te{width:calc(100% - 95px); height:40px; border:2px solid #ef3f3b; font-size:14px; letter-spacing:-1px;}
.hashtag_search .hashtag_back_bt{width:36px; height:40px; float:left; background:url(/assets/img/mobile/common/hashtag_back_bt.png) no-repeat center; background-size:15px; vertical-align:middle; display:inline-block;}
.hashtag_search .hashtag_back_bt a{display: block; height: 100%; overflow:hidden;}
.hashtag_search .hashtag_search_bt{width:44px; height:40px; float:left; background: url(/assets/img/mobile/common/hashtag_bt_img.png) no-repeat center #ef3f3b; background-size:28px; position:absolute;}

/* 2 */
.hashtag_toon_list_main{width:100%; height:150px; background-color:#000;}
.hashtag_toon_list_main .hashtag_list_bg{width:100%; height:150px; background:url(http://gaon.toptoon.com/assets/upfile/co_thumb5/8700_1501032034.8552.jpg) no-repeat center top #000; opacity:0.6; background-size:cover; position:absolute;}
.hashtag_toon_list_main .hashtag_one_img{width:60px; height:60px; border-radius:50%; background-size:cover; background-position:center center; margin:0 auto; position:relative; top:23px;}
.hashtag_toon_list_main .subject_title{font-size:16px; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:81px; text-align:center; position:relative;}

.hashtag_toon_list_wrap .hashtag_toon_area .hash_tit{font-size: 14px; color: #333; font-weight: bold; margin: 15px 0 5px;}
.hashtag_toon_list_wrap .hashtag_toon_area{margin:6px 7px;}
.hashtag_toon_list_wrap .hashtag_toon_area ul{padding:0; list-style:none;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list li{width:100%; padding:6px 3px; position:relative; line-height:14px; border-bottom:1px solid #ddd;} 
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list li a{display:block; height: 100%; overflow: hidden;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .hashtag_list_img{width:90px; height:55px; background-size:cover; background-repeat:no-repeat;  background-color:#ccc; float:left; position:relative; background-position: center;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info{width:69%; display:inline-block; letter-spacing:-1px; position:relative; overflow:hidden; float:left;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.toon_title{width:calc(100% - 10%); height:19px; padding:0 15px 23px; line-height:17px; font-size:13px; font-weight:bold; color:#000; white-space: nowrap; margin-top: 7px;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.toon_title span.author{margin-left:6px; font-size:12px; color:#ccc; font-weight:500; max-width: 26%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.toon_title span{display:inline-block; overflow:hidden; float:left; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px;}

.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.sub_info{width:100%; font-size:12px; color:#929292; padding:0 0 0 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.sub_info .click_cnt{margin-right:10px;}
.hashtag_toon_list_wrap .hashtag_toon_area ul.hashtag_toon_list .info p.sub_info .com_icon{width:12px; display:inline-block; margin-right:3px; padding-top:0px;}

.hot_keyword_wrap{overflow:hidden;}
.hot_keyword_wrap .hot_keyword{padding:0 0 0 9px;}
.hot_keyword_wrap .hot_keyword .hot_keyword_ul{margin:12px 0 0 0;}
.hot_keyword_wrap .hot_keyword .hot_keyword_ul .hot_keyword_list{font-size:14px; color:#fff; border-radius:5px; float:left; line-height:23px; padding:6px 9px; margin:0 2% 2% 0; display:inline-block;}
.hot_keyword_wrap .hot_keyword .hot_keyword_ul .hot_keyword_list a{color:#fff;}
.hot_keyword_wrap .hot_keyword .hot_keyword_title p{font-size:14px; color:#333; font-weight:bold; margin-top:10px;}

.thumb_float.thumb_float_6545{position:absolute; z-index:3; width:80px; bottom:30px; right:0;}
.thumb_float.thumb_float_8445{position:absolute; z-index:3; width:80px; bottom:30px; right:0;}

header .header_top a.logo {display:block;width:100px;height:45px;float:left;background:url(__PUBLIC__ {$systemres.mobile_code}) no-repeat;background-size:100%;}
.slide_menu .sns {width:16px;margin-top:12px;margin-right:2px;border-radius:12px;float:left;}
footer {padding-bottom:50px;}
.swiper-pagination-bullet {width:7px;height:7px;display:inline-block;border-radius:100%;background:#fff;opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;background:#fd4243;}