@charset "utf-8";
/* :::PC버전::: */
html{font-size:20px; font-family:'Noto Sans KR', sans-serif; -webkit-font-smoothing:subpixel-antialiased; -ms-font-smoothing:subpixel-antialiased; font-smoothing:antialiased}
body{font-size:1rem;}

/*검색영역*/
#searchEdit{line-height:40px; padding:0 8px; background:#fff; position:relative; margin-bottom:40px}
#searchEdit .search_area{overflow:hidden; max-width:450px; margin:0 auto; border-bottom:2px solid #000}
#searchEdit .search_area .search_area_in{display:inline-block; float:left; border:none; background:#fff; height:42px; line-height:40px; position:relative; width:100%; max-width:calc(100% - 42px);}
#searchEdit .search_area .search_area_in .sch_del{background:url(/assets/img/responsive/common/icon_sch_cancel.png) no-repeat center center; width:20px; height:100%; background-size:100%; vertical-align:middle; float:right; margin-right:5px; display: none;}
#searchEdit .btn_search{display:inline-block; float:left; text-align:center; border:none; background:#fff; padding:0; width:42px; height:42px; border-left:none; display:flex; align-items:center}
#searchEdit .btn_search > img{margin:0 auto; height:26px}

#searchEdit .search_area .search_area_in input{display:inline-block; margin:0 6px; width:100%; vertical-align:top; height:100%; font-size:0.9rem; letter-spacing:-0.3px; max-width: calc(100% - 48px);}
#searchEdit .search_area .search_area_in input[type="search"]::-ms-clear{display:none; width:0; height:0;}
#searchEdit .search_area .search_area_in input[type="search"]::-webkit-search-cancel-button{display:none;}
#searchEdit .search_area .search_area_in input:-ms-input-placeholder{color:#bbb}
#searchEdit .search_area .search_area_in input::-webkit-input-placeholder {color:#bbb}
#searchEdit .search_area .search_area_in input::-moz-placeholder {color:#bbb}

#searchEdit .btn_edit{width:auto; height:42px; line-height:40px; display:inline-block; position:absolute; right:8px; top:7px; letter-spacing:-0.5px; overflow:hidden}
#searchEdit .btn_edit > a{display:block; background:#fff; color:#000; font-size:14px; border-radius:3px; height:100%; text-align:center; font-weight:400; padding:0}
#searchEdit .btn_edit > a > img{display:inline-block; vertical-align:middle; margin-top:-3px; height:26px}

#searchEdit .txt_notice{color:#000; font-size:18px; display:none}
#searchEdit .txt_notice > img{width:18px; display:inline-block; vertical-align:middle; margin-right:3px; margin-top:-2px;}

/* 내서재 리스트 */
.mybook_list_wp .mybook_list ul{overflow:hidden; padding:0;}
.mybook_list_wp .mybook_list ul li{width:16.66%; float:left; position:relative; padding:0 5px; margin-bottom:20px;}
.mybook_list_wp .mybook_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%; padding:0}
.mybook_list_wp .mybook_list ul li > a{display:block;}
.mybook_list_wp .mybook_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;}
.mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area{background:rgba(0,0,0,.5); height:100%; width:100%; position:absolute; border-radius:5px; cursor:pointer; display: none}
.mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area > label{display:inline-block; background-image:url(/static/image/img_select_new.png); background-repeat:no-repeat; background-size:200px; background-position:-4px -3px; position:absolute; left:5px; top:5px; width:28px; height:28px; cursor:pointer;}
.mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area > label.active{background-image:url(/static/image/img_select_new.png); background-repeat:no-repeat; background-size:200px; background-position:-4px -33px;}


.mybook_list_wp .mybook_list ul li .comic_info .thumb_tit{height:1rem;}
.mybook_list_wp .mybook_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%}
.mybook_list_wp .mybook_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}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_info img.badge_up{width:20px; height:13px; min-height:13px; margin-left:3px}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_info img.badge_zzz{width:23px; height:15px; min-height:15px; margin-left:3px}
.mybook_list_wp .mybook_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; color:#999}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area{letter-spacing:-0.5px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; overflow:hidden; margin-top:1px}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area .thumb_d{font-size:0.65rem; height:16px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5b96cf; margin-right:4px; display:inline-block; float:left}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area .btn_next{font-size:0.65rem; height:16px; line-height:16px; vertical-align:top; background:transparent; cursor:pointer}
.mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area .btn_next > img{height:9px; display:inline-block; margin-left:2px; vertical-align:baseline;}
.mybook_list_wp .mybook_list ul li .comic_info .span_badge{height:16px; overflow: hidden; margin-top:5px;}
.mybook_list_wp .mybook_list ul li .comic_info .span_badge > span{display:inline-block; float:left; margin-right:2px;}

/*편집모드(내가본)*/
.library_edit_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;}
.library_edit_fix .btn_arrowbox{width:64px; height:19px; position:absolute; top:-18px; left:50%; margin-left:-32px; background:url(/assets/img/responsive/common/btn_arrow_box.png) no-repeat center; background-size:100%;}
.library_edit_fix .total_comic{font-size:0.8rem; height:35px; line-height:35px}
.library_edit_fix .total_comic .point{margin:0 0; color:#4a7dff; font-weight:600;}

/* 삭제 안내 레이어 */
.delete-alert-layer {width: 330px;}
.delete-alert-layer .btn-delete-confirm {background: #e63740;color: #fff;text-align: center;font-size: 15px;width: 49% !important;}
.delete-alert-layer .btn-delete-cancel {background: #e2e2e2;color: #000;text-align: center;font-size: 15px;width: 49% !important;}

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

    /*검색영역*/
    #searchEdit{margin-bottom:40px; margin-top:30px}

    /* 내서재 리스트 */
    .mybook_list_wp{margin-top:20px}
    .mybook_list_wp .mybook_list ul li{width:20%; padding:0 8px;}
    .mybook_list_wp .mybook_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;}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_tit{height:1.1rem;}

}

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

    /* 검색영역 */
    #searchEdit{padding:10px 10px 0; line-height:inherit; margin:0}
    #searchEdit .search_area{overflow:hidden; width:100%; border-bottom:1px solid #000}
    #searchEdit .search_area .search_area_in input{font-size:16px}
    #searchEdit .btn_edit{width:auto; position:absolute; top:52px; right:10px; margin-left:4px}
    #searchEdit .btn_edit > a{font-size:0.875rem; padding:0; border:none; background:transparent; padding-top:1px;}
    #searchEdit .btn_edit > a > img{height:25px; display:none}
    #searchEdit .btn_search > img{height:25px}

    #searchEdit .txt_notice{display:block; font-size:0.875rem; letter-spacing:-0.4px; height:26px; line-height:24px; margin-top:8px}


    /* 내서재 리스트 */
    .mybook_list_wp .mybook_list ul{overflow:hidden; padding:7px 4px 0;}
    .mybook_list_wp .mybook_list ul li{width:33.3%; padding:0 4px; margin-bottom:15px;}
    .mybook_list_wp .mybook_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%}
    @media (max-width:320px){
        .mybook_list_wp .mybook_list ul li{width:50%;}
    }
    .mybook_list_wp .mybook_list ul li .thumbbox{margin-bottom:5px;}
    .mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area{background:rgba(0,0,0,.5); height:100%; width:100%; position:absolute; border-radius:5px; cursor:pointer}
    .mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area > label{display:inline-block; background-image:url(/assets/img/responsive/common/img_select_new.png); background-repeat:no-repeat; background-size:200px; background-position:-4px -4px; position:absolute; left:5px; top:5px; width:26px; height:26px; cursor:pointer;}
    .mybook_list_wp .mybook_list ul li .thumbbox .checkbox_area > label.active{background-image:url(/assets/img/responsive/common/img_select_new.png); background-repeat:no-repeat; background-size:200px; background-position:-4px -33px}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_tit .thumb_tit_text{font-size:13px; font-weight:500}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_info{font-size:11px; margin-top:2px}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_info img.badge_up{width:20px; height:13px; min-height:13px; margin-left:2px}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_info img.badge_zzz{width:20px; height:13px; min-height:13px; margin-left:2px}

    .mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area{margin-top:0}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area .thumb_d{font-size:11px;}
    .mybook_list_wp .mybook_list ul li .comic_info .thumb_next_area .btn_next{font-size:11px;}

    /*편집모드(알림목록,즐겨찾기)*/
    .library_edit_fix{width:100%; border-radius:0; padding:0; border-left:0; border-right:0; left:inherit; transform:inherit}
    .library_edit_fix .total_comic{padding:0 10px}
    .library_edit_fix .edit_btn_area{margin-bottom:0}

    /* 삭제 안내 레이어 */
    .delete-alert-layer {width: 100%;}

}