@charset "UTF-8";
/* 도서관별 백그라운드 컬러 */
/* 도서관별 텍스트컬ㄹ */
/* 각 도서관 별 공지색깔 */
span.lib_name {
  background-color: #858585;
  color: #fff;
}

/*공통*/
span.lib_name.lib_01 {
  background-color: #437DEA;
}

span.lib_name.lib_02 {
  background-color: #F79928;
}

span.lib_name.lib_03 {
  background-color: #17A981;
}

span.lib_name.lib_04 {
  background-color: #E64194;
}

span.lib_name.lib_05 {
  background-color: #736CED;
}

span.lib_name.lib_06 {
  background-color: #082669;
}

span.lib_name.lib_07 {
  background-color: #679436;
}

span.lib_name.lib_08 {
  background-color: #FF4000;
}

span.lib_name.lib_09 {
  background-color: #3942AF;
}

span.lib_name.lib_10 {
  background-color: #00B4D8;
}

span.lib_name.lib_11 {
  background-color: #DF0043;
}

span.lib_name.lib_12 {
  background-color: #CE860E;
}

span.lib_name.lib_13 {
  background-color: #9B6A6C;
}

span.lib_name.lib_14 {
  background-color: #05764D;
}

span.lib_name.lib_15 {
  background-color: #F87575;
}

span.lib_name.lib_16 {
  background-color: #8DC73F;
}

span.lib_name.lib_17 {
  background-color: #264653;
}

span.lib_name.lib_18 {
  background-color: #9B54AE;
}

span.lib_name.lib_19 {
  background-color: #898989;
}

span.lib_name.lib_20 {
  background-color: #BA6F4D;
}

/* 각 도서관 별 블릿기호 */
.blit_lib {
  color: #858585;
  font-weight: 700;
}

/*공통*/
.blit_lib.lib_01 {
  background-color: #437DEA;
}

.blit_lib.lib_02 {
  background-color: #F79928;
}

.blit_lib.lib_03 {
  background-color: #17A981;
}

.blit_lib.lib_04 {
  background-color: #E64194;
}

.blit_lib.lib_05 {
  background-color: #736CED;
}

.blit_lib.lib_06 {
  background-color: #082669;
}

.blit_lib.lib_07 {
  background-color: #679436;
}

.blit_lib.lib_08 {
  background-color: #FF4000;
}

.blit_lib.lib_09 {
  background-color: #3942AF;
}

.blit_lib.lib_10 {
  background-color: #00B4D8;
}

.blit_lib.lib_11 {
  background-color: #DF0043;
}

.blit_lib.lib_12 {
  background-color: #CE860E;
}

.blit_lib.lib_13 {
  background-color: #9B6A6C;
}

.blit_lib.lib_14 {
  background-color: #05764D;
}

.blit_lib.lib_15 {
  background-color: #F87575;
}

.blit_lib.lib_16 {
  background-color: #8DC73F;
}

.blit_lib.lib_17 {
  background-color: #264653;
}

.blit_lib.lib_18 {
  background-color: #9B54AE;
}

.blit_lib.lib_19 {
  background-color: #898989;
}

.blit_lib.lib_20 {
  background-color: #BA6F4D;
}

/* 데이터 없을때 노출 */
.noDataWrap {
  width: 100%;
  height: 100%;
}
.noDataWrap .noDataInner {
  display: table;
  width: 100%;
  min-height: 168px;
  text-align: center;
  background-color: #fbfbfb;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
}
.noDataWrap .noDataInner p {
  display: table-cell;
  vertical-align: middle;
  color: #aaa;
}

/* ========================================== 메인 ========================================== */
/* =========================================== SUB =========================================== */
/* common */
.container {
  background: #f8f8f8;
}

.subContent {
  padding-bottom: 60px;
}

.sub_bg {
  background: #f8f8f8;
}

.subTop {
  padding: 50px 0 75px 0;
}
.subTop .sub_tit {
  font-size: 45px;
  line-height: 1;
  color: #111;
  text-align: center;
  font-weight: 600;
  margin-bottom: 40px;
}
.subTop .location {
  position: relative;
}
.subTop .location ul {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.subTop .location ul li {
  float: left;
  margin: 0 5px;
  line-height: 35px;
}
.subTop .location ul li:first-child {
  width: 35px;
  height: 35px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 35px;
  border-radius: 35px;
  margin-left: 0;
}
.subTop .location ul li:nth-child(even) {
  width: 8px;
  height: 35px;
  background: url(../images/sub/bg_loc_arrow.png) center no-repeat;
  line-height: 35px;
}
.subTop .location ul li:nth-child(odd) {
  font-size: 15px;
  color: #7a7a7a;
}
.subTop .location ul li:last-child {
  margin-right: 0;
  font-weight: 500;
  color: #3942AF;
}

.label_none {
  display: none;
}

h5.h5_tit {
  font-size: 22px;
  color: #333;
  margin: 60px 0 30px 0;
  font-weight: bold;
}

h5.h5_tit:first-child {
  margin-top: 0;
}

h6.h6_tit {
  font-size: 18px;
  color: #333;
  margin: 40px 0 20px 0;
  font-weight: normal;
  position: relative;
  padding-left: 15px;
}

h6.h6_tit::before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  background: #437DEA;
  border-radius: 2px;
}

h6.h6_tit:first-child {
  margin-top: 0;
}

.subConBox {
  width: 100%;
  height: auto;
  padding: 40px;
  background: #fff;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  box-sizing: border-box;
}

.sub_tapmenu {
  margin-bottom: 60px;
}
.sub_tapmenu ul {
  display: flex;
}
.sub_tapmenu ul li {
  flex: 1 !important;
  height: 50px;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-right: 10px;
  font-size: 18px;
}
.sub_tapmenu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #888;
  line-height: 50px;
}
.sub_tapmenu ul li.on {
  background: #3942AF;
  border: none;
}
.sub_tapmenu ul li.on a {
  color: #fff;
  font-weight: 500;
}
.sub_tapmenu ul li:last-child {
  margin-right: 0;
}

/* =========================================== 뜨는효과 =========================================== */
@keyframes up_contant {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes up_contant {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes up_contant {
  0% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* 메인효과적용 */
.grid {
  visibility: visible;
  /*보여지기*/
  animation: up_contant 1.5s;
  -webkit-animation: up_contant 1.5s;
  -moz-animation: up_contant 1.5s;
}

.boxBottom {
  visibility: visible;
  /*보여지기*/
  animation: up_contant 1.5s;
  -webkit-animation: up_contant 1.5s;
  -moz-animation: up_contant 1.5s;
}

/* 서브효과적용 */
.sR_list li {
  visibility: visible;
  /*보여지기*/
  animation: up_contant 1.8s;
  -webkit-animation: up_contant 1.8s;
  -moz-animation: up_contant 1.8s;
}

.cR_list li {
  visibility: visible;
  /*보여지기*/
  animation: up_contant 1.8s;
  -webkit-animation: up_contant 1.8s;
  -moz-animation: up_contant 1.8s;
}

/* =========================================== 전체 팝업 common =========================================== */
/* jsDiv */
.jsDiv {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.2s ease 0s;
  z-index: 10;
}

.jsDiv.block {
  display: table;
}

.jsDiv.on {
  opacity: 1;
}

.jsDivInner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  transition: all 0.3s;
  /*로그인*/
}
.jsDivInner.login {
  max-width: 430px;
  padding: 34px 40px 44px;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
.jsDivInner.login .infoText {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.jsDivInner.login .infoText:before {
  content: "";
  display: inline-flex;
  width: 115px;
  height: 134px;
  margin-bottom: 20px;
  background: url("../images/sub/bg_login_top.png") left center no-repeat;
  background-size: cover;
}
.jsDivInner.login .infoText .title {
  color: #3942AF;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}
.jsDivInner.login .infoText span {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 400;
}
.jsDivInner.login .inputArea {
  margin-top: 46px;
}
.jsDivInner.login .inputArea .inputBox {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
.jsDivInner.login .inputArea .inputBox:before {
  content: "";
  display: inline-flex;
}
.jsDivInner.login .inputArea .inputBox input {
  flex: 1;
  padding: 12px 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.jsDivInner.login .inputArea .inputBox.id:before {
  width: 20px;
  height: 23px;
  background: url("../images/icon_id.svg") no-repeat 0 0;
  background-size: cover;
}
.jsDivInner.login .inputArea .inputBox.pw:before {
  width: 20px;
  height: 24px;
  background: url("../images/icon_pw.svg") no-repeat 0 0;
  background-size: 18px;
}
.jsDivInner.login .inputArea .inputBox + .inputBox {
  margin-top: 11px;
}
.jsDivInner.login .inputArea button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 14px;
  padding: 17px 0;
  border-radius: 5px;
  background: #3381DA;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
}
.jsDivInner.login .findArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 14px;
}
.jsDivInner.login .findArea a {
  position: relative;
  padding-left: 10px;
}
.jsDivInner.login .findArea a:first-child {
  padding: 0;
  padding-right: 10px;
}
.jsDivInner.login .findArea a:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  transform: translateY(-50%);
  background: #ddd;
}
.jsDivInner.login .findArea a.bold {
  font-weight: 700;
}

/* 중앙정렬 */
.jsDivClose {
  display: block;
  width: 25px;
  height: 25px;
  font-size: 0;
  position: absolute;
  right: 15px;
  top: 11px;
  border: solid 1px #ccc;
  z-index: 601;
  opacity: 0.8;
  background: url(../images/commonInput.png) no-repeat -56px 4px;
}
.jsDivClose:hover, .jsDivClose:focus {
  background-color: #f9f9f9;
  opacity: 1;
}

/* jsDiv - 콘텐츠형 */
.jsDivContentWrap .jsDivContent {
  padding: 10px 0;
  max-height: 650px;
  overflow-y: scroll;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap {
  width: 100%;
  border-top: 1px solid #eaeaea;
  padding-top: 30px;
  margin-top: 30px;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap button {
  width: 85px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .left {
  float: left;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .left .btnNew_reset {
  color: #555;
  border: 1px solid #888;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .right {
  float: right;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .right .btnNew_applicate {
  display: inline-block;
  background: #437DEA;
  color: #fff;
  margin-right: 5px;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .right .btnNew_close {
  display: inline-block;
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl {
  margin-bottom: 10px;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dt {
  font-size: 14px;
  color: #333;
  position: relative;
  padding-left: 13px;
  font-weight: 500;
  display: inline-block;
  width: 110px;
  margin-right: 10px;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dt label {
  font-weight: 500;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dt::before {
  position: absolute;
  top: 7px;
  left: 0px;
  content: "";
  background: #fff;
  border-radius: 50%;
  border: 1px solid #333;
  width: 5px;
  height: 5px;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dd {
  display: inline-block;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dd .applic_search {
  width: 50px;
  height: 35px;
  background: #437DEA;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
  margin-left: 5px;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl dd .applicWidth {
  width: 130%;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl .library_tit {
  font-weight: bold;
  color: #437DEA;
}
.jsDivContentWrap .jsDivContent .jsDivForm dl:last-child {
  margin-bottom: 0;
}
.jsDivContentWrap .jsDivContent .jsDivForm .messege_aree {
  margin-top: 20px;
}
.jsDivContentWrap .jsDivContent .jsDivForm .messege_aree label {
  padding-left: 0;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

/* 중앙정렬 */
.inner-cell {
  position: relative;
  width: 50%;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  border: 1px solid #eee;
}
.inner-cell header {
  padding: 16px;
  border-bottom: solid 1px #ddd;
}
.inner-cell header .title {
  font-size: 18px;
  font-weight: bold;
}
.inner-cell header .jsDivClose {
  top: 25px;
}
.inner-cell .btnArea {
  padding: 12px 16px 14px 16px;
}

.color-cell {
  /* 헤더 컬러형 */
}
.color-cell header {
  padding: 15px;
  background-color: #437DEA;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.color-cell header .title {
  font-size: 24px;
  font-weight: bold;
}
.color-cell header .btnJsDivClose {
  top: 18px;
  border: 0;
  background: none;
}
.color-cell header .btnJsDivClose span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  transform: translateY(2px) rotate(-45deg);
}
.color-cell header .btnJsDivClose span:nth-of-type(2) {
  transform: translateY(-1px) rotate(45deg);
}
.color-cell header .btnJsDivClose:hover, .color-cell header .btnJsDivClose:focus {
  opacity: 1;
}
.color-cell .jsDivContent {
  padding: 30px;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 14px;
}
.color-cell .jsDivContent .book_view_title {
  margin-bottom: 30px;
}
.color-cell .jsDivContent .book_view_title span {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.color-cell .jsDivContent .h3_title {
  padding-left: 15px;
  font-size: 18px;
  color: #333;
  position: relative;
  margin: 60px 0 30px 0;
}
.color-cell .jsDivContent .h3_title:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  width: 4px;
  height: 20px;
  background: #3942AF;
}
.color-cell .jsDivContent .title_h3 {
  padding: 15px 0 10px;
  font-size: 16px;
  color: #555;
}
.color-cell .jsDivContent .title_h3:first-child {
  margin-top: 0;
}
.color-cell .jsDivContent .book_tbl .book_box {
  float: left;
  display: block;
  margin-right: 20px;
  width: 166px;
  height: 233px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.color-cell .jsDivContent .book_tbl .book_box img {
  width: 164px;
  height: 231px;
}
.color-cell .jsDivContent .book_tbl .book_tbl_r {
  float: left;
  width: calc(100% - 186px);
}
.color-cell .jsDivContent .data4lib_src_info {
  font-size: 13px;
  color: #3942AF;
  display: block;
  margin-top: 10px;
}
.color-cell .btnArea {
  padding: 12px 16px 14px 16px;
  border-top: solid 1px #ddd;
}

/* 도서이용분석 */
.tblWidth {
  width: 945px !important;
}

/* 연속간행물 - 다른권호더보기 팝업*/
.bookSeriesWrap .bookSeriesContent li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_img {
  float: left;
  display: block;
  margin-right: 20px;
  width: 105px;
  height: 147px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_img img {
  width: 103px;
  height: 145px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt {
  float: left;
  width: calc(100% - 125px);
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type {
  font-size: 15px;
  color: #437DEA;
  font-weight: bold;
  padding-left: 13px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type::before {
  position: absolute;
  top: 5px;
  left: 0px;
  background: #437dea;
  content: "";
  width: 3px;
  height: 11px;
  transform: rotate(40deg);
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type02 {
  color: #F79928;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type02::before {
  background: #F79928;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type03 {
  color: #17A981;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type03::before {
  background: #17A981;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type04 {
  color: #E64194;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type04::before {
  background: #E64194;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type05 {
  color: #736CED;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type05::before {
  background: #736CED;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type06 {
  color: #082669;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type06::before {
  background: #082669;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type07 {
  color: #679436;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type07::before {
  background: #679436;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type08 {
  color: #FF4000;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type08::before {
  background: #FF4000;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type09 {
  color: #3942AF;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type09::before {
  background: #3942AF;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type10 {
  color: #00B4D8;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type10::before {
  background: #00B4D8;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type11 {
  color: #DF0043;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type11::before {
  background: #DF0043;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type12 {
  color: #CE860E;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type12::before {
  background: #CE860E;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type13 {
  color: #9B6A6C;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type13::before {
  background: #9B6A6C;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type14 {
  color: #05764D;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type14::before {
  background: #05764D;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type15 {
  color: #F87575;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type15::before {
  background: #F87575;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type16 {
  color: #8DC73F;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type16::before {
  background: #8DC73F;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type17 {
  color: #264653;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type17::before {
  background: #264653;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type18 {
  color: #9B54AE;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type18::before {
  background: #9B54AE;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type19 {
  color: #898989;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type19::before {
  background: #898989;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type20 {
  color: #BA6F4D;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type20::before {
  background: #BA6F4D;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .tit {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 15px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc {
  border-top: 1px solid #ddd;
  padding-top: 8px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl {
  font-size: 13px;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  padding-right: 7px;
  margin-bottom: 5px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl dt {
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl dd {
  display: inline-block;
  vertical-align: top;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl::after {
  position: absolute;
  top: 3px;
  right: 0;
  content: "";
  background: #ddd;
  width: 1px;
  height: 14px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl.last::after {
  content: none;
}
.bookSeriesWrap .bookSeriesContent li:last-child {
  margin-bottom: 0;
}
.bookSeriesWrap .borrow_possibl_txt {
  color: #3942AF;
}
.bookSeriesWrap .borrow_impossibl_txt {
  color: #999;
}
.bookSeriesWrap button {
  width: 85px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
}
.bookSeriesWrap .reserv_impossibl_txt {
  color: #999;
}
.bookSeriesWrap .reserv_possibl_txt {
  color: #437DEA;
}
.bookSeriesWrap .reserv_nobtn {
  background: #fff;
  color: #555;
  border: 1px solid #777;
}
.bookSeriesWrap .reserv_btn {
  background: #437DEA;
  color: #fff;
}

/* 배달신청 팝업 */
.book_tbl_pop {
  float: none !important;
  width: 100% !important;
}

.btn_pop {
  width: 85px;
  height: 35px;
  background: #fff;
  color: #555;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
  margin-left: 5px;
  border: 1px solid #888;
}

.deliveryInner {
  width: 595px;
}

/* 상호대차 팝업 */
.smallInner {
  width: 655px;
}

/*모바일회원증팝업*/
.barcodeOpen {
  display: none;
}

#barcodePop.on {
  opacity: 0;
  visibility: hidden;
}

/* 자료검색 - 일반검색 */
.searchTop .search_tit_wrap {
  margin-bottom: 25px;
}
.searchTop .search_tit_wrap h4 {
  display: inline-block;
  font-size: 22px;
  color: #111;
  font-weight: bold;
  height: 39px;
  background: url(../images/sub/bg_search_tit.png) left center no-repeat;
  padding: 4px 0 0 50px;
}
.searchTop .search_tit_wrap .search_popular {
  overflow: hidden;
  float: right;
}
.searchTop .search_tit_wrap .search_popular dt {
  font-size: 14px;
  font-weight: 500;
  color: #111;
  display: inline-block;
  background: url(../images/sub/bg_search_popular.png) left center no-repeat;
  padding-left: 25px;
  margin-right: 20px;
}
.searchTop .search_tit_wrap .search_popular dd {
  display: inline-block;
  font-size: 13px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  width: auto;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  border-radius: 30px;
  margin-right: 5px;
}
.searchTop .search_tit_wrap .search_popular dd a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #333;
}
.searchTop .search_tit_wrap .search_popular dd:last-child {
  margin-right: 0;
}

.search_tab {
  width: 100%;
  overflow: hidden;
  display: flex;
  margin-bottom: 25px;
}
.search_tab li {
  float: left;
  flex: 1 !important;
  cursor: pointer;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 18px;
  color: #888;
  margin-right: 10px;
}
.search_tab li button {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  line-height: 50px;
  display: block;
}
.search_tab li.on {
  background: #3942AF;
  border: none;
  color: #fff;
  font-weight: bold;
}
.search_tab li:last-child {
  margin-right: 0;
}

.search_con_wrap .search_normal_wrap,
.search_con_wrap .search_detail_wrap {
  height: auto;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.03);
  border-radius: 20px;
}
.search_con_wrap .search_normal_wrap {
  background: #fff url(../images/sub/bg_search.png) no-repeat;
}
.search_con_wrap .search_normal_wrap .search_area {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.search_con_wrap .search_normal_wrap .search_area .input_txt {
  width: calc(100% - 130px);
  height: 50px;
  border-radius: 10px;
  border: 2px solid #437DEA;
  float: left;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.search_con_wrap .search_normal_wrap .search_area .btn_search {
  width: 120px;
  height: 50px;
  background: #437DEA;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: none;
  float: left;
  margin-left: 10px;
}
.search_con_wrap .search_detail_wrap .table th label {
  font-weight: bold;
}

.search_lib_select {
  height: auto;
  padding: 15px;
  background: #f8f8f8;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.search_lib_select ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.search_lib_select ul li {
  width: 244px;
  margin-right: 19px;
  margin-bottom: 8px;
}
.search_lib_select ul li label {
  display: inline-block;
  /*width: calc(100% - 32px);*/
  height: auto;
  padding-left: 8px;
  font-size: 16px;
  /*letter-spacing: -0.08em;*/
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
.search_lib_select ul li input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.search_lib_select ul li:first-child {
  /*display: block;*/
  /*height: 36px;*/
}
.search_lib_select ul li:first-child label {
  font-weight: 500;
  color: #333;
}
.search_lib_select .btn_lib_list {
  position: absolute;
  right: 0;
  top: 20px;
}
.search_lib_select .btn_lib_list button {
  font-size: 13px;
  color: #7a7a7a;
  display: block;
}
.search_lib_select button.lib_open {
  background: url(../images/sub/bg_toggle_open.png) right center no-repeat;
  padding-right: 13px;
  margin-right: 13px;
}
.search_lib_select button.lib_close {
  background: url(../images/sub/bg_toggle_close.png) right center no-repeat;
  padding-right: 13px;
  margin-right: 13px;
}
.search_lib_select.close {
  height: 23px;
}

.search_detail_wrap {
  background: #fff url(../images/sub/bg_searchbox02.png) no-repeat;
}
.search_detail_wrap .btn_lib_list {
  position: absolute;
  right: 0;
  top: 20px;
}
.search_detail_wrap .btn_lib_list button {
  font-size: 13px;
  color: #7a7a7a;
  display: block;
}
.search_detail_wrap button.lib_open {
  background: url(../images/sub/bg_toggle_open.png) right center no-repeat;
  padding-right: 13px;
  margin-right: 13px;
}
.search_detail_wrap button.lib_close {
  background: url(../images/sub/bg_toggle_close.png) right center no-repeat;
  padding-right: 13px;
  margin-right: 13px;
}
.search_detail_wrap .btn_area {
  overflow: hidden;
  width: 320px;
  margin: 0 auto;
  margin-top: 40px;
}
.search_detail_wrap .btn_area li {
  float: left;
  margin-right: 10px;
}
.search_detail_wrap .btn_area li button {
  width: 150px;
  height: 60px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.search_detail_wrap .btn_area li:last-child {
  margin-right: 0;
}
.search_detail_wrap .btn_area li:nth-child(1) button {
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
}
.search_detail_wrap .btn_area li:nth-child(2) button {
  background: #437DEA;
}
.search_detail_wrap .table {
  border-top: 1px solid #eaeaea;
}
.search_detail_wrap .table th {
  font-size: 18px;
  font-weight: bold;
}
.search_detail_wrap .table td {
  font-size: 16px;
  position: relative;
}
.search_detail_wrap .table td label {
  font-size: 16px;
}
.search_detail_wrap .table td .hbox {
  display: none;
}
.search_detail_wrap .table td .select_detail_library li {
  margin-bottom: 8px;
}
.search_detail_wrap .table td .select_detail_library li:first-child label {
  font-weight: 500;
  color: #444;
}
.search_detail_wrap .select_detail_library {
  overflow: hidden;
}
.search_detail_wrap .select_detail_library li {
  float: left;
  width: 214px;
  margin-right: 10px;
  word-break: break-all;
}
.search_detail_wrap .select_detail_library li label {
  display: inline-block;
  width: calc(100% - 32px);
  padding-left: 3px;
  font-size: 15px;
  letter-spacing: -0.08em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
.search_detail_wrap .select_detail_library li input[type=checkbox] {
  display: inline-block;
  vertical-align: -5px;
}
.search_detail_wrap .select_detail_library li:first-child {
  display: block;
  float: inherit;
  height: 36px;
}
.search_detail_wrap .select_detail_library.close {
  height: 25px;
}

.searchContent {
  overflow: hidden;
}

.search_date_tab {
  overflow: hidden;
  display: flex;
  margin: 20px 0;
}
.search_date_tab li {
  float: left;
  width: 33%;
  margin-right: 10px;
}
.search_date_tab li button {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  text-align: center;
  line-height: 45px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 16px;
  color: #777;
}
.search_date_tab li button .count {
  font-size: 12px;
  font-weight: 700;
}
.search_date_tab li:last-child {
  margin-right: 0;
}
.search_date_tab li.on button {
  background: #437DEA;
  color: #fff;
  font-weight: bold;
  border: none;
}

.facet_wrap {
  width: 180px;
  float: left;
  margin-right: 20px;
}
.facet_wrap .limits {
  width: 180px;
  height: auto;
  background: #fff;
  padding: 15px;
  border: 1px solid #437DEA;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.facet_wrap .limits h4 {
  font-weight: bold;
  color: #437DEA;
  margin-bottom: 15px;
}
.facet_wrap .limits ul li {
  margin-bottom: 10px;
  position: relative;
}
.facet_wrap .limits ul li span {
  color: #437DEA;
  font-size: 12px;
  display: inline-block;
  width: 120px;
  vertical-align: top;
}
.facet_wrap .limits ul li a {
  display: inline-block;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 0px;
  background: url(../images/sub/bg_limit_close.png) no-repeat;
  font-size: 0;
  width: 8px;
  height: 8px;
}
.facet_wrap .limits ul li a:hover {
  background: url(../images/sub/bg_limit_close_on.png) no-repeat;
}
.facet_wrap .limits ul li:last-child {
  margin-bottom: 0;
}
.facet_wrap dl {
  margin-bottom: 10px;
}
.facet_wrap dl dt {
  box-sizing: border-box;
  cursor: pointer;
  padding: 15px;
  border: 1px solid #eaeaea;
  border-radius: 0px 0px 5px 5px;
  margin-bottom: -1px;
  background: #fff url(../images/sub/bg_toggle_open.png) 155px center no-repeat;
  text-align: left;
}
.facet_wrap dl dt h5 {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding-left: 25px;
}
.facet_wrap dl dt.on {
  background: #fff url(../images/sub/bg_toggle_close.png) 155px center no-repeat;
}
.facet_wrap dl dd {
  padding: 3px 15px;
  background: #fff;
  font-size: 13px;
  border-radius: 3px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.facet_wrap dl dd a {
  font-size: 13px;
}
.facet_wrap dl dd a .search_facet_num {
  color: #333;
  font-size: 11px;
  font-weight: 500;
}
.facet_wrap dl dd:nth-of-type(1) {
  border-top: 1px solid #eaeaea;
  border-radius: 0;
  padding-top: 10px;
}
.facet_wrap dl dd:nth-of-type(1):after {
  top: 18px;
}
.facet_wrap dl dd:last-child {
  border-bottom: 1px solid #eaeaea;
  border-radius: 0px 0px 5px 5px;
  padding-bottom: 10px;
}
.facet_wrap dl dd.facet_more {
  background: #f7f7f7 url(../images/sub/btn_facet_open.png) 105px 8px no-repeat;
  padding: 5px;
}
.facet_wrap dl dd.facet_more button {
  font-size: 11px;
  width: 167px;
  height: 20px;
  color: #7c7c7c;
  text-align: left;
  padding-left: 65px;
}
.facet_wrap dl dd.facet_more.on {
  background: #f7f7f7 url(../images/sub/btn_facet_close.png) 94px 8px no-repeat;
}
.facet_wrap dl dd.off {
  display: none;
}
.facet_wrap dl:last-child {
  margin-bottom: 0;
}
.facet_wrap dl.facet_library h5 {
  background: url(../images/sub/bg_facet_library.png) left center no-repeat;
}
.facet_wrap dl.facet_author h5 {
  background: url(../images/sub/bg_facet_author.png) left center no-repeat;
}
.facet_wrap dl.facet_issuer h5 {
  background: url(../images/sub/bg_facet_issuer.png) left center no-repeat;
}
.facet_wrap dl.facet_year h5 {
  background: url(../images/sub/bg_facet_year.png) left center no-repeat;
}
.facet_wrap dl.facet_subject h5 {
  background: url(../images/sub/bg_facet_subject.png) left center no-repeat;
}
.facet_wrap dl.facet_media h5 {
  background: url(../images/sub/bg_facet_media.png) left center no-repeat;
}

.searchCon {
  background: #fff;
  width: calc(100% - 260px);
  float: right;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  padding: 30px;
}
.searchCon .rsearch_top {
  overflow: hidden;
  margin-bottom: 40px;
}
.searchCon .rsearch_top .info_txt {
  font-size: 16px;
  color: #555;
  background: url(../images/sub/bg_search_result.png) left center no-repeat;
  padding-left: 40px;
  float: left;
}
.searchCon .rsearch_top .info_txt strong {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.searchCon .rsearch_top .info_txt span {
  font-size: 18px;
  color: #C01B1F;
  font-weight: bold;
}

.rsearch_area {
  float: right;
}
.rsearch_area li {
  float: left;
  margin-right: 10px;
  font-size: 14px;
}
.rsearch_area li select {
  height: 35px;
  border-radius: 5px;
  background: #f8f8f8;
  border: 0;
  color: #999;
}
.rsearch_area li input.input_txt {
  width: 325px;
  padding-left: 10px;
  color: #999;
}
.rsearch_area li:last-child {
  margin-right: 0;
}
.rsearch_area li:first-child select {
  width: 110px;
}
.rsearch_area li:last-child button {
  width: 110px;
  height: 35px;
  background: #999;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 35px;
  border-radius: 5px;
  font-size: 14px;
}

.search_no_result {
  min-height: 500px;
  background: url(../images/sub/bg_no_result.png) center 120px no-repeat;
}
.search_no_result p {
  text-align: center;
  font-size: 18px;
  color: #999;
  font-weight: 500;
  line-height: 500px;
}

.sR_list li {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.sR_list li .sR_con .sR_img {
  float: left;
  display: block;
  margin-right: 20px;
  width: 130px;
  height: 178px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.sR_list li .sR_con .sR_img img {
  width: 100%;
  height: 100%;
}
.sR_list li .sR_con .sR_txt {
  float: left;
  width: calc(100% - 150px);
}
.sR_list li .sR_con .sR_txt .highlight {
  color: #df0043;
  font-weight: bold;
  font-size: inherit;
}
.sR_list li .sR_con .sR_txt .lib_type {
  font-size: 15px;
  color: #437dea;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.sR_list li .sR_con .sR_txt .lib_type::before {
  position: absolute;
  top: 5px;
  left: 0px;
  background: #437dea;
  content: "";
  width: 3px;
  height: 11px;
  transform: rotate(40deg);
}
.sR_list li .sR_con .sR_txt .lib_type02 {
  color: #F79928;
}
.sR_list li .sR_con .sR_txt .lib_type02::before {
  background: #F79928;
}
.sR_list li .sR_con .sR_txt .lib_type03 {
  color: #17A981;
}
.sR_list li .sR_con .sR_txt .lib_type03::before {
  background: #17A981;
}
.sR_list li .sR_con .sR_txt .lib_type04 {
  color: #E64194;
}
.sR_list li .sR_con .sR_txt .lib_type04::before {
  background: #E64194;
}
.sR_list li .sR_con .sR_txt .lib_type05 {
  color: #736CED;
}
.sR_list li .sR_con .sR_txt .lib_type05::before {
  background: #736CED;
}
.sR_list li .sR_con .sR_txt .lib_type06 {
  color: #082669;
}
.sR_list li .sR_con .sR_txt .lib_type06::before {
  background: #082669;
}
.sR_list li .sR_con .sR_txt .lib_type07 {
  color: #679436;
}
.sR_list li .sR_con .sR_txt .lib_type07::before {
  background: #679436;
}
.sR_list li .sR_con .sR_txt .lib_type08 {
  color: #FF4000;
}
.sR_list li .sR_con .sR_txt .lib_type08::before {
  background: #FF4000;
}
.sR_list li .sR_con .sR_txt .lib_type09 {
  color: #3942AF;
}
.sR_list li .sR_con .sR_txt .lib_type09::before {
  background: #3942AF;
}
.sR_list li .sR_con .sR_txt .lib_type10 {
  color: #00B4D8;
}
.sR_list li .sR_con .sR_txt .lib_type10::before {
  background: #00B4D8;
}
.sR_list li .sR_con .sR_txt .lib_type11 {
  color: #DF0043;
}
.sR_list li .sR_con .sR_txt .lib_type11::before {
  background: #DF0043;
}
.sR_list li .sR_con .sR_txt .lib_type12 {
  color: #CE860E;
}
.sR_list li .sR_con .sR_txt .lib_type12::before {
  background: #CE860E;
}
.sR_list li .sR_con .sR_txt .lib_type13 {
  color: #9B6A6C;
}
.sR_list li .sR_con .sR_txt .lib_type13::before {
  background: #9B6A6C;
}
.sR_list li .sR_con .sR_txt .lib_type14 {
  color: #05764D;
}
.sR_list li .sR_con .sR_txt .lib_type14::before {
  background: #05764D;
}
.sR_list li .sR_con .sR_txt .lib_type15 {
  color: #F87575;
}
.sR_list li .sR_con .sR_txt .lib_type15::before {
  background: #F87575;
}
.sR_list li .sR_con .sR_txt .lib_type16 {
  color: #8DC73F;
}
.sR_list li .sR_con .sR_txt .lib_type16::before {
  background: #8DC73F;
}
.sR_list li .sR_con .sR_txt .lib_type17 {
  color: #264653;
}
.sR_list li .sR_con .sR_txt .lib_type17::before {
  background: #264653;
}
.sR_list li .sR_con .sR_txt .lib_type18 {
  color: #9B54AE;
}
.sR_list li .sR_con .sR_txt .lib_type18::before {
  background: #9B54AE;
}
.sR_list li .sR_con .sR_txt .lib_type19 {
  color: #898989;
}
.sR_list li .sR_con .sR_txt .lib_type19::before {
  background: #898989;
}
.sR_list li .sR_con .sR_txt .lib_type20 {
  color: #BA6F4D;
}
.sR_list li .sR_con .sR_txt .lib_type20::before {
  background: #BA6F4D;
}
.sR_list li .sR_con .sR_txt .tit {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 15px;
}
.sR_list li .sR_con .sR_txt .desc {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.sR_list li .sR_con .sR_txt .desc dl {
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  padding-right: 10px;
  margin-bottom: 5px;
}
.sR_list li .sR_con .sR_txt .desc dl dt {
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}
.sR_list li .sR_con .sR_txt .desc dl dd {
  display: inline-block;
  vertical-align: top;
}
.sR_list li .sR_con .sR_txt .desc dl dd a {
  margin-right: 5px;
}
.sR_list li .sR_con .sR_txt .desc dl dd:last-child a {
  margin-right: 0;
}
.sR_list li .sR_con .sR_txt .desc dl::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: "";
  background: #ddd;
  width: 1px;
  height: 14px;
}
.sR_list li .sR_con .sR_txt .desc dl:first-child::after {
  content: "";
}
.sR_list li .sR_con .sR_txt .desc dl:nth-last-of-type(1)::after {
  content: none;
}
.sR_list li .sR_con .sR_txt .keyword a {
  display: none;
  width: auto;
  height: auto;
  padding: 5px 10px;
  background: #f1f1f1;
  margin-right: 5px;
  text-align: center;
  border-radius: 35px;
  color: #555;
  font-size: 14px;
}
.sR_list li .sR_con .sR_txt .keyword a:nth-of-type(1), .sR_list li .sR_con .sR_txt .keyword a:nth-of-type(2), .sR_list li .sR_con .sR_txt .keyword a:nth-of-type(3), .sR_list li .sR_con .sR_txt .keyword a:nth-of-type(4) .sR_list li .sR_con .sR_txt .keyword a:nth-of-type(5) {
  display: inline-flex;
}
.sR_list li .sR_con .sR_txt .keyword a:last-child {
  margin-right: 0;
}
.sR_list li .state {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.sR_list li .state p {
  font-size: 14px;
  font-weight: bold;
  font-weight: bold;
  display: block;
  position: relative;
  padding-left: 20px;
}
.sR_list li .state .borrow_possibl {
  color: #5350FF;
}
.sR_list li .state .borrow_possibl::before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  border: 2px solid #3942AF;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.sR_list li .state .borrow_impossibl {
  color: #777;
  padding-left: 23px;
  font-size: 14px;
  font-weight: 500;
}
.sR_list li .state .borrow_impossibl span {
  display: block;
  font-size: 13px;
  color: #333;
  font-weight: 300;
}
.sR_list li .state .borrow_impossibl span strong {
  font-size: inherit;
  font-weight: 700;
}
.sR_list li .state .borrow_impossibl::before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "×";
  font-size: 24px;
}
.sR_list li .state .favorite_wrap button {
  position: relative;
}
.sR_list li .state .favorite_wrap button span {
  font-size: 0;
}
.sR_list li .state .favorite_wrap button:before {
  content: "";
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon_haert.svg") no-repeat 0 0;
  background-size: cover;
}
.sR_list li .state .favorite_wrap button.on:before {
  background: url("../images/icon_haert_active.svg") no-repeat 0 0;
  background-size: cover;
}
.sR_list li .arrow_div {
  height: 0;
}
.sR_list li:last-child {
  margin-bottom: 0;
}

.bookHaveList {
  display: flex;
  gap: 0 10px;
  padding: 18px 20px 24px;
  margin-top: 10px;
  background: #F8F8F8;
}
.bookHaveList .checkLibList {
  width: 180px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
}
.bookHaveList .checkLibList p {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 14px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.bookHaveList .checkLibList p .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.bookHaveList .checkLibList p .count {
  color: #C01B1F;
  font-size: 14px;
  font-weight: 700;
}
.bookHaveList .checkLibList .checkWrap {
  padding: 10px 20px 22px;
}
.bookHaveList .checkLibList .checkWrap .check.all label {
  color: #333;
  font-weight: 500;
}
.bookHaveList .checkLibList .checkWrap .check label {
  font-weight: 300;
}
.bookHaveList .checkLibList .checkWrap .addlist {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  padding: 10px 30px;
}
.bookHaveList .havingLibList {
  overflow: auto;
  width: calc(100% - 180px);
  height: 385px;
}
.bookHaveList .havingLibList .libInfoBox {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}
.bookHaveList .havingLibList .libInfoBox .textInfo {
  display: flex;
  flex-wrap: wrap;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state {
  position: static;
  top: auto;
  right: auto;
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 0;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.on {
  position: relative;
  color: #5350FF;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.on:before {
  content: "";
  display: inline-flex;
  border: 2px solid #3942AF;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.off {
  position: relative;
  color: #777;
  font-weight: 700;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.off:before {
  display: inline-flex;
  content: "×";
  font-size: 24px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state .date {
  font-size: 13px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state strong {
  font-size: 13px;
  font-weight: 700;
}
.bookHaveList .havingLibList .libInfoBox .textInfo p {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 300;
}
.bookHaveList .havingLibList .libInfoBox .textInfo p:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 10px;
  transform: translateY(-50%);
  background: #ddd;
}
.bookHaveList .havingLibList .libInfoBox .textInfo p.libTitle {
  padding: 0;
  padding-right: 10px;
  color: #333;
  font-weight: 500;
}
.bookHaveList .havingLibList .libInfoBox .textInfo p:last-child {
  padding: 0;
  padding-left: 10px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo p:last-child:after {
  display: none;
}
.bookHaveList .havingLibList .libInfoBox .buttonArea {
  display: flex;
  gap: 0 3px;
  justify-content: flex-end;
}
.bookHaveList .havingLibList .libInfoBox .buttonArea button {
  min-width: 127px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  background: #f2f2f2;
  color: #333;
  white-space: nowrap;
}
.bookHaveList .havingLibList .libInfoBox + .libInfoBox {
  margin-top: 8px;
}

.btn_sR_wrap {
  position: relative;
  top: -5px;
  overflow: hidden;
  display: flex;
  gap: 0 5px;
  justify-content: flex-end;
  width: 100%;
}
.btn_sR_wrap button {
  width: 19%;
  max-width: 180px;
  height: 34px;
  border-radius: 3px;
  background: #555;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
.btn_sR_wrap button.addInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_sR_wrap button.addInfo:before {
  content: "";
  display: inline-flex;
  width: 10px;
  height: 6px;
  margin-right: 10px;
  background: url("../images/icon_arrow.svg") no-repeat 0 0;
  background-size: cover;
}
.btn_sR_wrap button.addInfo.on:before {
  transform: rotate(180deg);
  transition: 0.5s;
}
.btn_sR_wrap .reserv_impossibl {
  background: rgba(0, 180, 216, 0.4);
  cursor: auto;
}

/* 큐레이션 */
.curation_wrap .info_txt {
  font-size: 16px;
  color: #555;
  background: url(../images/sub/bg_search_result.png) left center no-repeat;
  padding-left: 40px;
  margin-bottom: 30px;
}
.curation_wrap .info_txt span {
  font-size: 18px;
  color: #437DEA;
  font-weight: bold;
}
.curation_wrap .cu_top {
  width: 100%;
  height: auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #f2f6ff;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 30px;
}
.curation_wrap .cu_top .cu_info {
  float: left;
  margin-right: 30px;
}
.curation_wrap .cu_top .cu_info dl {
  clear: both;
  display: inline-block;
  margin-right: 30px;
}
.curation_wrap .cu_top .cu_info dl dt {
  font-size: 16px;
  color: #333;
  float: left;
  margin-right: 10px;
  line-height: 35px;
}
.curation_wrap .cu_top .cu_info dl dt label {
  font-weight: 500;
}
.curation_wrap .cu_top .cu_info dl dd {
  float: left;
}
.curation_wrap .cu_top .cu_info dl dd span {
  height: 35px;
}
.curation_wrap .cu_top .cu_info dl dd span select {
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
}
.curation_wrap .cu_top .cu_info dl dd .selet_style_short select {
  width: 80px;
}
.curation_wrap .cu_top .cu_info dl dd .selet_style_long select {
  width: 220px;
}
.curation_wrap .cu_top .cu_info dl:last-child {
  margin-right: 0;
}
.curation_wrap .cu_top .cu_btn {
  float: left;
}
.curation_wrap .cu_top .cu_btn button {
  width: 80px;
  height: 35px;
  background: #437DEA;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 35px;
  border-radius: 5px;
  font-size: 14px;
}
.curation_wrap .cu_top .cu_info02 ul {
  clear: both;
}
.curation_wrap .cu_top .cu_info02 ul li {
  float: left;
  margin-right: 40px;
  overflow: hidden;
}
.curation_wrap .cu_top .cu_info02 ul li select {
  width: 400px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
}
.curation_wrap .cu_top .cu_info02 ul li span {
  display: inline-block;
  margin-right: 15px;
  vertical-align: sub;
}
.curation_wrap .cu_top .cu_info02 ul li span input {
  display: inline-block;
}
.curation_wrap .cu_top .cu_info02 ul li span label {
  display: inline-block;
  width: auto;
  height: 20px;
}
.curation_wrap .cu_top .cu_info02 ul li:last-child {
  margin-right: 0;
}
.curation_wrap .cu_top .cu_btn02 {
  float: right;
}
.curation_wrap .cu_top .cu_btn02 button {
  width: 80px;
  height: 35px;
  background: #437DEA;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 35px;
  border-radius: 5px;
  font-size: 14px;
}
.curation_wrap .cu_top .cu_info03 {
  float: left;
  margin-right: 30px;
}
.curation_wrap .cu_top .cu_info03 dl dt {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  float: left;
  margin-right: 20px;
  line-height: 35px;
}
.curation_wrap .cu_top .cu_info03 dl dd {
  float: left;
}
.curation_wrap .cu_top .cu_info03 dl dd span {
  height: 35px;
}
.curation_wrap .cu_top .cu_info03 dl dd span select {
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
}
.curation_wrap .cu_top .cu_info03 dl dd .selet_style_long select {
  width: 600px;
}
.curation_wrap .cR_list {
  overflow: hidden;
}
.curation_wrap .cR_list li {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.curation_wrap .cR_list li .cR_con .cR_img {
  float: left;
  display: block;
  margin-right: 20px;
  width: 105px;
  height: 147px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.curation_wrap .cR_list li .cR_con .cR_img img {
  width: 103px;
  height: 145px;
}
.curation_wrap .cR_list li .cR_con .cR_txt {
  float: left;
  width: calc(100% - 125px);
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type {
  font-size: 15px;
  color: #437DEA;
  font-weight: bold;
  padding-left: 13px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type::before {
  position: absolute;
  top: 5px;
  left: 0px;
  background: #437dea;
  content: "";
  width: 3px;
  height: 11px;
  transform: rotate(40deg);
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type02 {
  color: #F79928;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type02::before {
  background: #F79928;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type03 {
  color: #17A981;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type03::before {
  background: #17A981;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type04 {
  color: #E64194;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type04::before {
  background: #E64194;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type05 {
  color: #736CED;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type05::before {
  background: #736CED;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type06 {
  color: #082669;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type06::before {
  background: #082669;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type07 {
  color: #679436;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type07::before {
  background: #679436;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type08 {
  color: #FF4000;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type08::before {
  background: #FF4000;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type09 {
  color: #3942AF;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type09::before {
  background: #3942AF;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type10 {
  color: #00B4D8;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type10::before {
  background: #00B4D8;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type11 {
  color: #DF0043;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type11::before {
  background: #DF0043;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type12 {
  color: #CE860E;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type12::before {
  background: #CE860E;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type13 {
  color: #9B6A6C;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type13::before {
  background: #9B6A6C;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type14 {
  color: #05764D;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type14::before {
  background: #05764D;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type15 {
  color: #F87575;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type15::before {
  background: #F87575;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type16 {
  color: #8DC73F;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type16::before {
  background: #8DC73F;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type17 {
  color: #264653;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type17::before {
  background: #264653;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type18 {
  color: #9B54AE;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type18::before {
  background: #9B54AE;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type19 {
  color: #898989;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type19::before {
  background: #898989;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type20 {
  color: #BA6F4D;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type20::before {
  background: #BA6F4D;
}
.curation_wrap .cR_list li .cR_con .cR_txt .tit {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 15px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .tit .highlight {
  color: #df0043;
  font-weight: bold;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl {
  font-size: 13px;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  padding-right: 7px;
  margin-bottom: 5px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl dt {
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl dd {
  display: inline-block;
  vertical-align: top;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: #ddd;
  width: 1px;
  height: 14px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl:last-child::after {
  content: none;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl:nth-last-of-type(1)::after {
  content: none;
}
.curation_wrap .cR_list li .cR_con .cR_txt .keyword {
  margin: 10px 0 15px 0;
}
.curation_wrap .cR_list li .cR_con .cR_txt .keyword a {
  float: left;
  display: block;
  width: auto;
  height: auto;
  padding: 5px 10px;
  background: #f1f1f1;
  margin-right: 5px;
  text-align: center;
  border-radius: 35px;
  color: #555;
  font-size: 12px;
  margin-bottom: 5px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .keyword a:last-child {
  margin-right: 0;
}
.curation_wrap .cR_list li .state {
  position: absolute;
  top: 20px;
  right: 20px;
}
.curation_wrap .cR_list li .state p {
  font-size: 14px;
  font-weight: bold;
  font-weight: bold;
  display: block;
  position: relative;
  padding-left: 20px;
}
.curation_wrap .cR_list li .state .borrow_possibl {
  color: #3942AF;
}
.curation_wrap .cR_list li .state .borrow_possibl::before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  border: 2px solid #3942AF;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.curation_wrap .cR_list li .state .borrow_impossibl {
  color: #999;
  padding-left: 23px;
}
.curation_wrap .cR_list li .state .borrow_impossibl span {
  display: block;
  font-size: 11px;
  color: #999;
  font-weight: 300;
}
.curation_wrap .cR_list li .state .borrow_impossibl::before {
  position: absolute;
  top: -2px;
  left: 0px;
  content: "×";
  font-size: 20pt;
}
.curation_wrap .cR_list li .arrow_div {
  height: 0;
}
.curation_wrap .cR_list li:last-child {
  margin-bottom: 0;
}
.curation_wrap .btn_cR_wrap {
  overflow: hidden;
  float: right;
  text-align: right;
  width: 91%;
}
.curation_wrap .btn_cR_wrap button {
  width: 19%;
  height: 25px;
  background: #00B4D8;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.curation_wrap .btn_cR_wrap .reserv_impossibl {
  background: rgba(0, 180, 216, 0.4);
  cursor: auto;
}

/* 큐레이션-추천도서 상호대차신청팝업 */
#appendixTag h3 {
  font-size: 14px;
  color: #333;
  position: relative;
  padding-left: 13px;
  font-weight: 500;
  display: block;
  width: 100%;
}
#appendixTag h3::before {
  position: absolute;
  top: 7px;
  left: 0px;
  content: "";
  background: #fff;
  border-radius: 50%;
  border: 1px solid #333;
  width: 5px;
  height: 5px;
}

/* 공지사항 */
/* list */
.board_tbl {
  display: block;
}

.list_tbl {
  width: 100%;
  border-top: 2px solid #222;
}
.list_tbl tr {
  transition: all 0.3s ease-in-out;
}
.list_tbl tr th {
  border-bottom: 1px solid #222;
  padding: 13px;
  text-align: center;
  font-size: 15px;
  color: #222;
}
.list_tbl tr th.col_hidden_tab {
  visibility: visible;
}
.list_tbl tr td {
  border-bottom: 1px solid #ddd;
  padding: 13px;
  text-align: center;
  font-size: 15px;
  color: #666;
}
.list_tbl tr td a {
  color: #666;
  word-break: keep-all;
  display: inline-block;
}
.list_tbl tr td.tit {
  text-align: left;
}
.list_tbl tr td.col_hidden_tab {
  visibility: visible;
}
.list_tbl tr:hover td {
  background: #f7f7f7;
  transition: all 0.3s ease-in-out;
}
.list_tbl col.col_hidden_tab {
  visibility: visible;
}

.noti_lib_name {
  width: auto;
  height: auto;
  border-radius: 22px;
  display: inline-block;
  text-align: left;
  padding: 3px 8px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}

.noti_lib_name01 {
  background: #437DEA;
}

.noti_lib_name02 {
  background: #F79928;
}

.noti_lib_name03 {
  background: #17A981;
}

.noti_lib_name04 {
  background: #E64194;
}

.noti_lib_name05 {
  background: #736CED;
}

.noti_lib_name06 {
  background: #082669;
}

.noti_lib_name07 {
  background: #679436;
}

.noti_lib_name08 {
  background: #FF4000;
}

.noti_lib_name09 {
  background: #3942AF;
}

.noti_lib_name10 {
  background: #00B4D8;
}

.noti_lib_name11 {
  background: #DF0043;
}

.noti_lib_name12 {
  background: #CE860E;
}

.noti_lib_name13 {
  background: #9B6A6C;
}

.noti_lib_name14 {
  background: #05764D;
}

.noti_lib_name15 {
  background: #F87575;
}

.noti_lib_name16 {
  background: #8DC73F;
}

.noti_lib_name17 {
  background: #264653;
}

.noti_lib_name18 {
  background: #9B54AE;
}

.noti_lib_name19 {
  background: #898989;
}

.noti_lib_name20 {
  background: #BA6F4D;
}

.adm_btn {
  width: 100%;
  display: inline-block;
  text-align: right;
  margin-top: 30px;
}
.adm_btn a {
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 33px;
  width: 110px;
  height: 35px;
  border: 1px solid #aaa;
  color: #555;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}
.adm_btn a.management_mode {
  float: left;
  background: #333;
  border: 1px solid #333;
  color: #fff;
}
.adm_btn a.adm_write {
  background: #437DEA;
  color: #fff;
  border: 1px solid #437DEA;
}

/* view */
.board_view {
  display: table;
}
.board_view .ta_view {
  width: 100%;
  border-top: 2px solid #222;
}
.board_view .ta_view thead th {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
  font-size: 20px;
  color: #222;
  text-align: left;
}
.board_view .ta_view thead th .view_Title {
  font-weight: bold;
}
.board_view .ta_view thead th ul {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-top: 10px;
}
.board_view .ta_view thead th ul li {
  position: relative;
  float: left;
  color: #555;
  font-size: 15px;
}
.board_view .ta_view thead th ul li b {
  display: inline-block;
  font-weight: 600;
  color: #222;
  margin-right: 10px;
  margin-left: 20px;
}
.board_view .ta_view thead th ul li:before {
  position: absolute;
  top: 5px;
  left: 10px;
  content: "";
  width: 1px;
  height: 12px;
  background: #ccc;
}
.board_view .ta_view thead th ul li:first-child b {
  margin-left: 0;
}
.board_view .ta_view thead th ul li:first-child:before {
  display: none;
}
.board_view .ta_view td {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 15px;
  font-size: 15px;
  color: #555;
}
.board_view .ta_view td.view_content {
  padding: 40px 0;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  color: #555;
}
.board_view_down {
  width: 100%;
  margin-top: 30px;
  padding: 20px;
  background: #f8f8f8;
  box-sizing: border-box;
}
.board_view_down strong {
  display: block;
  line-height: 25px;
  font-size: 15px;
  color: #222;
  font-weight: bold;
}
.board_view_down span {
  display: block;
  line-height: 25px;
}
.board_view_down span a {
  font-size: 14px;
  color: #555;
}

.board_vbtn {
  margin: 60px 0;
  text-align: center;
}
.board_vbtn a {
  display: inline-block;
  text-align: center;
  width: 150px;
  height: 50px;
  border: 1px solid #222;
  font-size: 16px;
  background: #fff;
  color: #222;
  line-height: 48px;
  border-radius: 5px;
}

.board_view_Nav {
  width: 100%;
}
.board_view_Nav table.border-view-nav {
  width: 100%;
}
.board_view_Nav table.border-view-nav .colw01 {
  width: 15%;
}
.board_view_Nav table.border-view-nav tr th {
  background-color: #f7f7f7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px;
  font-size: 15px;
  color: #222;
  text-align: center;
}
.board_view_Nav table.border-view-nav tr td {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 15px;
  font-size: 15px;
  color: #666;
}
.board_view_Nav table.border-view-nav tr td a {
  display: inline-block;
  text-overflow: ellipsis;
  line-height: 1;
}

/* 도서관소개 */
/* 이용안내 */
.libintro_top {
  width: 100%;
  height: auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #f2f6ff;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 55px;
}
.libintro_top .libintro_info {
  float: left;
  margin-right: 30px;
}
.libintro_top .libintro_info dl dt {
  font-size: 16px;
  color: #333;
  float: left;
  margin-right: 20px;
  line-height: 35px;
}
.libintro_top .libintro_info dl dt label {
  font-weight: 500;
}
.libintro_top .libintro_info dl dd {
  float: left;
}
.libintro_top .libintro_info dl dd span {
  height: 35px;
}
.libintro_top .libintro_info dl dd span select {
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
}
.libintro_top .libintro_info dl dd .selet_style_long select {
  width: 600px;
}
.libintro_top .libintro_info dl:last-child {
  margin-right: 0;
}

.libintro_con h5 {
  font-size: 22px;
  color: #333;
  margin: 60px 0 30px 0;
  font-weight: bold;
}
.libintro_con h5:first-child {
  margin-top: 0;
}
.libintro_con h6 {
  font-size: 18px;
  color: #333;
  margin: 40px 0 20px 0;
  font-weight: normal;
  position: relative;
  padding-left: 15px;
}
.libintro_con h6::before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  background: #437DEA;
  border-radius: 2px;
}
.libintro_con h6:first-child {
  margin-top: 0;
}
.libintro_con strong {
  margin: 20px 0 10px 0;
  display: inline-block;
  font-weight: normal;
  font-size: 15px;
  color: #2b3070;
}
.libintro_con strong:nth-of-child(1) {
  margin-top: 0;
}
.libintro_con p {
  font-size: 15px;
  line-height: 24px;
  word-break: keep-all;
}
.libintro_con table {
  width: 100%;
  border-top: 1px solid #eaeaea;
}
.libintro_con table th {
  background: #F2F6FE;
  font-size: 15px;
  color: #222;
  font-weight: normal;
  text-align: center;
  padding: 15px;
  border-bottom: 1px solid #eaeaea;
}
.libintro_con table td {
  font-size: 15px;
  color: #555;
  text-align: center;
  padding: 10px 15px;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
  word-break: break-all;
}
.libintro_con table td label {
  color: #555;
}
.libintro_con table th:not(:first-child) {
  border-left: 1px solid #eaeaea;
}
.libintro_con table td:not(:first-child) {
  border-left: 1px solid #eaeaea;
}
.libintro_con table th:not(:last-child)[rowspan] {
  border-right: 1px solid #eaeaea;
}
.libintro_con table td:not(:last-child)[rowspan] {
  border-right: 1px solid #eaeaea;
}
.libintro_con ul li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
  font-size: 15px;
}
.libintro_con ul li:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #A8A8A8;
  top: 9px;
  left: 0px;
  border-radius: 50%;
}
.libintro_con ul li:last-child {
  margin-bottom: 0;
}

/* 나의도서관 */
/* 대출현황 */
.mylibrary_wrap .info_txt {
  font-size: 18px;
  color: #111;
  margin-bottom: 30px;
  display: inline-block;
}
.mylibrary_wrap .info_txt strong {
  font-size: 18px;
  color: #437DEA;
  font-weight: bold;
}
.mylibrary_wrap .mylibrary_list li {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  padding: 20px 30px 10px 30px;
  position: relative;
  margin-bottom: 20px;
}
.mylibrary_wrap .mylibrary_list li span {
  display: block;
  vertical-align: middle;
  float: left;
  margin-right: 20px;
}
.mylibrary_wrap .mylibrary_list li .desc {
  float: left;
  box-sizing: border-box;
  width: calc(100% - 205px);
  margin-right: 30px;
  display: block;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type {
  font-size: 15px;
  color: #437dea;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type::before {
  position: absolute;
  top: 5px;
  left: 0px;
  background: #437dea;
  content: "";
  width: 3px;
  height: 11px;
  transform: rotate(40deg);
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type02 {
  color: #F79928;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type02::before {
  background: #F79928;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type03 {
  color: #17A981;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type03::before {
  background: #17A981;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type04 {
  color: #E64194;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type04::before {
  background: #E64194;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type05 {
  color: #736CED;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type05::before {
  background: #736CED;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type06 {
  color: #082669;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type06::before {
  background: #082669;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type07 {
  color: #679436;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type07::before {
  background: #679436;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type08 {
  color: #FF4000;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type08::before {
  background: #FF4000;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type09 {
  color: #3942AF;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type09::before {
  background: #3942AF;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type10 {
  color: #00B4D8;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type10::before {
  background: #00B4D8;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type11 {
  color: #DF0043;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type11::before {
  background: #DF0043;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type12 {
  color: #CE860E;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type12::before {
  background: #CE860E;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type13 {
  color: #9B6A6C;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type13::before {
  background: #9B6A6C;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type14 {
  color: #05764D;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type14::before {
  background: #05764D;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type15 {
  color: #F87575;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type15::before {
  background: #F87575;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type16 {
  color: #8DC73F;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type16::before {
  background: #8DC73F;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type17 {
  color: #264653;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type17::before {
  background: #264653;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type18 {
  color: #9B54AE;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type18::before {
  background: #9B54AE;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type19 {
  color: #898989;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type19::before {
  background: #898989;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type20 {
  color: #BA6F4D;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type20::before {
  background: #BA6F4D;
}
.mylibrary_wrap .mylibrary_list li .desc .tit {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}
.mylibrary_wrap .mylibrary_list li .desc dl {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
}
.mylibrary_wrap .mylibrary_list li .desc dl dt {
  font-size: 14px;
  color: #444;
  margin-right: 10px;
  display: inline-block;
  font-weight: 500;
}
.mylibrary_wrap .mylibrary_list li .desc dl dd {
  font-size: 14px;
  color: #555;
  display: inline-block;
}
.mylibrary_wrap .mylibrary_list li .btn_delayArea {
  float: left;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.mylibrary_wrap .mylibrary_list li .btn_delayArea button {
  width: 130px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
}
.mylibrary_wrap .mylibrary_list li .btn_delayArea .btn_reDelay {
  background: #437DEA;
  color: #fff;
}
.mylibrary_wrap .mylibrary_list li .btn_delayArea .btn_reDelay_impossib {
  background: #fff;
  color: #555;
  border: 1px solid #777;
}
.mylibrary_wrap .mylibrary_list li:last-child {
  margin-bottom: 0;
}
.mylibrary_wrap .btn_select_wrap {
  text-align: right;
  float: right;
  margin-top: 40px;
}
.mylibrary_wrap .btn_select_wrap button {
  float: left;
  width: 150px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  margin-right: 10px;
}
.mylibrary_wrap .btn_select_wrap .all_selec {
  color: #3942AF;
  border: 1px solid #3942AF;
}
.mylibrary_wrap .btn_select_wrap .all_selec_clear {
  color: #3942AF;
  background: #EEEEEE;
}
.mylibrary_wrap .btn_select_wrap .selec_reDelay {
  background: #437DEA;
  color: #fff;
}
.mylibrary_wrap .btn_select_wrap button:last-child {
  margin-right: 0;
}

/* 대출이력 */
.history_wrap .calendar_wrap {
  float: right;
  margin-bottom: 20px;
}
.history_wrap .calendar_wrap dl dt {
  font-size: 16px;
  color: #333;
  float: left;
  line-height: 40px;
  margin-right: 10px;
}
.history_wrap .calendar_wrap dl dt label {
  font-weight: 500;
}
.history_wrap .calendar_wrap dl dd {
  float: left;
}
.history_wrap .calendar_wrap dl dd .input_calendartxt {
  display: inline-block;
  position: relative;
}
.history_wrap .calendar_wrap dl dd .input_calendartxt input[type=text] {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  padding-left: 10px;
  color: #999;
  font-size: 14px;
}
.history_wrap .calendar_wrap dl dd .input_calendartxt a.ico_calendar {
  position: absolute;
  top: 3px;
  right: 10px;
}
.history_wrap .calendar_wrap dl dd .input_calendartxt img {
  margin-left: -30px;
  padding: 1px 7px;
}
.history_wrap .calendar_wrap dl dd span {
  display: inline-block;
  margin: 0 3px;
}
.history_wrap .calendar_wrap dl dd .btn_cal_search {
  display: inline-block;
}
.history_wrap .calendar_wrap dl dd .btn_cal_search button {
  width: 85px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  background: #437DEA;
  color: #fff;
}
.history_wrap .select_during {
  margin-bottom: 40px;
}
.history_wrap .select_during ul {
  display: flex;
}
.history_wrap .select_during ul li {
  flex: 1 !important;
  height: 40px;
  background: #fff;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
}
.history_wrap .select_during ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #666;
  line-height: 40px;
}
.history_wrap .select_during ul li:first-child {
  border-radius: 5px 0 0 5px;
}
.history_wrap .select_during ul li:last-child {
  border-right: 1px solid #f1f1f1;
  border-radius: 0 5px 5px 0;
}
.history_wrap .select_during ul li.on {
  background: #f1f1f1;
}
.history_wrap .select_during ul li.on a {
  color: #437DEA;
  font-weight: bold;
}
.history_wrap .history_list li .desc {
  width: 100%;
}
.history_wrap .history_list li .desc .tit {
  width: 100%;
}

/* 희망도서신청목록 */
/* 신청내역 */
.hopeB_wrap .btn_hopeBarea {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.hopeB_wrap .btn_hopeBarea button {
  float: left;
  width: 90px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #3942AF;
  color: #3942AF;
}
.hopeB_wrap .btn_hopeBarea button:hover {
  color: #fff;
  background: #3942AF;
  border: none;
}
.hopeB_wrap .btn_hopeBarea .btn_hopeB_impossib {
  background: #fff;
  color: #555;
  border: 1px solid #777;
}
.hopeB_wrap .btn_hopeBarea .btn_hopeB_impossib:hover {
  background: #777;
  border: none;
  color: #fff;
}
.hopeB_wrap .hopeB_list li .desc {
  width: calc(100% - 120px);
}

.btn_hpop_wrap {
  text-align: right;
  margin-top: 40px;
}
.btn_hpop_wrap button.hpop_btn {
  float: right;
  width: 150px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background: #437DEA;
}

.s_tab {
  width: 100%;
}
.s_tab li {
  float: left;
  width: 50%;
  height: 40px;
  text-align: center;
  background: #fff;
  font-size: 16px;
  color: #7a7a7a;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 5px 5px 0 0;
}
.s_tab li button {
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.s_tab li.on {
  border: 1px solid #ddd;
  border-top: 2px solid #437DEA;
  color: #437DEA;
  font-weight: bold;
  background: #fff;
  border-bottom: none;
}

.sview_con_wrap {
  width: 100%;
  margin-top: 30px;
}

/* 신청하기 */
.hopeBform dl {
  border-bottom: 1px solid #eaeaea;
  width: 100%;
  display: block;
}
.hopeBform dl dt {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  display: inline-block;
  width: 150px;
  margin-right: 10px;
  background: #F2F6FE;
  padding: 15px;
  text-align: center;
}
.hopeBform dl dt label {
  font-weight: bold;
}
.hopeBform dl dd {
  display: inline-block;
  width: calc(100% - 200px);
}
.hopeBform dl dd .input_txt {
  width: 70%;
}
.hopeBform dl dd .applic_search {
  width: 70px;
  height: 35px;
  background: #437DEA;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
  margin-left: 5px;
}
.hopeBform dl dd .applicWidth {
  width: 80%;
}
.hopeBform dl dd select {
  font-size: 14px;
}
.hopeBform dl .library_tit {
  font-weight: bold;
  color: #437DEA;
  font-size: 14px;
}
.hopeBform dl:first-child {
  border-top: 1px solid #eaeaea;
  border-bottom: none;
}
.hopeBform dl.applic_lib {
  border-top: 1px solid #eaeaea;
}

.messege_aree {
  margin-top: 30px;
  display: inline-block;
}
.messege_aree label {
  padding-left: 0 !important;
  font-size: 14px;
}

.applicNew_btn_wrap {
  width: 180px;
  margin: 0 auto;
  margin-top: 30px;
}
.applicNew_btn_wrap button {
  width: 85px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
}
.applicNew_btn_wrap .right .btnNew_applicate {
  display: inline-block;
  background: #437DEA;
  color: #fff;
  margin-right: 5px;
}
.applicNew_btn_wrap .right .btnNew_reset {
  display: inline-block;
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
  margin-right: 0;
}

.hopeB_result_wrap {
  margin-top: 60px;
}
.hopeB_result_wrap .btn_select {
  width: 50px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #999;
}
.hopeB_result_wrap .btn_select:hover {
  background: #999;
  color: #fff;
}

.btn_dbinfo {
  margin: 40px 0 30px 0;
  width: 180px;
  height: 40px;
  border-radius: 5px;
  text-align: left;
  padding-left: 13px;
  font-size: 15px;
  float: right;
  color: #333;
  background: url(../images/sub/dbinfo_logo.png) 123px center no-repeat;
  border: 1px solid #333;
}

#aladinList tr {
  transition: all 0.2s ease-in-out;
}

#aladinList tr:hover td {
  background: #f7f7f7;
  transition: all 0.2s ease-in-out;
}

.hopeB_result_wrap .table02 tr td .hopeB_img {
  width: 105px;
  height: 147px;
  border: 1px solid #ddd;
  margin: 0 auto;
}
.hopeB_result_wrap .table02 tr td .hopeB_img img {
  width: 103px;
  height: 145px;
}

/* 예약목록 */
.reserv_wrap .reserv_list li {
  position: relative;
}
.reserv_wrap .reserv_list li .desc {
  width: calc(100% - 120px);
}
.reserv_wrap .reserv_list li .desc .lib_type {
  font-size: 15px;
  color: #437dea;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.reserv_wrap .reserv_list li .desc .lib_type::before {
  position: absolute;
  top: 5px;
  left: 0px;
  background: #437dea;
  content: "";
  width: 3px;
  height: 11px;
  transform: rotate(40deg);
}
.reserv_wrap .reserv_list li .desc .lib_type02 {
  color: #F79928;
}
.reserv_wrap .reserv_list li .desc .lib_type02::before {
  background: #F79928;
}
.reserv_wrap .reserv_list li .desc .lib_type03 {
  color: #17A981;
}
.reserv_wrap .reserv_list li .desc .lib_type03::before {
  background: #17A981;
}
.reserv_wrap .reserv_list li .desc .lib_type04 {
  color: #E64194;
}
.reserv_wrap .reserv_list li .desc .lib_type04::before {
  background: #E64194;
}
.reserv_wrap .reserv_list li .desc .lib_type05 {
  color: #736CED;
}
.reserv_wrap .reserv_list li .desc .lib_type05::before {
  background: #736CED;
}
.reserv_wrap .reserv_list li .desc .lib_type06 {
  color: #082669;
}
.reserv_wrap .reserv_list li .desc .lib_type06::before {
  background: #082669;
}
.reserv_wrap .reserv_list li .desc .lib_type07 {
  color: #679436;
}
.reserv_wrap .reserv_list li .desc .lib_type07::before {
  background: #679436;
}
.reserv_wrap .reserv_list li .desc .lib_type08 {
  color: #FF4000;
}
.reserv_wrap .reserv_list li .desc .lib_type08::before {
  background: #FF4000;
}
.reserv_wrap .reserv_list li .desc .lib_type09 {
  color: #3942AF;
}
.reserv_wrap .reserv_list li .desc .lib_type09::before {
  background: #3942AF;
}
.reserv_wrap .reserv_list li .desc .lib_type10 {
  color: #00B4D8;
}
.reserv_wrap .reserv_list li .desc .lib_type10::before {
  background: #00B4D8;
}
.reserv_wrap .reserv_list li .desc .lib_type11 {
  color: #DF0043;
}
.reserv_wrap .reserv_list li .desc .lib_type11::before {
  background: #DF0043;
}
.reserv_wrap .reserv_list li .desc .lib_type12 {
  color: #CE860E;
}
.reserv_wrap .reserv_list li .desc .lib_type12::before {
  background: #CE860E;
}
.reserv_wrap .reserv_list li .desc .lib_type13 {
  color: #9B6A6C;
}
.reserv_wrap .reserv_list li .desc .lib_type13::before {
  background: #9B6A6C;
}
.reserv_wrap .reserv_list li .desc .lib_type14 {
  color: #05764D;
}
.reserv_wrap .reserv_list li .desc .lib_type14::before {
  background: #05764D;
}
.reserv_wrap .reserv_list li .desc .lib_type15 {
  color: #F87575;
}
.reserv_wrap .reserv_list li .desc .lib_type15::before {
  background: #F87575;
}
.reserv_wrap .reserv_list li .desc .lib_type16 {
  color: #8DC73F;
}
.reserv_wrap .reserv_list li .desc .lib_type16::before {
  background: #8DC73F;
}
.reserv_wrap .reserv_list li .desc .lib_type17 {
  color: #264653;
}
.reserv_wrap .reserv_list li .desc .lib_type17::before {
  background: #264653;
}
.reserv_wrap .reserv_list li .desc .lib_type18 {
  color: #9B54AE;
}
.reserv_wrap .reserv_list li .desc .lib_type18::before {
  background: #9B54AE;
}
.reserv_wrap .reserv_list li .desc .lib_type19 {
  color: #898989;
}
.reserv_wrap .reserv_list li .desc .lib_type19::before {
  background: #898989;
}
.reserv_wrap .reserv_list li .desc .lib_type20 {
  color: #BA6F4D;
}
.reserv_wrap .reserv_list li .desc .lib_type20::before {
  background: #BA6F4D;
}
.reserv_wrap .btn_resevArea {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.reserv_wrap .btn_resevArea button {
  float: left;
  width: 90px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #3942AF;
  color: #3942AF;
}
.reserv_wrap .btn_resevArea button:hover {
  color: #fff;
  background: #3942AF;
  border: none;
}
/* 배달이력 */
.deliv_wrap .btn_delivArea {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.deliv_wrap .btn_delivArea button {
  float: left;
  width: 90px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #3942AF;
  color: #3942AF;
}
.deliv_wrap .btn_delivArea button:hover {
  color: #fff;
  background: #3942AF;
  border: none;
}
.deliv_wrap .deliv_list li .desc {
  width: calc(100% - 120px);
}
.deliv_wrap .deliv_list li dl.cancel_date {
  color: #EA1C5A;
  font-weight: 500;
}

.deliv_top .cu_top .cu_info {
  width: calc(100% - 110px);
}
.deliv_top .deliv_select {
  width: 400px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
}

/* 상호대차이력 */
.btn_lillArea {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.btn_lillArea button {
  float: left;
  width: 90px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #3942AF;
  color: #3942AF;
}
.btn_lillArea button:hover {
  color: #fff;
  background: #3942AF;
  border: none;
}

/* 회원서비스 */
/* 로그인 */
.login_top {
  width: 690px;
  margin: 0 auto;
  height: 270px;
  background: url(../images/sub/bg_login_top.png) left center no-repeat;
  padding: 120px 0 0 275px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.login_top h4 {
  font-size: 25px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}
.login_top h4 span {
  color: #3942AF;
  font-weight: bold;
  font-size: 16px;
}

.login_area {
  overflow: hidden;
  width: 675px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.login_area ul {
  float: left;
}
.login_area ul li {
  margin-bottom: 10px;
}
.login_area ul li img {
  display: inline-block;
  margin-right: 15px;
}
.login_area ul li input {
  display: inline-block;
  width: 470px;
  height: 40px;
  padding-left: 10px;
}
.login_area ul li input::placeholder {
  color: #999;
}
.login_area ul li input::-webkit-input-placeholder {
  color: #999;
}
.login_area ul li input:-ms-input-placeholder {
  color: #999;
}
.login_area ul li:last-child {
  margin-bottom: 0;
}
.login_area ul li:nth-child(1) {
  background: url(../images/sub/bg_login.png) left center no-repeat;
  padding-left: 30px;
}
.login_area ul li:nth-child(2) {
  background: url(../images/sub/bg_pw.png) left center no-repeat;
  padding-left: 30px;
}
.login_area button {
  float: left;
  display: block;
  width: 130px;
  height: 90px;
  border-radius: 10px;
  background: #437DEA;
  color: #fff;
  text-align: center;
  line-height: 90px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

.login_bottom ul {
  overflow: hidden;
}
.login_bottom ul li {
  float: left;
  width: 49%;
  height: 170px;
  margin-right: 2%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
}
.login_bottom ul li h5 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 20px;
  padding-left: 15px;
  position: relative;
}
.login_bottom ul li h5::before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 4px;
  height: 18px;
  background: #3942AF;
}
.login_bottom ul li p {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  font-size: 14px;
}
.login_bottom ul li p:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  background: #555;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}
.login_bottom ul li p:last-child {
  margin-bottom: 0;
}
.login_bottom ul li a.btn_idpw {
  position: absolute;
  top: 30px;
  right: 20px;
  display: block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  background: #437DEA;
  text-align: center;
  color: #fff;
  border-radius: 40px;
  font-size: 12px;
}
.login_bottom ul li:last-child {
  margin-right: 0;
}

/* 회원가입 */
.join_wrap .top {
  margin-bottom: 40px;
}
.join_wrap .top ul {
  overflow: hidden;
}
.join_wrap .top ul li {
  width: 32%;
  height: 100px;
  border-radius: 10px;
  padding: 25px 30px;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.join_wrap .top ul li h4 {
  font-size: 18px;
  color: #666;
  margin-bottom: 5px;
  padding-left: 70px;
  font-weight: bold;
}
.join_wrap .top ul li p {
  font-size: 14px;
  color: #666;
  word-break: keep-all;
  padding-left: 70px;
}
.join_wrap .top ul li img {
  display: none;
  position: absolute;
  top: 25px;
  right: 30px;
}
.join_wrap .top ul li:nth-child(1) {
  background: #f2f2f2 url(../images/sub/bg_join_terms.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(1).on {
  background: #fff url(../images/sub/bg_join_terms.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(3) {
  background: #f2f2f2 url(../images/sub/bg_join_inform.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(3).on {
  background: #fff url(../images/sub/bg_join_inform.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(5) {
  background: #f2f2f2 url(../images/sub/bg_join_complet.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(5).on {
  background: #fff url(../images/sub/bg_join_complet.png) 30px center no-repeat;
}
.join_wrap .top ul li:nth-child(even) {
  width: 2%;
  background: url(../images/sub/bg_join_arrow.png) center no-repeat;
  padding: 0 6px;
}
.join_wrap .top ul li.on {
  border: 2px solid #437DEA;
}
.join_wrap .top ul li.on img {
  display: block;
}
.join_wrap .top ul li.on h4 {
  color: #437DEA;
  background: url(../images/sub/ico_join_check.png) no-repeat 99% top;
  background-size: 25px;
}
.join_wrap .top ul li.on p {
  color: #437DEA;
}
.join_wrap .join_terms .terms_page {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #c9c9c9;
  padding: 30px;
  font-size: 14px;
}
.join_wrap .join_terms .personal_page {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #c9c9c9;
  padding: 30px;
  font-size: 14px;
}
.join_wrap .join_terms .check_area {
  text-align: right;
  overflow: hidden;
  margin-top: 15px;
}
.join_wrap .join_terms .check_area input[type=checkbox] + label {
  padding-left: 0;
}
.join_wrap .join_terms .btn_area {
  overflow: hidden;
  width: 320px;
  margin: 0 auto;
  margin-top: 40px;
}
.join_wrap .join_terms .btn_area li {
  float: left;
  margin-right: 10px;
}
.join_wrap .join_terms .btn_area li button {
  width: 150px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.join_wrap .join_terms .btn_area li:last-child {
  margin-right: 0;
}
.join_wrap .join_terms .btn_area li:nth-child(1) button {
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
}
.join_wrap .join_terms .btn_area li:nth-child(2) button {
  background: #437DEA;
}

/* 회원가입 - 정보입력 */
.join_inform .btn_area {
  overflow: hidden;
  width: 320px;
  margin: 0 auto;
  margin-top: 40px;
}
.join_inform .btn_area li {
  float: left;
  margin-right: 10px;
}
.join_inform .btn_area li button {
  width: 150px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.join_inform .btn_area li:last-child {
  margin-right: 0;
}
.join_inform .btn_area li:nth-child(1) button {
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
}
.join_inform .btn_area li:nth-child(2) button {
  background: #437DEA;
}
.join_inform .table th label {
  font-weight: 500;
}

.form_info {
  margin-bottom: 10px;
  text-align: right;
}
.form_info strong {
  font-weight: bold;
  color: #DF0043;
}

.join_btn {
  width: 80px;
  height: 35px;
  background: #437DEA;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 35px;
  border-radius: 5px;
  font-size: 13px;
}

.tbl_stxt {
  font-size: 13px;
  color: #888;
  margin-top: 5px;
}

.essential {
  color: #DF0043;
  font-weight: bold;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.table .gender {
  overflow: hidden;
}
.table .gender li {
  float: left;
  margin-right: 10px;
}
.table .gender li input[type=radio] {
  display: inline-block;
  vertical-align: -12px;
}
.table .gender li label {
  display: inline-block;
  width: 15px;
  height: 18px;
  vertical-align: -10px;
}
.table .gender li:last-child {
  margin-right: 0;
}
.table .birthday {
  overflow: hidden;
}
.table .birthday li {
  float: left;
  margin-right: 5px;
}
.table .birthday li select {
  width: 75px;
  height: 35px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  color: #999;
}
.table .birthday li .birth {
  overflow: hidden;
}
.table .birthday li .birth li {
  float: left;
}
.table .birthday li .birth li input[type=radio] {
  display: inline-block;
  vertical-align: -12px;
}
.table .birthday li .birth li label {
  display: inline-block;
  width: 30px;
  height: 18px;
  vertical-align: -10px;
}
.table .birthday li:first-child select:first-child {
  width: 100px;
}
.table .email_list li {
  float: left;
  margin: 0 3px;
  line-height: 35px;
}
.table .email_list li select {
  width: 155px;
  height: 35px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  color: #999;
}
.table .email_list li label {
  display: inline-block;
  width: 55px;
  height: 18px;
}
.table .email_list li .recept {
  margin-left: 10px;
}
.table .email_list li:first-child {
  margin-left: 0;
}

.call_list {
  overflow: hidden;
}
.call_list li {
  float: left;
  margin: 0 3px;
}
.call_list li select {
  width: 160px;
  height: 35px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  color: #999;
}
.call_list li .certified_cell_disable {
  background: #eee;
  color: #999;
  cursor: auto;
}
.call_list li .check_cell {
  background: #3942AF;
}
.call_list li .check_finish {
  background: #f1f1f1;
  color: #777;
  cursor: auto;
}
.call_list .ml0 {
  margin-left: 0;
}
.call_list li:first-child {
  margin-left: 0;
}
.call_list li:nth-child(2),
.call_list li:nth-child(4) {
  padding-top: 5px;
}

.call_list_confirm li input {
  width: 553px;
}

/* 정보수정 */
.modify_inform .table th label {
  font-weight: 500;
}

/* 회원가입 - 가입완료 */
.join_complete {
  width: 675px;
  height: auto;
  padding: 60px 50px 60px 240px;
  box-sizing: border-box;
  background: #fff url(../images/sub/bg_join_Bcomplet.png) 50px center no-repeat;
  border-radius: 10px;
  margin: 0 auto;
}
.join_complete h5 {
  font-size: 20px;
  color: #111;
  margin-bottom: 10px;
  font-weight: bold;
}
.join_complete p {
  font-size: 14px;
}

/* 아이디/비밀번호찾기 */
.h4_tit:first-child {
  margin-top: 0;
}

.h4_tit {
  padding-left: 15px;
  font-size: 18px;
  color: #333;
  position: relative;
  margin: 60px 0 30px 0;
}

.h4_tit:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  width: 4px;
  height: 20px;
  background: #3942AF;
}

.certified_btn {
  width: 90px;
  height: 35px;
  background: #437DEA;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 35px;
  border-radius: 5px;
  font-size: 13px;
}

.certified_btn02 {
  background: #3942AF;
}

.certified_btn03 {
  background: #333;
}

.idPwSearch_wrap .search_box {
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.idPwSearch_wrap .search_box .id_result {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 20px;
  border-radius: 5px;
  background: #f5f5f5;
  text-align: center;
  margin-top: 20px;
}
.idPwSearch_wrap .search_box .id_result p {
  font-size: 14px;
  color: #555;
}
.idPwSearch_wrap .search_box .id_result p span {
  color: #437DEA;
  font-weight: bold;
}
.idPwSearch_wrap .input_txt {
  width: 150px;
}
.idPwSearch_wrap .pw_search dl.id_fln {
  float: none;
  margin-bottom: 20px;
}
.idPwSearch_wrap .pw_search .pw_result {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 20px;
  border-radius: 5px;
  background: #f5f5f5;
  text-align: left;
  margin-top: 20px;
}
.idPwSearch_wrap .pw_search .pw_result dl {
  margin-right: 130px;
}
.idPwSearch_wrap .pw_search .pw_result dl:last-child {
  margin-right: 0;
}
.idPwSearch_wrap .id_search_con .name_fln {
  float: none;
  margin-bottom: 20px;
}
.idPwSearch_wrap dl {
  float: left;
  margin-right: 70px;
}
.idPwSearch_wrap dl dt {
  float: left;
  font-size: 16px;
  color: #555;
  margin-right: 10px;
  margin-top: 5px;
  width: 90px;
}
.idPwSearch_wrap dl dt label {
  font-weight: 500;
}
.idPwSearch_wrap dl dd {
  float: left;
}
.idPwSearch_wrap dl dd .w300 {
  width: 300px;
}
.idPwSearch_wrap dl dd .w495 {
  width: 495px;
}
.idPwSearch_wrap dl:last-child {
  margin-right: 0;
}

/* 개인정보처리방침 */
.privacyPolicy_con {
  font-size: 14px;
  color: #777;
  word-break: keep-all;
}
.privacyPolicy_con h4:first-child {
  margin-top: 0;
}
.privacyPolicy_con h4 {
  padding-left: 15px;
  font-size: 18px;
  color: #333;
  position: relative;
  margin: 60px 0 30px 0;
}
.privacyPolicy_con h4:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  width: 4px;
  height: 20px;
  background: #3942AF;
}
.privacyPolicy_con h5 {
  padding: 15px 0 10px;
  font-size: 16px;
  color: #555;
}
.privacyPolicy_con ul {
  padding: 5px 0;
}
.privacyPolicy_con ul li {
  padding: 3px 0 4px 10px;
  position: relative;
}
.privacyPolicy_con ul li h5 {
  padding: 0 0 5px 0;
}
.privacyPolicy_con ul li:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #555;
  border-radius: 4px;
}
.privacyPolicy_con p {
  padding: 5px 0 10px 0;
}
.privacyPolicy_con .terms_intro ul li {
  padding: 5px;
  background: none;
}
.privacyPolicy_con table {
  width: 100%;
  border-top: 2px solid #222;
}
.privacyPolicy_con table th {
  background: #f7f7f7;
  font-size: 15px;
  color: #222;
  font-weight: 500;
  text-align: left;
  padding: 15px;
  border-bottom: 1px solid #eaeaea;
}
.privacyPolicy_con table td {
  font-size: 15px;
  color: #555;
  text-align: left;
  padding: 10px 15px;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
  word-break: keep-all;
}
.privacyPolicy_con table td label {
  color: #555;
}
.privacyPolicy_con table th:not(:first-child) {
  border-left: 1px solid #eaeaea;
}
.privacyPolicy_con table td:not(:first-child) {
  border-left: 1px solid #eaeaea;
}
.privacyPolicy_con table th:not(:last-child)[rowspan] {
  border-right: 1px solid #eaeaea;
}
.privacyPolicy_con table td:not(:last-child)[rowspan] {
  border-right: 1px solid #eaeaea;
}

/* 이메일무단수집여부 */
.email_page {
  font-size: 14px;
  color: #777;
  word-break: keep-all;
}
.email_page h4:first-child {
  margin-top: 0;
}
.email_page h4 {
  padding-left: 15px;
  font-size: 18px;
  color: #333;
  position: relative;
  margin: 60px 0 30px 0;
}
.email_page h4:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  width: 4px;
  height: 20px;
  background: #3942AF;
}
.email_page .email_list {
  padding: 5px 0;
}
.email_page .email_list li {
  padding: 3px 0 4px 10px;
  position: relative;
}
.email_page .email_list li h5 {
  padding: 0 0 5px 0;
}
.email_page .email_list li:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #555;
  border-radius: 4px;
}

/* 이용약관 */
.terms_con {
  font-size: 14px;
  color: #777;
  word-break: keep-all;
}
.terms_con h4:first-child {
  margin-top: 0;
}
.terms_con h4 {
  padding-left: 15px;
  font-size: 18px;
  color: #333;
  position: relative;
  margin: 60px 0 30px 0;
}
.terms_con h4:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  width: 4px;
  height: 20px;
  background: #3942AF;
}
.terms_con h5 {
  padding: 15px 0 10px;
  font-size: 16px;
  color: #555;
}
.terms_con ul {
  padding: 5px 0;
}
.terms_con ul li {
  padding: 3px 0 4px 10px;
  position: relative;
}
.terms_con ul li h5 {
  padding: 0 0 5px 0;
}
.terms_con ul li:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #555;
  border-radius: 4px;
}
.terms_con h6 {
  font-size: 14px;
  color: #555;
  padding: 10px 0;
}
.terms_con p {
  padding: 5px 0 10px 0;
}
.terms_con p.point_p {
  color: #3942AF;
}
.terms_con .terms_intro ul li {
  padding: 5px;
  background: none;
}

/* 마이페이지 */
/* 내 정보수정 */
.modify_inform .btn_area {
  overflow: hidden;
  width: 320px;
  margin: 0 auto;
  margin-top: 40px;
}
.modify_inform .btn_area li {
  float: left;
  margin-right: 10px;
}
.modify_inform .btn_area li button {
  width: 150px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.modify_inform .btn_area li:last-child {
  margin-right: 0;
}
.modify_inform .btn_area li:nth-child(1) button {
  background: #fff;
  border: 1px solid #437DEA;
  color: #437DEA;
}
.modify_inform .btn_area li:nth-child(2) button {
  background: #437DEA;
}

/* 회원탈퇴 */
.withdrawal_box {
  width: 810px;
  height: auto;
  padding: 60px 50px 60px 220px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 auto;
}
.withdrawal_box h5 {
  font-size: 20px;
  color: #111;
  margin-bottom: 10px;
  font-weight: bold;
}
.withdrawal_box p {
  font-size: 14px;
}

.withdrawal_check {
  background: #fff url(../images/sub/bg_withdrawCheck.png) 50px center no-repeat;
}
.withdrawal_check button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: 1px solid #437DEA;
  color: #437DEA;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}
.withdrawal_check button:hover {
  background: #437DEA;
  color: #fff;
}

.withdrawal_complet {
  background: #fff url(../images/sub/bg_withdraw.png) 50px center no-repeat;
}

/* 에러페이지 */
.errorPage {
  width: 100%;
  margin-top: 100px;
}
.errorPage .inner {
  width: 1400px;
  margin: 0 auto;
  height: 500px;
}
.errorPage h1 {
  color: #3942AF;
  font-size: 50px;
  font-weight: bold;
  padding-top: 150px;
  margin-bottom: 30px;
}
.errorPage p {
  color: #666;
  font-size: 18px;
  line-height: 28px;
  word-break: keep-all;
  margin-bottom: 50px;
}
.errorPage .btn_error {
  width: 150px;
  height: 50px;
  border-radius: 50px;
  background: #3942AF;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  border: none;
}

.error404Page .inner {
  background: url(../images/sub/bg_error404.png) right center no-repeat;
}

.error500Page .inner {
  background: url(../images/sub/bg_error500.png) right center no-repeat;
}

/* 서브 모바일메뉴 */
.sub_mobTabMenu_wrap {
  display: none;
}

/* =========================================== 서브 - 미디어쿼리 =========================================== */
/* pc */
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .sub .inner {
    max-width: 1200px;
  }
  /* 자료검색 - 일반검색 */
  .searchTop .search_tit_wrap {
    margin-bottom: 25px;
  }
  .searchTop .search_tit_wrap h4 {
    display: block;
    font-size: 22px;
  }
  .searchTop .search_tit_wrap .search_popular {
    overflow: hidden;
    float: none;
    margin-top: 15px;
  }
  /* 자료검색 - 상세검색 */
  .search_lib_select {
    padding: 15px;
  }
  .search_lib_select ul li {
    float: left;
    width: 32%;
    margin-right: 1%;
  }
  .search_lib_select ul li label {
    font-size: 15px;
  }
  .search_lib_select ul li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_lib_select ul li:nth-child(3n) {
    margin-right: 0;
  }
  .search_detail_wrap .select_detail_library li {
    width: 32%;
    margin-right: 1%;
  }
  .search_detail_wrap .select_detail_library li label {
    font-size: 15px;
  }
  .search_detail_wrap li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_detail_wrap li:nth-child(3n) {
    margin-right: 0;
  }
  .searchCon .rsearch_top .info_txt {
    float: none;
    margin-bottom: 20px;
  }
  .searchCon .rsearch_top .rsearch_area {
    float: none;
  }
  .sR_list li {
    padding: 20px;
  }
  .sR_list li .sR_con .sR_txt {
    float: left;
    width: calc(100% - 125px);
  }
  .btn_sR_wrap {
    width: 88%;
  }
  .btn_sR_wrap button {
    margin-right: 0.5%;
  }
  .call_list li input {
    width: 172px;
  }
  /* 큐레이션 */
  /* 신착도서 */
  .curation_wrap .cu_top .cu_info {
    width: calc(100% - 100px);
    margin-right: 20px;
  }
  .curation_wrap .cu_top .cu_info dl {
    width: 44%;
    margin-right: 3%;
  }
  .curation_wrap .cu_top .cu_info dl dd {
    width: 72%;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_long select {
    width: 84%;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_short select {
    width: 15.7%;
  }
  .curation_wrap .cu_top .cu_info dl:nth-child(2) {
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_info dl:nth-child(3) {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_btn button {
    height: 75px;
  }
  .curation_wrap .cu_top .cu_info02 {
    width: calc(100% - 100px);
  }
  .curation_wrap .cu_top .cu_info02 ul li select {
    width: 100%;
  }
  .curation_wrap .btn_cR_wrap {
    width: 88%;
  }
  .curation_wrap .btn_cR_wrap button {
    margin-right: 0.5%;
  }
  /* 회원서비스 */
  /* 로그인 */
  .login_bottom ul li {
    height: 190px;
  }
  .login_bottom ul li a.btn_idpw {
    width: 135px;
  }
  /* 아이디/비밀번호찾기 */
  .idPwSearch_wrap dl {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .idPwSearch_wrap dl:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  /* 에러페이지 */
  .errorPage {
    width: 100%;
    margin-top: 100px;
    padding: 0 30px;
  }
  .errorPage .inner {
    width: 1100px;
    margin: 0 auto;
    height: 500px;
  }
  .error404Page .inner {
    background: url(../images/sub/bg_error404.png) 90% center no-repeat;
    background-size: 550px;
  }
  .error500Page .inner {
    background: url(../images/sub/bg_error500.png) 90% center no-repeat;
    background-size: 550px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1136px) {
  .btn_sR_wrap {
    width: 85%;
  }
  .btn_sR_wrap button {
    margin-right: 0.5%;
  }
  .curation_wrap .btn_cR_wrap {
    width: 85%;
  }
}
/* tab */
@media (max-width: 1024px) {
  .sub .inner {
    padding: 0 30px;
    max-width: unset;
  }
  .sub .subTop {
    padding: 40px 0 65px 0;
  }
  .sub .subTop .sub_tit {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .sub .subContent {
    padding-bottom: 50px;
  }
  .sub .subContent .subConBox {
    padding: 30px;
  }
  .sub .subContent .subConBox .sub_tapmenu {
    display: none;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    margin-bottom: 40px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu {
    position: relative;
    width: 100%;
    height: 45px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu {
    width: 100%;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 {
    position: relative;
    width: 100%;
    height: 45px;
    background: #3942AF url("../images/sub/bg_deth02_arrow.png") 98% center no-repeat;
    border-radius: 10px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 a {
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    font-weight: normal;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    display: none;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.1);
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li a {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    color: #888;
    padding: 13px;
    text-align: left;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li.on {
    background: #F2F6FF;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li.on a {
    color: #555;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li:hover {
    background: #F2F6FF;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li:hover a {
    color: #555;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li:active {
    background: #F2F6FF;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li:active a {
    color: #555;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li:last-child {
    border-bottom: none;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01.on {
    background: #3942AF url("../images/sub/bg_deth02_arrow02.png") 98% center no-repeat;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01.on a {
    color: #fff;
  }
  /* 자료검색 - 일반검색 */
  .searchTop .search_tit_wrap {
    margin-bottom: 25px;
  }
  .searchTop .search_tit_wrap h4 {
    display: block;
    font-size: 22px;
  }
  .searchTop .search_tit_wrap .search_popular {
    overflow: hidden;
    float: none;
    margin-top: 15px;
  }
  .search_tab li {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  .search_tab li button {
    height: 45px;
    line-height: 45px;
  }
  .search_con_wrap .search_normal_wrap,
  .search_con_wrap .search_detail_wrap {
    padding: 20px;
  }
  .search_con_wrap .search_normal_wrap .search_area {
    max-width: 610px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .search_con_wrap .search_normal_wrap .search_area .input_txt {
    width: 500px;
    height: 45px;
    font-size: 14px;
  }
  .search_con_wrap .search_normal_wrap .search_area .btn_search {
    width: 100px;
    height: 45px;
    font-size: 14px;
    padding: 0;
  }
  .search_lib_select {
    padding: 15px;
  }
  .search_lib_select ul li {
    float: left;
    width: 32%;
    margin-right: 1%;
  }
  .search_lib_select ul li label {
    font-size: 14px;
  }
  .search_lib_select ul li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_lib_select ul li:nth-child(3n) {
    margin-right: 0;
  }
  .search_detail_wrap .select_detail_library li {
    width: 32%;
    margin-right: 1%;
  }
  .search_detail_wrap .select_detail_library li label {
    font-size: 15px;
  }
  .search_detail_wrap li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_detail_wrap li:nth-child(3n) {
    margin-right: 0;
  }
  /* 자료검색 - 상세검색 */
  .search_detail_wrap .table th {
    font-size: 16px;
  }
  .search_detail_wrap .table td {
    font-size: 14px;
  }
  .search_detail_wrap .table td label {
    font-size: 14px;
  }
  .search_detail_wrap .btn_area {
    overflow: hidden;
    width: 270px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .search_detail_wrap .btn_area li button {
    width: 130px;
    height: 50px;
    font-size: 16px;
  }
  .searchCon {
    width: 95%;
    padding: 20px;
  }
  .searchCon .rsearch_top {
    margin-bottom: 30px;
  }
  .searchCon .rsearch_top .info_txt {
    padding-left: 40px;
    float: none;
    margin-bottom: 20px;
  }
  .searchCon .rsearch_top .rsearch_area {
    float: none;
  }
  .searchCon .rsearch_top .rsearch_area li input.input_txt {
    width: 100%;
  }
  .sR_list li {
    padding: 20px;
  }
  .sR_list li .sR_con .sR_img {
    width: 95px;
    height: 133px;
    margin-right: 15px;
  }
  .sR_list li .sR_con .sR_img img {
    width: 93px;
    height: 131px;
  }
  .sR_list li .sR_con .sR_txt {
    float: left;
    width: calc(100% - 110px);
  }
  .sR_list li .sR_con .sR_txt .keyword a {
    padding: 10px;
    border-radius: 35px;
  }
  .btn_sR_wrap {
    width: 86%;
  }
  .btn_sR_wrap button {
    margin-right: 0.5%;
    height: 35px;
  }
  .facet_wrap {
    width: 0;
    display: none;
    float: none;
  }
  .search_date_tab li button {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .search_no_result {
    min-height: 400px;
    background: url(../images/sub/bg_no_result.png) center 75px no-repeat;
    background-size: 340px;
  }
  .search_no_result p {
    font-size: 16px;
    line-height: 400px;
  }
  /* 큐레이션 */
  /* 신착도서 */
  .curation_wrap .cu_top .cu_info {
    width: calc(100% - 100px);
    margin-right: 20px;
  }
  .curation_wrap .cu_top .cu_info dl {
    width: 47%;
    margin-right: 2%;
  }
  .curation_wrap .cu_top .cu_info dl dt {
    display: none;
  }
  .curation_wrap .cu_top .cu_info dl dd {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_long select {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_short select {
    width: 15.4%;
  }
  .curation_wrap .cu_top .cu_info dl dd span select {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_info dl:nth-child(2) {
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_info dl:nth-child(3) {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_btn button {
    height: 75px;
  }
  .curation_wrap .cu_top .cu_info02 {
    width: calc(100% - 90px);
  }
  .curation_wrap .cu_top .cu_info02 ul li {
    margin-right: 20px;
  }
  .curation_wrap .cu_top .cu_info02 ul li select {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_info02 ul li span {
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_btn02 button {
    width: 70px;
  }
  .curation_wrap .cR_list li {
    padding: 20px;
  }
  .curation_wrap .cR_list li .cR_con .cR_img {
    width: 95px;
    height: 133px;
    margin-right: 15px;
  }
  .curation_wrap .cR_list li .cR_con .cR_img img {
    width: 93px;
    height: 131px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt {
    float: left;
    width: calc(100% - 110px);
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc {
    padding-bottom: 10px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .keyword a {
    padding: 10px;
  }
  .curation_wrap .cR_list .btn_cR_wrap {
    width: 86%;
  }
  .curation_wrap .cR_list .btn_cR_wrap button {
    margin-right: 0.5%;
    height: 35px;
  }
  /*공지사항*/
  .list_tbl tr th {
    padding: 12px;
  }
  .list_tbl tr th.col_hidden_tab {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl tr td {
    padding: 12px;
  }
  .list_tbl tr td.col_hidden_tab {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl col.col_hidden_tab {
    visibility: hidden;
    display: none;
  }
  /* 도서관소개 */
  .libintro_top .libintro_info {
    float: none;
    margin-right: 0;
  }
  .libintro_top .libintro_info dl dd .selet_style_long select {
    width: 495px;
  }
  /* 나의도서관 */
  /* 대출현황 */
  .mylibrary_wrap .info_txt {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .mylibrary_wrap .info_txt strong {
    font-size: 17px;
  }
  /* 대출이력 */
  .history_wrap .calendar_wrap {
    float: none;
  }
  /* 희망도서신청목록 */
  .s_tab li {
    font-size: 15px;
  }
  /* 신청하기 */
  .hopeBform dl dd .input_txt {
    font-size: 14px;
  }
  .hopeBform dl dd label {
    font-size: 14px;
  }
  .hopeB_result_wrap .table02 tr td .hopeB_img {
    width: 95px;
    height: 133px;
  }
  .hopeB_result_wrap .table02 tr td .hopeB_img img {
    width: 93px;
    height: 131px;
  }
  /* 회원서비스 */
  /* 로그인 */
  .login_top {
    width: 690px;
  }
  .login_top h4 {
    font-size: 25px;
  }
  .login_area {
    width: 650px;
  }
  .login_area ul {
    float: left;
  }
  .login_area ul li input {
    width: 475px;
  }
  .login_bottom ul li {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .login_bottom ul li a.btn_idpw {
    width: 135px;
  }
  .login_bottom ul li:last-child {
    margin-bottom: 0;
  }
  /* 회원가입 */
  .join_wrap .top ul li {
    width: 31%;
    padding: 20px;
  }
  .join_wrap .top ul li h4 {
    padding-left: 45px;
  }
  .join_wrap .top ul li p {
    padding-left: 45px;
  }
  .join_wrap .top ul li img {
    top: 20px;
    right: 20px;
    width: 22px;
  }
  .join_wrap .top ul li:nth-child(1) {
    background: #f2f2f2 url(../images/sub/bg_join_terms.png) 20px center no-repeat;
    background-size: 28px;
  }
  .join_wrap .top ul li:nth-child(1).on {
    background: #fff url(../images/sub/bg_join_terms.png) 20px center no-repeat;
    background-size: 28px;
  }
  .join_wrap .top ul li:nth-child(3) {
    background: #f2f2f2 url(../images/sub/bg_join_inform.png) 20px center no-repeat;
    background-size: 30px;
  }
  .join_wrap .top ul li:nth-child(3).on {
    background: #fff url(../images/sub/bg_join_inform.png) 20px center no-repeat;
    background-size: 30px;
  }
  .join_wrap .top ul li:nth-child(5) {
    background: #f2f2f2 url(../images/sub/bg_join_complet.png) 20px center no-repeat;
    background-size: 30px;
  }
  .join_wrap .top ul li:nth-child(5).on {
    background: #fff url(../images/sub/bg_join_complet.png) 20px center no-repeat;
    background-size: 30px;
  }
  .join_wrap .top ul li:nth-child(even) {
    width: 3%;
    background: url(../images/sub/bg_join_arrow.png) center no-repeat;
    padding: 0 4px;
    background-size: 12px;
  }
  /* 회원가입 - 정보입력 */
  .call_list {
    overflow: hidden;
  }
  .call_list li {
    float: left;
    margin: 0 3px;
  }
  .call_list li input {
    width: 110px;
  }
  .call_list li select {
    width: 110px;
  }
  .table .email_list li {
    margin: 0 1px;
  }
  .table .email_list li:first-child {
    margin-left: 0;
  }
  /* 아이디/비밀번호찾기 */
  .idPwSearch_wrap .search_box {
    padding: 25px;
  }
  .idPwSearch_wrap .search_box .pw_result dl dd {
    width: calc(100% - 100px);
  }
  .idPwSearch_wrap dl {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .idPwSearch_wrap dl:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .idPwSearch_wrap .input_txt {
    width: 125px;
  }
  /* 에러페이지 */
  .errorPage {
    margin-top: 50px;
  }
  .errorPage .inner {
    width: unset;
    margin: 0 auto;
    height: 625px;
    padding: 30px;
  }
  .errorPage h1 {
    padding-top: 0px;
    margin-bottom: 30px;
    text-align: center;
  }
  .errorPage p {
    margin-bottom: 50px;
    text-align: center;
  }
  .errorPage .btn_error {
    border: none;
    margin: 0 auto;
    display: block;
  }
  .error404Page .inner {
    background: url(../images/sub/bg_error404.png) center 100% no-repeat;
    background-size: 600px;
  }
  .error500Page .inner {
    background: url(../images/sub/bg_error500.png) center 100% no-repeat;
    background-size: 600px;
  }
}
/* mob */
@media (max-width: 768px) {
  /* 페이지내부타이틀 */
  h5.h5_tit {
    font-size: 18px;
    margin: 40px 0 20px 0;
  }
  h6.h6_tit {
    font-size: 16px;
    margin: 20px 0 13px 0;
    padding-left: 13px;
  }
  h6.h6_tit::before {
    width: 6px;
    height: 6px;
  }
  .sub .inner {
    padding: 0 5px;
  }
  .sub .subTop {
    padding: 30px 0 50px 0;
  }
  .sub .subTop .sub_tit {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .sub .subTop .location {
    position: relative;
    width: 105%;
  }
  .sub .subTop .location ul li {
    line-height: 25px;
    margin: 0 3px;
  }
  .sub .subTop .location ul li:nth-child(odd) {
    font-size: 12px;
  }
  .sub .subTop .location ul li.loction_home {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .sub .subTop .location ul li.loction_home img {
    width: 12px;
    vertical-align: -1px;
  }
  .sub .subTop .location ul li:nth-child(even) {
    height: 25px;
  }
  .sub .subContent {
    padding-bottom: 30px;
  }
  .sub .subContent .subConBox {
    padding: 20px 10px 30px 10px;
  }
  .sub .subContent .subConBox .sub_tapmenu {
    display: none;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap {
    height: 35px;
    margin-bottom: 30px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu {
    height: 35px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 {
    height: 35px;
    border-radius: 5px;
    background-size: 12px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 a {
    font-size: 14px;
    line-height: 33px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 {
    top: 35px;
    border-radius: 5px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01 ul.menulink01_01 li a {
    padding: 10px;
    font-size: 13px;
  }
  .sub .subContent .subConBox .sub_mobTabMenu_wrap .sub_mobTabMenu ul.mobMenu li.menulink01.on {
    background-size: 12px;
  }
  /* =========================================== 전체 팝업 common =========================================== */
  /* jsDiv - 콘텐츠형 */
  .jsDivContentWrap .jsDivContent {
    padding: 10px 0;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl {
    margin-bottom: 20px;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl dt {
    width: 60px;
    vertical-align: top;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl dd {
    display: inline-block;
    width: calc(100% - 86px);
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl dd input.input_txt {
    width: calc(100% - 46px);
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl dd .btn_pop {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    width: 75px;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl dd #addressSearchBtn {
    margin-left: 0;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm dl:last-child {
    margin-bottom: 0;
  }
  .jsDivInner {
    width: 90%;
  }
  .inner-cell header {
    padding: 13px;
    border-bottom: solid 1px #ddd;
  }
  .inner-cell header .title {
    font-size: 16px;
  }
  /* 테이블 기본형태에서 스크롤 생겨야할때 table바깥에 둘러싸는 div */
  .color-cell {
    /* 헤더 컬러형 */
  }
  .color-cell header {
    padding: 13px;
  }
  .color-cell header .title {
    font-size: 20px;
  }
  .color-cell header .btnJsDivClose {
    top: 13px;
  }
  .color-cell .jsDivContent {
    padding: 20px;
    font-size: 13px;
  }
  .color-cell .jsDivContent .book_view_title {
    margin-bottom: 20px;
  }
  .color-cell .jsDivContent .book_view_title span {
    font-size: 16px;
  }
  .color-cell .jsDivContent .h3_title {
    font-size: 14px;
    margin: 40px 0 20px 0;
    padding-left: 10px;
  }
  .color-cell .jsDivContent .h3_title::before {
    height: 15PX;
  }
  .color-cell .jsDivContent .title_h3 {
    padding: 15px 0 10px;
    font-size: 13px;
  }
  .color-cell .jsDivContent .book_tbl .book_box {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 13px;
    width: 95px;
    height: 133px;
    border: 1px solid #ddd;
    box-sizing: border-box;
  }
  .color-cell .jsDivContent .book_tbl .book_box img {
    width: 93px;
    height: 131px;
  }
  .color-cell .jsDivContent .book_tbl .book_tbl_r {
    float: none;
    width: 100%;
  }
  .color-cell .jsDivContent .data4lib_src_info {
    font-size: 12px;
    padding-bottom: 20px;
  }
  .color-cell .btnArea {
    border-top: none;
  }
  /* 연속간행물 - 다른권호더보기 팝업*/
  .bookSeriesWrap .bookSeriesContent li {
    padding: 15px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_img {
    width: 95px;
    height: 133px;
    margin-right: 15px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_img img {
    width: 93px;
    height: 131px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt {
    float: left;
    width: calc(100% - 110px);
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type {
    font-size: 12px;
    padding-left: 9px;
    margin-bottom: 3px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type::before {
    top: 3px;
    width: 3px;
    height: 9px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .tit {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 8px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl {
    font-size: 12px;
    padding-right: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl:after {
    height: 13px;
    top: 2px;
  }
  .bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl:last-child::after {
    content: none;
  }
  /*모바일회원증팝업*/
  .barcodeOpen {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 50px;
    font-size: 13px;
    border: 1px solid #3942AF;
    border-radius: 35px;
    height: 35px;
    width: auto;
    padding: 0 10px;
    color: #3942AF;
    font-weight: 500;
  }
  #barcodePop .jsDivInner {
    width: 100%;
  }
  #barcodePop .jsDivInner .jsDivContentWrap .jsDivContent {
    border-radius: 20px 20px 0 0;
    max-height: unset;
    height: unset;
    overflow-y: unset;
  }
  #barcodePop .jsDivInner .jsDivContentWrap .jsDivContent .barcodeInfo p {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  #barcodePop .jsDivInner .jsDivContentWrap .jsDivContent .barcodeArea img {
    display: block;
    margin: 0 auto;
  }
  #barcodePop .jsDivInner .jsDivContentWrap .jsDivContent strong#userCardNo {
    font-size: 18px;
    font-weight: normal;
    color: #555;
    text-align: center;
    padding: 8px;
    background: #F2F6FF;
    display: block;
    margin-top: 10px;
  }
  #barcodePop.on {
    opacity: 1;
    visibility: unset;
  }
  .barcode-cell {
    position: relative;
  }
  .barcode-cell .btnJsDivClose {
    top: unset;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: none;
    opacity: 1;
    padding: 6px;
  }
  .barcode-cell .btnJsDivClose span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #111;
    transform: translateY(2px) rotate(-45deg);
  }
  .barcode-cell .btnJsDivClose span:nth-of-type(2) {
    transform: translateY(-1px) rotate(45deg);
  }
  .barcode-cell .btnJsDivClose:hover, .barcode-cell .btnJsDivClose:focus {
    opacity: 1;
  }
  .barcode-cell header {
    border-radius: 0 0 20px 20px;
  }
  .inner-cell {
    position: relative;
    width: 50%;
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
  }
  .inner-cell header {
    padding: 16px;
    border-bottom: solid 1px #ddd;
  }
  .inner-cell header .title {
    font-size: 18px;
    font-weight: bold;
  }
  .inner-cell header .jsDivClose {
    top: 25px;
  }
  .inner-cell .btnArea {
    padding: 12px 16px 14px 16px;
  }
  /* 자료검색 - 일반검색 */
  .searchTop .search_tit_wrap {
    margin-bottom: 20px;
  }
  .searchTop .search_tit_wrap h4 {
    display: block;
    font-size: 16px;
    height: auto;
    padding: 0px 0 0 30px;
    background: url(../images/sub/bg_search_tit.png) left top no-repeat;
    background-size: 23px;
  }
  .searchTop .search_tit_wrap .search_popular {
    overflow: hidden;
    float: none;
    margin-top: 15px;
  }
  .searchTop .search_tit_wrap .search_popular dt {
    background-size: 15px;
    padding-left: 23px;
    display: block;
    margin-bottom: 8px;
  }
  .searchTop .search_tit_wrap .search_popular dd {
    margin-bottom: 5px;
  }
  .search_tab {
    width: 100%;
    margin-bottom: 15px;
  }
  .search_tab li {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 5px;
  }
  .search_tab li button {
    height: 35px;
    line-height: 35px;
  }
  .search_con_wrap .search_normal_wrap,
  .search_con_wrap .search_detail_wrap {
    padding: 15px;
  }
  .search_con_wrap .search_normal_wrap .search_area {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 13px;
  }
  .search_con_wrap .search_normal_wrap .search_area .input_txt {
    width: 83%;
    height: 40px;
    font-size: 13px;
    border-radius: 5px;
  }
  .search_con_wrap .search_normal_wrap .search_area .btn_search {
    width: 15%;
    height: 40px;
    font-size: 13px;
    margin-left: 1%;
    border-radius: 5px;
  }
  /* 자료검색 - 상세검색 */
  .search_lib_select ul li {
    float: left;
    width: 49%;
    margin-right: 1%;
  }
  .search_lib_select ul li label {
    font-size: 13px;
    padding-left: 1px;
  }
  .search_lib_select ul li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_lib_select ul li:nth-child(3n) {
    margin-right: 1%;
  }
  .search_lib_select ul li:nth-child(2n) {
    margin-right: 0%;
  }
  .search_lib_select .btn_lib_list {
    position: absolute;
    right: 0;
    top: unset;
    bottom: 20px;
  }
  .search_lib_select .btn_lib_list button {
    font-size: 13px;
    color: #999;
    display: block;
  }
  .search_detail_wrap .select_detail_library li {
    width: 49%;
    margin-right: 1%;
  }
  .search_detail_wrap .select_detail_library li label {
    font-size: 13px;
    padding-left: 1px;
  }
  .search_detail_wrap li:nth-child(5n) {
    margin-right: 1%;
  }
  .search_detail_wrap li:nth-child(3n) {
    margin-right: 1%;
  }
  .search_detail_wrap li:nth-child(2n) {
    margin-right: 0%;
  }
  .search_detail_wrap .btn_lib_list {
    position: absolute;
    right: 0;
    top: unset;
    bottom: 13px;
  }
  .search_detail_wrap .table colgroup col.colw30 {
    width: 30%;
  }
  .search_detail_wrap .table th {
    font-size: 14px;
  }
  .search_detail_wrap .table td {
    font-size: 13px;
  }
  .search_detail_wrap .table td label {
    font-size: 13px;
  }
  .search_detail_wrap .table td .hbox {
    display: block;
    height: 5px;
  }
  .search_detail_wrap .btn_area {
    overflow: hidden;
    width: 180px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .search_detail_wrap .btn_area li button {
    width: 85px;
    height: 40px;
    font-size: 14px;
    border-radius: 5px;
  }
  .searchCon {
    width: 97%;
    padding: 10px;
  }
  .searchCon .rsearch_top .info_txt {
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 14px;
    background-size: 20px;
  }
  .searchCon .rsearch_top .info_txt strong {
    font-size: 15px;
  }
  .searchCon .rsearch_top .info_txt span {
    font-size: 15px;
  }
  .searchCon .rsearch_top .rsearch_area {
    float: none;
  }
  .searchCon .rsearch_top .rsearch_area li {
    font-size: 13px;
    margin-right: 5px;
  }
  .searchCon .rsearch_top .rsearch_area li input.input_txt {
    width: 100%;
  }
  .searchCon .rsearch_top .rsearch_area li select {
    height: 30px;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(1) {
    width: 18%;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(1) select {
    width: 100%;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(2) {
    width: 15%;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(2) select {
    width: 100%;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(3) {
    width: 34%;
  }
  .searchCon .rsearch_top .rsearch_area li:nth-child(3) input {
    width: 100%;
  }
  .searchCon .rsearch_top .rsearch_area li:last-child {
    margin-right: 0;
  }
  .searchCon .rsearch_top .rsearch_area li:last-child button {
    width: 95px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
  }
  .sR_list li .sR_con {
    min-height: auto;
  }
  .sR_list li .sR_con .sR_img {
    width: 95px;
    height: 133px;
    margin-right: 10px;
  }
  .sR_list li .sR_con .sR_img img {
    width: 93px;
    height: 131px;
  }
  .sR_list li .sR_con .sR_txt {
    float: left;
    width: calc(100% - 110px);
  }
  .sR_list li .sR_con .sR_txt .lib_type {
    font-size: 12px;
    padding-left: 9px;
    margin-bottom: 3px;
  }
  .sR_list li .sR_con .sR_txt .lib_type::before {
    top: 3px;
    width: 3px;
    height: 9px;
  }
  .sR_list li .sR_con .sR_txt .tit {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 8px;
  }
  .sR_list li .sR_con .sR_txt .desc {
    padding-top: 8px;
  }
  .sR_list li .sR_con .sR_txt .desc dl {
    display: none;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
    padding-right: 5px;
    margin-bottom: 0;
  }
  .sR_list li .sR_con .sR_txt .desc dl dt {
    display: none;
  }
  .sR_list li .sR_con .sR_txt .desc dl.author,
  .sR_list li .sR_con .sR_txt .desc dl.publisher,
  .sR_list li .sR_con .sR_txt .desc dl.publishYear,
  .sR_list li .sR_con .sR_txt .desc dl.shelfLoc,
  .sR_list li .sR_con .sR_txt .desc dl.callNo {
    display: inline-block;
  }
  .sR_list li .sR_con .sR_txt .desc dl.author dt,
  .sR_list li .sR_con .sR_txt .desc dl.publisher dt,
  .sR_list li .sR_con .sR_txt .desc dl.publishYear dt,
  .sR_list li .sR_con .sR_txt .desc dl.shelfLoc dt,
  .sR_list li .sR_con .sR_txt .desc dl.callNo dt {
    display: inline-block;
  }
  .sR_list li .sR_con .sR_txt .desc dl:last-child::after {
    content: none;
    height: 0;
    background: none;
  }
  .sR_list li .sR_con .sR_txt .desc dl::after {
    height: 13px;
  }
  .sR_list li .sR_con .sR_txt .nonbookDesc dl dt {
    display: none;
  }
  .sR_list li .sR_con .sR_txt .serialDesc dl dt {
    display: none;
  }
  .sR_list li .sR_con .sR_txt .keyword {
    display: none;
    margin: 0;
  }
  .sR_list li .state {
    position: unset;
    top: unset;
    right: unset;
    width: 96%;
    height: auto;
    padding: 10px;
    background: #f5f5f5;
    margin-top: 10px;
  }
  .sR_list li .state p {
    font-size: 12px;
    padding-left: 15px;
  }
  .sR_list li .state .borrow_possibl::before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }
  .sR_list li .state .borrow_impossibl span {
    display: inline-block;
  }
  .sR_list li .arrow_div {
    margin-top: 10px;
    height: auto;
  }
  .sR_list li .arrow_div .btn_arrow_slide {
    margin: 0 5px 0 0;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 35px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
    float: right;
  }
  .sR_list li .arrow_div .btn_arrow_slide::after {
    transition: 0.2s;
    content: "";
    width: 5px;
    /* 사이즈 */
    height: 5px;
    /* 사이즈 */
    border-top: 2px solid #111;
    /* 선 두께 */
    border-right: 2px solid #111;
    /* 선 두께 */
    display: inline-block;
    transform: rotate(135deg);
    /* 각도 */
    position: absolute;
    top: 13px;
    left: 13px;
  }
  .sR_list li .arrow_div .btn_arrow_slide.on::after {
    transform: rotate(315deg);
    transition: 0.2s;
  }
  .sR_list li:last-child {
    margin-bottom: 0;
  }
  .search_date_tab li {
    margin-right: 5px;
  }
  .search_date_tab li button {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    border-radius: 5px;
  }
  .search_no_result {
    min-height: 300px;
    background-size: 200px;
  }
  .search_no_result p {
    font-size: 13px;
    line-height: 300px;
  }
  .btn_sR_wrap {
    display: none;
    float: none;
    text-align: right;
    width: 100%;
    margin-top: 5px;
  }
  .btn_sR_wrap button {
    width: 49%;
    height: 35px;
    margin-right: 5px;
    float: left;
  }
  .btn_sR_wrap button:nth-child(-n+2) {
    margin-top: 0;
  }
  .btn_sR_wrap button:nth-child(2n) {
    margin-right: 0;
  }
  .btn_sR_wrap button.single {
    width: 100%;
    margin-right: 0;
  }
  /* 큐레이션 */
  /* 신착도서 */
  .curation_wrap .cu_top {
    margin-bottom: 25px;
    padding: 15px;
  }
  .curation_wrap .cu_top .cu_info {
    width: calc(100% - 75px);
    margin-right: 10px;
  }
  .curation_wrap .cu_top .cu_info dl {
    width: 47%;
    margin-right: 2%;
  }
  .curation_wrap .cu_top .cu_info dl dt {
    display: none;
  }
  .curation_wrap .cu_top .cu_info dl dd span select {
    height: 30px;
    font-size: 13px;
  }
  .curation_wrap .cu_top .cu_btn button {
    width: 65px;
    height: 62px;
    font-size: 13px;
  }
  .curation_wrap .cu_top .cu_info02 {
    width: 100%;
  }
  .curation_wrap .cu_top .cu_info02 ul li {
    margin-right: 13px;
    float: none;
    margin-bottom: 8px;
  }
  .curation_wrap .cu_top .cu_info02 ul li select {
    width: 100%;
    font-size: 13px;
    height: 30px;
  }
  .curation_wrap .cu_top .cu_info02 ul li input[type=radio] {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
  }
  .curation_wrap .cu_top .cu_info02 ul li label {
    font-size: 13px;
  }
  .curation_wrap .cu_top .cu_info02 ul li span {
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_btn02 {
    float: none;
  }
  .curation_wrap .cu_top .cu_btn02 button {
    font-size: 13px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
  }
  .curation_wrap .info_txt {
    margin-bottom: 20px;
    font-size: 14px;
    background-size: 20px;
    padding-left: 30px;
  }
  .curation_wrap .info_txt strong {
    font-size: 15px;
  }
  .curation_wrap .info_txt span {
    font-size: 15px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt {
    float: left;
    width: calc(100% - 110px);
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .lib_type {
    font-size: 12px;
    padding-left: 9px;
    margin-bottom: 3px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .lib_type::before {
    top: 3px;
    width: 3px;
    height: 9px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .tit {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 8px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc {
    padding-bottom: 10px;
    padding-top: 8px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl {
    display: none;
    font-size: 12px;
    margin-right: 5px;
    padding-right: 5px;
    margin-bottom: 0;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.author,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.publisher,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.publishYear,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.shelfLoc,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.callNo {
    display: inline-block;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.author dt,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.publisher dt,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.publishYear dt,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.shelfLoc dt,
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl.callNo dt {
    display: inline-block;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl:last-child::after {
    content: none;
    height: 0;
    background: none;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .desc dl::after {
    height: 13px;
  }
  .curation_wrap .cR_list li .cR_con .cR_txt .keyword {
    display: none;
  }
  .curation_wrap .cR_list li .state {
    position: unset;
    top: unset;
    right: unset;
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    background: #f5f5f5;
    margin-top: 10px;
  }
  .curation_wrap .cR_list li .state p {
    font-size: 12px;
    padding-left: 15px;
  }
  .curation_wrap .cR_list li .state .borrow_possibl::before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }
  .curation_wrap .cR_list li .state .borrow_impossibl span {
    display: inline-block;
  }
  .curation_wrap .cR_list li .arrow_div {
    margin-top: 10px;
    height: auto;
  }
  .curation_wrap .cR_list li .arrow_div .btn_arrow_slide {
    margin: 0 5px 0 0;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 35px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
    float: right;
  }
  .curation_wrap .cR_list li .arrow_div .btn_arrow_slide::after {
    transition: 0.2s;
    content: "";
    width: 5px;
    /* 사이즈 */
    height: 5px;
    /* 사이즈 */
    border-top: 2px solid #111;
    /* 선 두께 */
    border-right: 2px solid #111;
    /* 선 두께 */
    display: inline-block;
    transform: rotate(135deg);
    /* 각도 */
    position: absolute;
    top: 13px;
    left: 13px;
  }
  .curation_wrap .cR_list li .arrow_div .btn_arrow_slide.on::after {
    transform: rotate(315deg);
    transition: 0.2s;
  }
  .curation_wrap .cR_list .btn_cR_wrap {
    display: none;
    float: none;
    text-align: right;
    width: 100%;
    margin-top: 5px;
  }
  .curation_wrap .cR_list .btn_cR_wrap button {
    width: 49%;
    height: 35px;
    margin-right: 1%;
    float: left;
  }
  .curation_wrap .cR_list .btn_cR_wrap button:nth-child(-n+2) {
    margin-top: 0;
  }
  .curation_wrap .cR_list .btn_cR_wrap button:nth-child(2n) {
    margin-right: 0;
  }
  .curation_wrap .cR_list .btn_cR_wrap button.single {
    width: 100%;
    margin-right: 0;
  }
  /* 공지사항 */
  .list_tbl tr th {
    padding: 8px;
    font-size: 13px;
    line-height: 15px;
  }
  .list_tbl tr th.col_hidden_mob {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl tr td {
    padding: 8px;
    font-size: 12px;
    line-height: 15px;
    word-break: break-word;
  }
  .list_tbl tr td .noti_lib_name {
    font-size: 11px;
  }
  .list_tbl tr td a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    line-height: 11px;
  }
  .list_tbl tr td.col_hidden_mob {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl col.col_hidden_mob {
    visibility: hidden;
    display: none;
  }
  /* 공지사항 - view */
  .board_view {
    display: table;
  }
  .board_view .ta_view {
    width: 100%;
    border-top: 2px solid #222;
  }
  .board_view .ta_view thead th {
    padding: 15px 0;
    font-size: 14px;
  }
  .board_view .ta_view thead th ul li {
    position: relative;
    float: left;
    color: #555;
    font-size: 12px;
  }
  .board_view .ta_view thead th ul li b {
    margin-right: 5px;
    margin-left: 20px;
  }
  .board_view .ta_view thead th ul li:before {
    position: absolute;
    top: 5px;
    left: 10px;
    content: "";
    width: 1px;
    height: 12px;
  }
  .board_view .ta_view td {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 15px;
    font-size: 15px;
    color: #555;
  }
  .board_view .ta_view td.view_content {
    padding: 20px 0;
    font-size: 12px;
  }
  .board_view_down {
    margin-top: 20px;
    padding: 10px;
  }
  .board_view_down strong {
    line-height: 18px;
    font-size: 13px;
  }
  .board_view_down span {
    line-height: 20px;
  }
  .board_view_down span a {
    font-size: 12px;
    color: #555;
  }
  .board_vbtn {
    margin: 30px 0;
    text-align: center;
  }
  .board_vbtn a {
    display: inline-block;
    text-align: center;
    width: 85px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    border-radius: 5px;
  }
  .board_view_Nav {
    width: 100%;
  }
  .board_view_Nav table.border-view-nav {
    width: 100%;
  }
  .board_view_Nav table.border-view-nav .colw01 {
    width: 15%;
  }
  .board_view_Nav table.border-view-nav tr th {
    padding: 10px;
    font-size: 13px;
  }
  .board_view_Nav table.border-view-nav tr td {
    padding: 10px;
    font-size: 13px;
  }
  .board_view_Nav table.border-view-nav tr td a {
    display: inline-block;
    text-overflow: ellipsis;
    line-height: 1;
  }
  /* 도서관소개-이용안내 */
  .libintro_top {
    padding: 13px;
    margin-bottom: 30px;
  }
  .libintro_top .libintro_info dl dt {
    font-size: 14px;
    margin-right: 15px;
  }
  .libintro_top .libintro_info dl dd {
    width: 73%;
  }
  .libintro_top .libintro_info dl dd .selet_style_long select {
    width: 100%;
    font-size: 14px;
  }
  .libintro_con h5 {
    font-size: 18px;
    margin: 40px 0 20px 0;
  }
  .libintro_con h6 {
    font-size: 16px;
    margin: 20px 0 13px 0;
    padding-left: 13px;
  }
  .libintro_con h6::before {
    width: 6px;
    height: 6px;
  }
  .libintro_con strong {
    margin: 10px 0 5px 0;
    font-size: 14px;
  }
  .libintro_con table {
    width: 100%;
    border-top: 1px solid #eaeaea;
  }
  .libintro_con table th {
    font-size: 13px;
    padding: 8px;
  }
  .libintro_con table td {
    font-size: 13px;
    padding: 8px;
  }
  .libintro_con p {
    font-size: 13px;
    line-height: 22px;
  }
  .libintro_con ul li {
    position: relative;
    padding-left: 8px;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .libintro_con ul li:before {
    width: 3px;
    height: 3px;
    top: 8px;
  }
  .libintro_con article {
    width: 100%;
    overflow: auto;
  }
  /* 나의도서관 */
  /* 대출현황 */
  .mylibrary_wrap .info_txt {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .mylibrary_wrap .info_txt strong {
    font-size: 14px;
  }
  .mylibrary_wrap .mylibrary_list li {
    padding: 18px;
    margin-bottom: 10px;
  }
  .mylibrary_wrap .mylibrary_list li span {
    display: block;
    vertical-align: middle;
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .mylibrary_wrap .mylibrary_list li span input {
    width: 15px;
    height: 15px;
  }
  .mylibrary_wrap .mylibrary_list li .desc {
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .mylibrary_wrap .mylibrary_list li .desc .lib_type {
    font-size: 12px;
    padding-left: 9px;
    margin-bottom: 3px;
  }
  .mylibrary_wrap .mylibrary_list li .desc .lib_type::before {
    top: 3px;
    height: 9px;
  }
  .mylibrary_wrap .mylibrary_list li .desc .tit {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .mylibrary_wrap .mylibrary_list li .desc dl {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .mylibrary_wrap .mylibrary_list li .desc dl dt {
    font-size: 13px;
    margin-right: 5px;
    font-weight: bold;
  }
  .mylibrary_wrap .mylibrary_list li .desc dl dd {
    font-size: 13px;
  }
  .mylibrary_wrap .mylibrary_list li .btn_delayArea {
    float: none;
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 20px;
  }
  .mylibrary_wrap .mylibrary_list li .btn_delayArea button {
    width: 100%;
  }
  .mylibrary_wrap .btn_select_wrap {
    margin-top: 30px;
  }
  .mylibrary_wrap .btn_select_wrap button {
    width: 130px;
  }
  /* 대출이력 */
  .history_wrap .select_during {
    margin-bottom: 20px;
  }
  .history_wrap .select_during ul li {
    height: 35px;
  }
  .history_wrap .select_during ul li a {
    line-height: 35px;
    font-size: 14px;
  }
  .history_wrap .calendar_wrap {
    float: none;
  }
  .history_wrap .calendar_wrap dl dt {
    font-size: 14px;
    float: none;
  }
  .history_wrap .calendar_wrap dl dd {
    float: none;
  }
  .history_wrap .calendar_wrap dl dd .input_calendartxt {
    width: 90%;
  }
  .history_wrap .calendar_wrap dl dd .input_calendartxt input[type=text] {
    width: calc(100% - 5px);
    height: 30px;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .history_wrap .calendar_wrap dl dd .input_calendartxt img {
    padding: 1px 5px;
    vertical-align: -2px;
  }
  .history_wrap .calendar_wrap dl dd .btn_cal_search {
    display: block;
  }
  .history_wrap .calendar_wrap dl dd .btn_cal_search button {
    height: 35px;
    font-size: 13px;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .history_wrap .info_txt {
    margin-bottom: 15px;
  }
  .history_wrap .history_list li .desc {
    margin-bottom: 0;
  }
  /* 희망도서신청목록 */
  /* 신청내역 */
  .hopeB_wrap .btn_hopeBarea {
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 20px;
  }
  .hopeB_wrap .btn_hopeBarea button {
    float: none;
    width: 100%;
  }
  .hopeB_wrap .btn_hopeBarea .btn_hopeB_impossib:hover {
    background: #fff;
    border: 1px solid #777;
    color: #777;
  }
  .hopeB_wrap .hopeB_list li .desc {
    width: 100%;
    margin-bottom: 0;
  }
  .s_tab li {
    font-size: 13px;
  }
  .s_tab li button {
    height: 35px;
    line-height: 35px;
  }
  /* 신청하기 */
  .hopeBform dl dt {
    font-size: 13px;
    width: 85px;
    padding: 13px;
  }
  .hopeBform dl dd {
    width: calc(100% - 125px);
  }
  .hopeBform dl dd label {
    font-size: 13px;
  }
  .hopeBform dl dd .applic_search {
    width: 60px;
  }
  .hopeBform dl dd .input_txt {
    width: 59%;
    font-size: 13px;
  }
  .hopeBform dl dd select {
    font-size: 13px;
  }
  .hopeBform dl .library_tit {
    font-size: 14px;
  }
  .hopeBform dl.searchDl dd {
    vertical-align: text-bottom;
  }
  .btn_dbinfo {
    margin: 30px 0 20px 0;
    width: 165px;
    height: 35px;
    border-radius: 5px;
    text-align: left;
    padding-left: 13px;
    font-size: 13px;
    background: url(../images/sub/dbinfo_logo.png) 115px center no-repeat;
    background-size: 35px;
  }
  .hopeB_result_wrap .table02 tr td .hopeB_img {
    width: 80px;
    height: 112px;
  }
  .hopeB_result_wrap .table02 tr td .hopeB_img img {
    width: 78px;
    height: 110px;
  }
  /* 예약목록 */
  .reserv_wrap .btn_resevArea {
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 20px;
  }
  .reserv_wrap .btn_resevArea button {
    float: none;
    width: 100%;
  }
  /* 배달이력 */
  .deliv_wrap .btn_delivArea {
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 20px;
  }
  .deliv_wrap .btn_delivArea button {
    float: none;
    width: 100%;
  }
  .deliv_wrap .deliv_list li .desc {
    width: 100%;
    margin-bottom: 0;
  }
  .deliv_top .cu_top .cu_info {
    width: 100%;
  }
  .deliv_top .cu_top .cu_info dl {
    width: 100% !important;
  }
  .deliv_top .deliv_select {
    width: 100%;
    height: 35px;
    font-size: 13px;
  }
  /* 상호대차이력 */
  .btn_lillArea {
    position: unset;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: 20px;
  }
  .btn_lillArea button {
    float: none;
    width: 100%;
  }
  .btn_lillArea button:hover {
    background: #fff;
    border: 1px solid #777;
    color: #777;
  }
  /* 회원서비스 */
  /* 로그인 */
  .login_top {
    width: 100%;
    background: url(../images/sub/bg_login_top.png) center top no-repeat;
    padding: 230px 0 0 0;
    background-size: 180px;
    height: 310px;
  }
  .login_top h4 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 8px;
  }
  .login_top p {
    font-size: 13px;
    text-align: center;
  }
  .login_area {
    width: 100%;
  }
  .login_area ul {
    float: none;
  }
  .login_area ul li {
    margin-bottom: 5px;
  }
  .login_area ul li img {
    width: 15px;
    margin-right: 10px;
  }
  .login_area ul li input {
    width: calc(100% - 0px);
    height: 30px;
    font-size: 13px;
  }
  .login_area ul li:nth-child(1) {
    padding-left: 25px;
    background-size: 15px;
  }
  .login_area ul li:nth-child(2) {
    padding-left: 25px;
    background-size: 15px;
  }
  .login_area button {
    float: none;
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-left: 0;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 5px;
  }
  .login_bottom ul li {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 15px;
  }
  .login_bottom ul li a.btn_idpw {
    width: 100%;
    position: unset;
    top: unset;
    right: unset;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    margin-top: 10px;
  }
  .login_bottom ul li h5 {
    font-size: 16px;
    padding-left: 13px;
    margin-bottom: 15px;
  }
  .login_bottom ul li h5:before {
    height: 16px;
    top: 2px;
  }
  .login_bottom ul li p {
    font-size: 13px;
    padding-left: 10px;
  }
  .login_bottom ul li p:before {
    width: 3px;
    height: 3px;
  }
  /* 회원가입 */
  .join_wrap .top ul li {
    width: 100%;
    padding: 15px;
    float: none;
    height: 80px;
  }
  .join_wrap .top ul li h4 {
    padding-left: 45px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .join_wrap .top ul li p {
    padding-left: 45px;
    font-size: 13px;
  }
  .join_wrap .top ul li img {
    top: 20px;
    right: 20px;
    width: 22px;
  }
  .join_wrap .top ul li.on h4 {
    background: url(../images/sub/ico_join_check.png) no-repeat right top;
    background-size: 20px;
  }
  .join_wrap .top ul li:nth-child(1) {
    background: #f2f2f2 url(../images/sub/bg_join_terms.png) 20px center no-repeat;
    background-size: 24px;
  }
  .join_wrap .top ul li:nth-child(1).on {
    background: #fff url(../images/sub/bg_join_terms.png) 20px center no-repeat;
    background-size: 24px;
  }
  .join_wrap .top ul li:nth-child(3) {
    background: #f2f2f2 url(../images/sub/bg_join_inform.png) 20px center no-repeat;
    background-size: 25px;
  }
  .join_wrap .top ul li:nth-child(3).on {
    background: #fff url(../images/sub/bg_join_inform.png) 20px center no-repeat;
    background-size: 25px;
  }
  .join_wrap .top ul li:nth-child(5) {
    background: #f2f2f2 url(../images/sub/bg_join_complet.png) 20px center no-repeat;
    background-size: 24px;
  }
  .join_wrap .top ul li:nth-child(5).on {
    background: #fff url(../images/sub/bg_join_complet.png) 20px center no-repeat;
    background-size: 24px;
  }
  .join_wrap .top ul li:nth-child(even) {
    width: 100%;
    height: 25px;
    background: url(../images/sub/bg_join_arrow02.png) center no-repeat;
    padding: 4px 0px;
  }
  .join_wrap .join_terms .terms_page {
    height: 200px;
    padding: 20px;
    font-size: 13px;
  }
  .join_wrap .join_terms .check_area {
    margin-top: 10px;
  }
  .join_wrap .join_terms .check_area input {
    width: 15px;
    height: 15px;
  }
  .join_wrap .join_terms .check_area label {
    font-size: 13px;
  }
  .join_wrap .join_terms .btn_area {
    width: 180px;
    margin-top: 40px;
  }
  .join_wrap .join_terms .btn_area li button {
    width: 80px;
    height: 40px;
    font-size: 14px;
  }
  .join_wrap .join_terms .personal_page {
    font-size: 13px;
    padding: 20px;
  }
  /* 회원가입 - 정보입력 */
  .join_inform .btn_area {
    width: 180px;
    margin-top: 20px;
  }
  .join_inform .btn_area li button {
    width: 85px;
    height: 40px;
    font-size: 14px;
  }
  .form_info {
    font-size: 14px;
  }
  .call_list {
    overflow: hidden;
  }
  .call_list li {
    float: left;
    margin: 0 3px;
  }
  .call_list li input {
    width: 60px !important;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .call_list li select {
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .call_list li .certified_cell {
    margin-top: 0;
  }
  .call_list li .check_cell {
    margin-top: 0;
  }
  .table input[type=text] {
    width: 100%;
  }
  .table input[type=radio] {
    width: 15px;
    height: 15px;
  }
  .table .input55 {
    width: 100%;
  }
  .table .colw {
    width: 30%;
  }
  .table #address {
    margin-top: 5px;
  }
  .table #companyAddress {
    margin-top: 5px;
  }
  .table .email_list li {
    margin: 0;
    height: 30px;
    float: left;
    margin-bottom: 5px;
  }
  .table .email_list li .select_email {
    margin-top: 5px;
  }
  .table .email_list li select {
    height: 30px;
  }
  .table .email_list li:first-child {
    margin-left: 0;
  }
  .table .join_btn {
    width: 80px;
    height: 35px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 5px;
  }
  .table .birthday {
    overflow: hidden;
  }
  .table .birthday li {
    float: left;
    margin-right: 5px;
  }
  .table .birthday li select {
    width: 68px;
    height: 30px;
  }
  .table .birthday li .birth {
    overflow: hidden;
  }
  .table .birthday li .birth li {
    float: left;
  }
  .table .birthday li .birth li input[type=radio] {
    display: inline-block;
    vertical-align: -12px;
  }
  .table .birthday li .birth li label {
    display: inline-block;
    width: 30px;
    height: 18px;
    vertical-align: -10px;
  }
  .table .birthday li:first-child select:first-child {
    width: 65px;
  }
  /* 회원가입 - 가입완료 */
  .join_complete {
    width: 100%;
    padding: 20px 20px 20px 115px;
    background: #fff url(../images/sub/bg_join_Bcomplet.png) 0px center no-repeat;
    background-size: 95px;
  }
  .join_complete h5 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .join_complete p {
    font-size: 13px;
  }
  /* 회원탈퇴 */
  .withdrawal_check {
    width: 100%;
    padding: 20px 20px 20px 115px;
    background: #fff url(../images/sub/bg_withdrawCheck.png) 0px center no-repeat;
    background-size: 95px;
  }
  .withdrawal_check h5 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .withdrawal_check p {
    font-size: 13px;
  }
  .withdrawal_check button {
    width: 80px;
    height: 35px;
    margin-top: 15px;
    font-size: 13px;
  }
  /* 아이디/비밀번호찾기 */
  .h4_tit:first-child {
    margin-top: 0;
  }
  .h4_tit {
    padding-left: 13px;
    font-size: 16px;
    margin: 30px 0 15px 0;
  }
  .h4_tit:before {
    top: 3px;
    height: 16px;
  }
  .idPwSearch_wrap dl dt {
    font-size: 14px;
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  .idPwSearch_wrap dl dd {
    width: 100%;
    float: none;
    font-size: 13px;
  }
  .idPwSearch_wrap dl dd .w495 {
    width: 100%;
  }
  .idPwSearch_wrap dl dd .w300 {
    width: 58%;
  }
  .idPwSearch_wrap .search_box {
    padding: 15px;
  }
  .idPwSearch_wrap .search_box .pw_result dl {
    margin-right: 0;
  }
  .idPwSearch_wrap .search_box .pw_result dl dd {
    width: 100%;
  }
  .idPwSearch_wrap dl {
    float: none;
    margin-right: 0;
    margin-bottom: 13px;
  }
  .idPwSearch_wrap dl:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .idPwSearch_wrap .input_txt {
    width: 125px;
  }
  .certified_btn {
    width: 80px;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
  }
  /* 개인정보처리방침 */
  .privacyPolicy_con {
    font-size: 13px;
  }
  .privacyPolicy_con h4:first-child {
    margin-top: 0;
  }
  .privacyPolicy_con h4 {
    padding-left: 13px;
    font-size: 16px;
    margin: 30px 0 15px 0;
  }
  .privacyPolicy_con h4:before {
    top: 3px;
    height: 16px;
  }
  .privacyPolicy_con h5 {
    padding: 13px 0 8px;
    font-size: 14px;
  }
  .privacyPolicy_con table th {
    font-size: 13px;
    padding: 8px;
  }
  .privacyPolicy_con table td {
    font-size: 13px;
    padding: 8px;
  }
  /* 이용약관 */
  .terms_con {
    font-size: 13px;
  }
  /* 이메일무단수집여부 */
  .email_page {
    font-size: 13px;
  }
  .email_page h4:first-child {
    margin-top: 0;
  }
  .email_page h4 {
    padding-left: 13px;
    font-size: 16px;
    margin: 30px 0 15px 0;
  }
  .email_page h4:before {
    top: 3px;
    height: 16px;
  }
  .email_page .email_list {
    padding: 3px 0;
  }
  .email_page .email_list li {
    font-size: 13px;
  }
  .email_page .email_list li h5 {
    padding: 0 0 3px 0;
  }
  /* 에러페이지 */
  .errorPage {
    margin-top: 40px;
  }
  .errorPage .inner {
    width: unset;
    margin: 0 auto;
    height: 450px;
    padding: 2%;
  }
  .errorPage h1 {
    font-size: 30px;
    padding-top: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .errorPage p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .errorPage .btn_error {
    width: 130px;
    height: 40px;
    border-radius: 40px;
    font-size: 13px;
  }
  .error404Page .inner {
    background: url(../images/sub/bg_error404.png) center 100% no-repeat;
    background-size: 380px;
  }
  .error500Page .inner {
    background: url(../images/sub/bg_error500.png) center 100% no-repeat;
    background-size: 380px;
  }
  /* 내 정보수정 */
  .modify_inform .btn_area {
    width: 180px;
    margin-top: 20px;
  }
  .modify_inform .btn_area li button {
    width: 85px;
    height: 40px;
    font-size: 14px;
  }
}
@media (min-width: 360px) and (max-width: 547px) {
  /* 큐레이션 */
  .curation_wrap .cu_top {
    padding: 13px;
  }
  .curation_wrap .cu_top .cu_info {
    width: 100%;
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_info dl {
    width: 100%;
    margin-right: 0;
    display: block;
    height: 30px;
    margin-bottom: 3px;
  }
  .curation_wrap .cu_top .cu_info dl dt {
    display: none;
  }
  .curation_wrap .cu_top .cu_info dl dd span select {
    height: 30px;
    font-size: 13px;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_short select {
    width: 29%;
    margin-bottom: 3px;
  }
  .curation_wrap .cu_top .cu_btn {
    float: none;
  }
  .curation_wrap .cu_top .cu_btn button {
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    margin-top: 10px;
  }
}
@media (max-width: 360px) {
  /* 큐레이션 */
  .curation_wrap .cu_top {
    padding: 13px;
  }
  .curation_wrap .cu_top .cu_info {
    width: 100%;
    margin-right: 0;
  }
  .curation_wrap .cu_top .cu_info dl {
    width: 100%;
    margin-right: 0;
    display: block;
    height: 30px;
    margin-bottom: 3px;
  }
  .curation_wrap .cu_top .cu_info dl dt {
    display: none;
  }
  .curation_wrap .cu_top .cu_info dl dd span select {
    height: 30px;
    font-size: 13px;
  }
  .curation_wrap .cu_top .cu_info dl dd .selet_style_short select {
    width: 29%;
    margin-bottom: 3px;
  }
  .curation_wrap .cu_top .cu_btn {
    float: none;
  }
  .curation_wrap .cu_top .cu_btn button {
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    margin-top: 10px;
  }
  /* 공지사항 */
  .list_tbl tr th {
    padding: 8px;
    font-size: 13px;
    line-height: 15px;
  }
  .list_tbl tr th.col_hidden_mob {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl tr td {
    padding: 8px;
    font-size: 12px;
    line-height: 15px;
  }
  .list_tbl tr td.col_hidden_mob {
    visibility: hidden;
    width: 0;
    display: none;
  }
  .list_tbl col.col_hidden_mob {
    visibility: hidden;
    display: none;
  }
}

/*# sourceMappingURL=kdotCloudHompage_2022.css.map */