/* 뷰어 영역 */
.viewer{width: 100%; height: 100%; background: #fff; position: relative; text-align: center;}
@media (max-width: 430px) {.viewer{font-size: 0.8em; padding-bottom: 50px;}}
@media (min-width: 431px) and (max-width: 767px) {.viewer{font-size: 0.9em; padding-bottom: 50px;}}
@media (min-width: 768px) {.viewer{font-size: 1em; padding-bottom: 70px;}}
.viewer.black{background-color: #000;}
.viewer.white{background-color: #fff;}

/* 원작보기 배너 */
.forceLocationWrap {width:100%; margin:0 auto; text-align: center; position: absolute; z-index: 1; bottom: -150px; transition: all 0.2s ease-in-out;}
.forceLocationWrap.on {transition: all 0.2s ease-in-out;}
@media (max-width: 767px) {.forceLocationWrap.on {bottom: 70px;}}
@media (min-width: 768px) {.forceLocationWrap.on {bottom: 100px;}}
.forceLocationArea { display:inline-block; color: #000;}
@media (max-width: 767px) {.forceLocationArea { width: 150px; height: 52px;}}
@media (min-width: 768px) {.forceLocationArea { width: 204px; height: 60px;}}
.forceLocationArea .icon{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_goOriginComic.png) no-repeat center center; background-size: 100%; display: block; margin: 0px auto 0; padding-top: 0;}
@media (max-width: 767px) {.forceLocationArea .icon{width: 153px; height: 54px;}}
@media (min-width: 768px) {.forceLocationArea .icon{width: 203px; height: 74px;}}
.forceLocationArea .iconx{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_close.png) no-repeat center center; background-size: 100%; width: 28px; height: 24px; display: block; margin: 0px 0 0 auto;}

/* 출석체크 배너 */
.attendanceWrap {width:100%; margin:0 auto; text-align: center; position: absolute; z-index: 2; bottom: -150px; transition: all 0.2s ease-in-out;}
.attendanceWrap.on {transition: all 0.2s ease-in-out;}
@media (max-width: 767px) {.attendanceWrap.on {bottom: 70px;}}
@media (min-width: 768px) {.attendanceWrap.on {bottom: 100px;}}
.attendanceWrap .icon{display: block; margin: 0px auto 0; padding-top: 0;}
.attendanceWrap .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance00_rewardCoin3.png) no-repeat center center; background-size: 100%;}

.attendanceWrap[data-month='1'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='1'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance01_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='2'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance02_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='3'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance03_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='4'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance04_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='5'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance05_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='6'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance06_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='7'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance07_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='8'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance08_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='9'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance09_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='10'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance10_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='11'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance11_rewardCoin3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-day='1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_day1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-day='2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_day2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-day='3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_day3.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-day='4']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_day4.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-reward='COIN1']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_rewardCoin1.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-reward='COIN2']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_rewardCoin2.png) no-repeat center center; background-size: 100%;}
.attendanceWrap[data-month='12'] .icon[data-reward='COIN3']{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_attendance12_rewardCoin3.png) no-repeat center center; background-size: 100%;}
@media (max-width: 430px) {.attendanceWrap .icon{width: 184px; height: 69px;}}
@media (min-width: 431px) and (max-width: 767px) {.attendanceWrap .icon{width: 275px; height: 104px;}}
@media (min-width: 768px) {.attendanceWrap .icon{width: 367px; height: 138px;}}

.viewer .scrollIndicatorWrap{position: fixed; width: 100%; bottom: 0; background-color: transparent;}
@media (max-width: 767px) {.viewer .scrollIndicatorWrap{height: 5px;}}
@media (min-width: 768px) {.viewer .scrollIndicatorWrap{height: 7px;}}
.viewer .scrollIndicator{width: 0%; height: 100%; background: #ee3333;}

/* 상단 메뉴 */
.topMenu{width: 100%; border-bottom: 1px solid #1e1e1e; 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;}
@media (max-width: 767px) {.topMenu{height: 50px; line-height: 50px; background: rgba(50,50,50,0.99);}}
@media (min-width: 768px) {.topMenu{height: 70px; line-height: 70px; background: rgba(50,50,50,0.95);}}
.topMenu a, .topMenu button{color: #fff;}
.topMenu .leftMenu{overflow: hidden; text-align: left; flex-grow: 1;}
.topMenu .leftMenu li{display: inline-block;}
.topMenu .logo{background: url(//tw-assets.toptoon.net/www_v1/img/logo/logo_viewer.png) no-repeat center center #2c2c2c; width: 160px; height: 70px; float: left;}
.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;}
@media (max-width: 767px) {.topMenu .comicTitle i.icon{width: 25px; height: 25px; margin-top: 1px; background-size: cover;  transform: rotate(180deg); display: inline-block; vertical-align: text-top;}}
@media (min-width: 768px) {.topMenu .comicTitle i.icon{width: 25px; height: 25px; background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_title_step_comic.png) no-repeat 0 center; margin-top: 1px;}}

.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;}
@media (max-width: 767px) {.topMenu .episodeTitle i.icon{display: none;}}
@media (max-width: 767px) {.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;}
@media (max-width: 767px) {.topMenu .rightMenu a, .topMenu .rightMenu button{width: 40px; height: 49px;}}
@media (min-width: 768px) {.topMenu .rightMenu a, .topMenu .rightMenu button{width: 70px; height: 69px; line-height: 107px; font-size: 12px; border-left: 1px solid #1e1e1e; overflow: hidden;}}
@media (max-width: 767px) {.topMenu .rightMenu .txt{display: none;}}
.topMenu .rightMenu .home{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_home.png) no-repeat center; position: relative; background-size: 23px;}
@media (min-width: 768px) {.topMenu .rightMenu .home{display: none;}}
.topMenu .rightMenu .giftbox{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_giftbox.png) no-repeat center; position: relative;}
@media (max-width: 767px) {.topMenu .rightMenu .giftbox{background-size: 23px;}}
@media (min-width: 768px) {.topMenu .rightMenu .giftbox{background-position-y: 16px; background-color: #2c2c2c; background-size: 28px 24px;}}
.topMenu .rightMenu .gift_cnt_span{position: absolute; font-size: 1em; top: 10px; background: #ff3838; text-align: center; border-radius: 10px; color: #fff; width: 18px; height: 18px; vertical-align: middle; line-height: 18px; display: inline-block;}
@media (max-width: 767px) {.topMenu .rightMenu .gift_cnt_span{right: 0;}}
@media (min-width: 768px) {.topMenu .rightMenu .gift_cnt_span{right: 11px;}}
.topMenu .rightMenu .autoScroll{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_auto_scroll.png) no-repeat center;}
@media (max-width: 767px) {.topMenu .rightMenu .autoScroll{background-size: 23px;}}
@media (min-width: 768px) {.topMenu .rightMenu .autoScroll{background-position-y: 16px; background-color: #2c2c2c; background-size: 29px 24px;}}
.topMenu .rightMenu .fullScreen{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_fullscreen.png) no-repeat center;}
@media (max-width: 340px) {.topMenu .rightMenu .fullScreen{display: none;}}
@media (min-width: 341px) and (max-width: 767px) {.topMenu .rightMenu .fullScreen{background-size: 23px;}}
@media (min-width: 768px) {.topMenu .rightMenu .fullScreen{background-position-y: 16px; background-color: #2c2c2c; background-size: 29px 24px;}}
@media (max-width: 767px) {.topMenu .rightMenu .list{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_episode_list_mo.png) no-repeat center; background-size: 23px;}}
@media (min-width: 768px) {.topMenu .rightMenu .list{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_episode_list_pc.png) no-repeat center; background-position-y: 16px; background-color: #2c2c2c; background-size: 24px 24px;}}
.autoScrollSetWrap{position: absolute; z-index: -1;}
@media (max-width: 767px) {.autoScrollSetWrap{width: 50px; right: -5px;}}
@media (min-width: 768px) {.autoScrollSetWrap{width: 71px; right: 0;}}
.autoScrollSetWrap li{border: 1px solid #1e1e1e;}
.autoScrollSetWrap li .btn{width: 100%; height: 40px; line-height: 27px; background-color: #2c2c2c; border-radius: 0px; color: #fff; font-size: 16px; font-weight: bold;}
.autoScrollSetWrap li .btn:hover{color: #ff0000;}
/* show/hide */
@media (max-width: 767px) {.topMenu li.logo_wp, .topMenu .title_wp .comicTitle .txt{display: none;}}

/* 하단 메뉴 */
.bottomMenu{width: 100%; border-top: 1px solid #1e1e1e; position: fixed; bottom: 0; left: 0; z-index: 2; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); text-align: center;}
@media (max-width: 767px) {.bottomMenu{height: 50px; line-height: 50px; background: rgba(50,50,50,0.99);}}
@media (min-width: 768px) {.bottomMenu{height: 70px; line-height: 70px; background: rgba(50,50,50,0.95);}}
@media (max-width: 767px) {.bottomMenu ul{display: flex;}}
@media (min-width: 768px) {.bottomMenu ul{display: block;}}
@media (max-width: 767px) {.bottomMenu ul li{flex: auto; width: 20%; overflow: hidden; white-space: nowrap;}}
@media (min-width: 768px) {.bottomMenu ul li{display: inline-block;}}
.bottomMenu button{display: block;}
.bottomMenu button{font-size: 0.95em; color: #fff;}
@media (max-width: 767px) {.bottomMenu button{width: 100%; height: 50px; background-color: rgba(0, 0, 0, 0); text-align: center;}}
@media (min-width: 768px) {.bottomMenu button{width: 70px; height: 70px; line-height: 108px; background-color: rgba(0, 0, 0, 0); display: flex; justify-content: center;}}
.bottomMenu .txt{padding: 0 5px;}
.bottomMenu button i{vertical-align: text-bottom;}
@media (max-width: 767px) {.bottomMenu button i{width: 15px; height: 15px; display: inline-block; background-size: contain;}}
@media (min-width: 768px) {.bottomMenu button i{width: 56px; height: 45px; display: block; position: absolute; top: 0;}}
@media (max-width: 767px) {.bottomMenu button i.top{transform: rotate(270deg);}}
@media (min-width: 768px) {.bottomMenu button i.top{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_top_pc.png) no-repeat center 10px; background-size: 30px 30px;}}
@media (max-width: 767px) {.bottomMenu button i.right{transform: none;}}
@media (min-width: 768px) {.bottomMenu button i.right{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_right_pc.png) no-repeat center 10px; background-size: 30px 30px;}}
@media (max-width: 767px) {.bottomMenu button i.bottom{transform: rotate(90deg);}}
@media (min-width: 768px) {.bottomMenu button i.bottom{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_bottom_pc.png) no-repeat center 10px; background-size: 30px 30px;}}
@media (max-width: 767px) {.bottomMenu button i.left{transform: rotate(180deg);}}
@media (min-width: 768px) {.bottomMenu button i.left{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_left_pc.png) no-repeat center 10px; background-size: 30px 30px;}}
.bottomMenu button i.nonstop{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_nonstop.png) no-repeat center;}
@media (max-width: 767px) {.bottomMenu button i.nonstop{width: 18px; height: 18px; background-size: cover;}}
@media (min-width: 768px) {.bottomMenu button i.nonstop{background-size: 30px 30px;}}

/* 회차 리스트 */
.epListFrame .bg{background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ position: fixed; z-index: 1; width: 100%; height: 150%; left: 0px; top: 0px; display: none;}
.epListFrame .data{position: fixed; top: 0; right: 0; height: 100%; z-index: 2; background: rgba(50,50,50,0.95); border-left: 1px solid #1e1e1e; overflow: auto;}
@media (max-width: 767px) {.epListFrame .data{width: 45vw; max-width: 200px; padding: 5px;}}
@media (min-width: 768px) {.epListFrame .data{width: 250px; padding: 20px 15px;}}
.epListFrame .data ul li{width: 100%; display: inline-block;}
@media (max-width: 767px) {.epListFrame .data ul li{margin-top: 3px;}}
@media (min-width: 768px) {.epListFrame .data ul li{margin-top: 20px;}}

.epListFrame .data ul li:first-child{margin-top: 0px;}
.epListFrame .data ul li a{width: 100%; height: 0; padding-top: calc(100% / 2); display: inline-block; position: relative; border: 2px solid #666;background-size: cover; background-repeat: no-repeat; background-position: center;}
.epListFrame .data ul li a .txt{position: absolute; bottom: 0px; width: 100%; line-height: 25px; text-align: center; background-color: rgba(0,0,0,.4); overflow: hidden; text-shadow: 1px 1px 0 rgba(0,0,0,.66); text-indent: 5px; color: #fff;}
.epListFrame[data-content_type='2']{width: 300px;} /* 출판만화 회차리스트 */
/* 현재 회차 표시 강조 */
.epListFrame .data ul li a.on{border-color: #eb0009;}
.epListFrame .data ul li a.on .txt{background-color: rgba(256,60,60,.66);}

/* 출판만화 2개씩 출력 */
.viewer[data-content_type='2'] .epListFrame .data ul li:nth-child(odd){padding-right: 5px;}
.viewer[data-content_type='2'] .epListFrame .data ul li:nth-child(even){padding-left: 5px;}
.viewer[data-content_type='2'] .epListFrame .data ul li a{width: 100px; height: 160px;}


/* 메뉴 Open, Close */
.topMenu.on{top:0px; transition: all 0.2s ease-in-out;}
.topMenu.off{top:-150px; transition: all 0.2s ease-in-out;}
.bottomMenu.on{bottom:0px; transition: all 0.2s ease-in-out;}
@media (max-width: 767px) {.bottomMenu.off{bottom:-55px; transition: all 0.2s ease-in-out;}}
@media (min-width: 768px) {.bottomMenu.off{bottom:-85px; transition: all 0.2s ease-in-out;}}
/* 자동스크롤 설정 영역 Open, Close */
.autoScrollSetWrap.on{transition: all 0.2s ease-in-out;}
@media (max-width: 767px) {.autoScrollSetWrap.on{top:50px;}}
@media (min-width: 768px) {.autoScrollSetWrap.on{top:70px;}}
.autoScrollSetWrap.off{top:-200px; transition: all 0.2s ease-in-out;}
/* 회차리스트 영역 Open, Close */
.epListFrame.on .data{right:0px; transition: all 0.2s ease-in-out;}
.epListFrame.off .data{right:-250px; transition: all 0.2s ease-in-out;}
.epListFrame[data-content_type='2'].on .data{right:0px; transition: all 0.2s ease-in-out;} /* 출판만화 회차리스트 */
.epListFrame[data-content_type='2'].off .data{right:-310px; transition: all 0.2s ease-in-out;}

/* 메뉴 마우스 over */
@media (min-width: 768px) {
    .topMenu a:hover, .topMenu button:hover{color: #ff0000;}
    .topMenu .leftMenu a:hover .comicTitle{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_title_step_comic_on.png) no-repeat 0 center;}
    .topMenu .leftMenu a:hover .episodeTitle{color: #ff0000;}
    .topMenu .leftMenu a:hover .episodeSubtitle{color: #ff0000;}
    .topMenu .rightMenu a:hover.giftbox{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_giftbox_on.png) no-repeat center 16px #2c2c2c; background-size: 28px 24px;}
    .topMenu .rightMenu button:hover.autoScroll{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_auto_scroll_on.png) no-repeat center 16px #2c2c2c; background-size: 29px 24px;}
    .topMenu .rightMenu button:hover.fullScreen{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_fullscreen_on.png) no-repeat center 16px #2c2c2c; background-size: 29px 24px;}
    .topMenu .rightMenu button:hover.list{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_episode_list_pc_on.png) no-repeat center 16px #2c2c2c; background-size: 24px 24px;}
    .bottomMenu button:hover{color: #ff0000;}
    .bottomMenu button:hover i.top{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_top_pc_on.png) no-repeat center 10px;}
    .bottomMenu button:hover i.bottom{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_bottom_pc_on.png) no-repeat center 10px;}
    .bottomMenu button:hover i.left{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_left_pc_on.png) no-repeat center 10px;}
    .bottomMenu button:hover i.right{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_right_pc_on.png) no-repeat center 10px;}
    .bottomMenu button:hover i.nonstop{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_nonstop_on.png) no-repeat center; background-size: 30px 30px;}
}
/* 비활성화 */
@media (max-width: 767px) {.bottomMenu button.disabled i.left{filter: opacity(0.2);}}
@media (min-width: 768px) {.bottomMenu button.disabled i.left{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_left_pc_disabled.png) no-repeat center 10px;}}
@media (max-width: 767px) {.bottomMenu button.disabled i.right{filter: opacity(0.2);}}
@media (min-width: 768px) {.bottomMenu button.disabled i.right{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_arrow_right_pc_disabled.png) no-repeat center 10px;}}
.bottomMenu button.disabled{color: #666;}
.bottomMenu button.disabled:hover{color: #666;}

/* 메뉴 toggle */
.bottomMenu button.on .nonstop{color: #ff0000; background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_nonstop_on.png) no-repeat center;}
@media (max-width: 767px) {.bottomMenu button.on .nonstop{width: 18px; height: 18px; background-size: cover;}}
@media (min-width: 768px) {.bottomMenu button.on .nonstop{background-size: 30px 30px;}}
.bottomMenu button.on .txt{color: #ff0000;}

/* 컨텐츠 */
.epContent{width: 100%; /*min-width: 800px; */min-height:100vh; padding-top: 100px;}
.epContent .imgWrap{max-width: 800px; min-height: 1400px; height: 100%; margin: 0 auto;}
.epContent .imgWrap .cImg{position: relative; line-height: 0px;}
.epContent .imgWrap .cImg img{will-change: inherit; width: 100%; display: block;}
/* 비디오 컨테이너 기본 스타일 */
#videoContainer {
  margin: 0 auto;
  max-width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* PC 버전 */
@media (min-width: 769px) {
  #videoContainer {
    max-height: 95vh;
    height: 95vh;
  }
}

/* 모바일 버전 */
@media (max-width: 768px) {
  #videoContainer {
    max-height: 100vh;
    height: 100vh;
  }
}
.epContent .cImg video{width: 100%; max-width: 100%; height: auto; display: block;}

/* 모바일 최적화 */
@media (max-width: 768px) {
  .epContent{padding-top: 60px; min-height: auto;}
  .epContent .imgWrap{min-height: auto; max-width: 100%;}
  .epContent .cImg.video {max-height: 100%;}
  .epContent .cImg video{width: 100%; height: auto; max-height: 60vh; object-fit: contain;}
  /* 전체화면 상태일 때 플레이어를 화면 중앙에 배치 */
 .plyr.plyr--fullscreen-active {
   display: flex !important;
   align-items: center;
   justify-content: center;
   background: #000; /* 필요시 배경 추가 */
 }
 
 /* 비디오 크기 제약 */
 .plyr.plyr--fullscreen-active video {
   max-width: 100%;
   max-height: 100%;
   height: inherit !important;
   object-fit: contain; /* 비율 유지 */
 }
}
  
  
.viewer .comic_suggest {position: relative; width: 100%; height: 12em; transition: all 0.2s ease-in-out;}
.viewer .comic_suggest.out { display:none; transition: all 0.2s ease-in-out;}
.viewer .comic_suggest .comic_suggest_area { position:absolute; width:100%; top:70px;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_a { position:relative; margin:0 auto; width: 95%; height: 4em; z-index: 1; background-color: #000; font-size: 1.2em; font-family: 'roboto'; opacity: 0.9; border-radius: 10px; text-align: center; font-weight: 400; padding-top: 18px;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_a .notice { color: #FBFF46;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_a i { width: 10px; height: 10px; display: inline-block; background-size: contain;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_a .text {color: #fff; padding:0 3px 0 0px;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_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;}
.viewer .comic_suggest .comic_suggest_area .comic_suggest_a .actionsuggestclose {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) {
    .viewer .comic_suggest .comic_suggest_area .comic_suggest_a .info { width: 14px; height: 14px; border-radius: 7px;}
    .viewer .comic_suggest .comic_suggest_area .comic_suggest_a .actionsuggestclose { width: 30px; height: 10px; margin-top: 7px;}
}

/* 리모컨 */
.remoteControl{width: 135px; border-radius: 5px; border: 1px solid #ddd; background: #fff; z-index: 1; opacity: 0.5; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); position: fixed; display: block;}

/* etcWrap 영역 숨기기 (리모컨이 JavaScript로 제어되므로) */
.epContent .etcWrap{display: none;}
@media (max-width: 1199px) {.remoteControl{display: none !important;}}
.remoteControl:hover{opacity: 1;}
.remoteControl .info{border-bottom: 1px solid #ddd; padding: 10px 10px 8px; background: #f6f6f6; border-radius: 5px 5px 0 0; cursor: move;}
.remoteControl .info .title{font-size: 14px; color: #000; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.remoteControl .info .stitle{font-size: 12px; color: #666; max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;}
.remoteControl .control .btnArea{overflow: hidden; width: 120px; margin: 8px auto;}
.remoteControl .control .btnArea button{float: left; width: 40px; height: 40px; display: block;}
/* icon */
.viewer[data-lang='tw'] .remoteControl .bg{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_remocon_tw.png) no-repeat; background-size: 300px 200px;}
.viewer[data-lang='kr'] .remoteControl .bg{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_remocon_kr.png) no-repeat; background-size: 300px 200px;}
.viewer .remoteControl .control .btnArea .top{background-position: -39px -67px; margin: 0 40px -1px 40px;}
.viewer .remoteControl .control .btnArea .left{background-position: 1px -106px;}
.viewer .remoteControl .control .btnArea .right{background-position: -78px -106px;}
.viewer .remoteControl .control .btnArea .bottom{background-position: -39px -145px; margin-left: 40px; margin-right: 40px; margin-top: -1px;}
.viewer .remoteControl .control .btnArea .nonstop{background-position: -39px -106px; width: 39px; height: 39px;}
.viewer .remoteControl .bottom .home{background-position: 0 0;}
.viewer .remoteControl .bottom .giftbox{background-position: -46px 1px;}
.viewer .remoteControl .bottom .list{background-position: -91px 1px;}
/* mouse hover */
.viewer .remoteControl .control .btnArea .top:hover{background-position: -159px -67px;}
.viewer .remoteControl .control .btnArea .left:hover{background-position: -119px -106px;}
.viewer .remoteControl .control .btnArea .right:hover{background-position: -198px -106px;}
.viewer .remoteControl .control .btnArea .bottom:hover{background-position: -159px -145px;}
.viewer .remoteControl .control .btnArea .nonstop:hover{background-position: -159px -106px;}
.viewer .remoteControl .control .btnArea .nonstop.on{background-position: -159px -106px;}
.viewer .remoteControl .bottom .home:hover{background-position: 0 -33px;}
.viewer .remoteControl .bottom .giftbox:hover{background-position: -46px -33px;}
.viewer .remoteControl .bottom .list:hover{background-position: -91px -33px;}
/* 페이지 이동 */
.remoteControl .control .pageArea{margin: 0 auto 10px; text-align: center; vertical-align: middle; letter-spacing: -0.4px;}
.remoteControl .control .pageArea > input{width: 30px; height: 16px; vertical-align: middle; margin-top: -3px; font-size: 13px; font-family: roboto; margin-right: 2px; text-align: center; border: 1px solid #bbb; ime-mode:disabled;}
.remoteControl .control .pageArea .totalEpisodeCount{font-size: 13px; font-family: roboto; font-weight: bold; margin-left: 2px;}
.remoteControl .control .pageArea .btn{width: 40px; height: 20px; font-size: 0.7em; padding: 0px; margin: -4px 0 0 2px;}
/* 리모컨 하단 */
.remoteControl>.bottom{background: #8e8e8e; border-top: 1px solid #757575; height: 40px; border-radius: 0 0 5px 5px; line-height: 37px;}
.remoteControl>.bottom > span{vertical-align: middle; display: inline-block; width: 22px; height: 22px; margin: 7px;}
.remoteControl .bottom a{display: block; height: 100%; position: relative}
.remoteControl .bottom .gift_cnt_span{background: #e63740; position: absolute; top: -4px; right: -6px; font-size: 10px; color: #fff; height: 15px; line-height: 14px; border-radius: 50px; display: inline-block; text-align: center; padding: 0px 3px; min-width: 8px; z-index: 1;}

/* 다음화 버튼, 정보 영역 */
.etcWrap .noticeNextUpdate{margin: 0 auto; padding-top: 30px;}
@media (max-width: 767px) {.etcWrap .noticeNextUpdate{width: 90%;}}
@media (min-width: 768px) {.etcWrap .noticeNextUpdate{width: 560px;}}
.etcWrap .noticeNextUpdate .box{color: #ed4951; background-color: #fff; border-radius: 10px; border: 1px solid #ed4951;}
@media (max-width: 767px) {.etcWrap .noticeNextUpdate .box{padding: 1.2em; font-size: 1.2em;}}
@media (min-width: 768px) {.etcWrap .noticeNextUpdate .box{padding: 20px; font-size: 16px;}}
.etcWrap .noticeNextUpdate .box .btn{background-color: #ed4951; color: #fff; padding: 11px 50px; border-radius: 10px; margin-top: 10px; cursor: pointer; font-size: 16px;}
.etcWrap .noticeNextUpdate .box .btn.active{display: none !important;}

.etcWrap .nextEpisodeBtn{position: relative; margin: 30px auto 0;}
@media (max-width: 767px) {.etcWrap .nextEpisodeBtn{width: 80%;}}
@media (min-width: 768px) {.etcWrap .nextEpisodeBtn{max-width: 560px;}}
.etcWrap .nextEpisodeBtn .btn{background-color:#dc1e25; width: 100%; color: #fff;}
@media (max-width: 767px) {.etcWrap .nextEpisodeBtn .btn{font-size: 1.4em; padding: 13px;}}
@media (min-width: 768px) {.etcWrap .nextEpisodeBtn .btn{font-size: 20px; padding: 20px;}}
.etcWrap .nextEpisodeBtn .speech_area{position: absolute; right: 8px; top: -38px; line-height: normal; text-align: center; color: #666; display: none;}
.etcWrap .nextEpisodeBtn .speech_bubble{background: #def1ff; min-width: 162px; border: 2px solid #a9cdf9; border-radius: 10px; padding: 14px 10px; box-sizing: border-box; font-size: 14px; letter-spacing: -1px; line-height: 17px;}
.etcWrap .nextEpisodeBtn .speech_bubble .icon_nextbtn_gift{width: 21px; height: 21px; border-radius: 50%; background: url(//tw-assets.toptoon.net/www_v1/img/layout/icon_gift2.png) center no-repeat #3879dc; background-size: 18px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px;}
.etcWrap .nextEpisodeBtn .speech_triangle{position: absolute; bottom: -15px; right: 1px;}
.etcWrap .nextEpisodeBtn .speech_bubble .gift_cnt_span2{color: #fd4243; font-weight: bold;}

.etcWrap .nextEpisodeInfo{max-width: 560px; margin: 30px auto 0;}
.etcWrap .nextEpisodeThumb{width: 100%;}
@media (max-width: 430px) {.etcWrap .nextEpisodeThumb{display: flex; align-items: center; padding: 0 5px;}}
@media (min-width: 431px) {.etcWrap .nextEpisodeThumb{display: inline-block; padding: 0 10px;}}
.viewer.black .etcWrap .nextEpisodeThumb{border-bottom: 1px solid #333; border-top: 1px solid #333; background: rgba(255,255,255,0.1)}
.viewer.white .etcWrap .nextEpisodeThumb{border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.etcWrap .nextEpisodeInfo .thumb_wp{float: left; margin-right: 5px;}
.etcWrap .nextEpisodeInfo .infoBox{display: table-cell; width: 100%; text-align: left; vertical-align: middle;}
.etcWrap .nextEpisodeInfo .infoBox .nextTxt{font-size: 1.2em; font-weight: bold; width: 100%;}
.viewer.black .etcWrap .nextEpisodeInfo .infoBox .nextTxt{color: #fff;}
.viewer.white .etcWrap .nextEpisodeInfo .infoBox .nextTxt{color: #000;}
.etcWrap .nextEpisodeInfo .infoBox .title{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; color: #999; margin-top: 6px; width: 100%;}
.etcWrap .nextEpisodeInfo .infoBox .cursor{width: 1.7em; height: 1.7em; display: inline-block; border-radius: 50%; text-align: center; line-height: 1.4em; font-size: 0.8em; padding-left: 0.1em; vertical-align: text-bottom;}
.viewer.black .etcWrap .nextEpisodeInfo .infoBox .cursor{border: 2px solid #fff;}
.viewer.white .etcWrap .nextEpisodeInfo .infoBox .cursor{border: 2px solid #000;}

.etcWrap .nextEpisodeInfo.doubleThumb .thumb_wp span{height: 0px; padding-top: calc(100 / 140 * 100%); background-size: cover; float: left; margin: 6px 5px 6px 0; border-radius: 5px;}
@media (max-width: 320px) {.etcWrap .nextEpisodeInfo.doubleThumb .thumb_wp span{width: 60px;}}
@media (min-width: 321px) and (max-width: 430px) {.etcWrap .nextEpisodeInfo.doubleThumb .thumb_wp span{width: 80px;}}
@media (min-width: 431px) {.etcWrap .nextEpisodeInfo.doubleThumb .thumb_wp span{width: 100px;}}
.viewer.black .etcWrap .nextEpisodeInfo.doubleThumb .info_wp{border-radius: 5px; border: 1px solid #333;}
.viewer.white .etcWrap .nextEpisodeInfo.doubleThumb .info_wp{border-radius: 5px; border: 1px solid #efefef;}
@media (max-width: 430px) {.etcWrap .nextEpisodeInfo.doubleThumb .info_wp{display: table; margin:0; padding: 0; border: none !important;}}
@media (min-width: 431px) {.etcWrap .nextEpisodeInfo.doubleThumb .info_wp{display: flex; height: 120px; margin-top: 20px; padding: 0 20px; align-items: center;}}

.etcWrap .nextEpisodeInfo.singleThumb .thumb_wp span{height: 0px; padding-top: calc(100 / 200 * 100%); background-size: cover; float: left; margin: 6px 5px 6px 0; border-radius: 5px;}
@media (max-width: 320px) {.etcWrap .nextEpisodeInfo.singleThumb .thumb_wp span{width: 120px;}}
@media (min-width: 321px) and (max-width: 430px) {.etcWrap .nextEpisodeInfo.singleThumb .thumb_wp span{width: 150px;}}
@media (min-width: 431px) {.etcWrap .nextEpisodeInfo.singleThumb .thumb_wp span{width: 200px;}}
.etcWrap .nextEpisodeInfo.singleThumb .thumb_wp span.thumb_2{display: none;}
@media (max-width: 430px) {.etcWrap .nextEpisodeInfo.singleThumb .info_wp{display: table; margin:0; padding: 0;}}
@media (min-width: 431px) {.etcWrap .nextEpisodeInfo.singleThumb .info_wp{display: flex; height: 100px; margin-top: 6px; padding: 0 20px; align-items: center;}}

.etcWrap .nextEpisodeInfo.publishThumb .thumb_wp span{width: 100px; height: 140px; background-size: cover; float: left; margin: 6px 5px 6px 0; border-radius: 5px;}
.etcWrap .nextEpisodeInfo.publishThumb .thumb_wp span.thumb_2{display: none;}
.etcWrap .nextEpisodeInfo.publishThumb .info_wp{height: 112px; margin: 20px 0; padding: 0 20px; display: flex; align-items: center;}

/* 실시간 웹툰 순위, 내가 보던 리스트 */
.line_area{max-width: 760px; display: none; margin: 0 auto; overflow: hidden; padding: 10px 0;}
@media (max-width: 767px) {.line_area{background-color: #fff;}}
.line_area .tit{font-size: 16px; text-align: left; padding: 10px 5px;}
@media (max-width: 767px) {.line_area .tit{color: #000;}}
@media (min-width: 768px) {.viewer.black .line_area .tit{color: #fff;} .viewer.white .line_area .tit{color: #000;}}
.line_area .tit .red{color: #e74c3c;}
.comic_area{width: 100%;}
.comic_area .list_area{display: flex;}
.comic_area .list_area li{margin: 0 5px;}
@media (max-width: 320px) {.comic_area .list_area li{width: calc((100% - 20px) / 2.3);}} /* 페이지당 출력수 / x 개 */
@media (min-width: 321px) and (max-width: 430px) {.comic_area .list_area li{width: calc((100% - 30px) / 3.4);}}
@media (min-width: 431px) and (max-width: 767px) {.comic_area .list_area li{width: calc((100% - 40px) / 4.4);}}
@media (min-width: 768px) {.comic_area .list_area li{width: calc((100% - 40px) / 4.4); border: 1px solid #ddd; border-radius: 10px;}}
.comic_area .list_area li:nth-child(6n+1){margin: 0 5px;}
@media (min-width: 768px) {.comic_area .thumb_info{font-size: 12px; line-height: 16px; padding: 10px 12px;}}
/* 뱃지,작가 */
.comic_area[data-area='comicRecent'] .list_area li .thumb_info .badge .see{display: none;}
.comic_area[data-area=comicRankTopTen] .list_area .thumb_area .only{display:none;}

/* 무료회차 구매(강제 구매) */
.bottomMenu.on .forceBuyEpisodeArea{display:block;}
.bottomMenu.off .forceBuyEpisodeArea{display:none;}
.forceBuyEpisodeArea{background: #fff; border: 1px solid #ddd; width: 64px; height: 64px; line-height: normal; border-radius: 60px; color: #000; position: absolute; right: 20px; z-index: 1;}
@media (max-width: 767px) {.forceBuyEpisodeArea{bottom: 70px;}}
@media (min-width: 768px) {.forceBuyEpisodeArea{bottom: 100px;}}
.forceBuyEpisodeArea .icon{background: url(//tw-assets.toptoon.net/www_v1/img/viewer/icon_buyForceEpisode.png) no-repeat center center; background-size: 100%; width: 28px; height: 24px; display: block; margin: 9px auto 0; padding-top: 0;}
.forceBuyEpisodeArea .txt {color: #000; line-height: normal; font-weight: normal; font-size: 12px; margin-top: 2px; display: block; text-align: center; letter-spacing: -0.7px; padding-top: 0;}

/* etc */
.banner{max-width: 760px; margin: 0 auto;}
.banner a{display: inline-block; margin-top: 5px;}
@media (max-width: 767px) {.banner a, .banner img{width: 100%;}}
.viewer.black .loading-container .loading{border-color: transparent #fff transparent #fff;}
.viewer.white .loading-container .loading{border-color: transparent #000 transparent #000;}
.viewer.black .loading-container .loading-text{color: #fff;}
.viewer.white .loading-container .loading-text{color: #000;}

/* 찍먹추가 */
.dp_event_wp{padding:0; margin:0 auto; background:#fff; border-radius:5px; font-size:1rem !important; max-width:290px; max-height:90vh; width:83vw; -ms-overflow-style:none; scrollbar-width:none}
.dp_event_wp .popup_content_wp .popup_content{padding:30px 15px 35px; font-size:16px; color:#333; letter-spacing:-0.4px; text-align: center;}
.dp_event_wp .popup_content_wp .popup_content .time{font-weight:600; color:#E63740;}
.dp_event_wp .popup_content_wp .popup_content .stxt{font-weight:500; color:#aaa; font-size:13px;}
.dp_event_wp .popup_content_wp .popup_content button.btn_confirm{width: 100%; color:#FFD71E; background:#000; font-size:15px; max-width:150px; border-radius:5px; height:42px; margin:15px auto 0; display:flex; align-items:center; padding-bottom:1px; justify-content:center;}