/* ************************************** /
 * 회차리스트 PC VER
 * ************************************** */

/* 회차리스트 */
#episodeBnr{width:100%; overflow:hidden;}
#episodeBnr .thumb_area {width: calc(100% - 364px);height: 340px;float: left; position:relative;}
#episodeBnr .bnr_episode {width: 100%; height: 340px;float: left;}
/* #episodeBnr .bnr_episode {width: calc(100% - 364px); height: 340px;float: left;} */
#episodeBnr .bnr_episode.co_thumb6 {width:100%; height: 340px;background-repeat: no-repeat;background-position: center;box-sizing: border-box;display: inline-block;vertical-align: top;float: left;background-size: cover;}
#episodeBnr .bnr_episode .swiper-slide {background-position: center;background-repeat: no-repeat;background-size: cover;}
#episodeBnr .bnr_episode .swiper-pagination {padding-left: 15px;}
.bnr_episode .swiper_bullet{display:inline-block; background-color:#fff; width:10px !important; height:10px !important; opacity:0.6 !important; cursor:pointer; margin:0 5px; border-radius:50%; float:left;}
.bnr_episode .swiper_bullet.active{background-color:#e53643; opacity:1 !important;}

#episodeBnr .bnr_episode_info{width:356px; margin-left:8px; background:#fff; height:340px; display:inline-block; vertical-align:top; float:left; border:1px solid #DDD; box-sizing:border-box; position:relative; padding:0 25px}
#episodeBnr .bnr_episode_info .comic_dics{position:relative; margin-top:3.2rem; overflow:hidden; display:block; height:auto}
#episodeBnr .bnr_episode_info .comic_dics.no-tab{margin-top:2rem;}

/* 탭 */
#episodeBnr .bnr_episode_info .tab_eplist{width:101%; height:40px; margin:0 auto; position:absolute; left:-1px; top:-1px;}
#episodeBnr .bnr_episode_info .tab_eplist a{display:block; width:120px; height:40px; line-height:37px; float:left; text-align:center; font-size:14px; font-weight:400; background:#fcfcfc; color:#999; border:1px solid #d5d5d5; letter-spacing:-0.5px; box-sizing: border-box;}
#episodeBnr .bnr_episode_info .tab_eplist a.active{top:0; color:#4c94f6; position:relative; line-height:35px; font-weight:600; background:#fff; border-top:2px solid #4c94f6; border-bottom:0;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_character{margin-left:-1px;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_bestscene{margin-left:-1px; width:118px}

/* 정보영역 */
.bnr_episode_info .comic_dics .tit_area{width:calc(100% - 45px); height:1.25rem; line-height:1.2rem; margin-bottom:3px; display: flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start; align-items:center}
.bnr_episode_info .comic_dics .tit_area .tit_toon{font-size:22px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.4px; display:inline-block; margin-right:0; vertical-align:middle; height:100%}

.bnr_episode_info .comic_dics .tit_area .badge_1puls1{height:16px; margin-left:3px; display:inline-block}
.bnr_episode_info .comic_dics .tit_area .badge_exclusive{height:16px; margin-left:3px; display:inline-block}
.bnr_episode_info .comic_dics .tit_area .badge_up{height:16px; margin-left:3px; display:inline-block}
.bnr_episode_info .comic_dics .tit_area .badge_bigzzam{height:16px; margin-left:3px; display:inline-block}

.bnr_episode_info .comic_dics .comic_etc_info{line-height:21px; height:auto; max-width:calc(100% - 54px);}
.bnr_episode_info .comic_dics .comic_etc_info span{display:inline-block; vertical-align:top; font-size:12px;}
.bnr_episode_info .comic_dics .comic_etc_info span.comic_wt{color:#666}
.bnr_episode_info .comic_dics .comic_etc_info span.comic_hit{color:#3ab4c0;}
.bnr_episode_info .comic_dics .comic_etc_info span.comic_spoint{width:auto; height:20px; background:url(../image/pd_point_star.png) no-repeat left 5px; background-size:11px;  vertical-align:top; margin-right:3px; color:#e63740; text-indent:13px}
.bnr_episode_info .comic_dics .comic_etc_info > span:after{display:inline-block; content:''; width:1px; height:10px; background:#ddd; margin:4px 0 0 4px;}
.bnr_episode_info .comic_dics .comic_etc_info .comic_day{display:inline-block; vertical-align:top; font-size:12px;}
.bnr_episode_info .comic_dics .comic_etc_info .comic_day .point{border:1px solid #e63740; border-radius:50%; color:#e63740; width:16px; height:16px; line-height:15px; text-align:center; vertical-align:baseline; font-weight:500}
.bnr_episode_info .comic_dics .comic_etc_info .comic_day .bar{margin:0 5px 0 0;}
.bnr_episode_info .comic_dics .comic_etc_info p.useAge{font-size:12px; display:inline-block; background:#aaa; text-align:center; width:67px; height:20px; margin-right:5px; line-height:20px; color:#fff; border-radius:2px; font-weight:500; letter-spacing:-0.4px; vertical-align:top}

.bnr_episode_info .comic_dics .comic_story{overflow:hidden; font-size:13px; color:#666; line-height:18px; margin-bottom:6px; max-height:92px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; letter-spacing:-0.2px}
.bnr_episode_info .comic_dics .comic_story p.story_synop{width:100%;}
.bnr_episode_info .comic_dics .comic_tag span{display:inline-block; color:#e63740; font-size:12px; margin-right:8px;}
.bnr_episode_info .comic_dics .comic_tag{line-height:16px}
/*
.bnr_episode_info .comic_dics .isbn_num{height:20px; line-height:20px; margin:4px 0 6px}
.bnr_episode_info .comic_dics .isbn_num > a{font-size:12px; color:#999; display:inline-block; letter-spacing:-0.4px; vertical-align:top}
.bnr_episode_info .comic_dics .isbn_num .useAge{font-size:12px; display:inline-block; background:#aaa; text-align:center; width:67px; height:20px; margin-right:5px; line-height:20px; color:#fff; border-radius:2px; font-weight:500; letter-spacing:-0.4px; vertical-align:top}
*/

/* 즐겨찾기 */
.bnr_episode_info .comic_dics .btn_ep_bookmark{display:inline-block; position:absolute; top:0; right:0;}
.bnr_episode_info .comic_dics .btn_ep_bookmark > a{display:block;}
.bnr_episode_info .comic_dics .btn_ep_bookmark > a > span{display:block;}
.bnr_episode_info .comic_dics .btn_ep_bookmark > a .icon_bookmark{background:url(../image/icon_ep_bookmark.png) no-repeat; background-size:100%; width:22px; height:22px; margin: 0 auto;}
.bnr_episode_info .comic_dics .btn_ep_bookmark > a .txt_bookmark{color:#999; font-size:11px; letter-spacing:-0.5px; font-weight:500;}
.bnr_episode_info .comic_dics .btn_ep_bookmark > a.active .icon_bookmark{background:url(../image/icon_ep_bookmark_active.png) no-repeat; background-size:100%; width:22px; height:22px;}

/* 구독층 */
.bnr_episode_info .comic_dics .subscriber_area{margin-top:2px; overflow:hidden}
.bnr_episode_info .comic_dics .subscriber_area .title{color:#333; margin-right:4px; font-weight:500; height:19px; line-height:21px}
.bnr_episode_info .comic_dics .subscriber_area .title > img{height:12px; display:inline-block; vertical-align:middle; margin-right:2px; margin-top:-2px}
.bnr_episode_info .comic_dics .subscriber_area > p{display:inline-block; font-size:12px; vertical-align:top; float:left}
.bnr_episode_info .comic_dics .subscriber_area > p.man{height:20px; line-height:18px; border-radius:2px; border:1px solid #acd2f6; color:#2e8de5; padding:0 4px; font-weight:500; margin-right:3px}
.bnr_episode_info .comic_dics .subscriber_area > p.woman{height:20px; line-height:18px; border-radius:2px; border:1px solid #f3c8ca; color:#e63740; padding:0 4px; font-weight:500;}
.bnr_episode_info .comic_dics .line_middle{display:block; width:100%; height:1px; margin:8px 0; background:#ddd}

/* 배너영역 */
.episode_list_inner .middle_bnr {width:100%; height:66px; box-sizing:border-box; display:block; vertical-align:top; overflow:hidden; margin-bottom:8px}
.episode_list_inner .middle_bnr .payment_fullbnr {height: 100%;}
.episode_list_inner .middle_bnr a{display:block; background-size:100%; height:100%; display:block}
.episode_list_inner .middle_bnr picture {height: 100%;}

/* 기다빵 및 전체소장 */
.episode_list_wp .btn_episode_area .ep_mycoupon > a{display:block}

/* 회차리스트 */
.episode_list_wp{width:100%; margin:8px auto 0; overflow:hidden}
.episode_list_wp .episode_list_inner{width:calc(100% - 280px); float:left}
.episode_list_wp .episode_list_inner .episode_list{width:100%; border:1px solid #ddd}

.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu{line-height:42px; height:44px; padding:0 10px; overflow:hidden; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content: space-between;}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .left_area{font-size:0.8rem; float:left; letter-spacing:-0.2px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex: auto;}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .left_area .point{color:#e63740}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area{float:right; line-height:37px; text-align:right; display:flex;}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area > a{display:inline-block; border:1px solid #ddd; border-radius:3px; height:26px; line-height:24px; padding:0; font-size:13px; vertical-align:middle; color:#000; padding-left:12px; letter-spacing:-0.3px; width:72px; text-align:center}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area > a:first-child{margin-right:2px;}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area > a.btn_right_down{background:url(../image/ico_download_new.png) no-repeat 6px center #fff; background-size:12px}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area > a.btn_right_align{background:url(../image/ico_align_new.png) no-repeat 6px center #fff; background-size:12px}
.episode_list_wp .episode_list_inner .episode_list span.ico_ep_book{display:inline-block; vertical-align:middle; width:21px; height:17px; background:url(../image/ico_myownbook.png) no-repeat center top; background-size:contain;}
.episode_list_wp .episode_list_inner .episode_list span.ico_notice{display:inline-block; vertical-align:middle; width:20px; height:18px; background:url(../image/ico_notice_new.png) no-repeat center top; background-size:contain;}
.episode_list_wp .episode_list_inner .episode_list .episode_badge > span{display:inline-block; float: left; margin-right:2px}
.episode_list_wp .episode_list_inner .episode_list .own_bg{background:#f5f5f5;}
.episode_list_wp .episode_list_inner .episode_list .tit_area > img.badge_up{height:15px; min-width:22px; margin-left:3px; /*margin-top:3px*/}
.episode_list_wp .episode_list_inner .episode_list .tit_area > img.badge_view{height:15px; margin-left:3px; /*margin-top:3px;*/ min-width:44px}

/* 세로썸넬 리스트 */
.episode_list_wp .episode_list_inner .episode_list .list_type > ul{padding:0}
.episode_list_wp .episode_list_inner .episode_list .list_type .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%; box-sizing:border-box; cursor: pointer;}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container:last-child{border-bottom:none}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .thumb{flex:1;}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .thumb_text{flex:3.4; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:0 12px; align-items:center; display:flex}

.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item{width:100px; position:relative}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item + .flex-item{margin-left:8px;}
.episode_list_wp .episode_list_inner .episode_list .list_type .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}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .tit_area{width:100%; height:19px; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start; align-items:center}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .tit_area .episode_title{font-size:.8rem; font-weight:500; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.4px; display: inline-block; vertical-align:middle}
.episode_list_wp .episode_list_inner .episode_list .list_type .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:.8rem; line-height:18px; color:#333; letter-spacing:-0.4px; font-weight:400}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_date{height:17px; line-height:16px; color:#999; font-size:11px; vertical-align:top; margin-top:5px; display:inline-block}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_badge{vertical-align:top; margin-top:4px; overflow:hidden; display:block}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_price{text-align:right; position:absolute; right:8px; bottom:8px}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .content_wrap{position:relative; width:100%}

/* 가로썸넬 리스트 */
.episode_list_wp .episode_list_inner .episode_list .list_type_02 > ul{padding:0}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .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:10px; width:100%; position:relative}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container:last-child{border-bottom:none}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb{flex-grow:0; flex-shrink:0; flex-basis:220px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb_text{flex:6; padding:0 0 0 15px; align-items:center; display:flex}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb_text .content_wrap{position:relative; width:100%}

.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item {width:100px; position:relative}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .ep_thumb{position: relative; padding-bottom:50%; background-size: cover; background-repeat: no-repeat; background-position:center center; border-radius:0; overflow: hidden}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .tit_area{width:100%; height:19px; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start; align-items:center}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .tit_area .episode_title{font-size:15px; font-weight:500; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.4px; display: inline-block; vertical-align:middle;}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .episode_stitle{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; max-height:18px; margin-top:4px; font-size:.75rem; line-height:17px; color:#333; letter-spacing:-0.4px; font-weight:400; width:calc(100% - 80px)}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .episode_date{height:17px; line-height:16px; color:#999; font-size:11px; vertical-align:top; margin-top:5px; display: inline-block;}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .episode_price{text-align:right; position:absolute; right:10px; top:50%; transform: translateY(-52%)}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .episode_badge{vertical-align:top; margin-top:4px; overflow:hidden; display:inline-block}

/* 리스트(공용)*/
.episode_list_wp .episode_list_inner .episode_list .episode_badge > span.badge_voucher{width:70px; background:url(../image/new20_badge_freeticket3.png) no-repeat; background-size:70px; height:16px}
.episode_list_wp .episode_list_inner .d_day{font-size:11px; position:absolute; background-color:#f8923e; color:#fff; font-weight:500; text-align:center; bottom:0; padding:0 6px; width:100%}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr{background:#fff; border-radius:4px; text-align:center; height:31px; line-height:29px; border:1px solid #ddd; padding:0 4px; font-size:12px; color:#000; letter-spacing:-0.4px; min-width:50px; box-sizing:border-box; cursor:pointer}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.rent{color:#007aff; border:1px solid #007aff;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.own{color:#e63740;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.twoLine{padding:0 6px; height:40px; line-height:15px;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.redfree{border:1px solid #e63740; color:#e63740; background:#fff;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.waitFree{border:1px solid #007aff; color:#007aff; background:#fff;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.promotion{border:1px solid #007aff; color:#007aff; background:#fff;}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr span.origpr{color:#e63740; text-decoration:line-through; margin-right:2px}

/* 실시간인기순위 */
.episode_rank_inner{width:272px; display:inline-block; float:right; overflow:hidden}
.episode_rank_inner .btn_middle_area{display:block; vertical-align:top; height:66px; width:272px; margin-bottom:8px}
.episode_rank_inner .btn_middle_area > a{width:50%; display:inline-block; height:100%; float:left; box-sizing:border-box}
.episode_rank_inner .btn_middle_area > a.btn_writer{background:#87d1f3; border-right:1px solid #fff;}
.episode_rank_inner .btn_middle_area > a.btn_sponsor{background:#fdbbb1}
.episode_rank_inner .btn_middle_area > a > img{margin:11px auto; height:45px}

.episode_list_wp .episode_rank{width:100%; border:1px solid #ddd;}
.episode_list_wp .episode_rank .title{line-height:42px; height:44px;  padding:0 10px; overflow:hidden; border-bottom: 1px solid #ddd; font-size:15px; font-weight:400; color:#000}
.episode_list_wp .episode_rank ul{padding:0; margin:0 10px}
.episode_list_wp .episode_rank ul li{border-bottom:1px solid #ddd; padding:6px 0;}
.episode_list_wp .episode_rank ul li:last-child{border-bottom:none;}
.episode_list_wp .episode_rank ul li:after{content:"."; visibility:hidden; display:block; height:0; clear:both;}
.episode_list_wp .episode_rank ul li span{display:inline-block; vertical-align:super}
.episode_list_wp .episode_rank ul li > a{display:block}
.episode_list_wp .episode_rank ul li .thumb_img{width:74px; height:74px; float:left; margin-right:10px; background-position:center; background-size:cover; position:relative;}
.episode_list_wp .episode_rank ul li .thumb_info{padding-top:5px}
.episode_list_wp .episode_rank ul li .thumb_info p{margin:0; height:20px}
.episode_list_wp .episode_rank ul li .thumb_info p.title_area{width:162px; height:22px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center;}
.episode_list_wp .episode_rank ul li .thumb_info p.title_area span.comic_tit{font-size:14px; font-weight:500; color:#000; float:left; margin-right:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.episode_list_wp .episode_rank ul li .thumb_info p.title_area > img{width:22px; height:15px; display:inline-block; vertical-align:top; max-width:100%; min-width:22px}
.episode_list_wp .episode_rank ul li .thumb_info p.writer_area{color:#666; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.episode_list_wp .episode_rank .badge_point_area{height:100%; line-height:1rem; margin-right:0; padding-right:1px; width:max-content; position:relative; display:flex; align-items:center; flex:none; color:#000; font-size:13px}
.episode_list_wp .episode_rank .badge_point_area > img.pd_point{height:0.5rem; display:inline-block; float:left; margin-right:2px}

/*할인이벤트*/
.episode_list_wp .episodeEvent{margin-top:10px}
.episode_list_wp .episodeEvent p.title{line-height:42px; height:44px; padding:0 10px; overflow:hidden; font-size:15px; font-weight:400; color:#000;}
.episode_list_wp .episodeEvent p.title > .point{color:#e63740;}
.episode_list_wp .episodeEvent .episode_eventbnr{display:block; width:100%; height:50px; border-radius:5px; background-size:cover; background-position:center center; background-repeat:no-repeat; border:1px solid rgba(0,0,0,0.1);}
.episode_list_wp .episodeEvent .episode_eventbnr+.episode_eventbnr{margin-top:5px}

/* 등장인물 */
.bnr_episode_info .comic_dics .character_wp{background:#fff}
.bnr_episode_info .comic_dics .character_wp .character_list {width:100%; white-space:nowrap;}
.bnr_episode_info .comic_dics .character_wp .character_list li {display:inline-block; width:31%; vertical-align:top}
.bnr_episode_info .comic_dics .character_wp .character_list li:last-child{margin-right:0}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumbbox {padding-bottom:138%; background-size:cover; background-position: center center; margin-bottom:5px; position:relative; border-radius:5px; overflow:hidden}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_tit {font-size:16px; font-weight:500; color:#000; height:20px; line-height:20px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:8px; margin-bottom:2px}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_sub {font-size:12px; font-weight:400; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; line-height:16px; letter-spacing:-0.3px; white-space:normal;}

.bnr_episode_info h2.tit_main{font-size:21px; height:40px; line-height:32px; font-weight:500; letter-spacing:-0.7px; font-family:'Noto Sans KR'; color:#000}
.bnr_episode_info .btn_arrow{position:absolute; top:1%; right:0}
.bnr_episode_info .btn_arrow > button{border:1px solid #ddd; width:28px; height:28px; background:none; font-size:0; float:right; cursor:pointer}
.bnr_episode_info .btn_arrow > button.btn_prev{border-radius:3px 0 0 3px; margin-right:-1px; background:url(../image/icon_arrow.png) 7px 4px no-repeat; background-size:100px 30px;}
.bnr_episode_info .btn_arrow > button.btn_prev:hover{border-radius:3px 0 0 3px; margin-right:-1px; border:1px solid #000; background:url(../image/icon_arrow.png) -46px 4px no-repeat; background-size:100px 30px;}
.bnr_episode_info .btn_arrow > button.btn_next{border-radius:0 3px 3px 0; background:url(../image/icon_arrow.png) -20px 4px no-repeat; background-size:100px 30px;}
.bnr_episode_info .btn_arrow > button.btn_next:hover{border-radius:0 3px 3px 0; border:1px solid #000; z-index:5; position:relative; background:url(../image/icon_arrow.png) -73px 4px no-repeat; background-size:100px 30px;}

/* 명장면 */
.bnr_episode_info .comic_dics .character_wp .character_list.bestscene li{width:48%}

/*기다빵_이용권_전체소장구역*/
.btn_episode_area{margin-bottom:8px}
.btn_episode_area > div{display:flex; align-items:center; height:45px; padding:0 10px 0 10px; position:relative;}
.btn_episode_area > div > a{display:contents}
.btn_episode_area > div > a > span{float:left}
.btn_episode_area > div+div{margin-top:8px}
.btn_episode_area .newepbtn_eventlist{font-size:0.6rem; width:70px; font-weight:500; height:28px; line-height:28px; text-align:center; border-radius:3px; color:#fff; position:absolute; top:50%; right:10px; margin-top:-14px;}
.btn_episode_area .icon_event_notice20{width:22px; height:22px; border-radius:50%; margin-right:5px; overflow:hidden; display:inline-block; background:#ddd}
.btn_episode_area .icon_event_notice20.waitfree{background:url(../image/ico_ep_waitcoupon.png) no-repeat center #ff9d4d; background-size:14px;}
.btn_episode_area .icon_event_notice20.giftok {background: url(../image/ico_ep_giftcoupon.gif) no-repeat center #82ceff; background-size:14px;}
.btn_episode_area .icon_event_notice20.allbuy{background:url(../image/ico_ep_allbuy.png) no-repeat center #ffd543; background-size:22px;}
.btn_episode_area .btn_eventlist{display:block; width:75px; height:28px; line-height:27px; font-size:13px; text-align:center; border-radius:3px; color:#fff; background:#ddd; position:absolute; top:50%; right:10px; margin-top:-14px;}
.btn_episode_area .btn_eventlist.orange{background:#ff9d4d}
.btn_episode_area .btn_eventlist.blue{background:#0863df}
.btn_episode_area .btn_eventlist.red{background:#ff4a4a}

/*이용권*/
.btn_episode_area .epi_mycoupon{border:1px solid #ddd; background:#fff;}
.btn_episode_area .epi_mycoupon span, .btn_episode_area .epi_mycoupon a{vertical-align:top; display:inline-block;}
.btn_episode_area .epi_mycoupon > a{color:#000; font-size:0.75rem}
.btn_episode_area button.help_info{width:15px; height:15px; background:url(../image/ico_ep_question.png) no-repeat center; background-size:15px; vertical-align:-3px; margin-left: 5px; cursor:pointer; vertical-align:middle}

/*무료이용권*/
.btn_episode_area .epi_giftcoupon{border:1px solid #3f88eb; background:#4c94f6;}
.btn_episode_area .epi_giftcoupon span, .btn_episode_area .epi_giftcoupon a{vertical-align:top; display:inline-block;}
.btn_episode_area .epi_giftcoupon > a{color:#fff; font-size:0.75rem}
.btn_episode_area button.help_info.free_coupon{width:15px; height:15px; background:url(../image/ico_ep_question2.png) no-repeat center; background-size:15px}

/*전체소장*/
.btn_episode_area .allbuy_event{border:1px solid #e4d8b4; background:#fffbd4;}
.btn_episode_area .allbuy_event > a > p{font-size:0.75rem; display:inline-block; vertical-align:top; color:#000}
.btn_episode_area .allbuy_event .buy_txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:6px}
.btn_episode_area .allbuy_event .buy_ep_count > span{vertical-align:baseline;}
.btn_episode_area .allbuy_event .buy_ep_count .ep_count{color:#000; font-weight:500; margin-right:3px;}
.btn_episode_area .allbuy_event .buy_ep_count .org_coin{color:#999; text-decoration: line-through; font-weight:500; font-size:0.6rem;}
.btn_episode_area .allbuy_event .buy_ep_count .buy_coin{color:#ff4a4a; font-weight:500;}
.btn_episode_area .allbuy_event .point{color:#4a7dff; font-weight:500;}

/*1+1*/
.btn_episode_area .epi_1plus1{border:1px solid #f2cdcd; background-color:#fff1e9; color:#000; font-size:0.75rem;}
.btn_episode_area .epi_1plus1 .point{color:#e63740; font-weight:500;}
.btn_episode_area .epi_1plus1 .icon_event_notice20.oneplus1{background:url(../image/ico_oneplus_common.png) no-repeat center; background-size:22px}

/*전체소장시 하단 구매정보 및 버튼*/
.buyall_info_fix{width:700px; border:1px solid #1b1b1b; background:#fff; position:fixed; bottom:-1px; z-index:998; font-size:12px; display:none; left:50%; transform:translateX(-50%); border-radius:5px 5px 0 0; padding:0 50px;}
.buyall_info_fix .btn_arrowbox{width:64px; height:19px; position:absolute; top:-18px; left:50%; margin-left:-32px; background:url(../image/btn_arrow_box.png) no-repeat center; background-size:100%;}
.buyall_info_fix .buyall_info_area{padding:20px 0 5px;}
.buyall_info_fix .buyall_info{background:#fafafa; border:1px solid #dfe2e6; padding:10px; width:100%;}
.buyall_info_fix span.txt_point{margin:0 0; color:#4a7dff; font-weight:600;}
.buyall_info_fix .buy_btn_area{width:100%;overflow:hidden; margin-bottom:18px;}
.buyall_info_fix .buy_btn_area a{display:block; width:50%; height:48px; line-height:48px; text-align:center; font-size:14px; font-weight:400; float:left;}
.buyall_info_fix .buy_btn_area a.btn_buyall{background:#e63740; color:#fff;}
.buyall_info_fix .buy_btn_area a.btn_buyall_cancel{background:#e6e6e6; color:#000;}
.buyall_info_fix p.discount_info{text-align:center; height:20px; line-height:20px; margin-bottom:0; font-size:13px; letter-spacing:-0.2px;}
.buyall_info_fix p.discount_info span{display:inline-block; vertical-align:middle;}
.buyall_info_fix p.discount_info span.info_ico{display:inline-block; width:14px; height:14px; background-size:14px;}
.buyall_info_fix p.buy_ep_count{font-size:14px; font-weight:600; text-align:center}
.buyall_info_fix p.buy_ep_count span{display:inline-block; vertical-align:middle}
.buyall_info_fix p.buy_ep_count span.ep_count{color:#000; margin-right:3px;}
.buyall_info_fix p.buy_ep_count span.org_coin{color:#999; text-decoration:line-through; font-weight:500;}
.buyall_info_fix p.buy_ep_count span.buy_coin{color:#e63740;}

/*200804-전체소장시 무료회차 소장하기*/
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area{text-align: center; margin: 4px auto 8px; font-size: 13px; color:#444;}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input{display: none;}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input[type="checkbox"] + label{box-sizing: border-box; cursor:pointer}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input[type="checkbox"] + label .free_checkbox {display:inline-block; width:15px; height:15px; background-color:#fff; border: 1px solid #bbb; vertical-align: middle; position: relative; bottom:2px; margin-right: 6px; padding: 4px;}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input[type="checkbox"]:checked + label{color:#222; font-weight: 500;}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input[type="checkbox"]:checked + label .free_checkbox{background:url(../image/check.png) center 55% / 11px 8px no-repeat #fff; border: 1px solid #e63740;}

/* 결제배너영역 */
.payment_fullbnr{margin:0}
.payment_fullbnr img{display:block; margin:0 auto; padding:0}
.payment_fullbnr .fullbnr_link{width:100%; display:block; background-color:#ede1d2}

/* 토스트(오늘의 혜택) */
.toast_bft{width:165px; background:#fff; border:2px solid #ff5457; border-radius:10px; padding:10px 10px 4px 10px; margin:0 auto; text-align:center; letter-spacing:-0.5px; box-shadow:3px 4px 2px -2px rgba(0,0,0,.2); position:absolute; right:3%; bottom:5%}
.toast_bft .btn_close{position:absolute; top:-5px; right:-5px; background:#ff5457; border-radius:50%; padding:0}
.toast_bft .btn_close > img{height:24px}
.toast_bft .tit{font-size:16px; font-weight:600; margin-bottom:1px; color:#333}
.toast_bft .list{padding:0; margin:5px 0 5px 10px; text-align:left}
.toast_bft .list li{font-size:13px; font-weight:500; color:#333; display:flex; align-items:center; line-height:17px;}
.toast_bft .list li:before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; margin-right:5px; background:#333; vertical-align:middle;}
.toast_bft .list li + li{margin-top:2px}
.toast_bft .point{color:#ff5457; font-weight:600}

/* 100% 소장 뱃지 */
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area .buyall_badge{display: inline-block; padding:1px 5px;  background: #eee; color:#999; letter-spacing: -0.3px; line-height: normal; margin-left: 2px;}
.buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area .buyall_badge.on{background-color: #cbf4ef; color:#238d76;}

/* ************************************** *
 * 회차리스트 TABLET VER
 * ************************************** */

@media (min-width:768px) and (max-width:1023px){

    /* #episodeBnr .bnr_episode.co_thumb6 {
        width: 100%;
        height: 54vw;
    } */

    #episodeBnr .thumb_area {
        width: 100%;
        height: auto;
    }

    #episodeBnr .bnr_episode {
        height: 54vw;
    }

/*::회차리스트 시작*/
#episodeBnr{width:100%; margin:0}
#episodeBnr .bnr_episode{width:100%; height:54vw;}
#episodeBnr .bnr_episode_info{width:100%; margin-left:0; border:none; padding:0 10px; height:auto}
#episodeBnr .bnr_episode_info .comic_dics{margin-top:0.83rem; margin-bottom:1.0625rem; position:relative; display:block;}
#episodeBnr .bnr_episode_info .comic_dics.no-tab{margin-top:0.83rem;}

/* 탭 */
#episodeBnr .bnr_episode_info .tab_eplist{width:100%; height:40px; margin:10px auto 0 1px;; box-sizing:border-box; position:relative; display:flex}
#episodeBnr .bnr_episode_info .tab_eplist a{display:block; width:33.3%; height:40px; line-height:39px; float:left; text-align:center; font-size:14px; font-weight:400; background:#fcfcfc; color:#999; border:1px solid #d5d5d5; letter-spacing:-0.5px; flex:1}
#episodeBnr .bnr_episode_info .tab_eplist a.active{top:0; color:#4c94f6; position:relative; height:40px; line-height:39px; font-weight:600; background:#fff; border:1px solid #4c94f6; border-bottom:0;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_character{margin-left:-1px;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_bestscene{margin-left:-1px; width:33.2%}

/* 회차 > 리스트 */
.episode_list_wp{margin:0 auto}
.episode_list_wp .episode_list_inner{width:100%; margin:0; overflow:hidden; float:none}
.episode_list_wp .episode_list_inner .episode_list{width:100%; float:none; border:none; background:#fff}
.episode_list_wp .episode_list_inner .episode_list .list_ctr_menu{border-top:1px solid #ddd}

.episode_list_wp .episode_list_inner .episode_list .flex-container .thumb_text{flex:3}

/* 중간배너영역 */
.episode_list_inner .middle_bnr{width:100%; height:100%; box-sizing:border-box; display:block; vertical-align:top; overflow:hidden; margin-bottom:5px}
.episode_list_inner .middle_bnr > a{display:block; background-size:100%; padding-bottom:13%}

/* 실시간인기순위 */
.episode_rank_inner{width:100%; display:block; float:none}
.episode_rank_inner .btn_middle_area{display:block; vertical-align:top; width:100%; height:45px; margin-bottom:5px}
.episode_rank_inner .btn_middle_area > a > img{margin:0 auto}
.episode_list_wp .episode_rank{display:none}

/*할인이벤트*/
.episode_list_wp .episodeEvent{display:none}

/* 등장인물 */
.bnr_episode_info .comic_dics .character_wp .character_list {width:100%; white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.bnr_episode_info .comic_dics .character_wp .character_list li{display:inline-block; width:27%; margin-right:5px; vertical-align:top; max-width:150px}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumbbox {padding-bottom:138%; background-size:cover; background-position: center center; margin-bottom:5px; position:relative; border-radius:5px; overflow:hidden}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_tit {font-size:14px; font-weight:500; color:#000; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:8px; letter-spacing:-0.6px}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_sub{font-size:12px; font-weight:400; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; line-height:16px; letter-spacing:-0.6px; white-space:normal;}

.bnr_episode_info h2.tit_main,.bnr_episode_info .btn_arrow{display:none}

/* 명장면 */
.bnr_episode_info .comic_dics .character_wp .character_list.bestscene li{width:27%}

/*이 작가의 다른작품*/
.comic_df {padding:0; background:#fff; display: none;}
.comic_df .title{font-size:1.0625rem; color:#000; font-weight:500; letter-spacing:-0.6px; margin:20px 0 13px;}
.comic_df .comic_df_list {
    width: 100%;
}

.comic_df .comic_df_list li {display:inline-block; width:18%; margin-right:5px;}
.comic_df .comic_df_list li:last-child{margin-right:0;}
.comic_df .comic_df_list li .thumbbox {padding-bottom:100%; background-size:cover; margin-bottom:5px; position:relative;}
.comic_df .comic_df_list li .thumb_info_row {position: relative; height:18px; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items:center;}
.comic_df .comic_df_list li .thumb_info_row .thumb_tit{font-size:.8rem; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.6px; display:inline-block; margin-right:0; vertical-align:middle; height:100%}
.comic_df .comic_df_list li .thumb_info_row img.badge_up{width:20px; min-width:20px; height:13px; margin-left:2px;}

/*기다빵_이용권_전체소장구역*/
.btn_episode_area{margin-bottom:5px}
.btn_episode_area > div+div{margin-top:5px}

/*이용권*/
.btn_episode_area .epi_mycoupon{border-width:1px 0;}

/*무료이용권*/
.btn_episode_area .epi_giftcoupon{border-width:1px 0;}

/*전체소장*/
.btn_episode_area .allbuy_event{border-width:1px 0;}

/*1+1*/
.btn_episode_area .epi_1plus1{border-width:1px 0;}

/* 결제배너영역 */
.payment_fullbnr img {display:block; width:100%; margin:0 auto}

}


/* ************************************** *
 * 회차리스트 MOBILE VER
 * ************************************** */

@media (min-width:0) and (max-width:767px){

    /* #episodeBnr .bnr_episode.co_thumb6 {
        width: 100%;
        height: 54vw;
    } */

    #episodeBnr .thumb_area {
        width: 100%;
        height: auto;
    }

    #episodeBnr .bnr_episode.co_thumb6 {
        height: 54vw;
    }

    .buyall_info_fix .buyall_info_area .buyall_info .buyall_free_area input[type="checkbox"] + label {display:block;}

/* 회차리스트 시작 */
#episodeBnr{width:100%; margin:0}
#episodeBnr .bnr_episode{width:100%; height: 54vw; }
#episodeBnr .bnr_episode_info{width:100%; margin-left:0; padding:0 10px; border:none; height:auto}
#episodeBnr .bnr_episode_info .comic_dics{position:relative; margin-top:.9375rem; margin-bottom:1.0625rem}
#episodeBnr .bnr_episode_info .comic_dics.no-tab{margin-top:.9375rem;}

/* 탭 */
#episodeBnr .bnr_episode_info .tab_eplist{width:100%; height:40px; margin:10px auto 0 2px; box-sizing:border-box; position:relative}
#episodeBnr .bnr_episode_info .tab_eplist a{display:block; width:33.5%; height:40px; line-height:37px; float:left; text-align:center; font-size:14px; font-weight:400; background:#fcfcfc; color:#999; border:1px solid #d5d5d5; letter-spacing:-0.5px;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_character{margin-left:-1px;}
#episodeBnr .bnr_episode_info .tab_eplist a.t_bestscene{margin-left:-1px; width:33.2%}

/* 정보영역 */
.bnr_episode_info .comic_dics .tit_area{height:1.5625rem; line-height:1.5625rem}
.bnr_episode_info .comic_dics .tit_area .tit_toon{font-size:1.1875rem;}
.bnr_episode_info .comic_dics .comic_story{font-size:12px;}

/* 배너영역 */
.episode_list_inner .middle_bnr{width:100%; height:100%; display:block; vertical-align:top; margin-bottom:5px}
.episode_list_inner .middle_bnr > a{display:block; background-size:100%; height:47px}

/* 회차리스트 */
.episode_list_wp{margin-top:0}
.episode_list_wp .episode_list_inner{width:100%; margin:0; overflow:hidden; float:none}
.episode_list_wp .episode_list_inner .episode_list{width:100%; float:none; border:none; background:#fff}
.episode_list_wp .episode_list_inner .episode_list .list_ctr_menu{border-top:1px solid #ddd}
.episode_list_wp .episode_list_inner .episode_list .list_ctrl_menu .right_area > a{font-size:11px}
/*.episode_list_wp .episode_list_inner .episode_list .tit_area > img.badge_up{margin-top:1px} */
/*.episode_list_wp .episode_list_inner .episode_list .tit_area > img.badge_view{margin-top:1px}     */

/* 세로썸네일 리스트 */
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .thumb_text{flex:1.5; padding:0 7px}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_stitle{margin-top:2px; line-height:16px}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_date{margin-top:2px}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .episode_price{right:5px; bottom:5px}
.episode_list_wp .episode_list_inner .episode_list .list_type .flex-container .flex-item .tit_area .episode_title{font-size:.9375rem}

/* 가로썸네일 리스트 */
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container{padding:8px 10px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb{flex-grow:0; flex-shrink:0; flex-basis:140px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb_text{flex:6; padding:0 0 0 10px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .ep_thumb{padding-bottom:56%}

.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .episode_stitle{margin-top:1px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .episode_date{margin-top:3px}
.episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .episode_badge{margin-top:3px}


@media (max-width:320px){
    .episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .thumb{flex-grow:0; flex-shrink:0; flex-basis:100px}
    .episode_list_wp .episode_list_inner .episode_list .list_type_02 .flex-container .flex-item .ep_thumb{padding-bottom:66%}
}


/* 실시간인기순위 */
.episode_rank_inner{width:100%; display:block; float:none}
.episode_rank_inner .btn_middle_area{width:100%; height:45px; margin-bottom:5px}
.episode_rank_inner .btn_middle_area > a{text-align:center}
.episode_rank_inner .btn_middle_area > a > img{margin:0 auto; height:45px;}
.episode_list_wp .episode_rank{display:none}

/*할인이벤트*/
.episode_list_wp .episodeEvent{display:none}

/* 등장인물 */
.bnr_episode_info .comic_dics .character_wp{background:#fff}
.bnr_episode_info .comic_dics .character_wp .character_list {width:100%; white-space: nowrap; overflow: auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch;}
.bnr_episode_info .comic_dics .character_wp .character_list li {display:inline-block; width:27%; margin-right:5px; vertical-align:top}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumbbox {padding-bottom:138%; background-size:cover; background-position: center center; margin-bottom:5px; position:relative; border-radius:5px; overflow:hidden}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_tit{font-size:14px; font-weight:500; color:#000; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:8px; letter-spacing:-0.6px}
.bnr_episode_info .comic_dics .character_wp .character_list li .thumb_info_row .thumb_sub{font-size:12px; font-weight:400; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; line-height:16px; letter-spacing:-0.6px; white-space:normal;}

.bnr_episode_info h2.tit_main,.bnr_episode_info .btn_arrow{display:none}

/* 명장면 */
.bnr_episode_info .comic_dics .character_wp .character_list.bestscene li{width:27%}
.bnr_episode_info .comic_dics .comic_story.min{overflow:hidden; font-size:12.5px; color:#666; line-height:18px; margin-bottom:6px; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical}
.bnr_episode_info .comic_dics .comic_story.max{font-size:12.5px; color:#666; line-height:18px; margin-bottom:10px; word-wrap:break-word}

/* 이 작가의 다른작품 */
.comic_df{padding:0; background:#fff; display: none;}
.comic_df .title{font-size:1.0625rem; color:#000; font-weight:500; letter-spacing:-0.6px; margin:20px 0 13px;}
.comic_df .comic_df_list {width:100%; white-space: nowrap; overflow: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling:touch;}
.comic_df .comic_df_list li {display:inline-block; width:27%; margin-right:5px;}
.comic_df .comic_df_list li:last-child{margin-right:0;}
.comic_df .comic_df_list li .thumbbox {padding-bottom:100%; background-size:cover; margin-bottom:5px; position:relative;}
.comic_df .comic_df_list li .thumb_info_row{position: relative; height:18px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items:center;}
.comic_df .comic_df_list li .thumb_info_row .thumb_tit{font-size:.8rem; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.6px; display:inline-block; margin-right:0; vertical-align:middle; height:100%}
.comic_df .comic_df_list li .thumb_info_row img.badge_up{width:20px; min-width:20px; height:13px; margin-left:2px;}
.comic_df .comic_df_list .no-list-holder {font-size: 12.5px;}

/*기다빵_이용권_전체소장구역*/
.btn_episode_area{margin-bottom:5px}
.btn_episode_area > div > a{display:block}
.btn_episode_area > div > a > span.event_notice_txt{margin-top:2px}
.btn_episode_area > div+div{margin-top:5px}
.btn_episode_area .btn_eventlist{font-size:0.75rem}

/*이용권*/
.btn_episode_area .epi_mycoupon{border-width:1px 0;}

/*무료이용권*/
.btn_episode_area .epi_giftcoupon{border-width:1px 0;}

/*전체소장*/
.btn_episode_area .allbuy_event{border-width:1px 0; min-height:45px; height:auto; line-height:normal; padding:10px 0 12px 10px;}
.btn_episode_area .allbuy_event > a > p{display:block;}
.btn_episode_area .allbuy_event .icon_event_notice20.allbuy{margin-top:0}
.btn_episode_area .allbuy_event .buy_txt{margin-top:2px}

/*1+1*/
.btn_episode_area .epi_1plus1{border-width:1px 0;}

/*전체소장시 하단 구매정보 및 버튼*/
.buyall_info_fix{width:100%; border-radius:0; padding:0; border-left:0; border-right:0; left:inherit; transform:inherit}
.buyall_info_fix .buy_btn_area{margin-bottom:0}
.buyall_info_fix .buyall_info_area{padding:10px 0;}
.buyall_info_fix .buyall_info{width:90%; margin: 0 auto;}

/* 결제배너영역 */
.payment_fullbnr{margin:0 auto}
.payment_fullbnr img {display:block; width:100%; margin:0 auto}

}

/* ::header메뉴(PC,모웹 다르게 보여짐):: */
@media (min-width:1024px){ /*PC 버전*/
    .comic_df{display:none}
}
@media (min-width:768px) and (max-width:1023px){ /*테블릿 버전*/
    html{background:#e8ecf0}
    #header .gnb,#header .lnb{width:100%; display:none}
    #header .line{display:none}
}
@media (min-width:0) and (max-width:767px){ /* 모바일 버전*/
    #header .gnb,#header .lnb{width:100%; display:none}
    #header .line{display:none}
}

.buy_loading{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.16);}
@media (min-width:0) and (max-width:767px){
    .buy_loading{transform:translate(-50%, -50%) scale(0.15);}
}

.empty-list-holder {display: none;}
.empty-list-holder > div {text-align: center; font-size: 15px; color: #888; padding: 50px 0;}
.episode-items.disabled {display: none !important;}