@charset "utf-8";
/*
Last Updated: 20191101
Author: Jeong Eunmi
*/

/* ===============================================================
  MAIN PAGE
=============================================================== */
.wrap{background:#f2f2f2;}
.main-contents {position:relative;}
.section {position:relative;margin-bottom:.75rem;padding:2.4rem 1.5rem; background-color:#fff;border-bottom:1px solid #ddd;}
.regend{position:relative;margin-bottom:.75rem;padding:2.4rem 1.5rem; background-color:#fff7f5;border-bottom:1px solid #ddd;}
.dimmed{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:250;display:none;}
.dimmed.on{display:block;}

/* floating banner */
.floating-banner{display:none;}
.floating{position:fixed;width:100%;bottom:-1px;left:0;z-index:200;background:transparent;}
.floating .one{display:flex;justify-content:space-between;}
.half{position:relative;width:50%;height:5.8rem;}
.half a{display:block;position:relative;width:100%;height:100%;padding:1.1rem 1.5rem}

.half.left{background:#434343;text-align:right}
.half.left span{position:relative;display:inline-block;color:#fff;font-size:1.25rem;vertical-align: middle;}
.half.left .tag{position:absolute;top:-17px;right:15px;width:56px;}
.half.left .tag img{width:100%}
.half.left .time-box{margin-bottom:.3rem;}
.half.left .time-box .timer{color:#fff;font-size:2rem;font-weight:500;padding-left:5px}
.half.left .time-box .timer:before{width:1px;height:12px;background:#fff;position:absolute;top:50%;margin-top:-6px;left:.75rem;}
.half.left p{color:#fff;font-size:1.25rem;font-weight:500;}
.half.left:before{content:'';position:absolute;left:-1.5rem;width:3.3rem;height:100%;background:url(../images/common/bg_floating.png) left center no-repeat;background-size:3.3rem 100%;z-index:10;}

.half.right{width:50%;background:#ff527e}
.half.right p{color:#fff;font-size:1.5rem;text-align:left;padding-left:6.5rem;font-weight:500;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:15px;}
.half.right a{padding:11px 0 11px 15px;z-index:10;}
.half.right .toon-name{font-size:1.25rem;}
.half.right img{position:absolute;left:1.5rem;top:1rem;width:5.6rem;height:3.75rem;border-radius:5px;}

/* 메인 상단 슬라이드 */
.main-slide-area.pc{display:none}
.main-slide-area.mobile{display:block}
.main-slide-area{position:relative;}
.main-slide-area .main-pagination{position:absolute;bottom:1.5rem;right:1.5rem;left:auto;width:auto;padding:.2rem .4rem;color:#fff;border:1px solid #fff;border-radius:2.5rem;font-size:1.25rem;letter-spacing:-0.5px;z-index:10;cursor:pointer;}
.main-slide-area .main-pagination:after{content:'+';margin-left:2px;padding:3px;cursor:pointer;font-size:15px;}
.main-slide-area .swiper-slide img{width:100%;}

/* Quick Link */
.main .section.quick-link{padding:2.5rem 1.5rem 2.3rem;}
.quick-link ul{display:table;width:100%;table-layout:fixed;}
.quick-link ul li{display:table-cell;}
.quick-link ul li a > i{display:inline-block;width:5rem;height:5rem;background-color:#434343;border-radius:50%;text-align:center;}
.quick-link ul li:nth-of-type(1) a > i{background:#434343 url(../images/common/ico_quick01.png) center center no-repeat;background-size:2.15rem;}
.quick-link ul li:nth-of-type(2) a > i{background:#ff527e url(../images/common/ico_quick03_new.png) 11px center no-repeat;background-size:2.8rem;}
.quick-link ul li:nth-of-type(3) a > i{background:#434343 url(../images/common/ico_quick02.png) center 1.5rem no-repeat;background-size:2.8rem;}
.quick-link ul li:nth-of-type(4) a > i{background:#434343 url(../images/common/ico_quick04.png) 14px center no-repeat;background-size:2.5rem;}
.quick-link ul li:nth-of-type(5) a > i{background:#434343 url(../images/common/ico_quick05.png) center center no-repeat;background-size:23px}
.quick-link ul li:nth-of-type(5) a > i.new{background:#434343 url(../images/common/ico_quick05_new.png) 13px 11px no-repeat;background-size:30px}
.quick-link .link-tit{display:block;margin-top:1.45rem;font-size:1.3rem;color:#434343;text-align:center;font-weight:500;letter-spacing:-0.5px;}

/* Section Common */
.section-tit{position:relative;font-size:1.8rem;color:#434343;text-align:left;margin-bottom:2rem;font-weight:400;letter-spacing:-1px;}
.section-tit > em{color:#ff527e;font-weight:500;}
.section-tit > em1{color:#434343;font-weight:200;font-size:1.5rem}
.section-tit .btn-more{position:absolute;top:.3rem;right:0;color:#7b7b7b;font-size:1.25rem;padding-right:1rem;}
.section-tit .btn-more:after{content:"";position:absolute;top:.1rem;right:0;width:.5rem;height:.9rem;background:url(../images/common/btn_more_right.png) center right no-repeat;background-size:contain;}

/* Banner 관련 */
.fixed-banner{margin-bottom:.75rem;border-bottom:1px solid #ddd;}
.fixed-banner img{max-width:100%;}
.banner-area{padding:0;background:transparent;border-bottom:0;}
.banner-area .swiper-pagination{top:1.2rem;}
.banner-area .swiper-slide img{width:100%;}

/* Thumbnail tag 관련 */
.img-tag{position:absolute;width:3.5rem;height:2.2rem;line-height:2.2rem;color:#fff;font-size:1.15rem;font-weight:500;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;}
.img-tag:nth-of-type(1){bottom:0;border-bottom-right-radius: 0;}
.img-tag:nth-of-type(2){bottom:2.2rem;}
.img-tag:nth-of-type(3){bottom:4.4rem;}
.img-tag:nth-of-type(4){bottom:6.6rem;}
.img-tag.pink{background:#ff527e;}
.img-tag.blue{background:#379ff0;}
.img-tag.green{background:#99c84e;}
.img-tag.sale{top:0;left:0;bottom:auto;background:#ff527e;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;}
.img-tag.update{top:0;right:0;left:auto;bottom:auto;background:#379ff0;width:2.5rem;border-bottom-left-radius: 4px;border-bottom-right-radius: 0;}
.img-tag.ranking{top:0;left:0;width:auto;padding:0 .8rem;background:#ff527e;border-top-right-radius: 0;border-bottom-right-radius: 7px;font-weight:600;}
.ranking .webtoon-list li:nth-of-type(1) .img-tag.ranking,
.ranking .webtoon-list li:nth-of-type(2) .img-tag.ranking,
.ranking .webtoon-list li:nth-of-type(3) .img-tag.ranking,
.ranking .webtoon-list li:nth-of-type(4) .img-tag.ranking,
.ranking .webtoon-list li:nth-of-type(5) .img-tag.ranking{background: #ff527e;}

/* thumbnail list 관련 */
.thumbnail-box{position:relative;border-radius:5px;overflow:hidden;}
.thumbnail-box .item-img{position:relative;border-radius:5px;overflow:hidden;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.thumbnail-box .item-img img{width:100%;}
.thumbnail-box .item-info{margin-top:1.35em;padding:0 .5rem .5rem .7rem;text-align:left;}
.thumbnail-box .item-info .title{display:block;padding-left:0;margin-bottom:.6rem;font-size:1.5rem;font-weight:500;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;letter-spacing: -1px;}
.thumbnail-box .item-info .title-big{display:block;padding-left:0;margin-bottom:.6rem;font-size:1.8rem;font-weight:500;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;letter-spacing: -1px;color:#fff;}
.thumbnail-box .item-info span{display:inline-block;height:15px;line-height:13px;font-size:12px;color:#7b7b7b;letter-spacing: -.5px;vertical-align:middle;font-family:'맑은 고딕','Noto Sans CJK KR', sans-serif;}
.thumbnail-box .item-info span > em{display:inline-block;font-size:12px;vertical-align:0;height:15px;font-family: '맑은 고딕','Noto Sans CJK KR', sans-serif;}
.thumbnail-box .item-info span > em > strong{color:#ff527e;font-weight:500;font-family:'Noto Sans CJK KR';vertical-align:0;}
.thumbnail-box .item-info span.hit-num{position:relative;padding-left:10px;padding-right:.6rem;letter-spacing:-.7px;width:auto;max-width:55px;}
.thumbnail-box .item-info span.hit-num:before{content:'';width:1rem;height:1rem;position:absolute;top:50%;left:0;margin-top:-6px;background: url(../images/common/ico_ranking_people2.png) 0 0 no-repeat;background-size: 8px;}
.thumbnail-box .item-info span.hit-num:after{content:'';position:absolute;top:50%;right:1px;width:1px;height:11px;margin-top:-6px;background:#9e9e9e;}
.thumbnail-box .item-info span.cartoonist-name,
.thumbnail-box .item-info span.author-name{max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap: break-word;word-break:break-word;}

/* thumbnail - 가로 리스트 */
.thumbnail-box.horizontal{display:flex;align-items:center;justify-content: flex-start;width:100%;border:0;}
.thumbnail-box.horizontal .item-img{width:13rem;border-radius: 5px;}
.thumbnail-box.horizontal .ranking-num{width:2rem;font-size:1.5rem;font-weight:500;}
.thumbnail-box.horizontal .item-info{width:calc(100% - 17rem);padding:0;margin-top:0;}
.thumbnail-box.horizontal .right-info{position:absolute;right:0;width:auto;min-width:60px;}

/* Main - 1코인관 */ 
.coin-view ul li{margin-bottom:1rem;}
.coin-view ul li:last-child{margin-bottom:0;}
.coin-view .thumbnail-box.horizontal .item-info{padding:0 .5rem 0 1.5rem;}
.coin-view .thumbnail-box.horizontal .right-info > span{position:relative;padding-right:1.2rem;font-size:1.25rem;font-weight:500;color:#585858;}
.coin-view .thumbnail-box.horizontal .right-info .from:after{content:'';position:absolute;top:50%;right:0;width:1.1rem;height:1.1rem;background:url(../images/common/bg_ico_stripe.png) 0 -29px no-repeat;background-size:11px 51px;transform:translateY(-50%);}
.coin-view .thumbnail-box.horizontal .right-info .to{display:inline-block;padding-left:1.18rem;color:#ff527e;}
.coin-view .thumbnail-box.horizontal .right-info .to:before{content:'';position:absolute;top:50%;left:3px;width:.5rem;height:.6rem;background:url(../images/common/bg_ico_stripe.png) 0 -12px no-repeat;background-size: 11px 51px;transform:translateY(-50%);}
.coin-view .thumbnail-box.horizontal .right-info .to:after{content:'';position:absolute;top:50%;right:0;width:1.1rem;height:1.1rem;background:url(../images/common/bg_ico_stripe.png) 0 -40px no-repeat;background-size:11px 51px;transform:translateY(-50%);}

/* 지금 핫한 실시간 작품 */
.realtime-hot .thumbnail-box .right-info{position:absolute;right:0;bottom:0;width:2.2rem;height:2.2rem;background:#434343;border-top-left-radius:4px;border-bottom-right-radius: 4px;}
.realtime-hot .thumbnail-box .right-info > span{display:block;color:#fff;font-size:1rem;width:100%;height:100%;line-height:3rem;}
.realtime-hot .thumbnail-box .right-info .new{color:#379ff0;font-weight:500;line-height:2.3rem;}
.realtime-hot .thumbnail-box .right-info .new:before{content:"N";font-size:1.1rem;}
.realtime-hot .thumbnail-box .right-info .up:before{content:'';position:absolute;top:2px;left:1.15rem;width: .7rem;height: .6rem;background: url(../images/common/bg_ico_stripe.png) 0 0 no-repeat;background-size: 11px 51px;transform:translateX(-50%);}
.realtime-hot .thumbnail-box .right-info .down:before{content:'';position:absolute;top:2px;left:1.15rem;width: .7rem;height: .6rem;background: url(../images/common/bg_ico_stripe.png) 0 -6px no-repeat;background-size: 11px 51px;;transform:translateX(-50%);}
.realtime-hot .thumbnail-box .right-info .keep:before{content:"-";font-size:2rem;line-height:2rem;}

/* Swiper */
.realtime-hot .section-tit .btn-more{font-size:0}
.swiper-pagination{right:2.8rem;top:2.7rem;}
.swiper-pagination-bullet{width:.5rem;height:.5rem;margin:0 .25rem;background:#7b7b7b;opacity:1;}
.swiper-pagination-bullet-active{background:#ff527e;}
.slide-nav{display:none;}
.swiper-pagination-banner{position:absolute;top:.8rem;right:1.5rem;z-index:10;}
.swiper-pagination-romance,
.swiper-pagination-bl{position:absolute;right:28px;top:27px;}

/* Swiper type01 */
.type01{margin-right:-1.5rem;}
.type01 .swiper-slide{width: calc(100% / 3.5);margin-right:10px;}

/* Swiper type02 */
.type02 .swiper-slide{width:calc(100% / 3);margin-right:10px;}
.type02 .swiper-slide:nth-child(odd){margin-bottom:1.2rem;}
.romance .swiper-pagination, .bl .swiper-pagination{display:none;}
.romance .type02 .swiper-slide:nth-child(odd),
.bl .type02 .swiper-slide:nth-child(odd){margin-bottom:0;}

/* Main - 애니툰 랭킹 */
.ranking-area,
.small-tab{position: relative;}
.ranking-area .tab-list,
.small-tab .tab-list{position:absolute;right:0;top:-4rem;}
.ranking-area .tab-list a,
.small-tab .tab-list a{display:inline-block;font-size:1.25rem;font-weight:500;color:#7b7b7b;padding:0 1rem;height:22px;line-height:20px;border-radius:4px;border:1px solid #bbb;margin-left:4px;}
.ranking-area .tab-list a.selected,
.small-tab .tab-list a.selected{color:#fff;background:#434343;border:1px solid #434343;}
.tab-conts > div{display:none;}
.tab-conts > div.selected-tab{display:block;}
.ranking-area .tab-conts > div ul li,
.small-tab .tab-conts > div ul li{margin-bottom:1.5rem;}
.ranking-area .selected-tab ul,
.small-tab .seleted-tab > div ul{height:36.5rem;overflow:hidden;}
.ranking-area .list-expand ul{height:100%;}
.ranking-area .btn-expand{position:relative;margin-top:1rem;font-size:1.25rem;color:#7b7b7b;padding-right:1.5rem;}
.ranking-area .btn-expand.use-pc{display:none;}
.ranking-area .btn-expand:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-40%);background:url(../images/common/btn_more_down.png) 0 center no-repeat;width:.9rem;height:1.5rem;background-size:contain;}
.list-expand + .btn-expand:after{background:url(../images/common/btn_more_right.png) 0 center no-repeat;width:.45rem;height:1.5rem;background-size:contain;margin-top: -.1rem;transform:translateY(-50%);}
.ranking-area .thumbnail-box .right-info{width:3rem;text-align:center;}
.ranking-area .right-info > span{padding-right:0;font-weight:500;font-size:1.15rem;}
.ranking-area .right-info .up:before{content:'';position:absolute;top: -9px;left: 50%;width: .7rem;height: .6rem;background: url(../images/common/bg_ico_stripe.png) 0 0 no-repeat;background-size: 11px 51px;transform:translateX(-50%);}
.ranking-area .right-info .down:before{content:'';position:absolute;top: -9px;left: 50%;width: .7rem;height: .6rem;background: url(../images/common/bg_ico_stripe.png) 0 -6px no-repeat;background-size: 11px 51px;;transform:translateX(-50%);}
.ranking-area .right-info .stable:before,
.ranking-area .right-info .keep:before{content:"-";font-size:2rem;}
.ranking-area .right-info .new{color:#379ff0;font-size:1.15rem;font-weight:500;}
.ranking-area .right-info .new:after{content:'NEW'}
.ranking .img-tag.ranking{/*display:none*/}



/* 더 보기 관련 */
/* .drama .btn-more,
.fantasy .btn-more{display:none;} */
.romance .btn-more,
.bl .btn-more{font-size:0;}

/* 무료관 */
.event-free .img-tag.ranking{background:#f04481}

/* 서브 상단 메뉴 */
.sub-title-area ul{position:absolute;right:15px;top:0;display:flex;height:100%;justify-content:center;}
.sub-title-area ul li{font-size:0;margin-top:11px;min-height:auto;border-bottom:0;}
.sub-title-area ul li.quick-home{width:25px;height:32px;background:url(../images/common/ico_m_home.png) 0 0 no-repeat;background-size:24px 30px;margin-right:15px;}
.sub-title-area ul li.quick-home a{width:100%;height:100%;}
.sub-title-area ul li a{background:none;}


/* 매매무 */
.daily-free{}
.daily-free.top-area > div{display:none;margin-bottom:-.8rem;}
.daily-free.top-area .today-free{display:block;}
.daily-free.top-area > div .thumbnail-box .item-info{position:relative;text-align:center;}
.daily-free.top-area > div .free-24{margin:-2.8rem 0 1.2rem;text-align:center;}
.daily-free.top-area > div .free-24 p{display:inline-block;margin:0 auto;background:#434343;color:#fff;font-size:1.5rem;padding:.4rem 3rem;border-radius:20px;font-weight:500;}
.daily-free.top-area > div .free-24 p i{display:inline-block;width:20px;height:20px;background:url(../images/common/ico_clock_w.png) left center no-repeat;background-size:contain;margin-right:3px;vertical-align:middle;}
.daily-free.top-area > div .free-num{color:#ff527e;font-size:1.6rem;font-weight:700;margin-bottom:.5rem;}

.daily-free .webtoon-list{padding:0;}
.daily-free .webtoon-list li,
.daily-free .webtoon-list li:nth-of-type(3n){width:calc((100% / 2) - 1rem);margin:.5rem;}
.daily-free .img-tag.ranking{border-bottom-right-radius:0;background:#ff527e;}
/* .daily-free .webtoon-list .thumbnail-box .item-info span.hit-num{padding-left:0;color: #ff527e;font-weight:600;font-size:13px;max-width:65px;} */
.daily-free .thumbnail-box .item-info span.hit-num:before{display:none;}
.daily-free .thumbnail-box .item-info span.hit-num{font-size:0;padding-left:0;}
.daily-free .thumbnail-box .item-info span.hit-num:after{height:11px;margin-top:-7px;}
.daily-free .thumbnail-box .item-info span.free-num{padding-left:0;color: #ff527e;font-weight:600;font-size:13px;max-width:65px;}
.daily-free .thumbnail-box .item-info span.free-num.pc{display:none;}

.daily-free.top-area .thumbnail-box .item-info span.hit-num:before,
.sale .daily-free .thumbnail-box .item-info span.hit-num:before,
.landing .daily-free .thumbnail-box .item-info span.hit-num:before{display:block;}
.landing .daily-free .thumbnail-box .item-info span.hit-num,
.daily-free.top-area .thumbnail-box .item-info span.hit-num,
.sale .daily-free .thumbnail-box .item-info span.hit-num{font-size:12px;padding-left:10px;}
.sale .daily-free .thumbnail-box .item-info span.free-num.mobile,
.landing .daily-free .thumbnail-box .item-info span.free-num.mobile{display:block;}


/* 매매무 팝업 */
.popup.daily-pop{background:transparent;overflow:auto;padding-top:25px;margin-top:-25px;}
.popup.daily-pop .pop-close.white01{top:0;width:22px;height:22px;right:7px;}
.popup.daily-pop .pop-area{text-align:center;background:#fff;font-size:1.45rem;}
.popup.daily-pop .img-area{width:100%;height:auto;}
.popup.daily-pop .text-area{padding:25px 20px 15px}
.popup.daily-pop .text-area p{letter-spacing:-.08rem;margin-bottom:5px;font-size:1.35rem;}
.popup.daily-pop p.txt-bold{color:#000;font-size:1.8rem;font-weight:500;margin-bottom:6px;}
.popup.daily-pop p.txt-bold span{color:#fff;padding:3px 6px 3px 20px;background:#ff527e url(../images/common/ico_clock_w.png) left 3px center no-repeat;background-size:contain;font-size:11px;border-radius:15px;vertical-align:middle;font-weight:400;}
.popup.daily-pop p.title{color:#ff527e;font-size:1.9rem;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:15px;}
.popup.daily-pop .button-area a{border-radius:0;}

/* 네이버페이 포인트 교환 */
.naverpay{text-align:center;background:#fff;}
.naverpay ul li:nth-of-type(2){padding:0 0 5rem;}
.naverpay ul li:nth-of-type(2) p{font-size:3rem;font-weight:600;color:#000;}
.naverpay .select-coin{display:flex;flex-wrap:wrap;padding:0 6% 6%;}
.naverpay .select-coin .form-item{width:25%;margin-bottom:2rem;}
.naverpay .select-coin .form-item input{-webkit-tap-highlight-color:transparent;}
.naverpay .select-coin input[type="radio"] + label{font-size:4vw;letter-spacing:-0.6px;}
.naverpay .select-coin input[type="radio"] + label::before{width:4.6vw;height:4.6vw;background:url(../images/etc/ico_radio_naverpay.png) left center no-repeat;background-size:4.5vw 4.5vw;margin-right:.5rem;vertical-align:-0.4rem}
.naverpay .select-coin input[type="radio"]:checked + label::before{background:url(../images/etc/ico_radio_naverpay_on.png);background-size:4.5vw 4.5vw;}
.naverpay .btn-naverpay{display:block;margin:0 auto;width:50%;}


/* 한가위 */
.chusuk{text-align:center;background:#fff;}
.chusuk ul li{position:relative;}
.chusuk > ul > li:nth-of-type(2){padding:0;}
.chusuk > ul > li:nth-of-type(3) > a{position:absolute;width:48%;margin:0 auto;left:0;right:0;bottom:7%}
.chusuk > ul > li:nth-of-type(4){background:url(../images/etc/chusuk03-bg.jpg) 0 0 repeat-y;}
.chusuk > ul > li:nth-of-type(5){background:#333;}
.chusuk ul .chusuk-content{display:flex;flex-wrap:wrap;padding:20px 5% 20px}
.chusuk ul .chusuk-content li{width:calc(100% / 3 - 2%);margin:0 1%;padding:0 0 20px;}

/* 5주년 이벤트 */
.anniversary{text-align:center;background:#fff;}
.anniversary ul li{position:relative;}
.anniversary > ul > li:nth-of-type(2){padding:0;}
.anniversary > ul > li:nth-of-type(3) > a{position:absolute;width:48%;margin:0 auto;left:0;right:0;bottom:7%}
.anniversary > ul > li:nth-of-type(4){background:#16c2b2}
.anniversary > ul > li:nth-of-type(5){background:#fff;}
.anniversary ul .anniversary-content{display:flex;flex-wrap:wrap;padding:20px 5% 20px}
.anniversary ul .anniversary-content li{width:calc(100% / 3 - 2%);margin:0 1%;padding:0 0 20px;}
.anniversary > ul > li:nth-of-type(3) > a.today-check{width:21%;right:20%;left:auto;bottom:34%}

/* 비즈챗 */
.bizchat{max-width:720px;margin:0 auto;position:relative;}
.bizchat .btn-coupon{position:absolute;bottom:34.4%;right:5.8%;width:26.8%;height:10.2%;}
.bizchat .btn-coupon img{display:none;}

/* 컬쳐랜드 */
.culture{max-width:720px;margin:0 auto;position:relative;}
.culture .form{display:flex;width:91%;height:3%;position:absolute;bottom:25.85%;left:0;right:0;margin:auto;}
.culture .form input{width:100%;margin:0 1%;padding:8px 10px;font-size:15px;font-weight:600;text-align:center;border:0;background:transparent;}
.culture .btn-coupon{position:absolute;width:90%;margin:0 auto;left:0;right:0;bottom:20.6%;height:3.6%;font-size:0;}

/* 12월 랜딩 */
.anniversary.december > ul > li:nth-of-type(3) > a{width:33.5%;bottom:46.6%;}
/* .anniversary.december > ul > li:nth-of-type(2){background:#de3434} */

/* 검색 - select */
.select-area{position:absolute;right:1.5rem;top:1rem;}
.select-area .select-box{display:inline-block;width:80px;margin-left:0.5rem;}
.select-area .select-box select{width:80px;height:2.8rem;color:#7b7b7b;padding:5px;padding-right:1rem;background:transparent url(../images/common/ico_ranking_down.png) right 3px center no-repeat;background-size:.6rem .5rem;border-radius:4px;border:1px solid #bbb;font-size:1.3rem;}
.select-area .select-box select option{width:100%;}




/* ----------------------------------------
  media query - Tablet, PC 
------------------------------------------ */
@media screen and (min-width:940px){

  /* Common Style */
  .floating{display:none;}
  .wrap{background:#fff;}
  .section{width:1200px;margin:0 auto;padding:45px 0 50px;}
  .regend{width:1200px;margin:0 auto;padding:55px 0 50px;background-color:#fff;}
  .realtime-hot, .one-coin, .fantasy{border-bottom:0;}
  .section-tit{font-size:30px;margin-bottom:31px;}
  .section-tit .btn-more{top:6px;font-size:18px;padding-right:16px;letter-spacing: -1px;font-weight:400;}
  .section-tit .btn-more:after{width:7px;height:12px;top:50%;transform:translateY(-50%);margin-top:-1px;}
  .romance .btn-more, .bl .btn-more{font-size:0;height:18px;}
  /* Quick Link */
  .quick-link{border-bottom:none;background:transparent;}
  .quick-link ul{position:relative;width: 665px;margin:-65px auto -22px;z-index:100;}
  .quick-link ul li a{width:90px;margin:0 auto;}
  .quick-link ul li a > i{width:81px;height:81px;}
  .quick-link ul li:nth-of-type(1) a > i{background-size:33px 36px;}
  .quick-link ul li:nth-of-type(2) a > i{background-size: 40px 34px;background-position:center center;}
  .quick-link ul li:nth-of-type(3) a > i{background-size:38px;background-position: 22px center;}
  .quick-link ul li:nth-of-type(4) a > i{background-size:36px 35px;background-position:center center;}
  .quick-link ul li:nth-of-type(5) a > i{background-size:33px 35px;background-position:center center;background-size:31px}
  .quick-link ul li:nth-of-type(5) a > i.new{background:#434343 url(../images/common/ico_quick05_new.png) 24px 21px no-repeat;}
  .quick-link .link-tit{margin-top:15px;font-size:21px;}

  /* Main Slide */
  .main-slide-area.pc{display:block}
  .main-slide-area.mobile{display:none}
  .main-slide-area .swiper-wrapper{transition-timing-function: linear;}
  .main-slide-area,
  .main-slide-area .swiper-slide{height:535px;padding-bottom:0;}
  .main-slide-area .swiper-slide img{width:auto;}  
  .main-slide-area .slide-nav{display:none;max-width:1600px;margin:0 auto;left:0;right:0;z-index:100}
  .main-slide-area .slide-nav > div{position:absolute;width:28px;height:54px;outline:0;cursor:pointer}
  .main-slide-area .slide-nav .swiper-button-prev{background:url(../images/common/btn_slide_main_prev.png) 0 0 no-repeat;left:0;}
  .main-slide-area .slide-nav .swiper-button-next{background:url(../images/common/btn_slide_main_next.png) 0 0 no-repeat;right:0;}
  .main-slide-area .main-pagination-box{position:absolute;width:1200px;margin:0 auto;left:0;right:0;bottom:20px;height:30px;z-index:20;color:#fff;font-size:20px;}
  .main-slide-area .main-pagination{font-size:18px;padding:5px 10px;font-size:20px;}
  .pc-main-pagination{position:absolute;width:85px;right:0;left:auto;bottom:30px;padding:5px;border-radius:25px;border:1px solid #fff;cursor:pointer;letter-spacing:-1px;}
  .pc-main-pagination:after{content:'';position:absolute;right:12px;top:2px;font-size:25px;}
  .main-slide-area .slide-nav .pc-swiper-button-prev{background:url(../images/common/btn_slide_main_prev.png) 0 0 no-repeat;left:0;}
  .main-slide-area .slide-nav .pc-swiper-button-next{background:url(../images/common/btn_slide_main_next.png) 0 0 no-repeat;right:0;}

  /* Swiper */
  .swiper-pagination{top:54px;}
  .swiper-pagination-clickable .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px;}
  .slide-nav{position:absolute;top:50%;left:-75px;display:block;width:1350px;height:44px;}
  .slide-nav .swiper-button-prev{background:url(../images/common/btn_slide_prev.png) 0 0 no-repeat;}
  .slide-nav .swiper-button-next{background:url(../images/common/btn_slide_next.png) 0 0 no-repeat;}
  .romance .swiper-pagination, .bl .swiper-pagination{display:block;right:0;}
  .swiper-pagination-romance,
  .swiper-pagination-bl{position:absolute;right:28px;top:64px;}

  /* 가로 스크롤 슬라이드 */
  .type01{width:1200px;margin:0 auto;}
  .type01 .swiper-slide{width:285px;/*height:460px;*/justify-content:flex-start}

  /* Thumbnail 태그 관련 */
  .img-tag{width:70px;height:40px;font-size:20px;line-height:40px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;letter-spacing:-1px;z-index:10;}
  .img-tag:nth-of-type(2){bottom:40px;border-bottom:1px solid rgba(255, 255, 255, 0.3)}
  .img-tag.sale strong.sale-num{margin-right:2px;font-size:30px;border-bottom-right-radius: 6px;font-weight:400;letter-spacing:-1px;}
  .img-tag.update{width:42px;border-bottom-left-radius: 12px;letter-spacing:0.2px;height:32px;line-height:32px;font-size:17px;}
  .img-tag.ranking{width:auto;max-width:60px;min-width:48px;}

  /* 더 보기 관련 */
  .drama .btn-more,
  .fantasy .btn-more{display:block;}

  /* 배너 관련 */
  .banner-area{padding:0;margin-top:5px;}
  .banner-area .slide-nav{margin-top:-20px;}
  .fixed-banner{height:200px;text-align:center;overflow:hidden;border:none;margin-bottom:0;}
  .fixed-banner:last-child{display:none;}
  .fixed-banner img{width:auto;height:200px;}

  /* 배너 슬라이드 */
  .banner-slide .swiper-slide{width:720px;border-radius:6px;}
  .banner-slide .swiper-slide a{display:block;width:100%;height:100%;border-radius:5px;overflow:hidden;}
  .banner-slide .swiper-slide img{width:100%;height:100%;}
  .banner-area .swiper-pagination{display:none;}

  /* Thumbnail 관련 */
  .thumbnail-box{border:1px solid #ddd;border-radius:15px;}
  .thumbnail-box:hover .item-img img{transform:scale(1.08) rotate(.001deg);}
  .thumbnail-box .item-img {width:285px;height:384px;border-radius:6px;transform:rotate(0deg);border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-shadow:none;}
  .thumbnail-box .item-img img{height:100%;transition:all 1s;}  
  .thumbnail-box .item-info{margin-top:15px;padding:0 10px 10px 10px;}
  .thumbnail-box .item-info .title{margin-bottom:8px;font-size:20px;font-weight:500;transform:rotate(-.001deg);}
  .thumbnail-box .item-info span{height:20px;line-height:18px;font-size:15px;letter-spacing: -1px;}
  .thumbnail-box .item-info span.hit-num{padding-left:13px;padding-right:10px;font-size:15px;width:auto;max-width:78px;}
  .thumbnail-box .item-info span.hit-num:before{top:3px;margin-top:0;background-size:11px;width:12px;height:12px;}
  .thumbnail-box .item-info span.hit-num:after{height:13px;transform:none;margin-top:-7px;right:3px;}
  .thumbnail-box .item-info span.cartoonist-name,
  .thumbnail-box .item-info span.author-name{width:calc(100% - 80px);}
  .thumbnail-box .item-info span > em{font-size:15px;vertical-align:0;height:20px;margin-right:-2px;}
  .thumbnail-box .item-info span > em > strong{font-size:16px;height:20px;vertical-align:0;}
  /* 한정 세일 */
  .limited-list .swiper-slide{margin-right:20px;width:224px;height:380px;}
  .limited-list .thumbnail-box .item-img{width:224px;height:304px;}

  /* 애니툰 랭킹 */
  .ranking-area{height:340px;}
  .ranking-area .tab-list{right:30px;top:-60px;}
  .recommend-list.small-tab .tab-list a,
  .ranking-area .tab-list a{width:80px;height:30px;line-height:28px;border-radius:30px;font-size:16px;border:1px solid #ddd;margin-left:10px;}
  .recommend-list.small-tab .tab-list a.selected,
  .ranking-area .tab-list a.selected{border:1px solid #585858;}
  .ranking-area .btn-expand.use-pc{display:block;position:absolute;top:-60px;right:0;height:30px;font-size: 16px;padding-right: 16px;color:#7b7b7b;margin-top:0;font-weight:500;font-size:0;}
  .ranking-area .btn-expand:after{content:"";position:absolute;top:0;right:0;width:7px;height:30px;background:url(../images/common/btn_more_right.png) center right no-repeat;background-size:contain;transform:translateY(0);}
  .ranking-area .tab-conts > div ul{height:340px;}
  .ranking-area .tab-conts > div ul li:not(first-child){position:absolute;float:left;width:33%;height:98px;margin-bottom:3px;margin-right:7px;}
  .ranking-area .tab-conts > div ul li:nth-of-type(2){left: 407px;top:0}
  .ranking-area .tab-conts > div ul li:nth-of-type(3){left: 407px;bottom: 121px;}
  .ranking-area .tab-conts > div ul li:nth-of-type(4){left: 407px;bottom:2px;}
  .ranking-area .tab-conts > div ul li:nth-of-type(5){left: 810px;top:0;}
  .ranking-area .tab-conts > div ul li:nth-of-type(6){left: 810px;bottom: 121px;}
  .ranking-area .tab-conts > div ul li:nth-of-type(7){left: 810px;bottom:2px;}
  .ranking-area .tab-conts > div ul li:nth-of-type(8),
  .ranking-area .tab-conts > div ul li:nth-of-type(9),
  .ranking-area .tab-conts > div ul li:nth-of-type(10){display:none;}
  .ranking-area .tab-conts > div ul li:first-child{height:337px;width:386px;margin-right:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
  .ranking-area .tab-conts > div ul li:first-child .thumbnail-box{display:flex;flex-direction: column;align-items:flex-start;width:386px;height:337px;justify-content: space-between;}
  .ranking-area .tab-conts > div ul li:first-child .thumbnail-box .item-img,
  .ranking-area .tab-conts > div ul li:first-child .thumbnail-box .item-img img{width:385px;height:256px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
  .ranking-area .tab-conts > div ul li:first-child .item-info{margin-top: 0;padding:14px 20px;margin-left: 0;width:384px;}
  .ranking-area .tab-conts > div ul li:first-child .item-info .title{margin-bottom:9px;}
  .ranking-area .thumbnail-box{justify-content:space-between;border-radius:6px;}
  .ranking-area .thumbnail-box .item-img{width:147px;max-width:none;height:98px;border-radius:6px;}
  .ranking-area .thumbnail-box .item-info{width:230px;padding-right:15px;}
  .ranking-area .thumbnail-box .ranking-num{position:absolute;left:0;top:0;width:40px;height:40px;background:#ff527e;color:#fff;font-family:'Nanum Square';font-weight:400;font-size:28px;border-top-left-radius:6px;border-bottom-right-radius: 6px;line-height:42px;}
  .ranking .tab-nav .swiper-slide{width:calc(100% / 6)}

  /* 핫한 실시간 작품 */
  .realtime-hot{height:870px;overflow:hidden;border-bottom:1px solid #ddd;}
  .realtime-hot .section-tit .btn-more{font-size:0;height:18px;}
  .realtime-hot .swiper-pagination-hot{right:15px;}
  .realtime-hot .swiper-container{padding-left:4px;}
  .realtime-hot .swiper-wrapper{flex-wrap:wrap;margin-left:1px;}
  .realtime-hot .swiper-slide{width:386px !important;height:340px;margin-bottom:20px;border: 1px solid #ddd;border-radius: 15px;overflow:hidden;margin-top:0 !important;margin-left:-1px;}
  .realtime-hot .swiper-slide:nth-child(odd){margin-bottom:20px;}
  .realtime-hot .thumbnail-box{border:0;}
  .realtime-hot .thumbnail-box .item-img{width:100%;height:256px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  .realtime-hot .thumbnail-box .item-img img{width:100%;height:100%;}
  .realtime-hot .thumbnail-box .item-info{margin-top:18px;padding:0 20px 20px;}
  .realtime-hot .thumbnail-box .item-info .title{margin-bottom:7px;}  
  .realtime-hot .thumbnail-box .right-info{width:40px;height:40px;border-bottom-right-radius: 0;border-top-left-radius: 6px;}
  .realtime-hot .thumbnail-box .right-info > span{line-height:50px;font-size:18px;}
  .realtime-hot .thumbnail-box .right-info .keep:before{display:block;height:40px;line-height:40px;}
  .realtime-hot .thumbnail-box .right-info .new:before{font-size:21px;line-height:40px;}
  .realtime-hot .thumbnail-box .right-info .up:before{content:'';position:absolute;top: 5px;left: 50%;width: 11px;height: 7px;background: url(../images/common/bg_ico_stripe.png) 0 0 no-repeat;background-size: 18px 60px;transform:translateX(-50%);}
  .realtime-hot .thumbnail-box .right-info .down:before{content:'';position:absolute;top: 5px;left: 20px;width: 11px;height: 7px;background: url(../images/common/bg_ico_stripe.png) 0 -7px no-repeat;background-size: 18px 60px;transform:translateX(-50%);}

  /* 1코인관 */
  .coin-view ul{display:flex;}
  .coin-view ul li{width:223px;margin-right:20px;}
  .coin-view ul li:last-of-type{margin-right:0;}
  .coin-view .thumbnail-box.horizontal{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:12px;overflow:visible;}
  .coin-view .thumbnail-box.horizontal:before,
  .coin-view .thumbnail-box.horizontal:after{content:'';border-style:solid;position:absolute;z-index:5;border-color:#ff527e;border-radius:12px;;box-sizing:content-box;}
  .coin-view .thumbnail-box.horizontal:before{width:0;height:100%;border-width:1px 0 1px 0;top:-1px;left:0;transition:all 0.3s;}
  .coin-view .thumbnail-box.horizontal:after{width:100%;height:0;border-width:0 1px 0 1px;top:0;left:-1px;transition: all 0.3s;}
  .coin-view .thumbnail-box.horizontal:hover:before{width:100%;}
  .coin-view .thumbnail-box.horizontal:hover:after{height:100%;}
  .coin-view .thumbnail-box.horizontal:hover .item-img img{transform:none;}
  .coin-view .thumbnail-box.horizontal .item-img{width:100%;max-width:100%;height:147px;border-radius:12px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
  .coin-view .thumbnail-box.horizontal .item-img img{width:100%;height:100%;}
  .coin-view .thumbnail-box.horizontal .item-info{display:block;width: calc(100% - 40px);margin:0 20px;padding:15px 0 10px;border-bottom:1px solid #ddd;}
  .coin-view .thumbnail-box.horizontal .item-info .title{margin-bottom:6px;font-size:20px;letter-spacing:-1px;line-height:22px;border:0;display:block;}
  .coin-view .thumbnail-box.horizontal .right-info{position:relative;left:auto;bottom:auto;display:block;width:calc(100% - 40px);margin:2px 20px;text-align:left;background:transparent;line-height:26px;}
  .coin-view .thumbnail-box.horizontal .right-info span{font-size:15px;font-family:'Noto Sans CJK KR';}  
  .coin-view .thumbnail-box.horizontal .right-info .from:after{top:50%;right:-3px;width:13px;height:13px;margin-top:-6px;background:url(../images/common/ico_coin_grey.png) center center no-repeat;background-size:12px 12px;transform:none;}
  .coin-view .thumbnail-box.horizontal .right-info .to{padding-left:15px;color:#ff527e}
  .coin-view .thumbnail-box.horizontal .right-info .to:before{content:'';position:absolute;left:5px;width: 6px;height: 7px;background: url(../images/common/bg_ico_stripe.png) 0 -14px no-repeat;background-size: 13px auto;}
  .coin-view .thumbnail-box.horizontal .right-info .to:after{top:50%;right:-3px;width:13px;height:13px;margin-top:-6px;background:url(../images/common/ico_coin_pink.png) center center no-repeat;background-size:12px 12px;transform:none;}
}

/* ===============================================================
  SUB PAGE
=============================================================== */
.sub-contents,
.sub-title-area{position:relative;}
.sub-title-area h3{height:50px;line-height:50px;font-size:17px;background:#fff;border-bottom:1px solid #ddd;}
.sub-title-area h3 i.ico-adult{display:none;}
.sub-title-area h3 a{display:block;width:calc(100% - 12rem);height:100%;padding:0 1.5rem 0 3.4rem;font-size:17px;background:url(../images/common/btn_prev.png) left 1.5rem center no-repeat;background-size:6px;font-weight:400;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 검색 */
.search{background:#fff;overflow:hidden;}
.search-input{display:flex;justify-content:space-between;align-items:center;background:#434343;padding:1rem 1.5rem;}
.search-input .btn-back{width:1.5rem;height:2.9rem;background:url(../images/common/btn_prev_w.png) 0 center no-repeat;background-size:.45rem .9rem;font-size:0;}
.search-input input{width:calc(100% - 4rem);height:2.9rem;padding:0 1rem;border:0;}
.search-input .btn-search{display:inline-block;height:2.9rem;line-height:2.9rem;padding:0 .5rem;color:#fff;font-weight:500;font-size:1.25rem;}
.keyword-area{position:relative;background:#f2f2f2;padding-bottom:1rem}
.keyword-area .title{text-align:left;height:4.5rem;padding:0 1.5rem;line-height:4.5rem;font-size:1.5rem;font-weight:500;background:#fff;}
.keyword-area .btn-more-keyword{position:absolute;left:0;bottom:5px;width:100%;background:#f2f2f2 url(../images/common/btn_more_down.png) center center no-repeat;background-size:.9rem auto;padding:1rem;}
.keyword-area .btn-more-keyword span{background:#f2f2f2 url(../images/common/btn_more_down.png) right center no-repeat;background-size:.9rem auto;padding:1rem 1.5rem 1rem 1rem;}
.keyword-area ul{overflow:hidden;height:7rem;padding:1.5rem 1.5rem 0;background:#f2f2f2;}
.keyword-area ul.more{height:100%;margin-bottom:2.5rem;}
.keyword-area ul li{float:left;width:calc(100% / 4);padding-right:1rem;margin-bottom:1rem;}
.keyword-area ul li:nth-of-type(4n){padding-right:0;}
.keyword-area ul li a{height:2.5rem;line-height:2.5rem;font-size:1.25rem;border:1px solid #434343;border-radius:4px;text-align:center;cursor:pointer;}
.keyword-area ul li.active a,
.keyword-area ul li a:hover{border:1px solid #ff527e;color:#ff527e;}
.recommend-list{position:relative;padding:1.5rem;}
.keyword-area ul li.active a{font-weight:500;}
.keyword-area .btn-more-keyword .open{background-image:url(../images/common/btn_more_up.png)}
.keyword-area ul.nomore{height:auto;}
.recommend-list.small-tab .tab-list{top:15px;right:15px;}

/* 설정 */
h4.section-title{display:none;}
.title-gray{position:relative;background:#f2f2f2;font-weight:500;padding:0 1.5rem;font-size:1.5rem;height:4.5rem;line-height:4.5rem;border-bottom:1px solid #ddd;}
.sub .setting{background:#fff;min-height:calc(100vh - 417px);text-align:left;padding-bottom:10rem;}
.setting-section li{position:relative;padding:0;border-bottom:1px solid #ddd;font-size:1.5rem;}
.setting-section li.set-push{padding:1.5rem;}
.setting-section li a{position:relative;padding:1.8rem;}
.setting-section li a:after{content:"";position:absolute;top:50%;right:1.5rem;width:.9rem;height:5px;margin-top:0;background:url(../images/common/btn_more_down.png) 0 0 no-repeat;background-size:9px}
.setting-section li.open a:after{background:url(../images/common/btn_more_up.png) 0 0 no-repeat;background-size:9px}
.setting-section li span{display:block;margin-top:.6rem;font-size:1.15rem;color:#7b7b7b;}
.setting-section .input-list li{display:flex;align-items:center;padding:.8rem 5px;}
.setting-section .input-list li:after{display:none;}
.setting-section .input-list label{width:11.2rem;font-size:14px;text-align:left;}
.setting-section .input-list input{height:4rem;width:calc(100% - 11.2rem);padding:0 1rem;border-radius:3px;}
.setting-section .input-list input[type="tel"]{text-align:center;}
.setting-section .input-list input.ch-num{width:calc(100% - 18.2rem);}
.setting-section .input-list .btn-sms{position:absolute;right:5px;width:7.1rem;height:4rem;line-height:4rem;background:#434343;color:#fff;font-weight:500;text-align:center;font-size:12px;padding:0;}
.setting-section .input-list .btn-sms:after{display:none;}
.mobile-change .title-gray{font-weight:400;}
.mobile-change .title-gray .mobile-num{float:right;}
.setting-section .my-email:after,
.setting-section .set-push:after{display:none;}
.toggle-onoff{position:absolute;right:1.5rem;top:calc(50% - 15px);width:60px;height:30px;margin:2px 0;font-size:1.1rem;font-weight:500;background:#fff;cursor:pointer;border:1px solid #434343;border-radius:25px;vertical-align:middle;}
.toggle-onoff:before{content:"OFF";position:absolute;top:-1px;left:-1px;width:30px;height:30px;background:#434343;text-align:center;line-height:30px;border-radius:50%;color:#fff;}
.toggle-onoff:after{content:"ON";position:absolute;right:5px;height:100%;line-height:29px;margin-right:.5rem;font-weight:500;color:#434343;text-align:right;}
.toggle-onoff.active{border:1px solid #ff527e;}
.toggle-onoff.active:before{content:"ON";background: #ff527e;left:auto;right:0;}
.toggle-onoff.active:after{content:"OFF";color: #ff527e;right:auto;left:6px;}

.toggle-onoff-new{position:absolute;right:1.5rem;top:calc(50% - 15px);width:60px;height:30px;margin:2px 0;font-size:1.1rem;font-weight:500;background:#fff;cursor:pointer;border:1px solid #434343;border-radius:25px;vertical-align:middle;}
.toggle-onoff-new:before{content:"OFF";position:absolute;top:-1px;left:-1px;width:30px;height:30px;background:#434343;text-align:center;line-height:30px;border-radius:50%;color:#fff;}
.toggle-onoff-new:after{content:"ON";position:absolute;right:5px;height:100%;line-height:29px;margin-right:.5rem;font-weight:500;color:#434343;text-align:right;}
.toggle-onoff-new.active{border:1px solid #ff527e;}
.toggle-onoff-new.active:before{content:"ON";background: #ff527e;left:auto;right:0;}
.toggle-onoff-new.active:after{content:"OFF";color: #ff527e;right:auto;left:6px;}

.setting-section li .change-box{display:none;position:relative;padding:5px 0 10px;border-top:1px solid #ddd;background:#f9f9f9;text-align:right;}
.setting-section li.open .change-box{display:block;}
.setting-section .change-box span.mobile-num{position:absolute;right:15px;top:-5px;font-size:17px;}
.setting-section .change-box .input-list{background:#fff;padding:10px 5px;border:1px solid #eee;border-left:0;border-right:0;}
.setting-section .change-box .input-list li{background:#fff;padding:5px 5px 10px 10px;border-bottom:0;}
.setting-section .change-box .title-gray{background:#e9edf3;border-bottom:0;padding:0 20px;text-align:left;}
.setting-section .change-box .btn-pink{text-align:center;font-weight:500;border-radius:5px;margin:20px 30px 5px;color:#ff527e;height:40px;line-height:40px;padding:0;background:#fff;border:1px solid #ff527e;font-size:13px;width:calc(100% - 11.2rem);display:inlnie-block;}
.setting-section .account .btn-quit:after,
.setting-section .change-box .btn-pink:after{display:none;}
.setting-section .account .account-info{display:none;}
.setting-section .account.open .account-info{display:block;padding: 5px;background:#f9f9f9;border-top: 1px solid #ddd;}
.setting-section .account.open .account-info .account-detail{position:relative;background: #e9edf3;padding: 17px 10px;}
.setting-section .account.open .account-info .account-detail span{margin-top:0;color:#333;font-size:13px;}
.setting-section .account .btn-quit{position:absolute;right:20px;color:#7b7b7b;font-size:13px;top:calc(50% - 18px);height:36px;line-height:36px;text-align:center;padding:0;}

/* 마이 페이지 */
.my-page .my-info{background:#f2f2f2;text-align:left;margin-bottom:1rem;padding-bottom:0;}
.my-page .img-area{width:5rem;height:5rem;background:#fff url(../images/common/img_no.png) center center no-repeat;background-size:2.05rem 2.15rem;border-radius:50%;vertical-align:top;}

.my-page .my-info .info-detail .my-email{margin-bottom:1rem;font-size:1.5rem;font-weight:400;}
.my-page .btn-benefit{top:2rem;right:1.5rem;padding:.2rem .5rem;font-size:1.2rem;}
.my-page .progress-area{padding:3.05rem 0 1.5rem;font-size:1.3rem;}
.my-page .progress-bar{margin-bottom:2.2rem;}
.my-page .progress-area p{position:relative;text-align:left;}
.my-page .progress-area p > .btn-benefit{width:9rem;padding:.3rem 0;top:auto;bottom:-3px;right:0;}
.my-page .my-coin-detail{position:relative;width:calc(100% + 2.65rem);margin-left:-1.5rem;display:flex;justify-content:space-between;background:#434343;color:#fff;}
.my-page .my-coin-detail li{width:100%;padding:1rem 0;text-align:center;font-size:1.15rem;color:#fff;font-weight:500;}
.my-page .my-coin-detail li:last-of-type{border-right:0;}
.my-page .my-coin-detail li > span{display:inline-block;padding-right:1.25rem;font-size:2rem;color:#ff527e;letter-spacing:-0.5px;font-weight:400;background:url(../images/common/ico_coin_pink.png) right 1px bottom .35rem no-repeat;background-size:1rem 1rem}
.my-page .my-coin-detail li > p{margin-top:.5rem;}
.my-page .my-coin-detail li:last-of-type > p{margin-left:-.5rem;}
.my-page .my-coin-detail .btn-tooltip{right:1.2rem;bottom:0;}
.coin-tab table{width:100%;background:#fff;}
.coin-tab tr{border-bottom:1px solid #ddd;}
.coin-tab th,
.coin-tab td{height:4.45rem;padding:0 .5rem;vertical-align:middle;text-align:center;font-size:1.15rem;}
.coin-tab th{background:#f2f2f2;font-weight:500;font-size:1.15rem;}
.coin-tab td.title > p{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1rem;}
.coin-tab .btn-del{width:2rem;height:2rem;background:url(../images/common/btn_del.png) center center no-repeat;background-size:.9rem .9rem;font-size:0;}
.my-page .img-level-info{display:none;}
.coin-tab{margin-top:-10px;}
.coin-tab .sub-tab-list{justify-content:space-around}
.coin-tab .sub-tab-conts{border-top:2px solid #fff;}

/* 내 서재 */
.my-library{background:#fff;}
.my-library .sub-tab > .sub-tab-list {justify-content:space-around;}
.no-item{padding-top:14.7rem;padding-bottom:15rem;background:url(../images/common/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;}
.my-library .thumbnail-box .item-info em{display:inline-block;margin-right:2px;color:#ff527e;font-weight:500;letter-spacing: -.4px;}
.my-library .top-area .item-search{position:relative;float:left;}
.my-library .top-area .item-search > *{display:inline-block;}
.my-library .top-area .item-search input{border:1px solid #ddd;height:2.9rem;width:17.5rem;padding:0 10px}
.my-library .top-area .item-search .btn-search-go{position:absolute;top:0;right:-4rem;width:4rem;color:#7b7b7b;}
.my-library .top-area .btn-trash{position:absolute;right:1.5rem;top:1.2rem;font-size:0;display:inline-block;width:1.5rem;height:1.6rem;background:url(../images/common/ico_trash.png) 0 0 no-repeat;background-size:contain;}
.my-library .top-area .btn-del-item{float: right;}
.buying-list{padding:20px 15px;}
.buying-list li{margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eee;}
.buying-list li:last-child{border-bottom:0}
.buying-item{display:flex;justify-content:space-between;align-items:center;}
.buying-item a{width:calc(100% - 6.5rem)}
.buying-item .thumbnail-box{width:auto;}
.buying-item .thumbnail-box .item-info{width:calc(100% - 9rem);padding-left:1.5rem;}
.buying-item .thumbnail-box .item-info .cartoonist-name{width:12rem;}
.buying-item .thumbnail-box .percent{display:block;margin-top:.5rem;}
.buying-list .btn-area{width:5.8rem;text-align:center;}
.buying-list .btn-area button{width:100%;border-radius:4px;color:#fff;font-size:1.15rem;font-weight:500;text-align:center;padding:.35rem 0;}
.btn-dark{background:#434343;}
.btn-pink{background: #ff527e;}
.buying-list .btn-area .btn-del{display:none;width:1rem;height:1rem;background:url(../images/common/btn_del.png) 0 0 no-repeat;background-size:1rem 1rem;font-size:0;margin:0 auto;}
.buying-list.trash .btn-show{display:none;}
.buying-list.trash .btn-del{display:block;}
.buying-list li .my-collection{display:none;position:relative;background:#f2f2f2;}
.buying-list li.list-show .my-collection{display:block;padding:0 0 .5rem;border-bottom:1px solid #ddd;margin-top:2rem;}
.buying-list li .my-collection:before{content:'';position:absolute;width: 0;height: 0;top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #eee;left: 5rem;}
.my-collection table{width:100%;background:#fff;}
.pick-list{font-size:0;padding:1.5rem 1.5rem 0;overflow:hidden;display:flex;flex-wrap: wrap;justify-content:flex-start;margin-left:-1rem;}
.pick-list img{width:100%;}
.pick-list li{display:inline-block;position:relative;width:calc((100% / 4) - 1rem);;margin-left:1rem;font-size:1.3rem;font-weight:500;overflow:hidden;}
.pick-list li a{position:relative;height:100%;border-radius:10px;border:1px solid #ddd;overflow:hidden;}
.pick-list li.pick-item a:before{content:'';position:absolute;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10;}
.pick-list li p{/*position:absolute;*/bottom:0;width:100%;padding:.9rem 0;background:#fff;z-index:0;text-align:center;}
.pick-list li.pick-item img{width:100%;}
.pick-list li .btn-area{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent;}
.pick-list li.pick-item .btn-area{z-index:20;}
.pick-list li.pick-item .btn-area button{width:5.8rem;cursor:pointer;}
.buying-list li .my-collection th{font-size:1.15rem;background:#eee;font-weight:500;height:4.45rem;padding:0 .5rem;text-align:center;border-bottom:1px solid #ddd;}
.buying-list li .my-collection td{font-size:1.15rem;text-align:center;height:4.45rem;line-height:1.45rem;padding:0 1rem;}
.buying-list li .my-collection td.ing{color:#ff527e;}

/* 독자 AI 추천 */
.ai-recommend{position:relative;background:#434343;padding:2rem 1.5rem;color:#fff;}
.ai-recommend h4{text-align:left;font-size:1.8rem;font-weight:500;}
.ai-recommend .thumbnail-box .item-info span{color:#fff}
.ai-recommend .thumbnail-box .item-info span.hit-num:before{width:.9rem;height:.95rem;background:url(../images/common/ico_ranking_people_w.png) 0 0 no-repeat;background-size:contain;}
.ai-recommend .btn-ai-list{position:absolute;right:1.5rem;top:2.75rem;width:.9rem;height:.45rem;font-size:0;background:url(../images/common/btn_more_down_w.png) 0 0 no-repeat;background-size:100%;}
.ai-recommend.list-open .btn-ai-list{margin-top: -.2rem;transform: rotate(180deg);}
.ai-recommend .ai-list{height:0}
.ai-recommend.list-open .ai-list{margin-top:2rem;height:100%;}

/* 웹툰 */
.webtoon .sub-tab{margin-top:0;}
.slide-tab{margin-bottom:1rem;border-bottom:1px solid #ddd;background:#fff;overflow-x:hidden;padding-bottom:3rem;}
.slide-tab-list{background:#f2f2f2;height:4.5rem;padding:1rem 1.5rem;}
.slide-tab-list .swiper-wrapper{justify-content:space-between;}
.tab-nav .swiper-slide {position:relative;display: block;width:auto;height:2.5rem;color: #434343;text-align: center;cursor: pointer;z-index:100;padding:0;font-size:1.25rem;line-height:2.5rem;border-radius:2.5rem;font-weight:500;letter-spacing:-.25px;}
.tab-nav .swiper-slide:after{content:'';position:absolute;left:0;height:100%;width:0;z-index:-1;border-radius:25px;}
.tab-nav .swiper-slide.active {color:#fff;}
.tab-nav .swiper-slide.active:after{width:100%;background:#ff527e;}
.webtoon{width:100%;overflow:hidden;}
.webtoon .tab-conts > div:first-of-type .top-area{background:#fff;}
.webtoon-list{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0;background:#fff;padding:1.5rem;}
.webtoon-list li{width:calc((100% / 3) - .5rem);margin-right:0.75rem;margin-bottom:1.5rem;}
.webtoon-list li:nth-of-type(3n){margin-right:0}
.swiper-slide .webtoon-list{padding-top:20px;}
.swiper-slide .tab-list.small-tab{top:0;right:10px;display:flex;align-items:center;height:40px;}
.swiper-slide .tab-list.small-tab > div{margin:0 4px;padding:4px 10px;font-size:1.25rem;border-radius:4px;text-align:center;color:#7b7b7b;border:1px solid #bbb;font-weight:500;}
.swiper-slide .tab-list.small-tab > div.selected{background:#434343;color:#fff;border:1px solid #434343;}

/* 단행본 */
.book .ranking-area .selected-tab ul{height:100%;}
.book .any-hot .swiper-slide{width:calc(100% / 3.5);margin-right:10px !important;}
.book-list{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.book-list li{width:calc(100% / 3 - .7rem);margin-right:1rem;margin-bottom:1.25rem;}
.book .book-list li:nth-of-type(3n){margin-right:0;}
.book-list .thumbnail-box .item-info{margin-top:1.1rem;}
.book-list .thumbnail-box .item-info .title{font-size:1.4rem;margin-bottom:.45rem;}
.book .sub-tab .top-area{border-bottom:0;}

/* SALE */
.search .webtoon-list,
.sale .webtoon-list,
.one-coin .webtoon-list {padding:0;}
.sold-out{position:relative;}
.sold-out .item-img:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:10;}
.sold-out .item-img:after{content:'';background:url(../images/common/img_sold_out.png) center center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;left:0;right:0;z-index:20;margin:auto;width:calc(100% - 4rem);max-width:10rem;}
.ranking .sold-out .item-img:after{width:calc(100% - 5rem);}
.sale .thumbnail-box.horizontal .right-info{text-align:left;padding:.4rem .1rem 0;}
.sale .section-tit > span{color:#7b7b7b;font-size:1.3rem;}
.one-coin .thumbnail-box .right-info{text-align:left;padding:3px 5px;}
.one-coin .thumbnail-box .right-info > span{position:relative;padding-right:1.2rem;font-size:1.25rem;font-weight:500;color:#7b7b7b;}
.one-coin .thumbnail-box .right-info .from:after{content:'';position:absolute;top:50%;right:0;width:1.1rem;height:1.1rem;background:url(../images/common/bg_ico_stripe.png) 0 -29px no-repeat;background-size:11px 51px;transform:translateY(-50%);}
.one-coin .thumbnail-box .right-info .to{padding-left:1.18rem;color:#ff527e;}
.one-coin .thumbnail-box .right-info .to:before{content:'';position:absolute;top:50%;left:3px;width:.5rem;height:.6rem;background:url(../images/common/bg_ico_stripe.png) 0 -12px no-repeat;background-size: 11px 51px;transform:translateY(-50%);}
.one-coin .thumbnail-box .right-info .to:after{content:'';position:absolute;top:50%;right:0;width:1.1rem;height:1.1rem;background:url(../images/common/bg_ico_stripe.png) 0 -40px no-repeat;background-size:11px 51px;transform:translateY(-50%);}
.ranking .tab-nav .swiper-slide{width:calc(100% / 6)}
.ranking .swiper-slide .webtoon-list{padding-top:20px;}
.sale .section.top-img-area .img-box{padding:0 1.5rem 1.5rem 1.5rem;}
.sale .section.top-img-area .section-tit{padding:2rem 1.5rem 0}

/* 알림 */
.notice{background:#fff;min-height:calc(100vh - 270px)}
.notice li{width:100%;border-bottom:1px solid #ddd;min-height:6rem;}
.notice li a{width:100%;height:100%;padding:.8rem 1.5rem;display:flex;justify-content:left;align-items:center;background:url(../images/common/btn_more_right.png) right 1.5rem center no-repeat;background-size:.45rem .9rem;}
.notice li .notice-thumb{width:42px;margin-right:15px;}
.notice li .notice-thumb img{border-radius:4px;}
.notice li .notice-title{width:calc(100% - 42px);color:#434343;padding:.5rem 3rem 0 0;text-align:left;}
.notice-title span{font-size:14px;line-height:20px;}
.notice-title .date{display:block;font-size:1.25rem;color:#7b7b7b;}
.notice li .notice-content{display:none;border-top:1px solid #ddd;background:#f8f8f8;line-height:1.5rem;}
.notice li.active .notice-content{display:block;width:100%;min-height:4rem;text-align:left;font-size:13px;line-height:18px;padding:1.5rem 2rem;color:#555}
.notice .notice-list li.notice-new{background:#ffedf2;border-bottom:1px solid rgba(255, 82, 126, 0.3);}

/* 1코인관 / VIP 이용관 */
.top-img-area{padding:0;position:relative;}
.top-img-area img{width:100%;}
.top-img-area p{padding-top:1.3rem;font-size:1.25rem;color:#7b7b7b;}
.top-img-area a{display:block;position:absolute;right:0;bottom:0;width:25%;height:37%;font-size:0;}

/* 회차 리스트 페이지 */
.best-toon{display:none;}

/* 회차 리스트 - 작품 정보 */
.episode-info {position:relative;background:#fff;text-align:left;padding-bottom:1.5rem;padding-top:2rem;}
.episode-info .info-top{display:flex;flex-wrap:wrap;}
.episode-info .thumbnail{width:16.5rem;height:10.9rem;margin-bottom:2rem;margin-left:1.5rem;border-radius:6px;overflow:hidden;}
.episode-info .thumbnail img{border-radius:6px;}
.episode-info .detail{position:relative;width:calc(100% - 20.3rem);height:10.9rem;margin-left:.8rem;margin-right:1.5rem;padding:.5rem 0 0;}
.episode-info .detail .title{margin-bottom:1rem;color:#434343;font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/line-height:20px;letter-spacing:-1px;}
.episode-info.new{padding-top:0;}
.episode-info.new .detail .title{padding-right:5rem;}
.episode-info .detail .title .ico-adult{display:inline-block;width:2rem;height:2rem;border-radius:50%;color:#fff;margin-right:5px;background:#ff527e;line-height:2rem;font-size:1.2rem;text-align:center;font-style:normal;background:url(../images/common/ico_adult19.png) 0 0 no-repeat;background-size:20px;font-size:0;vertical-align:5px;}
.episode-info .detail span{display:inline-block;height:1.3rem;color:#7b7b7b;font-size:1.25rem;}
.episode-info .detail span.hit-num{padding-left:12px;background:url(../images/common/ico_ranking_people2.png) 0 0 no-repeat;background-size:10px;vertical-align:top;}
.episode-info .detail span.cartoonist-name{position:relative;padding-left:1.2rem;background: url(../images/common/ico_bar.png) 5px 0 no-repeat;background-size: .1rem 11px;max-width:calc(100% - 8rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.episode-info .detail span.pick-num{display:block;margin-top:.45rem;padding-left:1.3rem;background:url(../images/common/ico_pick_num.png) left center no-repeat;background-size:1rem;}

.episode-info .detail .btn-pick{position:absolute;right:0;bottom:30px;width:4rem;padding-top:4rem;background:url(../images/common/ico_pick_before.png) top center no-repeat;background-size:3.8rem 3.5rem;text-align:center;color:#7b7b7b;font-size:0}
.episode-info .detail .btn-pick:before{content:'찜하기';font-size:11px;}
.episode-info .detail .btn-pick:after{background:none;transition:all 1s ease-in-out}
.episode-info .detail .btn-pick.on{background:url(../images/common/ico_pick_on2.png) top center no-repeat;background-size:3.8rem 3.5rem;transition:all 1s ease-in-out}
.episode-info .detail .btn-pick.on:before{content:'찜해제';font-size:11px;}
.episode-info .detail .btn-pick.on:after{content:'';position:absolute;left:0;top:0;width:4rem;height:4rem;background:url(../images/common/ico_pick_on.png) top center no-repeat;background-size:3.8rem 3.5rem;animation:heartbit 1s alternate ease-in-out}

.episode-info .detail .free-num{display:block;margin-top:3px;font-size:12px;padding-left:13px;background:url(../images/common/ico_free_time.png) 0 2px no-repeat;background-size:11px;vertical-align:4px;color:#ff527e;padding-top:2px;}
.episode-info.new .detail .free-num{display:inline-block;margin-top:0;}
.episode-info .detail .hash-tag{position:absolute;right:0;bottom:0;width:calc(100% - 45px);margin-left:48px;overflow:hidden;}
.episode-info .detail .hash-tag span{display:inline-block;margin-right:3px;color:#434343;height:15px;line-height:19px;font-size:11.5px;padding-left:12px;background:url(../images/common/ico_tag.png) left 5px no-repeat;background-size:10px;}
.episode-info .synopsis{position:relative;clear:both;width:100%;padding:0 15px 0;font-size:1.2rem;color:#7b7b7b;}
.episode-info .synopsis.open{border-top:1px solid #ddd;}
.episode-info .synopsis p{/*height:4.8rem;*/height:0;line-height:16px;overflow:hidden;font-family:'Noto Sans KR', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;letter-spacing:-.5px;}
.episode-info .synopsis .btn-more{position:absolute;top:-37px;left:181px;margin-top:0;padding:6px;text-align:center;margin-right:5px;font-size:11.5px;}
.episode-info .synopsis.open .btn-more{top:-36px}
.episode-info.new .synopsis .btn-more{position:absolute;top:-44px;left:15px;margin-top:1rem;padding:1rem 0;text-align:center;margin-right:5px;}
.episode-info .synopsis .btn-more span{color:#ff527e;border-bottom:1px solid #ff527e;}
.episode-info .synopsis.open p{height:auto;padding:12px 0;}
/* .episode-info .synopsis.open .btn-more span{background:url(../images/common/btn_more_up.png) right 1px center no-repeat;background-size:.9rem .45rem;} */
.episode-info.new .synopsis.open .btn-more{top:-45px}
.episode-info .btn-area{display:flex;justify-content:space-between;width:100%;padding:0 1.5rem;text-align:center;}
.episode-info .btn-area a{width:100%;padding:1.2rem 0;color:#fff;border-radius:4px;font-size:1.45rem;font-weight:500;letter-spacing:0;}
.episode-info .btn-area .other{margin-right:1rem;}
.episode-info.new .thumbnail{width:100%;height:100%;margin:0;border-radius:0;}
.episode-info.new .thumbnail img{width:100%;border-radius:0;}
.episode-info.new .detail{width:calc(100% - 3rem);min-height:6rem;max-height:8rem;margin:1.5rem;padding-top:0;}
.episode-info.new .detail span.pick-num{display:inline-block;margin-top:0;vertical-align:top;}
.episode-info.new .detail span.hit-num{vertical-align:4px;}
.episode-info.new .detail span.cartoonist-name{padding-right:1.15rem;vertical-align:1px;}
.episode-info.new .detail span.cartoonist-name:after{content:'';position:absolute;right: 4px;top:0;background:url(../images/common/ico_bar.png) 0 0 no-repeat;background-size: .1rem 11px;width: 1px;height: 11px;}
.episode-info.new .detail .btn-pick{bottom:0;}

/* 회차 리스트 - 다른 작품 리스트 */
.other-list{position:relative;height:0;margin-bottom:.8rem;background:#eee;border-bottom:1px solid #ddd;overflow:hidden;}
.other-list:before{content:'';position:absolute;width: 0;height: 0;top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #eee;left: 5rem;}
.other-list.open{height:auto;padding:2rem 0 1.4rem;overflow:visible;}
.other-list ul{padding-left:1.5rem;}
.other-list ul li{width:calc(100% / 3.5)}
p.no-other-item{font-size:1.15rem;color:#7b7b7b;padding:20px 0;}

/* 회차 리스트 - 작품 리스트 */
.episode-page .list-area{background:#fff;}
.episode-list .top-area{width:100%;height:4rem;line-height:4rem;border-bottom:1px solid #ddd;text-align:right;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;justify-content:flex-end}
.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.1rem .85rem;font-size:1.1rem;font-size:0;}
.btn-sorting.ico-asc{background-image:url(../images/common/ico_asc.png);}
.btn-sorting.ico-desc{background-image:url(../images/common/ico_desc.png);}
.btn-sorting.ico-asc:before{content:'첫화부터';font-size:11px;}
.btn-sorting.ico-desc:before{content:'최신화부터';font-size:11px;}
.btn-share{display:none;font-size:12px;padding-left:16px;background:url(../images/common/ico_share.png) left center no-repeat;background-size:12px;}
.episode-list ul{padding:1.5rem;}
.episode-list li{position:relative;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee;}
.episode-list .thumbnail-box.horizontal .item-img{width:10.9rem;}
.episode-list .thumbnail-box.horizontal .item-img .blind{position:absolute;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1;}
.episode-list .thumbnail-box.horizontal .item-img .blind .text{display:flex;height:100%;justify-content:center;align-items:center;font-size:1.7rem;color:#fff;}
.episode-list .thumbnail-box.horizontal .item-img .blind .text em{color:#ff527e;margin-right:3px}
.episode-list .thumbnail-box.horizontal .item-info{width:calc(100% - 19rem);margin-left:2rem;}
.episode-list .thumbnail-box .item-info .title{margin-bottom:0;}
.episode-list .thumbnail-box.horizontal .item-info .cartoonist-name{max-width:90%;height:auto;line-height:none;}
.episode-list .thumbnail-box.horizontal .right-info{width:6rem;font-size:1.25rem;font-weight:500}
.episode-list .thumbnail-box.horizontal .right-info .free{color:#ff527e;}
.episode-list .thumbnail-box.horizontal .right-info > span{display:inline-block;border-radius:25px;width:100%;height:2.2rem ;line-height:2rem;font-size:1.25rem;padding:0;text-align:center;}
.episode-list .thumbnail-box.horizontal .right-info > span.free{color:#7b7b7b;font-weight:400;border:1px solid #7b7b7b;}
.episode-list .thumbnail-box.horizontal .right-info > span.coin{color:#ff527e;border:1px solid #ff527e;font-weight:500;letter-spacing:-1px;}
.episode-list .thumbnail-box.horizontal .right-info > span.state{color:#379ff0;border:1px solid #379ff0;font-weight:500;}
.episode-list .thumbnail-box.horizontal .right-info > span.state.end{color:#b8b8b8;border:1px solid #b8b8b8;}
.episode-list .thumbnail-box.horizontal .right-info > span.notice{color:#ff527e;}
.episode-list .thumbnail-box.horizontal .right-info > span.sale{padding:0;line-height:1.5rem;color:#379ff0;margin-top:0;}
.episode-list .thumbnail-box.horizontal .right-info > span.sale del{font-size:1.1rem;color:#7b7b7b;font-weight:400;margin-right:3px;}
.episode-list .thumbnail-box.horizontal .right-info > span.sale time{display:block;font-size:11px;font-weight:400;}
.episode-list .thumbnail-box i.next-caption{position:absolute;right:5px;bottom:5px;width:28px;height:20px;background:url(../images/common/ico_see.png) center center no-repeat;background-size:28px;z-index:1}

/* 회차리스트 - 전체 소장 버튼 */
.buy-all-banner{background:#ffedf2;height:4rem;padding:0 1.5rem;margin-bottom:.75rem;border-bottom:1px solid #ddd;}
.buy-all-banner .buy-info{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;}
.buy-all-banner .buy-info .sale-info{text-align:left;}
.buy-all-banner .title{font-size:14px;font-weight:500;padding-left:21px;background:url(../images/common/ico_download_all_d.png) 2px 0 no-repeat;background-size:14px;}
.buy-all-banner .title strong{color:#ff527e;font-size: 15px;vertical-align:-1px;letter-spacing:-0.5px;}
.buy-all-banner .title span.won{position:relative;font-size:13px;color:#4c94f6;padding-left:0;font-weight:500}
/* .buy-all-banner .title span.won:before{content:'';position:absolute;left:0;top:1px;width:1px;height:11px;background:#888;} */
.buy-all-banner .title span.won > del{font-size:11px;color:#666;font-weight:400;letter-spacing:-1px;}
.buy-all-banner .num1,
.buy-all-banner .num2{display:inline-block;color:#7b7b7b;font-size:1.3rem;}
.buy-all-banner .num2{margin-left:5px;font-weight:500;}
.buy-all-banner .num3{display:inline-block;font-size:1.6rem;font-weight:900;color:#ff527e;}
.buy-all-banner .btn-buy-all{/*position:absolute;*/top:12px;right:1.5rem;color:#fff;font-weight:500;border-radius:3px;width:97px;height:3rem;line-height:3rem;background:#ff527e url(../images/common/ico_download_all.png) 9px 6px no-repeat;padding-left:20px;background-size:18px;font-size:14px;letter-spacing:0;width:80px;background-image:none;padding-left:0;}

/* 회차리스트 - 등급 버튼 */
.btn-level{width:7.5rem;margin-left:10px;color:#fff;padding-left:2rem;border-radius:25px;font-size:11px;padding:.3rem 0;margin-top:-5px;vertical-align:middle;font-weight:500;background:#d81734;/*text-shadow: 1px 1px 1px rgba(0,0,0,.1);animation: upDown .5s linear infinite alternate;*/position:absolute;z-index:10;top:0;left:-15px;}

button.btn-level.gold{color:#fff;font-weight:400;background:#ffc000;text-shadow: 1px 1px 2px rgba(0,0,0,.25);animation:none;margin-top:0;}
button.btn-level.diamond{color:#fff;font-weight:400;background:#5dc1ec;text-shadow: 1px 1px 2px rgba(0,0,0,.25);animation:none;margin-top:0;}
button.btn-level.platinum{color:#fff;font-weight:400;background: #ff527e;text-shadow: 1px 1px 2px rgba(0,0,0,.25);animation:none;margin-top:0;}

@keyframes upDown {
  0%{ transform: translateY(1px); }
  100% { transform: translateY(3px); }
}

/* 충전소 */
.payment{background:#fff;}
.payment .top-area{height:auto;background:#434343;}
.payment .my-page .my-info{margin-bottom:0;}
.payment-area{background:#fff;text-align:left;}
.payment-area .btn-area{display:flex;padding:2rem 1.5rem;}
.payment-area .btn-area a{width:50%;padding:1.25rem 0;color:#fff;text-align:center;border-radius:4px;font-size:1.5rem;font-weight:500;}
.payment-area .btn-area a:first-of-type{margin-right:1rem;}
.payment .my-page .my-coin-detail{position:absolute;top:10px;right:0;background:transparent;width:120px;}
.payment .my-page .my-coin-detail li{display:flex;align-items:center;justify-content:center;height:60px;flex-direction: column;}
.payment .my-page .my-coin-detail li > p{display:inline-block;margin-top:0;margin-right:10px;font-size:14px;color:#434343;}
.payment .my-page .my-coin-detail li > span{font-size:25px;font-weight:500;letter-spacing: -1px;}
.payment .sub-tab > .sub-tab-list{justify-content:space-around}
.payment .sub-tab > .sub-tab-list a{width:auto;}
.payment .sub-tab .sub-tab-conts{border-top:2px solid #fff}

/* 충전소 - 등급 안내 */
.level-info{background:url(../images/common/img_level_info_m.png) 0 0 no-repeat;padding-bottom:85%;background-size:contain;display:none;}

/* 충전소 - 결제 상품 */
.coin-list{}
.coin-list table{width:100%;table-layout: auto;border:1px solid #eee;border:3px solid #ff527e;}
.coin-list table th{height:5.5rem;background:#f2f2f2;font-size:1.35rem;border-right:1px solid #f2f2f2;}
.coin-list table td{height:6rem;border-top:1px solid #eee;font-size:1.3rem;text-align:left;font-weight:500;padding-left:2rem}
.coin-list table tbody tr th{border-bottom:1px solid #ddd;}
.coin-list table tr td:first-of-type{text-align:center;width:40px;padding-left:0;}
.coin-list table tr td:nth-of-type(2){width:22%;padding-left:0}
.coin-list table tr td:nth-of-type(2) .td-info{display:flex;flex-direction:column;align-items:center;}
.coin-list table tr td:nth-of-type(3){width:38%}
/* .coin-list table tr td:last-of-type{padding-left:0;} */
.coin-list td p,
.coin-list td del{color:#7c7c7c;font-size:1.2rem;font-weight:400;letter-spacing: -.8px;}
.coin-list td del{margin-right:.2rem;}
.coin-list td span + p{margin-top:.5rem;}
.coin-list td span{position:relative;color:#434343;font-weight:500;}
.coin-list td .plus-coin{padding-left:.9rem;color:#ff527e;background:url(../images/common/ico_plus_pink.png) left 1px center no-repeat;background-size:.7rem .7rem}
.coin-list td .sale-percent{padding-right:1rem;color:#ff527e;/*background:url(../images/common/ico_arrow_down_pink.png) right top 1px no-repeat;background-size:.75rem 1rem*/}
.coin-list td .sale-percent:after{content:'';width:18px;height:18px;background:url(../images/common/ico_bonus.png) center center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center;position:absolute;right:-9px;top:-2px;}

.coin-list table tr:not(.time-box) td:first-child{background:url(../images/common/bg_tr_select.png) center center no-repeat;background-size:17px}
.coin-list table tr.tr-select:not(.time-box) td:first-child{background:url(../images/common/bg_tr_select_on.png) center center no-repeat;background-size:17px}
.coin-list table tr.tr-select{background:#ffedf2;}
table.event-table{margin-bottom:5px;}
.coin-list table.event-table tr.tr-select{background:#fffee2;}
.coin-list .time-box td{background:#ff527e;color:#fff;font-size:1.15rem;border-left:3px solid #ff527e;border-right:3px solid #ff527e;border-top:3px solid #ff527e;} 
.coin-list .time-box p{display:flex;justify-content: center;align-items:center;}
.coin-list .time-box .time{font-size:2rem;font-weight:500;padding-left:1.1rem;background:url(../images/common/ico_bar_pink.png) left 8px no-repeat;background-size:1px 12px;color:#fff;}
.coin-list .time-box .time:before{content:"파격할인";display:block;font-size:12px;margin-top:-5px;margin-bottom:2px;}
.coin-list .time-box span:first-of-type{display:inline-block;height:25px;line-height:25px;padding-left:24px;padding-right:1rem;background:url(../images/common/ico_time_w.png) left center no-repeat;background-size:17px;color:#fff;font-size:14px;}
.coin-list .blink{-webkit-animation: blink 1s /*ease-in-out*/ infinite;animation: blink 1s /*ease-in-out*/ infinite;}

@keyframes blink {
   0% { color:#fff;}
   50% { color:#ff527e;}
   100% {color:#fff;}

   }

@keyframes blinky {
0% { color:#fcff00;}
50% { color:#ff527e;}
100% {color:#fcff00;}
}

@keyframes blinkb {
  0% { color:#fff;}
  50% { color:#4596dc;}
  100% {color:#fff;}
  }

  @keyframes blinkn {
    0% { color:#fff;}
    50% { color:#413e52}
    100% {color:#fff;}
  
    }
  


/* .coin-list .event-table{border:3px solid #ff527e;} */
.coin-list .time-attack{border:3px solid #ff527e;margin-bottom:0}
.coin-list .time-attack .plus-coin + p{color: #299bdc;font-weight:500;}
.coin-list .event-box td:nth-of-type(2) .td-info p{margin-top:-2px;margin-bottom:2px;color:#ff527e;font-weight:500}
.coin-list .payment-table{border:3px solid #eee;}
.coin-list .event-table .promotion-box td{height:auto;}
.tr-promotion-img{pointer-events: none;border-top:0;}
.tr-promotion-img td{border-top:0;}
.coin-list table.event-table tr.promotion-box td:first-child{background-image:none;}
.coin-list .event-table .promotion-box .promotion-img{min-height:61px;/*background:url(../images/banner/bg_event_top.png) 0 0 no-repeat;background-size:contain*/background:#fff;}
.coin-list .event-table .promotion-box .promotion-img img{width:100%;}
.promotion-cont{position:relative;width:100%;height:60px;background:#fff;display:flex;align-items:center;justify-content:flex-start;border-top:1px solid #ddd}
.promotion-img{background:#fffee2;}
.promotion-cont .cont1{width:40px;height:100%;background:url(../images/common/bg_tr_select.png) center center no-repeat;background-size:17px;}
.promotion-cont .cont2{width:22%}
.promotion-cont .cont2 del{display:block;}
.promotion-cont .cont3{padding-left:2px;width:38%;text-align:left;}
.promotion-cont .cont3 > span{font-size:14px;font-weight:500;margin-right:3px;height:20px;line-height:20px;}
.promotion-cont .cont3 .txt1{color:#434343;}
.promotion-cont .cont3 .txt2{display:inline-block;color:#ff527e;background:url(../images/common/ico_plus_pink2.png) left center no-repeat;background-size:17px;padding-left:20px;}
.promotion-cont .cont3 .txt3{display:block;color:#299bdc;background:url(../images/common/ico_plus_blue.png) left center no-repeat;background-size:17px;padding-left:20px;font-size:13px;}
.promotion-cont .cont4{text-align:left;padding-left:20px;}
.tr-select .promotion-cont .cont1{background-image:url(../images/common/bg_tr_select_on.png)}
.tr-select .promotion-cont{background-color:#fffee2}
.event-box.promotion-box td{border-top:0;}
.event-box.promotion-box .promotion-img img{max-height:100%}
.payment-table li{background:#fff;border-radius:5px;border:1px solid #ddd;padding:10px;height:60px;margin-top:10px;}

/* 충전소 - 결제 수단 */
.payment-bottom{border-top:5px solid #eee}
.total-coin{position:relative;padding:2rem 1.5rem 1rem;font-size:1.25rem;}
.total-coin .title{font-size:1.5rem;color:#434343;font-weight:500;}
.total-coin .sum{padding:1.5rem 0 0;text-align:right;color:#7c7c7c;font-size:1.15rem;}
.total-coin .sum strong{font-size:13PX;letter-spacing:-1px;color:#434343;margin-left:5px;font-weight:normal;}
.total-coin .sum strong > span{letter-spacing:-1.5px;font-size:20px;font-weight:500;}
.total-coin .btn-select{position:absolute;background:#434343;color:#fff;text-align:center;padding:.5rem 2.3rem .5rem 1rem;right:1.5rem;top:1.5rem;border-radius:4px;background:#434343 url(../images/common/ico_select_up_w.png) right 10px center no-repeat;background-size:.6rem .5rem}
.coin-box{display:flex;justify-content:space-around;align-items:center;margin-top:2.5rem;padding:1.2rem;border:1px solid #ddd;border-radius:6px;font-size:1.25rem;}
.coin-box .coin{text-align:center;font-size:1.15rem;color:#7c7c7c;}
.coin-box .coin > span{display:block;position:relative;margin-top:1rem;letter-spacing:-.8px;padding-right:.8rem;color:#434343;font-size:2rem;font-weight:500;padding-left:12px;}
.coin-box .coin > span:after{content:'';width:1rem;height:1rem;background:url(../images/common/ico_coin_dark.png) 0 0 no-repeat;background-size:contain;display:inline-block;margin-left:3px;vertical-align:-2px}
.coin-box .coin:last-of-type > span{color:#ff527e;}
.coin-box .coin:last-of-type > span:after{color:#ff527e;background:url(../images/common/ico_coin_pink.png) 0 0 no-repeat;background-size:contain;}
.coin-box .plus,
.coin-box .equal{width:2.1rem;height:2.1rem;font-size:0;}
.coin-box .plus{background:url(../images/common/ico_plus.png) 0 0 no-repeat;background-size:contain;}
.coin-box .equal{background:url(../images/common/ico_equal.png) 0 0 no-repeat;background-size:contain;}
.payment-method .title{padding:0;border-bottom:1px solid #ddd;font-size:1.25rem;font-weight:500;height:4rem;line-height:4rem;margin:0 1.5rem 1.5rem}
.payment-method > ul{font-size:0;display:flex;flex-wrap:wrap;padding:0 1.5rem;}
.payment-method > ul li{width:calc((100% / 3) - .6rem);margin-right:.8rem;margin-bottom:1rem;}
.payment-method > ul li:nth-of-type(3n){margin-right:0;}
.payment-method > ul li a{height:36px;font-size:14px;padding:.7rem 0;border:1px solid #ddd;text-align:center;border-radius:4px;display:flex;justify-content:center;align-items:center;}
.payment-method > ul li.selected a{color:#ff527e;border:2px solid #ff527e;font-weight:500;}
.payment-method > ul li a.kakaopay{font-size:0;background:url(../images/common/ico_kakaopay2.png) center center no-repeat;background-size:100px;}
.payment-method > ul li a.teen-cash{font-size:0;background:url(../images/common/ico_teencash.png) center center no-repeat;background-size:65px;}
.payment-method > ul li a.t-money{font-size:0;background:url(../images/common/ico_tmoney.png) center center no-repeat;background-size:80px;}
.payment-method > ul li a.ok-cashbag{font-size:0;background:url(../images/common/ico_okcashbag.png) center center no-repeat;background-size:100px;}
.payment-method > ul li a.happy-money{font-size:0;background:url(../images/common/ico_happymoney.png) center center no-repeat;background-size:85px;}
.payment-method > ul li a.payco{font-size:0;background:url(../images/common/ico_payco.jpg) center center no-repeat;background-size:85px;}
.payment-method > ul li a.bookandlife{font-size:0;background:url(../images/common/ico_bookandlife.png) center center no-repeat;background-size:95px;}
.payment-method > ul li a.cultureland{font-size:0;background:url(../images/common/ico_cultureland.png) center center no-repeat;background-size:110px;}
.payment-method > ul li a.naver{font-size:0;background:url(../images/common/ico_naverpay3.png) center center no-repeat;background-size:58px;}


.payment-notice{margin-top:40px;padding:25px 15px 25px;background:#f8f8f8;border-radius:5px;}
.payment-notice p{font-size:14px;margin-bottom:15px;color:#777;padding-left:5px;}
.payment-notice ul li{position:relative;font-size:11px;color:#8e8e8e;line-height:17px;padding-left:.8rem;margin-bottom:2px;}
.payment-notice ul li:before{content:'-';position:absolute;left:0;}
ul.free-coin-list li{margin-bottom:10px;}
.payment-total-pc{margin-top:15px;padding:20px 15px;border-top:8px solid #eee;/*border-bottom:1px solid #ddd;border-bottom:1px solid #ddd;*/margin-bottom:5px;}
.payment-total-pc > p:first-child{font-size:15px;color:#434343;font-weight:500;margin-bottom:25px;margin-top:5px;}
.payment-info-box{font-size:14px;padding:20px 5px 5px;line-height:20px;border-top:0.5px solid #ddd;border-bottom:0.5px solid #ddd;}
.payment-total-pc p.sum{position:relative;margin-bottom:20px;padding-left:8px;}
.payment-total-pc p.sum strong{position:relative;float:right;font-size:20px;padding-right:8px;color:#ff527e;}
.payment-total-pc p.sum:first-child strong{font-size:16px;color:#434343;}
.payment-total-pc .btn-pink{color:#fff;text-align:center;font-size:18px;border-radius:5px;height:50px;line-height:50px;}
.payment-total-pc p.sum:last-child strong:after{content:'원';font-size:14px;font-weight:400;color:#666;margin-left:3px;}
.payment-total-pc .form-item.checkbox{margin:5px 0 30px;padding:15px 3px 10px;}
.payment-total-pc input[type="checkbox"] + label{font-size:12px;}
.payment-total-pc input[type="checkbox"] + label:before{background-image:url(../images/common/ico_checkbox2.png)}

/* 코인 리뉴얼 */
.payment-item{padding:20px 15px 15px;}
.payment-item .item{display:inline-block;width:calc(100% / 2 - 2px);padding:10px;font-size:10px;cursor:pointer;position:relative;}
.payment-item .coin-info{height:100px;background:#f2f2f2;color:#fff;text-align:center;padding:10px 0;}
.coin-info .title{display:inline-block;padding:3px 8px;border-radius:20px;font-weight:500;line-height:10px;}

.coin-info .title.one-plus-one{color:#fff;background:#4596dc;}
.coin-info .title.sale{color:#67fb5c;border-bottom:1px solid #67fb5c;margin-top:0;}
.coin-info .coin-sum{display:block;font-size:12px;margin:5px 0 9px;color:#434343}
.coin-info .coin-sum > span{font-size:23px;font-weight:500;margin-right:2px;}
.coin-info .orginal-coin{color:#434343;font-weight:500;font-size:11px;}
.coin-info .orginal-coin > span{color:#f8537f}
.coin-info .bonus{display:block;line-height:12px;margin-top:3px;}
.coin-info .bonus > span{display:block;color:#4596dc;}
.payment-item .total-payment{height:72px;border:1px dashed #ddd;border-top:0;padding:13px;color:#7c7c7c;font-size:11px;background:#fff url(../images/common/ico_coin_check_off.png) center bottom 13px no-repeat;background-size:17px;text-align:center;}
.payment-item .coin-info.plus .title .blink{-webkit-animation: blinkb 1s infinite;animation: blinkb 1s infinite;}
.payment-item .coin-info.deadline .title .blink{-webkit-animation: blinky 1s /*ease-in-out*/ infinite;animation: blinky 1s /*ease-in-out*/ infinite;}
.payment-item .total-payment .amount{display:inline-block;color:#434343;font-size:15px;margin:0;font-weight:500;}
.payment-item .total-payment .del{display:inline-block;border-bottom:1px solid #b5b5b5;font-size:12px;line-height:0;margin-left:1px;letter-spacing:-1px;}
.payment-item .coin-info.plus{background:#e6f2fd;}
.payment-item .coin-info.plus:before{content:'';position:absolute;left:-3px;top:-5px;width:50px;height:54px;background:url(../images/common/ico_only.png) 0 0 no-repeat;background-size:contain;}
.payment-item .coin-info.deadline{background:#fef0f4;}
.payment-item .coin-info.deadline .title{color:#fcff00;background:#f8537f;padding:3px 12px;}
.payment-item .coin-info.dum .title{color:#4596dc;border-bottom:0;margin:0;background:#fff;}
.payment-item .chusuk .coin-info{background:#ffffcc}

.payment-item .item.selected .coin-info .orginal-coin{color:#fff;}
.payment-item .item.selected .coin-info .orginal-coin > span{color:#fcff00;}
.payment-item .item.selected .coin-info{background:#f8537f;}
.payment-item .item.selected .coin-info .coin-sum,
.payment-item .item.selected .coin-info .bonus > span{color:#fff;}
.payment-item .item.selected .coin-info.dum .title{}

.payment-item .item.selected .coin-info.plus .title .blink{-webkit-animation: blinky 1s infinite;animation: blinky 1s infinite;}
.payment-item .item.selected .total-payment{border:1px solid #f8537f;border-top:0;background:#fff url(../images/common/ico_coin_check_on.png) center bottom 13px no-repeat;background-size:17px;background-repeat: no-repeat;}
.payment-item .item.selected .total-payment > .amount{color:#f8537f;}
.payment-item .chusuk.selected .coin-info.plus .title.one-plus-one,
.payment-item .item.selected .coin-info .title{color:#fcff00;border:1px solid #fcff00;background:transparent;}
.payment-item .item.selected .coin-info.nothing .title{border:0;}


/* 탈퇴하기 */
.button-area.type01{text-align:center;margin:0;}
.button-area.type01 a{position:relative;display:inline-block;width:22.2rem;height:4rem;line-height:4rem;font-size:1.5rem;color:#fff;border-radius:4px;margin-top:1rem;}
.button-area.type01 a span{display:inline-block;position:relative;margin-left:-2rem;}
.button-area.type01 a span:after{content:'';position:absolute;top:50%;right:-2rem;background:url(../images/common/btn_next_w.png) right center no-repeat;background-size:.45rem .9rem;width:.45rem;height:.9rem;margin-top:-.45rem;font-weight:500;}
.button-area a.btn-giveup{color:#888 !important;font-size:1.25rem;height:3rem;line-height:3rem;}

/* 탈퇴 */
.quit{z-index:300;width:calc(100% - 3rem);max-width:480px;margin:0 auto;padding-bottom:60px;background:#fff;border-bottom:1px solid #ddd;display:none;position:absolute;max-height:calc(100vh - 3rem);z-index:300;background:#fff;border-radius:8px;overflow:hidden;overflow-y:auto;}
.quit .text-area{padding-top:6.2rem;text-align:center;}
.quit .text-area > img{width:4.5rem;margin-bottom:1.5rem;}
.quit .txt-big{font-size:3rem;color:#434343;font-weight:500;line-height:3rem;margin-bottom:1.5rem;}
.quit .txt-big02{font-size:24px;font-weight:500;line-height:25px;}
.quit .txt-big > span,
.quit .txt-big02 > span{display:block;margin-bottom:-.2rem;font-size:1.25rem;}
.quit p.txt-normal{font-size:15px;font-weight:500;}
.quit .border-pink{display:inline-block;width:22.2rem;font-size:1.5rem;border:1px solid #ff527e;padding:7px 0;color:#ff527e;border-radius:25px;font-weight:500;margin-bottom:3rem;text-align:center;letter-spacing:-1px;}
.quit p{font-size:13px;line-height:18px;}
.quit .txt-notice{width:22.2rem;margin:1rem auto .5rem;text-align:left;line-height:16px;}
.quit .txt-notice strong{font-size:13px;margin-bottom:5px;}
.quit .txt-notice p{letter-spacing:-.7px;}
.quit .button-area{width:auto;height:auto;margin:25px auto 0;}
.quit .button-area a{font-size:15px;height:40px;line-height:40px;padding:0;border-radius:5px;text-align:center;}
.quit .button-area .btn-pink{color:#fff;}
.quit .button-area.half{display:flex;width:230px;}
.quit .button-area.half .cancel{background:#434343;color:#fff;font-weight:500;}
.quit .check-box{text-align:left;width:230px;margin:0 auto;border-top:1px solid #ddd;padding-top:20px;margin-top:20px;padding-bottom:10px;}
.quit .form-item{margin-bottom:14px;}
.quit .form-item input[type="radio"] + label{font-size:14px;}
.quit  input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -17px 0 no-repeat;background-size:cover;}
.quit input[type="password"]{height:40px;width:280px;margin-top:30px;padding:0 10px;font-size:12px;}
.quit textarea{width:280px;margin-top:20px;height:130px;resize:none;overflow-y:auto;padding:10px;font-size:12px;}
.quit .recommend-list{padding:15px 0px 15px 15px;margin-top:30px;width:100%;background:#f2f2f2}
.quit .recommend-list li.swiper-slide{width:calc(100% / 3.5);margin-right:10px !important;}
.quit .recommend-list .thumbnail-box{height:90px;}
.quit .coin-list{margin: 20px auto 10px;}
.quit .coin-list .time-box td{height:50px;border:1px solid #ff527e;}
.quit .coin-list .event-box td{padding-left:0;}
.quit .coin-list td span + p{margin-top:0;}
.quit .coin-list table tr td:nth-of-type(3){padding-left:20px;}

/* 이벤트 */
.event-item{margin-bottom:1rem;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}

/* 이벤트 상세 */
.event-detail{border-bottom:1px solid #ddd;}

/* 고객센터 */
.customer h4,
.customer .notice{display:none;}
.customer .notice.selected-tab{display:block;}
.customer .notice li a{background:url(../images/common/btn_more_down.png) right 1.5rem center no-repeat;background-size:.9rem .45rem;min-height:60px;}
.customer .ask{padding:5px 15px 50px;margin:0 auto;}
.customer .ask > p{position:relative;font-size:15px;color:#434343;text-align:left;line-height:19px;padding-left:12px;margin-bottom:30px;font-weight:500;}
.customer .ask > p:before{content:'';width:3px;height:15px;position:absolute;left:0;top:2px;background: #ff527e;}
.customer .ask .select{position:relative;height:45px;line-height:45px;margin:10px 0;text-align:left;border:1px solid #ddd;font-size:14px;color:#434343;background:#fff url(../images/common/ico_ranking_down.png) right 10px center no-repeat;background-size:9px;}
.customer .ask .select > span{padding:10px;}
.customer .ask .select .select-list{display:none;background:#fff;margin-top:-2px;padding:0 10px;border:1px solid #ddd;}
.customer .ask .select .select-list li{height:45px;min-height:45px;line-height:45px;padding:0 15px;}
.customer .ask .select .select-list li:last-child{border-bottom:0;}
.customer .ask .ask-cont{margin:10px 0 20px;}
.customer .ask textarea{resize:none;width:100%;height:200px;overflow-y:auto;padding:10px;font-size:14px;border-radius:3px;}
.customer .ask .btn-pink.submit{color:#fff;font-size:16px;border-radius:6px;height:45px;line-height:45px;}
.customer .notice ul.pagenation4{display:flex;justify-content:center;margin:20px auto;padding-bottom:20px;}
.customer .notice ul.pagenation4 li{display:inline-flex;justify-content:center;border-bottom:0;min-height:auto;width:38px;}
.customer .notice ul.pagenation4 li a{display:block;padding:0;background:none;text-align:center;font-size:13px;background:#ffedf2;border-radius:50%;width:30px;height:30px;color:#ff527e;transition:all .2s;line-height:28px;border:1px solid #fff;font-weight:500;min-height:30px}
.customer .notice ul.pagenation4 li a:active,
.customer .notice ul.pagenation4 li a.pagenation_now{background:#ff527e;color:#fff;font-weight:600;border:1px solid #ff527e;}
.customer .notice ul.pagenation4 li.clear{display:none;}
.customer .notice ul.pagenation4 li a.pagenation_next{background:#fff url(../images/common/page_next.png) center center no-repeat;background-size:16px;font-size:0;}
.customer .notice ul.pagenation4 li a.pagenation_end{background:#fff url(../images/common/page_last.png) center center no-repeat;background-size:16px;font-size:0;}
.customer .notice ul.pagenation4 li a.pagenation_prev{background:#fff url(../images/common/page_prev.png) center center no-repeat;background-size:16px;font-size:0;}
.customer .notice ul.pagenation4 li a.pagenation_first{background:#fff url(../images/common/page_first.png) center center no-repeat;background-size:16px;font-size:0;}
.customer .notice.my-ask > ul{padding-top:1px;min-height:127px;background:#fff;}

/* 쿠폰 등록 */
.reg-coupon{background:#fff;padding:5rem 1.5rem 3rem;}
.reg-coupon .title{font-size:1.8rem;margin-bottom:2.5rem;font-weight: 500;letter-spacing:-0.5px;display: inline-block;padding: 30px 50px 5px 15px;background: url(../images/common/bg_coupon2.png) right 5px top 21px no-repeat;background-size: 37px;}
.input-coupon input{height:45px;padding:0 1rem;font-size:1.5rem;width:calc(100% - 6rem);margin-bottom:5rem;border:1px solid #434343;border-radius:3px;}
.input-coupon .btn-pink{display:inline-block;margin:0 auto;color:#fff;font-size:1.7rem;width:20rem;border-radius:6px;height:5rem;line-height:5rem;font-weight:500;}

.notice-coupon{margin-top:3rem;padding:2rem 1rem;text-align:left;font-size:13px;border-top:1px solid #ddd;line-height:16px;}
.notice-coupon p{position:relative;padding-left:10px;margin-bottom:3px;}
.notice-coupon p:before{content:'-';position:absolute;left:0;top:0;font-weight:400;color:#434343;}
.notice-coupon p:first-child{color:#fe4a60;font-weight:500;padding-left:0;margin-bottom:5px;font-size:14px;}
.notice-coupon p:first-child:before,
.notice-coupon p:last-child:before{content:'';}
.notice-coupon p:last-child{color:#777;font-size:11px;text-align:right;}

/* 본인인증 */
.adult-certify{background:#fff;padding:15px 15px 40px;font-size:14px;margin:0 auto;border-bottom:1px solid #ddd;}
.adult-certify .text-1,
.adult-certify .text-4{background:#f8f8f8;padding:15px;font-size:13px;line-height:20px;text-align:left;border-radius:3px;margin-bottom:15px;word-break: keep-all;}
.adult-certify .text-1{padding:0 10px;background:#fff;text-align:center;}
.adult-certify .text-1 em{color:#fe4a60;font-weight:500;border-bottom:1px solid #fe4a60;margin-left:3px;}
.adult-certify .text-2{padding:15px 5px;line-height:20px;font-size:14px;position:relative;display:flex;align-items:center;justify-content:space-between;}
.adult-certify .text-2 span{word-break:keep-all;display:inline-block;}
.adult-certify .btn-dark{color:#fff;border-radius:3px;font-weight:500;width:90px;height:36px;background:#f8f8f8;color:#333;margin-left:20px;}
.adult-certify .text-3{padding:25px 5px 15px;}
.adult-certify .text-4{margin-bottom:10px;text-align:center;font-size:15px;font-weight:500;color:#656565;}
.adult-certify .text-4 span{color:#ff527e}
.adult-certify .button-group{padding:0 5px;text-align:center;max-width:500px;margin:15px auto;}
.adult-certify .button-group button{margin-bottom:10px;}
.certify-tab-menu{display:flex;width:100%;max-width:490px;margin:0 auto;justify-content:space-between;align-items:center;}
.certify-tab-menu .btn-19{display:block;width:100%;border-radius:30px;font-size:1.6rem;border:1px solid #434343;text-align:center;margin:2rem 1rem 1rem;padding:1.4rem;font-weight:700;}
.certify-tab-menu .btn-19.selected{color:#fff;background:#333;}
.certify-tab-conts{display:none;}
.certify-tab-conts.show{display:block;}
.certify-tab-conts .form-list{max-width:490px;margin:0 auto;}
.certify-tab-conts .form-item{display:flex;align-items:center;justify-content:space-between;margin-top:15px;}
.certify-tab-conts input{background:#eee;height:40px;padding:0 10px;width:100%;border:0;font-size:13px;}
.certify-tab-conts label{font-size:0;}
.certify-tab-conts .btn-certify{display:block;width:100px;text-align:center;color:#fff;background:#333;height:40px;line-height:40px;font-weight:500;font-size:14px;}
.adult-certify .text-2,
.adult-notice{display:none;}
.adult-notice.show{display:block;}
.adult-certify .text-2.show{display:flex;}
.img-adult{text-align:center;margin:25px 0;}
.img-adult img{width:100px}


/* 비밀번호 찾기 */
section.find-pw{background:#fff;padding:50px 15px;}
.find-pw .btn-pink{display:inline-block;margin:20px auto 0;color:#fff;font-size:1.7rem;width:calc(100% - 10rem);border-radius:5px;height:5rem;line-height:5rem;font-weight:500;}
.find-pw p{font-size:17px;margin-bottom:2.5rem;letter-spacing:-0.5px;}
.find-pw > p.title{font-size:22px;font-weight:500;}
.find-pw .input-area{padding:30px 0;margin-bottom:20px;background:#e9edf3;border-radius:3px;}
.find-pw .input-area p{width:calc(100% - 6rem);margin:0 auto 10px;color:#666;text-align:left;font-size:15px;}
.find-pw .input-area input{height:45px;padding:0 1rem;font-size:1.5rem;width:calc(100% - 6rem);border:1px solid #aaa;}
.find-pw .input-area input:active,
.find-pw .input-area input:focus{border:1px solid #ff527e;}
.find-pw .notice-txt{padding:15px 0;border-top:1px solid #ddd;margin-top:15px;text-align:left;line-height:22px;}
.find-pw .notice-txt p{font-size:14px;margin-bottom:0;}
.find-pw .notice-txt p:last-child{font-size:12px;text-align:right;}
.btn-kakao{background:#fae100;width:calc(100% - 10rem);height:50px;line-height:50px;border-radius:5px;color:#3c1e1e;font-weight:500;font-size:17px;margin:10px auto 0;min-width:230px;}
.btn-kakao span{position:relative;padding-left:55px;display:inline-block;height:50px;line-height:53px;margin-left:-20px}
.btn-kakao span:before{content:'';background: url(../images/common/btn_kakao.png) left center no-repeat;position:absolute;left:0;top:0;background-size:contain;width:50px;height:50px;}

/* 비밀번호 변경하기 페이지 */
.change-pw{background:#fff;padding:30px 15px 70px;}
.change-pw > p.title{font-size:22px;font-weight:500;}
.change-pw .input-area{padding:30px 10px;margin-top:30px;margin-bottom:20px;background:#e9edf3;border-radius:3px;}
.change-pw .input-area .input-list{text-align:left;}
.change-pw .input-area .input-list li{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center;}
.change-pw .input-area .input-list li label{font-size:15px;display:inline-block;width:110px;}
.change-pw .input-area .input-list li input{height:40px;line-height:40px;padding:0 10px;width:calc(100% - 110px);font-size:15px;}
.change-pw .notice-txt{padding:15px 0;border-top:1px solid #ddd;margin-top:15px;text-align:left;line-height:22px;}
.change-pw .notice-txt p{font-size:14px;margin-bottom:0;}
.change-pw .notice-txt p:last-child{font-size:12px;text-align:right;}
.change-pw .btn-pink{display:inline-block;margin:20px auto 0;color:#fff;font-size:1.7rem;width:calc(100% - 10rem);border-radius:5px;height:5rem;line-height:5rem;font-weight:500;}

.main-slide-area.mobile.landing{margin-bottom: .75rem;border-bottom: 1px solid #ddd;}
.landing .section.padding-0{padding:0;}
.landing .section.padding-0 .section-tit{padding:2.4rem 1.5rem 0;margin-bottom:.5rem;}
.webtoon-list.add-text{flex-wrap:nowrap;padding:2.5rem 0.75rem 3rem;}
.webtoon-list.add-text li{width:50%;margin:0;padding:0 0.75rem;}
.webtoon-list.add-text .thumbnail-box .item-img{border:1px solid #dbdbdb;}
.webtoon-list.add-text .thumbnail-box .item-info .title{position:relative;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #eaeaea;font-weight:500;padding-right:55px;}
.webtoon-list.add-text .thumbnail-box .item-info span.hit-num{position:absolute;right:0;top:0;}
.webtoon-list.add-text .thumbnail-box .item-info span.hit-num:after{display:none;}
.webtoon-list.add-text .thumbnail-box .item-info .text{word-wrap:break-word;font-size:12px;line-height:16px;color:#8d8d8d;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:33px;overflow: hidden;}

.landing .thumbnail-box .item-img{border:1px solid #dbdbdb;}
.landing .landing-ranking{position: relative;margin-bottom: .75rem;padding: 2.4rem 1.5rem;background-color: #fff;border-bottom: 1px solid #ddd;}
.landing .banner-join{padding:.75rem 1.5rem;}
.landing .banner-join .swiper-container{margin-right:-1.5rem;}
.landing .banner-join .swiper-slide{width:calc(100% / 1.5)}
.landing .landing-ranking .swiper-slide{width:calc(100% / 3.5);margin-right:10px !important;}
.landing .thumbnail-box .item-img .ranking{background: #ff527e;}

/* 무료관 */
.episode-page.marketing .episode-info .detail .hash-tag{right:auto;left:0;margin-left:2px;}

/* 세일 > 무료관 */
.daily-free .type01 .swiper-slide{width: calc(100% / 3.5);margin-right: 10px !important;}



/* 본인인증 - 카카오인증팝업 */
/* .popup.kakao-certify{width:100%;max-width:100%;} */
.popup.kakao-certify .pop-header{padding:10px 0;text-align:center}
.popup.kakao-certify h3{display:inline-block;font-size:20px;height:50px;line-height:50px;background:url(../images/common/kakaopay.svg) 0 0 no-repeat;background-size:auto 50px;padding-left:105px;}
.popup.kakao-certify .form-list{height:335px;}
.popup.kakao-certify .form-list > p{font-size:17px;text-align:center;line-height:26px;padding:100px 30px;}
.popup.kakao-certify .form-item{padding:10px 30px;}
.popup.kakao-certify label,
.popup.kakao-certify .form-item > span{display:block;font-size:17px;letter-spacing:-0.5px;margin-bottom:10px;}
.popup.kakao-certify input{width:100%;height:40px;padding:10px;font-size:17px;}
.popup.kakao-certify input[type="radio"] + label span{margin-left:6px;}
.popup.kakao-certify .form-item ul li{display:inline-block;margin-right:20px;}
.popup.kakao-certify .button-area{margin:30px 0;padding:0 30px;text-align:center;}
.popup.kakao-certify .button-area button{text-align:center;font-size:18px;border:1px solid #434343;border-radius:4px;padding:10px;width:100%;color:#434343;transition:all .3s}
.popup.kakao-certify .button-area button:hover,
.popup.kakao-certify .button-area button:active{background:#434343;color:#fff;}

.LoaderBalls {width:90px;margin:0 auto;display:flex;justify-content:space-between;align-items: center;}
.LoaderBalls_item {width:5px;height:5px;border-radius:50%;background:#00f1ca;}
.LoaderBalls_item:nth-child(1) {animation:bouncing 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95);}
.LoaderBalls_item:nth-child(2) {animation:bouncing 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;}
.LoaderBalls_item:nth-child(3) {animation:bouncing 0.4s 0.2s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;}
.LoaderBalls_item:nth-child(4) {animation:bouncing 0.4s 0.3s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;}
.LoaderBalls_item:nth-child(5) {animation:bouncing 0.4s 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;}

@keyframes bouncing {
  0% {
    transform:translate3d(0, 10px, 0) scale(1.2, 0.85);
  }
  100% {
    transform:translate3d(0, -20px, 0) scale(0.9, 1.1);
  }
}

.radio_id{margin-bottom:5px;}
.radio_id input[type="radio"] + label{font-size:14px;}
.radio_id input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -17px 0 no-repeat;background-size:cover;margin-right:5px;}

/* 친구 추천 이벤트 */
.friend{}
.friend ul li{position:relative;}
.friend ul li .friend_button1{position:absolute;bottom:0;width:80%;left:0;right:0;margin:auto;display:flex;justify-content:center;}
.friend ul li .friend_button1 a{width:100%;}
.friend_button2{position:absolute;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;height:100%;width:100%;padding:20% 10% 8%;}
.friend_button2 a{display:block;text-align:center;width:100%;font-size:0;}
.friend_button2 a:first-of-type{margin-right:15px;}
.friend_button2 a:last-of-type{margin-left:15px;}

/* 충전소 리뉴얼 */
.coin-list .event-txt{color:#434343;font-size:12px;border:1px solid #ccc;border-radius:20px;padding:7px;text-align:center;margin:0 30px;font-weight:500;margin-top:20px;}

/* 충전 완료 */
.payment-ok{background: #fff;padding: 7rem 1.5rem;text-align:center;}
.payment-ok img{width:200px;}
.payment-ok p{margin:60px 0 30px;font-size:20px;font-weight:500;letter-spacing:-1px;}
.payment-ok .btn-go-webtoon{position:relative;display:block;width:240px;margin:0 auto;height:50px;line-height:50px;background:#ff527e url(../images/common/btn_next_w.png) right 20px center no-repeat;background-size:8px;font-size:1.7rem;border-radius:4px;color:#fff;font-weight:500;}


/* 애니툰 최고 매출 */
.best-sales{}
.top1{position:relative;border-radius:6px;overflow:hidden;margin-bottom:2px;}
.top1 > a{position:relative;}
.top1 > a:after{content:'';position:absolute;bottom:0;width:100%;height:150px;background:url(../images/common/img_shadow2.png) bottom center no-repeat;background-size:100% 100%;left:0;right:0;opacity:0.5}
/* .top1 > a .thumbnail-box .item-img{height:200px;} */
.top1 > a .thumbnail-box .item-info{position:absolute;bottom:0;color:#fff;z-index:10;padding:15px;}
.top1 .thumbnail-box .item-info .tag-top1{color:#fff;background:#ff527e;border-radius:3px;padding:2px 7px;font-size:12px;height:auto;vertical-align:-1px;margin-right:3px;}
.top1 .thumbnail-box .item-info span{color:#fff;font-family:'Nanum Square', '나눔스퀘어', 'Noto Sans KR', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;vertical-align:-1px;letter-spacing:0;max-width:60px;}
.top1 .thumbnail-box .item-info span.hit-num:before{background:url(../images/common/ico_mypage.png) 0 0 no-repeat;background-size:8px;}
.top1 .thumbnail-box .item-info span.hit-num:after{display:none;}
.top1 .thumbnail-box .item-info .tag-genre{position:relative;padding-left:6px;}
.top1 .thumbnail-box .item-info .tag-genre:after{content:'';position:absolute;top:1px;left:-2px;width:1px;height:11px;background:#9e9e9e;}
.type03 .swiper-slide{width:calc(100% / 3);margin-top:12px !important;}
.type03{/*position:relative;*/padding-top:0;}
.type03 .swiper-pagination.best-slide{top:-3px;right:0;}
.swiper-pagination-best-slide1,
.swiper-pagination-best-slide2,
.swiper-pagination-best-slide4{position:absolute;right:2.8rem;top:2.7rem;}
.swiper-pagination-best-slide3{position:absolute;right:30px;top:27px;}
.thumbnail-box .item-info .tag-top2{color:#fff;background:#ff527e;border-radius:3px;padding:2px 7px;font-size:12px;height:auto;vertical-align:-1px;margin-right:3px;margin-bottom:7px;}
.best-sales .btn-more,
.new-ranking .btn-more{font-size:0;width:10px;height:10px;}
span.img-tag.tag-top1{position:absolute;left:0;top:0;z-index: 10;position: absolute;left: 0;right: auto;top: 0;bottom: auto;border:0;}
span.img-tag.tag-top1:before{content: '';position: absolute;left: 0;top: 0;z-index: -1;display: block;width: 0;height: 0;border-right: 35px solid transparent;border-top: 35px solid #ff527e;}
span.img-tag.tag-top1 .tag-text{display:block;margin-left:-17px;font-size:13px;margin-top:1px;letter-spacing:-1px;}
  /* span.img-tag.tag-top1{width:50px;height:50px;font-size:15px;top:0;left:0;background:url(../images/common/ico_top1.png) left top no-repeat;background-size:100%;border-radius:0;} */

/* 완결 랭킹 */
.ico-adult{display:inline-block;width:2rem;height:2rem;border-radius:50%;color:#fff;margin-right:5px;background:#ff527e;line-height:2rem;font-size:1.2rem;text-align:center;font-style:normal;background:url(../images/common/ico_adult19.png) 0 0 no-repeat;background-size:20px;font-size:0;vertical-align:middle;}
/*.finished-ranking .thumbnail-box.horizontal .item-img{width:13rem;}*/
/*.finished-ranking .thumbnail-box.horizontal .item-img img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}*/
/* .finished-ranking .btn-more{font-size:0;width:10px;height:10px;}*/ 


.finished-ranking .thumbnail-box.horizontal .item-info,
.end-ranking .thumbnail-box.horizontal .item-info{width:calc(100% - 15rem)}
.finished-ranking .swiper-slide,
.end-ranking .swiper-slide{margin-top:10px !important;}
.end-ranking .swiper-container:after,
.finished-ranking .swiper-container:after{content:'';position:absolute;right:0;top:0;width:70px;height:100%;background:url(../images/common/bg_gradation.png) right top repeat-y;background-size:contain;z-index:10;}

/* ----------------------------------------
  media query - Tablet, PC / SUB
------------------------------------------ */

@media screen and (min-width:940px){
html, body{min-width:1350px;width:100%;}
.sub-title-area{display:none !important;}
.pop-area.type01{width:100%;}
/* .wrap.view{padding-top: 58.5px !important;} */
.header .header-item{display:block;}
.sub-title-area{display:none;width:1200px;}
.sub-title-area h3{border:none;margin:0 auto 80px;}
.sub-title-area h3 a{display:inline-block;width:auto;height:auto;background:none;font-size:36px;font-weight:500;padding-left:15px;text-align:center;padding:0 3px 10px;border-bottom:1px solid #434343;}
.sub-tab > .sub-tab-list{margin:0 auto 30px;height:75px;justify-content:center;padding:15px 0}
.sub-tab > .sub-tab-conts{min-height:247px;}
.webtoon-list{justify-content:flex-start;padding:20px 0;}
.webtoon-list li{width:224px;margin-right:20px;margin-bottom:40px;}
.webtoon-list li:nth-of-type(3n){margin-right:2rem;}
.webtoon-list li:nth-of-type(5n){margin-right:0;}
.webtoon-list .thumbnail-box .item-img{width:224px;height:304px;}
.ranking .swiper-slide .webtoon-list,
.swiper-slide .webtoon-list{padding-top:30px;}

/* 마이페이지 */
.sub-contents > .my-page{width:1200px;margin:0 auto 200px;}
.my-info .img-area{width:104px;height:104px;background-size:41px 43px;}
.sub-contents > .my-page .my-info{padding:39px 60px 0;margin-bottom:30px;border:1px solid #ddd;}
.my-page .info-detail{width:calc(100% - 134px);padding-left:30px;margin-top:25px;}
.my-page .info-detail p.my-grade,
.my-page .my-info .info-detail .my-email{font-size:25px;margin-bottom:25px;}
.my-page .info-detail p.my-grade{font-size:30px}
.my-page .progress-area{padding-top:60px;padding-bottom:45px;font-size:23px;}
.my-page .progress-bar{height:15px;margin-bottom:35px;}
.my-page .progress-bar:after{top:-20px;width:18px;height:13px;background-size:100%;right:-7px;}
.my-page .progress-bar:before{content:'';position:absolute;top:2px;left:-18px;width:16px;height:13px;background:url(../images/common/ico_won.png) 0 0 no-repeat;background-size:contain;}
.my-page .progress-bar .section-line > span{font-size:18px;padding-top: 18px;}
.my-page .progress-bar .my-state-num{min-width:50px;top:-37px;right:-28px;font-size:18px;padding:5px 10px;}
.my-page .progress-bar .my-state-num:after{bottom:-6px;border-width:8px;left: calc(50% - 6px);}
.my-page .progress-bar .section-line > span:nth-of-type(1):after,
.my-page .progress-bar .section-line > span:nth-of-type(2):after{height:15px;}
.my-page .my-coin-detail{position:absolute;top:42px;right:30px;max-width:350px;height:112px;background:transparent;}
.my-page .my-coin-detail li{display:flex;flex-direction:column;align-items:center;justify-content:space-around;}
.my-page .my-coin-detail li > p{margin-top:7px;font-size:23px;color:#434343;}
.my-page .my-coin-detail li > span{font-size:40px;background-size:20px 20px;padding-right:28px;margin-left:10px;}
.my-page .btn-benefit{display:none;}
.my-page .progress-area p > .btn-benefit{display:block;font-size:19px;width:150px;height:40px;line-height:40px;padding:0;bottom:-8px;right:5px;}
.coin-tab table{margin:0 auto 40px;}
.coin-tab th,
.coin-tab td{font-size:25px;height:80px;}
.coin-tab th{border-top:1px solid #ddd;font-size:21px;}
.coin-tab td{font-size:20px;}
.coin-tab .btn-del{width:3rem;height:3rem;background-size:1.5rem 1.5rem;}
.my-page .progress-area p{padding-top:1rem;text-align:center;}
.sub-tab.coin-tab:before{content:'';height:80px;background:#f2f2f2;position:absolute;left:0;right:0;width:100%;z-index:0;}
.sub-tab.coin-tab .sub-tab-list{position:relative;z-index:10;}

/* 내 서재 */
.my-library .sub-tab > .sub-tab-list{justify-content:center} 
.my-library .sub-tab > .sub-tab-list a{margin:0 155px;}
.my-library .sub-tab-conts{width:1200px;margin:0 auto;}
.no-item{padding-top:200px;background-size:64px 64px;}
.no-item p:first-of-type{font-size:27px;margin-bottom:15px;}
.no-item p:last-of-type{font-size:22px;}
.my-library .top-area .item-search input{width:400px;height:40px;}
.my-library .top-area .item-search .btn-search-go{width:60px;top:10px;right:-60px;height:40px;line-height:40px;}
.my-library .top-area .btn-trash{width:40px;height:40px;right:0;top:10px;background-position:center center;background-size:20px;}
.my-library .buying-list .btn-area{position:absolute;right:0;bottom:-4px;width:auto;}
.my-library .buying-list .btn-area button{width:80px;height:28px;line-height:28px;font-size:16px;font-weight:400;padding:0;border-radius:3px;}
.my-library .buying-list .btn-area button.btn-del{background-image:none;background:#434343;color:#fff;}
.my-library .my-pick .buying-list .btn-area{display:none;}
.my-library .my-pick .buying-item a{width:100%;}
.my-library .my-pick .buying-list .buying-item .thumbnail-box .item-info .cartoonist-name{width:145px}
.my-library .buying-item{position:relative;padding:0;}
.my-library .buying-list{display:flex;flex-wrap:wrap;margin-top:20px;padding:0;}
.my-library .buying-list li{position:relative;width:224px;margin-right:20px;margin-bottom:50px;border-bottom:0;}
.my-library .buying-list li .thumbnail-box .item-img{width:224px;height:143px;border-radius:4px;}
.my-library .buying-list .buying-item .thumbnail-box{display:block;width:224px;}
.my-library .buying-list .buying-item .thumbnail-box .item-info{width:100%;margin-top:15px;padding-left:0;}
.my-library .buying-list .buying-item .thumbnail-box .item-info .title{font-size:22px;margin-bottom:7px;}
.my-library .buying-list .buying-item .thumbnail-box .item-info .cartoonist-name{width:100%;}
.my-library .buying-list li .my-collection{width:1200px;margin-top:30px;border:1px solid #eee;}
.my-library .buying-list li:nth-of-type(5n){margin-right:0;}
.my-library .buying-list .pick-list{padding:2rem 2rem 0;}
.my-library .buying-list .pick-list img{width:100%;}
.my-library .buying-list .pick-list li{width:calc((100% / 4) - 1.75rem);margin-left:10px;margin-bottom:20px;margin-right:10px;}
.my-library .buying-list .pick-list li:nth-of-type(4n){margin-right:0}
.my-library .buying-list .pick-list li p{font-size:18px;}
.my-library .pick-list li.pick-item .btn-area button{width: 8.8rem;cursor:pointer;height: 3.5rem;color: #379ff0;font-size: 17px;background: #fff;font-weight: 500;border: 1px solid #379ff0;}
.my-library .pick-list li.pick-item .btn-area button:hover,
.my-library .pick-list li.pick-item .btn-area button:active{background:rgba(255,255,255,0.8);}
.buying-item .thumbnail-box .percent,
.buying-item .thumbnail-box .percent em{font-family:"Noto Sans CJK KR";vertical-align:0;font-size:14px;margin-right:4px;}
.my-library .buying-list li:nth-child(5n+2) .my-collection{margin-left:-246px;}
.my-library .buying-list li:nth-child(5n+3) .my-collection{margin-left:-492px;}
.my-library .buying-list li:nth-child(5n+4) .my-collection{margin-left:-738px;}
.my-library .buying-list li:nth-child(5n) .my-collection{margin-left:-984px;}
.my-library .buying-list li:nth-child(5n+2) .my-collection:before{left:290px;}
.my-library .buying-list li:nth-child(5n+3) .my-collection:before{left:540px;}
.my-library .buying-list li:nth-child(5n+4) .my-collection:before{left:790px;}
.my-library .buying-list li:nth-child(5n) .my-collection:before{left:1040px;}
.buying-list li .my-collection th,
.buying-list li .my-collection td{font-size:18px;padding:15px 10px;line-height:24px;border-bottom:1px solid #ddd;}
.my-library .buying-list li .my-collection:before{width:30px;height:20px;background:url(../images/common/ico_triangle.png) 0 0 no-repeat;background-size:contain;top:-15px;border:0;}

/* 회차 리스트 */
.sub{padding-top: 137px;padding-bottom:50px;}
.sub-contents{min-height:385px;}
.episode-page{margin-top:20px;}
.episode-info.new{padding-top:20px;}
.episode-info,
.list-area{position:relative;width:1200px;margin:20px auto 0;font-size:0;overflow:hidden;}
.episode-info .info-top{width:100%;min-height:217px;margin-bottom:30px;flex-direction:column;}
.episode-info .thumbnail{width:327px;height:217px;margin:0;position:absolute;left:0;}
.episode-info .detail{margin:0;padding:0 0 0 357px;width:100%;height:auto;}
.episode-info .detail .title{width:calc(100% - 100px);margin-top:5px;margin-bottom:15px;font-size:35px;letter-spacing:-.5px;font-weight:400;overflow:auto;white-space:normal;word-break:break-word;line-height:40px;}
.episode-info.new .detail .title{padding-right:0;}
.episode-info .detail .title .ico-adult{width:4rem;height:4rem;line-height:4rem;font-size:0;margin-right:8px;background-size:40px;vertical-align:12px}
.episode-info .detail span{height:22px;line-height:23px;font-size:19px;}
.episode-info .detail .free-num{display:inline-block;font-size:19px;padding-left:21px;background-position:0 4px;background-size:18px;vertical-align:3px;margin-top:5px;}
.episode-info .detail span.hit-num{padding-left:18px;background-size:15px;background-position:left 3px;vertical-align:4px;}
.episode-info.new .detail span.cartoonist-name,
.episode-info .detail span.cartoonist-name{padding-left:20px;padding-right:22px;background-size: 1px 16px;background-position:9px 4px;vertical-align:-1px;}
.episode-info.new .detail span.cartoonist-name:after,
.episode-info .detail span.cartoonist-name:after{content:'';position:absolute;top:50%;background:#7b7b7b;width:1px;height:16px;margin-top:-7px;right:10px;}
.episode-info .detail span.pick-num{display:inline-block;padding-left:22px;background-size:17px;vertical-align:top;margin-top:0;}
.episode-info .detail .hash-tag{position:relative;margin-top:15px;height:45px;overflow:hidden;margin-left:0;line-height:45px;}
.episode-info .detail .hash-tag span{height:20px;font-size:19px;margin-right:13px;padding-left:21px;background-size:18px;background-position:left 2px;}
.episode-info .detail .btn-pick,
.episode-info .detail .btn-pick.on{top:5px;right:0;width:115px;padding-top:70px;font-size:0;background-size:60px auto;}
.episode-info .synopsis{position:relative;font-size:23px;padding:0 100px 0 357px;border-top:0;}
.episode-info .synopsis p{height:auto;font-size:16px;line-height:23px;letter-spacing:-.7px;word-break:keep-all;}
.episode-info .synopsis .btn-more{display:none;}
.episode-info .btn-area{position:relative;float:left;width:600px;padding:0;z-index:10;}
.episode-info .btn-area a{width:315px;float:left;font-size:27px;padding:25px 0;border-radius:6px;font-weight:400;letter-spacing: -.5px;}
.episode-info .detail .btn-pick:before,
.episode-info .detail .btn-pick.on:before{font-size:20px;}
.episode-info .detail .btn-pick.on:after{width:60px;height:60px;background-size:60px;left:28px;}

/* 회차 리스트 - 신작품 */
.episode-info.new .info-top{min-height:310px;}
.episode-info.new .thumbnail{width:600px;height:304px;border-radius:8px;}
.episode-info.new .detail{width:1200px;max-height:115px;margin: 0 0 30px 0;padding: 0 0 0 620px;}
.episode-info.new .synopsis{padding:35px 0 0 620px;}

/* 회차 리스트 - 다른 작품 리스트 */
.other-list{border-bottom:0;margin-bottom:0;}
.other-list.open .slide-nav{display:block;left:0;right:0;margin:-35px auto 0;}
.other-list.open .swiper-button-next{background:url(../images/common/btn_other_next.png) 0 0 no-repeat;}
.other-list.open .swiper-button-prev{background:url(../images/common/btn_other_prev.png) 0 0 no-repeat;}
.other-list .swiper-container{width:1200px;margin:0 auto;}
.other-list .swiper-slide{width:calc(100% / 6.5);}
.other-list .thumbnail-box .item-img {width:auto;height:auto;}
.other-list.open{height:237px;padding:4rem 0 2.2rem;margin-top:2.5rem;margin-bottom:30px;}
.other-list.open:before{content: '';position: absolute;width: 1200px;height: 20px;top: -20px;left: 0;right: 0;background: url(../images/common/bg_list_top.png) 128px 0 no-repeat;border: none;background-size: 40px 20px;margin: auto;}
.other-list .thumbnail-box .title{font-weight:400;font-size:19px;}
p.no-other-item{color:#7b7b7b;margin-top:-20px;font-size:20px;line-height:160px;}

/* 회차 리스트 - 전체 소장 */
.buy-all-banner{position:absolute;left:0;right:0;width:1200px;height:80px;margin:-93px auto 0;z-index:0;background:transparent;background:#fff;border-bottom:0;}
.buy-all-banner .buy-info{position:absolute;right:0;width:580px;height:80px;margin-bottom:0;border-radius:6px;padding:11px 15px;line-height:26px;background:#ffedf2;justify-content: space-between;}
.other-list.open + .buy-all-banner{margin:-385px auto 0;}
.buy-all-banner .buy-info .sale-info{padding-left:0;text-align:left;}
.sale-info .title{font-size:21px;margin-bottom:3px;margin-top:6px;letter-spacing:-1px;padding-left:32px;background-position:0 2px;background-size:24px;}
.buy-all-banner .title strong{letter-spacing:-1px;font-size:23px;}
.buy-all-banner .title span.won{margin-left:1px;padding-left:0;font-size:21px;}
.buy-all-banner .title span.won:before{left:3px;top:3px;width:2px;height:18px;}
.buy-all-banner .title span.won > del{font-size:18px;font-weight:500;}
.sale-info .num1,
.sale-info .num1 span{font-size:17px;}
.sale-info .num2,
.sale-info .num2 span{font-size:18px;}
.sale-info .num3,
.sale-info .num3 span{font-size:24px;color:#ff527e;}
.sale-info .num3{margin-left:3px;}
.buy-all-banner .btn-buy-all{width:150px;height:55px;;line-height:56px;font-size:24px;top:15px;background-size:32px;background-position:20px 12px}

/* 회차 리스트 - BEST 7 */
.best-toon{display:inline-block;width:410px;margin-right:30px;border:1px solid #ddd;border-radius:8px;padding-left:20px;padding-right:20px;}
.best-toon .section-tit{height:90px;line-height:90px;margin:0;font-weight:500;font-size:26px;}
.best-toon ul li{margin-bottom:20px;}
.episode-list .thumbnail-box.horizontal,
.best-toon .thumbnail-box.horizontal {border-radius:5px;}
.best-toon .thumbnail-box.horizontal .item-img{width:160px;height:107px;}
.best-toon .thumbnail-box.horizontal .item-info{width:calc(100% - 180px);height:110px;margin-left:15px;padding:35px 0;}
.best-toon .thumbnail-box.horizontal .ranking-num{position:absolute;height:40px;color:#fff;background: #ff527e;border-bottom-right-radius: 6px;font-size:28px;line-height:40px;font-weight:400;z-index:10;display:none;}
.best-toon .thumbnail-box.horizontal .item-info .title{font-size:19px;font-weight:400;color:#000;margin-bottom:3px;}
.best-toon .thumbnail-box.horizontal .item-info span{font-size:13px;}
.episode-list{display:inline-block;width:760px;vertical-align:top;margin-bottom:50px;}
.episode-list .top-area{height:80px;line-height:80px;margin:0;padding:0;border-bottom:none;align-items:top;}
.btn-sorting{background-size:22px 17px;padding-left:30px;font-weight:400;}
.btn-sorting.ico-asc:before,
.btn-sorting.ico-desc:before{font-size:18px;vertical-align: -5px;}
.btn-share{font-size:18px;background-size:16px;padding-left:20px;}
.episode-list ul{padding:0;}
.episode-list li{margin-bottom:0;padding-top:10px;padding-bottom:10px;}
.episode-list .thumbnail-box.horizontal .item-img{width:160px;height:107px;}
.episode-list .thumbnail-box.horizontal .item-info{width:calc(100% - 330px);height:110px;margin-left:20px;padding:35px 0;}
.episode-list .thumbnail-box.horizontal .item-info span.txt_prologue,
.episode-list .thumbnail-box.horizontal .title{font-size:26px;font-weight:500;}
.episode-list .thumbnail-box.horizontal .item-info span.txt_prologue{font-weight:400;}
.episode-list .thumbnail-box.horizontal .item-info span,
.episode-list .thumbnail-box.horizontal .right-info{width:105px;height:30px;font-size:22px;line-height:30px;}
.episode-list .thumbnail-box.horizontal .item-img .blind .text{font-size:25px;}
.episode-list .thumbnail-box.horizontal .item-info span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-family: 'Nanum Square', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;letter-spacing: -1px;}
.episode-list .thumbnail-box.horizontal .right-info > span{height:35px;line-height:35px;font-size:18px;}
.episode-list .thumbnail-box.horizontal .right-info > span.sale{font-size:20px;}
.episode-list .thumbnail-box.horizontal .right-info > span.sale del{font-size:16px;}
.episode-list .thumbnail-box.horizontal .right-info > span.preview{font-weight:400;}
.episode-list .btn-level{width:100px;height:26px;line-height:25px;margin-left:10px;font-size:15px;padding:0;font-family: "Noto Sans CJK KR";text-shadow: 1px 1px 2px rgba(0,0,0,.25);letter-spacing:-1px;font-weight:500;top:9px;left:-20px;}
.episode-list .thumbnail-box.horizontal:hover .item-img img{transform:none;}

/* 충전소 */
.payment .payment-top{width:100%;margin-bottom:30px;}
.payment .payment-top .my-info{width:1200px;margin:0 auto;padding:39px 60px 0;border:1px solid #ddd;}
.payment-total-pc{border:1px solid #ddd;}
.payment-area{width:1200px;margin:0 auto 80px;font-size:0;}
.payment-area .btn-area{justify-content: center;margin-bottom:70px;}
.payment-area .btn-area a{width:320px;height:80px;line-height:80px;font-size:30px;padding:0;}
.payment-area .btn-area a:first-of-type{margin-right:20px;}
.payment .my-page .my-coin-detail{right:90px;top:40px}
.payment .my-page .my-coin-detail li{height:120px}
.payment .my-page .my-coin-detail li > p{font-size:25px;margin-bottom:5px;}
.payment .my-page .my-coin-detail li > span{letter-spacing:-2.5px;font-size:48px;font-weight:500;background-position:right 4px bottom 8px;}
.payment .sub-tab > .sub-tab-list:before{content:'';width:100%;height:75px;background:#f2f2f2;position:absolute;top:0;left:0;right:0;z-index:0}
.payment .sub-tab > .sub-tab-list{width:1200px;}
.payment .sub-tab > .sub-tab-list a{z-index:10}

/* 충전소 - 등급 안내 */
.level-info{display:block;height:610px;background:url(../images/common/img_level_info_pc.png) 0 0 no-repeat;padding-bottom:0;background-size:contain;}

/* 충전소 - 결제 상품 */
.coin-list{margin:25px 0;border-bottom:0;}
.coin-list table th{height:80px;font-weight:500;border:1px solid #eee;font-size:25px;}
.coin-list table td{width:360px;height:110px;font-size:25px;padding-left:50px;}
.coin-list table tr td:first-child{width:100px;}
.coin-list table tr td:nth-of-type(2){width:260px;}
.coin-list table tr td:nth-of-type(3){width:410px}
.coin-list table tr td:nth-of-type(4){width:350px;}
.coin-list table td .td-info{display:flex;justify-content:flex-start;align-items:center;}
.coin-list td p{font-size:23px;display:inline-block;}
.coin-list td del{font-size:23px;margin-right:10px;}
.coin-list .time-box span:first-of-type{padding-left:38px;padding-right:20px;background-size:30px;background-position:0 0;font-size:27px;height:30px;line-height:30px;}
.coin-list .time-box .time{font-size:40px;padding-left:23px;background-size:1px 23px;background-position:left 19px;}
.coin-list .time-box .time:before{font-size:20px;margin-bottom:4px;}
.coin-list td:last-child .td-info{flex-direction:row-reverse;justify-content: flex-end;}
.coin-list td .sale-percent{padding-right:20px;background-position:right top 2px;background-size:auto;padding-left: 10px;}
.coin-list td .plus-coin{padding-left:20px;background-position:left 5px center;background-size:auto}
.coin-list td span + p{margin-top:0;padding-left:10px;}
.coin-list .event-box td:nth-of-type(2) .td-info{position:relative;}
.coin-list .event-box td:nth-of-type(2) .td-info p{position:absolute;top:-18px;font-size:22px;left:15px;}
.coin-list .event-box td:nth-of-type(2) .td-info p + del,
.coin-list .event-box td:nth-of-type(2) .td-info p + del + span{margin-top:10px;}
.coin-list table tr{cursor:pointer;}
.coin-list table tr:not(.time-box) td:first-child,
.coin-list table tr.tr-select:not(.time-box) td:first-child{background-size:30px;}
.coin-list .event-table,
.coin-list .time-attack{border-width:5px;}
.coin-list .payment-table{border:5px solid #eee}

.promotion-cont{height:120px;}
.promotion-cont .cont1{width:100px;background-size:30px;}
.promotion-cont .cont2{width:270px;padding-left:0;}
.promotion-cont .cont2 span{height:40px;line-height:40px;}
.promotion-cont .cont2 span{font-size:30px;}
.promotion-cont .cont3{width:510px;padding-left:0}
.promotion-cont .cont3 .txt2{padding-left:40px;background-size:30px;}
.promotion-cont .cont3 .txt3{display:inline-block;font-size:25px;background-size:30px;vertical-align:2px;padding-left:40px;}
.promotion-cont .cont3 del{text-align:right;margin-right:0;}
.promotion-cont .cont3 span{font-size:30px;height:30px;line-height:30px;}

/* 충전소 - 결제 수단 */
.payment-info{position:absolute;height:100%;display:inline-block;width:720px;border:1px solid #ccc;}
.total-coin .btn-select{font-size:17px;padding:8px 23px 8px 15px;right:30px;top:35px;}
.total-coin{height:360px;padding:15px 30px 0;margin-bottom:30px;border-bottom:1px solid #ddd;}
.total-coin .title{width:100%;font-size:25px;font-weight:500;line-height:80px;}
.coin-box{padding:30px 25px 25px;margin-top:5px;}
.coin-box .coin{font-size:20px;}
.coin-box .coin > span{margin-top:20px;font-size:40px;padding-left:18px;letter-spacing:-1.5px;}
.coin-box .coin > span:after{bottom:6px;width:20px;height:20px;}
.coin-box .plus, .coin-box .equal{width:42px;height:42px;}
.total-coin .sum{padding-top:30px;font-size:23px;}
.total-coin .sum strong{font-size:23px;margin-left:10px;letter-spacing:-1.5px;font-weight:normal;}
.total-coin .sum strong > span{font-size:40px;font-weight:500;}
.payment-method{margin-top: -13px;}
.payment-method .title{font-size: 18px;height: 50px;line-height: 50px;margin-top:20px;margin-bottom: 5px;border-bottom: 0;padding-left: 15px;}
.payment-method > ul{padding:0 30px;}
.payment-method > ul li{width:calc((100% / 3) - 11px);margin-right:16px;margin-bottom:20px;}
.payment-method > ul li a{height:50px;line-height:50px;padding:0;font-size:19px;cursor:pointer;}
.payment-method > ul:last-of-type{border-bottom:0;}
.payment-method > ul li a.t-money{background-size:50%;}
.payment-method > ul li a.teen-cash{background-size:35%;}
.payment-method > ul li a.kakaopay{background-size:70%;}
.payment-method > ul li a.payco{background-size:45%;background-position:55% center;}
.payment-method > ul li a.ok-cashbag{background-size:65%;}
.payment-method > ul li a.happy-money{background-size:50%;}
.payment-method > ul li a.bookandlife{background-size:65%;}
.payment-method > ul li a.cultureland{background-size:80%;}
.payment-method > ul li a.voucher-anytoon{background-size:65%;}
.payment-method > ul li a.naver{background-size:78px;}
.payment-notice{margin-top:50px;background:none;padding:30px 0 5px;border-bottom:0;border-radius:0;border-top:1px solid #ddd;}
.payment-notice ul li{font-size:15px;line-height:21px;padding-left:10px;color:#999;font-family: 'Noto Sans CJK KR';margin-bottom:5px;font-weight:300;}
.payment-notice p{font-size:19px;border:0;margin-bottom:20px;}
.payment-method > ul li.cutbtn a{cursor:default;}

/* 결제정보 확인 */
.payment .payment-bottom{position:relative;width:100%;height:100%;border-top:0;}
.payment-total-pc{width:450px;height:1160px;margin-left:750px;padding:20px 30px;border:1px solid #ccc;vertical-align:top;font-size: 25px;}
.payment-total-pc > p:first-child{font-size:25px;font-weight:500;color:#434343;padding:15px 0 10px;}
.payment-total-pc p.sum{padding:0 0 0 10px;text-align:justify;font-size:19px;color:#7c7c7c;height:40px;line-height:40px;letter-spacing:-0.5px;}
.payment-total-pc p.sum:before{content:'';position:absolute;top:16px;left:0;width:3px;height:3px;background:#999;}
.payment-total-pc p.sum strong{float:right;font-size:32px;color:#ff527e;letter-spacing:-1.5px;}
.payment-total-pc p.sum:first-child strong{font-size:23px;color:#434343;}
.payment-total-pc p.sum:last-child strong:after{font-size:19px;vertical-align:2px;}
.payment-total-pc .form-item{display:flex;width:100%;font-size:18px;color:#8e8e8e;line-height:36px;}
.payment-total-pc input[type="checkbox"] + label{font-size:17px;}
.payment-total-pc .btn-pink{height:70px;line-height:70px;margin-top:30px;color:#fff;text-align:center;font-weight:500;font-size:27px;border-radius:6px;}
.coin-list td .sale-percent{float:right;padding-right:17px;padding-left:10px;}
.coin-list td .sale-percent:after{width:25px;height:25px;right:-12px;top:-1px;font-size:16px;}

/* 충전소 - 무료충전 */
ul.free-coin-list{margin:0 auto;}
ul.free-coin-list li{width:50%;padding:0 10px;margin-bottom:30px;cursor:pointer;}
ul.free-coin-list li > div,
ul.free-coin-list li > a{border:1px solid #ddd;}

.payment-area .level-info{display:none;}


/* 코인 리뉴얼 */
.coin-list{position:relative;margin-top:50px;}
.coin-list .event-txt{font-size:22px;padding:15px 0;width:600px;position:absolute;left:0;right:0;top:-25px;margin:auto;border-radius:40px;background:#fff;}
/* .payment-item{padding:80px 20px 15px;} */
.payment-item .item{position:relative;display:inline-table;height:160px;}
.payment-item .item.sale{margin-top:0;}
.payment-item .item > div{display:table-cell;vertical-align:bottom;}
.payment-item .chusuk{margin-bottom:30px;}
.payment-item .item > .coin-info{width:180px;vertical-align:middle;padding-top:15px;}
.coin-info .title{font-size: 17px;line-height:14px;padding:5px 8px;margin-bottom:10px;}
.coin-info .title.one-plus-one,
.payment-item .coin-info.deadline .title,
.payment-item .coin-info.dum .title{padding:5px 15px;}
.payment-item .coin-info.dum .title{margin-bottom:10px;}
.coin-info .title.one-plus-one{border:1px solid #4596dc}
.coin-info.nothing .title{margin:0;padding:0;font-size:0;}
.coin-info .coin-sum{font-size:20px;font-weight:500;}
.coin-info .coin-sum > span{font-size:46px;letter-spacing:-2px;margin-bottom:2px;}
.coin-info .orginal-coin,
.payment-item .item.selected .coin-info .orginal-coin{position:absolute;left:203px;top:29px;font-size:17px;font-weight:500;color:#434343}
.coin-info .bonus{position:absolute;left:392px;top:28px;font-size:17px;color:#4596dc;font-weight:500;}
.coin-info .bonus > span{display:inline-block;}
.payment-item .item.selected .coin-info .orginal-coin > span{color:#f8537f}
.coin-info .bonus em{color:#4596dc}
.payment-item .coin-info.plus:before{width:65px;height:70px;left:-5px;top:-30px;}
.payment-item .item .total-payment{border:1px dashed #ccc;border-left:0;text-align:left;}
.payment-item .item.selected .total-payment{border:1px solid #f8537f;border-left:0;}
.payment-item .total-payment,
.payment-item .item.selected .total-payment{background-position:right 20px center;background-size:34px;padding:13px 18px 20px;}
.payment-item .item.selected .coin-info .bonus > span{color:#4596dc;}

.payment-item .total-payment .tit{display:block;font-size:18px;}
.payment-item .total-payment .amount{display:inline-block;font-size:30px;letter-spacing:-1px;}
.payment-item .total-payment .del{display:inline-block;border-bottom:2px solid #c5c5c5;font-size:22px;line-height:0;margin-left:8px;}

.payment-item .item:nth-of-type(3) .coin-info .bonus,
.payment-item .item:nth-of-type(6) .coin-info .bonus,
.payment-item .item:nth-of-type(7) .coin-info .bonus{left:388px}


/* 검색 */
.search{width:1200px;margin:0 auto;}
.search-input input{width:calc(100% - 10rem);height:40px;font-size:20px;}
.search-input .btn-search{font-size:20px;width:90px;letter-spacing: 0}
.keyword-area .btn-more-keyword span{padding-right:2rem;background-size:1.4rem auto;}
.search .recommend-list{padding:30px 0;}
.keyword-area{margin-bottom:2rem;}
.search .keyword-area .title{font-size:24px;height:7rem;line-height:7rem;font-weight:400;}
.keyword-area ul{padding:3rem 4rem;height:12rem;}
.keyword-area ul li{padding-right:3rem;margin-bottom:1.5rem;}
.keyword-area ul li a{font-size:18px;height:4rem;line-height:4rem;}
.keyword-area .btn-more-keyword{padding:1.5rem 0;font-size:1.8rem;}
.search .recommend-list .webtoon-list .thumbnail-box .item-img{height:auto}
.keyword-area ul.nomore{height:auto;padding-bottom:.5rem;}
.recommend-list.small-tab .tab-list{top:30px;}


/* 웹툰 */
.slide-tab{border-bottom:0;}
.webtoon .slide-tab-list{margin-bottom:0;}
/* .swiper-slide .webtoon-list{padding-top:60px;} */
.slide-tab-list .swiper-wrapper{width:1100px;margin:0 auto;justify-content:space-between;}
.slide-tab-conts{width:1200px;margin:0 auto;}
.slide-tab-list{height:75px;padding:15px;}
.tab-nav .swiper-slide{width: calc(100% / 11) !important;height:45px;line-height:45px;padding:0;margin:0 10px;font-size:21px;font-weight:400;}
.tab-nav .swiper-slide:after{top:0;height:45px;}
#end_webtoon{width:1200px;margin:0 auto;}
#end_webtoon.webtoon-list .thumbnail-box .item-img{height:auto}
#end_webtoon.webtoon-list li:nth-of-type(3n),
.slide-tab .webtoon-list li:nth-of-type(3n){margin-right:20px}
#end_webtoon.webtoon-list li:nth-of-type(15n),
.slide-tab .webtoon-list li:nth-of-type(15n){margin-right:0;}
.webtoon #list .webtoon-list li{width:183px;}
.webtoon #list .webtoon-list li .item-img{width:183px;height:247px;}
.webtoon #list .webtoon-list li:nth-of-type(5n){margin-right:20px;}
.webtoon #list .webtoon-list li:nth-of-type(6n){margin-right:0}
.swiper-slide .tab-list.small-tab{top:0;right:0;height:60px;}
.swiper-slide .tab-list.small-tab > div{width:85px;padding:6px 0;font-size:16px;border-radius:20px;margin:0 0 0 12px;cursor:pointer;}

/* 단행본 */
.book{width:1200px;margin:0 auto;}
.book .sub-tab:before{content:'';position:absolute;background:#f2f2f2;width:100%;left:0;right:0;height:75px;z-index:0;}
.book .sub-tab > .sub-tab-list{position:relative;z-index:1;justify-content:space-around;margin:0 auto;}
.book .sub-tab > .sub-tab-list a{width:auto;padding:0 30px;height:45px;line-height:45px;font-size:21px;margin:0 10px;border:0;font-weight:400;}
.book .sub-tab > .sub-tab-list a.selected{background:#ff527e;color:#fff;}
.book .sub-tab > .sub-tab-conts > div .section:first-child{padding-top:20px;}
.sub-tab > .sub-tab-conts #tab1 > .section{padding-top:55px}

.book .any-hot .swiper-slide{width:245px;height:410px;margin-right:20px !important;}
.book .any-hot .thumbnail-box .item-img{width:100%;height:330px;}
.book-list{justify-content:flex-stjart;}
.book-list li{width:224px;margin-right:20px;margin-bottom:30px;}
.book-list .thumbnail-box .item-img{width:100%;height:auto}
.book .book-list li:nth-of-type(3n){margin-right:20px;}
.book .book-list li:nth-of-type(5n),
.book .book-list li:nth-of-type(15n){margin-right:0;}
.book .any-ranking .tab-list{right:0;}
.book .sub-tab .top-area{background:#fff;}
.book-list .thumbnail-box .item-info{margin-top:15px;}
.book-list .thumbnail-box .item-info .title{font-size:20px;margin-bottom:8px;}

/* 랭킹 */
.ranking .webtoon-list .thumbnail-box .item-img{width:100%;height:auto;}
.one-coin.vip .small-tab .tab-conts .webtoon-list li{width: 224px;margin-right: 20px;margin-bottom: 40px;}
.one-coin.vip .webtoon-list .thumbnail-box .item-img{width:224px;height:307px;}
.one-coin.vip .small-tab .tab-conts .webtoon-list li:nth-of-type(2n){margin-right:20px;}
.one-coin.vip .small-tab .tab-conts .webtoon-list li:nth-of-type(5n),
.one-coin.vip .small-tab .tab-conts .webtoon-list li:nth-of-type(15n){margin-right:0;}

/* SALE */
.sale{margin-top:50px;}
.sale .section.one-coin{border-bottom:1px solid #ddd;padding-bottom:0;}
.sale .section:first-child{padding-top:0;padding-bottom:0;}
.sale .section:last-child{border-bottom:0;}
.sale .section-tit > span{font-size:18px;}
.sale .webtoon-list li{width:183px}
.sale .webtoon-list li:nth-of-type(5n){margin-right:20px}
.sale .webtoon-list li:nth-of-type(6n){margin-right:0}
.sale .webtoon-list .thumbnail-box .item-img{width:183px;height:247px;}
.sale .section.top-img-area{border-bottom:0;}
.sale .section.top-img-area .section-tit{padding:0}
section.section.top-img-area,
.sale .section.top-img-area .img-box{padding:0;}

/* 1코인관 vip 이용관 */
.top-img-area + section{border-bottom:0;}
.one-coin .thumbnail-box .right-info{padding:0 10px 10px;}
.one-coin .thumbnail-box .right-info > span{font-size:15px;font-family:'Noto Sans CJK KR';}  
.one-coin .thumbnail-box .right-info .from:after{top:50%;right:-3px;width:13px;height:13px;margin-top:-6px;background:url(../images/common/ico_coin_grey.png) center center no-repeat;background-size:12px 12px;transform:none;}
.one-coin .thumbnail-box .right-info .to:after{top:50%;right:-3px;width:13px;height:13px;margin-top:-6px;background:url(../images/common/ico_coin_pink.png) center center no-repeat;background-size:12px 12px;transform:none;}
.one-coin .thumbnail-box .right-info .to:before{content:'';position:absolute;left:5px;width: 6px;height: 7px;background: url(../images/common/bg_ico_stripe.png) 0 -14px no-repeat;background-size: 13px auto;}
.one-coin .thumbnail-box .right-info .to{padding-left:15px;color:#ff527e;}
.one-coin .top-img-area{width:100%;padding:20px 0;border-bottom:0;background:#ebf5fd}
.one-coin.vip .top-img-area{background:#ffedf2;}
.one-coin .top-img-area img{width:auto;width:100%;}
.one-coin.vip .top-img-area .img-box{position:relative;width:1200px;margin:0 auto;}
.one-coin .webtoon-list li{width:183px}
.one-coin .webtoon-list li:nth-of-type(5n){margin-right:20px}
.one-coin .webtoon-list li:nth-of-type(6n){margin-right:0}
.one-coin .webtoon-list .thumbnail-box .item-img{width:183px;height:247px;}

/* 알림 */
.notice{min-height:calc(100vh - 530px);margin-top:50px;}
.notice > h4{width:1200px;margin:0 auto 20px;font-size:36px;padding-left:60px;text-align:left;background:url(../images/common/ico_notice.png) 5px -3px no-repeat;background-size:44px;font-weight:500;border-bottom:1px solid #434343;padding-bottom:20px;}
.notice-list{width:1200px;margin:0 auto 50px;min-height:360px;}
.notice li{min-height:9rem;}
.notice li a{padding:10px 20px;background-size:.9rem 1.8rem;}
.notice li .notice-thumb{width:70px;margin-right:20px;}
.notice .notice-title{width:calc(100% - 70px;)}
.notice .notice-title span{font-size:22px;line-height:30px;}
.notice .notice-title span.category{font-size:20px;margin-right:5px;}
.notice .notice-title span.date{font-size:17px;}
.notice li.active .notice-content{padding:25px;font-size:17px;line-height:27px;}

/* 고객센터 */
section.customer{margin: 42px auto 0}
section.customer .sub-tab h4{display:block;font-size:36px;padding-left:60px;margin-top:10px;background:url(../images/common/ico_customer2.png) 14px 3px no-repeat;background-size:34px;font-weight:500;}
.customer .sub-tab{width:1200px;margin:0 auto;display:flex;justify-content:space-between;border-bottom:1px solid #ff527e;}
.customer .sub-tab-list{width:755px;margin:0;background:transparent}
.customer .sub-tab > .sub-tab-list a{font-size:20px;}
.customer .sub-tab-conts{width:1200px;margin:0 auto 70px;}
.customer .notice{border-top:1px solid #ff527e;margin-top:-2px;padding-top:20px;}
.customer .notice li{min-height:80px;}
.customer .notice li a{background-size: 1.8rem .9rem;}
.customer .notice ul.pagenation4{margin:50px auto 0;padding-bottom:0;}
.customer .notice ul.pagenation4 li{width:50px;}
.customer .notice ul.pagenation4 li a{font-size:17px;width:37px;height:37px;line-height:37px;}
.customer .notice ul.pagenation4 li a.pagenation_first,
.customer .notice ul.pagenation4 li a.pagenation_prev,
.customer .notice ul.pagenation4 li a.pagenation_next,
.customer .notice ul.pagenation4 li a.pagenation_end{background-size:23px}
.customer .ask > p{font-size:19px;margin-top:0;margin-bottom:50px;}
.customer .ask > p:before{top:0;height:18px;}
.customer .ask .select{width:445px;font-size:17px;}
.customer .ask textarea{height:400px;font-size:17px;padding:15px;}
.customer .ask .btn-pink.submit{width:300px;margin:0 auto;height:50px;line-height:50px;font-size:20px;}
.customer .ask .ask-cont{margin-bottom:40px;}
.customer .ask .select{height:50px;line-height:50px;}
.customer .ask .select .select-list{padding:0;margin-left:-1px;width:calc(100% + 2px)}
.customer .ask .select .select-list li{border-bottom:0;height:50px;line-height:50px;min-height:50px;}
.customer .ask .select .select-list li:hover{background:#ebf1fa;}
section.customer.terms-privacy{margin-top:0}

/* 설정 */
h4.section-title{display:block;}
.sub .setting{width:1200px;margin: 50px auto 0;}
.setting h4.section-title{font-size:36px;padding-left:60px;margin-top:10px;background:url(../images/common/ico_setting2.png) 10px 1px no-repeat;background-size:34px;font-weight:500;border-bottom:1px solid #434343;padding-bottom:20px;margin-bottom: 20px;}
.setting .setting-section{margin-bottom:35px;padding: 0 15px;display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #ddd;}
.setting .setting-section .title-gray{font-size: 23px;height: 65px;line-height: 50px;border-bottom: 0;background:#fff;width: 240px;}
.setting .setting-section .title-gray:before{content:'';position:absolute;left:0;top:0;margin-top:12px;border:none;width:3px;height:24px;background:#ff527e;}
.setting .setting-section ul{width:800px;}
.setting .setting-section li{position:relative;font-size:19px;color:#333;border-bottom: 0;min-height:78px;border-top: 1px solid #ddd;}
.setting .setting-section li:first-child{border-top:0;}
.setting-section .change-box .input-list li{padding-left:15px;}
.setting .setting-section .change-box .input-list li:before{content:'';position:absolute;width:3px;height:3px;background:#666;top:34px;left: 5px;border-radius:50%;}
.setting .setting-section li span{margin-top:10px;font-size:17px;}
.setting .setting-section li a{padding: 29px 15px;}
.setting-section li a:after,
.setting-section li.open a:after{width:18px;height:9px;background-size:contain;opacity:0.5;}
.setting .setting-section:last-child .title-gray{margin-top:12px;}
.setting .setting-section .account .btn-quit{font-size:17px;height:45px;line-height:45px;margin-top:-5px;}
.setting-section .account.open .account-info{background:#fff;padding:15px 0;}
.setting-section .account.open .account-info .account-detail{background:#e9edf3;padding:20px 15px}
.setting-section .account.open .account-info .account-detail span{font-size:20px;color:#305068}
.setting .setting-section .change-box .input-list{padding: 10px 10px 10px 5px;border:none;}
.setting .setting-section li.open .change-box{background:#fff;overflow:hidden;}
.setting .setting-section .input-list .btn-sms{width:140px;font-size:17px;border-radius:3px;height:45px;line-height:45px;}
.setting .setting-section .change-box .title-gray{background:#e9edf3;margin:10px 0;font-size:18px;color:#305068;width:100%;line-height:65px;}
.setting .setting-section .change-box span.mobile-num{font-size:20px;font-weight:400;top:-9px;right:25px;}
.setting .setting-section .change-box .title-gray:before{display:none;}
.setting .setting-section .input-list label{font-size:17px;width: 240px;}
.setting .setting-section .input-list input{width:calc(100% - 160px);height:45px;}
.setting .setting-section .input-list input.ch-num{width:calc(100% - 350px);margin-left:-26px}
.setting .setting-section .change-box .btn-pink{font-size:18px;height:50px;line-height:50px;margin:0 13px 0 0;width:452px;float:right;color:#fff;background:#ff527e;}
.setting .setting-section .toggle-onoff{top:16px;width:90px;height:40px;font-size:18px;border-width:2px;transition: all .4s;}
.setting .setting-section .toggle-onoff:before{width:40px;height:40px;top:-2px;left:-1px;line-height:42px;transition: all .4s;}
.setting .setting-section .toggle-onoff.active:before{left:auto;right:-1px;}
.setting .setting-section .toggle-onoff:after{line-height:38px;right:9px;transition: all .4s;}
.setting .setting-section .toggle-onoff.active:after{left:11px;right:auto;font-weight:500;}

.setting .setting-section .toggle-onoff-new{top:16px;width:90px;height:40px;font-size:18px;border-width:2px;transition: all .4s;}
.setting .setting-section .toggle-onoff-new:before{width:40px;height:40px;top:-2px;left:-1px;line-height:42px;transition: all .4s;}
.setting .setting-section .toggle-onoff-new.active:before{left:auto;right:-1px;}
.setting .setting-section .toggle-onoff-new:after{line-height:38px;right:9px;transition: all .4s;}
.setting .setting-section .toggle-onoff-new.active:after{left:11px;right:auto;font-weight:500;}
/* 탈퇴하기 */
.quit p{font-size:17px;line-height:22px;}
.quit p.txt-normal{font-size:20px;line-height:25px;}
.quit .text-area > img{width:70px;margin-bottom:20px;}
.quit .txt-big{font-size:32px;line-height:35px;font-weight:600;margin-bottom:20px;}
.quit .txt-big > span, .quit .txt-big02 > span{font-size:17px;margin-bottom:5px;}
.quit .button-area a{display:block;width:300px;margin:10px auto;font-size:20px;height:50px;line-height:50px;}
.button-area.type01 a.btn-giveup{font-size:20px;color:#666;height:50px;line-height:50px;margin-top
:20px;margin-bottom:0;}
.quit .border-pink{font-size:18px;width:80%;padding:10px 0;}
.quit .txt-notice{width:300px;}
.quit .txt-notice p{position:relative;font-size:17px;line-height:23px;margin-bottom:3px;padding-left:4px;}
.quit .txt-notice p:before{content:'-';display:inlnie-block;margin-right:5px;margin-left:-10px;}
.quit .txt-notice strong{font-size:18px;margin-bottom:10px;display:block;}
.quit .check-box{width:300px;}
.quit .form-item input[type="radio"] + label{font-size:17px;}
.quit input[type="radio"] + label::before{width:18px;height:18px;margin-right:8px;margin-top:-1px;background:url(../images/common/ico_radio.png) 0 0 no-repeat;background-size:cover;}
.quit input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -18px 0 no-repeat;background-size:cover;}
.quit input[type="password"]{width:300px;font-size:17px;height:50px;}
.quit textarea{width:350px;height:200px;font-size:17px;}
.quit .recommend-list .thumbnail-box .item-img{width:auto;height:auto;}
.quit .recommend-list .thumbnail-box .item-info .title{font-size:17px;margin-top:-5px;}
#quit08{width:720px;max-width:720px;}
.quit .coin-list{border-width:5px;}
.quit .coin-list .time-box span:first-of-type{padding-left:28px;background-size:18px;font-size:22px;}
.quit .coin-list .time-box td{height:70px;padding-left:10px;}
.quit .coin-list .time-box .time{font-size:28px;}
.quit .coin-list .event-box td,
.quit .coin-list td span + p,
.quit .coin-list .time-box p{font-size:18px;}
.quit .coin-list table td{height:85px;padding-left:10px;}
.quit .coin-list table tr td:first-child{width:40px;padding-left:10px;}
.quit .coin-list table tr:not(.time-box) td:first-child, .quit .coin-list table tr.tr-select:not(.time-box) td:first-child{background-size:25px;width:60px}
.quit .coin-list table tr td:nth-of-type(2){width:175px;}
.quit .coin-list table tr td:nth-of-type(3){width:300px;padding-left:0;}
.quit .coin-list table tr td:nth-of-type(4){width:235px;}
.quit .coin-list td del{font-size:16px;}
.quit .coin-list td .plus-coin{background:url(../images/common/ico_plus_pink.png) 5px 1px no-repeat;background-size:12px;}
.quit .coin-list td .sale-percent:after{top:-6px;}
.quit .recommend-list .thumbnail-box{height:120px;}

/* 이벤트 */
section.contents.event{border-top:137px solid #fff;background:#e9edf3;}
section.contents.event .page-body{margin-top:43px;}
.event-list{width:1200px;margin:5px auto 0;display:flex;flex-wrap:wrap;}
.event-item{width:calc(100% / 2);margin-bottom:2rem;border:none}
.event-item a{border:1px solid #ddd;margin:0 1rem;}

/* 이벤트 상세 */
.event-detail{border-bottom:1px solid #ddd;margin:80px auto 20px;border-bottom:0;}

/* 쿠폰 등록 */
.reg-coupon{width:680px;margin:0 auto;}
.reg-coupon .title{font-size:24px;margin-bottom:45px;display:inline-block;padding: 30px 50px 10px 10px;background:url(../images/common/bg_coupon2.png) right 5px top 23px no-repeat;background-size: 37px;}
.input-coupon input{width:calc(100% - 20rem);font-size:16px;}
.input-coupon .btn-pink{font-size:20px;}
.notice-coupon{line-height:20px;font-size:17px;margin-top:70px;padding:3rem 1rem;color:#777}
.notice-coupon p{margin-bottom:5px;padding-left:13px;}
.notice-coupon p:first-child{margin-bottom:12px;font-size:19px;}
.notice-coupon p:last-child{font-size:16px;margin-top:10px;}

/* 본인인증 */
.adult-certify{border:none;max-width:940px;margin-top:190px;padding-bottom:70px;font-size:17px;}
.adult-certify .button-group{display:flex;max-width:100%}
.adult-certify .button-group button{margin: 10px}
.adult-certify .text-1{width:720px;margin:0 auto;color:#666;font-size:17px;line-height:25px;padding:20px;}
.adult-certify .text-2{width:720px;margin:0 auto;padding:15px 5px 5px;font-size:17px;border-top:0;}
.adult-certify .text-2 span{width:100%}
.adult-certify .btn-dark{width:180px;height:50px;line-height:50px;font-weight:600;color:#434343;border-radius:6px;}
.adult-certify .text-3{padding:25px 5px 15px;margin-top:25px;margin-bottom:10px;}
.adult-certify .text-4{width:720px;margin:0 auto;font-size:18px;font-weight:600;line-height:27px;}
.certify-tab-menu{max-width:400px;margin:20px auto 0;}
.certify-tab-menu .btn-19{font-size:20px;}
.certify-tab-conts .form-list{margin:40px auto 0;padding:20px 30px 40px;border-radius:8px;border:1px solid #585858;}
.certify-tab-conts .form-item{margin-top:20px;}
.certify-tab-conts input{font-size:17px;padding:0 15px;height:50px;}
.certify-tab-conts .btn-certify{font-size:18px;width:145px;height:50px;line-height:50px;}

.img-adult img{width:138px;}


/* 비밀번호 찾기 */
.find-pw{width:680px;margin:0 auto;}
.find-pw .btn-kakao{display:none;}
.find-pw > p.title{font-size:24px;margin-bottom:45px;}
.find-pw .btn-pink{margin-top:50px;width:200px;}
.find-pw .input-area p{font-size:17px;text-align:center;margin:15px auto 25px;}
.find-pw .input-area input{width:450px;font-size:17px;}
.find-pw .notice-txt p{font-size:17px;margin-bottom:8px;text-align:center;}
.find-pw .notice-txt p:last-child{font-size:15px;color:#777;text-align:center;}

/* 비밀번호 변경 */
section.change-pw{width:680px;margin:0 auto;}
.change-pw > p.title{font-size:24px;margin-bottom:45px;}
.change-pw .input-area{padding:30px 70px;}
.change-pw .input-list{text-align:left;}
.change-pw .notice-txt p{font-size:17px;margin-bottom:8px}
.change-pw .notice-txt p:last-child{font-size:15px;color:#777;}
.change-pw .input-area .input-list li{margin-bottom:20px;}
.change-pw .input-area .input-list li label{font-size:18px;width:auto;}
.change-pw .input-area .input-list li input{width:calc(100% - 150px);}
.change-pw .btn-kakao{display:none;}

/* 무료관 */
.event-free{padding-top:0;border-bottom:0;}
.event-free .img-tag.ranking{background:#f04481;height:55px;line-height:23px;padding-top:5px;letter-spacing:0;font-weight:500;font-size:18px;height:50px;line-height:20px;white-space:normal;word-break:keep-all;}
.episode-page.marketing .btn-load{width:50%;font-size:20px;padding:20px;margin-top:40px;}
.episode-page.marketing .episode-info .synopsis.open{border-top:0;}
.landing .section{border:0;}
.landing .webtoon-list.add-text{padding:20px 10px 30px;border:2px solid #ff527e;margin:30px 0;border-radius:2px;}
.landing .webtoon-list.add-text li{width:calc(100% / 2)}
.landing .webtoon-list.add-text .thumbnail-box{display:flex;flex-wrap:nowrap;}
.landing .webtoon-list .thumbnail-box .item-img{width:100%;height:100%;}
.webtoon-list.add-text .thumbnail-box .item-info .text{font-size:17px;line-height:22px;}
.landing .landing-ranking{max-width:1200px;margin:5px auto 25px;position: relative;padding:20px 0 40px;background-color: #fff;border-bottom: 1px solid #ddd;}
.landing .landing-ranking .swiper-slide{width:calc(100% / 4.7)}
.landing .landing-ranking .section-tit{max-width:1200px;margin:10px auto 30px;}
.landing .banner-join{padding:0}
.landing .banner-join .swiper-slide{width:calc(100% / 3 - 11px)}
.main-slide-area.landing.pc{margin-top:137px;margin-bottom:-115px;}

/* 세일 > 무료관 */
.daily-free .type01 .swiper-slide{width:calc(100% / 4.7);height:auto;}
.popup.kakao-certify{max-width:400px;}

/* 매매무 */
.daily-free.top-area{display:flex;justify-content:space-between;padding-bottom:30px;}
.daily-free.top-area > div{display:block;padding:10px;}
.daily-free.top-area > div .free-num{font-size:20px;font-weight:500;margin-bottom:10px;}
.daily-free.top-area > div .free-24{margin-bottom:18px;}
.daily-free.top-area > div .free-24 p{padding-left:15px;padding-right:15px;}
.daily-free.top-area .thumbnail-box{border:none;}
.daily-free.top-area .thumbnail-box .item-img{border-radius:15px;}
.daily-free.top-area .thumbnail-box .item-info .title{font-size:17px;margin-bottom:5px;}
.daily-free .webtoon-list li, .daily-free .webtoon-list li:nth-of-type(3n){width:calc((100% / 5) - 1rem)}
.daily-free .thumbnail-box .item-img{width:100%;height:auto;}
.daily-free .thumbnail-box .item-info span.cartoonist-name, 
.daily-free .thumbnail-box .item-info span.author-name{width: calc(100% - 73px);}
.daily-free.top-area .thumbnail-box .item-info span.cartoonist-name{width:auto;}
.daily-free.top-area .thumbnail-box .item-info span.hit-num,
.daily-free .thumbnail-box .item-info span.hit-num,
.sale .daily-free .thumbnail-box .item-info span.hit-num,
.landing .daily-free .thumbnail-box .item-info span.hit-num{font-size:15px;padding-left:13px}
.daily-free .thumbnail-box .item-info span.hit-num:before{display:block;}
.daily-free .thumbnail-box .item-info span.free-num.pc{display:block;width:100%;font-size:15px;margin:3px 0;}
.landing .daily-free .thumbnail-box .item-info span.free-num.mobile,
.daily-free .thumbnail-box span.free-num.mobile,
.sale .daily-free .thumbnail-box .item-info span.free-num.mobile{display:none;}



/* 매매무 팝업 */
.popup.daily-pop{}
.popup.daily-pop .pop-area{text-align:center;}

/* 네이버페이 포인트 교환 */
.naverpay{text-align:center;background:#fff;width:100%;max-width:1200px;margin:0 auto;}
.naverpay ul li:nth-of-type(2){padding:0 0 185px;}
.naverpay ul li:nth-of-type(2) p{font-size:3rem;font-weight:600;color:#292728;}
.naverpay .select-coin{display:flex;flex-wrap:wrap;padding:0 90px 90px;}
.naverpay .select-coin .form-item{width:25%;margin-bottom:30px;}
.naverpay .select-coin input[type="radio"] + label{font-size:40px;color:#292728;font-weight:500;}
.naverpay .select-coin input[type="radio"] + label::before{width:46px;height:46px;background:url(../images/etc/ico_radio_naverpay.png) left center no-repeat;background-size:contain;margin-right:15px;vertical-align:-10px;}
.naverpay .select-coin input[type="radio"]:checked + label::before{background:url(../images/etc/ico_radio_naverpay_on.png);background-size:contain;}
.naverpay .btn-naverpay{display:block;margin:0 auto;width:50%;}

/* 2020 한가위 */
.chusuk{text-align:center;background:#fff;width:100%;max-width:1000px;margin:0 auto -70px;}
.chusuk > ul > li:nth-of-type(2){padding-bottom:0;}
.chusuk > ul > li:nth-of-type(5){padding-bottom:30px;}
.chusuk ul .chusuk-content{padding:43px 63px 25px}
.chusuk ul .chusuk-content li{width:calc(100% / 3);margin:0;padding:0 0 48px;}

/* 애니툰 5주년 */
.anniversary{text-align:center;background:#fff;width:100%;max-width:1000px;margin:0 auto -70px;}
.anniversary > ul > li:nth-of-type(2){padding-bottom:0;}
.anniversary > ul > li:nth-of-type(5){padding-bottom:30px;}
.anniversary ul .anniversary-content{padding:43px 63px 25px}
.anniversary ul .anniversary-content li{width:calc(100% / 3);margin:0;padding:0 0 48px;}

/* 컬쳐랜드 */
.culture .form input{width:100%;margin:0 1.3%;font-size:25px;}

/* 검색 - select */
.select-area{position:absolute;right:5px;top:30px;}
.select-area .select-box{display:inline-block;width:120px;margin-left:8px;}
.select-area .select-box select{width:100%;height:35px;color:#7b7b7b;padding:5px 10px 5px 8px;padding-right:1rem;background:transparent url(../images/common/ico_ranking_down.png) right 6px center no-repeat;background-size:.8rem;border-radius:4px;border:1px solid #bbb;font-size:17px;}
.select-area .select-box select option{min-height:30px;padding:5px;}


.radio_id input[type="radio"] + label{font-size:17px;}
.radio_id input[type="radio"] + label::before{width:18px;height:18px;margin-right:8px;margin-top:-1px;background:url(../images/common/ico_radio.png) 0 0 no-repeat;background-size:cover;}
.radio_id input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -18px 0 no-repeat;background-size:cover;}

/* 친구 추천 이벤트 */
.friend{max-width:720px;margin:0 auto;}
li.friend02{border-left:1px solid #ddd;border-right:1px solid #ddd;}

/* 충전 완료 */
.payment-ok{background:#fff;padding:11rem 1.5rem 5rem;}
.payment-ok img{width:230px;}
.payment-ok p{margin:80px 0 40px;font-size:25px;}
.payment-ok .btn-go-webtoon{width:260px;height:55px;line-height:55px;font-size:20px;}


.slide-area{display:flex;align-items:center;justify-content:flex-start;margin-top:-12px;}
.slide-area .top1{overflow:auto;margin-bottom:0;margin-top:12px;width:370px;}
.top1 > a:after{display:none;}
.top1 > a .thumbnail-box .item-img{height:192px;}
.top1 > a .thumbnail-box .item-info{position:relative;margin-top:0;height:74px;}
.top1 .thumbnail-box .item-info span{color:#888;font-size:16px;}
.top1 > a .thumbnail-box .item-info .title{color:#434343;}
.top1 .thumbnail-box .item-info span.hit-num{max-width:78px;}
.top1 .thumbnail-box .item-info span.hit-num:before{background:url(../images/common/ico_ranking_people2.png) 0 0 no-repeat;background-size:12px;}
.top1 .thumbnail-box .item-info .tag-genre{padding-left:3px;}
.top1 .thumbnail-box .item-info .tag-genre:after{left:-5px;top:2px;height:14px;}
.type03{width:calc(100% - 390px);margin-left:15px;padding-top:0;}
.type03 .swiper-pagination{display:none;}
.type03 .swiper-slide{width:calc(100% / 5 - 17px) !important}
.type03 .swiper-slide:last-child{margin-right:0 !important;}
.thumbnail-box .item-img{width:100%;height:Auto;}
.top1,
.top1 > a .thumbnail-box,
.top1 > a .thumbnail-box .item-img,
.type03 .swiper-slide .thumbnail-box,
/* .type03 .swiper-slide .thumbnail-box .item-img{border-radius:15px;} */
.thumbnail-box .item-info .title-big{font-size:20px;margin-bottom:8px;color:#434343;}
.swiper-pagination-best-slide1, .swiper-pagination-best-slide2, .swiper-pagination-best-slide4{top:53px;right:28px;}
.best-sales .section-tit .btn-more,
.new-ranking .section-tit .btn-more{font-size:0;width:15px;height:15px;}
.type03 .img-tag.update{border-top-right-radius: 0;}
span.img-tag.tag-top1 .tag-text{display:block;font-size:17px;margin-top:-5px;margin-left:-43px;}
span.img-tag.tag-top1:before{border-right: 45px solid transparent;border-top: 45px solid #ff527e;}
.end-ranking .thumbnail-box.horizontal{border-radius:0;}

/* 베스트셀러 */
.ico-adult{width:27px;height:27px;background-size:27px;}
.section.finished-ranking{border-bottom:0;padding-bottom:40px;}
.finished-ranking .swiper-slide{margin-bottom:5px;}
.finished-ranking .thumbnail-box.horizontal{border-radius:6px;}
.finished-ranking .thumbnail-box.horizontal .item-img{/*width:110px;height:110px;*/}
.finished-ranking .thumbnail-box.horizontal .item-img img{height:auto;}
.finished-ranking .thumbnail-box.horizontal .ranking-num{/*width: 40px;height: 40px;font-family: 'Nanum Square';font-weight: 400;font-size: 24px;line-height: 42px;font-weight:500;margin-left:8px;*/}
.finished-ranking .thumbnail-box.horizontal .item-info{width:calc(100% - 17rem);margin-left:0px;}
.finished-ranking .btn-more{font-size:18px;width:auto;height:auto;}
.swiper-pagination-best-slide3{display:none;}

.img-tag.sale{width:55px;height:32px;top:0;left:0;bottom:auto;background:#ff527e;border-top-right-radius: 0;border-bottom-right-radius: 12px;margin-top:0;font-size:17px;line-height:32px;}
.img-tag.sale strong.sale-num{margin-bottom:20px;margin-right:2px;font-size:18px;border-bottom-right-radius: 6px;font-weight:400;letter-spacing:-1px;}


}

@media screen and (min-width:640px){
  /* 충전소 - 무료충전 */
ul.free-coin-list{display:flex;flex-wrap:wrap;max-width:1200px;margin:20px auto;}
ul.free-coin-list li{width:50%;padding:0 10px;margin-bottom:30px;cursor:pointer;}
}

/* 마케팅 - 회차 리스트 */
.episode-page.marketing .episode-info{padding-bottom:0;}
.episode-page.marketing .episode-info .btn-area{display:none;}
.episode-page.marketing .episode-list{width:100%;}
.episode-page.marketing .episode-list li:last-child{border-bottom:0;}
.episode-page.marketing .list-area{overflow:visible}

/*만화보기*/
.top_bar{position: fixed;top: 0;left: 0;width: 100%;height: 50px;background:rgba(0,0,0,0.75);font-family: 'Nanum Square', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;}
.top_bar .inner-wrap{position:relative;width:100%;max-width:690px;margin:0 auto;display:flex;align-items:center;}
.top_bar a{display:block;width:30px;height:5rem;padding-left:1.5rem;margin-right:5px;}
.top_bar .icon_back{background:url('../images/common/btn_view_back.png') left center no-repeat;background-size:6px;font-size:0;width:100%;height:100%;color:#fff;}
.top_bar .title-area{text-align:left;cursor:default;width:calc(100% - 180px);}
.title-area-inner{display:flex;justify-content:flex-start;align-items:center;text-align:left;}
.top_bar h1{color: #ff527e;height: 30px;line-height: 30px;margin-left:10px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'Nanum Square', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;}
.top_bar h2{color: #fff;font-size: 15px;white-space:nowrap;height:17px;line-height:17px;}
.top_bar h2 > span{opacity:.7;margin-right:5px;position:absolute;left:2.5rem;margin-top:3px;font-size:11px;}
.title-area h3{color:#ff527e;font-size:16px;font-weight:500;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;}
.top_bar .inner-wrap .right{position:absolute;right:10px;top:0;}
.top_bar .home,
.top_bar .zzim,
.top_bar .icon_report,
.top_bar .icon_setting{float:left;color: #fff;text-align: center;width:38px;height:50px;margin-left:0;}
.top_bar .home em{display: inline-block;width:100%;height:100%;background: url('../images/common/ico_home.png') no-repeat center;background-size: 24px;}
.top_bar .zzim em{display: none;width: 30px;height: 28px;background: url('../images/common/ico_zzim.png') no-repeat top 2px center;background-size: 24px;color: #fff;text-align: center;font-size: 12px;}
.top_bar .zzim {background: url('../images/common/ico_zzim.png') no-repeat center top 15px;background-size: 26px;text-align: center;font-size:0;}
.top_bar .zzim.on{background-image:url(../images/common/ico_zzim_on.png)}
.top_bar .zzim.on em{background-image:url(../images/common/ico_zzim_on.png)}
.top_bar .icon_report em{display: inline-block;width:100%;height:100%;background: url('../images/common/ico_report.png') no-repeat center; background-size:24px;background-position:center top 11px;}
.top_bar .icon_setting em{display: inline-block;width:100%;height:100%;background: url('../images/common/ico_menu_setting.png') no-repeat center; background-size:24px;background-position:center top 14px;}
/* .right .home{display:none;} */


.webtoon_view {font-size:19px;max-width:720px;margin:0 auto;text-align: justify;line-height:30px;}
.webtoon_view.novel{padding-left:20px;padding-right:20px;}
.webtoon_view p{font-size:19px;max-width:720px;margin:0 auto;text-align: justify;line-height:30px;}
.webtoon_view img{width:100%;max-width:720px;margin:0 auto;text-align:center;}
.webtoon_view h3{font-size:22px;max-width:720px;margin:0 auto;text-align:left;line-height:25px;}
.bottom_bar{position: fixed;bottom:0;left:0;width: 100%;background:rgba(0,0,0,0.75);}
.bottom_bar.novel {position: fixed;bottom:0;left:0;width: 100%;height: 100px;background:rgba(0,0,0,0.75);}
.bottom_bar .ctrl {display:flex;justify-content:center;color: #fff;text-align: center;font-size:12px;height: 50px;max-width:720px;margin:0 auto;}
.bottom_bar .ctrl a{width:25%;padding:0;color:#fff;font-size:15px;line-height:52px;}
.bottom_bar .ctrl a.auto{background:url(../images/common/ico_speed.png) left 10px center no-repeat;background-size:20px;}
.bottom_bar .prev,.bottom_bar .top,
.bottom_bar .next{display: flex;text-align:center;font-size:15px;color:#fff;height:100%;align-items:center;justify-content:center;}
.bottom_bar .next{margin-right:0;display:flex;align-items:center;height:100%;color:#fff;}
.bottom_bar .prev em{display: inline-block;width: 30px;height: 28px;background: url('../images/common/btn_view_prev.png') no-repeat center;background-size: 23px;color: #fff;text-align: center;font-size: 12px;}
.bottom_bar .top em{display: inline-block;width: 30px;height: 28px;background: url('../images/common/ico_top.png') no-repeat center;background-size: 23px;color: #fff;text-align: center;font-size: 12px;}
.bottom_bar .next em{display: inline-block;width: 30px;height: 28px;background: url('../images/common/btn_view_next.png') no-repeat center;background-size: 23px;color: #fff;text-align: center;font-size: 12px;}
#content_view_top {transition:0.2s;}
#content_view_top.slidein2 {top:-60px;}
#content_view_bottom {transition:0.2s;}
#content_view_bottom.slidein2 {bottom:-60px;}
.viewr_top .left .tit span{float: left;width:27px;height:27px;margin:9px 15px 0 0;background: url('../images/common/ico_view_list.png') no-repeat 0 0}
.content_view_cont .content_btn button{background:#ff527e url(../images/common/page_next_acitve.png) right 5px center no-repeat;background-size:25px;color:#fff;padding:12px 40px 12px 20px;font-size:20px;border-radius:5px;line-height:24px;margin-top:40px;width:180px;}

.control-box{display:none}
.control-box.open{display:block;background:rgba(37,37,37,0.9);position:fixed;left:0;right:0;bottom:0;width:100%;z-index:10;max-width:720px;margin:0 auto;}
.control-box > div{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #555;}
.control-box .title,
.control-box a{color:#fff;font-size:14px;}

.control-box > .mode{padding:8px 0;}
.control-box > .mode a{padding:5px 20px;width:100%;}
.speed .center-num i{display:inline-block;width:20px;height:20px;background:url(../images/common/ico_speed.png) 0 0 no-repeat;background-size:contain;vertical-align:middle;}

.select-theme{line-height:28px;}
.select-theme a{display:inline-block;border-radius:50%;width:20px;height:20px;font-size:0;margin-left:10px;}
.select-theme a:nth-of-type(1){background-color:#fff}
.select-theme a:nth-of-type(2){background-color:#c8e19d}
.select-theme a:nth-of-type(3){background-color:#facd8a}
.select-theme a:nth-of-type(4){background-color:#cdcdcd}
.select-theme a:nth-of-type(5){background-color:#000}
.select-theme a.selected{background-image:url(../images/common/ico_check_pink.png);background-position:center 2px;background-repeat:no-repeat;background-size:15px;}

.font > ul{width:100%;}
.font > ul > li{display:flex;justify-content:space-between;padding:8px 0;height:40px;}
.select-font a{display:inline-block;margin-left:15px;}
.select-font a.selected{color:#ff527e;}

.updown-box{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 120px);font-size:14px;color:#fff;}
.updown-box a{display:inline-block;width:20px;height:20px;font-size:0;}
.updown-box a.btn-minus{background:url(../images/common/img_menu_minus.png) 0 0 no-repeat;background-size:contain;}
.updown-box a.btn-plus{background:url(../images/common/img_menu_plus.png) 0 0 no-repeat;background-size:contain;}
.updown-box .center-num i{font-style:normal;}

.control-box .speed .title{width:120px;text-align:left;}
.range-slider {width: 100%;margin:0}
.range-slider-range {-webkit-appearance: none;width: calc(100% - (73px));height: 5px;border-radius: 5px;background: #d7dcdf;outline: none;padding: 0;margin: 0;}
.range-slider-range.scroll{-webkit-appearance: none;width:100%;}
.range-slider-range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: #ff527e;cursor: pointer;-webkit-transition: background .15s ease-in-out;transition: background .15s ease-in-out;}
.range-slider-range::-webkit-slider-thumb:hover {background: #ff527e}
.range-slider-range:active::-webkit-slider-thumb {background: #ff527e;}
.range-slider-range::-moz-range-thumb {width: 20px;height: 20px;border: 0;border-radius: 50%;background: #2c3e50;cursor: pointer;-moz-transition: background .15s ease-in-out;transition: background .15s ease-in-out;}
.range-slider-range::-moz-range-thumb:hover {background: #ff527e}
.range-slider-range:active::-moz-range-thumb {background: #ff527e;}
/* .range-slider-range:focus::-webkit-slider-thumb {box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;} */

.range-slider-value {display: inline-block;position: relative;width: 55px;color: #fff;line-height: 17px;text-align: center;border-radius: 3px;background: #212748;padding: 5px 10px;margin-left: 8px;}
/* .range-slider-value:after {position: absolute;top: 8px;left: -7px;width: 0;height: 0;border-top: 7px solid transparent;border-right: 7px solid #2c3e50;border-bottom: 7px solid transparent;content: '';} */
::-moz-range-track {background: #d7dcdf;border: 0;}
input::-moz-focus-inner,
input::-moz-focus-outer {border: 0;}
.scroll-speed .range-slider{width:100%;max-width:720px;margin:0 auto;}
.bottom_bar .scroll-speed {padding:15px 0;}


@keyframes heartbit {
  0%{ transform: scale(1); }
  50%{ transform: scale(1.3); }
  100% { transform:  scale(1) }
}



/* @media screen and (min-width:940px) and (max-width:1199px){
html, body, .wrap{background:#fff;}
section, .section{max-width:920px;margin:0 auto;}
} */