html{background:#fff;}

/* BANNER SWIPER */
.weeklyBnr{max-width:100%; margin:0 auto; position:relative}
.weeklyBnr .weekly_bnr_new {
    position: relative;
    height: 380px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.weeklyBnr .weekly_bnr_new .image-holder {
    position: absolute;
    left: calc(50% - 960px);
    width: 1920px;
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

@media (min-width:768px) and (max-width:1024px){
    .weeklyBnr {
        width: 100%;
        height: 53vw;
        margin: auto;
        padding: 0
    }

    .weeklyBnr .weekly_bnr_new {
        width: 100%;
        height: auto;
    }

    .weeklyBnr .weekly_bnr_new .image-holder {
        height: 53vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        position: relative;
        left: 0;
        width: 100%;
    }
    .weeklyBnr .navigation-button{display:none !important;}
}

@media (min-width:0) and (max-width:767px){
    .weeklyBnr {
        width: 100%;
        height: 54vw;
        margin: auto;
        padding: 0
    }

    .weeklyBnr .weekly_bnr_new {
        width: 100%;
        height: auto;
    }

    .weeklyBnr .weekly_bnr_new .image-holder {
        height: 54vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        left: 0;
        width: 100%;
    }
    .weeklyBnr .navigation-button{display:none !important;}
}

.weeklyBnr .weekly_bnr_new .placeholder {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
}

.weeklyBnr .navigation-button {
    position: absolute;
    top: 50%;
    display: block;
    background-repeat: no-repeat;
    opacity: 0.3;
    border-radius: 50%;
    z-index: 10;
    width: 65px;
    height: 65px;
    margin-top: -32px;
    background-color: #fff;
    outline: none;
}

.weeklyBnr .navigation-button.main_bnr_arrow_left {left: 3%;background-image: url(../image/bnr_arrow_left.png);background-position: 18px;}
.weeklyBnr .navigation-button.main_bnr_arrow_right {right: 3%;background-image: url(../image/bnr_arrow_right.png);background-position: 26px;}
.weeklyBnr .navigation-button:hover {opacity:0.6;}

/*롤링버튼*/
.swiper_bullet_wp {
    width: auto !important;
    margin: 0 auto;
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.swiper_bullet_wp .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; outline: none;}
.swiper_bullet_wp .swiper_bullet.active{background-color:#e53643; opacity:1 !important;}

/* 연재리스트 */
.weekly_list_wp {overflow: hidden; min-height: 720px; }
.weekly_list_wp .weekly_list ul{overflow:hidden; padding:0;}
.weekly_list_wp .weekly_list ul li{width:16.66%; float:left; position:relative; padding:0 5px; margin-bottom:20px;}
.weekly_list_wp .weekly_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%; padding:0}
.weekly_list_wp .weekly_list ul li > a{display:block;}
.weekly_list_wp .weekly_list ul li .thumbbox{height: 0px; padding-bottom:140%; background-color: #eee; background-size: cover; background-position:center; margin-bottom:7px; position: relative; border-radius:5px;}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_tit{height:1rem;}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_tit .thumb_tit_text{font-size:.8rem; max-width:calc(100%); color:#000; font-weight:500; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; letter-spacing:-0.3px; height:100%}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info{font-size:.65rem; color:#666; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; height:1rem; overflow:hidden; letter-spacing:-0.6px; margin-top:1px}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info > img.badge_up{width:20px; height:13px; min-height:13px; margin-left:3px; margin-top:1px}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info > img.badge_zzz{width:23px; height:15px; min-height:15px; margin-left:3px; margin-top:1px}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info .tit_thumb_e{height:100%; line-height:1rem; margin-right:0; max-width: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info .tit_thumb_p{height:100%; line-height:1rem; margin-right:0; margin-left:3px; padding-right:1px; width:max-content; position:relative; display:flex; align-items:center; flex:none;}
.weekly_list_wp .weekly_list ul li .comic_info .thumb_info .tit_thumb_p > img.pd_point{height:0.55rem; display:inline-block; float:left; margin-right:2px}

.weekly_list_wp .weekly_list ul li .comic_info .thumb_info .tit_thumb_p span.point_num {float:left; padding-right:1px;}
.weekly_list_wp .weekly_list ul li .comic_info .span_badge{height:16px; overflow: hidden; margin-top:6px;}
.weekly_list_wp .weekly_list ul li .comic_info .span_badge > span{display:inline-block; float:left; margin-right:2px;}

/* 리메이크 배너영역 */
.remake_bnr{margin-bottom:25px}
.remake_bnr .remake_link{width:100%; display:block}


/* :::테블릿 버전::: */
@media (min-width:768px) and (max-width:1023px){
    #header .sub_topmenu{display:none}

    /* 연재리스트 */
    #subContent{margin-top:20px}
    .weekly_list_wp .weekly_list ul li{width:20%; padding:0 8px;}
    .weekly_list_wp .weekly_list ul li .thumbbox{height:0px; padding-bottom:140%; background-color: #eee; background-size: cover; background-position: center; margin-bottom:6px; position: relative; border-radius:5px;}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_tit{height:1.1rem;}

    /* 리메이크배너영역 */
    .remake_bnr{margin-top:20px}

}

/* :::모바일 버전::: */
@media (min-width:0) and (max-width:767px){
    #header .sub_topmenu{display:none}

    /* 연재리스트 */
    .weekly_list_wp .weekly_list ul{overflow:hidden; padding:7px 4px 0;}
    .weekly_list_wp .weekly_list ul li{width:33.3%; padding:0 4px; margin-bottom:15px;}
    .weekly_list_wp .weekly_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%}

    /* 리메이크 배너영역 */
    .remake_bnr{padding:0; background:#fff; margin-bottom:5px;}
    .remake_bnr img{margin-top:inherit}
    .remake_bnr .remake_link{width:100%; display:block; padding:0}

    @media (max-width:320px){
        .weekly_list_wp .weekly_list ul li{width:50%;}
    }
    .weekly_list_wp .weekly_list ul li .thumbbox{margin-bottom:5px;}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_tit .thumb_tit_text{font-size:13px; font-weight:500}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_info{font-size:11px; margin-top:2px}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_info > img.badge_up{width:20px; height:13px; min-height:13px; margin-left:2px}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_info > img.badge_zzz{width:20px; height:13px; min-height:13px; margin-left:2px}
    .weekly_list_wp .weekly_list ul li .comic_info .thumb_info .tit_thumb_p span.pd_point{}
    .weekly_list_wp .weekly_list ul li .comic_info .span_badge{margin-top:5px;}

}


/* 개발팀 추가 */
.jsBadgeWrap.no-height {
    height: 0px !important;
}
@media (min-width:0) and (max-width:1023px){
    .weeklyBnr {display: none;}
}

.weekly_bnr_new > a {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.weekly_bnr_new > a.no-link {
    pointer-events:none;
    cursor:default;
}