.sp-slideshow {
    position: relative;
	margin:0px auto;
	width: 100%;
	height: 830px;

}

.sp-content {
    background: #7d7f72 url(../images/grid.png) repeat scroll 0 0;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-parallax-bg {
    background: url(../images/map.png) repeat-x scroll 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-slideshow input {
    position: absolute;
	bottom: 15px;
	left: 50%;
	width: 9px;
	height: 9px;
	z-index: 1001;
	cursor: pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.sp-slideshow input + label {
    position: absolute;
    bottom: 15px;
	left: 50%;
    width: 6px;
	height: 6px;
	display: block;
	z-index: 1000;
	border: 3px solid #fff;
	border: 3px solid rgba(255,255,255,0.9);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    -o-transition: background-color linear 0.1s;
    -ms-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
}
.sp-slideshow input:checked + label {
	background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.sp-selector-1, .button-label-1 {
    margin-left: -36px;
}

.sp-selector-2, .button-label-2 {
    margin-left: -18px;
}

.sp-selector-4, .button-label-4 {
    margin-left: 18px;
}

.sp-selector-5, .button-label-5 {
    margin-left: 36px;
}

.sp-arrow {
    position: absolute;
	top: 50%;
	width: 28px;
	height: 38px;
	margin-top: -19px;
	display: none;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1000;
	background: transparent url(../images/arrows.png) no-repeat;
	-webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
    -o-transition: opacity linear 0.3s;
    -ms-transition: opacity linear 0.3s;
    transition: opacity linear 0.3s;
}
.sp-arrow:hover{
	opacity: 1;
}
.sp-arrow:active{
	margin-top: -18px;
}
.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {
    right: 15px;
	display: block;
	background-position: top right;
}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
    left: 15px;
	display: block;
	background-position: top left;
}

.sp-slideshow input:checked ~ .sp-content {
    -webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
    -moz-transition: background-position linear 0.6s, background-color linear 0.8s;
    -o-transition: background-position linear 0.6s, background-color linear 0.8s;
    -ms-transition: background-position linear 0.6s, background-color linear 0.8s;
    transition: background-position linear 0.6s, background-color linear 0.8s;
}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
    -webkit-transition: background-position linear 0.7s;
    -moz-transition: background-position linear 0.7s;
    -o-transition: background-position linear 0.7s;
    -ms-transition: background-position linear 0.7s;
    transition: background-position linear 0.7s;
}

.sp-slideshow input.sp-selector-1:checked ~ .sp-content {
    background-position: 0 0;
	background-color: #727b7f;
}

.sp-slideshow input.sp-selector-2:checked ~ .sp-content {
    background-position: -100px 0;
	background-color: #7f7276;
}

.sp-slideshow input.sp-selector-3:checked ~ .sp-content {
    background-position: -200px 0;
	background-color: #737f72;
}

.sp-slideshow input.sp-selector-4:checked ~ .sp-content {
    background-position: -300px 0;
	background-color: #79727f;
}

.sp-slideshow input.sp-selector-5:checked ~ .sp-content {
    background-position: -400px 0;
	background-color: #7d7f72;
}

.sp-slideshow input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
    background-position: 0 0;
}

.sp-slideshow input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -200px 0;
}

.sp-slideshow input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
    background-position: -400px 0;
}

.sp-slideshow input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
    background-position: -600px 0;
}

.sp-slideshow input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
    background-position: -800px 0;
}

.sp-slider {
    position: relative;
	left: 0;
    width: 500%;
	height: 100%;
	list-style: none;
    margin: 0;
	padding: 0;
    -webkit-transition: left ease-in 0.8s;
    -moz-transition: left ease-in 0.8s;
    -o-transition: left ease-in 0.8s;
    -ms-transition: left ease-in 0.8s;
    transition: left ease-in 0.8s; 
}

.sp-slider > li {
	color: #fff;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
    float: left;
	text-align: center;
	opacity: 0.4;
    -webkit-transition: opacity ease-in 0.4s 0.8s;
    -moz-transition: opacity ease-in 0.4s 0.8s;
    -o-transition: opacity ease-in 0.4s 0.8s;
    -ms-transition: opacity ease-in 0.4s 0.8s;
    transition: opacity ease-in 0.4s 0.8s; 
}
.sp-slider > li img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
.sp-slideshow input.sp-selector-1:checked ~ .sp-content .sp-slider {
    left: 0;
}

.sp-slideshow input.sp-selector-2:checked ~ .sp-content .sp-slider {
    left: -100%;
}

.sp-slideshow input.sp-selector-3:checked ~ .sp-content .sp-slider {
    left: -200%;
}

.sp-slideshow input.sp-selector-4:checked ~ .sp-content .sp-slider {
    left: -300%;
}

.sp-slideshow input.sp-selector-5:checked ~ .sp-content .sp-slider {
    left: -400%;
}

.sp-slideshow input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
.sp-slideshow input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
.sp-slideshow input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
.sp-slideshow input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
.sp-slideshow input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){
	opacity: 1;
}
@media screen and (max-width: 840px){
	.sp-slideshow { height: 345px; }
}
@media screen and (max-width: 680px){
	.sp-slideshow { height: 285px; }
}
@media screen and (max-width: 560px){
	.sp-slideshow { height: 235px; }
}
@media screen and (max-width: 320px){
	.sp-slideshow { height: 158px; }
}

/*이벤트슬라이드*/

.content {
	width: 1190px;
	margin: auto;
	padding: 66px 5px 0 5px;
	height:650px;
}


.thumnail-type>li {
	display: inline-block;
	height: 807px;
	/*width: 279px;*/
	/*width: calc(100%/4 - 20px);*/
	width: calc(( 100% - 22px * 3)/4);
	margin-right: 17px;
	box-sizing: content-box;
	vertical-align: top;
}

.thumnail-type>li:nth-of-type(4n+0) {
	margin-right: 0;
}

.thumnail-type>li:last-child {
	margin-right: 0;
}

.thumnail-img {
	position: relative;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	width: 282px;

	cursor: pointer;
}
.large .thumnail-img {
    width: 100%;
    height: 333px;
}




button{overflow:visible;outline:none;border:0;background:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
/*input[type=text],input[type=password]{border:0;vertical-align:top}*/
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;color:transparent;font-size:0;line-height:1px;white-space:nowrap}
.sp,.login_wrap .sns_lst li .btn:before,.icon_dn,.icon_up,.icon_preview,.icon_best2,.icon_new,.heart .ico_heart,.icon_break,.current.up,.current.dn,.current.new,.nhn,.arr,.ico_check,.ico_bookmark,.icon_adult,.ico_adult,.pop_btn_close,.icon_lock,.bg_badge,.icon_complete,.icon_new2,.book_list .tag_limit,.book_list .tag_free,.book_list .tag_onsale,.book_list .tag_wating,.flat_list.horizon .tag_limit,.flat_list.horizon .tag_free,.flat_list.horizon .tag_onsale,.flat_list.horizon .tag_wating,.ico_rent,.ico_rent_pass,.btn_help,.flat_list .tag_limit,.flat_list .tag_free,.flat_list .tag_onsale,.flat_list .tag_wating,.thmub_box .tag_limit,.thmub_box .tag_free,.thmub_box .tag_wating,.thmub_box .tag_onsale,.ico_caution,.inp_delete,.toon_list .tag_limit,.toon_list .tag_free,.toon_list .tag_onsale,.toon_list .tag_waiting,.thmb_list .tag_limit,.thmb_list .tag_free,.thmb_list .tag_wating,.thmb_list .tag_onsale,.ico_sns,.ico_rent_pass2,.adult_btn,.ly_ico_arr,.ico_evt_coin,.ico_arr,.ico_arr2,.btn_present,.coin_area .point_rental:after,.depth_tab_item a:after,.coin_total_ico:after,.btn_inline_sm1:after,.evt_point_tit .tit_img,.promotion_item1:after,.btn_full_type1 .arrow:after,.promotion_tip:after,.ly_pop_movie .pop_btn_close:after
{display:inline-block;overflow:hidden;background:url(http://v3.yunoprs.com/images/sp.png) no-repeat;vertical-align:middle}
.logo_new{display:inline-block;overflow:hidden;background:url(http://comico.kr/img/logo_new.png?180817) no-repeat;vertical-align:middle}
.cover{position:absolute;background:url(../img/sp_cover.png) no-repeat}
.sp_mono,.sp_bn,.sp_crt,.sp_pop
{overflow:hidden;display:inline-block;width:10px;height:10px;background:url(../images/sp.png) no-repeat;line-height:99em;vertical-align:top}
.sp_mono
{background:url(../img/sp_mono.png) no-repeat}
.sp_crt
{background:url(../img/sp_crt.png) no-repeat}
.sp_pop
{background:url(../img/sp_pop.png) no-repeat}
.sp_member,.join_lst li a:before,.join_lst li a:after{display:inline-block;overflow:hidden;background:url(../img/sp_member.png) no-repeat;vertical-align:middle}

.spot button{position:absolute;top:50%;left:50%;width:65px;height:65px;margin-top:-33px;text-indent:-9999px}
.spot .btn_prev{margin-left:-661px;background-position:-145px -40px;display:none}
.spot .btn_prev:hover{background-position:-212px -107px}

#container{width:100%;min-height:100%;margin:-125px 0 -260px}
#spot{position:relative;width:100%;padding-top:202px}
#footer{width:100%;height:140px;padding:50px 0 70px 0;background:#3a3a3a}
.content{position:relative}
.content_in{width:1184px;margin:0 auto}
.content_in.add_pd284{padding-top:284px;*padding-top:311px}
.content_in.add_pd203{padding-top:203px;*padding-top:230px}
.content_in.add_pd186{padding-top:186px;*padding-top:213px}
.content_in.add_pd190{padding-top:186px;*padding-top:213px}
.add_pd46{padding-top:46px}

.contwrap_in{width:1184px;margin:0 auto}
.footwrap{position:relative;width:1005px;margin:0 auto;padding-left:175px}
.contwrap:after,.footwrap:after,.mynav:after,.alinav:after,.top_menu ul:after,.toon_today ul:after,.toon_bestseller ul:after,.toon_genre ul:after,
.toon_novel ul:after,.toon_new ul:after,.toon_free ul:after,.toon_recommend ul:after,.toon_sale ul:after,.flat_list:after,.book_list:after{display:block;clear:both;content:''}
.on_scroll .top_menu{background:#fff}
.toon_basic{margin:36px 24px 165px}

/* 말줄임 */
.toon_tit,.toon_writer,.sale_wrap .title,.ranking_list .tit,.ranking_list .writer,.ellip,.banner_sale .tit,.myhome_notice .txt,.myhome_detail
.txt,.event_lst .tit,.event_lst .desc,.tbl .toon_name span,.lftarea .auth_bx dt,.viewer .chapterlist .txt,.viewer .recommend_area .tit em
,.spot .toon_info .txt em,.spot .toon_info .txt span,.coin_desc .coin_num,.charge_area .tbl_no_payco .name span,.charge_point_tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* point color */
.point_orange{color:#ff3c00;}

/* input */
.inp_area{position:relative;margin-top:24px;}
.inp_area_pr1{padding-right:304px;}
.inp_sec{display:inline-block;width:100%;height:41px;border:1px solid #dddddd;box-sizing:border-box;}
.inp_sec .inp{display:block;width:100%;padding:0 20px;height:39px;font-size:14px;line-height:39px;color:#818181;box-sizing:border-box;}
.btn_pos_r{position:absolute;top:0;right:0;width:297px;}

/* btn */
.btn_full1{display:block;width:100%;height:41px;background-color:#ff3900;font-size:14px;line-height:41px;color:#ffffff;}
.btn_full_type1{height:116px;background-color:#ff3c00;font-size:40px;line-height:116px;text-align:center;font-weight:bold;}
.btn_full_type1 .arrow{position:relative;display:inline-block;padding-right:33px;}
.btn_full_type1 .arrow:after{display:block;clear:both;content:'';position:absolute;top:50%;right:0;width:14px;height:18px;margin-top:-9px;background-position:-256px -479px;}

.btn_full_type2{height:74px;background-color:#ff3c00;font-size:18px;line-height:74px;text-align:center;font-weight:bold;}

.btn_inline{display:inline-block;height:42px;padding:0 10px;background-color:#ff3c00;font-size:15px;line-height:42px;color:#ffffff;text-align:center;box-sizing:border-box;}
.btn_inline_wid1{width:126px;}

.btn_inline_sm1{position:relative;display:inline-block;height:24px;padding:0 8px;border:1px solid #ff4102;background-color:#fff;color:#ff3c00;font-size:14px;line-height:22px;border-radius:23px;box-sizing:border-box;}
.btn_inline_sm1.orange_bg{padding:0 20px 0 13px;border:1px solid #ff4102;background-color:#ff3c00;color:#ffffff;}
.btn_inline_sm1.orange_bg:after{display:block;clear:both;content:'';position:absolute;top:50%;right:9px;width:8px;height:13px;margin-top:-6px;background-position:-76px -453px;}



/* 더보기 */
.more_wrap .top_menu{border-bottom:1px solid #dfdfdf;background:initial}
.more_wrap .more_bx{padding:226px 0 165px}
.more_wrap .sub_tab{margin:0 0 21px 0}
.more_wrap .pagination{margin-top:48px}
.more_wrap .nav{margin:22px 0 24px}
.more_event .pagination{margin-top:24px}


/* 애니메이션 추가 CSS */
.toon_chapterlist .toon_list li{z-index:0}
.toon_chapterlist .toon_list li:hover .desc_view{display:block}
.toon_chapterlist .toon_list .desc_view{display:none;position:absolute;right:10px;top:22px;width:29px;height:26px;margin-top:0;background-position:-628px -166px;line-height:0;font-size:0;cursor:pointer;z-index:5}
.toon_chapterlist .toon_list .desc_view.on{background-position:-667px -166px}
.toon_chapterlist .toon_list .desc_view.on+.desc_pop_layer{display:block}
.desc_pop_layer{display:none;overflow:hidden;position:absolute;right:10px;top:65px;padding:30px;width:659px;min-height:28px;border:1px solid #dbdbdb;background:#f7f7f7;z-index:10;box-shadow:0 0 2px 2px rgba(0,0,0,.1);zoom:1;}
.desc_pop_layer .desc_cont{overflow:hidden;max-height:199px;font-size:14px;color:#818181;line-height:22px}


/* 유지보수  */
.btn_group ul  { padding: 0 50px;}
.btn_group ul li { list-style: none; width: 428px; height: 55px; margin: 10px 0; border: 1px solid #bcbcbc; text-align: center; color: #0088fe; line-height: 55px; cursor:pointer;}
.btn_group ul li span.ico { display: inline-block; width: 30px; height: 30px; vertical-align: middle;}
.btn_group ul li p { display: inline-block; vertical-align: middle; font-size:17px;}
.btn_group ul li p.pt{color:#ff3c00}
.btn_group ul li p.cn{color:#0088fe}
.btn_group ul li p span { font-size: 13px;}
.footer { width: 100%; height: 69px; background: #eeeeef;}

/* 상단 이벤트 영역 애니메이션 */
#carousel li{height:338px;width:720px;box-shadow:0 0 10px #bebebe;text-align:center;cursor:pointer;overflow:hidden;background:#fff;opacity:1 !important}
#carousel li.roundabout-in-focus.is_hover span{display:inline-block;z-index:1}
#carousel li .slide{opacity:0.65;filter:alpha(opacity=60)}
#carousel li.roundabout-in-focus{cursor:default}
#carousel li.roundabout-in-focus .slide{opacity: 1 !important;filter:alpha(opacity=100)}
#carousel li.roundabout-in-focus .img_bx{/* display:none; */position:absolute;left:0;top:0;right:0;bottom:0;}
/* css 기준 hover 동작 */
/* #carousel li.roundabout-in-focus:hover .img_bx{display:block} */
#carousel li.roundabout-in-focus:hover{box-shadow:0 0 10px #5f5f5f;}
#carousel li.roundabout-in-focus:hover .toon_info{z-index:50}
/* 스크립트 기준 hover 동작*/
/* #carousel li.roundabout-in-focus.is_hover .img_bx{display:block}
#carousel li.roundabout-in-focus.is_hover{box-shadow:0 0 10px #5f5f5f;}
#carousel li.roundabout-in-focus.is_hover .toon_info{z-index:50} */
.roundabout-holder{padding:0;margin:0 auto;height:400px;width:1250px}
.roundabout-moveable-item{height:400px;width:320px;cursor:pointer;display:block}
.roundabout-moveable-item .slide{height:100%;width:100%}
.roundabout-in-focus{cursor:auto}
.evt_banner_type .top_slider .img_bx .cover{border:0;background:#000;opacity:.7;filter:alpha(opacity=70)}
.evt_banner_type button{z-index:250}
.evt_banner_type .btn_prev{margin-left:-606px}
.evt_banner_type .btn_next{margin-left:529px}