/* VIEWER */
#viewerNew{width:100%; height:auto;}
#viewerNew .btn_ctrl_top{background:#252525; position:fixed; top:0; left:0; right:0; z-index:4}
#viewerNew .btn_ctrl_top .left_area{float:left; height:60px; display:inline-block; width:calc(100% - 242px);}
#viewerNew .btn_ctrl_top .left_area > a{display:flex; align-items:center; width: fit-content; max-width:100%; height:100%; overflow: hidden;}
#viewerNew .btn_ctrl_top .left_area > a > .icon_back{height:20px; margin:0 10px; float:left; display: inline-block;}
#viewerNew .btn_ctrl_top .left_area p.episode_title{display:inline-block; color:#fff; vertical-align:top; line-height:60px; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; letter-spacing:-0.3px}
#viewerNew .btn_ctrl_top .left_area p.episode_title > strong{margin-right:4px; font-weight:600}
#viewerNew .btn_ctrl_top .right_area{float:right; height:60px}
#viewerNew .btn_ctrl_top .right_area > a{display:inline-block; float:left; height:100%; width:60px; vertical-align:top; position:relative; border-left:1px solid #000}
#viewerNew .btn_ctrl_top .right_area > a > span{display:inline-block; vertical-align:top; image-rendering:-webkit-optimize-contrast;}
#viewerNew .btn_ctrl_top .right_area > a > .icon_home_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_home.png) no-repeat center center; background-size:25px;
text-indent:-9999px;}
#viewerNew .btn_ctrl_top .right_area > a > .icon_giftbox_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_giftbox.png) no-repeat center center; background-size:25px; text-indent:-9999px;}
#viewerNew .btn_ctrl_top .right_area > a > .icon_scroll_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_scroll.png) no-repeat center center; background-size:24px; text-indent:-9999px}
#viewerNew .btn_ctrl_top .right_area > a > .icon_eplist_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_list.png) no-repeat center center; background-size:25px; text-indent:-9999px}


#viewerNew .btn_ctrl_top .right_area > a > .num_gift{position:absolute; top:14px; right:9px}

/* VIEWER:: */
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar{position:absolute; top:50px; right:60px; z-index:50; background:#252525; box-shadow:rgba(0,0,0,.1) 0 3px 5px 0; width:59px; padding:13px 0 20px; text-align: center; display: none;}
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar > a.confirm{background:#666; color:#fff; font-size:13px; text-align:center; width:40px; height:26px; line-height:26px; display:block; border-radius:3px; margin:0 auto; float:inherit; font-weight:600}
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar .speed{font-size:14px; color:#fff; font-weight:500; font-family: Roboto, "Droid Sans", "Malgun Gothic", Helvetica, "Apple Gothic", Tahoma, Dotum, sans-serif}
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar .drag_line{width:6px; height:160px; background:#666666; border-radius:8px; margin: 14px auto; border:0}
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar .drag_line .line {width:6px; height:160px; background:#e62e3e; border-radius:8px; margin:25px auto; position:absolute; margin-top:0px; margin-bottom:0px; clip:rect(0px, 8px, 183px, 0px)}
#viewerNew .btn_ctrl_top .right_area .auto_drag_bar .drag_line .draggable_button{width:23px; height:23px;background:url(/assets/img/btn_viewer_drag.png); background-size:100%; box-shadow:0px 4px 10px 1px rgba(0, 0, 0, 0.2); margin-left:-2px; cursor:pointer; border: 0;}

/* VIEWER:: */
#viewerNew .btn_ctrl_top .switch19_area{background:#252525; width:100%; height:50px; top:50px; padding:0 15px; border-top:1px solid #131313; overflow:hidden}
#viewerNew .btn_ctrl_top .switch19_area > a{display:block; height:100%}
#viewerNew .btn_ctrl_top .switch19_area > a > img{height:23px; margin-top:1px; margin-right:2px; display:inline-block; vertical-align:middle}
#viewerNew .btn_ctrl_top .switch19_area > a > .txt{font-size:15px; color:#aaa; font-weight:400; letter-spacing:-0.4px; line-height:47px; display:inline-block; vertical-align:middle}
#viewerNew .btn_ctrl_top .switch19_area > a > .txt > .point{color:#00d889; font-weight:500}
#viewerNew .btn_ctrl_top .switch19_area > a > button.btn_5coin{display:inline-block; padding:2px 8px 3px; border:1px solid #6f6f6f; background:transparent; border-radius:3px; color:#fff; letter-spacing:-0.4px; float:right; margin-top:10px; font-size:14px}
#viewerNew .btn_ctrl_top .switch19_area > a > button.btn_5coin > .point{font-weight:600; color:#fff600;}

/* VIEWER:: */
#viewerNew .btn_ctrl_bottom{background:#252525; height:50px; position:fixed; bottom:0; left:0; right:0; z-index:4}
#viewerNew .btn_ctrl_bottom .center_area{width:100%; max-width:720px; margin:0 auto; height:100%}
#viewerNew .btn_ctrl_bottom .center_area > a{line-height:49px; color:#fff; width:20%; display:inline-block; float:left; text-align:center; font-size:.825rem; letter-spacing:-0.3px}
#viewerNew .btn_ctrl_bottom .center_area > a.active{color:#e62a3c}
#viewerNew .btn_ctrl_bottom .center_area > a + a{border-left:1px solid #4a4a4a}
#viewerNew .btn_ctrl_bottom .center_area > a > span{display:inline-block; vertical-align:middle}
#viewerNew .btn_ctrl_bottom .center_area > a > .icon_top{background:url(/assets/img/icon_viewer_top.png) no-repeat center center; background-size:15px; width:15px; height:15px; margin-right:5px; margin-top:-1px}
#viewerNew .btn_ctrl_bottom .center_area > a > .icon_prev{background:url(/assets/img/icon_viewer_prev.png) no-repeat center center; background-size:8px; width:11px; height:19px; margin-right:3px; margin-top:-2px}
#viewerNew .btn_ctrl_bottom .center_area > a > .icon_nonstop{background:url(/assets/img/icon_viewer_nonstop.png) no-repeat center center; background-size:18px; width:18px; height:18px; margin-right:2px; margin-top:0}
#viewerNew .btn_ctrl_bottom .center_area > a.active > .icon_nonstop{background:url(/assets/img/icon_viewer_nonstop_active.png) no-repeat center center; background-size:18px}
#viewerNew .btn_ctrl_bottom .center_area > a > .icon_next{background:url(/assets/img/icon_viewer_next.png) no-repeat center center; background-size:8px; width:11px; height:19px; margin-left:3px; margin-top:-2px}
#viewerNew .btn_ctrl_bottom .center_area > a > .icon_bottom{background:url(/assets/img/icon_viewer_bottom.png) no-repeat center center; background-size:15px; width:15px; height:15px; margin-right:5px; margin-top:0}

/* VIEWER::蹂닿린 */
#comicContainer{min-height:1000px;}
#comicContainer .comic_content{margin:0 auto;}
#comicContainer .comic_content .comic_img{position:relative}
#comicContainer .comic_content .comic_img > img{margin:0 auto; -webkit-touch-callout:none; display:block}
#comicContainer .comic_img .image-load-failed__wrapper {width: 100%;max-width: 720px;height: 360px;text-align: center;margin: auto;position: relative;background-color: #000;}
.comic_img .image-load-failed__container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;width: 100%;}
.comic_img .image-load-failed__message {font-size: 16px;line-height: 32px;width: 100%;display: block;margin-bottom: 32px;color: #efefef;padding: 16px;}
.comic_img .image-load-failed__container button {font-size: 18px;background-color: #fff;padding: 8px;}

/* VIEWER::�뚯감由ъ뒪�� */
#viewerNew .comic_episode_wp{right:-240px; overflow:hidden; overflow-y:auto; position:fixed; width:223px; -webkit-backface-visibility:hidden; top:0; height:100%; z-index:4; background:#333; -webkit-overflow-scrolling:touch; -webkit-transform:translateZ(0px); -webkit-transform: translate3d(0,0,0); box-shadow:0 0 4px 0 rgba(0,0,0,.5)}
#viewerNew .comic_episode_wp .scrollBlind{overflow:hidden; overflow-y:auto; height:100%; display:block; width:240px; right:0}
#viewerNew .comic_episode_wp .episode_list{background:#333; padding:15px 0;}
#viewerNew .comic_episode_wp .episode_list > a{margin:10px 15px; position:relative; display:inline-block; cursor:pointer;}
#viewerNew .comic_episode_wp .episode_list > a span{display:block; width:100%; height:21px; line-height:22px; font-size:14px; overflow:hidden; color:#fff; text-indent:5px; text-align:center}
#viewerNew .comic_episode_wp .episode_list > a.active img{border:2px solid #ff3f4d;}
#viewerNew .comic_episode_wp .episode_list > a.active span{color:#ff3f4d; font-weight:600}

/* VIEWER::�섎떒�뺣낫(�붿씠��) */
#comicContainer .comic_bottom_wp{max-width:720px; margin:0 auto 30px;}
#comicContainer .comic_bottom_wp .comic_bot{width:100%; margin:0 auto; padding:35px 0 0;}

/* �ㅼ쓬�� 踰꾪듉 */
.comic_bot .episode_nextbtn{background:#ec3f44; width:79%; height:44px; line-height:42px; margin:30px auto 40px; position:relative; background-size:cover; max-width:430px}
.comic_bot .episode_nextbtn > a{display:block; height:100%; text-align:center; color:#fff; font-size:0.9rem; font-weight:500}
.comic_bot .episode_nextbtn .ep_num{font-weight:800; display:inline-block}

.comic_bot .episode_nextbtn .speech_area{position:absolute; right:-10px; top:-41px; line-height:normal; text-align:center; color:#666}
.comic_bot .episode_nextbtn .speech_area .speech_bubble{background:#def1ff; width:138px; border:1px solid #a9cdf9; border-radius:5px; padding:7px 4px; box-sizing:border-box; font-size:12px; letter-spacing:-0.4px; line-height:15px}
.comic_bot .episode_nextbtn .speech_area .speech_bubble .icon_nextbtn_gift{width:17px; height:17px; border-radius:50%; background:url(/assets/img/icon_viewer_nextbtn_gift.png) center no-repeat #3879dc; background-size:18px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:2px;
image-rendering:-webkit-optimize-contrast;}
.comic_bot .episode_nextbtn .speech_area .speech_bubble > b{color:#3879dc; font-weight:bold}
.comic_bot .episode_nextbtn .speech_area .speech_triangle{position:absolute; bottom:-10px; right:0}
.comic_bot .episode_nextbtn .speech_area .speech_triangle > img{width:17px}

/* �ㅼ쓬�� 媛�濡쒖뜽�ㅼ씪 */
.comic_bot .next_ep_thumb{height:6.5rem; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:0 10px; background:#fff; position:relative; align-items:center; display:flex; margin-top:33px; margin-bottom:20px; max-width:500px; margin:0 auto; width:100%;}
.comic_bot .next_ep_thumb .ep_thumb {position:relative; width:9rem; height:5.5rem; background-size: cover; background-repeat: no-repeat; background-position: center center; display:inline-block; margin:0 10px 0 0}
.comic_bot .next_ep_thumb .ep_subinfo{width: calc(100% - 9.2rem); display:inline-block; vertical-align:top;}
.comic_bot .next_ep_thumb .ep_subinfo .episode_next{font-size:15px; font-weight:600; color:#000; vertical-align:middle}
.comic_bot .next_ep_thumb .ep_subinfo .episode_next > img{height:15px; width:60px;}
.comic_bot .next_ep_thumb .ep_subinfo .episode_stitle{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; word-wrap: break-word; max-height:36px; margin-top:4px; font-size:13px; line-height:18px; color: #333; letter-spacing:-0.4px; font-weight:500}

.comic_bot .next_ep_thumb .episode_badge{vertical-align:top; height:16px; display:block}
.comic_bot .next_ep_thumb .episode_badge > span{display:inline-block; float: left; margin-right:2px}
.comic_bot .next_ep_thumb .episode_badge > span.badge_voucher{width:70px; background:url(/assets/img/responsive/common/txticon_comicticket3.png) no-repeat; background-size:70px; height:16px}

/* �ㅼ쓬�� �몃줈�몃꽕�� */
.comic_bot .next_episode{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:34px; margin-bottom:20px; max-width:500px; margin:0 auto; width:100%;}
.comic_bot .next_episode .flex-container{padding:0; margin:0; list-style:none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display: flex; -webkit-justify-content:space-around; justify-content:space-around; -webkit-flex-flow:row wrap; flex-flow:row wrap; -webkit-align-items:stretch; align-items:stretch; overflow:hidden; border-bottom:1px solid rgba(0,0,0,0.1); padding:8px 10px; width:100%}
.comic_bot .next_episode .flex-container:last-child{border-bottom:none}
.comic_bot .next_episode .flex-container .thumb{flex:1;}
.comic_bot .next_episode .flex-container .thumb_text{flex:1.5; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:0 7px; align-items:center; display:flex}
@media (min-width:768px){
    .comic_bot .next_episode .flex-container .thumb_text{flex:5}
}
.comic_bot .next_episode .flex-container .flex-item {width:100px; position:relative}
.comic_bot .next_episode .flex-container .flex-item + .flex-item{margin-left:8px;}
.comic_bot .next_episode .flex-container .flex-item .ep_thumb{position: relative; padding-bottom:138%; background-size: cover; background-repeat: no-repeat; background-position:center center; border-radius:5px; overflow: hidden}

.comic_bot .next_episode .flex-container .flex-item .episode_next{font-size:15px; font-weight:600; color:#000; vertical-align:middle}
.comic_bot .next_episode .flex-container .flex-item .episode_next > img{height:15px; width:60px; min-height:15px}
.comic_bot .next_episode .flex-container .flex-item .episode_stitle{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; word-wrap: break-word; max-height:36px; margin-top:4px; font-size:13px; line-height:18px; color: #333; letter-spacing:-0.4px; font-weight:500}

/* 援�젣�쒖��꾩꽌踰덊샇 */
.comic_bot .isbn_num_area{position:relative;}
.comic_bot .isbn_num_area .isbn_num{position:absolute; bottom:19%; left:50%; margin-left:-108px; width:216px; border:1px solid #ddd; border-radius:3px; font-size:10px; font-weight:400; text-align:center; padding: 1px 0;}
.comic_bot .isbn_num_area .isbn_num > a{display:block}

/* �ㅼ쓬 �낅뜲�댄듃 �뚮┝ */
.comic_bot .viewbottom_notice{width:92%; max-width:500px; text-align:center; font-size:0.9rem; margin:30px auto 0; border:1px solid #ec3f44; color:#ec3f44; margin-bottom:20px; letter-spacing:-0.4px; padding:0.8rem 0}
.comic_bot .viewbottom_notice > a{display:block; margin-top:5px}
.comic_bot .viewbottom_notice .notice_txt{color:#ec3f44; font-weight:500}
.comic_bot .viewbottom_notice .notice_txt .point{font-weight:700; color:#4479d0}
.comic_bot .viewbottom_notice .btn_update {margin: 10px auto 0;font-weight: 500;color: #fff;font-size: 0.9rem;background: #ec3f44;width: 215px;height: 40px;line-height: 39px;border-radius: 100px}
.comic_bot .viewbottom_notice .btn_update.on {background: #aaa;}
.comic_bot .viewbottom_notice .icon_notice_bell{width:10%; display:inline-block; margin-top:-3px; vertical-align:middle}

/* VIEWER::�섎떒�뺣낫(BLACK) */
#comicContainer .comic_bottom_wp .comic_bot.black{width:100%; background:#000; margin:0 auto; padding:35px 0 0;}

/* �ㅼ쓬�� 媛�濡쒖뜽�ㅼ씪(BLACK) */
.comic_bot.black .next_ep_thumb{border-bottom:1px solid #333; border-top:1px solid #333; background:rgba(255,255,255,0.1); max-width:500px; margin:0 auto; width:100%;}
.comic_bot.black .next_ep_thumb .ep_subinfo .episode_next{color:#fff}
.comic_bot.black .next_ep_thumb .ep_subinfo .episode_next > img{height:15px; width:60px;}
.comic_bot.black .next_ep_thumb .ep_subinfo .episode_stitle{color:#777}

/* �ㅼ쓬�� �몃줈�몃꽕��(BLACK) */
.comic_bot.black .next_episode{border-bottom:1px solid #333; border-top:1px solid #333; background:rgba(255,255,255,0.1); max-width:500px; margin:0 auto; width:100%;}
.comic_bot.black .next_episode .flex-container .flex-item .episode_next{color:#fff}
.comic_bot.black .next_episode .flex-container .flex-item .episode_stitle{color:#777}

/* 援�젣�쒖��꾩꽌踰덊샇(BLACK) */
.comic_bot.black .isbn_num_area{position:relative;}
.comic_bot.black .isbn_num_area .isbn_num > a{display:block}

/* 諛곕꼫�곸뿭 */
#comicContainer .comic_bottom_wp .comic_bot_bnr .theme_bnr{margin-top:10px;}

/* �닿�蹂대뜕_�ㅼ떆媛�_�ㅻⅨ�묓뭹 */
.bot_contentbox{padding:0; border-bottom:1px solid #ddd; margin-bottom:0}
.bot_contentbox:last-child{border-bottom:0}
.bot_contentbox .title_area{height:45px; line-height:43px}
.bot_contentbox .title_area > strong{font-size:.9rem; color:#000000; font-weight:500; float:left; letter-spacing:-0.5px;}
.bot_contentbox .bot_slider_list li:last-child{margin-right:0}
.bot_contentbox .bot_slider_list li .thumb_img{padding-bottom:138%; background-size:cover; margin-bottom:.35rem; position:relative; overflow:hidden; border-radius:5px}
.bot_contentbox .bot_slider_list li > a{display:block}
.bot_contentbox .bot_slider_list li .thumb_info_row{position:relative}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_tit_area{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_tit_area > img.badge_up{width:20px; min-width:20px; height:13px; margin-left:2px; display:inline-block}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_tit{font-size:.85rem; font-weight:500; color:#000; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; letter-spacing:-0.3px}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_stxt{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; height:18px; overflow:hidden; letter-spacing:-0.6px; margin-top:.05rem}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_stxt span{font-size:.675rem; display:inline-block; margin-right:3px; vertical-align:top}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_stxt .tag_gray{color:#999; width:max-content; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bot_contentbox .bot_slider_list li .thumb_info_row .thumb_stxt span.tag_blue{color:#5b96cf}
.bot_contentbox .bot_slider_list li .thumb_info_row .badge_isaw_area{line-height:0; margin-top:4px; overflow:hidden; height:16px}
.bot_contentbox .bot_slider_list li .thumb_info_row .badge_isaw_area > span{vertical-align:top; margin-right:2px; float:left;}

/* 酉곗뼱�섎떒 �ㅼ쓬�� �몃꽕�쇱궗�댁쫰 */
.comic_bot .next_episode .flex-container .thumb_text{flex:2}

/* �닿�蹂대뜕_�ㅼ떆媛�_�ㅻⅨ�묓뭹 */
.bot_contentbox .bot_slider_list{width:100%; white-space:nowrap; overflow:hidden; -webkit-overflow-scrolling:touch; height:auto; padding:0 0 12px 0}
.bot_contentbox .bot_slider_list li{display:inline-block; width:19%; margin-right:53px; vertical-align:top}

/* �뚮줈�� 踰꾪듉�곸뿭 */
.btn_vw_floating{position:absolute; bottom:65px; right:12px; display:flex; flex-direction:column-reverse; flex-wrap:wrap-reverse; align-items:center;}
.btn_vw_floating > a.btn_area{background:#fff; border:1px solid #ddd; width:58px; height:58px; line-height:normal; border-radius:60px; color:#000; position:relative; display:flex; align-items:center; flex-wrap:wrap;
justify-content:center; flex-direction:column;}
.btn_vw_floating > a.btn_area.v2{width:48px; height:48px;}
.btn_vw_floating > a.btn_area + a.btn_area{margin-bottom:7px}
.btn_vw_floating > a.btn_area span.icon_comment{background:url(/assets/img/icon_speech.png) no-repeat center center; background-size:24px; width:24px; height:24px;
vertical-align:top; display:block;}
.btn_vw_floating > a.btn_area span.icon_possess{background:url(/assets/img/icon_possess_re.png) no-repeat center center; background-size:100%; width:28px; height:24px; vertical-align:top; display:block;}
.btn_vw_floating > a.btn_area span.icon_download{background:url(/assets/img/icon_download.png) no-repeat center center; background-size:100%; width:28px; height:24px; vertical-align:top; display:block;}
.btn_vw_floating > a.btn_area .txt_img{background:url(/assets/img/txt_download.png) no-repeat center center/cover; display:block; width:76px; height:48px; position:absolute; top:-44px; right:-13px}
.btn_vw_floating > a.btn_area span.count{font-size:10px; color:#fff; background:#e63740; height:17px; line-height:17px; border-radius:30px; display:inline-block; text-align:center; padding:0px 5px; min-width:17px; position:absolute; top:-4px; right:-5px; vertical-align:middle;}
.btn_vw_floating > a.btn_area .txt{color:#000; vertical-align:top; line-height:normal; font-weight:500; font-size:11px; margin-top:1px; display:block; text-align:center; letter-spacing:-0.3px}

/* �대Ⅸ�� 踰꾩쟾 �좎뒪�� */
.toast_adult_re {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.2px;
    border-radius: 50px;
    position: fixed;
    right: -50%;
    bottom: 65px;
    width: 175px;
    height: 53px;
    text-align: center;
    margin-right: -90px;
    box-shadow: 3px 4px 2px -2px rgba(0, 0, 0, .2);
    z-index: 2
}

.toast_adult_re img{image-rendering:-webkit-optimize-contrast;}
.toast_adult_re > button{background:none; position:absolute; right:-5px; top:-20px}
.toast_adult_re > button > img{height:22px; border-radius:50%; background:#666}
.toast_adult_re > a{display:block}
.toast_adult_re > a > img{height:53px; margin:0 auto;}

/*210115 �꾩껜�뚯옣*/
.viewer_allbuy_wp{width:100%; height:auto; border:none; color:#666; background:#fff; display:block; box-sizing:border-box; padding:10px 0 0; letter-spacing:-0.4px}
.viewer_allbuy_wp .allbuy_select {width:100%; height:auto; border:1px solid #DFE2E6; color:#666; background-color:#FAFAFA; display:block; box-sizing:border-box; padding:8px 10px 10px;}
.viewer_allbuy_wp .allbuy_select label > p{font-size:0.9rem; color:#000; font-weight:500; display:inline-block; position:relative; top:3px; text-indent:0.5rem;}
.viewer_allbuy_wp .allbuy_select .coin_box{float:right; position:relative; top:3px; right:0.5rem}
.viewer_allbuy_wp .allbuy_select .coin_box p{font-size:0.85rem; display:inline-block; text-decoration:line-through; color:#bbb; vertical-align:top}
.viewer_allbuy_wp .allbuy_select .coin_box p.disc_coin{text-decoration:none; color:#ff4a4a; margin-left:2px; font-weight:500; overflow:hidden; width:max-content}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box{width:100%; font-size:0.9rem; margin:14px auto 0; border:1px solid #ddd; background:#fff; font-weight:400; padding:0.7rem 1rem; text-align:left; position:relative}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box > button{width:75px; height:30px; background:#ff4a4a; color:#fff; font-weight:500; border-radius:3px; overflow:hidden; font-size:14px; position:absolute; right:1rem; top:50%; transform:translateY(-50%); padding-bottom:2px; cursor:pointer}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp input{display:none;}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp input[type="checkbox"] + label{box-sizing:border-box; border:none; line-height:0; height:40px; cursor:pointer}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp input[type="checkbox"] + label .free_checkbox{display:inline-block; width:15px; height:15px; background-color:#fff; border:1px solid #bbb; position:relative; bottom:-1px; margin-right:6px}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp input[type="checkbox"]:checked + label .free_checkbox{background:url(/assets/img/responsive/viewer/memberLevel/icon_check.png) center center / 11px 8px no-repeat #fff; border:1px solid #e63740;}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box p{color:#4A7DFF; word-break:keep-all; font-size:0.8rem; margin-top:4px}
.viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp{color:#000}

.viewer_allbuy_wp .allbuy_ep_list{position:relative; padding:0 10px;}
.viewer_allbuy_wp .allbuy_ep_list > button{cursor:pointer; background:transparent; width:100%; height:42px; position:relative; display:flex; align-items:center; justify-content:center; bottom:1px}
.viewer_allbuy_wp .allbuy_ep_list > button > p{font-size:0.85rem; color:#000; font-weight:400; letter-spacing:-0.4px; position:relative; top:1px}
.viewer_allbuy_wp .allbuy_ep_list .list_icon{width:12px; height:12px; z-index:1; cursor:pointer; color:#ddd; position:relative; display:inline-block; margin-left:16px; margin-top:2px}
.viewer_allbuy_wp .allbuy_ep_list .list_icon:before{content:'';  position:absolute; left:4px; top:0; width:1px; height:100%; background:#999; transform:rotate(45deg);}
.viewer_allbuy_wp .allbuy_ep_list .list_icon:after{content:''; position:absolute; left:-4px; top:0; width:1px; height:100%; background:#999; transform:rotate(-45deg);}
.viewer_allbuy_wp .allbuy_ep_list .list_icon.open{width:12px; height:12px; z-index:1; cursor:pointer; color:#ddd; position:relative; display:inline-block; margin-left:16px; margin-top:2px}
.viewer_allbuy_wp .allbuy_ep_list .list_icon.open:before{content:'';  position:absolute; left:4px; top:0; width:1px; height:100%; background:#999; transform:rotate(-45deg);}
.viewer_allbuy_wp .allbuy_ep_list .list_icon.open:after{content:''; position:absolute; left:-4px; top:0; width:1px; height:100%; background:#999; transform:rotate(45deg);}
.viewer_allbuy_wp .allbuy_ep_list ul{height:180px; max-width:640px; margin:0 auto; overflow-y:auto;  border-top:1px solid #eee; -ms-overflow-style:none; scrollbar-width:none; padding:0.5rem 0 0;}
.viewer_allbuy_wp .allbuy_ep_list ul::-webkit-scrollbar{display:none;}

.viewer_allbuy_wp .allbuy_ep_list ul li{width:33.3%; margin-bottom:7px; float:left; padding-right:10px}
.viewer_allbuy_wp .allbuy_ep_list ul li > a{display:flex; align-items:center;}
.viewer_allbuy_wp .allbuy_ep_list ul li > a p.title_episode{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; text-indent:6px; font-size:0.75rem; display:inline-block}
.viewer_allbuy_wp .allbuy_ep_list ul li > a img{float:left; display:block; width:90px;}
.viewer_allbuy_wp .allbuy_ep_list ul li > a .img_thumb{width:6.5rem; height:3.25rem; background:#ddd; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; flex:none}


/*210115 �뚯썝�깃툒*/
.viewer_grade_info{margin:10px 0 0; padding:0.8rem 1rem; background:#fff; border:1px solid #ddd; position:relative; height:88px; text-align:left}
.viewer_grade_info .icon_grade{overflow:hidden; width:auto; display:inline-block; height:40px; margin-right:2px; image-rendering:-webkit-optimize-contrast;}
.viewer_grade_info .m_txt{font-size:0.9rem; color:#000; font-weight:500; height:20px; letter-spacing:-0.3px; display:inline-block; vertical-align:top; display:flex; align-items:center}
.viewer_grade_info .s_txt{text-indent:45px; font-size:12px; color:#666; height:18px; letter-spacing:-0.3px; margin-top:-2px}
.viewer_grade_info .m_txt > b{color:#e33942; font-weight:bold; letter-spacing:0.3px;}
.viewer_grade_info .coupon_area{position:absolute; right:1rem; top:50%; transform:translateY(-50%)}
.viewer_grade_info .coupon_area > img{height:52px; image-rendering:-webkit-optimize-contrast;}

.viewer_grade_info .grade_info_wp{position:relative; width:70%; max-width:700px; padding:0; font-family:'Roboto', "Helvetica Neue", 'Apple SD Gothic Neo', sans-serif; margin-top:10px; margin-left:42px}
.viewer_grade_info .grade_info_wp .grade_bar{display:flex; width:100%; margin:0 auto; justify-content:space-between; align-content:space-between; padding:0; background:#ddd; border-radius:50px; overflow:hidden; position:relative;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar{flex:1; height:7px; position:relative;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar_active{position:absolute; left:0; width:33.3%; height:100%; background:#e33942;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar.vip{background:#b98fe4;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar.vvip{background:#07c1a9;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar.vvvip{background:#ffb300;}
.viewer_grade_info .grade_info_wp .grade_bar > .step_bar+.step_bar:before{content:''; width:3px; height:10px; background:#fff; position:absolute;}

.viewer_grade_info .grade_info_wp .grade_info{display:flex; width:100%; margin:0 auto; justify-content:space-between; align-content:space-between; padding:0; margin-top:1px}
.viewer_grade_info .grade_info_wp .grade_info > li{flex:1; position:relative; font-size:0.7rem}
.viewer_grade_info .grade_info_wp .grade_info > li > strong{position:absolute; top:0px; color:#000; font-weight:700}
.viewer_grade_info .grade_info_wp .grade_info > li.active > strong.vip{color:#b98fe4;}
.viewer_grade_info .grade_info_wp .grade_info > li.active > strong.vvip{color:#07c1a9;}
.viewer_grade_info .grade_info_wp .grade_info > li.active > strong.vvvip{color:#ffb300;}
.viewer_grade_info .grade_info_wp .grade_info > li:nth-of-type(1) > strong{left:-3px}
.viewer_grade_info .grade_info_wp .grade_info > li:nth-of-type(2) > strong{right:54%}
.viewer_grade_info .grade_info_wp .grade_info > li:nth-of-type(3) > strong{right:16%}
.viewer_grade_info .grade_info_wp .grade_info > li:last-child > strong{right:-8px}

/*210115 怨좎젙諛곕꼫*/
.fix_bnr{margin-top:10px}
.fix_bnr > a{display:inline-block}
.fix_bnr > a > img{width:100%}

.attendance-toast {
    position: absolute;
    bottom: 9vh;
    left: calc(50% - 190px);
    width: 380px;
}

/*210705 10肄붿씤誘몃쭔 �붿뿬肄붿씤*/
.Remain_coin{max-width:320px; width:88vw; background:#fff; margin: 0 auto; border:1px solid #ddd; border-radius:8px; position:relative; margin-bottom:55px}
.Remain_coin .btn_close{position:absolute; right:1%; top:1%; color:transparent; z-index:1; cursor:pointer}
.Remain_coin .btn_close > img{width:30px}
.Remain_coin .img_witch{height:94px; display:inline-block; float:left; margin-top:-30px; image-rendering: -webkit-optimize-contrast;}
.Remain_coin .txt_area{padding:20px 15px 19px 0; letter-spacing:-0.2px; width:calc(100% - 100px); float:right;}
.Remain_coin .txt_area > p.tit{color:#313131; font-size:16px; font-weight:500; margin-bottom:7px}
.Remain_coin .txt_area > p.tit .point{color:#ec3f44; font-weight:600}
.Remain_coin .txt_area > p.txt{color:#aaa; font-size:12px; line-height:18px;}
.Remain_coin .btn_5coin{background:#eee; width:100%; height:44px; display:flex; align-items:center; justify-content:center; border-radius:0 0 7px 7px; font-size:15px; font-weight:600; border-top:1px solid #ddd; padding-bottom:1px}
.Remain_coin .img_speech_tail{height:12px; display:inline-block; position:absolute; bottom:-12px; right:15px; image-rendering:-webkit-optimize-contrast;}

/*210713 �꾩껜�뚯옣 �덉씠��*/
.ownall_70coin{max-width:320px; width:88vw; background:#fff; margin: 0 auto; border:1px solid #ddd; border-radius:8px; position:relative; margin-bottom:55px}
.ownall_70coin .btn_close{position:absolute; right:1%; top:1%; color:transparent; z-index:1; cursor:pointer}
.ownall_70coin .btn_close > img{width:30px}
.ownall_70coin .img_witch{height:112px; display:block; margin:0 auto; image-rendering:-webkit-optimize-contrast;}
.ownall_70coin .txt_area{padding:15px 20px 20px; letter-spacing:-0.2px; width:100%; margin:0 auto; text-align:center;}
.ownall_70coin .txt_area > p.tit{color:#313131; font-size:18px; font-weight:500; margin-bottom:7px}
.ownall_70coin .txt_area > p.tit .point{color:#ec3f44; font-weight:600}
.ownall_70coin .txt_area > p.txt{color:#aaa; font-size:13px; line-height:18px;}
.ownall_70coin .btn_5coin{background:#eee; width:100%; height:44px; display:flex; align-items:center; justify-content:center; border-radius:0 0 7px 7px; font-size:15px; font-weight:600; border-top:1px solid #ddd; padding-bottom:1px}
.ownall_70coin .img_speech_tail{height:12px; display:inline-block; position:absolute; bottom:-12px; right:15px; image-rendering:-webkit-optimize-contrast;}

/* ************************************** *
 * TABLET VER
 * ************************************** */

@media (min-width:768px) and (max-width:1023px){
    html{font-size:18px}
    body{font-size:1rem; margin:0; padding:0}
    #header .sub_topmenu{display:none}

    #viewerNew{width:100%; height:auto;}
    #viewerNew .btn_ctrl_top{background:#252525; position:fixed; top:0; left:0; right:0; z-index:4}
    #viewerNew .btn_ctrl_top .left_area{float:left; height:50px; display:inline-block; width:calc(100% - 160px);}
    #viewerNew .btn_ctrl_top .left_area > a{height:100%}
    #viewerNew .btn_ctrl_top .left_area > a > .icon_back{height:20px;}
    #viewerNew .btn_ctrl_top .left_area p.episode_title{display:inline-block; color:#fff; vertical-align:top; line-height:50px; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; letter-spacing:-0.3px}
    #viewerNew .btn_ctrl_top .left_area p.episode_title > strong{margin-right:4px; font-weight:600}
    #viewerNew .btn_ctrl_top .right_area{float:right; height:50px}
    #viewerNew .btn_ctrl_top .right_area > a{display:inline-block; float:left; height:100%; width:40px; vertical-align:top; position:relative; border:0}
    #viewerNew .btn_ctrl_top .right_area > a > span{display:inline-block; vertical-align:top; image-rendering:-webkit-optimize-contrast;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_home_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_home.png) no-repeat center center; background-size:21px;
    text-indent:-9999px;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_giftbox_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_giftbox.png) no-repeat center center; background-size: 21px; text-indent:-9999px;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_scroll_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_scroll.png) no-repeat center center; background-size:23px; text-indent:-9999px}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_eplist_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_list.png) no-repeat center center; background-size:21px; text-indent:-9999px}
    #viewerNew .btn_ctrl_top .right_area > a > .num_gift{position:absolute; top:10px; right:0}

    /* VIEWER::�먮룞�ㅽ겕濡� */
    #viewerNew .btn_ctrl_top .right_area .auto_drag_bar{position:absolute; top:51px; right:32px; z-index:50; background:#252525; box-shadow:rgba(0,0,0,.1) 0 3px 5px 0; width:55px; padding:13px 0 20px; text-align: center;}

    /* �닿�蹂대뜕_�ㅼ떆媛�_�ㅻⅨ�묓뭹 */
    .bot_contentbox{padding:0; border-bottom:1px solid #ddd; margin-bottom:0}
    .bot_contentbox .bot_slider_list{width:100%; white-space:nowrap; overflow:hidden; -webkit-overflow-scrolling:touch; height:auto; padding:0 0 12px 0}
    .bot_contentbox .bot_slider_list li{display:inline-block; width:19%; margin-right:53px; vertical-align:top}
}


/* ************************************** *
 * MOBILE VER
 * ************************************** */

@media (min-width:0) and (max-width:767px){
    html{font-size:16px; background:#fff}
    body{font-size:1rem; margin:0; padding:0}
    #header .sub_topmenu{display:none}

    #viewerNew{width:100%; height:auto;}
    #viewerNew .btn_ctrl_top{background:#252525; position:fixed; top:0; left:0; right:0; z-index:4}
    #viewerNew .btn_ctrl_top .left_area{float:left; height:50px; display:inline-block; width:calc(100% - 160px);}
    #viewerNew .btn_ctrl_top .left_area > a{height:100%}
    #viewerNew .btn_ctrl_top .left_area > a > .icon_back{height:20px;}
    #viewerNew .btn_ctrl_top .left_area p.episode_title{display:inline-block; color:#fff; vertical-align:top; line-height:50px; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; letter-spacing:-0.3px}
    #viewerNew .btn_ctrl_top .left_area p.episode_title > strong{margin-right:4px; font-weight:600}
    #viewerNew .btn_ctrl_top .right_area{float:right; height:50px}
    #viewerNew .btn_ctrl_top .right_area > a{display:inline-block; float:left; height:100%; width:40px; vertical-align:top; position:relative; border:0}
    #viewerNew .btn_ctrl_top .right_area > a > span{display:inline-block; vertical-align:top; image-rendering:auto;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_home_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_home.png) no-repeat center center; background-size:21px;
    text-indent:-9999px;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_giftbox_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_giftbox.png) no-repeat center center; background-size: 21px; text-indent:-9999px;}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_scroll_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_scroll.png) no-repeat center center; background-size:23px; text-indent:-9999px}
    #viewerNew .btn_ctrl_top .right_area > a > .icon_eplist_menu{width:100%; height:100%; background:url(/assets/img/icon_viewer_list.png) no-repeat center center; background-size:21px; text-indent:-9999px}
    #viewerNew .btn_ctrl_top .right_area > a > .num_gift{position:absolute; top:10px; right:0}

    /* VIEWER::�먮룞�ㅽ겕濡� */
    #viewerNew .btn_ctrl_top .right_area .auto_drag_bar{position:absolute; top:51px; right:32px; z-index:50; background:#252525; box-shadow:rgba(0,0,0,.1) 0 3px 5px 0; width:55px; padding:13px 0 20px; text-align: center;}

    /* VIEWER::�뚯감由ъ뒪�� */
    #viewerNew .comic_episode_wp{right:-150px; overflow:hidden; overflow-y:auto; position:fixed; width:150px; -webkit-backface-visibility:hidden; top:0; height:100%; z-index:4; background:#333; -webkit-overflow-scrolling:touch; -webkit-transform:translateZ(0px); -webkit-transform: translate3d(0,0,0); box-shadow:0 0 4px 0 rgba(0,0,0,.5); padding:15px 0;}
    #viewerNew .comic_episode_wp .scrollBlind{overflow:hidden; overflow-y:auto; height:100%; display:block; width:240px;}
    #viewerNew .comic_episode_wp .episode_list > a{margin:8px 12px; width:126px; position:relative}
    #viewerNew .comic_episode_wp .episode_list > a img{height:65px; position:relative}
    #viewerNew .comic_episode_wp .episode_list > a span{display:block; width:100%; height:20px; line-height:20px; font-size:14px; overflow:hidden; color:#fff; text-indent:5px; text-align:center}

    /* �닿�蹂대뜕_�ㅼ떆媛�_�ㅻⅨ�묓뭹 */
    .bot_contentbox{padding:0 10px; border-bottom:1px solid #ddd; margin-bottom:0}
    .bot_contentbox .bot_slider_list{width:100%; white-space:nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; height:auto}
    .bot_contentbox .bot_slider_list li{display:inline-block; width:27%; margin-right:13px; vertical-align:top}

    .bot_contentbox .bot_slider_list li .thumb_info_row .badge_isaw_area{margin-top:2px}

    /*210115 �꾩껜�뚯옣*/
    .viewer_allbuy_wp{padding:10px 10px 0}
    .viewer_allbuy_wp .allbuy_ep_list ul li{width:49%; margin-bottom:7px; float:left; padding-right:0}
    .viewer_allbuy_wp .allbuy_ep_list ul li:nth-of-type(2n+1){margin-right:2%;}
    .viewer_allbuy_wp .allbuy_select .allbuy_disc_box .allbuy_free_wp input[type="checkbox"] + label .free_checkbox{bottom:-2px}

    /*210115 �뚯썝�깃툒*/
    .viewer_grade_info{padding:12px 10px; height:76px; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
    .viewer_grade_info .grade_info_wp{margin-left:0}
    .viewer_grade_info .coupon_area{right:6px}
    .viewer_grade_info .coupon_area > img{height:40px}

    .attendance-toast {
        position: absolute;
        bottom: 64px;
        left: calc(50% - 147px);
        width: 218px;
    }

}
/*�꾩씠��5 �댄븯踰꾩쟾*/
@media (max-width:320px){
    #viewerNew .btn_ctrl_top .switch19_area > a > .txt{font-size:12px;}
    #viewerNew .btn_ctrl_top .switch19_area > a > button.btn_5coin{font-size:12px}

    /*210115 �꾩껜�뚯옣*/
    .viewer_allbuy_wp .allbuy_select .allbuy_disc_box p{font-size:12px}
    .viewer_allbuy_wp .allbuy_select .allbuy_disc_box > button{width:70px}
    .viewer_allbuy_wp .allbuy_ep_list ul li > a .img_thumb{width:86px}
}

/* 媛쒕컻�� 異붽� */
.episode_list_overlay{position:fixed;-webkit-backface-visibility: hidden;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:3;display:none;}
.hidden-image {visibility: hidden;}
.view_toast_speed {background:rgba(0,0,0,0.8);color:#fff;font-weight:500;font-size:16px;letter-spacing:-0.2px;border-radius:7px;left:50%;top:50%;width:130px;height:60px;line-height:22px;text-align:center;margin-left:-65px;margin-top:-30px;font-family: Roboto, "Droid Sans", "Malgun Gothic", Helvetica, "Apple Gothic", Tahoma, Dotum, sans-serif;padding-top:7px;position: fixed;z-index: 1;display: none;}
.view_toast {background: rgba(0,0,0,0.8);border-radius: 5px;color: #fff;font-size: 18px;margin: 0 auto;padding: 20px 40px;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1.0, 1.0);-webkit-transform: translate(-50%, -50%) scale(1.0, 1.0);position: fixed;z-index: 10;display: none;}
.viewer_help_guide .guide_episode_ctrl{width:720px; height:233px; margin-left:-350px;}
#endOfDocument {height:0; margin:0; padding:0; line-height:0;}

/* 由щえ肄� */
.remote_control{width:135px; border-radius:5px; border:1px solid #ddd; background:#fff; position:fixed; z-index:1; right:15px; top:50%; margin-top:-132px; box-shadow:2px 2px 0px rgba(0,0,0,0.1); display: none;}
.remote_control .btn_close{position:absolute; right:-2px; top:-25px; width:20px; height:20px; background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-131px 2px}
.remote_control .control_info{border-bottom:1px solid #ddd; padding:10px 10px 8px; background:#f6f6f6; border-radius:5px 5px 0 0}
.remote_control .control_info .title{font-size:15px; font-weight:600; color:#000; max-width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.remote_control .control_info .stitle{font-size:12px; color:#666; max-width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:-1px}

.remote_control .control_area .btn_control{overflow:hidden; width:120px; margin:8px auto}
.remote_control .control_area .btn_control > span{display:inline-block; float:left}
.remote_control .control_area .btn_control > span > a{width:40px; height:40px; display:block}
.remote_control .control_area .btn_control > span > a.btn_top{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-39px -67px; margin:0 40px -1px 40px}
.remote_control .control_area .btn_control > span > a.btn_prev{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:1px -106px;}
.remote_control .control_area .btn_control > span > a.btn_nonstop{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-39px -106px; width:39px; height:39px;}
.remote_control .control_area .btn_control > span > a.btn_next{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-78px -106px}
.remote_control .control_area .btn_control > span > a.btn_bottom{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-39px -145px; margin-left:40px; margin-right:40px;     margin-top:-1px;}
.remote_control .control_area .btn_control > span > a.btn_top:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-159px -67px}
.remote_control .control_area .btn_control > span > a.btn_prev:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-119px -106px}
.remote_control .control_area .btn_control > span > a.btn_nonstop:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-159px -106px}
.remote_control .control_area .btn_control > span > a.btn_next:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-198px -106px}
.remote_control .control_area .btn_control > span > a.btn_bottom:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-159px -145px}
.remote_control .control_area .btn_control > span > a.btn_nonstop.active{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-159px -106px}

.remote_control .control_area .move_area{margin:0 auto 10px; text-align:center; letter-spacing:-0.4px; display:flex; align-items:center; justify-content:center}
.remote_control .control_area .move_area > input{width:36px; height:20px; vertical-align:top; font-size:12px; font-family:roboto; margin-right:3px; border:1px solid #ccc}
.remote_control .control_area .move_area .total{font-size:13px; font-family:roboto; font-weight:bold; margin-left:3px}
.remote_control .control_area .move_area .btn_move{border:1px solid #bbb; border-radius:3px; width:36px; height:21px; line-height:19px; text-align:center; color:#000; font-size:12px; display:inline-block; box-sizing: border-box; margin-left:5px; background:linear-gradient(#fff, #f2f2f4);}

.remote_control .control_bottom{background:#8e8e8e; border-top:1px solid #757575; height:40px; border-radius:0 0 5px 5px; line-height:37px; padding:0 14px;}
.remote_control .control_bottom > span{vertical-align:middle; display:inline-block; width:22px; height:22px; margin-right:15px}
.remote_control .control_bottom > span:last-child{margin-right:0}
.remote_control .control_bottom > span > a{display:block; height:100%; position:relative}

.remote_control .control_bottom > span > a .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:15px; z-index:1;}
.remote_control .control_bottom > span > a.icon_home{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:0 0}
.remote_control .control_bottom > span > a.icon_gift{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-46px 1px}
.remote_control .control_bottom > span > a.icon_list{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-91px 1px}
.remote_control .control_bottom > span > a.icon_home:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:0 -33px}
.remote_control .control_bottom > span > a.icon_gift:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-46px -33px}
.remote_control .control_bottom > span > a.icon_list:hover{background:url(/assets/img/icon_remocon.png) no-repeat; background-size:300px 200px; background-position:-91px -33px}

.scrollController {position: fixed;left: 50%;margin-left: -360px;bottom: 0;width: 720px;height: 15vh;box-sizing: border-box;z-index: 1;display: none;}
@media (max-width:767px) {
    .scrollController {position: fixed;bottom: 0;left: 0;width: 100vw;height: 15vh;box-sizing: border-box;z-index: 1;display: none; margin-left: 0;}
}

/* �먮룞 �ㅽ겕濡� �쒕옒洹� 諛� �됱긽 */
.ui-widget-header {
    background: #e62e3e !important;
}

.scroll-indicator-container {position:fixed; top:0; z-index:5; width:100%; background-color:transparent; height:3px;}
.scroll-indicator {height:3px; background:#f54a3d; width:0%;}
.document_img {pointer-events: none;}

/* 190814 �좎뒪�� */
.toast_adult {background: #fffcac;border: 1px solid #ffa64f;color: #fff;font-weight: 500;font-size: 15px;letter-spacing: -0.2px;border-radius: 7px;position: fixed;right: -275px;bottom: 80px;transform: translateX(50%);width: 275px;height: 78px;text-align: center;margin-left: -137px;padding-top: 9px;box-shadow: 3px 4px 2px -2px rgba(0, 0, 0, .2);display: none;z-index: 2;}
.toast_adult > button {background: none;position: absolute;right: -5px;top: -5px}
.toast_adult > a {display:block;}