/*전자도서관_전자책*/
.appBox{background-color: #eee !important; border-radius: 10px; padding: 10px 10px 10px 70px; box-sizing: border-box; margin-top: 5px; font-size: 13px; background: url(/images/uce/sub/ebook.png)no-repeat left 20px center;}


/*신청방법순서*/    
.subContent .conBox .textType ul.orderapp> li {padding: 0;}
.subContent .conBox .textType ul.orderapp> li::before, .subContent .conBox .textType ul.orderapp2> li::before {display: none;}
.orderapp li, .orderapp2 li {float: left; margin: 20px 0; margin-right: 14px; min-height: 180px;}
.orderapp li:last-child, .orderapp2 li:last-child {margin-right: 0;}
.orderapp li p, .orderapp2 li p {font-weight: 600; background: #f9f9f9; text-align: center; padding: 6px; border-top: 2px solid #000;}
.orderapp li:nth-child(odd) {width: 22%;}
.orderapp li:nth-child(odd) div, .orderapp2 li:nth-child(odd) div {border-bottom:1px solid #ddd; min-height: 130px; flex-direction: column; justify-content: center; align-items: center; display: flex; text-align: center; padding: 8px;}
.orderapp li:nth-child(2n) {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1%;}

.orderapp2 li {margin-right: 8px;}
.orderapp2 li:nth-child(odd) div {min-height: 160px;}
.orderapp2 li:nth-child(1), .orderapp2 li:nth-child(3), .orderapp2 li:nth-child(5) {width: 29%;}
.orderapp2 li:nth-child(7), .orderapp2 li:nth-child(9), .orderapp2 li:nth-child(11), .orderapp2 li:nth-child(13) {width: 20%;}
.orderapp2 li:nth-child(2n) {display: flex; flex-direction: column; justify-content: center; align-items: center;}

/*도서관안내_도서관소개*/
.introArea{background: url(/images/uce/sub/introBg.png)no-repeat right bottom;}
.introArea .tit{font-size: 40px; color: #333;}
.introArea .tit b{color:#000; }
.introArea .tit em{font-size: 22px; color: #000; line-height: 24px; font-weight: bold;}
.introArea .cont{margin-top: 30px; color: #555; line-height: 24px;}
.introArea .cont span{font-size: 30px; font-weight: bold; color: #333;}

/*도서관안내_오시는길*/
.mapBox{border-bottom: 1px solid #ddd;}
.directBox{display: grid; grid-template-columns: 1fr 6fr; align-items: center;}
.directBox .imgBox{width: 100px; height: 100px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.06) inset;}
.directBox .imgBox img{width: 50px;}

@media all and (min-width:1221px) and (max-width:1560px) {  
    
    /*신청방법순서*/
    .orderapp li:nth-child(odd) {width: 43%;}
    .orderapp li:nth-child(2n) {width: 6%;}
    .orderapp li:last-child {width: 38%;}
}

@media all and (max-width:1420px) {     

    /*신청방법순서*/
    .orderapp li:nth-child(odd) {width: 42%;}
    .orderapp li:nth-child(2n) {width: 6%;}
    .orderapp li:last-child {width: 38%;}
    

    .orderapp2 li:nth-child(1), .orderapp2 li:nth-child(3), .orderapp2 li:nth-child(5), .orderapp2 li:nth-child(7), .orderapp2 li:nth-child(9), .orderapp2 li:nth-child(11), .orderapp2 li:nth-child(13) {width: 40%;}

    /*도서관안내_도서관소개*/
    .introArea .tit{font-size: 34px; }
}



@media all and (max-width:660px) {  

    /*신청방법순서*/
    .orderapp li {min-height: initial;}
    .orderapp li:nth-child(odd), .orderapp2 li:nth-child(odd) {width: 100%;}
    .orderapp li:nth-child(2n), .orderapp2 li:nth-child(2n) {width: 100%;}
    .orderapp li:nth-child(2n) img, .orderapp2 li:nth-child(2n) img  {transform: rotate(90deg);}

    .orderapp li, .orderapp2 li {min-height: initial;}
    

    /*도서관안내_도서관소개*/
    .introArea .tit{font-size: 30px; }
    .introArea{background: none;}

}