.mCardBox{padding:90px 30px 30px; background:#f6f9fc;}
.mCardBox > div{max-width:360px; margin:0 auto;}
/*.mCardImg{ box-shadow:2px 2px 0px #031f46; border-radius:10px; box-sizing:border-box; padding:20px; margin-bottom:20px;} 
.mCardImg h3{ color:#fff; font-size:20px; font-weight:bold; margin-bottom:60px; text-align:right;} 
.mCardImg h3 span{ color:rgba(255, 255, 255, 0.5); font-size:14px; font-weight:bold; margin-bottom:5px; display:block;}
.mCardImg ul li{ color:#fff; font-size:17px; font-weight:bold; margin-top:10px; padding-left:85px; position:relative;} 
.mCardImg ul li span{ color:rgba(255, 255, 255, 0.8); font-weight:normal; position:absolute; left:0;} */ 
.mCardBarcode{border-radius:10px; box-sizing:border-box; padding:25px 10px; margin-bottom:20px; background:#fff; box-shadow:2px 2px 6px #dde7f6; text-align:center;}
.mCardBarcode h3{margin-bottom:20px; font-size:20px; font-weight:bold;}
.mCardBarcode p{margin-bottom:5px; color:#014099;}
.mCardBarcode div{margin-bottom:20px;}
.mCardInfo ul li{float:left; width:33.3%; box-sizing:border-box; margin-bottom:10px; color:#b50081; text-align:center; }
.mCardInfo ul li span{display:inline-block; padding-right:10px; color:#000;}
.mCardInfo ul li:last-of-type{width:100%;padding:15px; border:1px solid #94afd5; margin-bottom:20px; color:#014099;} 
.mCardGuide{border:1px solid #ccc; padding:15px;}
.mCardGuide h3{padding-top:8px; font-size:19px; font-weight:bold; margin-bottom:10px; line-height:30px; position:relative;}
.mCardGuide h3:before{position:absolute; content:''; width:40px; height:3px; top:0; left:0; background-color:#b50081;}
.mCardGuide ul li{padding-left:15px; line-height:20px; margin-top:6px; position:relative;} 
.mCardGuide ul li:after{position:absolute; content:''; top:5px; left:0px;  width: 0;  height: 0;  border-bottom: 4px solid transparent;  border-top: 4px solid transparent;
  border-left: 6px solid #014099;  border-right: 6px solid transparent;}
.mCardBox > a{background:#014099; color:#fff; text-align:center; padding:15px; box-sizing:border-box; margin-top:18px;} 
/*모바일회원증*/

.policyLsit > div{padding-top:50px;}
.policyLsit > div h4{font-size:22px; line-height:30px; margin-bottom:15px; font-weight:bold; color:#014099;}
.policyLsit > div > ul{margin-bottom:20px;}
.policyLsit > div > ul:last-of-type{ margin-bottom:0px;}
.policyLsit > div > ul > li{padding-left:20px; font-size:17px; line-height:25px; margin-bottom:10px; text-indent:-20px; }
.policyLsit > div > ul > li:last-child{margin-bottom:0px;}
.policyLsit > div ol{margin:5px 0px 15px 0px; font-size:16px; line-height:20px; color:#555;}   
.policyLsit > div ol > li{margin-bottom:6px; padding-left:20px;}  
.policyLsit > div > ul  .indentD{ text-indent:0px; padding:0;}
.policyLsit  a{display:inline-block; padding:5px 10px !important;}
/*처리방침*/
.policyLsit p, .greyBox p{font-size:17px; line-height:25px; margin-bottom:20px;}

.videoDownBox a{display:inline-block; margin:0 0 8px 8px;}
.videoDownBox .slideDownBtn{display:inline-block; margin-right:5px;}
.videoDownBox .slideData{margin-bottom:8px; border:1px solid #ddd; box-sizing:border-box; padding:15px; text-align:center;}
.videoDownBox .slideData img{max-width:100%;}


.thesaurusSBox{background:url(/images/egovframework/scourt/collection/thesaurusBg2.png) right center no-repeat; background-size:cover; box-sizing:border-box; min-height:270px; padding:75px 150px; margin-bottom:50px;}
.thesaurusSBox label{font-size:20px; display:block; margin-bottom:12px; font-weight:700;} 
.thesaurusSBox input{width:500px; line-height:60px; height:60px; border-radius:50px; border:none; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px; padding:0 20px;} 
.thesaurusSBox a{line-height:60px; height:60px; border-radius:50px; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px; padding:0 30px; display:inline-block; color:#fff; margin-left:8px;} 
/*시소러스 검색*/

.thesaurusListBox:after{content: ''; display: block; clear: both; visibility: hidden;}
.thesaurusListBoxL {float:left; width:40%; box-sizing:border-box;}
.thesaurusListBoxR {float:left; width:60%; box-sizing:border-box;}
.thesaurusListBox100{float:none; width:100%;}
.thesaurusListTitle:after{content: ''; display: block; clear: both; visibility: hidden;}
.thesaurusListTitle{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f9fc; }
.thesaurusListTitle > span{float:left; display:block; text-align:center; padding:15px; border-left:1px solid #ccc; box-sizing:border-box;}
.thesaurusListBoxL .thesaurusListTitle > span{width:100%; }
.thesaurusListBoxR .thesaurusListTitle > span:first-of-type{width:120px;}
.thesaurusListBoxR .thesaurusListTitle > span:last-of-type{width:calc(100% - 120px); border-right:1px solid #ccc;}
.thesaurusListBoxL > ul, .thesaurusListBoxR > ul{height:350px; overflow-y:scroll; border-left:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.thesaurusListBox100 > ul{height:auto; overflow-y:visible; border-bottom:none;}
.thesaurusListBoxL > ul{padding:5px 10px;}
.thesaurusListBoxL > ul li{ padding:10px 5px; box-sizing:border-box; line-height:22px;}
.thesaurusListBoxL > ul li a:hover{color:#014099;}
.thesaurusListBoxR > ul { border-right:1px solid #ccc;}
.thesaurusListBoxR > ul > li:after{content: ''; display: block; clear: both; visibility: hidden;}
.thesaurusListBoxR > ul > li {border-bottom:1px solid #ccc;}
.thesaurusListBoxR > ul > li span{display:block; padding:15px; float:left; width:119px; box-sizing:border-box;}
.thesaurusListBoxR > ul > li ul { float:left; width:calc(100% - 120px); border-left:1px solid #ccc; box-sizing:border-box;}
.thesaurusListBoxR > ul > li ul li { box-sizing:border-box; padding:15px; border-bottom:1px solid #ccc;}
.thesaurusListBoxR > ul > li ul li:last-of-type {border-bottom:none;}
/*시소러스 테이블*/
/*시소러스*/
.basketBtnBox{border-bottom:1px solid #ccc; padding:30px 0; margin-bottom:50px;}
/*바구니*/

.lxPatch a{padding-top:140px; display:inline-block; margin-right:30px; width:160px; text-align:center; line-height:1.3em;}
.lxPatch a.lxUsb{background:url(/images/egovframework/scourt/collection/lxUsb.png) center top no-repeat;}
.lxPatch a.lxDvd{background:url(/images/egovframework/scourt/collection/lxDvd.png) center top no-repeat;}
.lxRadio{background:#f7f9fc; margin:0 0 0 3px !important; box-sizing:border-box; padding:25px; border:1px solid #ccc; border-bottom:0;} 
.lxRadio span{display:inline-block; margin:5px 20px 5px 0;} 
.lxRadio label{margin-left:7px; font-size:18px;} 
.lxRadio + .greyBox .subTapBasic li > a{ font-size:17px; line-height:35px; padding:0 15px;}
.lxRadio + .greyBox .subTapBasic{margin:10px 0 25px;}
/*lx*/

.bookListInfo{padding-bottom:10px; box-sizing:border-box; border-bottom:2px solid #555; width:100%; }
.bookListInfo span{color:#b50081; font-weight:bold;}
.bookImgList li{padding:20px 0; border-bottom:1px solid #ccc;}
.bookImgList li figure:after{content: ''; display: block; clear: both; visibility: hidden;}
.bookImgList li img{width:150px; float:left; height:220px;}
.bookImgList li figcaption{width:440px; float:left; margin-left:25px;}
.bookImgList li dt{font-size:20px; font-weight:bold; line-height:1.3em; margin-bottom:10px;}
.bookImgList li dt span{color:#b50081; }
.bookImgList li dd{display:inline-block; font-size:16px; margin-right:8px; line-height:20px;}
.bookImgList li dd:last-of-type{display:block; font-size:16px; margin:40px 0 15px 0; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; height:60px;}
/*희망도서신청하기*/

.copyrightBox {text-align:left;}
.layerBox > div.layerBoxIn .copyrightBox .textType1 h4{font-size:22px; margin-bottom:15px;}
.copyrightBox  > p{text-align:center; padding-bottom:50px; border-bottom:1px solid #aaa; font-size:30px;}
/*미소장저작물등록*/


.surveyBox {border-top:2px solid #000; margin-bottom:15px;}
.surveyBox li{border-bottom:1px solid #ccc;}
.surveyBox li > p {border-bottom:1px solid #ccc; position : relative;  padding : 20px 0 20px 105px; line-height:23px; font-weight : bold; background:#f7f9fc;}
.surveyBox li > p span { display : block; position : absolute; top : 14px; left : 20px; width :70px; text-align : center; padding:5px 0 4px 0; border:1px solid #014099; color:#014099; background:#fff; border-radius:50px;}    
.surveyBox li > p + div{padding:20px 20px 20px 105px; box-sizing:border-box;}
.surveyCheck span{display:block; margin-bottom:15px; position:relative; padding-left:20px;}    
.surveyCheck span input{ position:absolute; top:5px; left:0;}    
.surveyCheck span label{ line-height:1.5em;}    
.surveyCheck span:last-of-type{margin-bottom:0px;}    
.surveyText input{width:50%; box-sizing:border-box; height:40px; padding:0 10px ; border:1px solid #ccc;}
.surveyText textarea{width:100%; box-sizing:border-box; height:150px; padding:10px; border:1px solid #ccc;}
.surveyNum:after{content: ''; display: block; clear: both; visibility: hidden;}
/* .surveyNum p{float:left; width:95px; border:1px solid #ddd; text-align:center; line-height:55px; background:#f7f9fc;} */
.surveyNum p{float:left; padding:3px; border:1px solid #ddd; text-align:center; line-height:55px; background:#f7f9fc;}
.surveyNum div{float:left; margin:0 18px;}
.surveyNum div span {display:inline-block; width:30px; text-align:center; padding:10px 0;}
.surveyNum div span label{display:block; width:30px; text-align:center; margin-bottom:5px;}
/* .surveyBox > li:last-of-type{text-align:right; padding:25px 20px; background:#f7f9fc; line-height:25px;}
.surveyBox > li:last-of-type span{display:inline-block; margin-left:50px;}
.surveyBox > li:last-of-type span label{display:inline-block; margin-left:7px;}
.surveyBox > li:last-of-type span input:last-of-type{margin-left:30px;} */

.finalSurvey > li:last-of-type{text-align:right; padding:25px 20px; background:#f7f9fc; line-height:25px;}
.finalSurvey > li:last-of-type span{display:inline-block; margin-left:50px;}
.finalSurvey > li:last-of-type span label{display:inline-block; margin-left:7px;}
.finalSurvey > li:last-of-type span input:last-of-type{margin-left:30px;}




/*설문하는페이지*/

.ciBg{background:url(/images/egovframework/scourt/info/ciBg.gif) left top repeat; text-align:center; padding:60px 20px 50px 20px; border:1px solid #ccc; box-sizing:border-box; margin:15px 0; position:relative;}
.ciBg p{position:absolute; top:-1px; left:-1px; background:#fff; border:1px solid #000; padding:7px 15px;}
.ciBg img{max-width:90%;}
/*로고*/


@media all and (max-width:767px) {
    
    .policyLsit > div{padding-top:30px;}
    .policyLsit > div h4{font-size:19px; line-height:26px; margin-bottom:15px; }
    .policyLsit > div > ul{margin-bottom:15px;}
    .policyLsit > div > ul > li{padding-left:15px; font-size:16px; line-height:22px; text-indent:-18px; padding-left:18px;}
    .policyLsit > div ol{margin:5px 0px 10px 0px; font-size:14px; line-height:18px;}   
    .policyLsit > div ol > li{margin-bottom:5px; padding-left:18px;}      
    /*처리방침*/
    .policyLsit p{ font-size:16px; line-height:22px; margin-bottom:15px;}
      
    .greetingBox > div {background:url(/images/egovframework/scourt/info/director_2022.png) center bottom no-repeat, url(/images/egovframework/scourt/info/gree.jpg) center center no-repeat ; background-size:150px , cover; padding:20px 20px 200px 20px; box-sizing:border-box; margin-bottom:80px; }
    .greetingBox > div p { padding:15px; box-sizing:border-box; font-size:20px; line-height:30px; border:5px solid #fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;} 
    .greetingBox > p { font-size:17px; margin-top:20px; line-height:28px;}
/*     .greetingBox > p:first-of-type { font-size:19px; font-weight:100; border-bottom:1px solid #ccc; padding-bottom:20px;} */
    .greetingBox > p:first-of-type { font-size:19px; font-weight:100; padding-bottom:20px;}
    .greetingBox > p:first-of-type { font-size:19px; font-weight:600; padding-bottom:20px;}
    .greetingBox > p:last-of-type { font-size:19px; font-weight:600; text-align:right;}
    /*인사말*/
    
    .historyBox h3{ font-size:26px; line-height:32px; font-weight:bold; padding:15px 0 10px 0; width:180px; margin:20px 0; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 10px; text-align:center; border-radius:0 100px 100px 0; border:3px solid #014099}
    .historyBox > ul li{box-sizing:border-box;}
    .historyBox > ul li > div{border-left:2px solid #ccc; padding:15px 0 15px 15px;  position:relative; }
    .historyBox > ul li > div:before{position:absolute;  width:8px; height:8px; display:block; content:''; background:#fff; border:3px solid #b50081; border-radius:10px; left:-8px; top:22px;}
    .historyBox > ul li > div > span:first-of-type{font-size:19px; color:#b50081; font-weight:bold; line-height:20px; margin-bottom:10px; display:block;}
    .historyBox > ul li > div > span:last-of-type{font-size:13px; color:#555;}
    /*.historyBox > ul li > div > p{font-size:19px; line-height:26px; margin-bottom:10px;}*/
    .historyBox > ul li > div > p{font-size:16px; line-height:150%; margin-bottom:10px;}
    .historyBox > ul li > div > p > span{display:block; font-size:15px; line-height:20px; margin-top:5px; font-weight:100;}
    /*연혁*/
        
    .thesaurusListBoxArea{overflow-x:scroll;}
    .thesaurusListBox{width:700px; }    
    .thesaurusSBox{background:url(/images/egovframework/scourt/collection/thesaurusBg2.png) 80% center no-repeat; padding:60px 20px; }
    .thesaurusSBox label{font-size:18px;} 
    .thesaurusSBox input{width:100%; line-height:50px; height:50px; padding:0 20px; box-sizing:border-box; margin-bottom:5px;} 
    .thesaurusSBox a{line-height:50px; height:50px; display:block; margin-left:0; text-align:center; width:100%; box-sizing:border-box;} 
    /*시소러스 검색*/
    
    .thesaurusListBoxL > ul li{ padding:7px 2px; line-height:20px; font-size:15px;}
    .thesaurusListBoxR > ul > li span{ padding:12px; line-height:20px; font-size:15px;}
    .thesaurusListBoxR > ul > li ul li { padding:12px; line-height:20px; font-size:15px;}
    /*시소러스 테이블*/
    
    .basketBtn{color:#fff; padding:8px 10px; display:inline-block; border-radius:25px;} 
    .layerBox > div.layerBoxInBasket{position: absolute; left:3%; width: 94%; height:auto; top:15%; background-color:#fff; box-sizing:border-box;}
    .layerBox > div.layerBoxInBasket h4{font-size:18px; line-height:45px; padding:5px 0 0 15px; border-bottom:1px solid #ccc;}
    .layerBox > div.layerBoxInBasket .basketInput{background:#f5f7fb; padding:15px; border-bottom:1px solid #ccc;}
    .layerBox > div.layerBoxInBasket .basketInput input{width:100%; font-size:15px; line-height:32px; height:34px; box-sizing:border-box; margin-bottom:5px; padding-left:5px;}
    .layerBox > div.layerBoxInBasket .basketInput a{width:80px; font-size:15px; line-height:34px; box-sizing:border-box; background:#014099; color:#fff; text-align:center; margin:0 0 10px auto;}
    .layerBox > div.layerBoxInBasket .basketInput p{ font-size:14px; line-height:20px; box-sizing:border-box; padding-left:32px; color:#555; font-weight:100; background:url(/images/egovframework/scourt/sub/basket1.png) left center no-repeat; background-size:20px;}
    .layerBox > div.layerBoxInBasket ul li{border-bottom:1px solid #ccc; box-sizing:border-box; padding:7px 5px 7px 40px; background:url(/images/egovframework/scourt/sub/basket1.png) 10px center no-repeat;  background-size:20px;}
    .layerBox > div.layerBoxInBasket ul li:after{content: ''; display: block; clear: both; visibility: hidden;}
    .layerBox > div.layerBoxInBasket ul li p{float:left; box-sizing:border-box; width:calc(100% - 60px); line-height:20px; font-size:16px; padding:10px 0;}
    .layerBox > div.layerBoxInBasket ul li a{float:left; box-sizing:border-box; width:30px; padding:5px 0;}
    .layerBox > div.layerBoxInBasket ul li a img{width:25px; }
    /*바구니*/
    
    .leftImgBox{width:100%; margin-bottom:10px;}
    .preciousBox{margin-top:10px;}
    .preciousBox ul li{ width:100%; margin-bottom:15px;}
    .preciousBox ul li figure a{width:150px; margin:0 auto 15px auto; }
    .preciousBox ul li figure a img{width:150px;}
    .preciousBox ul li figure figcaption{width:100%; box-sizing:border-box;} 
    .preciousBox ul li figure figcaption dt{font-size:17px; font-weight:bold; color:#2c73a8; margin-bottom:10px;} 
    .preciousBox ul li figure figcaption dd{line-height:20px; font-size:15px; margin-bottom:7px;} 
    /*귀중본*/
    
    .lxPatch a{padding-top:75px; margin-right:10px; width:80px; font-size:16px;}
    .lxPatch a.lxUsb{background:url(/images/egovframework/scourt/collection/lxUsb.png) center top no-repeat; background-size:70px;}
    .lxPatch a.lxDvd{background:url(/images/egovframework/scourt/collection/lxDvd.png) center top no-repeat; background-size:70px;}
    .lxRadio{ padding:15px;} 
    .lxRadio span{display:inline-block; margin:5px 10px 5px 0;} 
    .lxRadio label{margin-left:5px; font-size:16px;} 
    .lxRadio + .greyBox .subTapBasic li > a{ font-size:16px; line-height:32px; padding:0 10px;}
    .lxRadio + .greyBox .subTapBasic{margin:10px 0 25px;}
    /*lx*/
    
    .layerBox > div.bookImgLayerListBox{position: absolute; background-color:#f6fafc; box-sizing:border-box; width: 100%; height:100vh; top:0; margin-top:0px; }
    .bookListSearch{padding:20px 15px 20px 15px; background:#fff; border-bottom:2px solid #ccc; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.3);}
    .bookListSearch select{width:150px !important; height:40px !important; margin-bottom:3px;}
    .bookListSearch input{float:left; width: calc(100% - 60px) !important; height:40px !important;}
    .bookListSearch a {background-color: #203452; height:40px; line-height:40px; width:60px; text-align:center; float:left;} 
    .bookListSearch a img{padding-bottom:5px;}     
    .bookImgListBox{padding:15px; box-sizing:border-box; height: calc(100vh - 124px); overflow-y:scroll;}
    .bookImgList li img{width:100px; float:none; height:145px; margin:0 auto 10px auto; display:block;}
    .bookImgList li figcaption{width:100%; float:none; margin-left:0;}
    .bookImgList li dt{font-size:17px;}
    .bookImgList li dd{font-size:15px; }
    .bookImgList li dd:last-of-type{font-size:15px; margin:20px 0 10px 0;}
    .bookImgList li figcaption a{display:block;}
    /*희망도서신청하기*/
        
    .surveyBox li > p { padding : 60px 15px 15px 15px; }
    .surveyBox li > p span { top : 15px; left :15px;}    
    .surveyBox li > p + div{padding:15px 15px 15px 15px;}
    .surveyBox li > p + div *{font-size: 15px;}    
    .surveyCheck span{ margin-bottom:10px;}    
    .surveyCheck span input{ top:3px; }      
    .surveyText input{width:100%;}
    .surveyNumBox{width:100%; overflow-x:scroll; }
    .surveyNum{width:500px;}
    /* .surveyNum p{width:80px;  line-height:45px; background:#fafafa;} */
    .surveyNum p{padding:3px; line-height:45px; background:#fafafa;}
    .surveyNum div{ margin:0 15px;}
    .surveyNum div span { width:24px; text-align:center; padding:5px 0;}
    .surveyNum div span label{display:block; width:24px; text-align:center; margin-bottom:5px;}    
/*     .surveyBox > li:last-of-type{ padding:25px 15px;}
    .surveyBox > li:last-of-type span{display:block; margin-left:0px;}
    .surveyBox > li:last-of-type span input:last-of-type{margin-left:20px;} */
    /*설문하는페이지*/
    
}
/*mobile*/

@media all and (min-width:768px) and (max-width:1358px) {
  
    .greetingBox > div {background:url(/images/egovframework/scourt/info/director_2022.png) right 30px bottom no-repeat, url(/images/egovframework/scourt/info/gree.jpg) center center no-repeat ; background-size:180px , cover; padding:50px 220px 50px 50px; box-sizing:border-box; margin-bottom:80px; }
    .greetingBox > div p { padding:20px; box-sizing:border-box; font-size:26px; line-height:36px; border:8px solid #fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;} 
    /*인사말*/
    
    .thesaurusSBox{ min-height:200px; padding:50px 50px; }
    .thesaurusSBox input{width:340px;} 
    /*시소러스 검색*/

    .leftImgBox{float:left; width:250px;}
    .leftImgBox + ul{float:left; width:calc(100% - 270px); margin-left:20px;}
    
    .preciousBox ul li{ width:100%; margin-bottom:15px;}

    /*귀중본*/

    .posR img{margin:20px auto 30px; max-width:80%; display:block;} 
}
/*tablet*/

@media screen and (min-width:768px) {	
    
    .greetingBox > p { font-size:19px; margin-top:40px; line-height:30px;}
    /*.greetingBox > p:first-of-type { font-size:24px; font-weight:100; border-bottom:1px solid #ccc; padding-bottom:40px;}*/
/*     .greetingBox > p:first-of-type { font-size:24px; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:40px;} */
    .greetingBox > p:first-of-type { font-size:24px; font-weight:600; padding-bottom:40px;}
    .greetingBox > p:last-of-type { font-size:24px; font-weight:600; text-align:right;}
    /*인사말*/

    .historyBox h3{text-align:center; font-size:40px; line-height:50px; font-weight:bold; padding:25px 10px 20px 10px; width:300px; margin:30px auto; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 10px; border-radius:100px; border:4px solid #014099}
    .historyBox > ul li{box-sizing:border-box;}
    .historyBox > ul li > div{ position:relative; }
    .historyBox > ul li:nth-of-type(even) > div:before{position:absolute;  width:12px; height:12px; display:block; content:''; background:#fff; border:4px solid #b50081; border-radius:10px; left:-11px; top:30px;}
    .historyBox > ul li:nth-of-type(odd) > div:before{position:absolute;  width:12px; height:12px; display:block; content:''; background:#fff; border:4px solid #b50081; border-radius:10px; right:-11px; top:30px;}
    .historyBox > ul li:nth-of-type(even){padding-left: calc(50% - 1px);}
    .historyBox > ul li:nth-of-type(even) > div{border-left:2px solid #ccc; padding:30px 0 30px 20px}
    .historyBox > ul li:nth-of-type(odd){padding-right:calc(50% - 1px);}
    .historyBox > ul li:nth-of-type(odd) > div{border-right:2px solid #ccc; text-align:right; padding:30px 20px 30px 0px}
    .historyBox > ul li > div > span:first-of-type{font-size:22px; color:#b50081; font-weight:bold; line-height:20px; margin-bottom:15px; display:block;}
    .historyBox > ul li > div > span:last-of-type{font-size:14px; color:#555;}
    /*.historyBox > ul li > div > p{font-size:23px; line-height:35px; margin-bottom:12px;}*/
    .historyBox > ul li > div > p{font-size:21px; line-height:35px; margin-bottom:12px;}
    .historyBox > ul li > div > p > span{display:block; font-size:17px; line-height:22px; margin-top:5px; font-weight:100;}
    /*연혁*/
    
    .basketBtn{color:#fff; padding:15px 20px; display:inline-block; border-radius:25px;} 
    .layerBox > div.layerBoxInBasket{position: absolute; left:50%; margin-left:-250px; width: 500px; height:auto; top:25%; background-color:#fff; box-sizing:border-box;}
    .layerBox > div.layerBoxInBasket h4{font-size:20px; line-height:45px; padding:5px 0 0 15px; border-bottom:1px solid #ccc;}
    .layerBox > div.layerBoxInBasket .basketInput{background:#f5f7fb; padding:15px; border-bottom:1px solid #ccc;}
    .layerBox > div.layerBoxInBasket .basketInput input{width:385px; font-size:15px; line-height:32px; height:34px; box-sizing:border-box; margin-bottom:15px; display:inline-block; vertical-align:top; padding-left:10px;}
    .layerBox > div.layerBoxInBasket .basketInput a{width:80px; font-size:15px; line-height:34px; box-sizing:border-box; background:#014099; color:#fff; text-align:center; display:inline-block; vertical-align:top;}
    .layerBox > div.layerBoxInBasket .basketInput p{ font-size:14px; line-height:25px; box-sizing:border-box; padding-left:40px; color:#555; font-weight:100; background:url(/images/egovframework/scourt/sub/basket1.png) 5px center no-repeat; background-size:25px;}
    .layerBox > div.layerBoxInBasket ul li{border-bottom:1px solid #ccc; box-sizing:border-box; padding:10px 10px 10px 55px; background:url(/images/egovframework/scourt/sub/basket1.png) 15px center no-repeat;}
    .layerBox > div.layerBoxInBasket ul li:after{content: ''; display: block; clear: both; visibility: hidden;}
    .layerBox > div.layerBoxInBasket ul li p{float:left; box-sizing:border-box; width:84%; line-height:40px;}
    .layerBox > div.layerBoxInBasket ul li a{float:left; box-sizing:border-box; width:8%; padding:5px 0;}
    /*바구니*/
    
    .preciousBox{margin-top:20px;}
    .preciousBox ul li figure:after{content: ''; display: block; clear: both; visibility: hidden;}
    .preciousBox ul li figure a{width:200px; float:left;}
    .preciousBox ul li figure a img{width:200px;}
    .preciousBox ul li figure figcaption{width: calc(100% - 240px); float:left; margin-left:20px; padding:10px 0 ; box-sizing:border-box;} 
    .preciousBox ul li figure figcaption dt{font-size:20px; font-weight:bold; color:#2c73a8; margin-bottom:15px;} 
    .preciousBox ul li figure figcaption dd{line-height:26px; margin-bottom:7px;} 
    /*귀중본*/

    
    .layerBox > div.bookImgLayerListBox{position: absolute; left:50%; margin-left:-350px; width: 700px; height:740px; top:50%; margin-top:-370px; background-color:#f6fafc; box-sizing:border-box;}
    .bookListSearch{padding:50px 33px 40px 33px; background:#fff; border-bottom:2px solid #ccc; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.3);}
    .bookListSearch select{float:left; width:150px !important; height:50px !important;}
    .bookListSearch input{float:left; width:400px !important; height:50px !important; margin-left:-1px;}
    .bookListSearch a {background-color: #203452; height:50px; line-height:50px; width:80px; text-align:center; margin:0 0 5px auto; float:left;} 
    .bookListSearch a img{padding-bottom:5px;} 
    .bookImgListBox{padding:33px; box-sizing:border-box; height:593px; overflow-y:scroll;}
    /*희망도서신청하기*/

}
/*pc/tablet*/

@media all and (min-width:1359px) {    
    .greetingBox > div {background:url(/images/egovframework/scourt/info/director_2022.png) 1000px bottom no-repeat, url(/images/egovframework/scourt/info/gree.jpg) center center no-repeat ; background-size:auto , cover; padding:70px 350px 70px 70px; box-sizing:border-box; margin-bottom:80px; }
    .greetingBox > div p { padding:22px; box-sizing:border-box; font-size:30px; line-height:50px; border:8px solid #fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;}
    /*인사말*/
    
    .leftImgBox{float:left; width:350px;}
    .leftImgBox + ul{float:left; width:calc(100% - 380px); margin-left:30px;}
    .preciousBox ul li{float:left; width:50%; margin-bottom:15px;}
    /*귀중본*/
    
    .floatClear .ciBg{float:left; width: calc(50% - 20px);}
    .floatClear .ciBg:last-of-type{margin-left:40px;}
    /*로고*/

    .directionsBox > div{float:left; width:49%}
    .directionsBox > div:last-of-type{margin:30px 0 0 2%; box-shadow: #ccc 2px 2px 8px;}


    .posR{position:relative; margin-bottom:80px !important;}
    .posR img{position:absolute; top:-110px; right:0; height:320px;} 
}
/*pc*/