@charset "utf-8";
/*메인비쥬얼시작*/

#m_visual {
	width: 980px;
	margin:0 auto;
	overflow: hidden;
}
/* 슬라이드 배너시작*/

#m_box_slide {
	float:left;
	width: 750px;
	/*height: 252px;*/
	overflow:hidden;
	position:relative;
}
#m_box_slide .clsBannerScreen {
	float:right;
	/*border:1px solid #c7c7c7;*/
	position:relative;
	width:560px;
	/*height:250px;*/
}
#m_box_slide .clsBannerScreen .m_bn_ar_l {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	background:url(../img/main/m_bn_ar_l.png) no-repeat;
	width:30px;
	height:250px;
}
#m_box_slide .clsBannerScreen .m_bn_ar_r {
	position:absolute;
	z-index:90;
	top:0;
	right:0;
	background:url(../img/main/m_bn_ar_r.png) no-repeat;
	width:30px;
	height:250px;
}
#m_box_slide ul.clsBannerButton {
	float:left;
}
#m_box_slide ul.clsBannerButton li {
	margin-bottom:0px;
}
#m_box_slide ul.clsBannerButton li a {
	display:block;
	width:142px;
	height:76px;
}
ul.bt-roll {
	position:absolute;
	bottom:0;
	left:410px;
	width:58px;
}
ul.bt-roll li {
	float:left;
	margin-right:10px;
}
/* 슬라이드 배너끝*/
div.m_v_line {
	width:100%;
	height:3px;
	background: url(../img/main/m_shadow_bg.jpg) repeat-x;
}
.m_c_bn {
	display:inline-block; float:right; width:220px;	border-right:1px solid #e2e5ea; 	border-left:1px solid #e2e5ea;}


/*메인비쥬얼끝*/


/*메인탭시작*/
.m_ca_tab {
	width:100%;
	border-bottom:1px solid #cecece;
	border-top:1px solid #cecece;
	height:37px;
}
.m_ca_tab ul {
	width:978px;
	margin:0 auto;
	overflow:hidden;
}
.m_ca_tab ul li {
	float:left;
}
.m_ca_tab ul li a {
	display:inline-block;
	width:325px;
	height:37px;
	text-align:center;
	line-height:37px;
	color:#7b7a7a;
	font-size:1.2em;
	border-right:1px solid #DDD;
}
.m_ca_tab ul li a:hover {
	background-color:#a4a3a3;
	color:#fff;
}
.m_ca_tab ul li a.on {
	background-color:#a4a3a3;
	color:#fff;
}
/*메인탭끝*/


/*엠툰 요일별 웹툰시작*/
#m_day_wrap {
	width: 100%;
	border-bottom: 1px solid #cecece;
}
#m_best_wrap {
	width: 100%;
	border-bottom: 1px solid #cecece;
}
#m_day, #m_publish {
	width: 981px;
	margin: 0 auto;
	padding:20px 0; position:relative;
}
div.m_day_t {
	overflow:hidden;
	padding: 0 0 11px 0;
	line-height:25px;
}
div.m_day_t p {
	float:left;
	font-size:1.3em;
	font-weight:bold;
	background: url(../img/main/bullet.png) no-repeat;
	background-position: 0 -49px;
	padding-left: 29px;
}
span.red_color {
	color:#f05584;
}
div.m_day_t a {
	float:left;
	display:inline-block;
	padding:0 10px 1px 10px;
	margin: 0 0 0 12px;
	text-align:center;
	background-color:#f05584;
	font-size:11px;
	color:#fff;
}
div.m_day_t strong, div.m_publish_t strong {
	display:inline-block;
	font-weight:normal;
	line-height:25px;
}
#m_day ul {
	overflow:hidden;
}
#m_day ul li {
	float:left;
	width:109px;
}
div.list_over {
	background:url(../img/main/day_on_bg.png) repeat-y;
}
div.m_tab {
	height:35px;
	margin-bottom:-8px;
}
div.list_sum_w {
	padding:20px 0 0 11px;
	font-size:0.9em;
}
div.list_sum {
	position:relative;
	width:85px;
	height:100px;
	border:1px solid #ccc8c8;
	margin-bottom:2px;
	background-color:#FFFFFF;
	overflow:hidden;
}
div.m_adult_bg{position:absolute;z-index: 40;width: 85px;height: 100px;background:url(../img/main/m_adult_bg.png) no-repeat;}
div.m_blur_bg{position:absolute;z-index: 20;width: 85px;height: 100px;background:url(../img/main/m_blur_bg.png) no-repeat;text-align: center;}
div.m_blur_bg p{margin-top: 36px;font-weight: bold;line-height: 1.3;font-size: 1.1em;color: #e81528;}
div.publish_sum {
	position:relative;
	width:85px;
	height:100px;
	border:1px solid #ccc8c8;
	margin:0 0 2px 0;
	background-color:#FFFFFF;
	box-sizing:border-box;
	overflow: hidden; 
}
.mainThumbTitle {
	width:88px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 11px;
}
.mainThumbAuthor {
	width:88px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 11px;
}
div.list_sum img, div.publish_sum img {
	width:85px;
}

div.list_sum img:hover, div.publish_sum img:hover {
	opacity:0.5;
	filter: alpha(opacity=50)
}

div.new_icon {
	position:absolute;
	left:0;
	top:0;
	width:35px;
	height:35px;
	background: url(../img/main/bullet.png) no-repeat;
	background-position: -1px -151px;
	z-index:30;
}
div.best_icon {position:absolute;left:0;top:0;width:44px;height:45px;background: url(../img/main/bullet03.png) no-repeat;background-position: 0 -300px;z-index:30;}
div.m_thum_icon {
	position:absolute;
	right:2px;
	bottom:3px;
	overflow:hidden;
	z-index:30;
}
div.m_thum_icon div {
	float:left;
	margin-left:4px;
	width:18px;
	height:18px;
}
div.adult_icon {
	background: url(../img/main/bullet.png) no-repeat;
	background-position: 0 -250px;
}
div.m_hd_icon {
	background: url(../img/main/bullet.png) no-repeat;
	background-position: -50px -250px;
}
div.m_fin_icon {
	background: url(../img/main/bullet.png) no-repeat;
	background-position: 0 -500px;
}
div.up_icon {
	position:absolute;
	top:3px;
	right:3px;
	width:27px;
	height:18px;
	background: url(../img/main/bullet.png) no-repeat;
	background-position: -50px -200px;
	z-index:30;
}
/*엠툰 요일별 웹툰끝*/


/*엠툰 출판만화시작*/
#m_publish_wrap {
	width: 100%;
	border-bottom: 1px solid #cecece;background:#fbfbfb;
}

/*엠툰 완결만화시작*/
#m_publish_wrap2 {
	width: 100%;
	background: #fbfbfb;
}

div.m_publish_t {
	overflow:hidden;
	margin-bottom:15px;
}
div.m_publish_t p {
	float:left;
	font-size:1.3em;
	font-weight:bold;
	background: url(../img/main/bullet.png) no-repeat;
	background-position: 0 -49px;
	padding-left: 29px;
	line-height:25px;
	margin-right:15px;
}

div.m_publish_t a {
	float:left;
	display:inline-block;
	padding:0 10px 1px 10px;
	margin: 0 0 0 12px;
	text-align:center;
	background-color:#e81528;
	font-size:11px;
	color:#fff;
}

#m_publish ul li {
	overflow:hidden;
}
div.publish_sum_w {position: relative;	float: left;	width: 97px;	padding-left: 12px;	font-size: 0.9em;	margin-bottom: 5px;}
div.publish_sum_w .tran_bg {position: absolute;	display: block;	width: 85px;	height: 100px;	top: 0;	left: 12px;	background: #2c2d32;	z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	filter: alpha(opacity=70);	opacity: 0.7;}
div.publish_sum_w .more_btn   {z-index: 2;	position: absolute;	top: 12px;	left: 33px;}
div.publish_sum_w .more_btn .txt{ color:#44d0d5; font-size:14px;  }
div.publish_sum_w .more_btn .ico {dsiplay: block;	background: url(http://imagecdn.mtoon.com/static/www/img/renew_imgs.png?6) no-repeat; 
                                   background-position: 0 -310px;	width: 45px;	height: 44px;	text-indent: -9999;	font-size: 0;	position: absolute;	top: 23px;	left: -1px;}
div.publish_sum_w .more_btn .ico:hover {background-position: 0 -354px;}
div.list_sum img, div.publish_sum img  {	width: 85px;}
.mainThumbAuthor {
  	color:#919191;
}
span.free_icon{ position:absolute; top:15px; left:218px;background: url(../img/main/free_icon.png) no-repeat;width:29px;height:25px;display:block;}

/*출판만화탭시작*/
div.m_pb_tab_w {overflow:hidden; margin-bottom:-10px;line-height:25px; margin-top:1px; position:relative;}

div.m_pb_tab_w .m_pb_icon {float:left;background: url(../img/main/bullet.png) no-repeat;background-position: 0 -50px;width:22px;height:23px; margin-right:7px;}
ul.m_pb_tab {float:left;overflow:hidden;margin-bottom:7px;margin-top:-1px;}
ul.m_pb_tab li {float:left;font-size:1.3em;font-weight:bold;}
ul.m_pb_tab li a {display:block;height:22px;text-align:center; width:32px;}
ul.m_pb_tab li.on a{border-bottom:3px solid #f05584;color:#f05584;}
ul.m_pb_tab li a:hover {color:#f05584;}
ul.m_pb_tab span {float:left;display:inline-block;margin:0 13px;font-size:10px;color:#bbbaba;margin-bottom:5px;}

/*출판만화탭끝*/
/*엠툰 출판만화끝*/

/*만화책시작*/
#b_best_w {width: 100%;border-bottom: 1px solid #cecece;}
#b_best {width: 981px;margin: 0 auto;padding:16px 0 25px; position:relative;}
div.b_best_t {overflow:hidden;padding: 0 0 13px 0;line-height:25px;}
div.b_best_t p {float:left;font-size:20px;font-weight:bold;background: url(../img/main/bullet.png) no-repeat;background-position: 0 -49px;padding-left: 29px;}
#b_best .b_b_in li.publist00 {overflow:hidden;padding-left:8px;}
div.b_best_sum_w {float:left;font-size:0.9em; box-shadow: 1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc;behavior: url(../js/PIE.htc);margin-right: 20px;border: 1px solid #ccc;background-color: #fff;position: relative;width: 175px;height: 244px;}
div.b_best_sum_w .b_best_sum {position:relative;width:159px;height:230px;border:1px solid #e5e3e3;background-color:#FFFFFF;box-sizing:border-box;overflow: hidden; opacity:1;-moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;margin: 7px auto;}
.b_mainThumbTitle {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 15px;font-weight: bold;margin-bottom: 3px;color: #fff;}
.b_mainThumbAuthor {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 13px;line-height: 1.4;color: #ccc;}

div.b_best_sum_w .b_b_text_w{border-top: none;background-color:#232222;position: absolute;bottom:0;width: 100%;padding: 8px 10px 9px 15px;box-sizing: border-box;opacity:0.85;filter: alpha(opacity=85)}
div.b_best_sum_w .b_best_btn{position: absolute;z-index: 10;width: 55px;height: 47px;background: url(http://mtoon-img-cdn.daouidc.com/img/web/b_best_btn.png?12) no-repeat;display: block;top:1px;left: 5px;text-align: center;color: #fff;font-size: 15px;line-height: 1.1;padding-top: 3px;box-sizing: border-box;}
div.b_best_sum_w .b_best_btn strong{font-size: 18px;}
div.b_best_sum img:hover {opacity:0.5;filter: alpha(opacity=50)}
div.b_best_sum_w2 .b_new_btn{position: absolute;z-index: 10;width: 55px;height: 47px;background: url(http://mtoon-img-cdn.daouidc.com/img/web/b_new_btn.png?10) no-repeat;display: block;top:1px;left: 5px;text-align: center;color: #fff;font-size: 16px;line-height: 40px;box-sizing: border-box;font-weight: bold;}
div.b_best_sum_w2 .b_best_sum2 {position:relative;width:200px;height:200px;border:1px solid #e5e3e3;background-color:#FFFFFF;box-sizing:border-box;overflow: hidden; opacity:1;-moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;margin: 7px auto;}
div.b_best_sum_w2 .b_b_text_w2{border-top: none;background-color:#fff;width: 100%;padding: 0 8px 0 12px;box-sizing: border-box;}
.b_mainThumbTitle2 {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 15px;font-weight: bold;margin-bottom: 3px;}
.b_mainThumbAuthor2 {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 13px;line-height: 1.4;color: #666;}
.b_mainThumbTitle2 {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 15px;font-weight: bold;margin-bottom: 3px;}
.b_mainThumbAuthor2 {width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size: 13px;line-height: 1.4;color: #666;}
div.b_best_sum_w2 {float:left;font-size:0.9em; box-shadow: 1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc;behavior: url(../js/PIE.htc);margin-right: 26px;border: 1px solid #ccc;background-color: #fff;position: relative;width: 216px;height: 292px;}
div.b_best_sum_w:hover, div.b_best_sum_w2:hover{border: 1px solid #ff0000;}
div.b_best_sum2 img:hover{background-color: #232222;opacity: 0.85;}
div.b_best_sum_w2 .img_on{background:url(http://mtoon-img-cdn.daouidc.com/img/web/new_on_bg.png?10) no-repeat;width: 216px;height: 208px;text-align: center;padding-top: 50px;box-sizing: border-box;position: absolute;z-index: 15;color: #fff;font-weight: bold;font-size: 18px;}
div.b_best_sum_w2 .img_on2{background:url(http://mtoon-img-cdn.daouidc.com/img/web/new_on_bg2.png?11) no-repeat;width: 216px;height: 208px;position: absolute;z-index: 15;}
div.b_best_sum_w2 .img_on .img_in{overflow: hidden;margin-top: 64px;}
div.b_best_sum_w2 .img_on .img_in li {float: left;}

/*만화책배너*/

.b_bn_w{padding: 28px 0 0 15px;overflow:hidden;}
.b_bn_w .b_bn01{width: 980px;margin: 0 auto;}
.b_bn_w .b_bn01 li{float:left;margin-right: 18px;}
.b_bn_w .b_bn01 li img{border: 1px solid #ccc;}



/*테마관, 무료순위*/
.b_thema_w{width: 100%;border-bottom: 1px solid #cecece;}
.b_thema_w .b_thema {width: 981px;margin: 0 auto;padding:16px 0 25px;overflow: hidden;}
.b_thema_w .b_thema .bt_in{float: left;}
.b_thema_t {overflow:hidden;padding: 0 0 13px 0;line-height:25px;}
.b_thema_t p {float:left;font-size:20px;font-weight:bold;background: url(../img/main/bullet.png) no-repeat;background-position: 0 -49px;padding-left: 29px;}
.b_thema_w .b_thema .b_thema_t2 {overflow:hidden;padding: 26px 0 14px 0;line-height:25px;}
.b_thema_w .b_thema .b_thema_t2 p {float:left;font-size:20px;font-weight:bold;background: url(../img/main/bullet.png) no-repeat;background-position: 0 -49px;padding-left: 29px;}
.b_thema_w .b_thema .bt_in .bt_in02{overflow: hidden;padding-left: 8px;}
.b_thema_w .b_thema .bt_in .bt_in02 li{float:left;margin-right: 20px;}
.b_thema_w .b_thema .bt_in .bt_in02 li img{border: 1px solid #ccc;}


.mainbest{float: right;margin-right: 8px;}
.mainday{position:relative;overflow:hidden;clear:both;padding-top:68px}
.mainmobile{position:relative;height:298px;padding-top:90px}
.mainbest .bestmenu{overflow:hidden;border-radius:3px 3px 0 0;text-align:center}
.mainbest .bestmenu li{float:left;position:relative;width:95px;margin:0 -2px 0 -1px}
.mainbest .bestmenu li a{display:block;height:36px;border:1px solid #383a40;border-width:0 1px;background:#525459;color:#a4a4a4;font-size:13px;line-height:36px}
.mainbest .bestmenu li a:hover{text-decoration:underline}
.mainbest .bestmenu li:first-child{width:95px}
.mainbest .bestmenu li:first-child a{border-left:0;margin-left:1px}
.mainbest .bestmenu .on a{color:#fff;font-weight:bold;background:#383a40}
.bestlst li{position:relative;border-bottom:1px solid #ebebeb;background:#f9f9f9}
/*ie8핵*/
@media \0screen {
.bestlst li a{
	display:block;
	padding:0 10px 0 110px;
	height: 60px;
	}
}
.bestlst li a{display:block;padding:0 10px 0 110px;height: 74px;}


.bestlst .rank_num{position:absolute;top:27px;left:16px;font-family:helvetica;font-size:15px;font-style:italic;color:#ff3c00;font-weight: bold;}
.bestlst .thm{position:absolute;left:40px;width: 50px;height: 55px;overflow: hidden;top: 10px;}
.bestlst .thm img{width: 100%;border: 1px solid #ccc;}



.bestlst dt strong{color:#4b4b4b;display: block;padding-top: 19px;line-height: 1.2;font-size:14px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width: 155px;}
.bestlst dd{width:155px;margin-top:5px;color:#999;font-size:13px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.bestlst .love{position:absolute;bottom:16px;right:15px;width:auto;color:#ff3c00}
.bestlst .love .sp{width:17px;height:15px;margin-right:4px;background-position:-148px -66px}
.mainbest .btnmore{position:absolute;top:59px;right:0;color:#808080}
.mainbest .btnmore:hover{text-decoration:underline