@charset "utf-8";

/* 완전판 설치 유도 배너 (11.21)*/
a { -webkit-tap-highlight-color:transparent;}
#install_popup_a .modal-dialog {position:absolute; width: 100%; bottom:0;  z-index:1210;}
#install_popup_a .modal-content{min-height:inherit; border:0 none; background-color:transparent; box-shadow:none;}
#install_popup_a .modal-body {padding:0;}
#install_popup_b .modal-dialog {position:absolute; top:50%; left:50%; margin:-222px 0 0 -155px; z-index:1210;}
#install_popup_b .modal-content{min-height:inherit; border:0 none; background-color:transparent; box-shadow:none;}
#install_popup_b .modal-body {padding:0;}
.cm_close_thisbanner {position:fixed; top:9px; right:9px; z-index:1210; display:none;}
.cm_close_thisbanner a {display:block; width:40px; height:40px;}
.cm_close_thisbanner a:before {content:''; position:absolute; top:50%; left:50%; display:block; width:40px; height:1px; margin:0 0 0 -20px; background-color:#000; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.cm_close_thisbanner a:after {content:''; position:absolute; top:50%; left:50%; display:block; width:40px; height:1px; margin:0 0 0 -20px; background-color:#000; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
#install_popup_b .modal-dialog .popup_wrap .active, .popup_wrap .inactive {height:42px; float:left;}
#install_popup_b .modal-dialog .popup_wrap .active {display:none;}
#install_popup_b .modal-dialog .popup_wrap .contents {width:300px; text-align: center; margin:50px auto 0 auto;}
.contents.type_a_bottom{display: block; width: 100%; height: 215px; background:#fff; text-align: center;}
.img_install_a{position: relative;  margin: 50px auto 25px auto; display: block; margin: 0 auto;}
.wrap_img_install, .btn_install_a, .img_btn_a{display:block;  margin:0 auto;}
.wrap_img_install.type_b{padding: 25px 0 20px 0; color: #888;}

.btn_install_a{display:block; margin:0 auto 20px auto; }
.btn_install_b{display:block; margin: 5px auto 25px auto; }
.txt_install_a, .txt_install_b{position: relative; margin: 0 auto; letter-spacing: -1px; text-align: center; font-size: 15px; line-height: 17px; }
.txt_install_a{color: #888 !important;  border-bottom: 1px solid #888;}
.txt_install_b{color: #d2d2d2 !important; border-bottom: 1px solid #d2d2d2;}

.img_install_a{ width: 260px; height: 63px;}
.btn_install_a, .img_btn_a{width: 260px; height: 50px; }
.img_install_b{width: 260px; height: 259px;}
.btn_install_b{ width: 260px; height:56px; margin: 5px auto 30px auto;}
.img_btn_b{width: 260px; height: 56px; }

/* Primary Main Page */
.link-more span {display:inline-block; line-height:14px; font-size:11px;}
.link-more:after {background-position:-288px -44px;}

/* 2016.03 모바일 홈 개편 */
#page-main-v2 .swiper-container-horizontal > .swiper-scrollbar,
#page-comic-main-v2 .swiper-container-horizontal > .swiper-scrollbar,
#page-bl-main-v1 .swiper-container-horizontal > .swiper-scrollbar,
#page-novel-main-v2 .swiper-container-horizontal > .swiper-scrollbar {height:3px;}
#page-main-v2 .swiper-container .swiper-slide a,
#page-comic-main-v2 .swiper-container .swiper-slide a,
#page-bl-main-v1 .swiper-container .swiper-slide a,
#page-novel-main-v2 .swiper-container .swiper-slide a {-webkit-tap-highlight-color:rgba(0,0,0,.2);}
#page-main-v2 .swiper-scrollbar-drag,
#page-comic-main-v2 .swiper-scrollbar-drag,
#page-bl-main-v1 .swiper-scrollbar-drag,
#page-novel-main-v2 .swiper-scrollbar-drag {background:rgba(0, 0, 0, 0.2);}

.main-textroll {height:40px; border-bottom:1px solid #ddd; }
.main-textroll li {position:relative;}
.main-textroll .icons {position:absolute; top:50%; left:11px; display:block; width:48px; height:22px; margin-top:-11px; text-indent:-9999em; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat 0 -150px; background-size:400px auto;}
.main-textroll .icons.notc {background-position:0 -150px;}
.main-textroll .icons.aler {background-position:-200px -150px;}
.main-textroll .icons.evnt {background-position:-250px -150px;}
.main-textroll .ellipsis {display:block; height:39px; padding:12px 10px 10px 63px; line-height:17px; color:#777; -webkit-tap-highlight-color:transparent !important;}

.main-textroll2 {height:48px; border-bottom:1px solid var(--bright-01); }
.main-textroll2 li {position:relative;font-size:14px}
.main-textroll2 .ellipsis {display:block; height:47px; padding:16px 10px 14px 10px; line-height:17px; color:var(--mono-01); -webkit-tap-highlight-color:transparent !important;}

.recom-list-wrap {position:relative;}
.recom-list-wrap .link-more {position:absolute; top:-1px; right:8px;width:50px;text-align:right;}
.recom-list {padding-right:12px; border-bottom:5px;}
.recommand-products {background-color: var(--bright-08);}
.recommand-products .recom-list-wrap:last-child .recom-list {border-bottom:0 none;}
.type-freemode {padding:0 0 0 8px;}
.type-freemode .swiper-slide {width:108px;}
.type-freemode .swiper-slide:last-child {width:116px;}
.type-freemode .swiper-slide a {display:block;}
.type-freemode .thumbnail {overflow:hidden; width:100px; height:150px; margin-bottom: 6px; background-size:100% auto;}
.type-freemode .thumbnail .ico-adult-label {position:absolute; right:6px; top:6px}
.type-freemode .thumbnail:after {width:100%; height:100%; border:1px solid rgba(0,0,0,.15); background:none; box-sizing:border-box; -webkit-box-sizing:border-box;}

.hero-banner {margin: 40px 0 0; text-align:center; background-repeat:no-repeat; background-position:0 0; background-size:9999px auto;}
.hero-banner a {display:block; -webkit-tap-highlight-color:transparent;}
.hero-banner a .ico-adult-label {position:absolute; margin-top:6px; margin-left: -20px; top:initial; bottom:initial; right:initial}
.hero-banner img {height:70px; vertical-align:middle;}

.genretop5-list {position:relative;}
.genre-select {position:absolute; top:0; right:12px;}
.genre-select li {float:left; width:auto; height:auto; margin-left:7px; background:none; opacity:1;}
.genre-select li a {display:block; width:45px; height:20px; border-radius:20px; line-height:20px; text-align:center; font-size:11px; color:#a2a2a2; background-color:#e7e7e7;}
.genre-select li a:before {content:''; display:inline-block; width:10px; height:10px; margin-right:2px; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat -50px -150px; background-size:400px auto;}
.genre-select li a:before,
.genre-select li a span {vertical-align:middle;}
.genre-select li.active:nth-child(1) a {color:#fff; background-color:#fa6892;}
.genre-select li.active:nth-child(2) a {color:#fff; background-color:var(--blue-01);}
.genre-select li.active:nth-child(3) a {color:#fff; background-color:#0cbcbe;}
.genre-select li.active a.woman {color:#fff; background-color:#fa6892;}
.genre-select li.active a.man {color:#fff; background-color:var(--blue-01);}
.genre-select li.active a.all {color:#fff; background-color:#0cbcbe;}
.genre-select li.active a:before {background-position:-50px -160px;}

.genre_top5 {padding:0 12px 17px; visibility:hidden;}
.genre_top5 .swiper-slide {width:280px;}
.genre_top5 .swiper-slide:last-child .innerlist-wrap {margin-right:0;}
.genre_top5 .swiper-slide .innerlist-wrap {margin-right:12px; border:1px solid #d3d3d3; border-radius:1px;}
.genre_top5 h2 {padding:9px 10px 7px; border-bottom:1px solid #e9e9e9; color:#777; background-color:#f8f8f8;}
.genre_top5 li {overflow:hidden; border-bottom:1px solid #e9e9e9;}
.genre_top5 li a {display:block;}
.genre_top5 .thumbnail {float:left; overflow:hidden; width:50px; height:57px; background-size:100% auto;}
.genre_top5 .thumbnail:after {width:100%; height:100%; border-right:1px solid rgba(0,0,0,.15); background:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.genre_top5 .thumbnail + div {height:57px; margin-left:60px; padding:9px 10px 0 25px;}
.genre_top5 .rank {float:left; margin-left:-20px; line-height:20px; color:var(--blue-01); font-style:italic;}
.genre_top5 .text-subject {display:block; margin:0 0 4px; line-height:20px;}
.genre_top5 .text-author {display:block;}
.genre_top5 .link-more {display:block; padding:7px 6px 5px; line-height:20px; text-align:center; color:#777; background-color:#f8f8f8;}
.genre_top5 .link-more:after {width:14px; height:14px;}
.genre_top5 .women h2,
.genre_top5 .women .link-more {background-color:#fef5f8;}
.genre_top5 .women .rank {color:#fa6892;}
.genre_top5 .man h2,
.genre_top5 .man .link-more {background-color:#ecf2fe;}
.genre_top5 .man .rank {color:var(--blue-01);}
.genre_top5 .all h2,
.genre_top5 .all .link-more {background-color:#ebfaf7;}
.genre_top5 .all .rank {color:#0cbcbe;}

.customtheme {position:relative; border-top:5px}
.customtheme.bl {border-top:0 none;}
.customtheme.bl .type-freemode .text-subject{font-size: 14px; line-height: 1.429; color:var(--mono-01);}
.customtheme.bl .type-freemode .text-author {font-size: 12px; line-height: 1.667; color:var(--grey-05);}
.customtheme.bl .type-freemode .thumbnail:after{border:none;}
.customtheme.bl .type-freemode {padding:0 0 0 16px;}
.customtheme.bl .swiper-slide a {padding:0;}
.hero-banner + .customtheme {border-top:0 none;}
.customtheme .title-box {position:relative; padding-right:25px !important;}
.customtheme .title-box .categories {float: left; position:relative;display: inline-block; width:27px; height:18px; text-indent:-9999em; background:url('/images/common/ui-v4.5.png?date=202005270000') no-repeat -70px -150px; background-size:400px auto;}
.customtheme .title-box .categories.all {background-position:-1px -292px;}
.customtheme .title-box .categories.webtoon {background-position:-61px -62px;}
.customtheme .title-box .categories.comic {background-position:-1px -62px;}
.customtheme .title-box .categories.novel {background-position:-31px -62px;}
.customtheme .title-box .categories + h1{float: left; padding-left: 5px; line-height: 19px; margin-top:-1px; margin-bottom: 2px;}
.customtheme .title-box .categories + h1 + p {clear: both; padding-left:30px;}
.customtheme .link-more {position:absolute; top:-1px; right:8px; color:#555;width:50px;text-align:right;}
.customized-type2 {padding:0 8px}
.customized-type2 .title-box {margin:40px -8px 16px}
.customized-type3 {background-repeat:no-repeat; background-position:0 0; background-size:9999px auto;}
.customized-type3 .inner {background-repeat:no-repeat; background-position:100% 0; background-size:320px auto;}
.customized-type3 .link-more {top:0; right:0; padding:15px 5px 33px 8px; color:#fff;}
.customized-type3 .link-more:after {background-position:-299px -43px;}
.customized-type3 .swiper-slide {padding-right:6px;}
.customized-type3 .swiper-slide a {background-color:rgba(255,255,255,.85);}
.customized-type3 .type-freemode {padding:0 0 0 8px;}
.customized-type3 .inner h1{font-size:18px; line-height: 1.556;}
.customized-type3 .inner h1 + p {font-size:14px; color:#999; line-height: 1.429;}

.freestyle-list {padding-right:12px;}

.type-descmode {position:relative;}
.type-descmode .swiper-button-prev2 {position:absolute; top:50%; left:2px; width:30px; height:30px; margin-top:-15px; background:var(--btn-arrow-btn-prev) center/30px no-repeat; z-index:1;}
.type-descmode .swiper-button-next2 {position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; background:var(--btn-arrow-btn-next) center/30px no-repeat; z-index:1;}
.type-descmode .swiper-button-disabled {display:none;}
.type-descmode .listview li a {overflow:hidden; display:block;}
.type-descmode .thumbnail {width:100px;height:150px;float:left; background-size:100% auto;}
.type-descmode .thumbnail .ico-adult-label {position:absolute; top:6px; right:6px}
.type-descmode .thumbnail:after {width:100%; height:100%; border:1px solid rgba(0,0,0,.15); background:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.type-descmode .wrap-summary {margin-left:116px;}

.type-descmode .text-subject {display: block; font-size: 14px; line-height: 1.429;}
.type-descmode .text-subject span,
.type-descmode .text-subject strong {vertical-align:middle;}
.type-descmode .status span {vertical-align:middle;}
.type-descmode .descript {overflow:hidden; display:-webkit-box; margin-top: 10px; height:5.72em; padding-right:16px; font-size:14px; color: var(--mono-01); line-height:1.43em;-webkit-line-clamp:4; -webkit-box-orient:vertical; }

.main_allfree {position:relative;}
.main_allfree .link-more {position:absolute; top:13px; right:5px;}
.main_allfree .swiper-container {margin:0 12px 15px;}
.main_allfree li a {position:relative; overflow:hidden; display:block;}
.main_allfree .bedge {position:absolute; top:0; left:0; overflow:hidden; width:52px; height:0; padding-top:52px; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat -234px 0; background-size:360px auto; z-index:1;}
.main_allfree .bedge.today {background-position:-234px 0;}
.main_allfree .bedge.soon {background-position:-289px 0;}
.main_allfree .thumbnail {float:left; overflow:hidden; width:80px; height:120px; background-size:100% auto;}
.main_allfree .thumbnail:after {width:100%; height:100%; border:1px solid rgba(0,0,0,.15); background:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.main_allfree .wrap-summary {margin-left:93px;}
.main_allfree .wrap-summary .text-subject{margin:5px 0 3px;}
.main_allfree .text-subject span {display:block;}
.main_allfree .date {display:inline-block; margin:4px 5px 0 -3px; padding:4px 6px 3px; border-radius:20px; font-size:10px; color:#fff; background-color:#b0b3b7;}
.main_allfree .date.today {background-color:#fa565a;}
.main_allfree .wrap-summary .text-author {margin-bottom:9px;}
.main_allfree .wrap-summary .status {margin-bottom:4px;}
.main_allfree .wrap-summary .status span,
.main_allfree .wrap-summary .rating span {vertical-align:middle;}
.main_allfree .swiper-button-prev {left:2px; width:20px; height:30px; background:url('/images/common/ui-v4.5.png?date=202005270000') no-repeat -240px 0; background-size:400px auto;}
.main_allfree .swiper-button-next {right:2px; width:20px; height:30px; background:url('/images/common/ui-v4.5.png?date=202005270000') no-repeat -260px 0; background-size:400px auto;}
.main_allfree .swiper-button-disabled {display:none;}

.recom-list.android_old,
.freestyle-list.android_old {height:180px;}
.recom-list.android_old .type-freemode,
.freestyle-list.android_old .type-freemode {width:auto; height:auto;}

.lazy-hidden {opacity:0;}
.lazy-loaded {-webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; opacity:1;}

@media (min-width: 768px) {
.type-freemode .swiper-slide {width:123px; padding-right:8px;}
.type-freemode .swiper-slide:last-child {width:131px; padding-right: 8px;}
.type-freemode .thumbnail , .type-descmode .thumbnail {width:115px; height:172px;}
.type-descmode .thumbnail:after {width:100%; height:100%; background:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.type-descmode .wrap-summary {margin-left:131px;}
.type-descmode .descript {overflow:hidden; display:-webkit-box; margin-top: 10px; height:7.15em; padding-right:16px; font-size:14px; line-height:1.43em;-webkit-line-clamp:5; -webkit-box-orient:vertical; }
.customized-type3 .swiper-slide {padding-right:8px;}
.genre_top5 .swiper-slide {width:300px;}
.recom-list.android_old,
.freestyle-list.android_old {height:195px;}
}
/* overflow 추가용 */
.recom-list,.freestyle-list {overflow:auto; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style: none;}
.recom-list::-webkit-scrollbar, .freestyle-list::-webkit-scrollbar{ display:none; }

/* Webtoon Main Page */
.box-webtoon {position:relative; border-top:5px solid #e4e5e7;}
.box-webtoon .link-more {position:absolute; top:10px; right:10px;}
#main-hero + .box-webtoon,
.hero-banner + .box-webtoon {border-top:0 none;}

#page-webtoon-main .box-webtoon {border-top:5px solid #dcdddf;}
.listview.type-webtoon-u {padding:20px 8px 0;}
.listview.type-webtoon-u li {position:relative; float:left; width:50%; padding:0 7px; margin-bottom:12px;}
.listview.type-webtoon-u li a {display:block;}
.listview.type-webtoon-u li a figure {position:relative; overflow:hidden; margin-bottom:7px;}
.listview.type-webtoon-u li a figure::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.15); box-sizing:border-box; -webkit-box-sizing:border-box;}
.listview.type-webtoon-u li a figure img {width:100%;}
.listview.type-webtoon-u li a figure figcaption {position:absolute; bottom:0; left:0; overflow:hidden; width:100%; padding:5px 7px; border-top:1px solid rgba(0,0,0,0.15); line-height:15px; font-size:12px; color:#777; background-color:#f7f7f7;}
.listview.type-webtoon-u li a .subject {height:25px; line-height:25px;}
.listview.type-webtoon-u li a .subject .text-subject {vertical-align:middle;}
.listview.type-webtoon-u li a .text-author {line-height:14px;}

/* 개편 */
#page-webtoon-main-v2 .title-box {padding:17px 11px; border-bottom:0 none;}
#page-webtoon-main-v2 .listview.type-webtoon-list {margin-top:-15px;}
#page-webtoon-main-v2 .listview.type-webtoon-u {padding:0 4px;}
#page-webtoon-main-v2 .box-webtoon .link-more {position:absolute; top:17px; right:10px;}
#page-webtoon-main-v2 .listview.type-webtoon-u li a figure img {width:100%; vertical-align:middle;}
#page-webtoon-main-v2 .listview.type-webtoon-u li a figure figcaption {position:absolute; bottom:0; left:0; overflow:hidden; width:100%; padding:5px 7px; border-top:1px solid rgba(0,0,0,0.15); line-height:15px; font-size:11px; color:#777; background-color:#f7f7f7;}

@media (min-width: 768px) {
.listview.type-webtoon-u li {width:25%;}
}

.listview.type-webtoon-brand {padding:20px 15px 5px;}
.listview.type-webtoon-brand li {margin-bottom:15px;}
.listview.type-webtoon-brand li a .summary {padding:10px; border:1px solid rgba(0,0,0,0.15); border-bottom:0 none; background-color:#f7f7f7;}
.listview.type-webtoon-brand li a .summary .product {height:20px; margin-bottom:5px; line-height:20px;}
.listview.type-webtoon-brand li a .summary .product span {vertical-align:middle;}
.listview.type-webtoon-brand li a .summary .desc {height:20px; line-height:20px; font-size:11px; color:#777;}
.listview.type-webtoon-brand li a figure {position:relative; overflow:hidden; height:100px;}
.listview.type-webtoon-brand li a figure::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.15); box-sizing:border-box; -webkit-box-sizing:border-box;}
.listview.type-webtoon-brand li a figure .ico-base {position:absolute; top:4px; left:5px;}
.listview.type-webtoon-brand li a figure img {width:100%;}

@media (min-width: 768px) {
.listview.type-webtoon-brand {margin:0 -5px;}
.listview.type-webtoon-brand::after {content:''; display:block; clear:both;}
.listview.type-webtoon-brand li {float:left; width:33.3333%; padding:0 8px;}
.listview.type-webtoon-brand li a figure {height:auto;}
.listview.type-webtoon-brand li a figure img {vertical-align:top;}
}

/* Comic Novel Main Page */
.box-product {position:relative;}
.box-product .link-more {position:absolute; top:10px; right:10px;}

#page-product-main .box-product {border-top:5px solid #dcdddf;}
#page-product-main .list-today{border-top:0 none;}
#page-product-main .list-today ul,
#page-product-main .list-free ul,
#page-product-main .list-fav ul {padding:20px 0 1px;}
#page-product-main .list-today ul li,
#page-product-main .list-free ul li,
#page-product-main .list-fav ul li {margin-bottom:12px;}

.listview.type-product-hot {padding:11px 15px 20px;}
.listview.type-product-hot li {margin-left:128px; padding:9px 0; border-bottom:1px solid #eee;}
.listview.type-product-hot li:last-child {border-bottom:0 none;}
.listview.type-product-hot li a {display:block;}
.listview.type-product-hot li.first {float:left; width:115px; margin-left:0; padding:0; border-bottom:0 none;}
.listview.type-product-hot li.first a {margin-top:9px;}
.listview.type-product-hot li.first a .text-subject {display:block; height:20px; margin:5px 0 2px; line-height:20px;}
.listview.type-product-hot li.first a .text-author {display:block; height:13px; line-height:13px;}

.listview.type-product-top {padding:0 10px;}
.listview.type-product-top li {position:relative; padding:10px 0; border-bottom:1px solid #eee;}
.listview.type-product-top li:last-child {border-bottom:0 none;}
.listview.type-product-top li a {display:block;}
.listview.type-product-top li a .ordered {position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; line-height:20px; text-align:center; font-family:arial, helvetica, sans-serif; color:#acaeb4;}
.listview.type-product-top li a .product {margin-left:26px;}
.listview.type-product-top li a .product .summary {height:20px; margin-right:31px; line-height:20px;}
.listview.type-product-top li a .product .ico-base {position:absolute; top:12px; right:0; width:31px; line-height:20px; font-family:arial, helvetica, sans-serif; font-size:10px; color:#555;}
.listview.type-product-top li a .product .ico-base span {margin-left:1px; vertical-align:middle;}
.listview.type-product-top li.top-ranker {margin:0 -10px; padding:15px 10px; background-color:#f7f7f7;}
.listview.type-product-top li.top-ranker a .product {overflow:hidden;}
.listview.type-product-top li.top-ranker a .product .thumbnail {float:left;}
.listview.type-product-top li.top-ranker a .product .summary {margin-left:60px;}
.listview.type-product-top li.top-ranker a .product .text-description {display:block; display:-webkit-box; height:30px; margin-left:60px; line-height:15px; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.listview.type-product-top li.top-ranker a .product .ico-base {top:12px; right:10px;}

.listview.type-update {padding:0 10px;}
.listview.type-update li {position:relative; border-bottom:1px solid #eee;}
.listview.type-update li a {display:block; padding:11px 60px 9px 40px;}
.listview.type-update li a .ico-base {position:absolute; top:50%; left:0; margin-top:-10px;}
.listview.type-update li a .text-subject {line-height:20px;}
.listview.type-update li a .text-volumes {line-height:20px;}
.listview.type-update li a .text-author {position:absolute; top:50%; right:0; margin-top:-10px; line-height:20px;}

/* 2016.09 만화소설 홈 개편 */
#page-comic-main-v2 .recom-list,
#page-novel-main-v2 .recom-list {border-bottom:0 none;}
#page-comic-main-v2 .genretop5-list ~ .recom-list-wrap,
#page-novel-main-v2 .genretop5-list ~ .recom-list-wrap {border-top:5px;}
#page-comic-main-v2 .genretop5-list,
#page-novel-main-v2 .genretop5-list {border-top:5px;}
#page-comic-main-v2 .hero-banner + .genretop5-list,
#page-novel-main-v2 .hero-banner + .genretop5-list {border-top:0 none;}
#page-comic-main-v2 .customtheme .tab-round{padding:0 0 16px 8px; overflow:auto;overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch; -ms-overflow-style: none;  scrollbar-width: none;}
#page-comic-main-v2 .customtheme .tab-round::-webkit-scrollbar{display: none;}
#page-comic-main-v2 .customtheme .tab-round ul{position:relative;display:-webkit-box;width: 100%;}
#page-comic-main-v2 .customtheme .tab-round li {display:flex; height: 32px; float: unset;}
#page-comic-main-v2 .customtheme .tab-round li a{display: flex; align-items: center; justify-content: center; min-width:65px;min-height:32px;font-size:14px;line-height:normal;color:#333;height:32px;margin-right:8px;padding:5px 20px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border:solid 1px #ddd;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
#page-comic-main-v2 .customtheme .tab-round li.active a {color: #fff; background-color:#56c271; border-color:#56c271;}

.ticket-info {position:relative; overflow:hidden; height:42px; padding-top:12px; border-bottom:1px solid #e4e5e7;}
.ticket-info .title-box {float:left; padding:0 10px 0 40px !important; color:#333;}
.ticket-info .title-box:before {content:''; position:absolute; top:8px; left:12px; display:block; width:24px; height:22px; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat -360px -130px; background-size:400px auto;}
.ticket-info .title-box:after {content:':';}
.ticket-info .title-box ~ span {color:#888;}

#page-novel-main-v2 .ticket-info .title-box:before {background-position:-360px -153px;}
.ticket-info .title-box.have ~ span {float:left; color:#555;line-height:17px;}
.ticket-info .title-box.have + .ticket-type {color:var(--blue-01); padding-right:4px; margin-right:5px; border-right:1px solid #e5e5e5;line-height:17px;}
.ticket-info .title-box.have + .ticket-type.billing {border-right:0;}
.ticket-info .btn-base {position:absolute; top:5px; right:12px;}

.recom-list-wrap.realtime {border-top:5px;}
.ticket-info + .recom-list-wrap.realtime {border-top:0 none;}
.recom-list-wrap.realtime .base-time {position:absolute; top:1px; right:8px; padding-left:6px; font-size:14px; color:#999; font-weight: 600;}
.recom-list-wrap.realtime .base-time:before {top:1px; background-color:#999;}
.recom-list-wrap.realtime .rank-number {position:absolute; top:0; left:0; width:24px; height:25px; text-align:center; line-height:23px; font-size:14px; font-weight:600; color:#fff; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat -275px -175px; background-size:400px auto; z-index:1;}
.recom-list-wrap.realtime .rank-number.best {background-position:-250px -175px;}

/* 정액제 만화 메인 20191010 */
.ticket-info.periodic{height:48px !important; padding-top: 0 !important;}
.ticket-info.periodic .title-box02{display:flex !important; padding:16px 10px 8px 42px !important; font-size:13px; color: #111; line-height: 20px; }
.ticket-info.periodic .title-box02::before{content:'';  display:inline-block; position:absolute; top:18px; left:10px; width:23px; height:16px; background:url('/images/common/content-v4.5.png?date=201910300000') no-repeat -374px -180px; background-size:400px auto;}
.ticket-info.periodic .title-box02 .ico-pos-right:after{position:absolute; top:19px; margin-left:2px;}
.ticket-info.periodic .title-box02 .color-blue{color: var(--blue-01) !important;}

/* 기다무 작품 리스트 */
.wait-coupon-list-wrap {position:relative;border-bottom:5px;}
.wait-coupon-list-wrap .wait-coupon-list ul {padding-right: 8px;}
.wait-coupon-list-wrap .wait-coupon-list li {float:left; width:50%; padding-left:8px;}
.wait-coupon-list li:nth-child(3),.wait-coupon-list li:nth-child(4){margin-top: 16px;}
.wait-coupon-list-wrap .wait-coupon-list li span{display:block;}
.wait-coupon-list-wrap .wait-coupon-list li span.ico-adult-label {position:absolute; top:6px; right:6px}
.wait-coupon-list-wrap .wait-coupon-list li .ico-wait-coupon {background:var(--ico-wait-coupon-w22) 22px 22px; width:22px; height:22px}
.wait-coupon-list-wrap .wait-coupon-list li .wait-coupon-title {overflow:hidden; font-size: 0; text-overflow:ellipsis; white-space:nowrap;}
.wait-coupon-list-wrap .wait-coupon-list li .wait-coupon-title > .ico-label-wait {float: left; font-size: 0; margin-right: 4px; padding-top:1px;margin-top:3px;}
.wait-coupon-list-wrap .wait-coupon-list li .wait-coupon-title .title-main-wait {display: block; }
.wait-coupon-list-wrap .link-more {position:absolute; top:-1px; right:8px; width:50px;text-align:right;}

/*점핑패스*/
.wrap-content .nav-pass {overflow:hidden; padding: 0; margin-bottom:10px}
.wrap-content .nav-pass li {float: left; margin-right: 8px; text-align: center;}
.wrap-content .nav-pass button { width: 65px; min-height: 32px; border: 1px solid var(--bright-01); color:var(--mono-03); text-align: center; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; }
.wrap-content .nav-pass button span {font-size: 14px; letter-spacing: -1px;}
.wrap-content .nav-pass li.active button {color:#fff; border:0;}
.wrap-content .nav-pass li.active .webtoon {background-color: var(--blue-02);}
.wrap-content .nav-pass li.active .comic {background-color: var(--green-01);}
.wrap-content .nav-pass li.active .ebook {background-color: var(--orange-01);}
.wrap-content .pass-listview {overflow:auto}
.wrap-content .pass-listview li {float:left; width:150px;}
.wrap-content .pass-listview li > a > .thumnail { height:auto; min-height: 225px; position:relative}
.wrap-content .pass-listview li + li {padding-left: 8px}
.wrap-content .pass-listview li .thumbnail.pass-coupon {width:100%; height: auto; position:absolute; bottom:0}
.wrap-content .pass-listview li .ico-pass-coupon {background:var(--ico-pass-coupon-w22) 22px 22px;}
.wrap-content .pass-listview li .ico-gift-coupon {background:var(--ico-gift-coupon-w22) 22px 22px;}
.wrap-content .pass-listview li .ico-wait-coupon {background:var(--ico-wait-coupon-w22) 22px 22px;}
.wrap-content .pass-listview li .ico-original {background:var(--ico-original) 48px 20px; position: absolute; left:6px; top:6px; width:48px; height:20px; overflow: hidden; border-radius: 20px;}
.wrap-content .pass-listview li .ico-original.shine:empty:after {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: 20px;
    height: 155px;
    opacity: .15;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    transform: translate3d(-200%,0,0) rotate(35deg);
    z-index: 10;
    -webkit-animation: label_shining 1.4s infinite;
    animation: label_shining 1.4s infinite;
}
.wrap-content .pass-listview li .coupon {position:absolute; bottom:0; right:0; display: inline-block; width:22px; height:22px}
.wrap-content .pass-listview li .pass-coupon-title {margin-top:6px}

.special-price-set-label {
    position:absolute; width:100%; height:22px; bottom:18px; left:0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: rgba(256,256,256,.87);
    background-image: url('/images/common/txt-special-price-set.png');
    background-position: center center;
    background-size: 62px 10px;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
.wait-coupon-list-wrap .wait-coupon-list li {width:25%;}
.wait-coupon-list li:nth-child(3),.wait-coupon-list li:nth-child(4){margin-top:0}
}

/* Safari ios Only  */
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none)) {

}

@keyframes label_shining {
    100% {transform: translate3d(200%,0,0) rotate(35deg)};
}