body{font-family: "Pretendard","NanumSquare","sans-serif","맑은고딕"; position: relative; color: #272727}

input[type="search"], textarea, button , input[type="button"]{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*본문이동*/
.skipNav{position:relative;z-index:9999;}
.skipNav a{position: absolute; top: -200px; left:0; width: 160px; line-height: 30px; border: 1px solid #dedede; background-color: #333;}
.skipNav a:focus, .skipNav a:active{top: 0; color: #FFF; text-align: center}

/*서브헤더*/
.subSearch{background: #fff; width: 100%; height: 100%; box-shadow: 2px 2px 2px 2px #f7f7f7; }
.subSearch header::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearch header h1{float: left; padding: 22px 0; box-sizing: border-box;}
.subSearch header h1> a{display: block; }
.subSearch header .util{float: right;}
.subSearch header .util::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearch header .util>li{float: left; padding: 5px 15px; box-sizing: border-box; color: #111; border-radius: 50px; margin-top: 30px; background: #fff; border: 1px solid #f1f1f1; box-shadow: 0 1px 1px #f1f1f1; margin-right: 5px;}
.subSearch header .util>li:last-child{margin-right: 0;}
.subSearch header .util>li> a{display: block; background: url(/libsearch/images/egovframework/uce/sub/loginBtn.png)no-repeat center left; font-weight:bold; padding: 10px 0 10px 35px; box-sizing: border-box;}
.subSearch header .util>li:last-child> a{background: url(/libsearch/images/egovframework/uce/sub/loginBtn2.png)no-repeat center left;}

/*서브헤더 검색바*/
.maxBox{width: calc(100% - 100px); margin: 0 auto; }
.maxBox2{width: 1200px; }
.subSearch .subSearchBarBox {width: 863px; position: absolute; left: 50%; top: 30px; margin-left: -410px; }
.subSearch .subSearchBarBox::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearchBar::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearchBox span select{padding: 15px 0 15px 20px ; box-sizing: border-box; border: 1px solid #c8c8c8; border-radius: 10px; width: 230px; background: url(/libsearch/images/egovframework/uce/select.png)no-repeat; background-position: 90%;}
.searchTextBox{position: relative; display: inline-block;}
.searchTextBox .searchText{padding: 15px 0 15px 20px ; box-sizing: border-box; width: 440px; border: 1px solid #c8c8c8; border-radius: 10px; background: #fff;}
.searchTextBox .language{position: absolute; right: 0; top: 0; background: url(/libsearch/images/egovframework/uce/language.png)no-repeat; padding: 24px 40px 24px 40px; box-sizing: border-box; background-position: center; border: none; }
input[type="button"].subSearchBtn1, input[type="button"].subSearchBtn2{padding: 15px 20px; border-radius: 10px; box-sizing: border-box; color: #fff; border: none; cursor: pointer; }
.subSearchBtn1{background: #0b5ac0;}
.subSearchBtn2{background: url(/libsearch/images/egovframework/uce/gbg.png)no-repeat; background-size: cover; }

/*서브메뉴*/
/* .subSearchQmenu{position: relative;}
.subSearchQmenu::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearchQmenu> li{float: left; width: 16.6%; box-sizing: border-box; text-align: center; vertical-align: middle; color: #000; font-size: 20px; padding-bottom: 20px; font-weight: 600;}
.subSearchQmenu> li> a{display: inline-block; vertical-align: middle; line-height: 4.5em; padding-left: 74px; box-sizing: border-box;}
.subSearchQmenu> li:nth-of-type(1) > a{background: url(/libsearch/images/egovframework/uce/menu1.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(2) > a{background: url(/libsearch/images/egovframework/uce/menu2.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(3) > a{background: url(/libsearch/images/egovframework/uce/menu3.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(4) > a{background: url(/libsearch/images/egovframework/uce/menu4.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(5) > a{background: url(/libsearch/images/egovframework/uce/menu5.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(6) > a{background: url(/libsearch/images/egovframework/uce/menu6.png)no-repeat left center; background-size: 60px;} */
/*서브메뉴*/
.subSearchQmenu{position: relative;}
.subSearchQmenu::after{display: block; content: ""; clear: both; overflow: hidden; }
.subSearchQmenu> li{float: left; width: 19.6%; box-sizing: border-box; text-align: center; vertical-align: middle; color: #000; font-size: 20px; padding-bottom: 20px; font-weight: 600;}
.subSearchQmenu> li> a{display: inline-block; vertical-align: middle; line-height: 4.5em; padding-left: 74px; box-sizing: border-box;}
.subSearchQmenu> li:nth-of-type(1) > a{background: url(/libsearch/images/egovframework/uce/menu1.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(2) > a{background: url(/libsearch/images/egovframework/uce/menu2.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(3) > a{background: url(/libsearch/images/egovframework/uce/menu3.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(4) > a{background: url(/libsearch/images/egovframework/uce/menu4.png)no-repeat left center; background-size: 60px;}
.subSearchQmenu> li:nth-of-type(5) > a{background: url(/libsearch/images/egovframework/uce/menu6.png)no-repeat left center; background-size: 60px;}


/*서브콘텐츠 검색결과 시작*/
.submaxBox{width: 1200px; margin: 0 auto;}
.subTitle{padding: 60px 0 20px 0; box-sizing: border-box; border-bottom: 2px solid #111;}
.subTitle::after{display: block; content: ""; clear: both; overflow: hidden; }
.subTitle h2{float: left; font-size: 34px; background: url(/libsearch/images/egovframework/uce/sub/h3Icon.png)no-repeat; padding-left: 26px; background-position: 0 50%; box-sizing: border-box; font-weight: bold;}
.subTitle p{float: right; padding-top: 20px; box-sizing: border-box; }
.subTitle p img{vertical-align: middle; }
.subTab> ul{padding: 20px 0; box-sizing: border-box; }
.subTab> ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.subTab> ul> li{float: left; width: 16.7%; text-align: center; border: 1px solid #cdcdcd; box-sizing: border-box; margin-left: -1px; }
.subTab> ul> li>a{display: block; padding: 15px 0; box-sizing: border-box; }
.subTab> ul> li.on{color: #fff; background: #0b5ac0; }
.subTabCont .subTabContWrap{ display: none ; position:relative;}
.subTabCont .subTabContWrap.on{display: block; }
.subTab2> ul{padding: 0 0 20px 0;}
.bluecolor{color: #0b5ac0;}
.TextCenter{text-align: center;}
.redcolor{color: #d02c2c; }
.subContRL{ padding-bottom: 10px; box-sizing: border-box; margin-top: 30px;}
.subContRL::after{display: block; content: ""; clear: both; overflow: hidden; }
.subContRL .subContLeft{float: left; }
.subContRL .subContLeft ul{padding-top: 20px; box-sizing: border-box; }
.subContRL .subContRight ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.subContRL .subContLeft ul> li{float: left; margin-left: 20px; }
.subContRL .subContLeft ul> li:nth-of-type(1){margin-left: 0; }
.subContRL .subContRight{float: right;}
.subContRight2{position:absolute; right: 0; top:0}
.subContRL .subContRight ul> li{float: left; margin-left: 10px; }
.subContRL .subContRight ul> li select{padding: 10px; box-sizing: border-box; border: 1px solid #cdcdcd; background: url(/libsearch/images/egovframework/uce/select.png)no-repeat; background-position: 90%; }
.subContRL .subContRight ul> li:nth-of-type(1) select{width: 90px; margin-left: 0; margin-top: 40px;}
.subContRL .subContRight ul> li:nth-of-type(2) select, .subContRL .subContRight ul> li:nth-of-type(3) form select{width: 110px;}
.select_top_none > select{margin-top: 0 !important;}
.subContBookList{display: block;}
.subContBookList> p{height: 30px; line-height: 2em;}
.subContBookList> ul> li{width: 100%; border-bottom: 1px solid #cdcdcd; padding: 20px 0; box-sizing: border-box; position: relative; }
.subContBookList> ul> li:nth-child(1){border-top: 1px solid #cdcdcd;}
.subContBookList> ul> li::after{display: block; content: ""; clear: both; overflow: hidden; }
.subContBookList> ul> li .bookListLeft{float: left; width: 100%;}
.bookListLeft::after{display: block; content: ""; clear: both; overflow: hidden; }
.subContBookListMarginTop{margin-top: 20px; }
.bookListLeft .bookListImg{ background-color: #fff; float: left; border: 1px solid #cdcdcd; box-sizing: border-box; position: relative;}
.bookListImg img{width: 100%; height: 100%; }
.bookListLeft .bookListImg> a{display: block; width: 180px; height: 227px;}
.bookListImg .lank{position: absolute; left: -10px; top: -10px; width: 30px; height: 30px; background: #a2c754; border-radius: 20px; text-align: center; line-height: 2em; color: #fff;}
.bookListLeft .bookListTitle{float: left; font-size: 20px; margin: 10px 0 0 20px; width: 50%; }
.bookListTitle2{width: calc(100% - 210px) !important;}
.bookListLeft .bookListTitle .bookListTitleWrap{display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; font-weight: bold;}
.bookListLeft .bookListTitle .bookListTitleCont> li{font-size: 15px; line-height: 2em; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; height: 25px;}
.bookListLeft .bookListTitle .bookListTitleCont> li::before{content: "· ";}
.bookListLeft .bookListTitle .bookListTitleCont> li.AppliBtn::before{content: none;}
.bookListLeft .bookListTitle2 .bookListTitleCont> li{height: auto; width: 100%;}
.bookListLeft .bookListTitle .bookListTitleCont> li span{font-weight: bold; }
.bookListLeft .bookListTitle .bookListTitleCont> li:nth-of-type(1){margin-top: 10px;}
.bookListTitleBtn::after{display: block; content: ""; clear: both; overflow: hidden; }
.bookListTitleBtn{margin-top: 25px;}
.bookListTitleBtn2{margin-top: 0;}
.bookListTitleBtn> li{float: left; font-size: 13px; width: 70px; background: #585858; text-align: center; margin: 10px 5px 0 0; border-radius: 5px; color: #fff; font-weight: 300; }
.bookListTitleBtn> li> a, .bookListTitleBtn> li> b{display: block; padding: 5px 0; box-sizing: border-box; font-weight: normal; cursor: pointer; }
.bookListTitleBtn> li .collectionViewBtnOff{background: #cdcdcd; border-radius: 5px; cursor: not-allowed!important;}
.loanable_on{padding: 5px 0; box-sizing: border-box; background: #0a59a1 !important; }
.loansOff{background:#cdcdcd !important; box-sizing: border-box; cursor:not-allowed!important; padding: 10px 0;}
.loanable_on{padding: 5px 0; box-sizing: border-box; background: #0a59a1 !important; }
.loanable_off{padding: 5px 0; box-sizing: border-box; background: #cdcdcd !important; }
.loansOff2{padding: 0;}
.love img{vertical-align: middle; }
.love{background: #fff !important; border: 1px solid #cdcdcd; box-sizing: border-box; color: #000 !important; font-weight: 500 !important;}
.bookListTitleBtn> li:nth-of-type(4){margin-right: 0;}
.collectionOn{position: absolute; top:274px; left:0px;  width: 500px; background: #f9f9f9;  padding: 10px 20px; box-sizing: border-box; z-index: 1111; min-width: 250px; display: none;}
/* .viewOn::before{position: absolute; top:-20px; left: 228px; content: ''; width: 20px; border-bottom: 12px solid #f9f9f9;  border-left: 10px solid transparent;  border-right: 10px solid transparent; box-sizing: border-box; height: 20px;} */
.collectionOn> div{position: relative; }
.closeBtn{position: absolute; right: 0; top: 0; padding: 2px 5px; background: #000; color: #fff; box-sizing: border-box; cursor: pointer; }
.new-info-list::after{display: block; content: ""; clear: both; overflow: hidden; }
.new-info-list> li{float: left; background: #fff; margin-left: 5px; box-sizing: border-box; font-size: 13px; border: 1px solid #ccc; border-radius: 5px; color: #000; font-weight: normal}
.new-info-list> li> a{display: block;  padding: 5px ; box-sizing: border-box; }
.new-info-list> li.on{background: #ccc;  }
.new-info-list> li:nth-of-type(1){margin-left: 0;}
.collectionOn .collectionTable{margin-top: 10px; font-size: 13px; display: none; font-weight: normal; }
.collectionOn .collectionTable.on{display: block; height: 200px; overflow: scroll;}
.collectionOn .collectionTable table th{padding: 5px 0; box-sizing: border-box; }
.collectionOn .collectionTable table td{text-align: center; color: #585858; padding: 5px; box-sizing: border-box; background: #fff; }
.bookInforOn{width: 500px; background: #f9f9f9;  position: absolute; left: 52px; top: 274px; padding: 10px 20px; box-sizing: border-box; z-index: 1111; z-index: 1111; display: none; }
.collectionOn> div , .bookInforOn> div{position: relative; }
.bookInforOn> div> ul> li{border-bottom: 1px solid #ccc; padding: 5px 0; box-sizing: border-box; font-size: 13px; color: #000; }
.bookInforOn> div> ul> li:last-of-type{border-bottom: 0; }
.bookInforOn> div> ul> li> ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.bookInforOn> div> ul> li> ul> li{float: left; margin-right: 20px; font-weight: normal;  line-height: 2em; }
.bookInforOn> div> ul> li> ul> li:nth-of-type(2){margin-right: 0; line-height: 1.5em; text-align: left; line-height: 2em; }
.bookInforOn> div> ul> li> ul> li span{font-size: 13px; color: #8e8e8e}
.collectionView .collectionOn, .collectionView .bookInforOn{display: block;}
.collectionBtn a{display: block; border-radius: 5px;  margin: 0 auto 2px auto; color: #fff; font-weight: 300; font-size: 13px; }
.collectionBtn a:nth-of-type(1).loansOn{background: #90ba36 !important}
.collectionBtn a:nth-of-type(2).loansOn{background: #0b5ac0; margin-bottom: 0;}
.bookListRight{position:absolute; right: 0; top: 20px; }
.bookListRight::after{display: block; content: ""; clear: both; overflow: hidden; }
.bookListRight> li{width: 140px; float: left; text-align: center; margin-left: 10px; color: #fff; font-weight: 300; font-size: 17px;}
/* .bookListRight> li{width: 140px; float: right; text-align: center; margin-left: 10px; color: #fff; font-weight: 300; font-size: 17px;} */
.bookListRight> li> a{display: block;  padding: 10px 0;; box-sizing: border-box; }
.bookListRight> li:nth-of-type(1){background: #90ba36; margin-left: 0;}
.bookListRight> li:nth-of-type(2){background: #0b5ac0;}
.bookListRight> li .off{background: #ccc; pointer-events: none; cursor: default; }
.noResult{text-align: center;}

.info_inputBox{position: relative;}
.info_inputBox::after{display: block; content: ""; clear: both; overflow: hidden; }
.info_input{padding: 5px 0 5px 0; box-sizing: border-box; color: #000; text-align: left;}
.new-info-list{margin-top: 5px; padding-left: 1px; display: block; }
.new-info-list li{width: 18.7%; margin-top: 3px; text-align: center;}
.new-info-list li:nth-child(6n){ margin-left: 0;}
.new-info-list input[type='checkbox'] {display: none !important;}
.new-info-list input[type='checkbox'] + label { display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px ; box-sizing: border-box; }
.new-info-list input[type='checkbox']:checked + label {background:#888; color:#fff;}
.subCon .info_input{margin-top: 10px;}
.subCon .new-info-list{margin-top: 10px;}
.subCon .new-info-list li{width: 19.6%;}
.subCon .excel{text-align: right; margin-top: -15px; }
.excel a{margin-bottom: 10px;}
.excel2{padding-top: 0 !important;}

/*페이징*/
.paging{margin: 50px 0; text-align: center; }
.paging> li{display: inline-block; width: 25px; height: 25px; line-height: 1.8em;}
.paging> li> a{display: block; }
.paging> li.on{background: #0b5ac0; color: #fff;}
/*서브콘텐츠 검색결과 끝*/

/*서브콘텐츠 도서정보 시작*/
.inforTitle{margin-top: 20px;}
.inforTitle::after{display: block; content: ""; clear: both; overflow: hidden; }
.inforTitle .inforImg{float: left; width: 240px; height: 300px; background: #ccc; box-shadow: 3px 3px 3px 3px #f1f1f1; }
.inforImg img{width: 100%; height: 100%;}
.inforTitle .inforText{float: right; margin-left:3%; width: 77%;  height: 300px; position: relative;}
.inforTextTitle{box-sizing: border-box; }
.inforTextTitle::after{display: block; content: ""; clear: both; overflow: hidden; }
.inforTextTitle h2{font-size: 24px; padding: 10px 0; box-sizing: border-box; float: left; font-weight: 500; width: 80%; font-weight: bold;}
.inforTextTitle ul{float: right;}
.inforTextTitle ul> li{display: inline-block; margin-top: 10px; border: 1px solid #cdcdcd; border-radius: 5px; box-sizing: border-box; font-size: 13px; }
.inforTextTitle ul> li img{vertical-align: middle; }
.inforTextTitle ul> li> a{display: block; padding: 5px 10px ; box-sizing: border-box; }
.inforTextCont> li{line-height: 2em; color: #272727; }
.inforTextCont> li span{font-weight: bold; }
.inforTextCont> li> b{padding: 5px; background: #585858; border-radius: 5px; color: #fff; font-size: 13px; font-weight: 300; box-sizing: border-box; cursor: pointer; }
.inforTextBtn{margin-top: 20px; position: absolute; left: 0; bottom: 0; }
.inforTextBtn::after{display: block; content: ""; clear: both; overflow: hidden; }
.inforTextBtn> li{float: left; width: 160px; background: #ccc;  text-align: center; margin-right: 5px; color: #fff; }
.inforTextBtn> li> a{display: block; box-sizing: border-box; font-weight: 300; padding: 10px 0;}
.inforTextBtn> li:nth-of-type(1).loansOn{background: #90ba36 !important; }
.inforTextBtn> li:nth-of-type(2).loansOn{background: #0b5ac0 !important; }
.loansOn2{padding: 0;}
/*.QR{position: absolute; right: 0; bottom: 0; width: 100px; height: 100px; background: #f9f9f9; border-radius: 70px; box-shadow: 2px 2px 2px #cdcdcd; text-align: center; padding: 32px 0; box-sizing: border-box; cursor: pointer; } */
.subCon{margin: 50px 0;}
.subCon h3{font-size: 22px; font-weight: bold}
.subCon h3 img{vertical-align: middle; }
.subCon p{line-height: 1.5em; }
.subCon> ul> li> ul> li{display: inline-block; line-height: 1.5em; }
.subCon> ul> li> ul> li:nth-of-type(1){font-weight: bold; width: 80px; }
.subCon .subConTab::after{display: block; content: ""; clear: both; overflow: hidden; }
.subCon .subConTab> li{float: left; margin-right: 5px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; }
.subCon .subConTab> li.on{background: #585858; color: #fff; border: none; }
.subCon .subConTab> li a{display: block; padding: 10px; box-sizing: border-box; font-size: 13px; }
.subConTabTable{margin-top: 10px; display: none; }
.subConTabTable.on{display: block; }
.subConTabTable table thead th{border-top: 2px solid #585858; background: #f9f9f9; padding: 15px 5px; box-sizing: border-box; }
.subConTabTable table td{padding: 10px; box-sizing: border-box; text-align: center; }
/*상호대차 */
.mutualWrap{position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; z-index: 9999 !important; }
.mutualWrap .mutualBox{width: 700px; margin: 0 auto;margin-top: 200px;}
.mutualBox .mutualBoxTitle{width: 100%; background:#0a59a1; position:relative; padding: 15px ; box-sizing: border-box;}
.mutualBoxTitle h3{color: #fff; font-weight: 500;text-align: center; font-size: 20px;}
.mutualBoxCon{width: 100%; height: 100%; background: #fff; padding-top: 10px;}
.mutualBoxTable{ width: calc(100% - 20px); margin: auto 10px ;}
.borderrightnone{border-right: none;}
.mutualBoxConBtn{text-align: center; padding: 20px 0; }
.mutualBoxConBtn> a{padding: 7px 40px; box-sizing: border-box; display: inline-block; border: 1px solid #cdcdcd;}
.mutualBoxConBtn> a.mutualBoxConBtn2{background: #0a59a1 ; color: #fff;}


/*학술바로가기*/
.subCon .subConBtn{margin: 20px 0 20px 0}
.subCon .subConBtn::after{display: block; content: ""; clear: both; overflow: hidden; }
.subCon .subConBtn> li{width: 49%; margin-right: 1%; float: left; font-size: 20px; text-align: center; box-shadow: 1px 1px 1px 1px #cdcdcd; background-color: #fff; }
.subCon .subConBtn> li:last-of-type{margin-right: 0; }
.subCon .subConBtn> li a{padding: 20px; box-sizing: border-box; display: block; }
.subCon .subConBtn> li img{vertical-align: middle;}

.list{width: 120px; border: 1px solid #ccc; text-align: center; margin: 60px auto;}
.list a{display: block; padding: 15px 0; box-sizing: border-box; }

.collLocatOnBox, .marcOnBox{position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: none;}
.marcOnBox{display: block; display: none; }
.collLocatOn, .marcOn{width: 500px; background: #fff; position: absolute; left: 50%; margin-left: -250px; top: 250px; border-radius: 10px; padding: 20px; box-sizing: border-box; }
.collLocatOn h4, .marcOn h4{font-size: 24px; font-weight: bold; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; box-sizing: border-box; }
.collLocatOnCont, .marcOnCont{padding-top: 20px 0; box-sizing: border-box; }
.collLocatOnContImg{width: 180px; height: 200px; background: #ccc; margin: 10px auto; }
.collLocatOnContImg img{width: 100%; height: 100%; }
.collLocatOnContText table th, .collLocatOnContText table td{text-align: center; padding: 5px 0; box-sizing: }
.collLocatOn p{margin-top: 10px;}
.collLocatOnContText table th{background: #f9f9f9; }
.collLocatOn > b, .marcOn > b{background: #0b5ac0; width: 100%; display: block; padding: 10px 0; text-align: center; margin-top: 10px; color: #fff; font-weight: 300; cursor: pointer; }
.marcOnContTable1{margin-bottom: 10px;}
.marcOnContTable td{background: #f1f1f1;}
.marcOnContTable td, .marcOnContTable th{padding: 5px 0; text-align: center; }
/*서브콘텐츠 도서정보 끝*/

/*서브콘텐츠 인기도서 시작*/
/* .subTabContWrapTop{margin-top: 50px;} */
.subBooks> ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.subBooks> ul> li{width: 49%; border: 1px solid #ccc; float: left; margin-right: 2%; padding: 20px; margin-bottom: 20px; box-sizing: border-box;}
.subBooks> ul> li:nth-of-type(2n){margin-right: 0}

.BestBooksSelect::after{display: block; content: ""; clear: both; overflow: hidden; }
.BestBooksSelect{position:relative; margin-top: 20px; }
.BestBooksSelect> ul{float: left; width: 100%; margin-top: 10px;}
.BestBooksSelect> ul> li {display: inline-block;}
.BestBooksSelect> ul> li:nth-child(1)> select{width: 200px;}
.BestBooksSelect> ul> li> select{padding: 10px; border: 1px solid #cdcdcd; box-sizing: border-box; width: 120px; background: url(/libsearch/images/egovframework/uce/select.png)no-repeat; background-position: 90%;}
.BestBooksSelect> ul> li:nth-child(1)> form select{width: 190px; background-position: 94%}
.BestBooksSelectSearch{background: #0b5ac0; color: #fff;  vertical-align: middle; width: 100%; padding: 10px 20px; border: 1px solid #ccc; cursor: pointer; }
/*서브콘텐츠 인기도서 끝*/

/*서브콘텐츠 고급검색 시작*/
.advancedBox{width: 100%; background: #f9f9f9; padding: 30px; box-sizing: border-box; margin-bottom: 50px; margin-top: 20px;}
.advancedBox> ul> li> ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.advancedBox> ul> li> ul> li{float: left; margin-bottom: 10px;}
.advancedBox> ul> li> ul> li:nth-of-type(1){width: 150px; border-right: 1px solid #000; padding: 10px 0; box-sizing: border-box; font-weight: bold; }
.advancedBox> ul> li> ul> li{padding-left: 20px; width: calc(100% - 170px); }
.advancedBox> ul> li> ul> li > input{padding: 10px; border: 1px solid #ccc; box-sizing: border-box; width: 100%;}
.advancedBox> ul> li> ul> li .language{background: #585858; color: #fff; font-size: 15px; vertical-align: middle; }
.advancedBox> ul> li> ul> li select{padding: 10px; box-sizing: border-box; background: url(/libsearch/images/egovframework/uce/select.png) #fff no-repeat; background-position: 98%; border: 1px solid #cdcdcd; width: 100%;}

.advancedBox> ul> li> ul> li> ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.advancedBox> ul> li> ul> li> ul> li{float: left; margin-right: 20px; }
.advancedBox> ul> li> ul> li> ul> li select{padding: 10px; box-sizing: border-box; width: 140px; background: url(/libsearch/images/egovframework/uce/select.png) #fff no-repeat; background-position: 90% center; border: 1px solid #cdcdcd; }
.and{margin-top: 10px; color: #585858}
.checkboxCenter> li{margin-top: 10px; float: left; margin-left: 10px;}
.checkboxCenter> li:nth-child(1){margin-left: 0;}
.checkboxCenter2> li{margin-top: 0;}

.advancedBoxBtn{text-align: center; margin-top: 20px;}
.advancedBoxBtn> a{display: inline-block; width: 140px; padding: 10px; box-sizing: border-box; }
.advancedBoxBtn>a:nth-of-type(1){border: 1px solid #cdcdcd; box-sizing: border-box; background-color: #fff; }
.advancedBoxBtn>a:nth-of-type(2){background: #0b5ac0; color: #fff; }
.advancedBoxBtn2 > a{margin-bottom: 50px;}
/*서브콘텐츠 고급검색 끝*/

/*서브콘텐츠 내서재 시작*/
.mybookTab> ul> li{width: 20%; }
.mybookTable{margin-bottom: 50px; }
.BoxBtnOff{background: #cdcdcd; color: #fff; box-sizing: border-box; border-radius: 30px; font-size: 13px; padding: 5px 10px; font-weight: normal; cursor: not-allowed }
.BoxBtnOn a{padding: 5px 10px; background: #548cd2; color: #fff; box-sizing: border-box; border-radius: 30px; font-size: 13px; font-weight: normal; }

/*서브콘텐츠 내서재 끝*/

/*서브콘텐츠 로그인 시작*/
.loginBox{width: 600px;  margin: 0 auto; box-sizing: border-box; padding: 50px; margin: 20px auto; position: relative; box-shadow: 2px 2px 2px 2px #cdcdcd; }
.loginBox h3{font-size: 40px; color: #0b5ac0; font-weight: bold; text-align: center; }
.loginBox h3 img{vertical-align: middle;  }
.loginTitle{font-size: 17px; line-height: 1.2em; text-align: center; margin-top: 10px; margin-bottom: 20px; font-weight: bold; }
.loginTitle span{font-size: 13px; color: #c1c1c1; font-weight: 300; }
.loginBox .loginBoxWrap dl{overflow: hidden; position: relative; height: 36px; padding-left: 90px; margin-bottom: 5px; }
.loginBox .loginBoxWrap dt{position: absolute; left: 0; top: 0; width: 90px; line-height: 35px;
}
.loginBox .loginBoxWrap dd .loginInput{width: 280px; height: 33px; border: 1px solid #cdcdcd; line-height: 2.1em; font-size: 13px; vertical-align: top; padding: 0 5px; }
.loginBox .loginBoxWrap .loginBtn{position: absolute; left: 442px; top: 171px; }
.loginBox .loginBoxWrap .loginBtn input{display: block; width: 105px; height: 75px; background:#0b5ac0; color: #fff; cursor: pointer; border: none; }
.loginBoxWrap .loginFail{text-align: center; padding: 10px 0 20px 0; box-sizing: border-box; line-height: 1.5em; color: #f00;}
/*아이디비번찾기*/
.loginBoxWrap .idpwFind{display: flex;}
.loginBoxWrap .idpwFind> a{width: 50%; text-align: center; border: 1px solid #0b5ac0; box-sizing: border-box; padding: 10px; color: #0b5ac0; background: #f3faff;}
.loginBoxWrap .idpwFind> a:last-child{border-left: none;}


.loginCont{border-top: 1px solid #cdcdcd; padding-top: 10px; text-align: center; line-height: 1.5em; font-size: 16px; color: #272727;}
.loginCont p span{font-weight: bold; color: #0b5ac0;}
/*서브콘텐츠 로그인 끝*/

/*서브콘텐츠 희망도서 시작*/
.subCon p{line-height: 1.5em; }
.hopeText::after{display: block; content: ""; clear: both; overflow: hidden;}
.hopeTextBox{margin-top: 20px; }
.grayBox{background: #fafaff; padding: 20px; box-sizing: border-box; line-height: 1.5em; margin-bottom: 40px;}
.grayBox span{font-size: 22px; color: #0a59a1; font-weight: bold; line-height: 2em;}
.subCon .hopeText{margin:10px 0 50px 0;}
.subCon .hopeText> li{line-height: 1.618em; background: url(/libsearch/images/egovframework/uce/sub/li_list.png)no-repeat left 10px; padding-left: 12px;}
.subCon .hopeText> li> ul> li{display: inline-block;  }
.subCon .hopeText> li> ul> li:nth-of-type(1){font-weight: 500; width: 100%; }
.redText{color: #f00; }
.hopeText> li .hopeTextBtn1{background: #0b5ac0; padding:7px 10px; border-radius: 5px; box-sizing: border-box; color: #fff; font-weight: 300; font-size: 15px; }
.hopeText> li .hopeTextBtn2{background: #585858; padding: 7px 10px; border-radius: 5px; box-sizing: border-box; font-weight: 300; color: #fff; font-size: 15px; }
.hope_img{margin: 10px 0 50px 0;}
.hope_img img{width: 100%;}
.hopePoint{color: #DB4343}
.hopeStep{display:flex; flex-wrap:wrap; gap:5px 2rem; margin: 10px 0 3rem 0; overflow:hidden}
.hopeStep>li{flex-grow:1; text-align: center; position: relative; padding: 1rem 3%;  border: 1px solid #666; border-radius:5px}
.hopeStep>li:before{content: ''; position: absolute; left: -25px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border:1px solid #333; border-width:1px 1px 0px 0px; transform:scale(.8)  rotate(45deg);}
/*서브콘텐츠 희망도서 끝*/

/*서브콘텐츠 희망도서검색 시작*/
.hopeBookSearchBox{width: 100%; background: #f1f1f1; padding: 20px; margin: 20px 0; box-sizing: border-box; margin-top: 20px; }
.hopeBookSearchBox .searchText{padding: 10px; width: 80%; box-sizing: border-box; border: 1px solid #c8c8c8;}
.hopeBookSearchBox .hopeBookSearchBtn{padding: 10px 0;box-sizing: border-box; width: 9.4%; background: #585858; color: #fff; border: 1px solid #585858; cursor:pointer; }
.hopeBookSearchBox> ul{margin-top: 10px;}
.hopeBookSearchBox> ul> li{line-height: 1.2em; padding: 3px 0;}
.AppliBtn{background: #0b5ac0; width: 100px; text-align: center; color: #fff;}
.AppliBtn> a {display: block; padding: 3px; box-sizing: border-box; }
/*서브콘텐츠 희망도서검색 끝*/

/*서브콘텐츠 희망도서신청폼 시작*/
.hoepTextBox{margin: 20px 0 50px 0;}
.hopeBookTeble{margin: 10px 0 0 0}
.hopeBookTeble tr th{background: #f9f9f9; border-left: none;}
.hopeBookTeble tr th:last-child{border-right: none;}
.hopeBookTeble tr td{border-right: none;}
.hopeBookTeble tr th,.hopeBookTeble tr td{padding: 10px; font-size: 17px;}
.hopeBookTeble tr td input.hopeInput{padding: 5px 0; border: 1px solid #cdcdcd; box-sizing: border-box;width: 100%;}
.hopeBookTeble tr td select{padding: 5px; box-sizing: border-box; border: 1px solid #cdcdcd; width: 210px; background: url(/libsearch/images/egovframework/uce/select.png) no-repeat 95%;}
.hopeBookTeble tr td .bluecolor{padding-left: 10px; font-size: 13px;}
/*서브콘텐츠 희망도서신청폼 끝*/

.dataNone{text-align: center; padding: 50px 0 50px 50px; background: url(/libsearch/images/egovframework/uce/sub/datanone.png)no-repeat left 50%; width: 200px; margin: 50px auto; box-sizing: border-box;}

.new-info-list input[type="checkbox"]:checked + label{background: #0b5ac0;}

.bubble{width: 190px; height: 210px; position:absolute; right: -150px; top: -50px; background: url(/libsearch/images/egovframework/uce/bubble.png)no-repeat; font-size: 17px; font-weight: normal; color: #0b5ac0; padding-top: 10px; display: none; }
.bubble > li{text-align: center; margin-top: 10px; font-weight: bold;}
.myBookHover:hover .bubble, .myBookHover a:focus + .bubble{display: block;}

footer{text-align: center; color: #ccc; padding-bottom: 20px; box-sizing: border-box; font-size: 13px; }

/*에러페이지*/
.error_wrap{background: url(/libsearch/images/egovframework/uce/sub/error_bg.png)no-repeat; width: 100%; height: 100%; position: fixed;}
.error_wrap> .error_wrap_box{text-align: center; margin-top: 150px;}
.error_wrap> .error_wrap_box img{margin-left: 70px;}
.error_wrap p{color: #7293a3; font-size: 24px; text-align: center; margin: 10px 0 30px 0;}
.error_wrap .error_box{line-height: 1.5em;}
.error_wrap a{display: inline-block; padding: 10px 20px; box-sizing: border-box; background: #fff; margin-top: 30px; color: #000; text-decoration: none; border-radius: 20px; margin-right: 10px;}
.error_point{background: #0a59a1 !important; color: #fff !important; margin-right: 0 !important;}

.subTabContWrap::after{display: block; overflow: hidden; clear: both; content: "";}
.aladdin{display: block; float: right; margin-top: -30px;}
.aladdin img{vertical-align: middle;}
.aladdin2{margin-top: 10px;}
.aladdin3{margin-top: -40px;}

/*메인페이지 인기신착도서*/
.mainBook_wrap{position: relative; margin: 50px auto 0 auto;}
.mainBook_wrap h3{font-size: 28px; margin-bottom: 15px; font-weight: bold; }
.mainBook_wrap h3 img{vertical-align: middle;}
.mainBook_wrap .mainBook_box{margin-bottom: 50px; box-sizing: border-box;}
.mainBook_wrap ul::after{display: block; content: ""; clear: both; overflow: hidden; }
.mainBook_wrap ul> li{width: 19%; height: 270px; margin-right: 1%; background: #ccc; float: left; position: relative; border: 1px solid #dedede; overflow: hidden; border-radius: 10px;}
.mainBook_wrap ul> li:last-child{margin-right: 0}
.mainBook_wrap ul> li> a{display: block; width: 100%; height: 300px;}
.mainBook_wrap ul> li img{width: 100%; height: 100%;}

.mainbooksHover{position:absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #000; }
.mainbooksHover:hover, .mainbooksHover.hoverA{opacity: 0.8; transition-duration: 0.5s; }
.mainbooksHover> a{display: block;  padding: 15px; box-sizing: border-box;}
.mainbooksHover> a:focus{border: 2px dashed #f00;}
.mainbooksHover p{color: #fff; text-align: center; margin: 80px auto; display: block; }
.mainbooksHover p span{font-size: 20px; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; -webkit-line-clamp: 1; font-weight: bold; line-height: 1.5em;}
.mainbooksHover p b{display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; -webkit-line-clamp: 2; font-weight: normal; line-height: 1.5em; font-size: 12px;}

.mainBook_box> a{position:absolute; right: 0; top: 20px; font-size: 12px; font-weight: bold;}

/*상호대차*/
.mutual> ul >li{width: 100%; height: 100%; background: none; border: none; }
.linone{background: none !important; padding-left: 0 !important; margin-top: 10px; }
.linone .grayBox{margin-bottom: 0;}
.linone .grayBox span{font-size: 17px; line-height: 1.618em;}

/*테블릿가로*/
@media all and (min-width:1221px) and (max-width:1530px) {
    .maxBox{width: calc(100% - 100px); }

    .subSearch .subSearchBarBox{top: 90px; }

    .subSearchQmenu{padding:0; margin-top: 60px; }
    .subSearchQmenu> li{padding-bottom: 10px;}
    .subSearchQmenu> li> a{background-position: 16% center;}


    /*서브콘텐츠 검색결과 시작*/
    .collectionOn{width: 400px; left: 0px; }
    /*서브콘텐츠 검색결과 끝*/

    /*서브콘텐츠 도서정보 시작*/
    .inforTitle .inforText{width: calc(100% - 285px) ; float: left; }
    .inforTextTitle h2{ width: 70%;}
    .inforTextCont> li{line-height: 2em;}
    /*서브콘텐츠 도서정보 끝*/

    /*서브콘텐츠 인기도서 시작*/
    .subContBookList> ul> li .bookListLeft{float: none; }
    .bookListLeft .bookListImg> a{width: 160px;}
    .bookListLeft .bookListTitle{width: 54%; }

    .collectionTable{overflow-x: scroll; }
    .collectionTable table{min-width: 500px; }
    .bookInforOn{width: 400px; }

    .viewOn.bookInforOn::before{left: 232px;}
    .viewOn::before{left: 208px; }
    /*서브콘텐츠 인기도서 끝*/

    .myBookHover:hover .bubble{display: none}

}

/*테블릿세로*/
@media all and (min-width:761px) and (max-width:1220px) {
    .maxBox{width: calc(100% - 100px);}

    .subSearchBox span select{width: 228px;}

    .subSearch .subSearchBarBox{top: 90px; width: 682px; left: 50%; margin-left: -327px; }
    .searchTextBox .searchText{width: 250px; }

    .subSearchQmenu{padding: 60px 0 10px 0; margin-top: 10px;}
    .subSearchQmenu> li{font-size: 17px; padding-bottom: 0;}
    .subSearchQmenu> li > a{padding-left: 60px;}

    .subSearchQmenu> li:nth-of-type(1) > a{padding-left: 45px; background-size: 40px}
    .subSearchQmenu> li:nth-of-type(2) > a{padding-left: 45px; background-size: 40px}
    .subSearchQmenu> li:nth-of-type(3) > a{padding-left: 45px; background-size: 40px}
    .subSearchQmenu> li:nth-of-type(4) > a{padding-left: 45px; background-size: 40px}
    .subSearchQmenu> li:nth-of-type(5) > a{padding-left: 45px; background-size: 40px}
    .subSearchQmenu> li:nth-of-type(6) > a{padding-left: 45px; background-size: 40px}

    /*서브콘텐츠 검색결과 시작*/

    .subSearch header h1{padding: 13px 0;}
    .subSearch header .util>li{margin-top: 24px; padding: 2px 12px;}

    .subContBookList> ul> li .bookListLeft{float: none; }
    .bookListRight{width: 26%; top: 10px;}
    .bookListRight> li{margin-top: 10px; width: 47%; margin-left: 10px;}

    .bookInforOn{padding: 10px 20px; border: 1px solid #cdcdcd; }
    .collectionOn{width: 100%; padding: 10px 20px; border: 1px solid #cdcdcd;}
    /*서브콘텐츠 검색결과 끝*/

    /*서브콘텐츠 검색결과 시작*/
    .subTabContWrap> p{padding-right: 180px;}

    /*서브콘텐츠 도서정보 시작*/
    .inforTextBtn{margin-top: 28px; }
    .inforTextBtn> li{width: 110px; }
    .inforTitle .inforImg{width: 240px; }
    .inforTitle .inforText{width: calc(100% - 273px); float: left;  }
    .mutualWrap .mutualBox{width: 100%; }

    .subCon .new-info-list li{width: 19.3%;}
    .inforTextTitle h2{width: 60%; font-size: 20px;}
    .inforTextCont> li{line-height: 2em;}
    /*서브콘텐츠 도서정보 끝*/

    /*서브콘텐츠 인기도서 시작*/
    .bookListLeft .bookListImg{width: 180px; margin: 0 auto; }
    .bookListLeft .bookListImg> a{width: 100%}
    .bookListLeft .bookListTitle{ margin-left: 20px; width: 40%; }
    .bookListTitleBtn> li{width: 23.6%; }
    .collectionTable{overflow-x: scroll; }
    .collectionTable table{min-width: 500px; }
    .collectionOn{top: 260px; }
    .bookInforOn{width: 100%; left: 0; top: 260px; }
    .viewOn::before{display: none; }
    .bookListLeft2{float: none; }
    .viewOn.bookInforOn::before{display: none; }
    .subBooks> ul> li{width: 100%; margin-bottom: 10px; }
    .BestBooksSelect> ul> li:nth-child(1)> select{width: 190px;}
    .BestBooksSelect> ul> li> select{width: 90px;}
    /*서브콘텐츠 인기도서 끝*/

    /*서브콘텐츠 고급검색 시작*/
    .advancedBox> ul> li> ul> li{width: calc(100% - 110px);}
    .advancedBox> ul> li> ul> li:nth-of-type(1){width: 90px; }
    .advancedBox> ul> li> ul> li> ul> li{margin-right: 10px; }
    .advancedBox> ul> li> ul> li> input{width: 100%; }
    /*서브콘텐츠 고급검색 끝*/

     /*서브콘텐츠 희망도서검색 시작*/
    .hopeBookSearchBox .searchText{width: 67%;;}
    .hopeBookSearchBox .hopeBookSearchBtn{width: 15.8%;}
     /*서브콘텐츠 희망도서검색 시작*/

     .myBookHover:hover .bubble{display: none}

     /*메인페이지 인기신착도서*/
     .mainBook_wrap h3{font-size: 20px; }
     .mainBook_box> a{top: 12px;}
     .mainBook_wrap ul> li{width: 32.3%; height: 230px;}
     .mainBook_wrap ul> li:nth-child(4), .mainBook_wrap ul> li:nth-child(5){display: none;}
     .mainBook_wrap ul> li:nth-child(3){margin-right: 0}
     .mainbooksHover> a{padding: 10px;}
     .mainbooksHover p{margin: 70px auto;}
     .mainbooksHover p span{font-size: 20px;}
     .mainbooksHover p b{font-size: 12px;}
}

/*모바일*/
@media all and (max-width:760px) {
    body{font-size: 15px !important;}
    .maxBox{width: calc(100% - 50px);}

     /*서브헤더*/
    .subSearch header h1{padding: 15px 0; }
    .subSearch header h1 img{max-width: 140px; width: 90%;}
    .subSearch header .util>li{font-size: 13px; margin-top: 22px; padding: 0; border: none; box-shadow: none; margin-right: 10px;}
    .subSearch header .util>li:nth-of-type(1), .subSearch header .util>li:nth-of-type(2), .subSearch header .util>li:nth-of-type(3){background: none; }
    .subSearch header .util>li> a{padding: 5px 0 5px 30px; background-size: contain;}
    .subSearch header .util>li:last-child> a{background-size: contain;}

    .subSearch .subSearchBarBox{top: 70px;left: 0; margin-left: 25px; width: calc(100% - 50px); }
    .subSearchBox span select{display: block; margin-bottom: 5px; font-size: 13px; width: 100%; background-position: 95%; padding: 10px; }
    .searchTextBox{width: 100%; }
    .searchTextBox .searchText{width: 100%; font-size: 13px; padding: 10px; }
    .subSearchBtn1, .subSearchBtn2{font-size: 13px; width: 49.2%; margin-top: 5px; display: inline-block; padding: 10px 0 ; }
    input[type="button"].subSearchBtn1, input[type="button"].subSearchBtn2{padding: 10px;}
    .searchTextBox .language{padding: 18px 30px; }

    .subSearchQmenu{padding: 0; margin-top: 138px; padding-bottom: 5px;}
    .subSearchQmenu> li{font-size: 15px; padding-bottom: 0; width: 33.3%; margin-bottom: 5px;}
    .subSearchQmenu> li > a{background: none !important; display: block; padding-left: 0; line-height: 0; padding: 15px;}
    .subSearchQmenu> li.active{color: #0b5ac0; font-weight: bold;}

    /*서브콘텐츠 검색결과 시작*/
    .subTab2{margin-top: 50px}
    .subTitle{padding: 30px 0 10px 0; }
    .subTitle h2{font-size: 24px; font-weight: bold;}
    .subTitle p{font-size: 13px; padding-top: 15px; }
    .subTab> ul> li{width: 33.3%; }
    .subTabContWrapTop{margin-top: 50px;}
    .subTabContWrapTop2{margin-top: 0;}
    .subTabContWrap> p{font-size: 13px; width: 150px; line-height: 1.5em;}
    .subContRL{ position: absolute; right: 0; bottom: 0; margin-top: 0;}
    .subContRL2{position:relative;}
    .subContRL3{bottom: -46px; border: none;}
    .subContRL .subContLeft ul> li{font-size: 13px; margin-left: 10px; }
    .bookListTitleBtn> li{margin-top: 10px;}
    .subContRL .subContRight ul> li {font-size: 13px; }
    .subContRL .subContRight ul> li> select{padding: 10px; margin-top: 10px;}
    .subContRL .subContRight ul> li:nth-of-type(1) select{width: 60px; margin-top: 15px;}
    .subContRL .subContRight ul> li:nth-of-type(2) select, .subContRL .subContRight ul> li:nth-of-type(3) select{width: 90px;}
    .select_top_none > select{margin-top: 10px !important;}
    .bookListRight> li{font-size: 13px; }
    .subContBookList > p{width: 150px; height: auto; line-height: 1.5em;}
    .subContBookList> ul> li{padding: 10px; }
    .subContBookList2> ul> li{height: 178px; }
    .subContBookList> ul> li .bookListLeft{width: 100%; }
    .subContBookList> ul> li .bookListLeft::after{display: block ; overflow: hidden; clear:both; content: "";}
    .bookListLeft .bookListImg{width: 90px; height: 130px; }
    .bookListLeft .bookListTitle{margin: 10px 0 0 0; }
    .bookListRight{float: none; width: 100%;top: 144px; right: -10px;}
    .bookListRight> li{width:48%; margin-left: 1%; }
    .bookListRight> li:nth-of-type(1){margin-left: 10px;}
    /* .bookListRight{float: none; width: 100%;top: 144px;}
    .bookListRight> li{width:calc(100% - 10px); } */


    .collectionOn, .bookInforOn{width: 100%; left:0%;  }
    .bookInforOn{margin-left: 0; }
    .collectionOn> div, .bookInforOn> div{overflow: hidden;}
    .collectionTable{overflow-x: scroll; }
    .collectionTable table{min-width: 500px; }
    .bookListLeft .bookListTitle .bookListTitleCont> li{line-height: 2em; font-size: 13px; }
    .bookListLeft .bookListTitle .bookListTitleCont> li:nth-of-type(3), .bookListLeft .bookListTitle .bookListTitleCont> li:nth-of-type(4){display: none; }
    .bookListLeft .bookListTitle .bookListTitleCont> li:nth-of-type(1){margin-top: 0; }
    .bookListRight> li> a{padding: 5px 0; }
    .bookListRight> li:nth-of-type(1){margin-left: 0;}
    .bookListLeft .bookListTitle >a{height: 20px;}
    .new-info-list li{width: 23%;}
    .new-info-list li:nth-child(6n){margin-left: 5px;}
    .new-info-list li:nth-child(4n+1){margin-left: 0px }
    .new-info-list input[type='checkbox'] {display: none !important;}
    .new-info-list input[type='checkbox'] + label { display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px ; box-sizing: border-box; }
    .new-info-list input[type='checkbox']:checked + label {background:#888; color:#fff;}

    .paging{margin: 30px 0; font-size: 13px; }
    /*서브콘텐츠 검색결과 끝*/

    /*서브콘텐츠 도서정보 시작*/
    /* .inforTextBtn{margin-top: 10px; width: 100%; }
    .inforTextBtn{margin-top: 10px; width: 100%; }
    .inforTextBtn> li{width: 49%; margin-right: 1%; }
    .inforTitle .inforImg{width: 180px; height: 220px; float: none; margin: 10px auto;}
    .inforTitle .inforText{width: 100%; margin-left: 0; height: 100%; margin-bottom: 50px;} */
    /*서브콘텐츠 도서정보 시작*/
    .inforTextBtn{margin-top: 10px; width: 100%; }
    .inforTextBtn{margin-top: 10px; width: 100%; }
    .inforTextBtn> li{width: 100%; margin-right: 1%; }
    .inforTitle .inforImg{width: 180px; height: 220px; float: none; margin: 10px auto;}
    .inforTitle .inforText{width: 100%; margin-left: 0; height: 100%; margin-bottom: 50px;}

    .subCon{margin-top: 20px;}
    .subCon h3{font-size: 20px;}
    .mutualWrap{margin-top: 0;}
    .subCon .subConTab> li a{padding: 5px; font-size: 13px; }

    .subCon{overflow: hidden;}
    .subConTabTable{overflow-x: scroll; }
    .subConTabTable table{min-width: 800px; }
    .subConTabTable> table th{padding: 10px; font-size: 13px; }
    .subConTabTable> table td{font-size: 13px; }

    .collectionOn{top: 144px; }
    .collLocatOn, .marcOn{width: calc(100% - 50px); left: 24px; margin-left: 0; top: 130px; }

    .marcOnCont> div{overflow: hidden;}
    .marcOnCont{overflow-x: scroll; }
    .marcOnCont .marcOnContTable{min-width: 400px; }
    .mutualWrap .mutualBox{width: 100%;}
    .checkboxCenter2> li{margin-left: 0; width: 50%;}
    .checkboxCenter> li:nth-child(4){margin-left: 0;}
    .mutualBoxConBtn> a{font-size: 13px;}

    .subCon .new-info-list li{width: 23.5%;}
    .inforTextTitle h2{font-size: 17px; text-align: center; width: 100%; padding: 0;}
    .inforTextTitle> ul{margin-bottom: 10px;}
    .inforTextBtn{position:relative;}

    /*서브콘텐츠 도서정보 끝*/

    /*서브콘텐츠 인기도서 시작*/
    .subTab> ul> li{width: 50%; margin: -1px 0 0 -1px; }
    .subTab> ul> li>a{padding: 10px ; font-size: 13px;  }
    .subBooks> ul> li{float: none; width: 100%; margin-top: 10px;}
    .bookListLeft .bookListImg{margin: 0 auto; }
    .bookListLeft .bookListImg> a{width: 100%; height: 100%; }
    .bookListImg .lank{width: 20px; height: 20px; line-height: 1.8em; font-size: 12px; left: -5px; top: -5px;}
    .bookListTitle .bookListTitleWrap{font-size: 15px;;}
    .bookListLeft .bookListTitle .bookListTitleWrap{height: 19px;}
    .bookListTitle2{width: calc(100% - 100px) !important;}
    .bookListLeft .bookListTitle{margin: 0px 0 0 10px; width: calc(100% - 100px)}
    .bookListTitleBtn> li{width: 32%; margin: 1% 2% 1% 0;}
    .bookListTitleBtn> li:last-child{margin-right: 0;}
    .bookListTitleBtn2{margin-top: 0;}
    .bookListTitleBtn3{margin-top: 4px;}
    .BestBooksSelect> ul> li{display: block;}
    .BestBooksSelect> ul> li:nth-of-type(1){display: block;}
    .BestBooksSelect> ul> li>  select{width: 100%; font-size: 13px; padding: 7px; margin-bottom: 5px; background-position: 98%; background-size: 2%;}
    .BestBooksSelect> ul> li:nth-of-type(1)>  select{width: 100%; }
    .BestBooksSelectSearch{font-size: 13px; padding: 7px 20px; }
    .collectionOn{min-width: 250px; border: 1px solid #cdcdcd}
    .viewOn.collectionOn::before{display: none; }
    .viewOn.bookInforOn::before{display: none; }
    .subBooks> ul> li{margin-bottom: 10px;  }
    .bookInforOn{top: 144px; border: 1px solid #cdcdcd;}
    /*서브콘텐츠 인기도서 끝*/

    /*서브콘텐츠 고급검색 시작*/
    .advancedBox{padding: 20px; }
    .advancedBox> ul> li{margin-bottom: 10px;}
    .advancedBox> ul> li> ul> li{margin-bottom: 0; float: none; width: 100%;}
    .advancedBox> ul> li> ul> li:nth-of-type(1){width: 100%; border: none; }
    .advancedBox> ul> li> ul> li {padding-left: 0; font-size: 13px; }
    .advancedBox> ul> li:nth-child(2)> ul> li .searchText{width: 100%; }
    .advancedBox> ul> li> ul> li:nth-of-type(1){padding: 5px 0; }
    .advancedBox> ul> li> ul> li> ul> li select{width: 100px;  }
    .advancedBox> ul> li> ul> li> ul{padding-left: 0; }
    .advancedBox> ul> li> ul> li> input{width: 100%; }
    .advancedBox> ul> li> ul> li> ul> li{margin-right: 10px;}
    .advancedBox> ul> li> ul> li .language{font-size: 13px; }
    .advancedBox> ul> li> ul> li select{width: 100%;}
    .advancedBoxBtn{margin-top: 30px; }
    .advancedBoxBtn> a{width: 100px; font-size: 13px; }
    /*서브콘텐츠 고급검색 끝*/

    /*서브콘텐츠 로그인 시작*/
    .loginBox{width: 100%; padding:20px; }
    .loginBox h3{font-size: 32px;}
    .loginTitle{font-size: 15px; }
    .loginTitle span{font-size: 11px;}
    .loginBox .loginBoxWrap dl, .loginBox .loginBoxWrap dt{font-size: 13px;}
    .loginBox .loginBoxWrap dl{padding-left: 80px; margin-bottom: 5px;}
    .loginBox .loginBoxWrap dt{width: 80px; }
    .loginBox .loginBoxWrap dd .loginInput{width: calc(100% - 12px); }
    .loginBox .loginBoxWrap .loginBtn{ position: relative; left: 0; top: 0;}
    .loginBox .loginBoxWrap .loginBtn input{height: 42px; width: 100%; }
    .loginBoxWrap .loginFail{font-size: 13px; padding: 15px 0 10px 0;}

    /*아이디비번찾기*/
    .loginBoxWrap .idpwFind{margin-top: 5px;}
    /*서브콘텐츠 로그인 끝*/

    /*서브콘텐츠 희망도서 시작*/
    .subCon .hopeText{margin: 10px 0 20px 0;}
    .subCon .hopeText> li{line-height: 1.5em; background: url(/libsearch/images/egovframework/uce/sub/li_list.png)no-repeat left 8px;}
    .subCon .hopeText> li:nth-child(3) > ul > li{line-height: 1.5em}
    .hopeText> li .hopeTextBtn1, .hopeText> li .hopeTextBtn2 {font-size: 13px; }
    .hopeText2> li{line-height: 2em !important;}

    /*서브콘텐츠 희망도서 시작*/

    /*서브콘텐츠 학술 시작*/
    .subCon .subConBtn> li a{padding: 10px; font-size: 13px; }
    /*서브콘텐츠 학술 시작*/

    /*서브콘텐츠 희망도서검색 시작*/
    .hopeBookSearchBox .searchText{width: 50%; font-size: 13px;}
    .hopeBookSearchBox .hopeBookSearchBtn{width: 23%; font-size: 13px;}
    .hopeBookSearchBox> ul> li{font-size: 13px;}
    .hopeText2> li{line-height: 1.2em;}
    .hopeTextBox{margin-top: 20px; margin-bottom: -10px;}

    /*서브콘텐츠 희망도서검색 시작*/

    /*서브콘텐츠 희망도서신청폼 시작*/
    .hoepTextBox{margin: 20px 0 50px 0;}
    .hopeBookTeble tr th,.hopeBookTeble tr td{padding: 10px; font-size: 13px;}
    .hope_img{overflow-x: auto; margin: 10px 0 30px 0;}
    .hope_img img{width: 100%; min-width: 700px;}
    /*서브콘텐츠 희망도서신청폼 시작*/

    .dataNone{background: url(/libsearch/images/egovframework/uce/sub/datanone.png)no-repeat 20% 50% ; background-size: 15%; font-size: 13px; padding: 50px 0 50px 40px;}

    footer{padding-bottom: 20px; font-size: 13px; }

    /*에러페이지*/
    .error_wrap> .error_wrap_box{margin-top: 100px;}
    .error_wrap> .error_wrap_box img{margin-left: 40px; width: 200px;}
    .error_wrap p{color: #7293a3; font-size: 20px; text-align: center; margin: 10px 0 30px 0;}
    .error_wrap .error_box{line-height: 1.5em; font-size: 13px; padding: 0 20px; box-sizing: border-box;}

    .aladdin{display: block;margin: 0 auto; text-align: center; font-size: 13px; margin-top: -50px;}
    .aladdin2{margin-top: 10px;}
    .aladdin3{margin-top: -50px;}

    .myBookHover:hover .bubble{display: none}

    /*메인페이지 인기신착도서*/
    .mainBook_wrap{margin-top: 50px;}
    .mainBook_wrap h3{font-size: 20px; }
    .mainBook_box> a{top: 12px;}
    .mainBook_wrap2{margin-top: 0;}
    .mainBook_wrap ul> li{width: 48.2%; height: 170px; margin-right: 2%;}
    .mainBook_wrap ul> li:nth-child(1), .mainBook_wrap ul> li:nth-child(2), .mainBook_wrap ul> li:nth-child(3), .mainBook_wrap ul> li:nth-child(4){margin-bottom: 5px;}
    .mainBook_wrap ul> li:nth-child(2), .mainBook_wrap ul> li:nth-child(4),.mainBook_wrap ul> li:nth-child(6){margin-right: 0;}
    .mainbooksHover a{padding: 10px;}
    .mainbooksHover p{margin: 33px auto; }
    .mainbooksHover p span{font-size: 17px;}
    .mainbooksHover p b{font-size: 13px;}
    .mainBook_wrap ul> li:nth-child(5){display: none;}
    .mainBook_wrap ul> li:nth-child(2n){margin-right: 0}
}