/* 가변 Header */
@media (max-width: 767px) {.header:not(.onlyMobile):not(.sideMenu){display: none !important;} .header.onlyMobile{display: block;}}
@media (min-width: 768px) {.header:not(.onlyMobile):not(.sideMenu){display: block;} .header.onlyMobile{display: none !important;}}

.topMenu{width: 100%; position: fixed; top: 0; left: 0; z-index: 3; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); white-space: nowrap; display: flex; justify-content: center;}
.topMenu{height: 50px; line-height: 50px;}
.topMenu a, .topMenu button{color: #ff0000;}
.topMenu .leftMenu{overflow: hidden; text-align: left; flex-grow: 1;}
.topMenu .leftMenu li{display: inline-block;}
.topMenu .comicInfo{float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topMenu .comicTitle{font-size: 16px; float: left; margin-left: 15px;}
.topMenu .comicTitle i.icon{display: inline-block; vertical-align: text-top;}
.topMenu .comicTitle i.icon{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_arrowBlack1.png) no-repeat center; width: 20px; height: 20px; margin-top: 1px; background-size: cover;  display: inline-block; vertical-align: text-top; margin-right: 2px;}

.topMenu .episodeTitle{color: #ccc; display: inline-block;}
.topMenu .episodeTitle i.icon{width: 25px; height: 15px; margin-top: 3px; margin-right: 5px; background-size: cover; display: inline-block; vertical-align: text-top;}
.topMenu .episodeTitle i.icon{display: none;}
.topMenu .episodeTitle .txt{font-size: 1.2em;}
.topMenu .episodeSubtitle{color: #ccc; margin-left: 10px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topMenu .rightMenu{flex-grow: 0; display: inline-flex;}
.topMenu .rightMenu>li{float: left; position: relative;}
.topMenu .rightMenu a, .topMenu .rightMenu button{display: block;}
.topMenu .rightMenu a, .topMenu .rightMenu button{width: 40px; height: 49px;}
.topMenu .rightMenu .home{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_home.png) no-repeat center; position: relative; background-size: 23px;}
.topMenu .rightMenu .giftbox{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_giftbox1.png) no-repeat center; position: relative; background-size: 23px;}
.topMenu .rightMenu .gift_cnt_span{position: absolute; font-size: 10px; top: 10px; background: #ff3838; text-align: center; border-radius: 10px; color: #fff; width: 15px; height: 15px; vertical-align: middle; line-height: 15px; display: inline-block;}
.topMenu .rightMenu .gift_cnt_span{right: 0;}
.topMenu .rightMenu .list{width: 23px; height: 49px; background-size: 23px; display: block;}

@media (max-width: 430px) {.body_wrap{font-size: 0.8em; margin-top: 50px;}}
@media (min-width: 431px) and (max-width: 639px) {.body_wrap{font-size: 0.9em; margin-top: 50px;}}
@media (min-width: 640px) and (max-width: 767px) {.body_wrap{font-size: 1em; margin-top: 50px;}}
@media (min-width: 768px) {.body_wrap{font-size: 1em;}}

/* 코믹 정보 영역 */
.comicInfo_wp{width: 100%; max-width: 1050px; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; position: relative; overflow: hidden;}
@media (min-width: 768px) and (max-width: 1049px) {.comicInfo_wp{display: flex;}}
@media (min-width: 1050px) {.comicInfo_wp{display: flex; border-radius: 0px 0px 5px 5px;}}
.comicThumb_wp{width: 100%; height: 100%; position: relative;}
@media (max-width: 767px) {.comicThumb_wp{width: 100%;}}
@media (min-width: 768px) {.comicThumb_wp{width: 60%; flex-grow: 1;}}
.comicThumb_wp .comicThumb img{width: 100%;}
.comicThumb_wp .swiper-pagination{text-align: right; padding-right: 15px;}
.comicThumb_wp .comicOnly{position:absolute; z-index:2; width:90px; height:50px;}
.comicThumb_wp .comicOnly[data-lang='kr']{background:url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/ep_only_toptoon.png) no-repeat center; background-size:contain;}
.comicThumb_wp .comicOnly[data-lang='tw']{background:url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/ep_only_toptoon.png) no-repeat center; background-size:contain;}
@media (min-width: 1021px) {.comicThumb_wp .comicOnly{left:85%; top:80%;}}
@media (max-width: 1020px) {.comicThumb_wp .comicOnly{left:calc(100% - 90px); top:calc(100% - 65px);}}

.actionFavoritesArea {position: absolute; right: 0px; top: -5px; z-index: 1; cursor: pointer;}
@media (max-width: 430px) {.actionFavoritesArea {top: -4px;}}
.actionFavoritesArea i.favorites{width: 30px; height: 30px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_favorites1.png) no-repeat center; background-size: contain; vertical-align: middle; display: inline-block;}
.actionFavoritesArea.active{color: #e63740;}
.actionFavoritesArea.active i.favorites{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_favorites1On.png) no-repeat center; background-size: contain;}
.actionSubscriptionBtn .setOff{display: none;}
.actionSubscriptionBtn.active .setOff{display: inline-block;}
.actionSubscriptionBtn.active .setOn{display: none;}
.actionSubscriptionBtn i.info{width: 16px; height: 16px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_info.png) no-repeat center; background-size: contain; vertical-align: middle; display: inline-block;position: absolute; top: -8px; right: 10px;}
.actionSubscriptionBtn.active  i.info{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_infoOn.png) no-repeat center; background-size: contain; }
.actionSubscriptionBtn i.Subscription{width: 12px; height: 12px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_plus.png) no-repeat center; background-size: contain; display: inline-block;}
.actionSubscriptionBtn.active i.Subscription{height: 8px;background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_check.png) no-repeat center; background-size: contain; }

.comic_subscription {position: absolute; width: 100%; height: 12em; bottom:70px; display: none;}
.comic_subscription .comic_subscription_area { position:absolute; width:20%; left:50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
@media (min-width: 768px) and (max-width: 1470px) {.comic_subscription .comic_subscription_area {width:40%;}}
@media (max-width: 767px) {.comic_subscription .comic_subscription_area {width:80%;}}
.comic_subscription .comic_subscription_area .comic_subscription_a { position:relative; margin:0 auto; width: 95%; height: 5em; z-index: 1; font-size: 1.1em; font-family: 'roboto'; background-color: rgba(0, 0, 0, 0.7);  border-radius: 10px; text-align: center; font-weight: 400; padding: 18px 5px;}
.comic_subscription .comic_subscription_area .comic_subscription_a .notice { color: #FBFF46;}
.comic_subscription .comic_subscription_area .comic_subscription_a i { width: 10px; height: 10px; display: inline-block; background-size: contain;}
.comic_subscription .comic_subscription_area .comic_subscription_a .text {color: #fff; padding:0 3px 0 0px;}
.comic_subscription .comic_subscription_area .comic_subscription_a .info {background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_info.svg) no-repeat center; width: 19px; height: 19px; border-radius: 7px; vertical-align: text-bottom;}
.comic_subscription .comic_subscription_area .comic_subscription_a .actionsubscriptionclose {background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_close.svg) no-repeat center; position: absolute; z-index: 2; width: 38px; height: 14px; vertical-align: initial; margin: 3px 0 0 0px; right: 1%; top: 30%;}
@media (max-width: 430px) {
    .comic_subscription .comic_subscription_area .comic_subscription_a .info { width: 14px; height: 14px; border-radius: 7px;}
    .comic_subscription .comic_subscription_area .comic_subscription_a .actionsubscriptionclose { width: 30px; height: 10px; margin-top: 7px;}
}


.comicInfo{background: #fff;}
@media (max-width: 767px) {.comicInfo{width: 100%;}}
@media (min-width: 768px) and (max-width: 1049px) {.comicInfo{width: 40%; max-width: 450px; flex-grow: 1; font-size: 0.9em;}}
@media (min-width: 1050px) {.comicInfo{width: 40%; max-width: 450px; flex-grow: 1;}}
.comicInfo .tab{width: 100%; background: #eff1f7; display: flex;}
@media (max-width: 767px) {.comicInfo .tab{padding: 10px 10px 0;}}
@media (min-width: 768px) {.comicInfo .tab{padding: 5px 5px 0;}}
.comicInfo .tab li{flex: auto;}
.comicInfo .tab li a{display: inline-block; width: 100%; border: 1px solid #d5d5d5; border-bottom: 1px solid #4c94f6; border-left: 1px outset; line-height: 39px; text-align: center;}
@media (max-width: 430px) {.comicInfo .tab li a{font-size: 1.2em;}}
@media (min-width: 431px) and (max-width: 639px) {.comicInfo .tab li a{font-size: 1.1em;}}
@media (min-width: 640px) {.comicInfo .tab li a{font-size: 1em;}}
.comicInfo .tab li:first-of-type a{border-left: 1px solid #d5d5d5;;}
.comicInfo .tab li a.active{background: #fff; border: 1px solid #4c94f6; color: #4c94f6; border-bottom: 1px solid #fff; }
.comicInfo .infoContent{clear: both; overflow: hidden; height: 100%; display: flex; flex-direction: column;}
@media (max-width: 767px) {.comicInfo .infoContent{padding: 2vw 4vw; position: relative;}}
@media (min-width: 768px) and (max-width: 1199px) {.comicInfo .infoContent{padding: 1vw 2vw 5px;} .comicInfo .infoContent[data-has_tab='1']{ height: calc(100% - 46px);}}
@media (min-width: 1200px) {.comicInfo .infoContent{padding: 15px 25px 5px;} .comicInfo .infoContent[data-has_tab='1']{ height: calc(100% - 46px);}}
.comicInfo .infoContent:not([data-type='comicInfo']){display: none;}

.comicInfo .infoContent>div{padding-top: 0.8em;}
.comicInfo .infoContent .title{position:relative; font-size: 1.55em; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.1em; display: inline-block; vertical-align: middle; padding: 0px 30px 0 0;}
.comicInfo .infoContent .title.cn{display: inline-block; height: 0px; width: 0px; margin: 0px; padding: 0px; overflow: hidden; -ms-overflow-style: none;}
.comicInfo .infoContent .title .badge{display:inline-block;}
.comicInfo .infoContent .title .badge .onePlusOne[data-lang='tw']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/onePlus.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .waitFree[data-lang='tw']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/waitFree.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .onePlusOne[data-lang='kr']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/onePlus.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .waitFree[data-lang='kr']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/waitFree.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .novel[data-lang='kr']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/novel.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .novel[data-lang='tw']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/novel.svg) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .clear[data-lang='kr']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/clear.png) no-repeat center; background-size: contain;}
.comicInfo .infoContent .title .badge .clear[data-lang='tw']{position:relative; background: url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/clear.png) no-repeat center; background-size: contain;}
@media (max-width: 767px) {
    .comicInfo .infoContent .title .badge .waitFree[data-lang='kr']{width: 35px; height: 17px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .onePlusOne[data-lang='kr']{width: 40px; height: 16px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .waitFree[data-lang='tw']{width: 35px; height: 16px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .onePlusOne[data-lang='tw']{width: 45px; height: 16px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .novel[data-lang='kr']{width: 44px; height: 16px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .novel[data-lang='tw']{width: 44px; height: 16px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .clear[data-lang='kr']{width: 44px; height: 16px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .clear[data-lang='tw']{width: 26px; height: 16px; margin: 0px 0 0px 5px;}
}
@media (min-width: 768px) {
    .comicInfo .infoContent .title .badge .waitFree[data-lang='kr']{width: 39px; height: 18px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .onePlusOne[data-lang='kr']{width: 45px; height: 18px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .waitFree[data-lang='tw']{width: 39px; height: 18px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .onePlusOne[data-lang='tw']{width: 52px; height: 18px; margin: 7px 0 0 5px;}
    .comicInfo .infoContent .title .badge .novel[data-lang='kr']{width: 48px; height: 18px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .novel[data-lang='tw']{width: 48px; height: 18px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .clear[data-lang='kr']{width: 48px; height: 18px; margin: 0px 0 0px 5px;}
    .comicInfo .infoContent .title .badge .clear[data-lang='tw']{width: 28px; height: 18px; margin: 0px 0 0px 5px;}
}
.comicInfo .infoContent .arrow_wp{float: right; padding: 0;}
.comicInfo .infoContent .arrow_wp button{padding: 13px; border: 1px solid #ddd;}
.comicInfo .infoContent .arrow_wp .arrow{background-size: 9px 14px; background-position: center; margin: 0;}
.comicInfo .infoContent .arrow_wp .arrow[data-type='left']{transform: rotate(180deg);}
.comicInfo .infoContent .arrow_wp .disabled{filter: grayscale(1) opacity(0.5);}
.comicInfo .infoContent[data-type='comicInfo'] .desc{line-height: 1.5em; font-size: 0.95em;}
@media (max-width: 767px) {.comicInfo .infoContent[data-type='comicInfo'] .desc{width: calc(100% - 30px);}}
@media (min-width: 768px) and (max-width: 899px) {.comicInfo .infoContent[data-type='comicInfo'] .desc{max-height: 7vw; overflow-y: auto; -ms-overflow-style: none;}}
@media (min-width: 900px) and (max-width: 1049px) {.comicInfo .infoContent[data-type='comicInfo'] .desc{max-height: 9vw; overflow-y: auto; -ms-overflow-style: none;}}
@media (min-width: 1050px) {.comicInfo .infoContent[data-type='comicInfo'] .desc{max-height: 11vw; overflow-y: auto; -ms-overflow-style: none; overflow:hidden; word-wrap:break-word;  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}}
.comicInfo .infoContent[data-type='comicInfo'] .etc{padding-top:0.7rem;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .iconStar:after{content: "★"; font-size: 14px; color: #e73844;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .bar{color: #ddd; padding: 0 3px;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .viewCnt{color: #5b96d2; letter-spacing: -0.3px;}
.comicInfo .infoContent[data-type='comicInfo'] .comic_story{overflow: hidden; font-size: 13px; color: #666; word-wrap: break-word; display: inline-block; -webkit-box-orient: vertical; position: relative; max-height: 106px; line-height: 18px; letter-spacing: -0.1px;}
.comicInfo .infoContent[data-type='comicInfo'] .ico_arrow{display: none;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .comicDayBox{display:flex; margin-top:3px;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .comicDayBox .point{color:#e63740; font-weight:500;}
.comicInfo .infoContent[data-type='comicInfo'] .etc .comicDayBox .comicDay{color:#e63740; text-align:center; vertical-align:baseline; font-weight:500; display:inline-flex;}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .comic_story {max-height: none; -webkit-line-clamp: 3;}}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .comic_story.min {overflow: hidden; font-size: 12.5px; color: #666; line-height: 18px; word-wrap: break-word; -webkit-box-orient: vertical; position: relative; display: inline-block; max-height: 5em; text-overflow: ellipsis;}}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .comic_story.active {max-height: none; word-wrap: break-word; -webkit-box-orient: vertical; position: relative; -webkit-line-clamp: 10;}}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .btn_moreview{ display: block;}}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .ico_arrow{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_arrow.png) no-repeat center; background-size: 20px; position: absolute; right: 0; top:0; margin-right: 8px; height: 30px; display: block;}}
@media (max-width:767px) {.comicInfo .infoContent[data-type='comicInfo'] .comic_story.active .ico_arrow{transform: rotate(180deg);}}
.comicInfo .infoContent[data-type='comicInfo'] .hashTag{overflow: hidden;}
.comicInfo .infoContent[data-type='comicInfo'] .hashTag a{background: #ffeeee; color: #e63740; padding: 2px 5px; margin-bottom: 3px; border-radius: 3px; margin-right: 5px; display: inline-block; font-size:0.9rem;}
@media (max-width: 767px) {.comicInfo .infoContent[data-type='comicInfo'] .hashTag a{font-size:0.8rem;}}
.comicInfo .infoContent[data-type='comicInfo'] .isbnNo{color: #bbb; text-align: right; margin: 0 5px 5px; font-size: 0.8em;}
/* show/ hide */
@media (max-width: 767px) {.comicInfo .infoContent[data-type='character'] .title, .comicInfo .infoContent[data-type='scenesteal'] .title, .comicInfo .infoContent .arrow_wp{display: none;}}
@media (max-width: 850px) {.comicInfo .infoContent[data-type='comicInfo'] .isbnNo{display: none;}}
@media (min-width: 768px) and (max-width: 1199px) {.comicInfo .infoContent[data-type='comicInfo'] .etc .viewCntBox{display: none;}}

@media (min-width: 768px) and (max-width: 1049px) {.comicInfo .infoContent .thumbList{clear: both; overflow-y: auto; -ms-overflow-style: none; max-height: 289px; height: calc(100vw / 1200 * 400 - 109px);}} /* 브라우저 너비에 맞춰 컨텐츠 높이 고정시키기 위함 */
@media (min-width: 1050px) {.comicInfo .infoContent .thumbList{clear: both; overflow-y: auto; -ms-overflow-style: none; max-height: 289px;}}
.comicInfo .infoContent[data-type='character'] .thumbList li{margin: 0 3px;}
@media (max-width: 430px) {
    .comicInfo .infoContent[data-type='character'] .thumbList li{width: calc(100% / 3 - 20px);}
    .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3), .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} /* 전체 개수가 3개일때 */
}
@media (min-width: 431px) and (max-width: 767px) {
    .comicInfo .infoContent[data-type='character'] .thumbList li{width: calc(100% / 4 - 20px);}
    .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3), .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} /* 전체 개수가 3개일때 */
    .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(4), .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} /* 전체 개수가 4개일때 */
}
@media (min-width: 768px) {
    .comicInfo .infoContent[data-type='character'] .thumbList li{width: calc(100% / 3 - 20px);}
    .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3), .comicInfo .infoContent[data-type='character'] .thumbList li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} /* 전체 개수가 3개일때 */
}
.comicInfo .infoContent[data-type='character'] .thumb img{width: 100%;}
.comicInfo .infoContent[data-type='character'] .characterName{text-align: left; padding-top: 7px;}
.comicInfo .infoContent[data-type='character'] .characterDescription{width: 100%; height: 100%; background: #fff; padding: 2px; font-size: 11px; line-height: 17px;}
.comicInfo .infoContent[data-type='scenesteal'] .thumbList li{margin-right: 7px; display: inline-block;}
@media (max-width: 430px) {
    .comicInfo .infoContent[data-type='scenesteal'] .thumbList li{width: calc(100% / 3 - 20px);}
    .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(3), .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} /* 전체 개수가 3개일때 */
}
@media (min-width: 431px) and (max-width: 767px) {
    .comicInfo .infoContent[data-type='scenesteal'] .thumbList li{width: calc(100% / 4 - 20px);}
    .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(3), .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} /* 전체 개수가 3개일때 */
    .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(4), .comicInfo .infoContent[data-type='scenesteal'] .thumbList li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} /* 전체 개수가 4개일때 */
}
@media (min-width: 768px) {.comicInfo .infoContent[data-type='scenesteal'] .thumbList li{width: calc(100% / 2 - 30px);}}
.comicInfo .infoContent[data-type='scenesteal'] .thumb img{width: 100%;}
.comicInfo .infoContent .infoBottomArea{margin-top: auto; margin-bottom: 5px;}
.comicInfo .infoContent .btnArea{font-size: 1em; display: flex; justify-content: space-between; margin-top: auto;}
.comicInfo .infoContent .actionSubscriptionBtn{position:relative; border-radius: 5px; color: #000; border: 1px solid #dddddd; text-align: center; width: 49%; height: 3em; font-size: 1em;}
.comicInfo .infoContent .actionSubscriptionBtn.active{border: 1px solid #e63640; color: #e63640;}
.comicInfo .infoContent .actionViewCurrentEpisodeBtn{border-radius: 5px; color: #e63640; border: 1px solid #e63640; text-align: center; width: 49%; height: 3em; font-size: 1em;}
.comicInfo .infoContent .actionViewCurrentEpisodeBtn .first, .comicInfo .infoContent .actionViewCurrentEpisodeBtn .next{display: none;}
.comicInfo .infoContent .actionViewCurrentEpisodeBtn[data-type='first'] .first{display: block;}
.comicInfo .infoContent .actionViewCurrentEpisodeBtn[data-type='next'] .next{display: block;}
.comicInfo .infoContent .actionViewCurrentEpisodeBtn[data-type='next'] .nextTitle{padding-right:3px;}

/* 배너 및 중간 안내 영역 */
.middle_wp .expired{width: 100%; max-width: 1050px; margin: 10px auto 0; border-radius: 10px; height: 40px; background-color: #bc3a3a; color: #fff; line-height: 40px; text-align: center;}

/* 컨텐츠 영역 */
.content_wp{width: 100%; max-width: 1050px; margin: 0 auto 80px; display: flex;}
@media (max-width: 1049px) {.content_wp{padding: 0 10px; margin-bottom: 40px;}}
.content_wp[data-type="2"] .left_wp .banner[data-area='banner_14'] picture {width: 100%; display: block; border-radius: 5px;} /* 단행본페이지에서만 노출되는 배너css */
.content_wp[data-type="2"] .left_wp .banner[data-area='banner_14'] img {max-width: 750px;}/* 단행본페이지에서만 노출되는 배너css */

/* 컨텐츠 왼쪽/오른쪽 영역 */
.content_wp[data-type='2'] .left_wp{width: 100%;}
.content_wp[data-type='2'] .right_wp{width: 0; display: none;}
@media (max-width: 767px) {.content_wp[data-type='1'] .left_wp{width: 100%;}}
@media (min-width: 768px) {.content_wp[data-type='1'] .left_wp{width: 100%; max-width: 750px; flex: auto;}}
@media (max-width: 767px) {.content_wp[data-type='1'] .right_wp{display: none !important;}}
@media (min-width: 768px) {.content_wp[data-type='1'] .right_wp{flex: auto; margin-left: 10px;}}
@media (max-width: 767px) {.content_wp[data-type='3'] .left_wp{width: 100%;}}
@media (min-width: 768px) {.content_wp[data-type='3'] .left_wp{width: 100%; max-width: 750px; flex: auto;}}
@media (max-width: 767px) {.content_wp[data-type='3'] .right_wp{display: none !important;}}
@media (min-width: 768px) {.content_wp[data-type='3'] .right_wp{flex: auto; margin-left: 10px;}}
/* 배너 영역 */
.header_wrap .bannerTop{display: none !important;}
.content_wp .left_wp .banner{margin-top: 10px;}
.content_wp .left_wp .banner:first-child{margin-top: 10px;}
.content_wp .left_wp .banner[data-area='banner_14'] img{width: 100%; border-radius: 5px;}
/* .timerBanner{padding: 5px 0;} */
@media (max-width: 767px) {.timerBanner .bannerImg img{height: 40px;}}
@media (min-width: 768px) {.timerBanner .bannerImg img{height: 66px;}}
@media (min-width: 768px) {.timerBanner .timer{padding: 0px;}}
@media (min-width: 768px) {.timerBanner .timer .bloc-time{width: 50px;}}
@media (max-width: 767px) {.timerBanner .figure{width: 18px; height: 25px; line-height:25px; margin-right: 3px; font-size: 22px; font-weight: bold; color: #000;}}
@media (min-width: 768px) {.timerBanner .figure{width: 23px; height: 34px; line-height:34px; margin-right: 4px; font-size: 27px; font-weight: bold; color: #000;}}
/* @media (max-width: 767px) {.timerBanner .clon{margin: 2px 2px; width: 6px; height: 25px;}}
@media (min-width: 768px) {.timerBanner .clon{margin: 3px 6px; width: 5px; height: 32px;}} */

/* 선물함 정보 */
.giftbox_wp{width: 100%; margin-top: 10px; height: 50px; text-align: left; padding: 0 10px; background-color: #edf5ff; border: 1px solid #aabbcc; border-radius: 5px; display: table; border-collapse: initial;}
.giftbox_wp img{vertical-align: sub;}
.giftbox_wp .txtBox{display: table-cell; vertical-align: middle; padding-right: 5px;}
.giftbox_wp .txtBoxS{display: inline-block;}
.giftbox_wp .txt{margin-left: 5px;}
.giftbox_wp .btnBox{display: table-cell; vertical-align: middle; text-align: right;}
/* 1+1 무료 정보 */
.onePlusOne_wp{width: 100%; margin-top: 10px; height: 50px; text-align: left; padding: 0 10px; background-color: #fff1e9; border: 1px solid #dd9f7b; border-radius: 5px; font-size: 12px; letter-spacing: -1.1px; display: table; border-collapse: initial;}
.onePlusOne_wp .txtBox{display: table-cell; vertical-align: middle; padding-right: 5px;}
.onePlusOne_wp .icon{display: inline-block; width: 24px; height: 15px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_onePlusOne.png) no-repeat center; background-size: cover; vertical-align: middle; margin-top: -4px;}
.onePlusOne_wp .txt{margin-left: 5px;}
.onePlusOne_wp .big{color: #de4040; font-size: 16px; margin: 0 3px;}
/* 기다빵 정보 */
.waitFree_wp{width: 100%; margin-top: 10px; height: 50px; text-align: left; padding: 0 10px; background-color: #fff; border: 1px solid #eee; border-radius: 5px; font-size: 12px; letter-spacing: -1.1px; display: table; border-collapse: initial;}
.waitFree_wp .txtBox{display: table-cell; vertical-align: middle; padding-right: 5px;}
.waitFree_wp .txtBoxS{display: flex; align-items: center;}
.waitFree_wp .icon{display: inline-block; width: 22px; height: 22px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_waitFree.png) no-repeat center #87dc48; background-size: 14px; border-radius: 50%; flex: none;}
.waitFree_wp .txt1{font-size: 13px; margin-left: 5px;  margin-right: 5px; display: block;}
.waitFree_wp .txt1 > span {display: inline-block; margin-right: 4px;}
.waitFree_wp .txt1 > span + span {font-size: 12px;}
.waitFree_wp .question{display: inline-block; width: 15px; height: 15px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_question.png) no-repeat center; background-size: 15px; margin-top: -4px; vertical-align: middle;}
.waitFree_wp .btnBox{display: table-cell; vertical-align: middle; text-align: right;}

/* 묶음 구매 정보 */
.package_wp{width: 100%; margin-top: 10px; height: 50px; text-align: left; padding: 0 10px; background-color: #fffbd4; border: 1px solid #e4d8b4; border-radius: 5px; font-size: 12px; letter-spacing: -1.1px; display: table; border-collapse: initial;}
.package_wp img{height: 18px;}
.package_wp .txtBox{display: table-cell; vertical-align: middle; padding-right: 5px;}
.package_wp .txt1{margin-left: 5px;  margin-right: 5px;}
.package_wp .txt2 .blue{color: #4a7dff;}
.package_wp .txt3{display: inline-block; margin-left: 5px;}
.package_wp .txt3 .through{text-decoration: line-through; color: #666; margin-left: 5px; margin-right: 2px;}
.package_wp .txt3 .black {color: #000;}
.package_wp .txt3 .red {color: #ff0000;}
.package_wp .btnBox{display: table-cell; vertical-align: middle; text-align: right; white-space: nowrap;}
.package_wp .btnBox .actionPackageBuyBtn, .package_wp .btnBox .actionSurpriseBuyBtn{font-size: 12px;}
.package_wp .btnBox .actionEpListSort{width: 74px; height: 29px; margin-left: 5px; float: right; background-color: #F1F2F4; padding: 6px 16px;}
.package_wp .btnBox .actionEpListSort[data-type='asc']{}
.package_wp .btnBox .actionEpListSort[data-type='desc']{}
.package_wp .btnBox .actionEpListSort .sort_ico {background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_sort.png) no-repeat center; background-size: 18px; position: relative; height: 16px; width: 20px; vertical-align: middle; display: inline-block;}
.package_wp .btnBox .actionEpListSort .txt4 {font-size: 12px; letter-spacing: -1.1px; margin-left: 2px;}
/* 회차리스트 시작영역 */
.episodeTitle_wp{width: 100%; margin-top: 10px; height: 40px; text-align: left; padding: 0 10px; border-bottom: 1px solid #ddd; font-size: 13px; display: table;}
.episodeTitle_wp .txtBox{display: table-cell; vertical-align: middle;}
.episodeTitle_wp .icon{display: inline-block; width: 23px; height: 15px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_openBook.png) no-repeat center; background-size: cover; vertical-align: middle; margin-top: -4px;}
.episodeTitle_wp .btnBox{display: table-cell; vertical-align: middle; text-align: right; padding: 2px 0 0 0px;}
.episodeTitle_wp .btnBox .actionEpListSort{border: none; padding: 6px 0; background-color: rgba(255, 255, 255, 0);}
.episodeTitle_wp .btnBox .actionEpListSort[data-type='asc']{}
.episodeTitle_wp .btnBox .actionEpListSort[data-type='desc']{} 
.episodeTitle_wp .btnBox .sort_ico{background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_sort.png) no-repeat center; position: relative; height: 16px; width: 20px; vertical-align: middle; background-size: 18px; display: inline-block; margin-top: 1px;}
.episodeTitle_wp .btnBox .txt4 {vertical-align: middle; letter-spacing: -0.7px; font-family: 'noto Sans TC','noto Sans KR'; font-size: 13px;}

@media (max-width: 767px) {.package_wp .btnBox .actionEpListSort{display: none;} .episodeTitle_wp{display: table;}}
@media (min-width: 768px) {.package_wp .btnBox .actionEpListSort{display: inline-block;} .episodeTitle_wp{display: none;}}
/* 회차리스트 영역 */
.episode_area{width: 100%; margin: 4px auto 0;}
.episode_area ul.list_area{display: none;}
/* 출판만화 */
.content_wp[data-type='2'] .episode_area ul li{background-color: #fff;}
.content_wp[data-type='2'] .episode_area ul li:hover{background-color: #fffbd4;}
.content_wp[data-type='2'] .episode_area ul li[data-badge_recent_complete='1']{background-color: #e2e2e2;}
/* 웹툰 */
/* 출판만화 */
.content_wp[data-type='1'] .episode_area ul li{border-bottom: 1px solid #ddd;}
.content_wp[data-type='1'] .episode_area ul li:last-child{border-bottom: none;}
.content_wp[data-type='1'] .episode_area ul li a{background-color: #fff; margin-top: 1px;}
.content_wp[data-type='1'] .episode_area ul li a:hover{background-color: #fffbd4;}
.content_wp[data-type='1'] .episode_area ul li[data-badge_recent_complete='1'] a{background-color: #efefef;}

/* data-type='3' - 웹툰 (data-type='1'과 동일) */
.content_wp[data-type='3'] .episode_area ul li{border-bottom: 1px solid #ddd;}
.content_wp[data-type='3'] .episode_area ul li:last-child{border-bottom: none;}
.content_wp[data-type='3'] .episode_area ul li a{background-color: #fff; margin-top: 1px;}
.content_wp[data-type='3'] .episode_area ul li a:hover{background-color: #fffbd4;}
.content_wp[data-type='3'] .episode_area ul li[data-badge_recent_complete='1'] a{background-color: #efefef;}

/* 싱글 썸네일 - 출판만화 */
.content_wp[data-type='2'] .episode_area .singleThumb{padding: 7px 4px 0; text-align: center; display: inline-block;}
@media (max-width: 430px) {.content_wp[data-type='2'] .episode_area .singleThumb{width: calc((100% - 2px) / 2); padding: 5px 3px 0;}} /* 페이지당 출력수 / x 개 */
@media (min-width: 431px) and (max-width: 749px) {.content_wp[data-type='2'] .episode_area .singleThumb{width: calc((100% - 3px) / 3);}}
@media (min-width: 750px) and (max-width: 999px) {.content_wp[data-type='2'] .episode_area .singleThumb{width: calc((100% - 4px) / 4);}}
@media (min-width: 1000px) {.content_wp[data-type='2'] .episode_area .singleThumb{width: calc((100% - 5px) / 5);}}
.content_wp[data-type='2'] .episode_area .singleThumb a{display: inline-block; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #ddd; position: relative; overflow: hidden;}
.content_wp[data-type='2'] .episode_area .singleThumb[data-badge_recent_complete='1'] a{border: 1px solid #fff;}
.content_wp[data-type='2'] .episode_area .thumb_wp{display: inline-block; width: 100%;}
.content_wp[data-type='2'] .episode_area .thumb_wp>span{width: 100%; height: 0; padding-top: calc(420 / 300 * 100%); display: inline-block; background-size: cover; border-radius: 5px; background-color: #efefef;}
.content_wp[data-type='2'] .episode_area .thumb_wp>span.thumb_2{display: none;}
.content_wp[data-type='2'] .episode_area .info_wp{width: 100%; height: 70px; display: inline-block;}
.content_wp[data-type='2'] .episode_area .infoBox{display: flex; justify-content: space-between; height: 100%; padding: 0 6% 0 8%;}
.content_wp[data-type='2'] .episode_area .left{display: flex; width: 100%; height: 100%; flex-grow: 1; align-items: center;}
.content_wp[data-type='2'] .episode_area .left .box{ vertical-align: middle; line-height: 20px; float: left; text-align: left;}
.content_wp[data-type='2'] .episode_area .left .box span{display: inline-block;}
.content_wp[data-type='2'] .episode_area .left .box .title{font-size: 1.1em; width: 100%; text-overflow: ellipsis; word-break: keep-all;}
.content_wp[data-type='2'] .episode_area .left .box .subTitle{color: #666; font-size: 0.85em;}
.content_wp[data-type='2'] .episode_area .left .box .pubDate{color: #999; font-size: 0.8em;}
.content_wp[data-type='2'] .episode_area .right{display: table; height: 100%; flex-grow: 1;}
.content_wp[data-type='2'] .episode_area .right .box{display: table-cell; vertical-align: middle; text-align: right;}
.content_wp[data-type='2'] .episode_area .right .btn{white-space: nowrap; font-size: 1em;}
@media (max-width: 430px) {.content_wp[data-type='2'] .episode_area .right .btn{padding: 0.5em;}}
@media (min-width: 431px) and (max-width: 749px) {.content_wp[data-type='2'] .episode_area .right .btn{padding: 0.6em;}}
@media (min-width: 750px) and (max-width: 999px) {.content_wp[data-type='2'] .episode_area .right .btn{padding: 0.75em;}}
@media (min-width: 1000px) {.content_wp[data-type='2'] .episode_area .right .btn{padding: 0.75em;}}
/* 싱글 썸네일 - 웹툰 */
.content_wp[data-type='1'] .episode_area .singleThumb{width: 100%; position: relative;}
.content_wp[data-type='1'] .episode_area .singleThumb a{display: flex; width: 100%;}
.content_wp[data-type='1'] .episode_area .singleThumb .thumb_wp{display: contents; flex-grow: 0;}
.content_wp[data-type='1'] .episode_area .singleThumb .thumb_wp>span{display: inline-block; background-size: cover; margin: 6px 5px 6px 0; border-radius: 5px; position: relative; background-color: #efefef;}
@media (max-width: 430px) {.content_wp[data-type='1'] .episode_area .singleThumb .thumb_wp>span{width: 130px; min-width: 130px; height: 75px;}}
@media (min-width: 431px) {.content_wp[data-type='1'] .episode_area .singleThumb .thumb_wp>span{width: 200px; min-width: 200px; height: 100px;}}
.content_wp[data-type='1'] .episode_area .singleThumb .thumb_wp>span.thumb_2{display: none;}
.content_wp[data-type='1'] .episode_area .singleThumb .waitFreeTxt{font-size: 0.9em; position: absolute; background-color: #f8923e; color: #fff; bottom: 0; left: 0; padding: 2px 13px;}
.content_wp[data-type='1'] .episode_area .singleThumb .info_wp{flex-grow: 1;}
.content_wp[data-type='1'] .episode_area .singleThumb .infoBox{display: flex; justify-content: space-between; height: 100%;}
.content_wp[data-type='1'] .episode_area .singleThumb .left{flex: 0 0 auto; display: table; height: 100%;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box{display: table-cell; vertical-align: middle; padding-left: 1.5vw; line-height: 20px;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box span{display: inline-block;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box .title{font-size: 1.2em;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box .subTitle{color: #666; font-size: 0.85em;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box .pubDate{color: #999; font-size: 0.8em;}
.content_wp[data-type='1'] .episode_area .singleThumb .left .box .rating{display: none;}

/* data-type='3' - 싱글 썸네일 (data-type='1'과 동일) */
.content_wp[data-type='3'] .episode_area .singleThumb{width: 100%; position: relative;}
.content_wp[data-type='3'] .episode_area .singleThumb a{display: flex; width: 100%;}
.content_wp[data-type='3'] .episode_area .singleThumb .thumb_wp{display: contents; flex-grow: 0;}
.content_wp[data-type='3'] .episode_area .singleThumb .thumb_wp>span{display: inline-block; background-size: cover; margin: 6px 5px 6px 0; border-radius: 5px; position: relative; background-color: #efefef;}
@media (max-width: 430px) {.content_wp[data-type='3'] .episode_area .singleThumb .thumb_wp>span{width: 130px; min-width: 130px; height: 75px;}}
@media (min-width: 431px) {.content_wp[data-type='3'] .episode_area .singleThumb .thumb_wp>span{width: 200px; min-width: 200px; height: 100px;}}
.content_wp[data-type='3'] .episode_area .singleThumb .thumb_wp>span.thumb_2{display: none;}
.content_wp[data-type='3'] .episode_area .singleThumb .waitFreeTxt{font-size: 0.9em; position: absolute; background-color: #f8923e; color: #fff; bottom: 0; left: 0; padding: 2px 13px;}
.content_wp[data-type='3'] .episode_area .singleThumb .info_wp{flex-grow: 1;}
.content_wp[data-type='3'] .episode_area .singleThumb .infoBox{display: flex; justify-content: space-between; height: 100%;}
.content_wp[data-type='3'] .episode_area .singleThumb .left{flex: 0 0 auto; display: table; height: 100%;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box{display: table-cell; vertical-align: middle; padding-left: 1.5vw; line-height: 20px;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box span{display: inline-block;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box .title{font-size: 1.2em;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box .subTitle{color: #666; font-size: 0.85em;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box .pubDate{color: #999; font-size: 0.8em;}
.content_wp[data-type='3'] .episode_area .singleThumb .left .box .rating{display: none;}
/* 더블 썸네일 - 웹툰 */
.content_wp[data-type='1'] .episode_area .doubleThumb,
.content_wp[data-type='3'] .episode_area .doubleThumb{width: 100%; position: relative;}
.content_wp[data-type='1'] .episode_area .doubleThumb a,
.content_wp[data-type='3'] .episode_area .doubleThumb a{display: flex; width: 100%;}
.content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp,
.content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp{display: contents; flex-grow: 0;}
.content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp>span,
.content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp>span{background-size: cover; float: left; margin: 6px 5px 6px 0; border-radius: 5px; background-color: #efefef; position: relative;}
@media (max-width: 320px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp>span,
  .content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp>span{width: 65px; min-width: 65px; height: 90px;}
}
@media (min-width: 321px) and (max-width: 430px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp>span,
  .content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp>span{width: 79px; min-width: 79px; height: 110px;}
}
@media (min-width: 431px) and (max-width: 767px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp>span,
  .content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp>span{width: 101px; min-width: 101px; height: 140px;}
}
@media (min-width: 768px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .thumb_wp>span,
  .content_wp[data-type='3'] .episode_area .doubleThumb .thumb_wp>span{width: 101px; height: 140px;}
}
.content_wp[data-type='1'] .episode_area .doubleThumb .waitFreeTxt,
.content_wp[data-type='3'] .episode_area .doubleThumb .waitFreeTxt{font-size: 11px; position: absolute; background-color: #f8923e; color: #fff; bottom: 0; left: 0; padding: 3px 0; width: 100%; text-align: center;}
.content_wp[data-type='1'] .episode_area .doubleThumb .info_wp,
.content_wp[data-type='3'] .episode_area .doubleThumb .info_wp{border: 1px solid #ddd; border-radius: 5px; flex-grow: 1;}
.content_wp[data-type='1'] .episode_area .doubleThumb .info_wp:has(.saved),
.content_wp[data-type='3'] .episode_area .doubleThumb .info_wp:has(.saved) {background-color: #f5f5f5;}
.content_wp[data-type='1'] .episode_area .doubleThumb .info_wp:has(.saved):hover,
.content_wp[data-type='3'] .episode_area .doubleThumb .info_wp:has(.saved):hover{background-color:transparent;}
@media (max-width: 320px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .info_wp,
  .content_wp[data-type='3'] .episode_area .doubleThumb .info_wp{height: 90px; margin: 6px 0 6px 0px;}
}
@media (min-width: 321px) and (max-width: 430px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .info_wp,
  .content_wp[data-type='3'] .episode_area .doubleThumb .info_wp{height: 110px; margin: 6px 0 6px 0px;}
}
@media (min-width: 431px) and (max-width: 767px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .info_wp,
  .content_wp[data-type='3'] .episode_area .doubleThumb .info_wp{height: 140px; margin: 6px 0 6px 0px;}
}
@media (min-width: 768px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .info_wp,
  .content_wp[data-type='3'] .episode_area .doubleThumb .info_wp{height: 140px; margin: 6px 0 6px 0px;}
}
.content_wp[data-type='1'] .episode_area .doubleThumb .info_wp .infoBox,
.content_wp[data-type='3'] .episode_area .doubleThumb .info_wp .infoBox{height:100%; display: flex; justify-content: space-between; position:relative;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left,
.content_wp[data-type='3'] .episode_area .doubleThumb .left{flex-grow: 1; display: table; height: 100%;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box{display: table-cell; vertical-align: middle; line-height: 20px;}
@media (max-width: 767px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .left .box,
  .content_wp[data-type='3'] .episode_area .doubleThumb .left .box{padding: 1vw 3vw;}
}
@media (min-width: 768px) {
  .content_wp[data-type='1'] .episode_area .doubleThumb .left .box,
  .content_wp[data-type='3'] .episode_area .doubleThumb .left .box{padding: 20px;}
}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box i,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box i{display: inline-block;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box .title,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box .title{font-size: 1.2em;color:#000;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box .subTitle,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box .subTitle{color: #666; font-size: 0.85em;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box .pubDate,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box .pubDate{color: #999; font-size: 0.8em;}
.content_wp[data-type='1'] .episode_area .doubleThumb .left .box .rating,
.content_wp[data-type='3'] .episode_area .doubleThumb .left .box .rating{display: none;}
.content_wp[data-type='1'] .episode_area .right,
.content_wp[data-type='3'] .episode_area .right{flex-grow: 1; display: table; height: 100%;}
.content_wp[data-type='1'] .episode_area .right .box,
.content_wp[data-type='3'] .episode_area .right .box{display: table-cell; vertical-align: middle; text-align: right;}
@media (max-width: 430px) {
  .content_wp[data-type='1'] .episode_area .right .box,
  .content_wp[data-type='3'] .episode_area .right .box{padding-right: 7px; position: absolute; right: 0; bottom: 14px;}
}
@media (min-width: 431px) and (max-width: 639px) {
  .content_wp[data-type='1'] .episode_area .right .box,
  .content_wp[data-type='3'] .episode_area .right .box{padding-right: 10px; position: absolute; right: 0; bottom: 14px;}
}
@media (min-width: 640px) {
  .content_wp[data-type='1'] .episode_area .right .box,
  .content_wp[data-type='3'] .episode_area .right .box{padding-right: 20px;}
}
.content_wp[data-type='1'] .episode_area .right .btn,
.content_wp[data-type='3'] .episode_area .right .btn{white-space: nowrap; font-size: 1em;}
@media (max-width: 430px) {
  .content_wp[data-type='1'] .episode_area .right .btn,
  .content_wp[data-type='3'] .episode_area .right .btn{padding: 0.5em !important;}
}
@media (min-width: 431px) {
  .content_wp[data-type='1'] .episode_area .right .btn,
  .content_wp[data-type='3'] .episode_area .right .btn{padding: 0.6em !important;}
}
@media (max-width: 430px) {
  .content_wp[data-type='1'] .episode_area .right .btn.membershipFree,
  .content_wp[data-type='3'] .episode_area .right .btn.membershipFree{padding: 0 !important; min-width: 67px; min-height: 28px}
}/*멤버십*/
@media (min-width: 431px) {
  .content_wp[data-type='1'] .episode_area .right .btn.membershipFree,
  .content_wp[data-type='3'] .episode_area .right .btn.membershipFree{padding: 0 !important; min-width: 74px; min-height: 34px}
}/*멤버십*/

/*230711 무료로 확인하세요*/
#clicktap{position:absolute; bottom:22px; right:1.4rem; transform:scale(1) rotate(320deg) translate(0, 0); width:75px; height:60px; animation-delay:5s; z-index:1; display:none;}
#clicktap > svg{transform:none !important; max-width:fit-content;}
.click_tooltip{font-size:12px; color:#fff; background:#ff4a4a; font-weight:500; position:absolute; width:max-content; min-width:fit-content; right:0; top:-5px; padding:3px 10px 4px;  border-radius:50px; letter-spacing:-0.4px; display:none;}
.click_tooltip:before{content:''; position:absolute; right:12%; top:50%; margin-top:0.6rem; border-top:6px solid #ff4a4a; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid transparent;}
@media (max-width:767px) {#clicktap{display:block;}}
@media (max-width:767px) {.click_tooltip{display:block;}}

/* button 공통 */
.episode_area .right .btn.free,
.episode_area .right .btn.gift,
.episode_area .right .btn.free10pro{border: 1px solid #e33; color: #e33;}
.episode_area .right .btn.waitFree,
.episode_area .right .btn.freeToday,
.episode_area .right .btn.freeTime{border: 1px solid #4dace0; color: #4dace0;}
.episode_area .right .btn.saved{border: 1px solid #ccc; color: #e33;}
.episode_area .right .btn.coin, 
.episode_area .right .btn.rented, 
.episode_area .right .btn.expired,
.episode_area .right .btn.freeNonPay,
.episode_area .right .btn.socialSync{border: 1px solid #ccc; color: #000;}
.episode_area .right .btn .lineThrough{text-decoration: line-through;}
.content_wp[data-type='2'] .episode_area .right .btn .lineThrough{display: block;}
.episode_area .right .btn .lineThrough.red{color: #e33;}
.episode_area .right .btn.membershipFree{border:1px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #8543FD 0%,  #FB66A8 100%); background-origin:border-box; background-clip: content-box, border-box; padding:0;} /*멤버십*/
.episode_area .right .btn .txt{background:linear-gradient(to right, #8543FD 0%,  #FB66A8 100%); -webkit-background-clip:text; -webkit-text-fill-color: transparent; color:transparent; font-weight:500;}/*멤버십*/
.episode_area .right .btn.tasteFree {border: 1px solid transparent; background-color: #000; color: #FFD71E; padding: 0 5px;} /*찍먹추가*/

/* 오른쪽 영역 */
.right_wp .right_wp_title_wrap{display: flex; justify-content: space-between; line-height: 50px;}
.right_wp .right_wp_title_wrap .title_area{flex: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right_wp .right_wp_title_wrap .title_area .title2{color: #e74c3c}
.right_wp .right_wp_title_wrap .social_area{flex: 0 0 auto; text-align: right; padding-right: 5px; min-width: 110px;}
@media (max-width: 999px) {.right_wp .right_wp_title_wrap .social_area{display: none;}}
.right_wp .right_wp_title_wrap .social_area a img{height: 30px;}
.right_wp .rank_comic_area{width: 100%; border: solid 1px #ddd; padding: 5px 10px;}
.right_wp .rank_comic_area[data-area="comicRankTopTen"] .list_area .comicBox .badgeUp .new{display: block;} 

/* 데이터 있고 없을때 제어 */
.left_wp .list_area[data-count="0"]{display: none !important;}
.left_wp .list_area.null{display: none !important;}
.left_wp .list_area.null[data-count="0"]{display: block !important;}
.left_wp .list_area.null li{text-align: center; font-size: 16px; line-height: 500px;}
.left_wp .list_area.null li:hover{background-color: rgba(0, 0, 0, 0);}

/* 아이콘 */
.episode_area .left .box i{display: inline-block; margin-right: 3px;}
.episode_area .left .box .tagUp{background:url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/up1.png) no-repeat center; background-size:contain; width:13px; height:13px; vertical-align:middle; margin-top:-3px;}/* UP */
.episode_area .left .box .see{border: 1px #2c998a solid; color: #2c998a; background: #c9f4ef; border-radius: 10px; font-size: 0.6em; padding: 0 5px; vertical-align: middle; line-height: 14px; margin-top:-4px;}/* 내가보던 */
body[data-lang='kr'] .episode_area .left .box .see:after{content: '내가보던';}
body[data-lang='tw'] .episode_area .left .box .see:after{content: '我看過的';}
.episode_area .left .box .gift{color: #4a86e8; background: #e2effe; font-size: 0.8em; padding: 0 5px; vertical-align: middle; line-height: 16px; margin-top: -8px;}
body[data-lang='kr'] .episode_area .left .box .gift{background:url(//tw-assets.toptoon.net/www_v1/img/layout/badge/kr/freeticket.svg) no-repeat center; position:relative; background-size: contain; width:44px; height:16px;margin:-5px 0 0 0px;}
body[data-lang='tw'] .episode_area .left .box .gift{background:url(//tw-assets.toptoon.net/www_v1/img/layout/badge/tw/freeticket.svg) no-repeat center; position:relative; background-size: contain; width:44px; height:16px;margin:-5px 0 0 0px;}
.episode_area .left .box .onePlusOne{color: #4a86e8; background: #e2effe; font-size: 0.6em; padding: 0 5px; vertical-align: middle; line-height: 16px; margin-top: -8px;}
body[data-lang='kr'] .episode_area .left .box .onePlusOne:after{content: '구매시 다음화 무료'}
body[data-lang='tw'] .episode_area .left .box .onePlusOne:after{content: '購買後,下一話免費';}

/* 실시간 웹툰 순위 - 우측 */
.rank_comic_area .list_area{width: 100%; display: inline-block;}
.rank_comic_area .list_area li{width: 100%; border: none; border-bottom: 1px solid #ddd; position: relative; clear: both;}
.rank_comic_area .list_area li:last-child{border-bottom: none;}
.rank_comic_area .list_area li a{display: inline-block;}
.rank_comic_area .list_area li .comicBox .thumb_area{width: 110px; position: relative; float: left; padding: 9px 0px;}
.rank_comic_area .list_area li .comicBox .thumb_area .scale .thumb.square{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_area .scale .thumb.standard{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_area .scale .thumb.rectangle{display: block;}
.rank_comic_area .list_area li .comicBox .thumb_area .scale .thumb .thumb_img{background-size: cover; background-position: center; width: 100%; height: auto; aspect-ratio: 300 / 160; background-color: #efefef;} 
.rank_comic_area .list_area li .comicBox .thumb_area .rank{display: none;}  
.rank_comic_area .list_area li .comicBox .thumb_area .adult{width: 18px; height: 18px; background: rgb(230, 55, 64); color: #fff; font-family: 'arial', 'tahoma', 'sans-serif'; position: absolute; bottom: 11px; right: 6px; border-radius: 20px; text-align: center; line-height: 18px; letter-spacing: -1px; z-index: 3; font-size: 11px; display: none;}
.rank_comic_area .list_area li .comicBox .thumb_area .adult.on{display: block; padding-right: 2px;}
.rank_comic_area .list_area li .comicBox .thumb_area .purchase100{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; background-color: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center;}
.rank_comic_area .list_area li .comicBox .thumb_area .purchase100 img{height: 80%;}
.rank_comic_area .list_area li .comicBox .thumb_area .onePlusOne{width: 22px; height: 25px;}
.rank_comic_area .list_area li .comicBox .thumb_area .only{display:none;}
.rank_comic_area .list_area li .comicBox .thumb_info{font-size: 12px; line-height: 16px; color: #666; padding: 10px 12px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: flex;
flex-direction: column;}
.rank_comic_area .list_area li .comicBox .thumb_info .line_tit{margin-bottom: 3px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
.rank_comic_area .list_area li .comicBox .thumb_info .ep_title {margin:3px 0; font-size:13px;}
.rank_comic_area .list_area li .comicBox .thumb_info .line_tit span{vertical-align: middle;}
.rank_comic_area .list_area li .comicBox .thumb_info .line_tit .title{font-size:14px;color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_comic_area .list_area li .comicBox .thumb_info .epicon_starpoint{width:11px; margin:-3px 0 0 0; content:url('//tw-assets.toptoon.net/www_v1/img/layout/icon_view.svg')}
.rank_comic_area .list_area li .comicBox .thumb_info .epicon_starpoint.on{content:url('//tw-assets.toptoon.net/www_v1/img/layout/icon_view_on.svg')}
.rank_comic_area .list_area li .comicBox .thumb_info .epicon_starpoint_txt{font-size:13px;}
/* .rank_comic_area .list_area .comicBox .badgeUp i{width:15px;height:15px;} */
.rank_comic_area .list_area li .comicBox .thumb_info .badge{display:none;}
.rank_comic_area .list_area li .comicBox .thumb_info .author{display:none;}
.rank_comic_area .list_area li .comicBox .thumb_info .ep_subTitle{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_info .ep_count{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_info .ep_count_viewed{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_info .waitFreeInfo{display: none;}

/*뱃지,작가*/
.rank_comic_area .list_area li .comicBox .thumb_info .author{font-size: 11px; margin-top: 3px; order: 1;}
.rank_comic_area .list_area li .comicBox .thumb_info .freeCnt{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_info .badge{height: 18px; overflow: hidden; float: left; margin-top: 3px; order: 3;}
.rank_comic_area .list_area li .comicBox .thumb_info .hashTag{display: none;}
.rank_comic_area .list_area li .comicBox .thumb_info .viewedCntInfo{display: none;}  

.rank_comic_area .list_area_none{width:100%; height:500px; text-align:center; margin-top:200px;}

.rank_comic_area .list_area .scale{transition: none;}
.rank_comic_area .list_area .scale:hover{box-shadow: none; border-radius: 0px;}
.rank_comic_area .list_area .scale:hover .thumb_img{transform: none; -webkit-transform: none;}

.rank_comic_area .list_area li  .purchase100{width: 125px; background-size: contain !important; padding-top: 25%; margin-top: 15px;}

/* 실시간 웹툰 순위 - 하단 */
.left_wp .line_area{max-width: 100%; margin: 0 auto; overflow: hidden; padding-top: 10px;}
@media (max-width: 767px) {.left_wp .line_area{display: block; background-color: #fff;}}
@media (min-width: 768px) {.left_wp .line_area{display: none !important;}}
.left_wp .line_area .tit{font-size: 1.2em; text-align: left; padding: 10px 5px;}
@media (max-width: 767px) {.left_wp .line_area .tit{color: #000;}}
.left_wp .line_area .tit .red{color: #e74c3c;}
.left_wp .line_area .comic_area{width: 100%;}
.left_wp .line_area .comic_area .list_area{display: flex;}
.left_wp .line_area .comic_area .list_area li{margin: 0 5px;}
@media (max-width: 320px) {.left_wp .line_area .comic_area .list_area li{width: calc((100% - 20px) / 2.3);}} /* 페이지당 출력수 / x 개 */
@media (min-width: 321px) and (max-width: 430px) {.left_wp .line_area .comic_area .list_area li{width: calc((100% - 30px) / 3.4);}}
@media (min-width: 431px) and (max-width: 767px) {.left_wp .line_area .comic_area .list_area li{width: calc((100% - 40px) / 4.4);}}
@media (min-width: 768px) {.left_wp .line_area .comic_area .list_area li{width: calc((100% - 40px) / 4.4); border: 1px solid #ddd; border-radius: 10px;}}
.left_wp .line_area .comic_area .list_area li:nth-child(6n+1){margin: 0 5px;}
@media (min-width: 768px) {.left_wp .line_area .comic_area .thumb_info{font-size: 12px; line-height: 16px; padding: 10px 12px;}}
.comic_area[data-area=comicRankTopTen] .list_area .thumb_info .badge{display:none;}
.comic_area[data-area=comicRankTopTen] .list_area .thumb_area .only{display:none;}


/* 묶음 구매 영역 */
.packageBuyLayer{width: 100%; position: fixed; bottom: 0px; z-index: 7; background: #fff; opacity: 0.95; border-top: 2px solid #f00; display: none;}
.packageBuyLayer .drop_box_area{height: 0;}
@media (min-width: 1200px) {.packageBuyLayer .drop_box_area{display: none;}}
.packageBuyLayer .drop_box_area .actionPackageBuyCloseBtn:before{content: ""; width: 64px; height: 19px; background: url(//tw-assets.toptoon.net/www_v1/img/layout/btn_drop_down_white.png) no-repeat; background-size: cover; position: absolute; left: 50%; top: -19px; margin-left: -32px;}
.packageBuyLayer .layerArea{margin: 0 auto;}
@media (max-width: 430px) {.packageBuyLayer .layerArea{width: 100%; font-size: 1em;}}
@media (min-width: 431px) and (max-width: 639px) {.packageBuyLayer .layerArea{width: 90%; height: 15vh; font-size: 1em; display: flex; justify-content: space-between;}}
@media (min-width: 640px) and (max-width: 1199px) {.packageBuyLayer .layerArea{width: 80%; height: 15vh; font-size: 1em; display: flex; justify-content: space-between;}}
@media (min-width: 1200px) {.packageBuyLayer .layerArea{width: 1100px; height: 15vh; font-size: 1.2em; display: flex; justify-content: space-between;}}
.packageBuyLayer .layerArea .packageBuyCase{flex-grow: 1; margin: auto; /*IE 전용 Style*/height: 100px\0}
@media (max-width: 430px) {.packageBuyLayer .layerArea .txtArea{display: block; text-align: center; border: 1px solid #dfe2e6; background: #fafafa; margin: 20px;}}
@media (min-width: 768px) {.packageBuyLayer .layerArea .txtArea{display: flex; justify-content: space-between;}}
.packageBuyLayer .layerArea .txtArea>div{line-height: 1em; padding: 0.6em 0;}
.packageBuyLayer .layerArea .txtArea .left{line-height: 2em;}
@media (min-width: 768px) {.packageBuyLayer .layerArea .txtArea .left{flex-grow: 1;}}
.packageBuyLayer .layerArea .txtArea .red{font-size:1.1em; color: #FF0000;}
.packageBuyLayer .layerArea .txtArea .blue{color: #4a7dff;}
.packageBuyLayer .layerArea .txtArea .black {color: #000;}
.packageBuyLayer .layerArea .txtArea .through{text-decoration: line-through; color: #666; margin-left: 5px; margin-right: 2px;}
@media (max-width: 767px) {.packageBuyLayer .layerArea .txtArea .left .red{display: none;}}
@media (min-width: 768px) {.packageBuyLayer .layerArea .txtArea .left .red{display: block;}}
@media (min-width: 768px) {.packageBuyLayer .layerArea .txtArea .right{padding-right: 20px; margin: auto; /*IE 전용 Style*/height: 50px\0;}}

@media (max-width: 430px) {.packageBuyLayer .layerArea .btn_box{display: block; clear: both;}}
@media (min-width: 431px) {.packageBuyLayer .layerArea .btn_box{margin: auto 0; white-space:nowrap; /*IE 전용 Style*/height: 42px\0;}}
.packageBuyLayer .layerArea .btn_box .btn{line-height: 20px;}
@media (max-width: 430px) {.packageBuyLayer .layerArea .btn_box .btn{padding: 10px 15px; border-radius: 0; width: 50%; float: left;}}
@media (min-width: 431px) {.packageBuyLayer .layerArea .btn_box .btn{padding: 10px 15px; border-radius: 20px;}}
.packageBuyLayer .layerArea .btn_box .btn.red{border: 1px solid #ce3635; color: #fff; background-color: #ce3635;}
.packageBuyLayer .layerArea .btn_box .btn.white{border: 1px solid #ce3635; color: #ce3635;}
.packageBuyLayer .layerArea .btn_box .btn[data-type='ing']{display: none;}
@media (max-width: 430px) {.packageBuyLayer .layerArea .btn_box .btn[data-type='ing']{width: 100%;}}

/* 찍먹 */
#alertFrame .alertData{max-width: 400px;}  /* alert 창 크기 조정 */
#alertFrame .line_content{padding: 0;}
#alertFrame .actionGoLocation{cursor: pointer;}
#alertFrame .actionGoLocation img{width: 100%;}
@media (max-width: 430px) {#alertFrame .alertBtn{font-size: 17px; padding: 9px 22px; margin: 5px 2px;}}
.alert_dippingTime .dippingTime_img {width: 100%;}

/*균일가 판매*/
.comList_event{font-family:'noto Sans TC'; border:1px solid #7E3B30; background:#463236; position:fixed; bottom:2.5rem; width:92vw; max-width:750px; margin:0 auto; left:50%; transform:translateX(-50%); border-radius:3px; border:1px solid #7E3B30; background:rgba(39, 15, 20, 0.85); box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(2.5px); height:60px; padding:0 20px; margin-left:-150px; z-index:2; display:flex; align-items:center;}
.comList_event > a{display:flex; width:100%;}
.comList_event > a > p{font-size:0.75rem; display:inline-block; vertical-align:top; color:#000}
.comList_event .tit_wp{display:flex; align-items:center; justify-content:flex-start; gap:5px; font-size:13px; margin-right:8px; letter-spacing:-0.2px; flex-direction:column; align-items:flex-start; gap:0; flex:auto; margin-right:0;}
.comList_event .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.comList_event .txt{color:#E49F56; font-weight:500;}
.comList_event .price_wp{display:flex; justify-content:flex-end; margin-right:80px; gap:6px; padding-bottom:1px; flex-direction:column; align-items:flex-start; gap:0; flex:auto; align-items:flex-end; margin-right:90px;}
.comList_event .price_wp > p{font-size:13px; line-height:normal; letter-spacing:-0.2px;}
.comList_event .price_wp .price{display:flex; gap:4px; align-items:center;}
.comList_event .price_wp .price > span{flex:none;}
.comList_event .price_wp .price .before{color:#975349; text-decoration:line-through; font-size:12px;}
.comList_event .price_wp .price .after{color:#E49F56; font-size:12px;}
.comList_event .price_wp .price > b{color:#FF4A4A; font-weight:600; font-size:13px;}
.comList_event .price_wp .disc{display:flex; gap:4px; align-items:center;}
.comList_event .price_wp .disc > .coin{color:#FFD644; font-weight:600; font-size:14px; flex:none;}
.comList_event .price_wp .disc > .total_ep{color:#fff; font-weight:400; font-size:13px; flex:none;}
.comList_event .btn_eventlist{display:block; width:75px; height:28px; line-height:27px; font-size:13px; text-align:center; border-radius:3px; color:#fff; position:absolute; top:50%; margin-top:-14px;background:#FF4A4A; letter-spacing:0; right:15px; font-weight:500;}
    
@media (min-width:0) and (max-width:1024px){    
/*균일가 판매*/
.comList_event{border-width:1px 0; width: 97vw;min-height:45px; height:auto; line-height:normal; padding:11px 0 12px 14px; margin-left:0;}    
.comList_event > a{width:calc(100% - 90px);}       
.comList_event .icon_event_notice20.rental{margin-top:0}  
.comList_event .tit_wp{flex-direction:column; align-items:flex-start; gap:0; flex:auto;}
.comList_event .price_wp{flex-direction:column; align-items:flex-end; margin-right:0; gap:0; padding-bottom:0; margin-right:0;}
.comList_event .btn_eventlist{width:65px;}
}