@charset "utf-8";

#wrap{width:100%; margin:0; padding:0;min-width:320px;background:#fff}

.head_section{height:50px;overflow:hidden;position:relative;width:100%;background: #ff4545;}
.head_section .logo{position:absolute;left:17px;top:15px;}
.head_section .home{position:absolute;left:17px;top:15px;}
.head_section .logo a{display:block;overflow:hidden;color:#fff;text-decoration:none;font-size:16px}
.head_section .home {display:block;overflow:hidden;color:#fff;text-decoration:none;font-size:16px}
.head_section .logo a img {vertical-align:top; margin-right:8px; width:20px}
.head_section .home a img {vertical-align:top; margin-right:8px;}
.head_top {height:49px; border-bottom:1px solid #FF2424;line-height: 49px; text-align: center; font-size:15px; color:#fff; font-weight:600;}
.head_top span {font-size:12px; color:#fff; font-weight:normal; padding-left:8px;}

/* 20150529 수정 */
.head_search {display:none;}
/* 20150529 수정 */

.head_search input {width:88%; box-sizing:border-box;vertical-align:top;}
.head_search a {width:12%; display:inline-block;height:32px; line-height:32px; color:#fff; text-align:center;vertical-align:top;
background: #54565e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NTY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzU0NTY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMxMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #54565e 0%, #54565e 29%, #323136 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54565e), color-stop(29%,#54565e), color-stop(100%,#323136)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #54565e 0%,#54565e 29%,#323136 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #54565e 0%,#54565e 29%,#323136 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #54565e 0%,#54565e 29%,#323136 100%); /* IE10+ */
background: linear-gradient(to bottom,  #54565e 0%,#54565e 29%,#323136 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54565e', endColorstr='#323136',GradientType=0 ); /* IE6-8 */
}

.head_section ul{position:relative}
.head_section li{cursor:pointer;height:35px;width:35px;position:absolute;line-height:999;overflow:hidden}
.head_section .btnSearch{right:52px;top:9px;background:url(/webtoon_aspm/images/search.png) no-repeat 0 0; background-size:100% auto;}
.head_section .btnmenu{right:9px;top:9px;background:url(../images/menu.png) no-repeat 0 0;background-size:100% auto;}

#slideRight{position:absolute;right:-260px;top:0;height:100%;background:#454545;width:260px; height:100%;}

.sideMenu h2{height:49px;color:#fff;line-height:49px;font-size:18px;font-weight:normal;padding:0 10px 0 15px;background:#ff4545}
.sideMenu .list li{height:52px;border-bottom:1px solid #2c2c2c}
.sideMenu .list li a{height:51px;font-size:16px;color:#c8c8c8;line-height:51px;border-bottom:1px solid #616161;display:block;padding-left:15px}

#slideRight .list li a{padding-right:15px}
.on{display:block}
.blind{display:none}
.title1 {border-top:2px solid #000; margin-top:-2px; line-height:36px; border-bottom:2px solid #dadada;padding-top: 6px;}
.title1 span {display:inline-block; line-height:36px; padding-left:6px; border-bottom:2px solid #5f6062;margin-bottom:-2px; color:#000; font-size:15px; font-weight:600;}
.title1 a {display:inline-block; float:right; margin-top:4px; margin-right:7px; width:28px}
.title1 a img {width:100%;}

.fancy{
	position:relative;
	display:inline-block;
	font-size:0;
	line-height:0;
}

.fancy:after{
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	right:1px;
	border:1px solid rgba(255,255,255,0.5);
	outline:1px solid rgba(0,0,0,0.2);
	content:" ";
}

.toonist_box {padding-top:18px;border-bottom: 2px solid #dadada;max-width: 640px; margin: 0 auto;} 
.toonist_box div {text-align:center;}
.toonist_box div ul {width:160px; margin:0 6px; margin-top:-4px; margin-bottom:9px; display: inline-block; position:relative; overflow:hidden;}
.toonist_box div ul:hover .toon_num {background-position:left -65px; }

.toonist_box div ul li {}
.toonist_box div ul li img {width: 160px; height: 118px; border:1px solid #dedede; box-sizing:border-box;}
.toonist_box div ul li:first-child {text-align:center; position:relative;}
.toonist_box div ul li:first-child span {display:block; position:absolute; top:0; left:0; width:54px; height:60px; text-align:left; color:#fff; line-height:39px; padding-left:6px; font-size:16px; font-weight:600;}
.toonist_box div ul li:first-child span.no_1 {background:url(../images/no_bg1.png) no-repeat left top;opacity:0.50;}
.toonist_box div ul li:first-child span.no_2 {background:url(../images/no_bg2.png) no-repeat left top;opacity:0.50;}
.toonist_box div ul li:first-child strong {position:absolute; right:3px; bottom:6px; width:49px; height:22px; display:block;}

.toonist_box div ul li:first-child img {width: 160px; height: 118px;}
.toonist_box div ul li:first-child strong img {width:49px; height:22px;}

.toonist_box_new {margin:0 auto; margin-top:22px;}
.toonist_box_new div {}
.toonist_box_new div ul {width:285px; height:381px;margin:0 7px; margin-bottom:9px;float:left; position:relative;}
.toonist_box_new div ul:hover .toon_num {background-position:left -65px;}
.toonist_box_new div ul li {}
.toonist_box_new div ul li:first-child {text-align:center;}
.toonist_box_new div ul li:first-child img {}



.toonist_box_sosul_new {width:98%;margin:0 auto; margin-top:15px; text-align:center;max-width: 640px; margin: 0 auto;padding-top: 12px;}
.toonist_box_sosul_new div {text-align:center;}
.toonist_box_sosul_new div ul {width:160px;margin:0 7px; margin-bottom:13px;display: inline-block;position:relative;}
.toonist_box_sosul_new div ul:hover .toon_num {background-position:left -65px;}
.toonist_box_sosul_new div ul li {text-align: left;}
.toonist_box_sosul_new div ul li dl {float:left; padding-top:5px;}
.toonist_box_sosul_new div ul li dl:first-child {margin-right:7px; padding-top:0; position:relative;}
.toonist_box_sosul_new div ul li dl:first-child span {display:block; position:absolute; top:0; left:0; width:54px; height:60px; text-align:left; color:#fff; line-height:39px; padding-left:6px; font-size:16px; font-weight:600;}
.toonist_box_sosul_new div ul li dl:first-child span.no_1 {background:url(../images/no_bg1.png) no-repeat left top; opacity:0.50;}
.toonist_box_sosul_new div ul li dl:first-child span.no_2 {background:url(../images/no_bg2.png) no-repeat left top; opacity:0.50;}
.toonist_box_sosul_new_line {border:1px solid #dedede; box-sizing:border-box;}
.toonist_box_sosul_new div ul li:first-child img {width:65px; height:86px;}
.toonist_box_sosul_new h1 {font-size:11px;color:#868686;}
.toonist_box_sosul_new h2 {font-size:12px;color:#2D2D2D;font-weight:bold;line-height:30px;height: 30px; overflow: hidden;}
.toonist_box_sosul_new h3 {font-size:11px;color:#666666;}
.toonist_box_sosul_new_toon_txt {height:1px; width:285px; margin:0 auto;}
.toonist_box_sosul_new_toon_txt h4 {padding-left:7px; color:#999; line-height:18px;}


.box_border {position:absolute; top:0; left:0; height:381px;border:1px solid #dedede; box-sizing:border-box;}
.box_border:hover {border:4px solid #ff0909;}
.box_border_webtoon {position:absolute; top:0; left:0; height:330px;border:1px solid #dedede; box-sizing:border-box;}
.box_border_webtoon:hover {border:4px solid #ff0909;}
.toon_txt {height:55px; padding-top:7px; margin:0 auto;}
.toon_txt h1 {text-align:center; font-size:15px; color:#333; font-weight:700; margin-bottom:6px;height: 19px; overflow: hidden;}
.toon_txt h2 {font-size:13px; color:#666; margin-bottom:13px; text-align:center;}
.toon_txt h3 {padding-left:7px; color:#999; line-height:16px;}
.like {text-align:right; padding-top:13px; padding-right:13px;}
.like img {margin-right:5px;}
.kinds {text-align:left; margin-top:-20px; padding-left:13px;}
.kinds img {margin-left:1px;}
.toonist_box div:after {clear:both; content:""; padding:0; margin:0; display:block;}

.box_border_sosul {position:absolute; top:0; left:0; width:285px; height:200px; box-sizing:border-box;}
.box_border_sosul:hover {}

.toonist_box_sosul_new div:after {clear:both; content:""; padding:0; margin:0; display:block;}
.borT0 {border-top:0 !important;}

.toon_list_sosul {width:100%; background:#f3f3f3; margin-bottom: 23px;}
.toon_list_sosul_box {margin:0 auto;}
.toon_list_sosul_box dl {float:left;}
.toon_list_sosul_box dl:first-child {width:45%; height:260px; border-right:1px solid #d2d6d1;margin-right:17px;}
.toon_list_sosul_box dl:last-child {width:55%; height:260px; border-left:1px solid #d2d6d1;margin-left:17px;}
.ico_front_small {position:absolute; top:13px; left:13px;}
/* .toon_list_sosul_box ul {width:271px;} */
.toon_list_sosul_box ul {width:100%;}
.toon_list_sosul_box ul li {}
.toon_list_sosul_box ul li:first-child {padding-top:23px; margin-bottom:30px;}
.toon_list_sosul_box ul li:first-child span {display:inline-block; line-height:23px; padding:0 8px; font-size:15px; background:#5f6062; color:#fff; margin-right:5px;}
.toon_list_sosul_box ul li:first-child span.on {background:#ff0909;}
.toon_list_sosul_box ul li h1 {color:#666; font-size:13px; height:63px; border-bottom:1px solid #dedede; margin-bottom:15px;}
.toon_list_sosul_box ul li h1 b {display:block; font-size:17px; margin-bottom:14px;color:#000;}
.toon_list_sosul_box ul li h2 {margin-bottom:40px;}
.toon_list_sosul_box ul li h2 img {margin-right:4px;}
.toon_list_sosul_box ul li h3 {line-height:23px; color:#333; height:90px; margin-left:20px;margin-right:4px;}
.toon_list_sosul_box ul li h4 {line-height:23px; color:#333; height:23px; margin-left:20px;margin-right:4px; font-weight:bold; font-size:14px;}
.toon_list_sosul_box ul li h1 img {margin-top:23px;}
.toon_list_sosul_box ul li p strong {position:absolute; top:100px; left:100px;}


.ico_like img {width:20px !important; height:18px !important;}

.toon_box1 {text-align:center; max-width:640px; margin:0 auto; padding-top:20px;}
.toon_box1 ul {display:inline-block; margin:0 8px; margin-bottom:20px;}
.toon_box1 ul li {}
.toon_box1 ul li:first-child {}
.toon_box1 ul li b {display:block; padding:5px 0; font-size:14px;}
.toon_box1 ul li span {display:block;}

/* 20150531 */
.toon_box1_novel {width:98%; text-align:center; max-width:860px; margin:0 auto; padding-top:13px;}
.toon_box1_novel ul {display:inline-block; margin:0 4px; margin-bottom:20px;}
.toon_box1_novel ul li {}
.toon_box1_novel ul li:first-child {}
.toon_box1_novel ul li:first-child img {width:106px; height:141px;}
.toon_box1_novel ul li b {display:block; padding:5px 0; font-size:13px;}
.toon_box1_novel ul li span {display:block;}

.toon_menu {border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2;}
.toon_menu a {display:inline-block; width:25%; text-align:center; line-height:36px; font-size:15px; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; box-sizing:border-box; color:#000;}
.toon_menu a.on {color:#fff; background:#414141; font-weight:600;}

.toon_box2 {padding:14px;}
.toon_box2 ul {border:1px solid #dfdfdf; padding:3px;position:relative; margin-bottom:13px;}
.toon_box2 ul li {float:left;}
.btn_next {display:block; position:absolute; right:18px; top:50%; font-size:26px; font-weight:600; color:#999; margin-top:-13px;}
.toon_box2 ul li:first-child {margin-right:10px;}
.toon_box2 ul li h1 {color:#333; font-size:15px; padding-top:7px; padding-bottom:10px;}
.toon_box2 ul li h2 {color:#666;font-size:12px;font-weight:normal;padding-bottom:10px;}
.toon_box2 ul li p {color:#333;font-size:15px; font-weight:600;}
.toon_box2 ul li span {color:#fe0000;}
.toon_box2 ul:after {clear:both; display:block; padding:0; margin:0; content:""}

/* 20150531 */
.toon_box2_novel {padding:10px;}
.toon_box2_novel ul {border:1px solid #dfdfdf; padding:3px;position:relative; margin-bottom:10px;}
.toon_box2_novel ul li {float:left;}
.toon_box2_novel ul li:first-child {margin-right:10px;}
.toon_box2_novel ul li:first-child img {width:83px; height:110px;}
.toon_box2_novel ul li h1 {color:#333; font-size:15px; padding-top:7px; padding-bottom:10px;}
.toon_box2_novel ul li h2 {color:#666;font-size:12px;font-weight:normal;padding-bottom:10px;}
.toon_box2_novel ul li p {color:#333;font-size:15px; font-weight:600;}
.toon_box2_novel ul li span {color:#fe0000;}
.toon_box2_novel ul:after {clear:both; display:block; padding:0; margin:0; content:""}

.toon_box2_genre_novel {padding:10px;margin-top:168px;}
.toon_box2_genre_novel ul {border:1px solid #dfdfdf; padding:3px;position:relative; margin-bottom:10px;}
.toon_box2_genre_novel ul li {float:left;}
.toon_box2_genre_novel ul li:first-child {margin-right:10px;}
.toon_box2_genre_novel ul li:first-child img {width:83px; height:110px;}
.toon_box2_genre_novel ul li h1 {color:#333; font-size:15px; padding-top:7px; padding-bottom:10px;}
.toon_box2_genre_novel ul li h2 {color:#666;font-size:12px;font-weight:normal;padding-bottom:10px;}
.toon_box2_genre_novel ul li p {color:#333;font-size:15px; font-weight:600;}
.toon_box2_genre_novel ul li span {color:#fe0000;}
.toon_box2_genre_novel ul:after {clear:both; display:block; padding:0; margin:0; content:""}

.mypage_menu {height:63px; background:#606060 url(../images/bg1.png) no-repeat right top; line-height:63px; border-top:2px solid #1b1b1b; border-bottom:2px solid #1b1b1b; font-size:16px; font-weight:600; color:#fff;}
.mypage_menu img {vertical-align:top; margin-top:12px; margin-left:12px; margin-right:7px;}
.mypage_menu2 {border-bottom:1px solid #c2c2c2;}
.mypage_menu2 a {display:inline-block; height:41px; color:#000; text-align:center; line-height:41px; font-size:13px; font-weight:600; width:20%; border-right:1px solid #c2c2c2;box-sizing:border-box;}
.mypage_menu2 a.on {border-bottom:4px solid #fe0000; box-sizing:border-box; color:#fe0000;}
.mypage_menu2 a:first-child {border-left:1px solid #c2c2c2;}


.toon_box3 {}
.toon_box3 ul {position:relative; padding:10px 11px 7px 7px; border-bottom:1px solid #c2c2c2;}
.toon_box3 ul li {float:left;}
.btn_delete {margin-right:6px;}
.btn_delete img {margin-top:15px;}
.toon_box3 ul li h1 {font-size:13px; color:#333; margin-left:-12px; padding-bottom:7px;}
.toon_box3 ul li h2 {font-size:11px; color:#666; margin-left:-12px; padding-bottom:10px;}
.toon_box3 ul li h3 {font-size:11px; color:#666; margin-left:-12px; }
.toon_box3 ul li h3 span {color:#fe0000;}
.btn_1 {display:inline-block; position:absolute; right:8px; top:20px; width:92px; line-height:32px; text-align:center; background:#fe0000; color:#fff; font-weight:600;}
.toon_box3 ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.paging {text-align:center; padding-top:20px; padding-bottom:20px;}
.paging a {display:inline-block; vertical-align:top;}
.paging span {}
.paging span a {width:30px; line-height:32px; font-size:15px; color:#4b4b4b; text-align:center; margin:0 3px;}
.paging span a.on {background:#ff0000; color:#fff;}

.login_top {padding-top:40px; position:relative; text-align:center; width:95%; margin:0 auto; border-bottom:1px solid #dfdfdf; margin-bottom:10px;}
.login_top a {display:block; position:absolute; width:84px; line-height:27px; top:64px; font-size:13px; text-align:center; border-radius:4px;}
.login_top img {margin-bottom:-10px;}
.login_btn1 {left:15px; background:#fe0000; color:#fff;}
.login_btn2 {right:15px; border:1px solid #fe0000; color:#fe0000; box-sizing:border-box;}
.login_btn1_j {left:15px; border:1px solid #fe0000; color:#fe0000; box-sizing:border-box;}
.login_btn2_j {right:15px; background:#fe0000; color:#fff;}
.login_box1 {width:95%; margin:0 auto; border-bottom:1px solid #dfdfdf; margin-bottom:10px;}
.login_box1 li {margin-bottom:10px;}
.login_box1 li input[type=text], .login_box1 li input[type=password] {height:46px; width:100%; border:1px solid #b4b4b4; padding-left:0; text-indent:10px;}
.login_box1 li input[type=checkbox] {width:16px; height:16px;margin-right:3px;}
.login_box1 li label {margin-right:13px;}
.btn_pwfind {float:right; width:112px; line-height:25px; background:#606060; color:#fff; text-align:center; font-size:15px;}
.login_box2 {width:95%; margin:0 auto;}
.btn_email {border:1px solid #fe0000; background:#fe0000; color:#fff; text-align:center; line-height:46px; display:block;font-size:15px;}

.login_box2 li {height:46px; margin-bottom:10px; }
.login_box2 li a {display:block; line-height:46px; color:#fff; font-size:15px;}
.login_box2 li span {display:inline-block; width:42px; height:24px; vertical-align:middle; border-right:2px solid #fff; text-align:center; margin-right:12px;}
.login_box2 li span img {vertical-align:top;}

.btn_fb {height:46px; line-height:46px; color:#fff;display:block; background:#3b5998;}
.btn_naver {height:46px; line-height:46px; color:#fff;display:block; background:#1ec800;}
.pat8 {padding-top:8px;}

.menu_type1 {border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-top:1px solid #757575;}
.menu_type1 a {display:inline-block; width:14.28%; text-align:center; line-height:30px; font-size:15px; background:#f5f5f5; border-right:1px solid #e1e1e1; box-sizing:border-box;}
.menu_type1 a.on {color:#fe0000; border-bottom:3px solid #fe0000; height:30px;}

/* 20150531 */
.menu_type1_1 {border-left:1px solid #e1e1e1; border-top:1px solid #757575;}
.menu_type1_1 a {display:inline-block; width:25%; text-align:center; line-height:38px; border-bottom:1px solid #e1e1e1; font-size:11px; background:#f5f5f5; border-right:1px solid #e1e1e1; box-sizing:border-box;}
.menu_type1_1 a.on {color:#fe0000; border-bottom:3px solid #fe0000; height:38px;}
/* 20171227 */
.menu_type1_2 {border-left:1px solid #e1e1e1; border-top:1px solid #757575;}

.menu_type1_2 a {display:inline-block; width:16.66%; text-align:center; line-height:38px; border-bottom:1px solid #e1e1e1; font-size:11px; background:#f5f5f5; border-right:1px solid #e1e1e1; box-sizing:border-box;}
/*
.menu_type1_2 a {display:inline-block; width:20%; text-align:center; line-height:38px; border-bottom:1px solid #e1e1e1; font-size:11px; background:#f5f5f5; border-right:1px solid #e1e1e1; box-sizing:border-box;}
*/
.menu_type1_2 a.on {color:#fe0000; border-bottom:3px solid #fe0000; height:38px;}

.toon_box4 {}
.toon_box4 ul {position:relative; width:95%; margin:10px auto;}
.toon_box4 ul li:first-child {position:relative;}
.toon_box4 ul li:first-child span {position:absolute; top:5px; left:5px;}
.toon_box4 ul li:first-child span img {width:30px;}
.toon_box4 ul li h1 {font-size:13px; color:#333; padding-left:140px; padding-top:3px; }
.toon_box4 ul li h2 {font-size:12px;color:#666; padding-left:140px; font-weight:normal; }
.toon_box4 ul li h3 {font-size:12px;color:#ff4800; padding-left:140px; font-weight:normal;}
.toon_box4 ul li h4 {padding-left:140px;color:#fe0000; font-size:11px;}
.toon_box4 ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.toon_box4_r {border:1px solid #c6c6c6; border-left:0; position:absolute; left:0; top:0;width:100%; box-sizing:border-box; height:88px;}
.icon_area {position:absolute; right:9px; bottom:5px;}
.icon_area span {display:inline-block;}

/* start 20150703 신규 메인 화면*/
.toon_box_n {}
.toon_box_n ul {position:relative; width:95%; margin:10px auto;}
.toon_box_n ul li:first-child {position:relative;}
.toon_box_n ul li:first-child span {position:absolute; top:5px; left:5px;}
.toon_box_n ul li:first-child span img {width:30px;}
.toon_box_n ul li h1 {font-size:13px; color:#333; padding-left:140px; padding-top:3px; padding-bottom:6px;}
.toon_box_n ul li h2 {font-size:12px;color:#666; padding-left:140px; font-weight:normal;}
.toon_box_n ul li h3 {font-size:12px;color:#ff4800; padding-left:140px; font-weight:normal; padding-top:8px; padding-bottom:8px;}
.toon_box_n ul li h4 {padding-left:140px;color:#fe0000; font-size:11px;}
.toon_box_n ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.toon_box_n_r {border:1px solid #c6c6c6; border-left:0; position:absolute; left:0; top:0;width:100%; box-sizing:border-box; height:88px;}
/* end  20150703 */

.toon_box4_s {}
.toon_box4_s ul {position:relative; width:95%; margin:10px auto;}
.toon_box4_s ul li:first-child {position:relative;}
/* .toon_box4 ul li:first-child span {position:absolute; top:5px; left:5px;} */
.toon_box4_s ul li:first-child span {display:block; position:absolute; top:0; left:0; width:54px; height:60px; text-align:left; color:#fff; line-height:39px; padding-left:6px; font-size:16px; font-weight:600;}
.toon_box4_s ul li:first-child span img {width:30px;}
.toon_box4_s ul li:first-child span.no_1 {background:url(../images/no_bg1.png) no-repeat left top;opacity:0.50;}
.toon_box4_s ul li:first-child span.no_2 {background:url(../images/no_bg2.png) no-repeat left top;opacity:0.50;}

.toon_box4_s ul li h1 {font-size:13px; color:#333; padding-left:140px; padding-top:3px; padding-bottom:6px;}
.toon_box4_s ul li h2 {font-size:12px;color:#666; padding-left:140px; font-weight:normal;}
.toon_box4_s ul li h3 {font-size:12px;color:#ff4800; padding-left:140px; font-weight:normal; padding-top:8px; padding-bottom:8px;}
.toon_box4_s ul li h4 {padding-left:140px;color:#fe0000; font-size:11px;}
.toon_box4_s ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.toon_box4_s_r {border:1px solid #c6c6c6; border-left:0; position:absolute; left:0; top:0;width:100%; box-sizing:border-box; height:88px;}


/* 20150531 */
/*
.toon_box4_novel {}
.toon_box4_novel ul {position:relative; width:95%; margin:10px auto;}
.toon_box4_novel ul li:first-child {position:relative;}
.toon_box4_novel ul li:first-child span {position:absolute; top:5px; left:5px;}
.toon_box4_novel ul li:first-child span img {width:30px;}
.toon_box4_novel ul li h1 {font-size:13px; color:#333; padding-left:140px; padding-top:3px; padding-bottom:6px;}
.toon_box4_novel ul li h2 {font-size:12px;color:#666; padding-left:140px; font-weight:normal;}
.toon_box4_novel ul li h3 {font-size:12px;color:#ff4800; padding-left:140px; font-weight:normal; padding-top:8px; padding-bottom:8px;}
.toon_box4_novel ul li h4 {padding-left:140px;color:#fe0000; font-size:11px;}
.toon_box4_novel ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.toon_box4_novel_r {border:1px solid #c6c6c6; border-left:0; position:absolute; left:0; top:0;width:100%; box-sizing:border-box; height:88px;}
*/
.toon_box4_novel {width:95%; margin-top:130px;}
.toon_box4_novel ul {border:1px solid #dfdfdf; padding:3px; position:relative; margin-bottom:10px;}
.toon_box4_novel ul li {float:left;}
.toon_box4_novel ul li:first-child {margin-right:10px;}
.toon_box4_novel ul li:first-child img {width:83px; height:110px;}
.toon_box4_novel ul li h1 {text-align:left; color:#333; font-size:15px; padding-top:7px; padding-bottom:10px;}
.toon_box4_novel ul li h2 {text-align:left; color:#666;font-size:12px;font-weight:normal;padding-bottom:10px;}
.toon_box4_novel ul li p {text-align:left; color:#333;font-size:15px; font-weight:600;}
.toon_box4_novel ul li span {color:#fe0000;}
.toon_box4_novel ul:after {clear:both; display:block; padding:0; margin:0; content:""}



.margin3 {margin-bottom:3px;}
.margin42 {margin-bottom:42px;}
.margin36m {margin-bottom:-36px;}
.margin90 {margin-top:90px;}
.margin100 {margin-top:100px;}

.img_box1 {border-top:1px solid #000; position:relative;}
.img_box1 span {width:46px; height:40px; display:block; position:absolute; top:0; left:0;}
.img_box1 img {width:100%;}

.toon_txt1 {background:#f3f3f3; padding:11px 10px 14px 10px;border-bottom:1px solid #C2C2C2;}
.toon_txt1 h1 {color:#333; font-size:15px; padding-bottom:7px;}
.toon_txt1 h1 .btn1 {float:right;width:60px; line-height:18px;font-size:13px; border:1px solid #d2d2d2; background:#fff; color:#000; text-align:center; border-radius:4px; margin-right:2px;}
.toon_txt1 h1 .btn1 a {display:inline-block; vertical-align:top; margin-right:6px;}
.toon_txt1 h1 .btn1 a img {vertical-align:top;margin-top:4px;}
.toon_txt1 h1 .btn2 {float:right; width:60px; line-height:18px; font-size:13px; border:1px solid #d2d2d2; background:#ff0000; color:#fff; text-align:center; border-radius:4px;}
.toon_txt1 h2 {color:#666; font-weight:normal; font-size:13px;padding-bottom:14px;}
.toon_txt1 h2 b {color:#000;font-weight:600;}
.toon_txt1 h3 {color:#ff4800;font-size:13px;}
.toon_txt1 h3 span {float:right;}
.toon_txt1 h3 span a {display:inline-block; vertical-align:top; text-align:center; border-radius:4px; margin-left:2px;}
.toon_txt1 h3 span a.btn3 {width:59px; line-height:19px;background:#fff;border:1px solid #d2d2d2;}
.toon_txt1 h3 span a.btn4 {width:59px; line-height:19px;border:1px solid #d2d2d2;background:#ff0000; color:#fff;}
.toon_txt1 h3 span a.btn5 {width:27px; line-height:19px; background:#fff;border:1px solid #d2d2d2;}
.toon_txt1 h3 span a.btn5 img {vertical-align:top; margin-top:2px;}

.pop_sns {display:none; position:absolute; top:0; left:0; width:100%; background:#000; z-index:1000; opacity:.5; filter:alpha(opacity=50);}
.pop_sns_box {display:none; width:80%; height:160px; background:#fff; position:absolute; top:36%; z-index:2000; left:10%; border:1px solid #cdcdcd; box-sizing:border-box;} /*width:80%;*/
.pop_sns_box h1 {color:#333; text-align:center; line-height:29px; font-size:13px; font-weight:600; border-bottom:1px solid #9f9f9f;position:relative;}
.btn_close {position:absolute; top:5px; right:4px;}
.pop_sns_box ul li {width:228px; margin:0 auto;} /*width:228px;*/
.pop_sns_box ul li:first-child {text-align:center; padding-top:18px; padding-bottom:18px;}
.pop_sns_box ul li a {display:inline-block; margin:0 6px;}
.btn_url {color:#000;}
.btn_url {line-height: 33px;}
.btn_url img {margin-right:8px; vertical-align:top}

.toon_box5 {}
.toon_box5 ul {position:relative; width:100%; border-bottom:1px solid #c6c6c6; box-sizing:border-box;}

.toon_box5 ul li:first-child {position:relative; width:90px;}
/*
.toon_box5 ul li:first-child span {position:absolute; top:5px; right:5px;}
.toon_box5 ul li:first-child span img {width:20px;margin-top:8px;}
*/
.toon_box5 ul li h1 {font-size:12px; color:#333; padding-left:100px; padding-top:8px; padding-bottom:6px;}
.toon_box5 ul li h1 span {display:inline-block; vertical-align:top; margin-left:5px;}
.toon_box5 ul li h2 {font-size:11px; color:#666; padding-left:100px; font-weight:normal; padding-bottom:8px;}
.toon_box5 ul li h3 {padding-left:100px;color:#fe0000; font-size:11px;}
.toon_box5 ul li h3 span {color:#666; font-weight:normal;}
.toon_box5 ul:after {clear:both; display:block; padding:0; margin:0; content:""}
.toon_box5_r {border-left:0; position:absolute; left:0; top:0;width:100%; height:88px;} /* box-sizing:border-box;  */
.imgboxlist {width:80px;height:59px;border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}

.btn_free {display:block; position:absolute; right:10px; top:50%; font-size:13px; font-weight:600; color:#000; margin-top:-15px; width:70px; line-height:26px; background:#e3e3e3; text-align:center; border:1px solid #cbcbcb; border-radius:4px;}

.foot_menu {}
.foot_menu a {display:inline-block; width:25%; height:36px; line-height:36px; font-size:15px;text-align:center; color:#cbcbcb; background:#5f6062; border-left:1px solid #fff; box-sizing:border-box;}
.foot_menu a:first-child {border-left:0;}

.footer {color:#003333; font-size:13px; text-align:center; height:55px; padding-top:11px; background:#e8e8e8;}
.footer a {display:block; text-align:center; color:#2c3e50; font-size:15px; font-weight:600; padding-top:8px;}

.view_top {line-height:48px; background:#1f1f1f; position:fixed; width:100%; height:48px;}
.view_top a {display:inline-block; vertical-align:top;}
.view_top span {display:inline-block; vertical-align:top; padding-left:7px; font-size:13px; color:#fff; font-weight:600;}
.btn_prev {margin-top:9px; margin-left:10px;}
.btn_ok {float:right; margin-right:11px; color:#fff; font-size:13px;font-weight:600;}
#page_body {padding-top:48px;}

.img_box2 {text-align:center;}
.img_box2 img {width:100%;}

.toon_txt2 {padding:17px 0 20px 12px;}
.toon_txt2 h1 {color:#666; font-size:15px; padding-bottom:13px;}
.toon_txt2 h2 {color:#000; font-size:13px; padding-bottom:27px; line-height:16px;}
.toon_txt2 h3 {color:#666; font-weight:normal; font-size:13px;}

.btn_like {display:inline-block; width:64px; height:63px; background:url(../images/like2.png) no-repeat left top; text-align:center; margin:0 auto;line-height: 102px; color:#000; font-weight:600;}
.btn_layout1 {text-align:center; padding:25px 0; border-bottom:1px solid #b2b2b2;}

.charge_menu {height:63px; background:#606060 url(../images/bg2.png) no-repeat right top; line-height:63px; border-top:2px solid #1b1b1b; border-bottom:2px solid #1b1b1b; font-size:16px; font-weight:600; color:#fff;}
.charge_menu img {vertical-align:top; margin-top:12px; margin-left:12px; margin-right:7px;}

.foot_menu2 {position:fixed; bottom:-48px; line-height:47px; height:47px; background:#1f1f1f; width:100%; border-top:1px solid #686868;}
.foot_menu2 a {display:inline-block; vertical-align:top; width:16.66%; line-height:47px; color:#fff; font-size:15px; text-align:center; border-left:1px solid #000; box-sizing:border-box;}
.foot_menu2 a img {vertical-align:top; margin-top:13px;}
.foot_menu2 a:first-child {border-left:0;}
/* 20150530 */
.foot_menu3 {line-height:47px; height:47px; background:#1f1f1f; width:100%; border-top:1px solid #686868;}
.foot_menu3 a {display:inline-block; vertical-align:top; width:16.66%; line-height:47px; color:#fff; font-size:15px; text-align:center; border-left:1px solid #000; box-sizing:border-box;}
.foot_menu3 a img {vertical-align:top; margin-top:13px;} 
.foot_menu3 a:first-child {border-left:0;}
/* 20180105 */
.foot_menu4 {line-height:47px; height:47px; background:#1f1f1f; width:100%; border-top:1px solid #686868;}
.foot_menu4 a {display:inline-block; vertical-align:top; width:50%; line-height:47px; color:#fff; font-size:15px; text-align:center; border-left:1px solid #000; box-sizing:border-box;}
.foot_menu4 a img {vertical-align:top; margin-top:13px;} 
.foot_menu4 a:first-child {border-left:0;}

.table-charge {width:100%; border-top:1px solid #e1e1e1;}
.table-charge thead th {line-height:31px; color:#666; font-weight:600; text-align:center; border-bottom:1px solid #e1e1e1;}
.table-charge tbody td {line-height:31px; text-align:center; border-bottom:1px solid #e1e1e1;}
.table-charge tbody td span {position:relative;display:inline-block; width:75px; color:#999;}
.table-charge tbody td strong {color:#000;}
.table-charge tbody td span img {position:absolute; left:9px; top:12px;}
.table-charge tbody tr.active td {background:#efefef;}
.table-charge tfoot td {text-align:center; color:#fff; background:#ff0000; line-height:31px;}
.color1 {color:#ff0000;}

.title2 {background:#efefef; line-height:32px; border-top:1px solid #a1a1a1; color:#000;}
.title2 span {display:inline-block; width:21px; height:21px; background:#606060; color:#fff; border-radius:11px; text-align:center; vertical-align:top; line-height:20px; margin-top:5px; margin-left:11px; margin-right:8px;}

.pay_btn {background:#fff; padding:8px 0;}
.pay_btn li {width:95%; margin:0 auto;margin-top:6px;}
.pay_btn li:first-child {margin-top:0;}
.pay_btn li a {display:inline-block; width:48%; vertical-align:top; text-align:center; font-size:15px; color:#000; font-weight:600; line-height:31px; background:#fff; border:1px solid #bcbcbc; border-radius:5px;}
.pay_btn li a img {margin-right:4px;}
.pay_btn li a:first-child {margin-right:1%;}


/* 슬라이드 */
.main-slide .bx-wrapper{width:100%;height:auto}
.main-slide .bx-controls-direction{display:none}
.main-slide .bx-pager{margin:5px 0;text-align:center}
.main-slide .bx-pager-item{display:inline-block}
.main-slide .bx-pager-item a{display:inline-block;overflow:hidden;width:14px;height:14px;margin:0 6px;border-radius:7px;text-indent:-9999px;  margin-top: -3px;background:none;border:2px solid #fff; box-sizing:border-box;}
.main-slide .bx-pager-item a.active{background:#fff; border:0;}
.main-slide .bx-viewport {overflow: hidden;}
.main-slide .bx-viewport a{display:block;position:relative}
.main-slide .bx-viewport .info{position:absolute;left:0;bottom:0;width:100%;height:47px;padding-left:10px;background:rgba(0,0,0,0.6);color:#fff}
.main-slide .bx-viewport .info .info-title{margin:4px 0 2px;font-size:16px}
.main-slide .bx-viewport .info p{font-size:12px}
.main-slide .bx-viewport .info:before{display:block;position:absolute;top:8px;right:10px;width:32px;height:32px;background:url(/assets/img/mobile/contents/mark-recom.png) no-repeat 0 0;background-size:32px 32px;content:''}
.main-slide img{display:block;width:100%;height:auto}

.bx-controls {position:relative; margin-top:-23px;}

@media screen and (max-width:375px) {
.toon_box3 ul li h1 {padding-left:25px;}
.toon_box3 ul li h2 {padding-left:25px; padding-bottom:10px;}
.toon_box3 ul li h3 {padding-left:25px;}
}


/* 추가 20150531 - 마이페이지 구매내역 */
.toonist_box5 {width:100%; margin:0 auto;}
.toonist_box5 ul {width:100%; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box5 ul li {height:36px; border-bottom:1px solid #dadada;}
.toonist_box5 ul li:hover {background:#f2f2f2;}
.toonist_box5 ul li span {display:inline-block; vertical-align:middle;margin-top:3px;}
.toonist_box5 ul li span:first-child {position:relative; }

.toonist_box5_1 {width:45%; line-height:30px; text-align:center;} /* 작품 */
.toonist_box5_2 {width:20%; line-height:30px; text-align:center;} /* 코인 */
.toonist_box5_3 {width:30%; line-height:30px; text-align:center;} /* 버튼 */

.toonist_box5_1_ {width:45%; line-height:30px; text-align:left;}   /* 작품 */
.toonist_box5_1_ a {color:#3366FF; font-weight:bold; font-size:12px;}
.toonist_box5_2_ {width:20%; line-height:30px; text-align:center;} /* 코인 */
.toonist_box5_3_ {width:30%; line-height:24px; border:1px solid #c3c3c3; text-align:center; background:#fff; margin-top:3px; } /* 버튼 */ 
.toonist_box5_0_ {width:100%; line-height:30px; text-align:center;}  /* No Data */

/* 추가 20150531 - 마이페이지 결제내역 */
.toonist_box6 {width:100%; margin:0 auto;}
.toonist_box6 ul {width:100%; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box6 ul li {height:36px; border-bottom:1px solid #dadada;}
.toonist_box6 ul li:hover {background:#f2f2f2;}
.toonist_box6 ul li span {display:inline-block; vertical-align:middle;margin-top:3px;}
.toonist_box6 ul li span:first-child {position:relative; }

.toonist_box6_1 {width:40%; line-height:30px; text-align:center;} /* 상품 */
.toonist_box6_2 {width:20%; line-height:30px; text-align:center;} /* 결제종류 */
.toonist_box6_3 {width:15%; line-height:30px; text-align:center;} /* 코인 */
.toonist_box6_4 {width:20%; line-height:30px; text-align:center;} /* 날짜 */

.toonist_box6_1_ {width:40%; line-height:30px; text-align:left; color:#3366FF; font-weight:bold; font-size:12px;}   /* 상품 */
.toonist_box6_2_ {width:20%; line-height:30px; text-align:center;} /* 결제종류 */
.toonist_box6_3_ {width:15%; line-height:30px; text-align:center; } /* 코인 */ 
.toonist_box6_4_ {width:20%; line-height:30px; text-align:center; } /* 날짜 */ 
.toonist_box6_0_ {width:100%; line-height:30px; text-align:center;}  /* No Data */

/* 추가 20150531 - 웹소설 work 리스트 */

.toonist_box7 {width:100%; margin:0 auto;}
.toonist_box7 ul {width:100%; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box7 ul li {height:38px; border-bottom:1px solid #dadada;}
.toonist_box7 ul li:hover {background:#f2f2f2;}
.toonist_box7 ul li span {display:inline-block; vertical-align:middle;} /* margin-top:3px; */
.toonist_box7 ul li span:first-child {position:relative; }

.toonist_box7_1 {width:38%; line-height:36px; text-align:center; vertical-align:middle;} /* 제목 */
.toonist_box7_2 {width:15%; line-height:36px; text-align:center; vertical-align:middle;} /* 좋아요 */
.toonist_box7_3 {width:17%; line-height:36px; text-align:center; vertical-align:middle;} /* 일자 */
.toonist_box7_4 {width:26%; line-height:36px; text-align:center; vertical-align:middle;} /* 보기 */

.toonist_box7_1_ {width:38%;  line-height:38px; text-align:center; color:#3366FF; font-weight:bold; font-size:12px; vertical-align:middle;}   /* 제목 */
.toonist_box7_2_ {width:15%;  line-height:38px; text-align:center; vertical-align:middle;} /* 좋아요 */
.toonist_box7_3_ {width:17%;  line-height:38px; text-align:center; vertical-align:middle;} /* 일자 */ 
.toonist_box7_4_ {width:26%;  line-height:38px; text-align:center; vertical-align:middle;} /* 날짜 */ 
.toonist_box7_0_ {width:100%; line-height:38px; text-align:center; vertical-align:middle;}  /* No Data */

.btn_view {margin-top:-3px; margin-right:-5px; font-size:11px; font-weight:600; color:#000; width:70px; line-height:26px; background:#e3e3e3; text-align:center; border:1px solid #cbcbcb; border-radius:2px;}

/* 위에 중복 
.img_box2 {text-align:center;}
.img_box2 img {width:100%;}
*/

/* 웹툰출력 */
.webtoonimg {
    position:relative;
}
.webtoonimg .clear {
    position:absolute;
    left:0;
    top:0;
	right: 0; 
	bottom: 0;
	margin: auto;
}

/* 웹소설썸네일 */
.websosulimg {
    position:relative;
}
.websosulimg .clear {
    position:absolute;
    left:-233px;
    top:0;
	right: 0; 
	bottom: 0;
	margin: auto;
}

.novel_box {width:100%; height:154px; margin:0 auto;}

.ico_bookmark {position:absolute; top:0; right:0;}