@charset "utf-8";

/* layout */
#contentArea {position: relative; padding: 20px 10px 50px; margin: 0;}
#contents {position:relative; padding:20px 10px 50px; z-index:10; word-break:keep-all}

/* tab */
.tabNav {display: none; position: relative; margin-bottom: 40px;}
.tnb {position: relative; display: flex; flex-wrap: wrap; border-left: 1px solid #e0e3e6; border-top: 1px solid #e0e3e6;}
.tnb li{position: relative; height: 41px; border-right: 1px solid #e0e3e6; border-bottom: 1px solid #e0e3e6;}
.tnb li a {position: absolute; left: -1px; top: -1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; width: calc(100% + 2px); height: 42px; padding: 0 10px; font-size: 1.176em; font-weight: 500; line-height: 1.1; color: #222; border: 1px solid #e0e3e6;}
.tnb li.choiced a {color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.3); z-index: 1;}
.tnb li a p span {font-size: 0.818em;}

/* 카테고리탭 */
.cateTab {position: relative; display: flex; flex-wrap: wrap; margin-bottom: 40px; border-left: 1px solid #e0e3e6; border-top: 1px solid #e0e3e6;}
.cateTab li {position: relative; height: 50px; border-right: 1px solid #e0e3e6; border-bottom: 1px solid #e0e3e6;}
.cateTab li a {position: absolute; left: -1px; top: -1px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; width: calc(100% + 2px); height: 51px; padding: 0 4px; font-size: 1.111em; font-weight: 500; line-height: 1.1; color: #232323; border: 1px solid #e0e3e6; word-break: keep-all;}
.cateTab li.choiced a, .cateTab li.on a {color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.3); z-index: 1;}
.cateTab li a p span {font-size: 0.818em;}
.cateTab.col-2 li {width: 50%;}
.cateTab.col-3 li {width: 33.33%;}
.cateTab.col-4 li {width: 25%;}
.cateTab.col-5 li {width: 20%;}
.cateTab.col-6 li {width: 16.6666%;}
.cateTab.col-7 li {width: 14.28571428571429%;}
.cateTab.col-8 li {width: 12.5%;}

.cateTab2 {position: relative; display: flex; flex-wrap: wrap; margin-bottom: 40px; margin-left: -10px; margin-top: -10px;}
.cateTab2 > li {padding-left: 10px; margin-top: 10px;}
.cateTab2 > li > a {display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e4e4e4; width: 100%; height: 60px; color: #222;}
.cateTab2 > li.on > a {font-size: 1.111em; color: #000; font-weight: 500; border-color:#000; box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.cateTab2.col-2 li {width: 50%;}
.cateTab2.col-3 li {width: 33.33%;}
.cateTab2.col-4 li {width: 25%;}
.cateTab2.col-5 li {width: 20%;}
.cateTab2.col-6 li {width: 16.6666%;}
.cateTab2.col-7 li {width: 14.28571428571429%;}
.cateTab2.col-8 li {width: 12.5%;}


/* 도서관 현황 */
.libCurrentList > li {padding: 15px 0;}


@media screen and (max-width: 1024px) {
    .mobileHide, .mobileShow2, .mobileShow3, .mobileShow4 {display: none !important;}
}
@media screen and (max-width: 768px) {
    .mobileShow2 {display: block !important;}
}
@media screen and (max-width: 640px) {
    .result_box .cateTab li {height: 50px;}
    .result_box .cateTab li a {height: 51px;}
}