/* ************************************** /
 * 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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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 .thumb_text.own{ background-image: url(/assets/img/own_shape.png);  background-repeat:no-repeat; background-position:right top; background-size:24px;}/*210525 異붽�*/

.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: 0.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: 0.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: 0.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(/assets/img/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 8px;          /* 세로방향 | 가로방향 */
    font-size: 12px;
    color: #000;
    letter-spacing: -0.4px;
    min-width: 70px;
    box-sizing: border-box;
    cursor: pointer;
}
.episode_list_wp .episode_list_inner .episode_price button.btn_eppr.rent {
    color: #f96b5c;
    border: 1px solid #fdc3a3;
    background: #fffacb;
}
.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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/ico_ep_waitcoupon.png)
        no-repeat center #ff9d4d;
    background-size: 14px;
}
.btn_episode_area .icon_event_notice20.giftok {
    background: url(/assets/img/ico_ep_giftcoupon.gif)
        no-repeat center #82ceff;
    background-size: 14px;
}
.btn_episode_area .icon_event_notice20.allbuy {
    background: url(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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(/assets/img/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;
}

.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(/assets/img/icon_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:180px; background:#fff; border:2px solid #ff5457; border-radius:8px; padding:12px 0 10px; margin:0 auto; text-align:center; letter-spacing:-0.5px; box-shadow:3px 4px 2px -2px rgba(0,0,0,.2); font-family:'noto Sans KR'; display:inline-block; position:absolute; right:3%; bottom:5%;}
.toast_bft .btn_close{position:absolute; top:-9px; right:-9px; background:#ff5457; border-radius:50%; padding:0; cursor:pointer}
.toast_bft .btn_close > img{height:26px}
.toast_bft a{display:block}
.toast_bft .tit{font-size:17px; font-weight:600; color:#333; margin-bottom:0}
.toast_bft .list{padding:0;margin: 0 0 0 5px;text-align:left;}
.toast_bft .list li{font-size:13px; font-weight:500; color:#333;}
.toast_bft .list li:before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; margin:2px 4px 4px 0; background:#333; margin-top:-1px;}
.toast_bft .list li + li{margin-top:-1px}
.toast_bft .point{color:#ff5457; font-weight:600}

.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: 0.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: 0.9375rem;
        margin-bottom: 1.0625rem;
    }
    #episodeBnr .bnr_episode_info .comic_dics.no-tab {
        margin-top: 0.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: 0.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: 0.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;
    }
}

@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;
}

.btn_episode_area .epi_mycoupon .my_ep {
    margin-left: 5px;
    color: #f58a36;
    letter-spacing: -0.4px;
}

@media (min-width: 0) and (max-width: 767px) {
    .btn_episode_area .epi_mycoupon .my_ep {
        margin-top: 2px;
        color: #f58a36;
    }

    @media (max-width: 320px) {
        .btn_episode_area .epi_mycoupon .my_ep {
            font-size: 11px;
        }
        .btn_episode_area button.help_info {
            display: none;
        }
    }
}

.badge_ep.waitbbang{height:16px;}

/* 20250715 에피소드 페이지 */

#header .sub_topmenu {
    display: none;
}
#header .sub_topmenu > a.nav_sub_link.pay_wh {
    width: 50px;
}
@media (min-width: 768px) and (max-width: 1023px) {

    #header .sub_topmenu {
        height: 45px;
        line-height: 45px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    #header .sub_topmenu .fixed {
        position: fixed;
        top: 0;
        left: 0;
        height: 45px;
        line-height: 45px;
        width: 100%;
        padding: 0 10px;
        overflow: hidden;
        border-bottom: 1px #ddd solid;
        background-color: #fff;
        z-index: 3;
    }
    #header .sub_topmenu a.nav_sub_link {
        display: inline-block;
        height: 100%;
        width: calc(100% - 165px);
    }
    #header .sub_topmenu a.nav_sub_link .nav_sub_tit {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        font-weight: 500;
        color: #e63740;
        width: calc(100% - 30px);
    }
    #header .sub_topmenu a.nav_sub_link > img {
        height: 20px;
        display: inline-block;
        vertical-align: top;
        margin-right: 2px;
        transform: translateY(60%);
    }
    #header .sub_topmenu ul {
        float: right;
    }
    #header .sub_topmenu ul > li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        float: left;
    }
    #header .sub_topmenu ul > li > a {
        display: block;
        padding: 11px;
    }
    #header .sub_topmenu ul > li > a .icon_gift .num_gift {
        font-size: 10px;
        color: #fff;
        background: #e63740;
        height: 14px;
        line-height: 14px;
        border-radius: 20px;
        display: inline-block;
        text-align: center;
        padding: 0px 3px;
        min-width: 16px;
        position: absolute;
        top: 7px;
        right: 1px;
        box-sizing: border-box;
    }
    #header .sub_topmenu ul > li img {
        height: 20px;
    }

}

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


    #header .sub_topmenu {
        height: 45px;
        line-height: 43px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    #header .sub_topmenu .fixed {
        position: fixed;
        top: 0;
        left: 0;
        height: 45px;
        line-height: 43px;
        width: 100%;
        padding: 0 10px;
        overflow: hidden;
        border-bottom: 1px #ddd solid;
        background-color: #fff;
        z-index: 3;
    }
    #header .sub_topmenu a.nav_sub_link {
        display: inline-block;
        height: 100%;
        width: calc(100% - 123px);
    } /*201022*/
    #header .sub_topmenu a.nav_sub_link .nav_sub_tit {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        font-weight: 500;
        color: #e63740;
        width: calc(100% - 30px);
    }
    #header .sub_topmenu a.nav_sub_link > img {
        height: 20px;
        display: inline-block;
        vertical-align: top;
        margin-right: 2px;
        transform: translateY(60%);
    }
    #header .sub_topmenu ul {
        float: right;
    }
    #header .sub_topmenu ul > li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        float: left;
    }
    #header .sub_topmenu ul > li > a {
        display: block;
        padding: 11px 6px;
    }
    #header .sub_topmenu ul > li > a .icon_gift .num_gift {
        font-size: 10px;
        color: #fff;
        background: #e63740;
        height: 14px;
        line-height: 14px;
        border-radius: 20px;
        display: inline-block;
        text-align: center;
        padding: 0px 3px;
        min-width: 16px;
        position: absolute;
        top: 6px;
        right: 1px;
        box-sizing: border-box;
    }
    #header .sub_topmenu ul > li img {
        height: 20px;
    }

}

/* 20251210 */
button.btn_eppr {
    background: #fff;
    border-radius: 4px;
    text-align: center;
    height: 31px;
    line-height: 29px;
    border: 1px solid #ddd;
    padding: 0 8px;          /* 세로방향 | 가로방향 */
    font-size: 12px;
    color: #000;
    letter-spacing: -0.4px;
    min-width: 70px;
    box-sizing: border-box;
    cursor: pointer;
}
button.btn_eppr.rent {
    color: #f96b5c;
    border: 1px solid #fdc3a3;
    background: #fffacb;
}
button.btn_eppr.own {
    color: #e63740;
}
button.btn_eppr.twoLine {
    padding: 0 6px;
    height: 40px;
    line-height: 15px;
}
button.btn_eppr.redfree {
    border: 1px solid #e63740;
    color: #e63740;
    background: #fff;
}
button.btn_eppr.waitFree {
    border: 1px solid #007aff;
    color: #007aff;
    background: #fff;
}
button.btn_eppr.promotion {
    border: 1px solid #007aff;
    color: #007aff;
    background: #fff;
}

/* 에피소드 페이지 작 화 리스트 (원본 custom.css) 20251210 */
.ep-detail-title {
  padding: 0.6em;
  background-color: var(--bs-gray-900);
  margin-bottom: 1em;
}

.rate-review-details .ep-detail {
  padding: 1.5em;
  background-color: var(--bs-gray-900);
  margin-bottom: 1em;
}
.rate-review-details .ep-detail .ep-img {
  width: 12em;
  min-width: 12em;
  -o-object-fit: cover;
     object-fit: cover;
}

.ep-img-rank {
  width: 4em;
  min-width: 4em;
  height: 4em;
  -o-object-fit: cover;
     object-fit: cover;
}