@charset "utf-8";

/* 작성자 : 백주영 */
/* 최종작성일 : 2020-11-26 */
/* 추가 css */
article.facet .s {
    position: relative;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 0 10px 0 20px;
}
/* .btTxt:hover{
	cursor: pointer;
} */
article.facet .drop.drop2 {
    display: none;
    clear: both;
    padding: 0 18px;
}
article.facet li.career {
    position: relative;
    display: block;
    overflow: visible;
    width: 230px;
}
article.facet2 {
    width: 250px;
}
article.facet2.po-facet {
	margin-left: 114px;
}
/* .book .pic:not(.bookinfo-pic) {
    height: 240px;
} */
.card img {
    width: 100%;
}
.book .pic .check{
	top: 0px;
	left: 0px;
	width : 100%;
	height : 100%;
}
/* 교과서 모아보기 - 과목 선택 */
/* .subjectSelectSpan{
	width:10%;
} */

/* 소통하기 */
.linkedBookInfoAera #bookInfo .pic,.tit:hover{
	cursor: pointer;
}
.btTxt.dis,
.btTxt:disabled { /* cursor: default !important; */ }
.list.on ul > li > .btns {
    z-index: 5;
}

section.sub.view .content > #dreamDiv .con {position: relative; display: block; overflow: hidden; color: #000; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; padding: 10px 0 20px; }
section.sub.view .content > #dreamDiv .con .btTxt {
    position: absolute;
    top: 10px;
    right: 0;
}
section.sub.view .content > #dreamDiv .con b { display: block; height: 35px; line-height: 35px; font-size: 18px; font-weight: 500; margin-bottom: 20px; }
section.sub.view .content > #dreamDiv .con em { display: block; font-size: 16px; font-weight: 400; }

.add-margin{
	margin-top : 10px;
}
.book .info.de01 { text-align :center; margin-bottom: 20px; margin-top: 20px !important; } 

/* 공통 */
.pages .pg { cursor: pointer; }
.tit.center { text-align: center !important; }
/* .card { border: 1px solid #f2f2f2; } */
.sort ul#cate-result-ul2 {
    display: block;
    overflow: hidden;
    padding-bottom: 0px !important;
}
/* 메인화면 - 큐레이션 (진로/교양) */
.shuffle.theme-content li .book { width: 270px; }
/* 메인화면 - 큐레이션 (카드콘텐츠) */
section.main .content.curation .slider_wrapper { width: 400px; height: 400px; vertical-align: middle; margin: 0; padding: 10px; border-radius: 10px; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
section.main .content.curation .slider { width: 380px; height: 390px; vertical-align: middle; margin: 0;  }
section.main .content.curation .slider .card { width: 100%; height: 100%; }

.curation .slider .bx-next { position: absolute; right: -30px; top: 49%; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; background: #0a3b64 url("../img/bt_next_w.png") no-repeat 18px 50%; box-shadow: 0 3px 5px rgba(0,0,0,0.2); opacity: 1; z-index: 100; }
.curation .slider .bx-next:disabled { background-color: #b7b7b7; }

.curation .slider .bx-prev { position: absolute; left: -30px; top: 49%; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; background: #0a3b64 url("../img/bt_prev_w.png") no-repeat 12px 50%; box-shadow: 0 3px 5px rgba(0,0,0,0.2); opacity: 1; z-index: 100; }
.curation .slider .bx-prev:disabled { background-color: #b7b7b7; }

/* 목록형 - 대출도서 아이콘(임시) */
.btDown.on { background: url(../img/ico_rental.png) no-repeat center 50%; background-size: 70%; }

/* 통합검색 */
.key.is-in-booktype::after { content: none; }
article.facet .s.btnFacetConfirm { float: none; display: inline-block; height: 40px; line-height: 40px; color: #fff !important; font-size: 16px; font-weight: 400; text-align: center; background-color: #0a3b64; padding: 0 15px; }

/* 교과독서 - 도서상세 */
h4.cl-intend-title { font-size: 18px; height: auto; line-height: 28px; margin-top: 10px; font-weight: 500; color: #0a3b64; margin-bottom: 5px;}

/* 진로독서 */
#today-contents img:hover{
	cursor: pointer;
}

/* 내서재 - 대출이력 */
.w100p { width: 100% !important; }
.searh-by-title { cursor: pointer; }
@media all and (max-width: 960px) {
	#btnSearchHistory { margin-top: 20px; }
}
/* 공통 - 메시지팝업 */
@media all and (max-width: 390px) {
	article.popup .popBox > .btns { padding: 10px; }
}
@media all and (max-width: 350px) {
	article.popup .popBox > .btns { padding: 5px 5px 10px; }
}
@media all and (max-width: 340px) {
	article.popup .popBox > .btns { padding: 5px 0 10px; }
}
@media all and (max-width: 330px) {
	article.popup .popBox > .btns > .btTxt { min-width: 90px; }
}

/* 이용안내 다운로드 버튼 */
.btDownNotice {
    margin-bottom: 10px;
}