.searchPageInfo{border-bottom:1px solid #000; padding:10px 0; margin-bottom:20px;  line-height:1.2em;}
.searchPageInfo span{color:#b50081; font-weight:bold; }

.searchPageMainListTotal{position:relative;}
.searchPageMainListTotal > a{position:absolute; top:-46px; right:0; background:#b50081; color:#fff; width:74px; text-align:center; padding:8px 0;}
/*기본 메인 리스트*/

.searchTopSe{ margin:20px 0 50px 0; padding:30px; background:#f7f9fc;}
.imgContentBox:after{content:''; display:block; visibility:hidden; clear:both;}
.imgContentBox img{float:left; width:200px; height:240px;}
.imgContentBox figcaption{float:left; margin-left:30px; width: calc(100% - 230px); background:#f7f9fc; border-radius:20px; padding:25px; box-sizing:border-box; min-height:240px;}
.searchTopSe.imgContentBox figcaption{padding:15px;}
.imgContentBoxWide img{width:400px;}
.imgContentBoxWide figcaption{width: calc(100% - 430px);}
.imgContentBox figcaption dt{font-size:22px; line-height:32px; font-weight:600; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px}
.imgContentBox figcaption dd{line-height:28px; color:#555;}
/*이미지 소개글*/

.searchBasicBox{margin-top:45px; padding-top:40px; border-top:1px dashed #e5e5e5;}
.searchBasicBox h4{padding-top:8px; font-size:21px; font-weight:bold; margin-bottom:10px; line-height:32px; position:relative;}
.searchBasicBox h4:before{position:absolute; content:''; width:40px; height:3px; top:0; left:0;  background-color:#b50081;}
/*기본 텍스트 박스*/


.bx-wrapper .bx-viewport{background:none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display:inline-block; width:20px; right:-20px;}
.bx-wrapper .bx-controls-auto .bx-stop{width:28px; height:27px; background:url(/images/egovframework/scourt/main/slideStop.png); display:none;}
.bx-wrapper .bx-controls-auto .bx-start {width:28px; height:27px; background:url(/images/egovframework/scourt/main/slidePlay.png); display:none;}   
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:0;}
.bx-wrapper .bx-controls-direction a{width:45px; height:45px; border-radius:50px;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover{left:-75px; background:url("/images/egovframework/scourt/main/slideL.png") #014099 center center no-repeat;}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover{right:-75px; background:url("/images/egovframework/scourt/main/slideR.png") #014099 center center no-repeat;}
.bx-viewport a:focus img{border:2px dotted #00bf85 !important; box-sizing:border-box;}     
/*슬라이더 리셋*/

.searchSliderBox {padding:0 90px; box-sizing:border-box;}
.searchSlider li {padding:10px 0;}
.searchSlider li img{width:150px; height:200px; box-shadow:#bbb 1px 1px 10px; margin-bottom:25px;}
.searchSlider dt{
	font-size: 19px;
    margin-bottom: 12px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    line-height: 23px;
    height: 90px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height:1.3;
}
.searchSlider dd{font-size:15px; margin-bottom:5px; font-weight:100; color:#555; display:inline-block; margin-right:5px;} 
.searchSlider dd:first-of-type{width:100%;} 
.searchSlider dd:last-of-type{border-left:1px solid #ccc; padding-left:5px;} 
/*도서슬라이드*/


.mobileInfo{display:none;}

.searchBoardArea{border-top:1px solid #000; margin-bottom:20px; }
.searchBoard{width:100%; margin-bottom:10px; box-sizing:border-box; }
.searchBoard thead tr{font-weight :bold; border-bottom:1px solid #ccc;} 
.searchBoard tbody tr {border-bottom:1px solid #ddd; }
.searchBoard > thead > tr > *, .searchBoard > tbody > tr > *{padding :13px 5px; line-height:22px; text-align:center; vertical-align:middle; }
.searchBoard th {background:#f7f9fc;}
.searchBoard tbody tr td a{vertical-align:middle; display:inline-block;}
.searchBoard tbody tr td img{vertical-align:middle; margin:1px;}
.searchBoard img.bookCover {width:130px; border:1px solid #ddd;}
.searchBoard tbody tr td a.searchBoardBtn{background:#b50081; color:#fff; padding:2px 8px; border-radius:5px;}
/*세부 게시판 리스트*/ 



.facetTitle{width:100%; box-sizing:border-box; padding:20px; color:#fff;}
.facetData{border:1px solid #d4dce5; box-sizing:border-box; border-top:none; overflow-y:auto; height:100%; scrollbar-face-color: #cadbeb; scrollbar-track-color: #f0f6fa;  scrollbar-highlight-color: #f0f6fa; scrollbar-3dlight-color: #f0f6fa; scrollbar-shadow-color: #f0f6fa; scrollbar-darkshadow-color: #f0f6fa; scrollbar-width: thin; scrollbar-color: rgba(26, 100, 171, 0.2) #f0f6fa;}
.facetData::-webkit-scrollbar { width: 5px; }
.facetData::-webkit-scrollbar-track { background-color: #f0f6fa;}
.facetData::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(26, 100, 171, 0.2);}
.facetData::-webkit-scrollbar-button { width: 0; height: 0;}


.facetData > ul > li {position:relative;} 
.facetData > ul > li:after {position:absolute; top:10px; right:10px; color:#bdbfc3; font-size:20px; display:inline-block; content:'+';} 
.facetData > ul > li.active:after {position:absolute; top:10px; right:11px; color:#bdbfc3; font-size:20px; display:inline-block; content:'-';} 
.facetData > ul > li > p {font-size:17px; display:block; line-height:40px; padding-left:10px; border-top:1px solid #d4dce5; cursor:pointer;}  
.facetData > ul > li > ul {display:none; background:#f6f9fb; padding:8px 0;} 
.facetData > ul > li.active > ul {display:block;} 
.facetData > ul > li > ul > li{padding:10px 0 10px 15px;} 
.facetData > ul > li > ul > li label{margin-left:4px; font-size:14px;} 
.facetData > ul > li > ul > li input:checked + label{font-weight:bold;} 


.moreViewB{ display:none; cursor:pointer; position:absolute; bottom:13px; right:10px; padding:5px 5px 5px 18px; font-size:14px; color:#30507c; background:url(/images/egovframework/scourt/option1.png) 5px center no-repeat #fff; box-shadow:#b1c5e0 1px 1px 5px; border-radius:50px;}
.facetMView .moreViewB{background:url(/images/egovframework/scourt/option2.png) 5px center no-repeat #fff; }
.active .moreViewB{ display:block;}
.moreViewF{display:none;}
.facetMView .moreViewF{display:block;}
/*패싯 더보기*/
/*패싯*/

.searchItemBox {padding:5px 0; text-align:right;}
.languageOnOff b{margin-right:5px;}
.searchItemBox select{padding:0 25px 3px 5px; line-height:28px; height:30px; border:1px solid #ccc;  background:url(/images/egovframework/scourt/search/ssB.png) right center no-repeat; }
.searchItemBox select option{font-size:15px;}
.searchEBtn{width:100px; text-align:center; color:#fff; background:#b50081; display:inline-block; line-height:30px; vertical-align:bottom;}
.searchItemBox b{cursor:pointer;}
.searchOnOff b:first-of-type img{opacity:1; border: 1px solid #000;}
.searchOnOff b:last-of-type img{opacity:0.3; border: none;}
.searchListBox .searchOnOff b:last-of-type img{opacity:1; border: 1px solid #000;}
.searchListBox .searchOnOff b:first-of-type img{opacity:0.3;  border: none;}

.languageOnOff b:first-of-type{opacity:1; border: 1px solid #000;}
/* .languageOnOff b:last-of-type{opacity:0.3; border: none;} */
.languageOnOff b:last-of-type{opacity:1; border: none;}
.searchIL.active .languageOnOff b:last-of-type{opacity:1; border: 1px solid #000;}
/* .searchIL.active .languageOnOff b:first-of-type{opacity:0.3; border: none;} */
.searchIL.active .languageOnOff b:first-of-type{opacity:1; border: none;}
/*검색조건*/

.newRecoList li{width:20%; float:left; box-sizing:border-box; margin:35px 0; text-align:center; position:relative;}
.newRecoList li:after{width:94%; position:absolute; height:15px; display:block; content:''; bottom:-14px; left:3%; background:#fafafa; border:1px solid #ccc; box-sizing:border-box; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 10px;}
.newRecoList li > div {position:relative; width:170px; margin:0 auto;}
.newRecoList li > div > img{width:170px; height:240px; border:1px solid #ccc; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 10px; margin:0 auto; box-sizing:border-box;}
.newRecoList li > div > div{position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.75); color:#fff; padding:30px 15px 0px 15px; opacity:0;}
.newRecoList li > div:hover > div, .newRecoList li > div > div.active{opacity:1;}
.newRecoList li > div > div dl {margin-bottom:20px; padding : 5px;}
.newRecoList li > div > div dl dt{font-size:18px; line-height:22px; text-overflow:ellipsis; overflow:hidden; height:44px; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; display:-webkit-box; margin-bottom:25px;}
.newRecoList li > div > div dl dd{font-size:17px; line-height:25px; text-overflow:ellipsis; overflow:hidden; height:25px; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:break-all; display:-webkit-box; font-weight:lighter;}
.newRecoList li > div > div a{display:inline-block; margin:0 5px;}

/* 
	2023.06 이 달의 추천도서/신착도서 표지 없는 값 수정
	2025.06.17 이달의 추천도서 웹 접근성 작업 / 마우스 오버 안했을때 아이콘 노출되게끔 top 수정  
*/
.newRecoList li > div:not(:hover) > div{
    opacity: 1;
    transform: scale(1.1, 1.1);
    transition-duration: 0.3s;
    position: absolute;
    top: -35px;
    left: 0;
    bottom: 0;
    right: 0;
    background: none;
    color : #000000;
    padding: 55px 10px 0 10px;
    z-index: -1;
}


.judiBox li{float:left;}
.judiBox li > div{position:relative; border:1px solid #ccc; padding:20px 20px 20px 190px; box-sizing:border-box; min-height:265px;}
.judiBox li > div > img{position:absolute; width:150px; height:225px; top:20px; left:20px; box-sizing:border-box; border:1px solid #ddd;}
.judiBox li > div > a{position:absolute; background:#014099; color:#fff; padding:10px 15px; bottom:20px; right:20px;}
.judiBox li > div dt{font-size:22px; margin-bottom:10px; border-bottom:1px dashed #ddd; line-height:30px; font-weight:bold; color:#b50081; min-height:75px;} 
.judiBox li > div dt .engTitle{font-size:16px; font-weight:lighter; line-height:18px; display:block;} 
.judiBox li > div dd:first-of-type{  line-height:22px; min-height:110px;} 
.judiBox li > div dd:nth-of-type(2), .judiBox li > div dd:nth-of-type(3){ display:inline-block; color:#014099; } 
.judiBox li > div dd:nth-of-type(2){  margin-right:10px; padding-right:15px; border-right:1px solid #ccc;} 

.collectionToList ul li figure figcaption > a:first-of-type{padding-right:90px;} 
.collectionMoreB{position:absolute; top:0; right:0; left:auto !important; background:#b50081; color:#fff; width:74px !important; text-align:center; padding:8px 0; display:block !important; font-size:17px !important; line-height:17px !important; font-weight:normal !important;}



.searchLayerSc{overflow-y:scroll;}
.searchLayerSc h5{background:#f7f9fc; padding:20px; box-sizing:border-box; margin:15px 0 10px; border-top:2px solid #000; border-bottom:1px solid #ccc;} 
.searchBtn{background:#014099; padding:4px 15px 7px 15px; display:inline-block; vertical-align:top;}
.searchBtn img{width:16px;}
.searchEa{float:left; padding-top:10px; font-size:15px;}
.searchItemS label{font-size:15px;}
.searchLayerSc .paging{padding:5px 0 10px 0;}
.selectLoO{padding:10px 15px; background:#f7f9fc;}
.selectLoO ul li{float:left; width:25%; box-sizing:border-box; padding:5px 10px 5px 15px; font-size:15px; position:relative; line-height:20px;}
.selectLoO ul li:after{position:absolute; content:''; top:11px; left:3px;  width: 0;  height: 0;  border-bottom: 4px solid transparent;  border-top: 4px solid transparent;  border-left: 6px solid #014099;  border-right: 6px solid transparent;}
.listOpenView, .listOpenView2{display:none;}
.listOpenBtn,.listOpenBtn2{cursor:pointer;}
   
@media all and (max-width:767px) {

    .imgContentBox img{float:none; display:block; max-width:100%; height:auto; width:auto; margin:0 auto 20px auto;}
    .imgContentBox figcaption{float:none; margin-left:0px; width: 100%;  padding:15px; min-height:100px;}
    .imgContentBoxWide img{width:auto;}
    .imgContentBoxWide figcaption{width: 100% ; }
    .searchTopSe.imgContentBox figcaption{padding:0px;}
    .imgContentBox figcaption dt{font-size:20px; line-height:30px;}
    .imgContentBox figcaption dd{font-size:15px; line-height:22px;}
    /*이미지 소개글*/
    
    .searchBasicBox{margin-top:35px; padding-top:25px;} 
    .searchBasicBox h4{font-size:20px; margin-bottom:10px; line-height:24px;}
    /*기본 텍스트 박스*/

    .mobileInfo{display:block; font-size:14px; line-height:18px; padding:10px; border:1px dashed #d0dae8; margin-bottom:10px;}
    .searchBoardArea{overflow-x:scroll;}
    .searchBoard{width:800px; margin-bottom:0;}
    .searchBoard > tbody > tr > td {font-size:16px; line-height:22px; padding:10px 2px;}
    /*게시판 리스트*/ 
    
    .searchPageSearchBar{padding:20px 15px 17px 15px; background:#f7f9fc; text-align:right; margin-bottom:20px;}    
    .searchPageSearchBar div{margin-bottom:10px; text-align:left; padding-left:3px;}
    .searchPageSearchBar input[type="search"]{height:50px; border:1px solid #c8d2e0; width: calc(100% - 80px); box-sizing:border-box; padding:0 10px; background:#fff; vertical-align:middle; font-size:16px; margin-bottom:7px;}
    .searchPageSearchBar a{height:40px; line-height:38px; border:1px solid #c8d2e0; box-sizing:border-box; padding:0 10px; display:inline-block; background:#fff; color:#30507c; vertical-align:middle; font-size:16px; margin-bottom:3px;}
    .searchPageSearchBar a:first-of-type{height:50px; line-height:48px; background:#30507c; color:#fff; margin:0 0 7px -6px; border:1px solid #30507c; width:80px; text-align:center;}
    /*기본메인검색바*/

    .searchPageMainTab .sub_tab_nav{ display:flex; align-items:stretch; overflow-x:auto; margin-bottom:15px;}
    .searchPageMainTab .sub_tab_nav li{box-sizing:border-box; padding:5px 3px; flex:1; flex-direction:column; min-width:85px; display:inline-flex;}
    .searchPageMainTab .sub_tab_nav li:nth-of-type(4){min-width:130px;}
    .searchPageMainTab .sub_tab_nav li a{text-align:center; font-size:17px; border-bottom:3px solid #888; color:#888; padding-bottom:6px;}
    .searchPageMainTab .sub_tab_nav li a span{text-align:center; font-size:14px; font-weight:lighter; display:block; padding-top:5px; }
    .searchPageMainTab .sub_tab_nav li.active a, .searchPageMainTab .sub_tab_nav li a:hover{border-bottom:3px solid #014099; color:#014099; font-weight:bold;}
    .no-scroll { -ms-overflow-style: none;  scrollbar-width: none; }
    .no-scroll::-webkit-scrollbar {  display: none; }
    /*기본메인 탭*/  

    .searchItemBox {padding:25px 0 5px 0; position:relative;}
    .facetBtn b{height:30px; width:30px; color:#fff; border-radius:50px; display:inline-block; padding:3px 0; box-sizing:border-box; text-align:center; vertical-align:bottom;}
    .facetBtn b img{width:20px;}
    .facetBtn b span{display:none;}
    .searchEBtn{font-size:15px; width:75px;}
    .searchItemS{position:absolute; top:-10px; right:0;}
    .searchItemBox select{padding:0 20px 3px 3px; line-height:28px; height:30px; border:1px solid #ccc; background:url(/images/egovframework/scourt/search/ssB.png) right center no-repeat; font-size:15px;}
    /*검색조건*/
    
    .detailSearch{background:#ecf1f7; padding:10px 10px 10px 10px; box-sizing:border-box;}
    .detailSearchSection{padding:5px 0px;}
    .detailSearchSection p{border-bottom:1px solid #ccc; padding-bottom:7px; font-size:18px;}
    .detailSearchSection div{display:block; padding:5px 0; }
    .detailSearchSection div span{display:inline-block; margin-right:14px; padding:3px 0;}
    .detailSearchSection div span input{margin-right:4px;}
    .detailSearchSection div span label{font-size:16px;}
    .detailSearchTitle{display:block; font-weight:bold; margin-bottom:5px;}
    .detailSearch select{border:1px solid #ccc; width:120px; background:#fff url(/images/egovframework/scourt/search/ssB.png) right center no-repeat; height:34px; line-height:32px; box-sizing:border-box; padding:0px 5px 2px 5px; font-size:15px;}
    .detailSearchOption{border-top:2px solid #000; background:#fbfcfe; margin-bottom:10px;}
    .detailSearchOption > li{border-bottom:1px solid #bbb; padding:15px 8px 0px 8px;} 
    .detailSearchOption > li input{ border:1px solid #ccc; height:34px; line-height:32px; box-sizing:border-box; padding:0px 5px 2px 5px; font-size:14px;}
    .detailSearchOption > li input[type="search"]{width: 100%; margin-top:5px;}
    .detailSearchOption > li input[type="checkbox"]{margin:0 6px 0 4px;}
    .detailSearchOption > li input[type="date"]{width:45%;}
    .detailSearchOption > li input[type="checkbox"] + label{font-size:15px;}
    .detailSearchOption > li ul li{margin-bottom:15px;}
    .detailSearch .basicBtn{padding:10px 12px; }
    /*상세검색*/
    
    .detailViewPageBox{position:relative; padding-top:240px; margin-bottom:30px;}
    .detailViewPageBox > img{position:absolute; width:150px; height:215px; top:0; left:50%; margin-left:-75px;}
    .detailViewPageBox > figcaption{border-top:2px solid #000; padding-top:10px;}
    .detailViewPageBox > figcaption p{font-weight: bold; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;line-height:200%;}
    .detailViewPageBox > figcaption ul li{position:relative; font-weight:normal; line-height:19px; padding:4px 0 4px 80px; font-size:15px;}
    .detailViewPageBox > figcaption ul li span{position:absolute; left:0px; top:0; width:75px; display:block; font-weight:bold; line-height:27px;}
    .detailViewPageBox .spmLBbtn{padding-top:5px;}
    .detailViewPageBox .spmLRbtn{ margin-bottom:-20px;}
    /*검색상세페이지*/
    
    .searchBasicText{line-height:19px; font-size:15px;}

    
    .judiBox li > div{ padding:180px 15px 65px 15px; }
    .judiBox li > div > img{ width:110px; height:150px; top:15px; left:50%; margin-left:-55px; }
    .judiBox li > div > a{bottom:15px; right:15px;}
    .judiBox li > div dt{font-size:19px; line-height:24px; min-height:20px; padding-bottom:5px;} 
    .judiBox li > div dt .engTitle{font-size:15px;} 
    .judiBox li > div dd:first-of-type{font-size:15px; line-height:20px; min-height:20px; margin-bottom:10px;} 
    .judiBox li > div dd:nth-of-type(2), .judiBox li > div dd:nth-of-type(3){font-size:15px; line-height:20px; } 
    .judiBox li > div dd:nth-of-type(2){ margin-right:1px; padding-right:8px; } 

    
    .collectionToList ul li figure figcaption > a:first-of-type{padding-right:0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;  height: 96px;}     
    .collectionMoreB{ top:105px !important;}
}
/*모바일*/
@media all and (max-width:1358px) {
    .facetBox{display:none; position:fixed; left:0; top:0; bottom:0; z-index:9900; background:#fff; width:190px;}
    .facetData{ height: calc(100% - 47px);} 
    .facetCBtn{position:absolute; top:3px; right:0px; cursor:pointer;}
    
    .sub_Stab_nav{ display:flex; align-items:stretch; overflow-x:auto; margin-bottom:25px;}
    .sub_Stab_nav li{box-sizing:border-box; flex:1; flex-direction:column; display:inline-flex; margin-left:-1px; min-width:95px;}
    .sub_Stab_nav li.wideLi{min-width:130px;}
    .sub_Stab_nav li a{text-align:center; font-size:15px; border:1px solid #888; color:#888; padding:10px 0; display:inline-block;}
    .sub_Stab_nav li.active a, .sub_Stab_nav li a:hover{border-bottom:1px solid #014099; border-top:1px solid #014099; border-right:1px solid #fff; border-left:1px solid #fff; background:#014099; color:#fff}
    .sub_Stab_nav.no-scroll { -ms-overflow-style: none;  scrollbar-width: none; }
    .sub_Stab_nav.no-scroll::-webkit-scrollbar {  display: none; }
    /*서브탭*/   
    

    .layerBox > div.searchLayer{position: absolute; left:0%;  width: 100%; height:100vh; top:0%; background-color:#fff; box-sizing:border-box; padding:40px 0 70px 0; }
    .layerBox > div.searchLayer > div{padding:0 15px 15px 15px; box-sizing:border-box;}
    .searchLayerTop label{margin-left:8px;}
    .searchLayerTop div { margin: 10px 0px; border-top:1px solid #ccc; padding-top:10px;}
    .searchLayerTop div a{display:inline-block; border:1px solid #014099 ; color:#014099; padding:5px; margin: 4px 2px; min-width:100px; text-align:center; box-sizing:border-box;}
    .searchLayerTop div a.active, .searchLayerTop div a:hover{ color:#fff; background:#014099;}
    .searchLayerBoardArea{border-top:1px solid #000; margin-bottom:20px; height:calc(100vh - 130px);  overflow-y:scroll;}
    .searchLayerBoard colgroup col{width:100% !important;} 
    .searchLayerBoard{width:100%; margin-bottom:10px; box-sizing:border-box; font-size:15px;}
    .searchLayerBoard thead {display:none;} 
    .searchLayerBoard tbody tr { display:block; border-bottom:1px solid #ccc; padding:10px;}
    .searchLayerBoard tbody tr td {display: inline-block; padding :2px; margin-right:5px; line-height:18px; box-sizing:border-box; vertical-align:middle;}
    .searchLayerBoard tbody tr td:nth-of-type(1) {border:1px solid #014099; color:#014099; padding :3px 10px 2px; border-radius:50px;}
    .searchLayerBoard tbody tr td:nth-of-type(2):before {content:"등록번호 : "; color:#587297;}
    .searchLayerBoard tbody tr td:nth-of-type(3):before {content:"청구기호 : "; color:#587297;}
    .searchLayerBoard tbody tr td:nth-of-type(4) {border:1px solid #eee; background:#f7f9fc; padding : 7px; margin:8px 0;}
    .searchLayerBoard tbody tr td:nth-of-type(5):before {content:"발행년도 : "; color:#587297;}
    .searchLayerBoard tbody tr td:nth-of-type(6):before {content:"도서상태 : "; color:#587297;}
    .searchLayerBoard input{ vertical-align:baseline; }
    .searchLayerBoard tbody tr td a{vertical-align:middle; display:inline-block; margin:0 3px; background:#b50081; color:#fff; padding:3px 5px; border-radius:5px;}
    /*소장정보 레이어창*/
    
    .judiBox li{width:100%; margin:0 0 20px 0px;}


    .searchLayerSc .searchItemBox{ padding:5px 0; }
    .searchLayerSc .searchItemS{position:static;}
    .searchLayerSc h5{ padding:10px; margin:15px 0 5px; }     
    .layerBox > div.searchLayerSc > div{ margin-bottom:20px;}  
    .searchLayerBoardArea2{border-top:1px solid #000;}
    .searchLayerBoard2 colgroup col{width:100% !important;} 
    .searchLayerBoard2{width:100%; margin-bottom:10px; box-sizing:border-box; font-size:15px;}
    .searchLayerBoard2 thead {display:none;} 
    .searchLayerBoard2 tbody tr { display:block; border-bottom:1px solid #ccc; padding:10px;}
    .searchLayerBoard2 tbody tr td {display: inline-block; padding :2px; margin-right:5px; line-height:18px; box-sizing:border-box; vertical-align:middle;}
    .searchLayerBoard2 tbody tr td:nth-of-type(1) {border:1px solid #014099; color:#014099; padding :3px 10px 2px; border-radius:50px;}
    .searchLayerBoard2 tbody tr .searchBTitle {border:1px solid #eee; background:#f7f9fc; padding : 7px; margin:8px 0; width:100%;} 
    .searchLayerBoard2 tbody tr td a, .listOpenBtn2{vertical-align:middle; display:inline-block; background:#b50081; color:#fff; padding:3px 5px; border-radius:5px;}    
    .selectLoO ul li{width:50%;}

}
/*태블릿 모바일*/
@media all and (max-width:549px) {

    .searchPageInfo{font-size:15px; }    

    .searchPageMainList > ul{border-top:2px solid #000;}
    .searchPageMainList > ul > li{border-bottom:1px solid #ccc; padding:15px 5px; }
    .searchPageMainList > ul > li figure{position:relative; padding-top:150px; box-sizing:border-box; min-height:140px;}
    .searchPageMainList > ul > li figure > img{position:absolute; width:100px; height:140px; left:0px; top:0; box-shadow:1px 1px 5px #ccc;}
    .searchPageMainList > ul > li figure figcaption > a{font-size:17px; font-weight:bold; line-height: 24px; display:inline-block; box-sizing:border-box; width: calc(100% - 115px); position:absolute; top:0; left:115px;
     overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; height: 120px;   }
    span.searchPageBul{font-size:14px; font-weight:lighter; line-height: 20px; display:inline-block; text-align:center; padding:2px 5px; border:1px solid #000; background:#fafafa; margin-right:3px; }

    .searchPageMainList > ul > li figure figcaption > ul li{font-size:15px; color:#666; line-height: 18px; display:inline-block; margin:1px 4px 2px 0; border-left:1px solid #ccc; padding-left:5px;}
    .searchPageMainList > ul > li figure figcaption > ul li:first-of-type{ border-left:none; padding-left:0;}
    .spmLBbtn {margin: 8px 0;}
    .spmLBbtn > a{display:inline-block; width: calc(45% - 4px); padding:2px; text-align:center; line-height:30px; border-radius:50px; background:#014099; color:#fff; box-sizing:border-box; font-size:16px;}
    .spmLBbtn > a:last-of-type{margin-left:3px; width: calc(55% - 4px);}
    .spmLRbtn{ text-align:right; }
    .spmLRbtn > a{display:inline-block; margin:3px 0 0 1px; border:1px solid #ccc; padding:2px; color:#2e4a76; background:#fafafa; font-size:14px; text-align:center; border-radius:5px; letter-spacing:-.5px;}
    .spmLRbtn > a img{display:block; margin:0 auto 4px auto; width:24px;}
    .spmLTextT{ padding:7px 10px; background:#f7f9fc; margin:8px 0 5px 0; }
    .spmLTextT p{line-height:20px; text-overflow:ellipsis; overflow:hidden; max-height:40px; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; display:-webkit-box; font-size:15px;}
    /*이미지형*/    
    .searchListBox .searchPageMainList > ul > li{ padding:10px 5px; }
    .searchListBox .searchPageMainList > ul > li figure{padding:0px; min-height:30px;}
    .searchListBox .searchPageMainList > ul > li figure > img{display:none;}
    .searchListBox .searchPageMainList > ul > li figure figcaption > a{ width: 100%; position:inherit; margin-bottom:5px;}
    .searchListBox .searchPageMainList > ul > li figure figcaption > ul {margin-bottom:0px;}
    .searchListBox .spmLBbtn {padding-top:5px; margin:0;}
    .searchListBox .spmLRbtn{position:inherit; padding-top:10px; text-align:left;}
    .searchListBox .spmLRbtn > a{display:inline-block; margin:0 4px 3px 0; padding:5px 6px;}
    .searchListBox .spmLRbtn > a img{display:none;}
    .searchListBox .spmLTextT{display:none;}
    /*목록형*/
    /*기본 메인 리스트*/    
    .detailViewPageBox .spmLBbtn > a{width:100% !important; }
}
/*메인리스트 모바일*/
@media all and (min-width:550px) {	    
        
    .searchPageMainList > ul{border-top:2px solid #000;}
    .searchPageMainList > ul > li{border-bottom:1px solid #ccc; padding:30px 20px; }
    .searchPageMainList > ul > li figure{position:relative; padding-left:150px; box-sizing:border-box; min-height:170px;}
    .searchPageMainList > ul > li figure > img{position:absolute; width:120px; height:170px; left:0; box-shadow:1px 1px 5px #ccc;}
   
    span.searchPageBul{font-size:17px; font-weight:lighter; line-height: 24px; display:inline-block; padding:3px 10px; border:1px solid #000; background:#fafafa; margin-right:10px;}
    .searchPageMainList > ul > li figure figcaption > ul {margin-bottom:15px;}
    .searchPageMainList > ul > li figure figcaption > ul li{font-size:16px; color:#666; line-height: 24px; display:inline-block; margin-right:16px; border-left:1px solid #ccc; padding-left:18px;}
    .searchPageMainList > ul > li figure figcaption > ul li:first-of-type{ border-left:none; padding-left:0;}
    /*이미지형*/
    .searchListBox .searchPageMainList > ul > li{ padding:10px 10px; }
    .searchListBox .searchPageMainList > ul > li figure{padding-left:0px; min-height:50px;}
    .searchListBox .searchPageMainList > ul > li figure > img{display:none;}
    .searchListBox .searchPageMainList > ul > li figure figcaption > ul {margin-bottom:0px;}
     /*목록형*/
    /*기본 메인 리스트*/
}
/*메인리스트 피씨태블릿*/
@media all and (min-width:768px) {	    

    .detailSearch{background:#ecf1f7; padding:20px 30px 30px 30px; box-sizing:border-box;}
    .detailSearchSection{padding:10px 5px 15px 15px;}
    .detailSearchSection div{display:inline-block; padding:7px 0 7px 8px; }
    .detailSearchSection div span{display:inline-block; margin-right:14px;}
    .detailSearchSection div span input{margin-right:4px;}
    .detailSearchTitle{display:inline-block; width:120px; padding:7px 2px; box-sizing:border-box; font-weight:bold; border-right:1px solid #cfcfcf; margin-right:5px;}
    .detailSearch select{border:1px solid #ccc; width:120px; margin-right:5px; background:#fff url(/images/egovframework/scourt/search/ssB.png) right center no-repeat; height:34px; line-height:32px; box-sizing:border-box; padding:0px 5px 2px 5px;}
    .detailSearchOption{border-top:2px solid #000; background:#fbfcfe; margin-bottom:20px;}
    .detailSearchOption > li{border-bottom:1px solid #bbb; padding:20px 15px 10px 15px;} 
    .detailSearchOption > li input{ border:1px solid #ccc; height:34px; line-height:32px; box-sizing:border-box; padding:0px 5px 2px 5px;}
    .detailSearchOption > li input[type="search"]{width: calc(100% - 130px);}
    .detailSearchOption > li input[type="checkbox"]{margin:0 6px 0 4px;}
    .detailSearchOption > li ul li{margin-bottom:10px;}
    .detailSearchOption > li:last-of-type ul li{display:inline-block; min-width:400px;}
    .detailSearch .basicBtn{padding:15px 35px;}
    /*상세검색*/

    .detailViewPageBox{position:relative; padding-left:300px; min-height:400px; margin-bottom:50px;}
    .detailViewPageBox > img{position:absolute; width:270px; height:400px; top:0; left:0;}
    .detailViewPageBox > figcaption{border-top:2px solid #000; padding-top:15px;}
    .detailViewPageBox > figcaption p{font-weight: bold; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:10px;line-height:200%;}
    .detailViewPageBox > figcaption ul {width: calc(100% - 200px);}
    .detailViewPageBox > figcaption ul li{position:relative; font-weight:normal; line-height:20px; padding:7px 0 7px 100px;}
    .detailViewPageBox > figcaption ul li span{position:absolute; left:0px; top:0; width:90px; display:block; font-weight:bold; line-height:34px;}
    .detailViewPageBox .spmLBbtn{padding-top:10px;}
    .detailViewPageBox .spmLRbtn{bottom:0; right:0; width:240px; top:auto;}
    /*검색상세페이지*/
    
    .searchBasicText{line-height:22px;}
     
    /*.searchPageMainList > ul > li figure figcaption > a:first-of-type{font-size:19px; font-weight:bold; line-height: 30px; display:inline-block; margin-bottom:10px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  height: 60px; max-width:calc(100% - 250px);  }*/
    
    .searchPageMainList > ul > li figure figcaption > a {
	    font-size: 19px;
	    font-weight: bold;
	    line-height: 30px;
	    display: inline-block;
	    margin-bottom: 10px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    word-wrap: break-word;
	    height: 60px;
	    max-width: calc(100% - 200px);
	}
}
/*피씨태블릿*/
@media all and (min-width:550px) and (max-width:767px) {	    
        
    .searchPageMainList > ul > li figure{ padding:0 0 70px 145px;}
    .searchBasicBox:nth-of-type(5) .searchPageMainList > ul > li figure{ padding:0 0 0px 145px; }
    .spmLRbtn{position:absolute; bottom:0; right:0; }
    
    .searchPageMainList > ul > li figure figcaption > a:first-of-type{font-size:19px; font-weight:bold; line-height: 30px; display:inline-block; margin-bottom:10px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  height: 60px; }
    /*기본 메인 리스트*/

}
@media all and (min-width:768px) and (max-width:1358px) {
    
    .imgContentBox figcaption{margin-left:20px;}
    .imgContentBoxWide img{width:200px; height:120px;}
    .imgContentBoxWide figcaption{width: calc(100% - 220px); padding:15px; min-height:120px;}
    .searchTopSe.imgContentBoxWide figcaption{padding:5px;}
    /*이미지 소개글*/

    .searchPageSearchBar{padding:55px 30px; background:#f7f9fc; text-align:center; margin-bottom:50px;}
    .searchPageSearchBar div{margin-bottom:10px; text-align:left; padding-left:1px;}
    .searchPageSearchBar input[type="search"]{height:66px; border:1px solid #c8d2e0; width: calc(100% - 365px); box-sizing:border-box; padding:0 15px; background:#fff; vertical-align:middle;}
    .searchPageSearchBar a{height:66px; line-height:64px; border:1px solid #c8d2e0; box-sizing:border-box; padding:0 15px; display:inline-block; background:#fff; color:#30507c; vertical-align:middle; font-size:18px;}
    .searchPageSearchBar a:first-of-type{ background:#30507c; color:#fff; margin-left:-6px; border:1px solid #30507c; padding:0 25px;}
    /*기본메인검색바*/

    .searchPageMainTab .sub_tab_nav{margin-bottom:30px;}
    .searchPageMainTab .sub_tab_nav li{float:left; width:16.3%; box-sizing:border-box; padding:0 4px; }
    .searchPageMainTab .sub_tab_nav li:nth-of-type(4){width:18%;}
    .searchPageMainTab .sub_tab_nav li a{text-align:center; font-size:18px; border-bottom:3px solid #888; color:#888; padding-bottom:8px;}
    .searchPageMainTab .sub_tab_nav li a span{text-align:center; font-size:15px; font-weight:lighter; display:block; padding-top:7px; }
    .searchPageMainTab .sub_tab_nav li.active a, .searchPageMainTab .sub_tab_nav li a:hover{border-bottom:3px solid #014099; color:#014099; font-weight:bold;}
    /*기본메인 탭*/
    
    .searchItemBox {padding:0px 0 5px 0; position:relative;}
    .searchPageFacetBox .searchItemBox {padding:50px 0 5px 0; position:relative;}
    .facetBtn b{padding:10px 20px; color:#fff; border-radius:50px; position:absolute; top:-5px; right:0;}
    .facetBtn b img{margin-right:5px;}
    /*패싯버튼*/
    
    .searchPageMainList > ul > li figure{ padding:0 0 0px 145px;}
    .spmLRbtn{position:absolute; top:0; right:0; }

    /*기본 메인 리스트*/
        
}
/*tablet*/
@media all and (min-width:550px) and (max-width:1358px) {	    
        
    .spmLBbtn {padding-top:24px;}
    .spmLBbtn > a{display:inline-block; padding:2px 20px; line-height:30px; border-radius:50px; background:#014099; color:#fff; margin-right:10px;}


    .spmLRbtn > a{display:inline-block; margin-left:10px; border:1px solid #ccc; padding:5px; color:#2e4a76; background:#fafafa; font-size:14px; text-align:center; border-radius:5px;}
    .spmLRbtn > a img{display:block; margin:0 auto 5px auto;}
    .spmLTextT{ padding:10px; background:#f7f9fc;}
    .spmLTextT p{line-height:20px; text-overflow:ellipsis; overflow:hidden; max-height:40px; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; display:-webkit-box; font-size:15px;}
    /*이미지형*/    
    .searchListBox .searchPageMainList > ul > li figure, .searchListBox .searchBasicBox:nth-of-type(5) .searchPageMainList > ul > li figure{ padding:0; }
    .searchListBox .spmLBbtn {padding-top:10px;}
    .searchListBox .spmLRbtn{position:inherit; padding-top:10px; text-align:left;}
    .searchListBox .spmLRbtn > a{display:inline-block; margin:0 5px 0 0; padding:5px 10px;}
    .searchListBox .spmLRbtn > a img{display:none;}
    .searchListBox .spmLTextT{display:none;}
    /*목록형*/
    /*기본 메인 리스트*/

}
@media all and (min-width:1359px) {    
    .searchPageSearchBar{padding:65px 107px; background:#f7f9fc; text-align:center; margin-bottom:60px;}
    .searchPageSearchBar div{margin-bottom:10px; text-align:left; padding-left:1px;}
    .searchPageSearchBar input[type="search"]{height:66px; border:1px solid #c8d2e0; width:700px;box-sizing:border-box; padding:0 25px; background:#fff; vertical-align:middle;}
    .searchPageSearchBar a{height:66px; line-height:64px; border:1px solid #c8d2e0; box-sizing:border-box; padding:0 25px; display:inline-block; background:#fff; color:#30507c; vertical-align:middle; font-size:18px;}
    .searchPageSearchBar a:first-of-type{ background:#30507c; color:#fff; margin-left:-6px; border:1px solid #30507c;}
    /*기본메인검색바*/

    .searchPageMainTab .sub_tab_nav{margin-bottom:40px;}
    .searchPageMainTab .sub_tab_nav li{float:left; width:16.6%; box-sizing:border-box; padding:0 7px;}
    .searchPageMainTab .sub_tab_nav li a{text-align:center; font-size:23px; border-bottom:3px solid #888; color:#888; padding-bottom:12px;}
    .searchPageMainTab .sub_tab_nav li a span{text-align:center; font-size:15px; font-weight:lighter; display:block; padding-top:8px;}
    .searchPageMainTab .sub_tab_nav li.active a, .searchPageMainTab .sub_tab_nav li a:hover{border-bottom:3px solid #014099; color:#014099; font-weight:bold;}
    /*기본메인 탭*/
    .searchPageMainList > ul > li figure figcaption{overflow:auto;}
    .spmLBbtn {padding-top:24px;}
    .spmLBbtn > a{display:inline-block; padding:2px 20px; line-height:30px; border-radius:50px; background:#014099; color:#fff; margin-right:10px;}
    .spmLRbtn{position:absolute; top:0; right:0; }
    .spmLRbtn > a{display:inline-block; margin-left:10px; border:1px solid #ccc; padding:5px; color:#2e4a76; background:#fafafa; font-size:14px; text-align:center; border-radius:5px;}
    .spmLRbtn > a img{display:block; margin:0 auto 5px auto;}
    .spmLTextT{ padding:10px; background:#f7f9fc;}
    .spmLTextT p{line-height:20px; text-overflow:ellipsis; overflow:hidden; max-height:40px; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; display:-webkit-box; font-size:15px;}
    /*.spmLTextT + .spmLRbtn{bottom:-70px;}*/
    /*이미지형*/
    .searchListBox .spmLBbtn {padding-top:10px;}
    .searchListBox .spmLRbtn > a{display:inline-block; margin:0 5px 0 0; padding:5px 10px;}
    .searchListBox .spmLRbtn > a img{display:none;}
    .searchListBox .spmLTextT{display:none;}
    .searchListBox .spmLTextT + .spmLRbtn{position:inherit; padding-top:10px; text-align:right;}
    /*목록형*/
    /*기본 메인 리스트*/
    
    /*.searchPageFacetBox{padding-left:220px; position:relative; min-height:400px;}*/
    .searchPageFacetBox{padding-left:220px; position:relative; min-height:768px;}
    .facetData{border:none;}
    .facetBox{ width:200px; position:absolute; top:0; left:0; bottom:0; overflow:hidden; display:inline-flex; flex-direction:column;}    
    .facetData > ul > li {border:1px solid #d4dce5; border-top:none;} 
    .facetData > ul > li > p {border-top:none;}  
    .facetBtn, .facetCBtn{display:none;}
    /*기본 메인 리스트 + 패싯*/

    
    .sub_Stab_nav{margin-bottom:20px;}
    .sub_Stab_nav li{float:left; width:16.7%; box-sizing:border-box; margin-left:-1px;}
    .sub_Stab_nav li a{text-align:center; font-size:17px; border:1px solid #888; color:#888; padding:10px 0;}
    .sub_Stab_nav li.active a, .sub_Stab_nav li a:hover{border-bottom:1px solid #014099; border-top:1px solid #014099; border-right:1px solid #fff; border-left:1px solid #fff; background:#014099; color:#fff;}
    /*서브 탭*/
    
    .layerBox > div.searchLayer{position: absolute; left:50%; margin-left:-500px; width: 1000px; height:560px; top:50%; margin-top:-280px; background-color:#fff; box-sizing:border-box; padding:30px; }
    .searchLayerTop label{margin-left:8px;}
    .searchLayerTop div { margin: 22px 0px 12px 0; border-top:1px solid #ccc; padding-top:12px;}
    .searchLayerTop div a{display:inline-block; border:1px solid #014099 ; color:#014099; padding:5px; margin: 4px 2px;  min-width:100px; text-align:center; box-sizing:border-box;}
    .searchLayerTop div a.active, .searchLayerTop div a:hover{ color:#fff; background:#014099;}
    .searchLayerBoardArea{border-top:1px solid #000; height:395px; margin-bottom:30px; overflow-y:scroll;}
    .searchLayerBoard{width:100%; margin-bottom:10px; box-sizing:border-box; font-size:15px;}
    .searchLayerBoard thead tr{border-bottom:1px solid #ccc;} 
    .searchLayerBoard tbody tr {border-bottom:1px solid #ddd;}
    .searchLayerBoard > thead > tr > *, .searchLayerBoard > tbody > tr > *{padding :10px 1px; line-height:20px; text-align:center; vertical-align:middle; }
    .searchLayerBoard input{ vertical-align:baseline; }
    .searchLayerBoard th {background:#f7f9fc;}
    .searchLayerBoard tbody tr td:nth-of-type(4){text-align:left;}
    .searchLayerBoard tbody tr td a{vertical-align:middle; display:inline-block; margin:0 3px; background:#b50081; color:#fff; padding:3px 5px; border-radius:5px;}
    /*소장정보 레이어창*/
    
    .judiBox li{width:calc(50% - 10px); margin:0 0 20px 20px;}
    .judiBox li:nth-of-type(2n+1){margin-left:0px;}   
    
    
    .layerBox > div.searchLayerSc{ height:700px; margin-top:-350px;}  
    .layerBox > div.searchLayerSc > div{ margin-bottom:30px;}  
    .searchLayerBoardArea2{border-top:1px solid #000; margin-bottom:10px; }
    .searchLayerBoard2{width:100%; box-sizing:border-box; font-size:15px;}
    .searchLayerBoard2 thead tr{border-bottom:1px solid #ccc;} 
    .searchLayerBoard2 tbody tr {border-bottom:1px solid #ddd;}
    .searchLayerBoard2 > thead > tr > *, .searchLayerBoard2 > tbody > tr > *{padding :7px; line-height:20px; text-align:center; vertical-align:middle; }
    .searchLayerBoard2 input{ vertical-align:baseline; }
    .searchLayerBoard2 th {background:#f7f9fc;}
    .searchLayerBoard2 > tbody > tr .searchBTitle{text-align:left;}
    .searchLayerBoard2 tbody tr td a, .listOpenBtn2{vertical-align:middle; display:inline-block; margin:0 3px; background:#b50081; color:#fff; padding:3px 5px; border-radius:5px;}
   /*소장정보 레이어창*/
}
/*pc*/


@media all and (max-width:499px) {        
    .newRecoList li{width:100%;  margin:10px 0 30px;}
    /*신착추천도서*/    
}
@media all and (min-width:500px) and (max-width:699px) {        
    .newRecoList li{width:50%; margin:10px 0 30px; }
    /*신착추천도서*/    
}
@media all and (min-width:700px) and (max-width:1049px) {        
    .newRecoList li{width:33.3%; margin:20px 0; }
    /*신착추천도서*/    
}
@media all and (min-width:1050px) and (max-width:1358px) {        
    .newRecoList li{width:25%;}
    /*신착추천도서*/    
}
/*신착추천도서*/