h3{word-break:keep-all;}

.book .container{background:#FFF; border:none}
.book.list .container h2{display:none;}

/*도서리스트*/

.sub_bn{margin-bottom:2rem; position:relative;}

.new_book_wrap{padding:0 5.5% 2rem; box-shadow:0 1px 1px 1px #f5f5f5; position:relative;}
.new_book_wrap .slick-arrow{position:absolute; width:3rem; height:3rem; top:50%; margin-top:-1.5rem; font-size:0;}
.new_book_wrap .slick-arrow.slick-prev{left:-1rem; background:URL('/img/common/btn_slide_prev.png') no-repeat left center/auto 100%;}
.new_book_wrap .slick-arrow.slick-next{right:-1rem; background:URL('/img/common/btn_slide_next.png') no-repeat left center/auto 100%;}

.new_book_wrap ul{border:1px solid #E5E5E5; padding:0 2rem;}
.new_book_wrap ul li{padding:2rem 0.5rem 1.5rem;}
.new_book_wrap ul li .img_box{width:8em; height:calc(8em * 1.25); margin:0 auto; position:relative;}
.new_book_wrap ul li .img_box a{display:inline-block; width:100%; height:100%; text-align:center; display:flex; justify-content:center; align-items:center;}
.new_book_wrap ul li .img_box a img{display:inline-block; box-shadow:0 0 3px rgba(0,0,0,0.16);}

.new_book li.new .img_box:before{content:'신간'; font-size:0.8em; color:#FFF; text-align:center; display:block; position:absolute; width:2.5rem; height:2.5rem; line-height:2.4rem; top:-0.8rem; right:-0.5rem; background:no-repeat center/100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35'%3E%3Cpath d='M15.731 1.291a3 3 0 0 1 3.538 0l.928.678a3 3 0 0 0 2.2.546l1.133-.165a3 3 0 0 1 3.124 1.644l.52 1.057a3 3 0 0 0 1.686 1.5l1.1.392a3 3 0 0 1 1.993 2.895l-.027 1.207a3 3 0 0 0 .792 2.1l.814.884a3 3 0 0 1 .421 3.479l-.584 1.061a3 3 0 0 0-.269 2.226l.315 1.172a3 3 0 0 1-1.241 3.281l-.99.655a3 3 0 0 0-1.274 1.855l-.257 1.167a3 3 0 0 1-2.634 2.339l-1.149.114a3 3 0 0 0-2 1.056l-.747.89a3 3 0 0 1-3.432.848l-1.058-.433a3 3 0 0 0-2.27 0l-1.058.433a3 3 0 0 1-3.432-.848l-.747-.89a3 3 0 0 0-2-1.056l-1.149-.114a3 3 0 0 1-2.634-2.339l-.257-1.167A3 3 0 0 0 3.81 25.9l-.99-.655a3 3 0 0 1-1.241-3.281l.315-1.164a3 3 0 0 0-.269-2.226l-.584-1.061a3 3 0 0 1 .421-3.479l.814-.884a3 3 0 0 0 .792-2.1l-.027-1.212a3 3 0 0 1 1.994-2.895l1.1-.392a3 3 0 0 0 1.686-1.5l.52-1.057a3 3 0 0 1 3.124-1.644l1.133.165a3 3 0 0 0 2.2-.546Z' fill='rgba(255,43,0,0.8)'/%3E%3C/svg%3E");}

.new_book_wrap ul li h3{font-weight:normal; margin-top:0.5rem; font-size:1rem; text-align:center; line-height:1.3em; height:2.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.sch_box{background:#F5F5F5; box-shadow:inset 0 1px 2px 0px #cbcbcb; padding:1rem 1.5rem; position:relative; margin-bottom:2rem}
.sch_box input[type="text"]{width:100%;}
.sch_box button{position:absolute; width:3rem; height:3rem; top:1rem; right:1.5rem; display:block; font-size:0; background:URL('/img/common/icon_sch.png') no-repeat center/auto 100%;}

.cate_box{width:89%;margin:0 auto 2rem; padding-bottom:2rem; border-bottom:2px solid #2D3063;}
.cate_box:after{content:''; display:block; clear:both;}
.cate_box input[type="checkbox"] + label{display:block; float:left; margin-left:1%; background:#FFF; border:1px solid #FF9900; color:#FF9900; line-height:1.5rem; height:2rem; padding:0 3%; font-size:0.9rem; border-radius:1.25rem;}
.cate_box input[type="checkbox"] + label:before{height:2rem; background:no-repeat center/70% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7.4'%3E%3Cpath d='M1.41 0 0 1.408 6 7.4l4-3.992L8.59 2 6 4.574Z' fill='%23FF9900'/%3E%3C/svg%3E");}

.cate_box input[type="checkbox"]:checked + label{background:#FF9900; color:#FFF;}
.cate_box input[type="checkbox"]:checked + label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7.4'%3E%3Cpath d='M1.41 0 0 1.408 6 7.4l4-3.992L8.59 2 6 4.574Z' fill='%23FFF'/%3E%3C/svg%3E");}

.book_list_wrap{padding:0 5.5%;}
.book_list_wrap ul{border-bottom:2px solid #2D3063; padding-bottom:2rem}
.book_list_wrap li + li{margin-top:1.4rem; padding-top:1.4rem; border-top:1px dashed #EEEEEE;}
.book_list_wrap li:after{content:''; display:block; clear:both;}

.book_list_wrap li:first-child{border-top:1px solid #FFF;}
.book_list_wrap li h3{font-size:1.14rem; color:#171717; margin-top:0.5rem; line-height:1.3em; cccheight:2.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.book_list_wrap li p.sub_tit{color:#3ea6ff; font-size:0.9em; line-height:1.2; height:2.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:none;}
.book_list_wrap li.new h3:after{content:'신간'; font-size:0.8rem; font-weight:normal; margin-left:2%; line-height:1.5em; height:1.7em; vertical-align:middle; padding:0 2%; border-radius:3px; display:inline-block; color:#FFF; background:#f23e16}

.book_list_wrap li p{margin:0.8rem 0;}
.book_list_wrap li p span{display:block; font-size:0.86rem; color:#484848;}
.book_list_wrap li strong{font-size:1.14rem; color:#171717;}

.book_list_wrap .img_box{width:8em; height:calc(8em * 1.25); float:left; margin-right:1rem;}
.book_list_wrap .img_box a{display:inline-block; width:100%; height:100%; text-align:center; display: flex; justify-content:center; align-items:center;}
.book_list_wrap .img_box a img{box-shadow:0 0 3px rgba(0,0,0,0.16);}

.paging{padding:2rem 5.5%; text-align:center; font-size:0.1em;}
.paging button{font-size:0; width:1.6rem; height:1.6rem; display:inline-block; background:no-repeat center right/auto 100%; vertical-align:middle;}
.paging button.active{background-position:center left;}

.paging .btn_1st{background-image:URL('/img/common/btn_list_1st.png')}
.paging .btn_prev{background-image:URL('/img/common/btn_list_prev.png')}
.paging .btn_next{background-image:URL('/img/common/btn_list_next.png')}
.paging .btn_last{background-image:URL('/img/common/btn_list_last.png')}

.paging ul{display:inline-block; vertical-align:middle; white-space:nowrap;}
.paging ul:after{content:''; display:block; clear:both;}
.paging ul li{vertical-align:middle; float:left;}
.paging ul li a{display:inline-block; width:1.5em; height:1.5em; line-height:1.4em; font-size:15px; color:#CCC;}
.paging ul li.on a{color:#FFF; background:no-repeat center/auto 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%235d6193'/%3E%3C/svg%3E");}


/*도서 상세*/
.view .container > div{width:89%; margin:0 auto;}

.view .container > div.img_box{background:#F5F5F5; padding:2rem 0; text-align:center; width:100%; position:relative;}
.view .container > div.img_box:after{content:''; display:none; width:2.5rem; height:2.5rem; background:URL('/img/book/img_btn_zoom.png') no-repeat center/100% auto; position:absolute; bottom:0.5rem; right:0.5rem; border-radius:5px;}
.view .container > div.img_box img{height:16rem; box-shadow:0 0 3px rgba(0,0,0,0.16);}

.view .container h2{margin:2rem 0 1.8rem; padding:0 5.5%; font-size:1.4rem; text-align:left; word-break:keep-all;}
.view .container h2 span{color:#3ea6ff; font-size:0.7em; display:block; margin-top:0.2em;}
.view .container h3{width:89%; margin:2rem auto 0; color:#000}

.view .container > div.book_infor{border-top:1px solid #2D3063; border-bottom:1px solid #2D3063; padding:1.5rem 3%;}
.book_infor dl{}
.book_infor dl + dl{margin-top:0.8rem;}
.book_infor dt, .book_infor dd{display:inline-block;}
.book_infor dt{color:#000000; font-weight:bold;}
.book_infor dt:after{content:'\003A'; width:1rem; text-align:center; font-weight:normal; color:#676767; display:inline-block;}

.book_infor dl.price_box{font-size:1.2rem; border-top:1px dashed #DFDFDF; padding-top:1rem; margin-top:1rem;}
.book_infor dl.price_box dt{font-weight:normal;}
.book_infor dl.price_box dd strong{font-weight:bold; color:#000000;}

.view .container > div.link_wrap{margin-top:1.2rem}
.link_wrap:after{content:''; display:block; clear:both;}
.link_wrap a{display:flex; width:calc((100% - 0.8rem) / 2); height:3.4rem; float:left; justify-content:center; align-items:center; border:1px solid #EBEBEB; margin-bottom:0.8rem;}
.link_wrap a:nth-child(even){margin-left:0.8rem;}
.link_wrap a img{max-height:75%; max-width:60%;}

.view .container > div.detail_warp{margin-top:2.5rem}

.tab_wrap:after{content:''; display:block; clear:both;}
.tab_wrap li{float:left; width:25%;}
.tab_wrap li a{display:block; border:1px solid #FF9900; color:#F28705; width:100%; height:2.8rem; line-height:2.7rem; text-align:center; font-size:1rem; letter-spacing:-0.1em;}
.tab_wrap li.on a{color:#FFF; background:#FF9900;}
.tab_wrap li + li a{border-left:none;}

.tab_content li{display:none; padding:2rem 0;}
.tab_content li.on{display:block;}
.tab_content li h4{color:#2D3063; margin-bottom:1.3rem}
.tab_content li h4:before{content:''; display:inline-block; width:8px; height:8px; border-radius:4px; background:#2D3063; margin-right:8px;}

.tab_content li > div a{word-break:break-all}

.view .container > div.data_down{margin-top:1.2rem;}
.view .container > div.data_down li{border:1px solid #EBEBEB; padding:0.5rem 0 0.5rem 0.5rem}
.view .container > div.data_down li a{color:#3f51b5; text-decoration:underline; font-size:0.95em;}
.view .container > div.data_down li a:before{content:''; display:inline-block; width:1.5em; height:1.5em; margin-right:0.5rem; vertical-align:middle; background:URL('/img/book/icon_download.png') no-repeat center/auto 65%;}
.view .container > div.data_down li + li{margin-top:0.5rem;}

/*상세보기-도서표지*/
#prdt_preview{display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.8); z-index:1001;}

#prdt_preview > div{position:absolute; width:90%; height:80%; top:10%; left:5%; background:#FFF;}
#prdt_preview div h3{top:0; background:#2D3063; height:4rem; padding:1rem 5.5%; color:#FFF; width:100%; margin:0; font-size:1.3rem; text-align:left;}

#prdt_preview div.img_box{display:flex; justify-content:center; align-items:center; padding:5% 10%; height:calc(100% - 4rem);}
#prdt_preview div.img_box img{box-shadow:0 0 3px rgba(0,0,0,0.16);}

.btn_close{position:absolute; top:0; right:0; width:3.4rem; height:4rem; font-size:0; background:no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.602' height='17.545'%3E%3Cpath d='M16.091 16.781 8.802 9.492l-7.29 7.289c-.273.273-.65.341-.842.148a.627.627 0 0 1 .149-.842l7.289-7.289L.819 1.509C.545 1.235.478.858.671.666s.569-.123.841.149l7.29 7.289L16.091.815a.626.626 0 0 1 .842-.149c.192.193.125.569-.148.843l-7.29 7.289 7.29 7.289c.274.275.34.651.148.842a.4.4 0 0 1-.288.11.819.819 0 0 1-.554-.258Z' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10'/%3E%3C/svg%3E");}

/*SNS 버튼 */
.sns_btn_wrap{position:absolute; bottom:1.429rem; right:2.143rem;}
.sns_btn_wrap:after{content:; display:block; clear:both;}
.sns_btn_wrap a{font-size:0; display:block; float:left; width:1.786rem; height:1.786rem; background:no-repeat center/100% auto; vertical-align:middle; position:relative; z-index:2}
.sns_btn_wrap a + a{margin-left:8px;}
.sns_btn_wrap a.btn_Fcb{background-image:URL('/img/main/icon_sns_facebook.png')}
.sns_btn_wrap a.btn_Itg{background-image:URL('/img/main/icon_sns_insta.png')}
.sns_btn_wrap a.btn_Nvp{background-image:URL('/img/main/icon_sns_naver.png')}

.sns_btn_wrap a:before{content:''; display:block; position:absolute; z-index:1; width:25px; height:25px; border-radius:12.5px; box-shadow:0 2px 1px rgb(0 0 0 / 16%);}


/*가로모드*/
@media screen and (orientation: landscape){

}


/*넓이 320px 이하*/
@media only screen and (max-width:320px){

}

/*640px 이상*/
@media only screen and (min-width:640px) {
.link_wrap a img{max-width:129px;}
}

/*1200px 이상*/
@media only screen and (min-width:1200px) {

}