@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-top: 40px; margin-bottom: 20px;}
#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;}
#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}
/*작품검색바*/
/*맞춤키워드*/
.keyword-wp{width:100%;}
.keyword-wp h3{font-size:1rem; color: #000; font-family:"Noto Sans KR"; padding:0; margin-bottom:0; letter-spacing:-0.3px; line-height:2.25rem; font-weight:500}

.keyword-wp .keyword-list{max-width:1004px; padding:0 10px;}
.keyword-wp .keyword-list ul{display:flex;}
.keyword-wp .keyword-list ul li{float: left; box-sizing: border-box; flex-basis: 80px; height: 40px; flex-grow:1; margin-right:4px; overflow: hidden;}
.keyword-list ul li:last-of-type{margin-right: 0;}
.keyword-wp .keyword-list ul li a{display: block; width: 100%; height:40px; font-size:0.75rem; line-height: 37px; text-align: center; box-sizing: border-box; border: 1px solid #bbb; border-radius: 50px; color:#000; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding:0 6px;}
.keyword-wp .keyword-list ul li.on a{color: #E63740; font-weight: 500; border: 1px solid #E63740;}
/*맞춤키워드*/
/*장르*/
.keyword-wp .genre-list{max-width:1004px; padding:0 10px; margin:0.75rem auto}
.keyword-wp .genre-list ul{display:flex;}
.keyword-wp .genre-list ul li{flex-grow:1; float:left; flex-basis:120px; height:40px; box-sizing: border-box; margin-right:6px; overflow: hidden;}
.keyword-wp .genre-list ul li a{display:block; width:100%; height:40px; font-size:0.75rem; line-height:37px; text-align:center; box-sizing: border-box; border-radius:120px; border:solid #bbb; border-width:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0;}
.keyword-wp ul li:last-of-type{margin-right:0;}
/*장르 선택시 css*/
.keyword-wp .genre-list ul li a.g01{background:#F9EBE9;border-color:#CA8E83;  color:#BE7567; }
.keyword-wp .genre-list ul li a.g02,.keyword-wp .genre-list ul li a.g07{background: #FFF6DC; border-color:#D1B873; color:#BD8513; }
.keyword-wp .genre-list ul li a.g03,.keyword-wp .genre-list ul li a.g05{background: #ECF4E4; border-color: #9DB388; color:#5B7545;}
.keyword-wp .genre-list ul li a.g04,.keyword-wp .genre-list ul li a.g06{background: #F6EDF3; border-color: #B999B2; color: #9E638D;}
.keyword-wp .genre-list ul li a.g08{background: #F9E9E9; border-color: #ECABAF; color: #E63740;}
.keyword-wp .genre-list ul li.on a{color: #E63740; font-weight: 500; border: 1px solid #E63740; background:#fff;}
/*장르*/

/* 검색작품 리스트 */
.sch_list_wp {display: none;}
.sch_list_wp h3{font-size:1rem; line-height:2.25rem; font-weight:500; letter-spacing:-0.3px; font-family:"Noto Sans KR"; margin:0; padding:0 10px; color:#000; position:relative}
.sch_list_wp h3 .sub{font-size:0.7rem; font-weight:400; letter-spacing:-0.4px; color:#666; margin-left:5px; vertical-align:top; display:inline-block}
.sch_list_wp .guidance{font-size:0.9rem; line-height:2.25rem; letter-spacing:-0.4px; padding:0 10px; color:#bbb; margin-bottom:15px}

.sch_list_wp .sch_list ul{overflow:hidden; padding:0}
.sch_list_wp .sch_list ul li{width:16.66%; float:left; position:relative; padding:0 5px; margin-bottom:20px;}
.sch_list_wp .sch_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%; padding:0}
.sch_list_wp .sch_list ul li > a{display:block;}
.sch_list_wp .sch_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;}
.sch_list_wp .sch_list ul li .comic_info .thumb_tit{height:1rem;}
.sch_list_wp .sch_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%}
.sch_list_wp .sch_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}
.sch_list_wp .sch_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
.sch_list_wp .sch_list ul li .comic_info .thumb_info > img.badge_up{width:20px; height:13px; min-height:13px; margin-left:3px}
.sch_list_wp .sch_list ul li .comic_info .thumb_info > img.badge_zzz{width:23px; height:15px; min-height:15px; margin-left:3px}
.sch_list_wp .sch_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;}
.sch_list_wp .sch_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; /*margin-top:1px*/}
.sch_list_wp .sch_list ul li .comic_info .thumb_info .tit_thumb_p > img.pd_point{height:0.55rem; display:inline-block; float:left; margin-right:2px}

.sch_list_wp .sch_list ul li .comic_info .span_badge{height:16px; overflow: hidden; margin-top:6px;}
.sch_list_wp .sch_list ul li .comic_info .span_badge > span{display:inline-block; float:left; margin-right:2px;}
.sch_list_wp .sch_list ul li .comic_info .thumb_hash{height:16px; overflow:hidden; margin-top:1px; line-height:normal;  word-break:break-all}
.sch_list_wp .sch_list ul li .comic_info .thumb_hash .tag{font-size:.6rem; color:#5b96cf; letter-spacing:-0.4px; margin-right:5px; background:#fff; vertical-align:top; display:inline-block; float: left;}
.sch_list_wp .sch_list ul li .comic_info .thumb_hash .tag.point{color:#dc1f26;}


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

    .search-wp{padding:10px;}
    .search-wp h3{padding:0;}
    #searchEdit{margin-top:20px; margin-bottom:16px;}
    /*맞춤키워드*/
    .keyword-wp .keyword-list{width:100%; margin:0 auto; padding:0}
    .keyword-wp .keyword-list ul{flex-wrap:wrap; justify-content:space-between}
    .keyword-wp .keyword-list ul li{flex-basis: 15%; height: 34px; margin:4px 2px;}
    .keyword-wp .keyword-list ul li a{height:34px; font-size:0.8333rem; line-height: 31px;}
    /*맞춤키워드*/

    /*장르*/
    .keyword-wp .genre-list{width:100%; padding:0}
    .keyword-wp .genre-list ul{flex-wrap:wrap; justify-content: space-between;}
    .keyword-wp .genre-list ul li{flex-basis: 20%; height:34px; margin:4px 2px;}
    .keyword-wp .genre-list ul li a{height: 34px; font-size:0.8333rem; line-height: 31px;}
    /*장르*/

    /* 검색작품 리스트 */
    .sch_list_wp .sch_list ul li{width:20%; padding:0 8px;}
    .sch_list_wp .sch_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;}
    .sch_list_wp .sch_list ul li .comic_info .thumb_tit{height:1.1rem;}

}

/* :::모바일 버전::: */
@media (min-width:0px) and (max-width:767px) {
    html {font-size: 16px;background: #fff;}
    body {font-size: 1rem; margin:0; padding:0}
    /*작품검색바*/
    #searchEdit{line-height:inherit; padding:0; margin:0 0 12px 0;}
    #searchEdit .search_area{overflow:hidden; width:100%; border-bottom:1px solid #000}
    #searchEdit .search_area .search_area_in input{font-size:0.9rem; max-width: calc(100% - 40px);}
    #searchEdit .btn_search > img{height:25px}
    /*작품검색바*/

    .search-wp{padding:10px 10px 0;}
    .search-wp h3{padding:0 2px;}

    /*맞춤키워드*/
    .keyword-wp h3{line-height:2.25rem;}
    .keyword-wp .keyword-list{width:100%; margin:0 auto; padding:0;}
    .keyword-wp .keyword-list ul{flex-wrap:wrap; justify-content: space-between}
    .keyword-wp .keyword-list ul li{flex-basis: 20%; height: 28px; margin:2px 2px; }
    .keyword-wp .keyword-list ul li a{height:28px; font-size:12px; line-height:25px; letter-spacing:-0.4px}
    /*맞춤키워드*/

    /*장르*/
    .keyword-wp .genre-list{width:100%; margin:0.75rem auto; padding:0;}
    .keyword-wp .genre-list ul{flex-wrap:wrap; justify-content: space-between; }
    .keyword-wp .genre-list ul li{flex-basis: 20%; height: 28px; margin:2px 2px;}
    .keyword-wp .genre-list ul li a{height:28px; font-size:12px; line-height:25px; letter-spacing:-0.4px}
    /*장르*/

    /* 검색작품 리스트 */
    .sch_list_wp h3{line-height:2rem;}
    .sch_list_wp .sch_list ul{overflow:hidden; padding:7px 4px 0;}
    .sch_list_wp .sch_list ul li{width:33.3%; padding:0 4px; margin-bottom:15px;}
    .sch_list_wp .sch_list ul li.comicListBanner{margin-top:-10px; margin-bottom:5px; box-sizing:border-box; width:100%}
    @media (max-width:320px){
        .sch_list_wp .sch_list ul li{width:50%;}
    }
    .sch_list_wp .sch_list ul li .thumbbox{margin-bottom:5px;}
    .sch_list_wp .sch_list ul li .comic_info .thumb_tit .thumb_tit_text{font-size:13px; font-weight:500}
    .sch_list_wp .sch_list ul li .comic_info .thumb_info{font-size:11px; margin-top:2px}
    .sch_list_wp .sch_list ul li .comic_info .thumb_info > div{display:inline-block; vertical-align:middle;}
    .sch_list_wp .sch_list ul li .comic_info .thumb_info > img.badge_up{width:20px; height:13px; min-height:13px; margin-left:2px}
    .sch_list_wp .sch_list ul li .comic_info .thumb_info > img.badge_zzz{width:20px; height:13px; min-height:13px; margin-left:2px}
    .sch_list_wp .sch_list ul li .comic_info .span_badge{margin-top:5px;}

}

/* 개발팀 추가 */
.empty-list-holder {display: none;}