@charset "utf-8";
/* Icon CSS 아이콘 스타일 정의 2022.07.20 */

.ico-adult-label.w17 {width: 17px; height: 17px; background: var(--ico-adult-label-w17) no-repeat; background-size: 17px 17px; content:''; display: inline-block; vertical-align:middle; text-indent: -9999px;}
.ico-adult-label.w14 {width: 14px; height: 14px; background: var(--ico-adult-label-w14) no-repeat; background-size: 14px 14px; content:''; display: inline-block; vertical-align:middle; text-indent: -9999px;}

.ico-base{overflow:hidden; display:inline-block;}
.ico-base:before {content:''; display:inline-block; background:url('/images/common/ui-v4.5.png?date=202005270000') no-repeat 0 0; background-size:400px auto; vertical-align:middle;}
.ico-base.abs{position:absolute;font-size:0;}
.ico-base span {vertical-align:middle;}
.ico-pos-right:after {content:''; display:inline-block; background:url('/images/common/ui-v4.5.png?date=202005270000') no-repeat 0 0; background-size:400px auto; vertical-align:middle;}
.ico-pos-right:before {display:none;}
.ico-only {position:relative; text-indent:-9999em; vertical-align:middle;}
.ico-only:before,
.ico-only:after {position:absolute; top:0; left:0;}
.ico-only:before {margin-right:2px;}
.ico-only:after {margin-left:2px;}
.ico-top-recharge.ico-only,
.ico-top-recharge:before {width:30px; height:30px; background-position:0 0;}
.ico-top-gift.ico-only,
.ico-top-gift:before {width:30px; height:30px; background-position:-290px -213px;}
.ico-top-my.ico-only,
.ico-top-my:before {width:30px; height:30px; background-position:-30px 0;}
.ico-top-srch.ico-only,
.ico-top-srch:before {width:30px; height:30px; background-position:-60px 0;}
.ico-top-menu.ico-only,
.ico-top-menu:before {width:30px; height:30px; background-position:-90px 0;}
.ico-top-menu.active.ico-only,
.ico-top-menu.active:before {background-position:-120px 0;}
.ico-gotop.ico-only,
.ico-gotop:before,
.ico-freecharge:before,
.ico-totop-layer.ico-only,
.ico-totop-layer:before {width:40px; height:40px; background-position:-269px -259px;}
.ico-app-s.ico-only,
.ico-app-s:before,
.ico-app-s:after {width:30px; height:30px; background-position:-260px -130px;}
.ico-app-s2.ico-only,
.ico-app-s2:before,
.ico-app-s2:after {width:30px; height:30px; background-position:-30px -255px; /*background-position:-290px -130px; - 이전아이콘*/}
.ico-app-m.ico-only,
.ico-app-m:before,
.ico-app-m:after {width:40px; height:40px; background: url('/images/common/logo-smile-big.svg') no-repeat; background-size: 40px 40px;}
.ico-app-m2.ico-only,
.ico-app-m2:before,
.ico-app-m2:after {width:40px; height:40px; background-position:-100px -255px; /*background-position:-360px -120px;*/}
.ico-app-l.ico-only,
.ico-app-l:before,
.ico-app-l:after {width:60px; height:60px; background-position:-340px -60px;}
.ico-app-l2.ico-only,
.ico-app-l2:before,
.ico-app-l2:after {width:60px; height:60px; background-position:-340px 0;}
.ico-collapse-a.ico-only,
.ico-collapse-a:before,
.ico-collapse-a:after {width:20px; height:20px; background-position:-280px 0;}
.ico-expend-a.ico-only,
.ico-expend-a:before,
.ico-expend-a:after {width:20px; height:20px; background-position:-300px 0;}
.ico-more-a.ico-only,
.ico-more-a:before,
.ico-more-a:after {width:20px; height:20px; background-position:-320px 0;}
.ico-more-a-large.ico-only,
.ico-more-a-large:before,
.ico-more-a-large:after {width:14px; height:14px; background-position:-288px -43px;}
.ico-more-b.ico-only,
.ico-more-b:before,
.ico-more-b:after {width:10px; height:10px; background-position:-170px -20px;}
.ico-more-c.ico-only,
.ico-more-c:before,
.ico-more-c:after {width:10px; height:10px; background-position:-237px -90px;}
.ico-more-d.ico-only,
.ico-more-d:after {width:20px; height:20px; background-position:-320px -60px;}
.ico-pan-join:before {width:30px; height:30px; background-position:-180px 0;}
.ico-free-charge:before {width:36px; height:24px; background-position:-126px -226px;}
.ico-pan-login:before {width:30px; height:30px; background-position:-210px 0;}
.ico-pan-storage:before {width:30px; height:30px; background-position:-210px -30px;}
.ico-pan-gift:before {width:30px; height:30px; background-position:-325px -213px;}
.ico-pan-fav:before {width:30px; height:30px; background-position:0 -30px;}
.ico-pan-his:before {width:30px; height:30px; background-position:-30px -30px;}
.ico-pan-payhis:before {width:30px; height:30px; background-position:-60px -30px;}
.ico-pan-evt:before {width:30px; height:30px; background-position:-90px -29px;}
.ico-pan-notice:before {width:30px; height:30px; background-position:-120px -29px;}
.ico-pan-help:before {width:30px; height:30px; background-position:-150px -30px;}
.ico-pan-cate:before {width:30px; height:30px; background-position:-180px -30px;}
.ico-webtoon-u.ico-only,
.ico-webtoon-u:before,
.ico-webtoon-u:after {width:16px; height:16px; background-position:-182px -82px;}
.ico-webtoon-n.ico-only,
.ico-webtoon-n:before,
.ico-webtoon-n:after {width:16px; height:16px; background-position:-202px -82px;}
.ico-webtoon-end.ico-only,
.ico-webtoon-end:before,
.ico-webtoon-end:after {width:28px; height:16px; background-position:-121px -82px;}
.ico-webtoon-layoff.ico-only,
.ico-webtoon-layoff:before,
.ico-webtoon-layoff:after {width:28px; height:16px; background-position:-151px -82px;}
.ico-brand-blue.ico-only,
.ico-brand-blue:before,
.ico-brand-blue:after {width:40px; height:20px; background-position:-80px -100px;}
.ico-brand-red.ico-only,
.ico-brand-red:before,
.ico-brand-red:after {width:40px; height:20px; background-position:-120px -100px;}
.ico-brand-black.ico-only,
.ico-brand-black:before,
.ico-brand-black:after {width:40px; height:20px; background-position:-160px -100px;}
.ico-down-a.ico-only,
.ico-down-a:before,
.ico-down-a:after {width:10px; height:10px; background-position:-320px -20px;}
.ico-rankup.ico-only,
.ico-rankup:before,
.ico-rankup:after {width:10px; height:20px; background-position:-210px -60px;}
.ico-rankdown.ico-only,
.ico-rankdown:before,
.ico-rankdown:after {width:10px; height:20px; background-position:-220px -60px;}
.ico-rankkeep.ico-only,
.ico-rankkeep:before,
.ico-rankkeep:after {width:10px; height:20px; background-position:-230px -60px;}
.ico-ranknew.ico-only,
.ico-ranknew:before,
.ico-ranknew:after {width:30px; height:20px; background-position:0 -80px;}
.ico-rankupdate.ico-only,
.ico-rankupdate:before,
.ico-rankupdate:after {width:30px; height:20px; background-position:-30px -80px;}
.ico-search.ico-only,
.ico-search:before,
.ico-search:after {margin-top: 5px; width:25px; height:25px; background:var(--ico-search) no-repeat; background-size: 25px 25px;}
.ico-close-x.ico-only,
.ico-close-x:before {width:16px; height:16px; background:var(--ico-input-clear) no-repeat; background-size: 16px 16px;}
.ico-popview.ico-only,
.ico-popview:before,
.ico-popview:after {width:32px;height:32px;background:var(--ico-list-preview) no-repeat;background-size:32px 32px;}
.ico-list-new.ico-only,
.ico-list-new:before,
.ico-list-new:after {width:24px; height:24px; background: url(/images/common/ico-todaybest-new.svg) no-repeat; background-size: 24px 24px;}
.ico-list-update.ico-only,
.ico-list-update:before,
.ico-list-update:after {width:24px; height:24px; background: url(/images/common/ico-todaybest-up.svg) no-repeat; background-size: 24px 24px;}
.ico-list-hot.ico-only,
.ico-list-hot:before,
.ico-list-hot:after {width:24px; height:24px; background: url(/images/common/ico-todaybest-hot.svg) no-repeat; background-size: 24px 24px;}
.ico-list-event.ico-only,
.ico-list-event:before,
.ico-list-event:after {width:24px; height:24px; background: url(/images/common/ico-todaybest-event.svg) no-repeat; background-size: 24px 24px;}
.ico-list-premium.ico-only,
.ico-list-premium:before,
.ico-list-premium:after {width:14px; height:14px; background-position:-63px -83px;}
.ico-list-ticket.ico-only,
.ico-list-ticket:before,
.ico-list-ticket:after {width:14px; height:14px; background-position:-83px -83px;}
.ico-list-webtoon.ico-only,
.ico-list-webtoon:before,
.ico-list-webtoon:after {width:14px; height:14px; background-position:-103px -83px;}
.ico-list-gift,
.ico-list-gift:before,
.ico-list-gift:after {width:22px;height:22px;background:var(--ico-gift-coupon-w22) 22px 22px;position:absolute;bottom:0px;right:0px;}
.ico-list-gift.big,
.ico-list-gift.big:before,
.ico-list-gift.big:after {width:24px;height:24px;background:url('/images/common/ico-present-coupon.svg') no-repeat;background-size: 24px 24px;position:absolute;bottom:0px;right:0px;}
.ico-list-gift.wait,
.ico-list-gift.wait:before,
.ico-list-gift.wait:after {width:22px;height:22px;background:var(--ico-wait-coupon-w22) 22px 22px;position:absolute;bottom:0px;right:0px;}
.ico-list-gift.pass,
.ico-list-gift.pass:before,
.ico-list-gift.pass:after {width:22px;height:22px; background:var(--ico-pass-coupon-w22) 22px 22px;position:absolute;bottom:0px;right:0px;}
.ico-list-gift.wait.big,
.ico-list-gift.wait.big:before,
.ico-list-gift.wait.big:after {width: 24px;height: 24px;background-position:-344px -248px;position:absolute;bottom:0px;right:0px;}
.ico-author-view.ico-only,
.ico-author-view:before,
.ico-author-view:after {width:10px; height:10px; background-position:-220px -80px;}
.ico-detail-hd.ico-only,
.ico-detail-hd:before,
.ico-detail-hd:after {width:25px; height:20px; background-position:-82px -120px;}
.ico-detail-19.ico-only,
.ico-detail-19:before,
.ico-detail-19:after {width:20px; height:20px; background-position:-110px -120px;}
.ico-detail-new.ico-only,
.ico-detail-new:before,
.ico-detail-new:after {width:20px; height:20px; background-position:-130px -120px;}
.ico-favorite.ico-only {width:27px; height:27px; border:1px solid rgba(255,255,255,.5); border-radius:50%;}
.ico-favorite:before {top:2px; left:3px; width:20px; height:20px; background-position:-150px -120px;}
.ico-favorite.active:before {background-position:-170px -120px;}
.ico-share.ico-only {width:27px; height:27px; border:1px solid rgba(255,255,255,.5); border-radius:50%;}
.ico-share:before {top:3px; left:2px; width:20px; height:20px; background-position:-190px -120px;}
.ico-book.ico-only,
.ico-book:before,
.ico-book:after {width:20px; height:14px; background-position:-200px -103px;}
.ico-arrow-right.ico-only,
.ico-arrow-right:before,
.ico-arrow-right:after {width:20px; height:10px; background-position:-320px -30px;}
.ico-write.ico-only,
.ico-write:before,
.ico-write:after {width:20px; height:20px; background-position:-220px -100px;}
.ico-mobile.ico-only,
.ico-mobile:before {width:10px; height:10px; background-position:-230px -80px;}
.ico-review-del.ico-only,
.ico-review-del:before {width:40px; height:20px; background-position:-240px -70px;}
.ico-prev.ico-only,
.ico-prev:before,
.ico-prev:after {width:30px; height:30px; background:var(--ico-page-prev-on) no-repeat; background-size: 30px 30px;}
.ico-prev.disabled:before{width:30px; height:30px; background:var(--ico-page-prev-off) no-repeat; background-size: 30px 30px;}
.ico-next.ico-only,
.ico-next:before,
.ico-next:after {width:30px; height:30px; background:var(--ico-page-next-on) no-repeat; background-size: 30px 30px;}
.ico-next.disabled:after{width:30px; height:30px; background:var(--ico-page-next-off) no-repeat; background-size: 30px 30px;}
.ico-icinfo.ico-only,
.ico-icinfo:before,
.ico-icinfo:after {width:15px; height:15px; background: var(--ico-info) no-repeat; background-size: 15px 15px;}
.ico-icinfo-w.ico-only,
.ico-icinfo-w:before {width:20px; height:20px; background-position:-180px -170px;}
.ico-pricedown.ico-only,
.ico-pricedown:before {width:10px; height:20px; background-position:-210px -120px;}
.ico-pricedown-b.ico-only,
.ico-pricedown-b:before {width:10px; height:20px; background-position:-220px -120px;}
.ico-clock:before {width:10px; height:10px; background-position:-220px -90px;}
.ico-talk.ico-only,
.ico-talk:before {width:50px; height:50px; background-position:-200px -160px;}
.ico-story.ico-only,
.ico-story:before {width:50px; height:50px; background-position:-250px -160px;}
.ico-twitter.ico-only,
.ico-twitter:before {width:50px; height:50px; background-position:-300px -160px;}
.ico-facebook.ico-only,
.ico-facebook:before {width:50px; height:50px; background-position:-350px -160px;}
.ico-weekday-all.ico-only,
.ico-weekday-all:before {width:40px; height:40px; background-position:-240px -90px;}
.ico-weekday-fin.ico-only,
.ico-weekday-fin:before {width:40px; height:40px; background-position:-200px -210px;}
.ico-weekday-ing.ico-only,
.ico-weekday-ing:before {width:40px; height:40px; background-position:-240px -210px;}
.ico-19.ico-only,
.ico-19:before {width:20px; height:20px; background: url('/images/common/ico-big-adult-17.svg') no-repeat; background-size: 20px 20px;}
.ico-19-large.ico-only,
.ico-19-large:before {width:30px; height:30px; background-position:-150px -140px;}
.thumbnail-tiny .ico-19-small{z-index:30; position:absolute; top:4px; right:4px;}
.ico-adult-a.ico-only,
.ico-adult-a:before,
.ico-adult-a:after {width:14px; height:14px; background-position:-193px -63px;}
.ico-close-w.ico-only,
.ico-close-w:before {width: 25px; height: 25px; background: url('../../images/common/ico-close-white.svg') no-repeat; background-size: 25px 25px;}
.ico-back-arrow.ico-only,
.ico-back-arrow:before {width:20px; height:20px; background-position:-300px -60px;}
.ico-breadcrumb:before {width:10px; height:20px; background-position:-170px 0;}
.ico-evt-list.ico-only,
.ico-evt-list:before {width:20px; height:20px; background-position:-320px -100px;}
.ico-mobile-b.ico-only,
.ico-mobile-b:before {width:20px; height:20px; background-position:-280px -80px;}
.ico-credit.ico-only,
.ico-credit:before {width:20px; height:20px; background-position:-300px -80px;}
.ico-main-cate-webtoon.ico-only,
.ico-main-cate-webtoon {display:inline-block; width:24px; height:15px; background: var(--ico-cate-webtoon) no-repeat; background-size:24px 15px;}
.ico-main-cate-comic.ico-only,
.ico-main-cate-comic {display:inline-block; width:24px; height:15px; background: var(--ico-cate-comics) no-repeat; background-size:24px 15px;}
.ico-main-cate-novel.ico-only,
.ico-main-cate-novel {display:inline-block; width:24px; height:15px; background: var(--ico-cate-novel) no-repeat; background-size:24px 15px;}
.ico-cate-webtoon.ico-only,
.ico-cate-webtoon {display:inline-block; width:24px; height:15px; background: var(--ico-cate-webtoon) no-repeat; background-size:24px 15px;}
.ico-cate-comic.ico-only,
.ico-cate-comic {display:inline-block; width:24px; height:15px; background: var(--ico-cate-comics) no-repeat; background-size:24px 15px;}
.ico-cate-novel.ico-only,
.ico-cate-novel {display:inline-block; width:24px; height:15px; background: var(--ico-cate-novel) no-repeat; background-size:24px 15px;}
.ico-cate-webtoon-light.ico-only,
.ico-cate-webtoon-light {display:inline-block; width:24px; height:15px; background: url('/images/common/ico-cate-webtoon.png') no-repeat; background-size:24px 15px;}
.ico-cate-comic-light.ico-only,
.ico-cate-comic-light {display:inline-block; width:24px; height:15px; background: url('/images/common/ico-cate-comics.png') no-repeat; background-size:24px 15px;}
.ico-cate-novel-light.ico-only,
.ico-cate-novel-light {display:inline-block; width:24px; height:15px; background: url('/images/common/ico-cate-novel.png') no-repeat; background-size:24px 15px;}
.ico-details-free {padding:2px 3px; border-radius:2px; font-size:10px; color:#fff; background-color:var(--sub-red-01); vertical-align:middle;}
.ico-details-free:before {display:none;}
.ico-details-end {padding:2px 3px; border-radius:2px; font-size:10px; color:#fff; background-color:#6a6f79; vertical-align:middle;}
.ico-details-end:before {display:none;}
.ico-sns-naver.ico-only,
.ico-sns-naver:before,
.ico-sns-naver:after {width:15px; height:15px; background-position:-210px -140px;}
.ico-sns-fbook.ico-only,
.ico-sns-fbook:before,
.ico-sns-fbook:after {width:15px; height:15px; background-position:-230px -140px;}
.ico-adultoff.ico-only,
.ico-adultoff:before,
.ico-adultoff:after {width:52px; height:25px; background-position:0 -225px;}
.ico-adulton.ico-only,
.ico-adulton:before,
.ico-adulton:after {width:50px; height:30px; background-position:-50px -220px;}
.ico-jsns-naver.ico-only,
.ico-jsns-naver:before {width:30px; height:30px; background-position:-280px -100px;}
.ico-jsns-fabook.ico-only,
.ico-jsns-fabook:before {width:30px; height:30px; background-position:-180px -140px;}
.ico-top-new {position:absolute;top:0px;right:0px;width:12px;height:12px;}
.ico-menu-new {top:0px;right:0px;width:12px;height:12px;}
.ico-event-box::before{width:33px; height:16px; background-position: -72px -315px; margin-top: -1px;}
.ico-periodic-discount{margin-left:2px; position: relative; top:-3px;vertical-align:middle;font-size:0;margin-bottom:-3px;overflow: visible;}
.ico-periodic-discount::before{width:36px; height:17px; background: var(--ico-payment-dc10-off) no-repeat; background-size: 36px 17px;}
.ico-view-count {display:inline-block; width:12px; height:14px; background: var(--ico-view-count) no-repeat; background-size:12px 14px; vertical-align: middle;}

/* Sprite  nb */
.ico-sp-nb{content:''; display: inline-block; vertical-align:middle; text-indent: -9999px; background: url('../../images/common/sp-nb-v-1.png?date=202005270000') no-repeat; background-size: 400px auto; }
.ico-sp-nb.adult {display: inline;}
.ico-sp-nb.update::after{content:''; display: inline-block; position:absolute; top:9px; right:9px; width: 4px; height: 4px; background: var(--sub-red-01); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }
.toggle-adult{width:52px; height:25px; background: var(--ico-drawer-19-off) no-repeat; background-size: 52px 25px;}
.toggle-adult.on{width:52px; height:25px; background: var(--ico-drawer-19-on) no-repeat; background-size: 52px 25px;}
.ico-close-back{width:25px; height:25px; background: var(--ico-drawer-close) no-repeat; background-size: 25px 25px;}
.ico-notice-top{width:25px; height:25px; background: var(--ico-drawer-alarm) no-repeat; background-size: 25px 25px;}
.ico-gift-top{width:25px; height:25px; background: var(--ico-drawer-gift) no-repeat; background-size: 25px 25px;}
.ico-locker{width:20px; height:20px; background: var(--ico-drawer-library) no-repeat; background-size: 20px 20px;}
.ico-wish-list{width:20px; height:20px; background: var(--ico-drawer-zzim) no-repeat; background-size: 20px 20px;}
.ico-event{width:20px; height:20px; background: var(--ico-drawer-event) no-repeat; background-size: 20px 20px;}
.ico-right-grey{width:15px; height:15px; background: var(--ico-drawer-recharge-more) no-repeat; background-size: 15px 15px;}
.ico-right-black{width:15px; height:15px; background: var(--ico-drawer-recharge-more) no-repeat; background-size: 15px 15px;}
.ico-free-charge{width:20px; height:20px; background: var(--ico-drawer-free-recharge) no-repeat; background-size: 20px 20px;}
.ico-interests-genres-on{width:20px; height:20px; background: var(--ico-drawer-interests-genres-on) no-repeat; background-size: 16px 16px; background-position: center;}
.ico-interests-genres-off{width:20px; height:20px; background: var(--ico-drawer-interests-genres-off) no-repeat; background-size: 16px 16px; background-position: center;}
.ico-account-thumnail{width:17px; height:17px; background: var(--ico-drawer-myinfo-person) no-repeat; background-size: 17px 17px;}
.ico-account-naver{width:17px; height:17px; background-position: -165px -85px;}
.ico-account-facebook{width:17px; height:17px; background-position: -145px -85px;}
.ico-account-kakao {background: url(/images/user/icon-sns-id-kakao.svg) no-repeat;background-size: 17px 17px;width:17px;height:17px;}
.ico-account-google {background: url(/images/user/icon-sns-id-google.svg) no-repeat;background-size: 17px 17px;width:17px;height:17px;}
.ico-right-circle{width:17px; height:17px; background: var(--ico-drawer-myinfo-more) no-repeat; background-size: 17px 17px;}
.ico-full-version{width:26px; height:26px; background: url('../../images/common/ico-drawer-install-completion.png') no-repeat; background-size: 26px 26px;}
.ico-general-version{width:26px; height:26px; background: url('../../images/common/ico-drawer-install-general.svg') no-repeat; background-size: 26px 26px;}
.ico-adult-19{width:17px; height:17px; background-position: -25px -30px;}
.ico-19-small{width: 17px; height: 17px; background:url('/images/common/ico-big-adult-17.svg') no-repeat; background-size: 17px 17px;}
.ico-19-big{width: 22px; height: 22px; background:url('/images/common/ico-big-adult-22.svg') no-repeat;background-size: 22px 22px;}
.ico-close-black{width:25px; height:25px; background: var(--ico-close-black) no-repeat; background-size: 25px 25px;}
.ico-close-white{width:25px; height:25px; background: url('../../images/common/ico-close-white.svg') no-repeat; background-size: 25px 25px;}
.ico-arrow-before.white{width: 25px; height: 25px; background: url('../../images/common/ico-back-white.svg') no-repeat; background-size: 25px 25px;}
.ico-back{width: 25px; height: 25px; background: var(--ico-back) no-repeat; background-size: 25px 25px;}
.ico-drawer-dark-mode{width:20px; height:20px; background: url('../../images/common/ico-drawer-darkmode-on.svg') no-repeat; background-size: 20px 20px;}
.ico-drawer-light-mode{width:20px; height:20px; background: url('../../images/common/ico-drawer-darkmode-off.svg') no-repeat; background-size: 20px 20px;}

.ico-menu-top{background-image: var(--ico-menu);width: 25px;height: 25px;background-size: 25px;display: inline-block;}
.ico-search-top{background-image: var(--ico-search);width: 25px;height: 25px;background-size: 25px;display: inline-block;}
.ico-down-circle{background-image: var(--ico-gnb-dropdown-arrow);width: 20px;height: 20px;background-size: 20px;display: inline-block;vertical-align:middle;}
.ico-menu-top.update::after{content:''; display: inline-block; position:absolute; top:15px; right:12px; width: 5px; height: 5px; background: var(--sub-red-01); border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }

@media(max-width: 272px) {
    .ico-sp-nb.update::after{right: 2px;}
}

/* Sprite icon */
.ico-sp-icon{content:''; display: inline-block; vertical-align:middle; text-indent: -9999px; background: url('../../images/common/sp-icon-v-1.png?date=202009070000') no-repeat; background-size: 400px auto; }
/* sp-icon Img */
.ico-arrow-black{width: 20px; height: 20px; background: var(--ico-section-top-more) no-repeat; background-size: 20px 20px; content:''; display: inline-block; vertical-align:middle; text-indent: -9999px;}
.ico-view-list{width: 25px; height: 25px; background:url('/images/common/ico-snackbar-zzim.svg') no-repeat;background-size:25px 25px;}
.ico-view-change{width: 25px; height: 25px;background:url('/images/common/ico-snackbar-change.svg') no-repeat;background-size:25px 25px;}
.ico-arrow-continue{width:15px;height:18px;background:var(--snackbar-more) no-repeat;background-size:15px 18px;}
.ico-update-label{width: 24px; height: 15px; background:var(--ico-snackbar-up) no-repeat;background-size: 24px 15px;}
.ico-drop-down{width: 10px; height: 7px; background: var(--ico-dropdown-arrow) no-repeat;background-size: 10px 7px;}
.ico-list{width: 25px; height: 25px; background: var( --ico-change-to-list) no-repeat; background-size: 25px 25px;}
.ico-list.tile-style{width: 25px; height: 25px; background: var(--ico-change-to-grid) no-repeat; background-size: 25px 25px;}
.ico-book{width: 25px; height:25px; background-position: -330px 0;}
.ico-book.active{width: 25px; height:25px; background: var(--ico-list-preview-booktype) no-repeat; background-size: 25px 25px;}
.ico-add-view{width: 20px; height:20px; background: var(--ico-list-more-arrow) no-repeat; background-size: 20px 20px;}
.ico-filter{position:relative; width: 24px; height:24px; background:var(--ico-list-filter) no-repeat;background-size: 24px 24px;}
.ico-filter.update::after{content:''; display: inline-block; position:absolute; right:-4px; width: 4px; height: 4px; background: var(--sub-red-01); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }
.ico-prev-more{width: 30px; height: 30px; background:var(--ico-page-start-on) no-repeat; background-size: 30px;}
.ico-prev-more.disabled{width: 30px; height: 30px; background:var(--ico-page-start-off) no-repeat; background-size: 30px;}
.ico-prev-circle{width: 30px; height: 30px; background:var(--ico-page-prev-on) no-repeat; background-size: 30px;}
.ico-prev-circle.disabled{width: 30px; height: 30px; background:var(--ico-page-prev-off) no-repeat; background-size: 30px;}
.ico-next-circle{width: 30px; height: 30px; background:var(--ico-page-next-on) no-repeat; background-size: 30px;}
.ico-next-circle.disabled{width: 30px; height: 30px; background:var(--ico-page-next-off) no-repeat; background-size: 30px;}
.ico-next-more{width: 30px; height: 30px; background:var(--ico-page-end-on) no-repeat; background-size: 30px;}
.ico-next-more.disabled{width: 30px; height: 30px; background:var(--ico-page-end-off) no-repeat; background-size: 30px;}
.ico-end {width:18px; height:18px; background-position: -230px -30px;}
.ico-del-sch{width: 20px; height: 20px; background: var(--ico-input-clear) no-repeat; background-size: 20px 20px;}
.ico-star-small-on {width: 96px; height:16px; background-position: -197px -120px;}
.ico-star-small {width:96px; height:16px; background-position: -197px -141px;}
.ico-star-on {width:192px; height:32px; background-position:0 -120px;}
.ico-star {width:192px; height:32px; background-position:0 -157px;}
.ico-more-white{width:15px; height:15px; background-position: -150px -55px;}

/* 아이콘 클래스 세분화 변경 후 */
.ico-heart{width: 25px; height:25px; background: var(--ico-list-zzim-off-gray) no-repeat; background-size: 25px 25px;}
.ico-heart.active,.ico-heart.hover,.ico-heart-white.active{width: 25px; height:25px; background: var(--ico-list-zzim-on) no-repeat; background-size: 25px 25px;}
.ico-heart-white{width: 25px; height:25px; background: url('/images/common/ico-list-zzim-off-white.svg') no-repeat; background-size: 25px 25px;}

.ico-label-genre{width:24px; height: 15px;}
.ico-label-genre.all{background-position: -275px -55px;}
.ico-label-genre.webtoon{background-position: -185px -55px;}
.ico-label-genre.comic{background-position: -215px -55px;}
.ico-label-genre.novel{background-position: -245px -55px;}
.ico-label-state{height: 15px;}
.ico-label-state.new{width: 25px; height: 15px; background: var(--ico-list-new) no-repeat; background-size: 25px 15px;}
.ico-label-state.update{width: 25px; height: 15px; background: var(--ico-list-up) no-repeat; background-size: 25px 15px;}
.ico-label-state.event{width: 32px; height: 15px; background: var(--ico-list-event) no-repeat; background-size: 32px 15px;}
.ico-outline{width: 25px; height:25px;}
.ico-outline.clock{ background-position: 0 0;}
.ico-outline.gift{background-position: -30px 0;}
.ico-outline.alarm{background-position: -60px 0;}

/* 아이콘 클래스 변경 전 - 마이홈 작업 클래스 변경 필요 및 제거 */
.ico-heart-grey{width: 25px; height:25px; background-position: -150px 0;}
.ico-heart-grey.active{width: 25px; height:25px; background-position: -210px 0;}
.ico-share-white{width: 25px; height:25px; background-position: -240px 0;}
.ico-alarm-grey{width: 25px; height:25px; background: var(--ico-list-alarm-off) no-repeat; background-size: 25px 25px;}
.ico-alarm-grey.active{width: 25px; height:25px; background: var(--ico-list-alarm-on) no-repeat; background-size: 25px 25px;}

.ico-all-label{width:24px; height: 15px; background-position: -275px -55px;}
.ico-webtoon-label{width:24px; height: 15px; background-position: -185px -55px;}
.ico-comic-label{width:24px; height: 15px; background-position: -215px -55px;}
.ico-novel-label{width:24px; height: 15px; background-position: -245px -55px;}
.ico-label-new{width:25px; height: 15px; background-position: -305px -55px;}
.ico-label-update{width:25px; height: 15px; background-position: -336px -55px;}
.ico-label-event{width:33px; height: 15px; background-position: -366px -55px;}
.ico-clock-outline{width: 25px; height:25px; background: var(--ico-list-f2w) no-repeat;}
.ico-gift-outline{width: 25px; height:25px; background: var(--ico-list-gift) no-repeat;}
.ico-alarm-outline{width: 25px; height:25px; background: var(--ico-list-alarm) no-repeat; background-size: 25px 25px;}
.ico-list-checkdaily{width: 25px; height:25px; background: var(--ico-list-checkdaily) no-repeat; background-size: 25px 25px;}

/* 체크 박스 */
.checkbox-blue{display: inline-block; vertical-align:middle;}
.ico-checkbox {display: inline-block; position:relative; width: 18px; height: 18px; margin-right: 5px; vertical-align:middle; background: var(--ico-check-normal) no-repeat; background-size: 18px 18px;}
.ico-checkbox > input[type="checkbox"] {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer;}
.checkbox-blue > label {font-size: 14px; line-height: 18px; color: var(--grey-05); font-weight: 500; vertical-align: inherit;}
.checkbox-blue.active .ico-checkbox{background: var(--ico-check-active) no-repeat; background-size: 18px 18px;}
.checkbox-blue.disabled .ico-checkbox{background: var(--ico-check-disable) no-repeat; background-size: 18px 18px;}
.checkbox-blue.active > label{color: #3464fe;}
.ico-check-item{display: inline-block; vertical-align:middle;background: url(/images/default/ico_check_gray_only.png) no-repeat 50% 50%;background-size: 16px auto;width:16px;height:16px;}
.ico-check-item.active{background: url(/images/default/ico_check_blue_only.png) no-repeat 50% 50%;background-size: 16px auto;width:16px;height:16px;}

/* 개별이미지 */
.ico-member-benefit01{width: 40px; height: 40px; background: var(--ico-member-benefit01) center /40px no-repeat;}
.ico-member-benefit02{width: 40px; height: 40px; background: var(--ico-member-benefit02) center /40px no-repeat;}
.ico-member-benefit03{width: 40px; height: 40px; background: var(--ico-member-benefit03) center /40px no-repeat;}
.ico-member-benefit04{width: 40px; height: 40px; background: var(--ico-member-benefit04) center /40px no-repeat;}
.ico-back-single{display: inline-block; width: 24px; height: 24px; background: var(--ico-back-single) center /24px no-repeat;}
.ico-device-phone{display: inline-block; width: 60px; height: 70px; background: url("/images/join/easy/ico-device-phone.svg") center /60px 70px no-repeat;}
.ico-device-imac{display: inline-block; width: 60px; height: 70px; background: url("/images/join/easy/ico-device-imac.svg") center /60px 70px no-repeat;}
.ico-wait-coupon{display: inline-block; position: absolute; bottom: 0; right: 0; width: 26px; height: 26px; background: url("/images/common/ico-wait-coupon.svg") center /26px 26px no-repeat;}

/* SVG */
i[class^="svg"]{overflow:hidden; display: inline-block; background-repeat: no-repeat; background-size: contain;}
.svg-app-red{width: 24px; height: 24px; background-image: url("/images/footer/ico-appicon-red-small.svg");}
.svg-app-blue{width: 24px; height: 24px; background-image: url("/images/footer/ico-appicon-blue-small.svg");}
.svg-inhouse{width: 28px; height: 28px; background-image: url("/images/footer/ico-footer-install-inhouse.png");}
.svg-onestore{width: 28px; height: 28px; background-image: url("/images/footer/ico-footer-install-onestore.svg");}
.svg-googleplay{width: 28px; height: 28px; background-image: url("/images/footer/ico-footer-install-googleplay.svg");}
.svg-gangtoon{width: 28px; height: 28px; background-image: url("/images/footer/ico-footer-install-gangtoon.svg");}
.svg-dropdown{width: 12px; height: 12px; background-image: var(--ico-small-down-arrow);}
.btn-company.active .svg-dropdown{background-image: var(--ico-small-up-arrow);}
.svg-youtube, .svg-insta,.svg-x,.svg-blog, .svg-kakaochannel{width: 30px; height: 30px; }
.svg-youtube {background-image: var(--ico-sns-gray-05-yout-df);}
.svg-insta {background-image: var(--ico-sns-gray-05-insta-df);}
.svg-x {background-image: var(--ico-sns-gray-05-x-df);}
.svg-blog {background-image: var(--ico-sns-gray-05-blog-df);}
.svg-kakaochannel{background-image: var(--ico-sns-gray-05-kakaoch-df);}
.svg-kosdaq{width: 73px; height: 24px; background-image: var(--common-certiry-01);}
.svg-isms{width: 29px; height: 26px; background-image: var(--common-certiry-02);}
.svg-eprivacy{width: 27px; height: 26px; background-image: var(--common-certiry-03);}
.svg-kcopa{width: 39px; height: 26px; background-image: var(--common-certiry-04);}
.svg-gotop{width: 12px; height: 8px; background-image: var(--ico-footer-top-arrow);}


.ico-cate-comic:before {background-position-y: 0;}
.ico-cate-webtoon:before {background-position-y: 0;}
.ico-cate-novel:before {background-position-y: 0;}