.content{margin:0 40px}
section h2{font-size:2.4rem;letter-spacing: -1.12px;line-height: 41px;margin-bottom:5px}

/* 상단 슬라이드 css 수정 */
.owl-carousel.owl-loaded{position: relative; margin-top:-60px; margin-bottom:60px; display:none}
.owl-carousel .owl-item img{width:auto !important}
.owl-theme .owl-nav.disabled + .owl-dots{position:absolute;right:0;bottom:0;bottom: 20px;width: calc(100% - 55%);}
.owl-theme .owl-dots .owl-dot span{width:6px;height:6px;background:#ccc}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #0055FF;}
/* S: 추천도서 */
.bx-wrapper{border:none !important;box-shadow: none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important}
.bookTitPoint{color:#0468FF}
.BookList{overflow:hidden;}
.BookList  > div{position: relative;width:16%;padding: 25px 22px;border-radius: 5px;}
.BookList  > div img{width:130px; height:170px;}
/*.subBook{overflow:visible}*/
.bookArea{width: 280px;
    height: 280px;
    background: #f1f1f1;
    overflow: hidden;
    display: flex;
    }
.bookArea img{
	width: 57% !important;
    align-self: flex-end;
    margin: 0 auto;
    box-shadow:3px 3px 3px #ccc
}

.recom{position:relative; background:#F8FAFF; padding:40px 0;}
.BookList .bookRolling{width:100%;float:left; padding:20px 0; overflow:hidden;}
.BookList .bookRolling .btnNext{position:absolute; right:0; top:0; cursor:pointer}
.BookList .bookRolling img{display:block;float:left;width: 140px; height: auto;}
.btnPrev{position:absolute; left:50%; cursor:pointer; top:160px; margin-left:-720px}
.btnNext{position:absolute; left:50%; cursor:pointer; top:160px; margin-left:640px;}
.BookList .bookRolling .bookdesc{float:left;width:calc(100% - 200px); margin-left:24px;}
.BookList .bookRolling .bookdesc .bookAuth{color:#b6b6b6;font-size:1.2rem;margin-bottom:5px; font-weight:400;}
.BookList .bookRolling .bookdesc .bookTit{color:#222;font-size:1.7rem;font-weight:700;margin-bottom:15px; line-height:1.5}
.BookList .bookRolling .bookdesc .bookPrice{color:#222;font-size:1.7rem;font-weight:700;margin-bottom:15px}
.BookList .bookRolling .bookdesc .bookPrice span{color:#ff0000;font-size:1.4rem;margin:0 0 15px 5px}
.BookList .bookRolling .bookdesc .bookContent{color:#222;font-size:1.4rem;line-height:150%;overflow:hidden;text-overflow: ellipsis; white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.BookList .bookLists{width:max-content;}
.BookList .bookLists li{padding: 25px 22px;border-radius: 5px; float:left; box-sizing:border-box; margin-left:5px}
.BookList .bookLists .bookTitle{font-size:1.4rem;font-weight:bold;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bookRolling{position: relative;}
.bookRolling .bx-wrapper{width:100%;margin:0;background: none;}
.bookRolling .bx-controls{position: absolute;top: -25px;right: 10px;}
.bookRolling .bx-wrapper .bx-controls-direction a{width:20px;height:20px}
.bookRolling .bx-wrapper .bx-prev{left:-11px;background:url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat -5px -38px}
.bookRolling .bx-wrapper .bx-next{right:-30px;background:url('https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png') no-repeat -50px -37px}

.contentLink{margin-bottom:50px}
.contentLink li{width:calc(50% - 20px); text-align:center;}
.contentLink li:last-child{margin-left:20px;}
.contentLink li.ui-tabs-active{border-color:#222}
.contentLink li.ui-tabs-active a{color:#222;}

.bookBg p{font-size:1.6rem;color:#fff;letter-spacing: -0.8px;line-height: 2.16rem;}
.bookBg p strong{font-size:2.4rem;font-weight: bold;letter-spacing: -1.2px;line-height: 3.2rem;}


.bookCount{display:block;font-size:1.4rem;letter-spacing: -0.64px;color:#00B1FF;margin-bottom:20px}
.bookCount span{color:#222; font-weight:600}
.teachingAids{display:flex;justify-content: flex-start;flex-wrap: wrap;}
.teachingAids li{display:flex;flex-direction: column;width: 25%;border-radius: 5px;overflow:hidden;margin-bottom:40px; cursor:pointer;padding:0 1.5%;box-sizing: border-box;}
.teachingAids li img{width:100%;}
.teachingAids li .hover-box{border-radius: 4px;overflow:hidden;}
.teachingAids li .hover-box:hover{position: relative;background:#999;}
.teachingAids li .hover-box .bt-area{display:none;position:absolute;top:0;left:0;background:#0a0a01b0;width:100%;height:100%;color:#000;z-index: 1;}
.teachingAids li .hover-box:hover .bt-area{display:block}
.teachingAids li .hover-box .bt-area .bt{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;}
.teachingAids li .hover-box .bt-area .bt button{color:#222;width:180px;margin-bottom:10px;font-size:16px;background:#fff;padding:8.5px 0;border-radius: 4px;}
.teachingAids li .hover-box .bt-area .bt button:hover{background:#222;color:#fff}
.teachingAids li .hover-box .bt-area .bt button:last-child{margin:0px}
.teachingAids .bookTitle{font-size:1.4rem;margin-top:20px;letter-spacing: -0.64px;}
.teachingAids .bookPrice{font-size:2rem;letter-spacing: -1.12px;color:#222;font-weight: bold;line-height:4.1rem;margin-top:5px}
.teachingAids .bookPrice span{font-size:1.4rem;color:#ff0000;letter-spacing: -0.8px;padding-left:10px;}
.teachingAids .bookPrice2{font-size:1.4rem;text-decoration:line-through;line-height:2.4rem;letter-spacing: -0.64px;color:#999}

.bookSearchArea{display:flex;justify-content: center;}
.bookSearchInput{position: relative;width:580px;height:48px;background:#fff;border: 1px solid #CCCCCC;border-radius: 30px;padding:12px 21px}
.bookSearchInput select{width:calc(20% - 15px);font-size:1.4rem;letter-spacing: -0.8px;color: #222222;padding-right:15px; background:none; margin-top:3px;}
.bookSearchInput input[type=text]{width:80%;font-size: 1.4rem;letter-spacing: -0.8px;color: #999999;}
.bookSearchInput input:focus-visible{outline: none;border:0}
.bookSearchInput img{position: absolute;right: 2%;top: 30%;cursor: pointer;}

/* bookDetail */
/* 교재 이미지 영역 */
.bookDimg{align-self: flex-start;width:370px; height:370px; overflow:hidden; background:#fafafa; text-align:center;}
.bookDimg img{height:90%; border:1px solid #e1e1e1; margin:5% 0;}

/* 교재 정보 */
.bookDprice{width:770px}
.bookDprice .subjectTitle{font-size:1.2rem;letter-spacing: -0.6px;line-height: 21.6px;color:#999;}
.bookDprice h2{font-size:2.4rem;margin:0 0 25px 0;color:#222}
.bookDprice .subjectInfo{border-bottom:1px solid #E1E1E1;width:100%;font-size:1.4rem;margin-bottom:16px}
.bookDprice .subjectInfo span{float:left;font-size:1.4rem;color:#222;letter-spacing: -0.7px;line-height: 3.6rem;}
.bookDprice .subjectInfo span:first-child{float:left;width:80px;color:#999;}
.bookDprice .subjectInfo li:after{clear:both;display:block;content:'';}
.bookDprice .subjectInfo li:last-child{margin-bottom:25px}
.bookDprice .subjectInfo:last-child{border:none}
.bookDprice .subjectInfo span u{text-decoration: line-through;color: #999999;}
.bookDprice .subjectInfo span .bookAmount{display: flex;justify-content: space-around;align-items: center;width:123px;height:37px;border: 1px solid #CCCCCC;border-radius: 4px;margin-top:10px}
.bookDprice .subjectInfo span .bookAmount button{background:none;font-size:1.8rem;color:#ccc;cursor: pointer;padding:0 5px}
.bookDprice .subjectInfo span .bookAmount input{width:20px;margin-left: 10px;}

.totalPrice{border-top:2px solid #222;text-align:right}
.totalPrice p{font-size:1.4rem;letter-spacing: -0.56px;font-weight: bold;margin:21px 0 35px 0}
.totalPrice p strong{display: inline-block;font-size:2.8rem;letter-spacing: -1.12px;color:#FF4188;margin:0 8px 0 21px;}
.totalPrice .buttonBox button{width:230px;padding:13px 0;color:#222;font-size:1.6rem;letter-spacing: -0.8px;border:1px solid #999;background: #fff;border-radius: 4px;margin-right:8px;font-weight: bold;}
.totalPrice .buttonBox button:last-child{margin:0}
.totalPrice .buttonBox button.black{color:#fff;background: #222;border-color: #222;}

/*#bookDtap > .contentLink li.ui-state-active a{border-bottom: 3px solid #222;color:#222}*/

.bookDdesc{padding:0 21px; line-height:1.5;}
.bookDdesc p{font-size:1.4rem;margin-bottom:15px}
.bookDdesc dl dt{font-size: 1.8rem;font-weight: bold;height: 22px;margin-bottom:20px;}
.bookDdesc dl dd{margin-bottom:20px}
.bookDdesc dl dd ul li{font-size:1.4rem;margin-bottom:10px;text-indent: 15px;}

/* S: 반응형 */
@media (max-width:1200px) {
    .mianBookList .bookLists{width:100%}
    .owl-carousel.owl-loaded{margin:0 0 40px;}
    .owl-carousel .owl-item img{width:100% !important}
    .owl-theme .owl-nav.disabled + .owl-dots{position: initial;width: auto;}
    .mianBookList .bookLists li img{height:auto}
    #mainTab > ul{flex-wrap: wrap;}
    #mainTab > ul li{margin:0px 10px 5px}
    .teachingAids{width: 100%;flex-wrap: wrap;justify-content: flex-start;}
    .teachingAids li{width:33%}
    .bookAbsol{width:100%;}
    .bookAbsol img{width:100%;}
    .BookList .bookRolling{width:100%;}
	.subBook{display:none;}
    .spaceBetween {flex-wrap: nowrap;flex-direction: unset;}
    .totalPrice p strong{font-size:2rem}
    .bookDimg{margin-right:20px}
    .bookDprice{width:60%}
    .bookDprice h2{font-size:1.8rem}
    .bookDprice .subjectInfo span{font-size:1.3rem}
    .totalPrice .buttonBox button{width:150px;font-size:1.4rem;}
	.recom{display:none;}
}
@media (max-width:768px) {
	.owl-carousel.owl-loaded{margin:0px}
    .mianBookList .bookLists{width:100%}
    .mianBookList .bookLists li{padding:15px 10px;}
    .mianBookList .bookLists li img{height:auto}
    
    /* 교재 검색 */
    .bookSearchInput select{width: calc(25% - 15px);}
    .bookSearchInput input[type=text]{width: 75%;}
    
    .bookAbsol{display:none;}
    .teachingAids{width:100%}
    .teachingAids li{padding:15px 10px;width:50%}
    .teachingAids li img{height:auto;}
    .teachingAids li .hover-box .bt-area .bt button{width: 100px;padding: 3px 0;}
    .teachingAids .bookTitle{font-size:1.3rem}
    .teachingAids .bookPrice{font-size:1.5rem}
    .teachingAids .bookPrice span{font-size:1.2rem}
    .teachingAids .bookPrice2{font-size:1.2rem;}
	
    .BookList .bookRolling{width:100%}
    .BookList .bookRolling img{float:none;margin:1px auto 15px}
    .BookList .bookLists{display:none}
    .bookRolling .bx-controls{top:-7px}
    .BookList .bookRolling .bookdesc{width:100%}
    .BookList .bookRolling .bookdesc .bookContent{-webkit-line-clamp:2;}

    .spaceBetween {flex-wrap: wrap;flex-direction: row;}    
    .bookDimg{width:100%;margin-right:0px;text-align: center;}
    .bookDprice{width:100%}
    .bookDdesc p{font-size:1.2rem}
    .bookDdesc p img{width:100%;}
    .bookDdesc dl dt{font-size: 1.3rem;}
    .bookDdesc dl dd ul li{font-size:1.2rem;}

    .totalPrice .buttonBox button{width:120px;font-size:1.3rem;}

    .bookInfo li a{flex-direction: column;}
    .bookInfo li a img{margin:0 auto 20px !important}
    .bookInfo li a div .bookTitle{font-size:1.5rem;margin-bottom:20px}
    .bookInfo li a div .bookPrice{font-size:2rem}
    	.bookArea{width: auto;
    height: auto;
    background: none;
    overflow: hidden;
    display: flex;
    }
.bookArea img{
	width: 100% !important;
    align-self: flex-end;
    margin: 0 auto;
    box-shadow:none
}
}
@media (max-width:320px) {
	/* 교재 검색 */
    .bookSearchInput select{width: calc(37% - 15px);}
    .bookSearchInput input[type=text]{width: 66%;}
    .bookSearchInput input::placeholder{color: transparent;}
	
}