h3{font-size:27px; color:#2b2b2b; line-height:1.2;}
h3:before{width:20px; height:5px; margin-right:15px; display:inline-block; background-image:URL('/img/book/bu_book_h3.png'); vertical-align:middle;}

.sch_input_box{text-align:center; margin:20px 0 40px; padding:40px 0;}
.sch_input{position:relative;width:500px; margin:0 auto;}
.sch_input input[type="text"]{width:100%; height:50px; padding-bottom:20px; border:none; border-bottom:2px solid #000; font-size:25px; text-align:center;}
.sch_input input[type="text"]::-webkit-input-placeholder{color:#000; font-size:25px; text-align:center;}
.sch_input input[type="text"]:-ms-input-placeholder{color:#000; font-size:25px; text-align:center;}
.sch_input button{width:50px; height:50px; background:URL('/img/common/icon_sch.png') no-repeat; position:absolute; top:0; font-size:0;}
.sch_input_box span{display:block; font-size:20px; margin-top:30px;}
.sch_input_box span strong{color:#f95d28}

.sch_tab{margin:20px auto 0; line-height:58px; height:70px;}
.sch_tab:after{content:''; display:block; clear:both;}
.sch_tab ul{display:table; width:100%;}
.sch_tab li{display:table-cell; text-align:center; width:10%; background:#f6f6f6; border-bottom:1px solid #e8e8e8; border-top:2px solid #d2d2d2; cursor:pointer;}
.sch_tab li a{display:block;}
.sch_tab li span{font-size:0.8em; color:#adadad}
.sch_tab li + li{border-left:1px solid #e8e8e8}
.sch_tab li.on{background:#FFF;border-top-color:#f95d28;border-bottom-color: #FFF;}

.cont_layout:after{content:''; display:block; clear:both;}
.cont_layout > div{float:left;}

.detail_sch_wrap{width:220px;}
.cate_wrap{float:none; display:none;}
.depth3 .cate_wrap{display:block;}

.detail_sch_box{box-shadow:0px 1px 2px 1px rgba(49, 49, 49, 0.1); padding: 0 0 20px; margin-top:20px; border-top:3px solid #e0e0e0;}
.detail_sch_box > label{border-bottom:1px dashed #dcdcdc; height:60px; line-height:60px; display:block; color:#000; font-size:18px; padding-left:10px;}
.detail_sch_box > label:before{content:''; width:5px; height:5px; display:inline-block; background:#f95d28; vertical-align:middle; margin-right:10px; }
.detail_sch{position:relative;padding: 10px;/* margin: 10px 0; */background: #f6f6f6;}
.detail_sch input[type="text"]{padding-right:40px; width:100%;}
.detail_sch button{width:40px;height:40px;background:URL('/img/common/icon_sch.png') no-repeat;background-size:cover;position:absolute;right: 10px;font-size:0;}

.chk_wrap{margin:20px 10px 0;}
.chk_wrap li{padding:0 10px;}
.chk_wrap li + li{padding-top:15px;}

.cate_wrap{margin-top:60px; box-shadow:0px 1px 2px 1px rgba(49, 49, 49, 0.1);}
.cate_wrap h3{height:80px;color:#FFF;font-size:18px;padding: 25px 20px 0; /*background:URL('/img/book/bg_sch_h3.png');*/ background:#5a5a5a; border-radius:2px 2px 0 0;}
.cate_wrap h3:before{content:'';width:10px;height:5px;display:block;background:#f95d28;vertical-align:middle;margin-bottom: 10px;}
.cate_wrap ul{}
.cate_wrap ul li a{padding:0 20px; line-height:45px; display:block;}
.cate_wrap ul li.on a{background:#f95d28; color:#FFF;}
.cate_wrap ul li.on a:hover{color:#FFF;}
.cate_wrap ul li a:hover{color:#f95d28;}
.cate_wrap li + li{border-top:1px dashed #dcdcdc;}

/*리스트 공통*/
.book_list_wrap{width:830px; margin-left:20px;}

.img_box{width:153px; height:204px; text-align:center; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; background:#FFF;}
.img_box img{width:auto; height:auto; max-width:100%; max-height:100%;}

.price span{position:relative; display:inline-block; color:#989898;}
.price span:after{content:''; display:block; position:absolute; width:100%; height:1px; background:#989898; margin-top:-10px;}

/*리스트 - 상세보기*/
.list_head_wrap{height:60px; /*border-top:2px solid #5a5a5a; margin-top:40px;*/}
.list_head_wrap ul{float:left;}
.list_head_wrap ul li{display:inline-block; color:#a4a4a4; padding-left:35px;}
.list_head_wrap ul li button{display:block; line-height:60px;}
.list_head_wrap ul li.on button{color:#363636; position:relative;}
.list_head_wrap ul li.on button:before{content:''; display:block; position:absolute; width:110%; height:3px; background:#80c534; bottom:0; left:-5%;}

.type_btn_wrap{float:right; margin-top:19px; padding-right:35px}
.type_btn_wrap button{font-size:0; width:22px; height:21px; display:inline-block;}
.type_btn_wrap button + button{margin-left:20px;}
.btn_list_type1{background:URL('/img/book/btn_list_type1.png') no-repeat;}
.btn_list_type2{background:URL('/img/book/btn_list_type2.png') no-repeat;}

.btn_list_type1.on{background-image:URL('/img/book/btn_list_type1_on.png');}
.btn_list_type2.on{background-image:URL('/img/book/btn_list_type2_on.png');}

.list_box{}
.list_box > ul > li:after{content:''; display:block; clear:both;}
.list_box > ul > li:first-child{padding-top:40px;}
.list_box > ul > li{padding:60px 20px; border-top:1px solid #dcdcdc;}
/*.list_box > ul > li + li{border-top:1px solid #dcdcdc;}*/

.img_box_wrap{position:relative; margin-right:50px; float:left;}

.list_box .img_box{border:1px solid #ededed;}
.list_box .img_box img{width:auto; height:auto; max-width:151px; max-height:201px;}

.list_box .btn_box{text-align:center; padding-top:5px;}
.list_box .btn_box a{display:inline-block; height:20px; line-height:18px; width:45%; font-size:13px; padding-left:20px; position:relative; vertical-align:middle; letter-spacing:-0.1em;}
.list_box .btn_box a:hover{color:#f95d28}
.list_box .btn_box a + a{margin-left:6%;}
.list_box .btn_box a + a:before{content:''; display:inline-block; height:10px; width:1px; background:#dadada; vertical-align:middle; position:relative; left:-27px;}

.new_win{background:URL('/img/book/icon_new_win.png') no-repeat 3px center}
.pre_view{background:URL('/img/book/icon_preview.png') no-repeat 4px center}

.list_box h5{font-size:22px; color:#232323; line-height:1.3; width:438px; height:2.6; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.icon_box{}
.icon_box span{display:inline-block; font-size:12px; color:#FFF; padding:0 10px; height:18px; line-height:16px; border-radius:2px; vertical-align:middle; margin-bottom:5px;}

.new{background:#f95d28}
.best{background:#75a342}
.pm{background:#5a5a5a}
.ep{background:#264a94}
.icon_box span.sale{border:1px solid #e22c2c; color:#e22c2c;}
.icon_box span.free{border:1px solid #264a94; color:#264a94}

.book_infor{float:left;}
.book_infor dl{width:390px; margin-top:10px;}
.book_infor dl:after{content:''; display:block; clear:both;}
.book_infor dl dt, .book_infor dl dd{float:left; font-size:13px; margin-bottom:5px;}
.book_infor dl dt{width:60px;}
.book_infor dl dd{width:330px; color:#8c8c8c;}

.price_wrap{margin-top:20px;}
.price_wrap > p{display:inline-block; vertical-align:bottom; font-size:14px;}
.price_wrap > p + p{margin-left:20px;}
.price_wrap > p span{margin-right:10px;}

.price span{}
.price strong{font-size:24px; color:#2b2b2b;}

.sale_rate{}
.sale_rate strong{color:#f1541e}
.point strong{color:#6b90dc}

.list_box > ul > li > div.btn_book{width:150px; float:right;}
.btn_book button{width:150px; height:40px; line-height:38px;}
.btn_book button + button{margin-top:5px;}

.btn_soldout{color:#f1541e; cursor:default; border:1px solid #f85151; font-size:14px;}
.btn_soldout:before{content:''; display:inline-block; width:21px; height:23px; margin-right:5px; vertical-align:middle; background:URL('/img/book/icon_so.png') no-repeat center; background-size:100% auto;}
.btn_oop{color:#f1541e; cursor:default; border:1px solid #f85151; font-size:14px;}
.btn_oop:before{content:''; display:inline-block; width:21px; height:23px; margin-right:5px; vertical-align:middle; background:URL('/img/book/icon_oop.png') no-repeat center; background-size:100% auto;}


/*리스트 - 간략보기*/
.list_box.type2 > ul{overflow:hidden;}
.list_box.type2 > ul:after{content:''; display:block; clear:both;}
.list_box.type2 > ul > li{float:left; width:33.33%; padding:40px 20px; text-align:center; height:477px; margin-bottom:40px;}
.list_box.type2 > ul > li > div.btn_book{width:100%;}

.list_box.type2 .book_infor{float:none;}

.type2 .btn_book button{display:block; margin:0 auto; height:30px; line-height:28px;}
.type2 .btn_book button + button{margin-top:5px;}

.list_box.type2 .img_box_wrap{margin:0 auto 10px; float:none;}
.list_box.type2 .img_box{margin:0 auto;}
.list_box.type2 .btn_box{width:153px; margin:0 auto 10px;}

.list_box.type2 h5{font-size:15px; text-align:center; color:#494949; line-height:1.2; width:auto; height:2.5em; white-space:normal; overflow:hidden;}
.list_box.type2 dl{width:auto;}
.list_box.type2 dl dd{width:100%; text-align:center; max-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.type2 .price strong{font-size:19px;}

.type2 .price_wrap{text-align:center; margin-top:0; margin-bottom:10px;}
.type2 .price_wrap > p + p{margin-left:5px;}
.type2 .point{font-size:13px; margin:0;}

.list_box.type2 .icon_box, .list_box.type2 .price span, .list_box.type2 .sale_rate, .list_box.type2 .btn_wish, .list_box.type2 dl dt, .list_box.type2 dl dd.hide{display:none;}


/*검색결과 없을 때*/
#LIST_NORESULT{height:280px; display:block; text-align:center; padding-top:130px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:15px;}


.btn_link{
    background-repeat: no-repeat;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    display: flex;
    background-position: center;
    background-size: 55%;
    width: 100% !important;
    height: 41px !important;
    text-indent: -9999px;
}

.btn_link.yes24{
    background-image: url(/img/book/yes24_logo.svg);
}

.btn_link.kyobo{
    background-image: url(/img/book/kyobo_logo.svg);
}

.btn_link.aladin{
    background-image: url(/img/book/aladin_logo.svg);
}

.btn_link.noteing{
    background-image: url(/img/book/noteing_logo.svg);
}

.btn_link:hover{
    background-image: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    background-color: #f1541e;
    text-indent: inherit;
    border: none;
    justify-content: center;
}


.list_box.type2 > ul > li > div.btn_book .ex_links {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 4px;
}

.type2 .btn_book .ex_links button + button {
    margin-top: 0;
}