@charset "utf-8";
/*
Eungom's Reset
Last Updated:
Author: Jeong Eunmi
*/



/* =================================
  MAIN
 ================================= */
 .wrap{background:#f4f6f8;max-width:720px;margin:0 auto;}


/* section */
.section{position:relative;background:#fff;padding:2.4rem 0;margin-top:0.6rem;border-bottom:1px solid #ebebeb;}
.title-area{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem 2rem;}
.main-title{font-size:1.8rem;font-weight:500;}
.main-title strong{color:#ff004e;font-weight:bold;font-weight:700;}
.section .title-area .btn-more{padding-right: 0;font-size:1.3rem;display: flex;align-items: center;line-height: 13px;margin-right:-10px;padding:5px 10px 5px 5px;}
.section .title-area .btn-more i{display:inline-block;background: url(../images/icon/ico_more2.png) right center no-repeat;background-size: .5rem;width: 10px;height: 10px;margin-left:3px;}
.section.type-a{padding:2.4rem 1.5rem;}
.section.type-a .title-area{padding:0 0 2rem;}

.small-tab-list{position:absolute;right:10px;top:-1px;display:flex;align-items:center;z-index:10;}
.small-tab-list a{display:block;text-align:center;font-size:1.25rem;padding:0 10px;height:22px;line-height:22px;border-radius:4px;color:#7b7b7b;border:1px solid #ddd;margin-left:7px;font-weight:400;}
.small-tab-list .active{border:1px solid #434343;background:#434343;color:#fff;font-weight:500;}


/* Thumbnail[공통] */
.thumbnail-box{position:relative;}
.thumb-img{position:relative;border-radius:5px;overflow:hidden;box-shadow: 1px 1px 2px rgb(0 0 0 / 10%)}
.thumb-img .img-tag{position:absolute;color:#fff;font-size:1.2rem;}
.thumb-img .img-tag.update{right:0;top:0;background:#379ff0;border-bottom-left-radius:4px;height:20px;padding:0 5px;line-height:19px;}
.thumb-img .img-tag.sale{left:0;top:0;background:#ff004e;border-bottom-right-radius:4px;height:22px;padding:0 5px;line-height:21px;font-size:15px}
.thumb-img .img-tag.diagonal{width:2.2rem;text-align:center;}
.thumb-img .img-tag.diagonal:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:0;border-right:33px solid transparent;border-top:36px solid #ff004e;opacity:0.9}
.thumb-img .img-tag.diagonal .tag-text{display:block;position:relative;width:100%;height:100%;color:#fff;font-size:1.35rem;font-weight:bold;font-weight:700;}

.tag-box .tag-19 {position:absolute;right:5px;width: 17px;height: 17px;bottom: 5px;background: url(../images/icon/ico_19_dark.png) 0 0 no-repeat;background-size: contain;font-size: 0;z-index:10;}

.thumb-info{margin-top:.8rem;}
.thumb-info .text-title{font-size:1.45rem;font-weight:bold;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-1px;line-height:1.9rem;}
.thumb-info .text-info{display:flex;align-items:center;justify-content:flex-start;color:#7b7b7b;}
.thumb-info .text-info span{font-size:1.2rem;}
.thumb-info .text-info .view{padding-left:1.15rem;background:url(../images/icon/ico_view_num.png) left 6px no-repeat;background-size:8px;}
.thumb-info .text-info .line{display:block;width:1px;height:1.1rem;min-width:1px;margin-left:4px;margin-right:4px;background:#d9d9d9;margin-top:4px;margin-bottom:3px;}



/* Thumbnail 가로 */
.thumbnail-box.garo{margin-bottom:1rem;}
.thumbnail-box.garo > a{display:flex;align-items:center;justify-content:flex-start;}
.thumbnail-box.garo .thumb-img{width:13rem;margin-right:1rem;}
.thumbnail-box.garo .thumb-info{width:calc(100% - 16rem);padding:0;margin-top:0;}

/* 컨텐츠 리스트[공통] */
.contents-list{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;width:100%;margin:0 auto;padding:1.5rem 1rem;}
.contents-list .thumbnail-box{width:calc(100% / 3);}
.contents-list .thumbnail-box a{margin:1rem .5rem}
.contents-list .thumbnail-box .img-tag.ranking{position:absolute;top:0;left:0;color:#fff;text-align:center;min-width:2.8rem;height:2.8rem;background:rgb(255 0 78 / 70%);border-radius:3px;z-index:10;font-size:1.4rem;letter-spacing:0;line-height:normal;font-weight:bold;font-weight:900;line-height:26px;}

/* 탭메뉴 small[공통] */
.small-tab-menu{display:flex;align-items:center;justify-content:flex-end;}
.small-tab-menu a{text-align:center;font-size:1.2rem;border-radius:4px;margin:0 3px;padding:2px 8px;color:#303038;border:1px solid #ababab;}
.small-tab-menu a.active{color:#fff;background:#2b2b2b;border:1px solid #2b2b2b;}

/* 카테고리 메뉴[공통] */
.category-menu{background:#f4f6f8;padding:1rem 1.5rem;height:4.6rem;}
.category-menu ul{width:100%;display:flex;align-items:center;justify-content:space-around;}
.category-menu ul li:not(.except) a{font-size:1.4rem;padding:.35rem 1.35rem;border-radius:30px;text-align:center;min-width:53px;outline:0;}
.category-menu ul li:not(.except) a.active{background:#ff004e;color:#fff}

 /* 메인 배너 슬라이드 */
.main-slide-area{position:relative;border-bottom:1px solid #ebebeb;background:#fff;}
.main-slide-area .swiper-container{background:#ddd;max-width:720px;}
.main-slide .swiper-pagination{position:absolute;right:0;bottom:0;color:#fff;}
.main-slide .swiper-slide img{width:100%;}
.main-slide-area .main-pagination{position:absolute;bottom:1.5rem;right:1.5rem;left:auto;width:auto;padding:0 .4rem;color:#fff;border:1px solid #fff;border-radius:2.5rem;font-size:1.25rem;letter-spacing:-0.5px;z-index:10;cursor:pointer;display:flex;align-items:center;}
.main-slide-area .main-pagination:after{content:'+';margin-left:2px;padding:0 3px;cursor:pointer;font-size:15px;}
.main-slide-area .main-pagination .swiper-pagination{position:relative;left:auto;right:auto;bottom:auto;top:auto;}
.main-slide-area .swiper-slide img{width:100%;}
 
 /* 메인 컨텐츠 슬라이드 */
.today-update .swiper-slide,
.pd-pick .swiper-slide,
.men .swiper-slide,
.women .swiper-slide,
.romance .swiper-slide,
.r_fantasy .swiper-slide,
.drama .swiper-slide,
.bl .swiper-slide,
.fantasy .swiper-slide{width:calc(100% / 3.5)}

/* 오늘 업데이트 */
.today-update{padding-left:1.5rem;}

/* 연재 랭킹*/
.top1{width:100%;}
.top1 .thumb-img:after{content:'';position:absolute;background:url(../images/img_shadow.png);background-size:cover;width:100%;height:150px;bottom:0;left:0;right:0;opacity:0.5;}
.top1 .thumb-img img{width:100%;}
.top1 .thumb-info{position:absolute;bottom:.5rem;left:1rem;color:#fff;padding:.8rem .4rem;}
.top1 .thumb-info .text-info{color:#fff;}
.top1 .thumb-info .text-info .view{background:url(../images/icon/ico_view_num_w.png) left 6px no-repeat;background-size:8px;}
.top1 .thumb-info .text-title{font-size:1.8rem;line-height:2.2rem;font-weight:bold;}
.ranking-group{display:flex;flex-wrap:wrap;width:calc(100% + 1rem);margin-left:-.5rem;margin-right:-.5rem;}
.ranking-group .thumbnail-box{width:calc(100% / 3);margin-top:1.25rem;}
.ranking-group .thumbnail-box a{margin:0 .5rem}

.swiper-pagination-series-ranking,
.swiper-pagination-new-ranking{position:absolute;right:3rem;top:2.98rem;height:8px;line-height:8px;}
.swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;}
.swiper-pagination-bullet-active{background:#ff004e;}

/* 완결 랭킹 */
.end-ranking {padding-left:1.5rem;}
.end-ranking .swiper-slide{width:110px;}
.circle .thumb-img{border-radius:50%;width:11rem;height:11rem;border:1px solid #e2e2e2;}
.circle .img-tag.ranking{position:absolute;top:-2.7rem;left:0;right:0;margin:auto;padding:2px 5px;background:#ff004e;text-align:center;border-radius:5px;color:#fff;font-size:1.3rem;width:4rem;font-weight:700;height:20px;line-height:15px;border-radius:20px;}
.circle .thumb-info{position:relative;text-align:center;margin-top:15px;}
.circle .thumb-info .text-info{justify-content:center;}

.square .thumb-img{border-radius:5%;width:11rem;height:11rem;border:1px solid #e2e2e2;}
.square .img-tag.ranking{position:absolute;top:-2.7rem;left:0;right:0;margin:auto;padding:2px 5px;background:#ff004e;text-align:center;border-radius:5px;color:#fff;font-size:1.3rem;width:4rem;font-weight:700;height:20px;line-height:15px;border-radius:20px;}
.square .thumb-info{position:relative;text-align:center;margin-top:15px;}
.square .thumb-info .text-info{justify-content:center;}

.end-ranking .thumb-img{position:relative;width:110px;height:110px;}
.end-ranking .thumb-img img{width:100%;position:absolute;top:50%;left:0;right:0;margin:auto;height:auto;max-height:fit-content;transform:translateY(-50%);}


/* PD 추천 */
.pd-pick{padding-left:1.5rem;}

/* 역대 레전드 작품 */
.legend{padding-left:1.5rem;}
.legend .thumbnail-box.garo .thumb-info{width:calc(100% - 15rem);}
.legend .thumbnail-box.garo .ranking-num{display:inline-block;color:#fff;background:#ff004e;border-radius:3px;padding:.1rem .75rem;font-size:1.2rem;margin-bottom:.3rem;}
.swiper-pagination-legend{position:absolute;right:3rem;top:2.98rem;height:8px;line-height:8px;}


/* 지금 핫한 실시간 작품 */
.realtime-hot{padding:0}
.swiper-pagination-realtime-hot{position:absolute;right:3rem;top:2.98rem;height:8px;line-height:8px;}
.realtime-hot .thumb-img .ranking-info{position:absolute;background:#3b3b3b;text-align:center;top:0;left:0;width:3rem;height:2.6rem;border-bottom-right-radius:4px;}
.realtime-hot .thumb-img .ranking-info > span{color:#fff;font-size:1rem;line-height:3.3rem;display:block;width:100%;height:100%;}
.realtime-hot .thumb-img .ranking-info .up:before{content:'';position:absolute;top:3px;left:50%;width: .7rem;height: .6rem;background: url(../images/icon/ico_select_up2.png) center center no-repeat;background-size: .7rem auto;transform:translateX(-50%);}
.realtime-hot .thumb-img .ranking-info .down:before{content:'';position:absolute;top:3px;left:50%;width: .7rem;height: .6rem;background: url(../images/icon/ico_select_down2.png) center center no-repeat;background-size:  .7rem auto;transform:translateX(-50%);}
.realtime-hot .thumb-img .ranking-info .keep:before{content:"-";font-size:2rem;line-height:0;}
.realtime-hot .thumb-img .ranking-info .new{color:#379ff0;font-weight:500;line-height:2.3rem;}
.realtime-hot .thumb-img .ranking-info .new:before{content:"N";font-size:1.2rem;}

/* men's pick, women's pick */
/*.men,.women{padding-left:1.5rem;}*/
.title-tab{display:flex;align-items:center;font-size:1.7rem;}
.title-tab .selected{color:#ff004e;font-weight:bold;font-weight:700;}
.title-tab a{margin-right:1rem;}
.title-tab .bar{display:inline-block;width:1px;height:1.3rem;background:#303038;transform: translateY(50%);margin-top:-1rem;margin-right:1rem;}
.tab-content{display:none;}
.tab-content.selected-tab{display:block;}
.tab-content .btn-more{position:absolute;display:inline-block;background: url(../images/icon/ico_more2.png) center center no-repeat;background-size:.5rem;width:1rem;height:1rem;padding:1rem;right:1rem;top:2.3rem;}
.swiper-pagination-men,
.swiper-pagination-women{position:absolute;right:3rem;top:2.98rem;height:8px;line-height:8px;}

/* 장르별 추천 */
.title-area.genre-pick .title-tab a{padding:.2rem;margin-right:1.5rem;font-size:1.6rem;border-bottom:1px solid #fff;}
.title-area.genre-pick .title-tab a.selected{border-bottom:1px solid #ff004e;}
.romance, .r_fantasy, .drama, .bl, .fantasy{padding:0;}
.swiper-pagination-romance,
.swiper-pagination-r_fantasy,
.swiper-pagination-drama,
.swiper-pagination-bl,
.swiper-pagination-fantasy{position:absolute;right:3rem;top:2.98rem;height:8px;line-height:8px;}

/* 성인 베스트 */
.go-anytoon{text-align:center;padding:1.5rem;}
.go-anytoon p{display:block;font-size:1.7rem;line-height:2rem;padding:0 1.5rem;word-break:keep-all;margin:15px auto 30px;}
.go-anytoon .btn-go-anytoon{display:inline-block;width:70%;max-width:360px;margin:0 auto 0;text-align:center;color:#fff;background:#ff004e;font-weight:500;border-radius:50px;font-size:1.7rem;padding:1.25rem 0;}

/* 랭킹 페이지 */
.ranking-page{background:#fff;}

/* 검색 페이지 */
.search-page{background:#fff;}
.search-area{background:#2b2b2b;width:100%;padding:1rem 1.5rem;}
.search-area .search-input{width:100%;display:flex;align-items:center;justify-content:flex-start;}
.search-area .search-input input{padding:0 1rem;width:90%;height:3.3rem;font-size:1.6rem;}
.search-area .search-input .btn-search{color:#fff;font-size:1.6rem;width:10%;min-width:50px;text-align:center;margin-left:1rem;}
.keyword-area{margin-bottom:2rem;}
.keyword-area h4{padding:1.5rem;font-size:1.6rem;font-weight:500;}
.keyword-box{background:#f4f6f8;padding:.75rem 1rem;}
.keyword-box .keyword{display:inline-block;margin:.5rem;}
.keyword-box .keyword a{font-size:1.5rem;border:1px solid #a9b2bd;border-radius:4px;padding:.5rem 1rem;}
.keyword-box .keyword a.active{border:1px solid #ff004e;color:#ff004e;}
.keyword-box .keyword .hash{display:inline-block;color:#ff004e;margin-right:2px;font-style:normal;}
.search-page .contents-list{padding-top:0;margin-top:-1.25rem;}

/* TOP 페이지 */
.top-page{background:#fff;}
.toplist ul li{width:auto;height:auto;}
.toplist ul{justify-content:flex-start;}

/* 연재 페이지 */
.series-page{background:#fff;}
.series-page .category-menu{padding:1rem;}

/* 20210610 추가  */
.pagination .swiper-pagination-bullet{width:auto;height:auto;color:#333;background:transparent;padding:.35rem 1.35rem;border-radius:30px;text-align:center;opacity:1;outline:0;margin:0;}
.pagination .swiper-pagination-bullet span{color:#333;font-size:1.4rem;}
.pagination .swiper-pagination-bullet-active{background:#ff004e;}
.pagination .swiper-pagination-bullet-active span{color:#fff;}


/* 완결 페이지 */

/* TOP 페이지 */
.end-page{background:#fff;}
.endlist ul li{width:auto;height:auto;}
.endlist ul{justify-content:flex-start;}

.end-page{background:#fff;}
.end-page .category-menu{padding:1rem;}
.category-menu .except a{display:flex;align-items:center;font-size:1.15rem;padding:0;letter-spacing:-1px;}
.category-menu .except a i{display:inline-block;width:2rem;height:2rem;background:url(../images/icon/ico_check.png) left center no-repeat;background-size:1.6rem;vertical-align:middle;}
.category-menu .except a.check i{background:url(../images/icon/ico_check_on.png) center center no-repeat;background-size:1.6rem;}
.category-menu .except  input[type="checkbox"] + label::before{margin-right:0;}
.end-page .contents-list{padding-top:3.5rem;position:relative;}
.end-page .contents-list .except{position:absolute;left:2rem;top:1.2rem;}

/* 단행본 페이지 */
.book-page{background:#fff;}
.book-page .category-menu{margin-bottom:-.6rem;}
.book-page .small-tab-area{padding:1.25rem 1.5rem 0;margin-top:.5rem;}
.book-page .contents-list{padding-top:.5rem;}
.book-page.hot{background:#f4f6f8;}
.section.top10 .small-tab-area{padding:0;}
.top10-area{padding:0 1.5rem;}
.thumbnail-box.garo .ranking-num{font-size:1.5rem;font-weight:500;margin-right:1rem;}
.booklist ul li{width:auto;height:auto;outline:0;}
.booklist ul{justify-content:flex-start;}


/* sale 페이지 */
.sale-page .section{padding-bottom:0;margin-top:0;}
.sale-page .contents-list{margin-top:-3rem;padding-bottom:.5rem;}
.main-title .small{font-size:1.2rem;margin-left:.5rem;vertical-align:middle;font-weight:300;}
.text-pink{color:#ff004e;}
.point-info{display:flex;align-items:center;justify-content:flex-start;margin-top:-.2rem;font-size:1.25rem;}
.point-info .arrow{display:inline-block;width:1.3rem;height:1rem;background:url(../images/icon/ico_arrow_right_s.png) 5px 3px no-repeat;background-size:.5rem;}

/* 회차 리스트 페이지 */
.episode-area{background:#fff;border-bottom:1px solid #eee;margin-bottom:.5rem;}
.episode-img{position:relative;}
.episode-img img{width:100%;}
.episode-info1{position:relative;padding:1.5rem 1.5rem 0.5rem;}
.episode-info1 .episode-title{font-size:1.7rem;font-weight:500;letter-spacing:-0.5px;width:calc(100% - 3.25rem);white-space: nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem;}
.episode-info1 .text-info{display:flex;align-items:center;font-size:1.2rem;}
.episode-info1 .btn-synopsis{color:#ff004e;padding:0 .2rem;margin-right:1rem;}
.episode-info1 .text-info span[class*="tag-"]{margin-right:.6rem;}
.episode-info1 .text-info span:not(:first-of-type){position:relative;padding-left:.65rem;}
.episode-info1 .text-info span:not(:first-of-type):before{content:'';position:absolute;left:0;top:50%;width:1px;height:1rem;margin-top:-.4rem;background:#d9d9d9;}
.episode-info1 .text-info .tag-view{background:url(../images/icon/ico_view_num.png) left center no-repeat;background-size:.9rem;padding-left:1.15rem;}
.episode-info1 .text-info span.tag-sale{padding-left:0;color:#ff004e;}
.episode-info1 .text-info span.tag-sale:before{display:none;}
.episode-info1 .text-info span.tag-sale i.ico_time{display:inline-block;width:1.2rem;height:1.2rem;background:url(../images/icon/ico_time.png) left center no-repeat;background-size:contain;margin-right:2px;vertical-align:-2px;}
.episode-info1 .btn-pick{position:absolute;right:1.5rem;top:1.5rem;width:4rem;height:4rem;background:url(../images/icon/ico_pick.png) center center no-repeat;background-size:contain;font-size:0;transition:all .3s;color:transparent;}
.episode-info1 .btn-pick.on{background:url(../images/icon/ico_pick_on.png) center center no-repeat;background-size:contain;}
.episode-synopsis{padding:1rem 1.5rem;display:none;}
.episode-synopsis.open{display:block;border-top:1px solid #eee;max-height:105px;overflow:hidden;padding-bottom:5px;}
.episode-synopsis p{font-size:1.2rem;padding:0 10px 0 0;line-height:1.6rem;color:#7b7b7b;}
.episode-synopsis .slimScrollDiv p{min-height:40px;max-height:100px;padding-bottom:0px;}
.episode-info1 .text-info span.tag-writer{max-width:calc(100% - 150px);height:20px;padding-right: .01rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.episode-area .button-area{width:100%;padding:.5rem 1rem 1rem;display:flex;align-items:center;justify-content:flex-start;}
.episode-area .button-area a{width:100%;margin:.5rem;border-radius:4px;padding:1rem 0;font-size:1.5rem;}

/* 회차 리스트 페이지 - 이 작품과 함께 본 작품 */
.other-list-area {position:relative;padding:1.5rem 0;background:#fff;display:none;}
.other-list-area.open{display:block;}
.other-list-area:before{content: '';position: absolute;width: 0;height: 0;top: -9px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom:10px solid #f4f6f8;left:22.5vw;}
.other-list-area .text-notice{background:#fff;background:#f4f6f8;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:-1.5rem auto 1rem;padding:1rem 1.5rem;font-size:1.3rem;}
.other-list-area .other-list{padding-left:1.5rem;}
.other-list-area .other-list .swiper-slide{width:calc(100% / 3.5)}
.other-list-area .text-notice .notice{display:inline-block;width:1.4rem;height:1.4rem;background:url(../images/icon/ico_notice.png) left center no-repeat;background-size:contain;vertical-align:-2px;margin-right:3px;}

/* 회차 리스트 페이지 - 전체 소장 */
.all-have{position:relative;display:flex;align-items:center;padding:1.25rem;background:#ffe9f0;border-bottom:1px solid #eee;font-size:1.45rem;font-weight:500;}
.all-have strong{font-weight:700;color:#ff004e;font-size:15px;}
.btn-all-have{position:absolute;right:1.5rem;display:inline-block;background:#ff004e;color:#fff;text-align:center;border-radius:3px;font-weight:700;padding:.65rem 1.5rem;font-size:14px;font-weight:700;}
.all-have del{color:#9b9b9b;font-size:1.2rem;margin:0 .5rem;}
.all-have del + span{color:#3680f7;font-weight:700;font-size:1.6rem;}
.all-have .ico-download{display:inline-block;width:1.4rem;height:1.4rem;background:url(../images/icon/ico_download.png) left center no-repeat;background-size:contain;vertical-align:middle;margin-right:3px;}

/* 회차 리스트 페이지 - 회차 리스트 */
.episode-list .list-area{background:#fff;margin-top:.5rem;}
.episode-list .list-area .list-top{border-bottom:1px solid #dfdfdf;padding:.5rem 1.65rem;text-align:right;}
.btn-sorting{position:relative;display:inline-block;padding-left:1.5rem;background:url(../images/common/ico_sorting.png) left center no-repeat;background-size:1.2rem auto;font-size:0;}
.btn-sorting.asc{background-image:url(../images/icon/ico_asc.png);}
.btn-sorting.desc{background-image:url(../images/icon/ico_desc.png);}
.btn-sorting.asc:before{content:'첫화부터';display:inline-block;padding-top:3px;font-size:1.2rem;}
.btn-sorting.desc:before{content:'최신화부터';display:inline-block;padding-top:3px;font-size:1.2rem;}

.only-ocb{background:#fff;margin-bottom:.5rem;border-bottom:1px solid #eee;padding:1.3rem 1.5rem;font-size:1.5rem;text-align:center;display:flex;align-items:center;justify-content:space-between;}
.only-ocb i{display:inline-block;background:url(../images/icon/ico_cash.png) 0 0 no-repeat;background-size:contain;width:20px;height:20px;vertical-align:middle;margin-right:5px;}
.only-ocb .go-recharge{font-size:1.2rem;}

.episode-list .item-list{padding:.5rem 1.5rem;}
.episode-list .item-list li{border-bottom:1px solid #eee;padding:.5rem 0;margin-bottom:0;}
.episode-list .item-list .thumb-info{width:calc(100% - 22rem)}
.episode-list .item-list .thumbnail-box.garo .right-info{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;}
.episode-list .item-list .right-info .tag-round{display:inline-block;border-radius:1.5rem;border:1px solid #5b5b5b;width:6.5rem;color:#5b5b5b;font-size:1.3rem;padding:.2rem 0;}
.episode-list .item-list .right-info .tag-round.have{color:#3680f7;border:1px solid #3680f7;}
.episode-list .item-list .right-info .tag-point{position:relative;color:#ff004e;font-size:1.4rem;margin-right:1rem}
.episode-list .item-list .right-info .tag-point i{display:inline-block;border-radius:50%;background:url(../images/icon/ico_point.png) center center no-repeat;background-size:contain;width:1.6rem;height:1.6rem;vertical-align:-3px;margin-left:2px;}
.episode-list .item-list .right-info .tag-point.del{color:#a9a9a9;margin-right:.5rem;}
.episode-list .item-list .right-info .tag-point.del i{display:none;}
.episode-list .item-list .right-info .tag-point.del:before{content:'';position:absolute;width:100%;height:1px;background:#a9a9a9;left:0;top:50%;}
.episode-list .item-list .right-info .tag-point.del:after{content:'P';color:#a9a9a9;margin-left:1px;}
.episode-list .item-list .right-info .tag-point.sale{color:#3680f7;}
.episode-list .item-list .right-info .tag-round.dday{color:#ff004e;border:1px solid #ff004e;}
.episode-list .item-list .thumb-img .blind{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;}
.episode-list .item-list .thumb-img .blind em{color:#ff004e;text-shadow: 0 0 7px #0c0c0cc2;font-weight: 700;}

.pop .go-anytoon .btn-go-anytoon{width:90%;}
.pop .go-anytoon{padding:1.5rem 0;}
.pop .go-anytoon p{line-height:24px;}

/* 뷰 페이지 */
.view-page{background:#fff;}
.webtoon-view{margin:0 auto;text-align:justify;line-height:3rem;margin-bottom:4rem;}
.webtoon-view p{text-align:center;max-width:720px;margin:0 auto;}
.webtoon-view p img{width:100%;max-width:720px;margin:0 auto;text-align:center;}
.btn-view-next{display:block;width:45vw;max-width:24rem;margin:0 auto;background:#ff004e url(../images/icon/ico_next_w.png) right .5rem center no-repeat;background-size:2.5rem;color:#fff;font-size:2rem;border-radius:.5rem;padding:1.2rem 4rem 1.2rem 2rem;text-align:center;}
.view-top{position:fixed;top:0;left:0;right:0;width:100%;height:5rem;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;transition: 0.2s;}
.view-top .title{color:#fff;font-size:1.6rem;width:calc(100% - 10rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view-top .num{position:relative;display:inline-block;font-size:1.25rem;margin-right:7px;vertical-align:top;padding-right:3px;}
.view-top .num:after{content:'';position:absolute;right:-.5rem;top:50%;width:1px;height:12px;transform:translateY(-50%);background:#fff;}
.view-top .bunddle-menu{display:flex;margin-right:-.5rem;}
.view-top .bunddle-menu a{display:block;width:4.8rem;height:5rem;font-size:0;}
.view-top .bunddle-menu .btn-home{background:url(../images/icon/ico_home_w.png) center center no-repeat;background-size:2.2rem;}
.view-top .bunddle-menu .btn-pick{background:url(../images/icon/ico_zzim.png) center center no-repeat;background-size:3rem;}
.view-top .bunddle-menu .btn-pick.on{background:url(../images/icon/ico_zzim_on.png) center center no-repeat;background-size:2.7rem;}
.view-contents .banner{margin:4rem auto 0; padding-bottom:50px;}
.view-contents .banner a{margin-bottom:.8rem;}
.view-bottom{position:fixed;left:0;right:0;bottom:0;width:100%;background:rgba(0,0,0,0.75);padding:0 1.5rem;transition: 0.2s;padding:1rem}
.view-bottom .ctrl-menu{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;}
.view-bottom .ctrl-menu a{margin:0 1.5rem;display:flex;align-items:center;}
.view-bottom .ctrl-menu a.btn-prev i{display:inline-block;width:3rem;height:3rem;background:url(../images/icon/ico_view_prev.png) center center no-repeat;background-size:2.4rem;margin-right:.3rem;}
.view-bottom .ctrl-menu a.btn-next i{display:inline-block;width:3rem;height:3rem;background:url(../images/icon/ico_view_next.png) center center no-repeat;background-size:2.4rem;margin-left:.3rem;}

.view-top.slidein2{top:-5rem}
.view-bottom.slidein2{bottom:-5rem}

/* 내 서재 */
.library-page{background:#fff;}
.search-pick{border-bottom:1px solid #eee;padding:1rem 1.5rem;display:flex;align-items:center;}
.search-pick .all-num{width:7rem;font-size:1.25rem;}
.search-pick .all-num em{color:#ff004e;margin-left:1px;}
.search-pick .item-search{width:calc(100% - 7rem);border:1px solid #a9a9a9;border-radius:3rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;overflow:hidden;font-size:1.4rem;}
.search-pick .item-search input{height:3.5rem;padding:0 1rem;width:calc(100% - 5rem)}
.search-pick .item-search .btn-search{padding:.5rem 0;width:4rem;text-align:center;}
.search-pick .btn-del1{width:3rem;height:3rem;margin-right:4rem;background:url(../images/icon/ico_trash.png) center center no-repeat;background-size:2rem;font-size:0;}
 

.pick-list .pick-item{border-bottom:1px solid #eee;padding:1rem 1.5rem;}
.pick-item .thumbnail-box.garo{display:flex;margin-bottom:0;}
.pick-item .thumbnail-box.garo .thumb-img{width:8.5rem;}
.pick-item .thumbnail-box.garo .thumb-img > a{height:100%;}
.pick-item .thumbnail-box.garo .thumb-img > a img{border-radius:4px;}
.pick-item .thumbnail-box.garo .thumb-info{width:calc(100% - 13rem);padding:.5rem 0;}
.pick-item .thumbnail-box.garo .thumb-info > a{position:relative;display:block;}
.pick-item .thumb-info .text-title{margin-bottom:.5rem;font-size:1.5rem;}
.pick-item .thumb-info .text-title .genre{color:#ff004e;margin-right:2px;}
.pick-item .thumb-info .text-info span{font-size:1.2rem;}
.pick-item .thumb-info .detail span{font-size:1.15rem;margin-right:5px;letter-spacing:-1px;color:#7a7a7a;}
.pick-item .pick-menu{display:flex;margin-top:1rem;}
.pick-item .pick-menu a{text-align:center;justify-content:center;border-radius:3px;margin-right:5px;width:5.5rem;padding:.3rem 0;font-size:1.3rem;}
.pick-item .pick-menu a.btn-num{background:#f4f6f8;border-radius:2px;border:1px solid #dfdfdf;width:7rem;}
.pick-item .pick-menu a.btn-view{color:#fff;background:#a9a9a9;border:1px solid #a9a9a9;}
.pick-item .pick-menu a.btn-next{color:#fff;background:#ff004e;border:1px solid #ff004e;}

.pick-item .right-info{position:relative;width:5rem;text-align:right;padding:.5rem 0;}
.pick-item .right-info .tag-update{color:#fff;font-size:1.1rem;background:#379ff0;border-radius:3rem;padding:1px 8px;}
.pick-item .right-info .btn-pick{position:absolute;bottom:0;right:0;width:3rem;height:2rem;background:url(../images/icon/ico_pick.png) center center no-repeat;background-size:contain;font-size:0;}
.pick-item .right-info .btn-pick.on{background:url(../images/icon/ico_pick_on.png) center center no-repeat;background-size:contain;}
.pick-item .right-info .btn-del2{position:absolute;top:50%;right:0;transform:translateY(-50%);margin-right:-3px;width:4rem;height:4rem;background:url(../images/icon/ico_del.png) center center no-repeat;background-size:4rem;font-size:0;display:none;}
.pick-item .right-info .btn-del2.show{display:block;}

.pick-item.purchase .pick-menu a.btn-num{border:1px solid #434343;padding-right:2rem;background:url(../images/icon/ico_select_down.png) right 1rem center no-repeat;background-size:.8rem;}
.pick-item.purchase .pick-menu a.btn-num.on{background:url(../images/icon/ico_select_up.png) right 1rem center no-repeat;background-size:.8rem;}
.pick-item.purchase .my-collection{position:relative;margin-top:.7rem;display:none;}
.pick-item.purchase .my-collection:before{content:'';position:absolute;width:0;height:0;top:-1rem;left:10.5rem;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f4f6f8;}
.pick-item.purchase .my-collection table{width:100%;}
.pick-item.purchase .my-collection tr{border-bottom:1px solid #efefef;}
.pick-item.purchase .my-collection th{font-size:1.15rem;background:#f4f6f8;font-weight:500;height:4.45rem;padding:0 .5rem;text-align:center;border-bottom:1px solid #efefef;}
.pick-item.purchase .my-collection td{font-size:1.15rem;text-align:center;height:4.45rem;line-height:1.45rem;padding:0 1rem;}
.pick-item.purchase .my-collection.open{display:block;}
.pick-item.purchase .my-collection td.ing{color:#ff004e;}


.no-item{text-align:center;padding-top:14.7rem;padding-bottom:15rem;background:url(../images/icon/ico_no_item.png) center 10rem no-repeat;background-size:3.2rem 3.2rem;}
.no-item p:first-of-type{margin-bottom:1rem;font-size:1.5rem;color:#434343;font-weight:500;}
.no-item p:last-of-type{font-size:1.3rem;color:#7b7b7b;}

/* 비밀번호 입력 */
.password-area{background:rgba(0,0,0,0.7);padding:1.5rem;text-align:center;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;}
.password-popup-content{position:absolute;left:0;right:0;top:-50%;bottom:0;transform:translateY(50%);margin:auto;width:85vw;height:fit-content;border-radius:10px;z-index:200;background:#fff;}
.number-box {padding:4rem 0;}
.number-box .title{text-align:center;font-size:2rem;font-weight:700;}
.number-box .input-box{margin:3rem auto 2rem;width:85%;height:55px;background:#f4f4f4;border-radius:6px;}
.number-box .input-box input{background:transparent;font-size:40px;color:#ff527e;width:100%;height:50px;caret-color: transparent;text-align:center;padding:0 15px;}
.number-box .notice{text-align:center;font-size:1.3rem;}
.number-box a.btn-pw-ok{display:block;text-align:center;color:#fff;font-size:1.6rem;background:#4b4b4b;border-radius:5px;height:5rem;padding:1.3rem 0;width:85%;margin:0 auto 1rem;}
.password-area .btn-close{position:absolute;top:1.5rem;right:1.5rem;width:2.1rem;height:2.1rem;background:url(../images/icon/ico_pw_close.png) 0 0 no-repeat;background-size:contain;font-size:0;}

/* 본인인증 */
.certify .certify-cont{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100vh;background:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.btn-certify{text-align:center;color:#fff;background:#1e1f31;font-size:1.7rem;font-weight:700;width:60vw;padding:2rem 0;border-radius:40px;margin-bottom:2rem;}
.certify p{font-size:1.55rem;line-height:20px;}
.certify .btn-close{position:absolute;top:1.5rem;right:1.5rem;width:2.1rem;height:2.1rem;background:url(../images/icon/ico_pw_close.png) 0 0 no-repeat;background-size:contain;font-size:0;}



/* 에러 페이지 */
.error-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:1.5rem;}
.error-message{text-align:center;padding-top:20rem;padding-bottom:15rem;background:url(../images/icon/ico_no_item.png) center 10rem no-repeat;background-size:7rem;}
.error-message p:first-of-type{margin-bottom:1rem;font-size:2.5rem;color:#000;font-weight:700;}
.error-message p:last-of-type{font-size:1.1rem;color:#7b7b7b;margin-top:1.5rem;line-height:16px;word-break:keep-all;}
.error-message .btn-go-main{display:block;text-align:center;background:#f2f2f2;color:#000;font-weight:700;border-radius:5px;border:1px solid #ddd;margin:5rem auto;width:30rem;height:5rem;line-height:5rem;font-size:1.6rem;}

/* 프로모션 페이지 */
.promotion-page{background:#fff;}
.promotion-page .promotion-top{padding:4rem 2rem 0;}
.promotion-top h3{font-size:2.2rem;margin-bottom:5px;}
.promotion-top h3 + p{font-size:1.3rem;color:#303038;margin-bottom:1.5rem;}
.promotion-top h3 strong{color:#ff004e;}
.promotion-top .text-black{display:inline-block;color:#fff;text-align:center;border-radius:4px;font-size:1.4rem;background:#000;padding:.65rem 1.4rem;margin-right:.5rem;}
.promotion-page .button-group{margin-top:4rem;}
.promotion-page .button-group a{display:flex;justify-content:center;align-items:center;height:5rem;text-align:center;font-weight:700;border-radius:50px;width:90%;max-width:90vw;font-size:1.7rem;margin:1rem auto;}
.btn-red{color:#fff;background:#ff004e;border:1px solid #ff004e;}
.btn-white{color:#ff004e;border:1px solid #ff004e;}
.promotion-page .button-group a i{display:inline-block;width:15px;height:15px;background:url(../images/icon/ico_right_w.png) 0 0 no-repeat;background-size:contain;margin-left:8px}
.promotion-page .button-group .btn-white i{background-image:url(../images/icon/ico_right_red.png)}
.top1 .view-toon{position:absolute;z-index:10;color:#fff;bottom:2rem;right:1rem;border:1px solid #fff;border-radius:30px;font-size:1.5rem;padding:.3rem .2rem .3rem .9rem;}
.top1 .view-toon i{display:inline-block;width:12px;height:12px;background:url(../images/icon/ico_right_w.png) 0 0 no-repeat;background-size:contain;margin-left:5px}
.img-tag.sale{top:0;left:0;bottom:auto;background:#ff004e;border-top-right-radius: 0;border-bottom-right-radius: 5px;margin-top:0;}
.img-tag.sale strong.sale-num{font-size:1.5rem;letter-spacing:-0.5px;font-weight:500;}
.view-toon-thumb{font-size:1.4rem;color:#ff004e;display:flex;align-items:center;justify-content:flex-start;}
.view-toon-thumb i{display:inline-block;width:9px;height:9px;background:url(../images/icon/ico_right_red.png) 0 0 no-repeat;background-size:contain;margin-left:5px}

.tab-list.small-tab{position:absolute;right:1.5rem;top:1.2rem;}
.tab-list.small-tab a{display:inline-flex;justify-content:center;align-items:center;padding:0 1rem;height:2.2rem;font-size:1.25rem;font-weight:500;border-radius:4px;color:#7b7b7b;text-align:center;}
.tab-list.small-tab a.selected{color:#fff;background:#434343;}


@media only screen and (max-width: 360px) {
    html, body{font-size:9px;}


    /* 메인 컨텐츠 */
    .today-update .swiper-slide{width:calc(100% / 2.5)}

    /* 카테고리 메뉴 */
    .category-menu ul li:not(.except) a{padding:.35rem 1.35rem;}

}


@media only screen and (min-width: 640px)  {

    /* 메인 컨텐츠 */
    .today-update .swiper-slide{width:calc(100% / 4.5)}

    /* 컨텐츠 리스트 */
    .contents-list .thumbnail-box a{margin:1rem .7rem}
    .contents-list .thumbnail-box{width:calc(100% / 4)}

    /* 카테고리 메뉴 */
    .category-menu ul li:not(.except) a{font-size:1.4rem;}
    .category-menu .except a{font-size:1.3rem}
    .category-menu .except a.check i{width:3rem;height:3rem;}
}



@media only screen and (min-width: 720px) {
    
    /* 메인 컨텐츠 */
    .today-update .swiper-slide{width:calc(100% / 5.5)}    
    
    /* 컨텐츠 리스트 */
    .contents-list .thumbnail-box a{margin:1rem .8rem}
    .contents-list .thumbnail-box{width:calc(100% / 5)}

}


@media only screen and (min-width: 960px) {
    html, body{font-size:11px;}



    /* Thumbnail */
    .thumb-img{border-radius:8px;}

    /* 카테고리 메뉴 */
    .category-menu ul li:not(.except) a{font-size:1.6rem;padding:.75rem 1.5rem;min-width:5rem;}
    .category-menu .except a{font-size:1.4rem;}
}




/* 20210616 추가  */
.pop.agree{padding:4rem 4rem 3rem;}
.pop.agree .title{text-align:center;font-size:2.25rem;margin-bottom:2rem;}
.pop.agree .top-detail{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;}
.pop.agree .agree-content{background:#f4f4f4;border-radius:6px;padding:1.5rem 1.3rem 1.8rem;font-size:1.2rem;}
.pop.agree .agree-content li:not(:last-of-type){margin-bottom:1.2rem;}
.pop.agree .agree-content span{line-height:16px;color:#434343;}
.pop.agree .agree-content .tit{display:block;font-weight:bold;}
.pop.agree .text-notice{font-size:1.1rem;line-height:15px;margin-top:5px;}
.pop.agree .btn-agree{display:block;text-align:center;color:#fff;font-size:1.5rem;background:#434343;border-radius:4px;width:100%;height:4rem;line-height:3.8rem;margin-top:2.5rem;}
.pop.agree .text-red,
.pop.agree .cont.strong{color:#ff0041;}
.pop.agree .cont.more-strong{font-size:1.5rem;color:#ff0041;}