@charset "UTF-8";
br.mobile {
  display: none;
}

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

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

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: #3c4669;
}

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: #3241b9;
}

.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: #3c4669;
}

.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 {
  min-height: 55vh;
  padding-bottom: 60px;
}

.sub_bg {
  background: #f8f8f8;
}

.subTop {
  padding: 40px 0 54px 0;
}
.subTop .sub_tit {
  font-size: 42px;
  line-height: 1;
  color: #111;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
.subTop .location {
  position: relative;
}
.subTop .location ul {
  overflow: hidden;
  position: absolute;
  left: 50%;
  display: flex;
  justify-content: center;
  width: 100%;
  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;
  box-sizing: border-box;
}
.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: #3c4669;
}

.label_none {
  display: none;
}

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

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: #3241b9;
  border-radius: 2px;
}

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

.subConBox {
  width: 100%;
  height: auto;
  padding: 40px;
  background: #fff;
  box-shadow: 0px 0px 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: #3c4669;
  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: 460px;
  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: #3c4669;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}
.jsDivInner.login .infoText .title br.mobile {
  display: none;
}
.jsDivInner.login .infoText span {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 100;
  text-align: center;
  line-height: 1.4;
}
.jsDivInner.login .inputArea {
  margin-top: 24px;
}
.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: 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-weight: 400;
  box-sizing: border-box;
}
.jsDivInner.login .inputArea .inputBox input[type=text] {
  width: 100%;
}
.jsDivInner.login .inputArea .inputBox input[type=password] {
  width: 100%;
}
.jsDivInner.login .inputArea .inputBox input[type=checkbox] {
  flex: none;
  gap: 0;
}
.jsDivInner.login .inputArea .inputBox.id:before {
  display: none;
  width: 20px;
  height: 23px;
  background: url("../images/icon_id.svg") no-repeat 0 0;
  background-size: cover;
}
.jsDivInner.login .inputArea .inputBox.pw:before {
  display: none;
  width: 20px;
  height: 24px;
  background: url("../images/icon_pw.svg") no-repeat 0 0;
  background-size: 18px;
}
.jsDivInner.login .inputArea .inputBox + .inputBox {
  margin-top: 8px;
}
.jsDivInner.login .inputArea .inputBox.auto-login {
  gap: 0;
  margin-top: 14px;
}
.jsDivInner.login .inputArea .inputBox.auto-login input[type=checkbox] + label {
  font-size: 14px;
}
.jsDivInner.login .inputArea button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
  padding: 17px 0;
  border-radius: 8px;
  background: #083b82;
  box-sizing: border-box;
  color: #fff;
  font-weight: 400;
}
.jsDivInner.login .inputArea button.direct-link {
  margin: 30px 0 12px;
  background: #007ce2;
}
.jsDivInner.login .inputArea button.direct-link:after {
  content: "";
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("../images/suwon/icon_link.svg") no-repeat 0 0;
  background-size: cover;
}
.jsDivInner.login .inputArea .gray-box {
  padding: 30px 42px;
  margin-top: 30px;
  background: #f8f8f8;
}
.jsDivInner.login .inputArea .gray-box p {
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.15px;
}
.jsDivInner.login .inputArea.pd {
  padding-bottom: 29px;
}
.jsDivInner.login .findArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
}
.jsDivInner.login .findArea a {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 100;
}
.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;
}
.jsDivInner.login .tab_area {
  margin-top: 30px;
}
.jsDivInner.login .tab_area .tabBtn_area {
  overflow: hidden;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.jsDivInner.login .tab_area .tabBtn_area .tabBtn {
  flex: 1;
  padding: 16px 0;
  text-align: center;
}
.jsDivInner.login .tab_area .tabBtn_area .tabBtn span {
  color: #777;
}
.jsDivInner.login .tab_area .tabBtn_area .tabBtn:first-child {
  border-right: 1px solid #ccc;
}
.jsDivInner.login .tab_area .tabBtn_area .tabBtn.on, .jsDivInner.login .tab_area .tabBtn_area .tabBtn:hover {
  background: #3c4669;
}
.jsDivInner.login .tab_area .tabBtn_area .tabBtn.on span, .jsDivInner.login .tab_area .tabBtn_area .tabBtn:hover span {
  color: #fff;
}
.jsDivInner.login .tab_area .showArea .show {
  display: none;
}
.jsDivInner.login .tab_area .showArea .show.on {
  display: block;
}

/* 중앙정렬 */
#loginPop .jsDivClose {
  display: block;
  width: 36px;
  height: 36px;
  font-size: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../images/suwon/icon_popupclose.svg) no-repeat 0 0/contain;
  opacity: 0.7;
}

/* jsDiv - 콘텐츠형 */
.jsDivContentWrap .jsDivContent {
  padding: 10px 0;
  max-height: 650px;
  overflow: auto;
}
.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: #3241b9;
  color: #fff;
  margin-right: 5px;
}
.jsDivContentWrap .jsDivContent .jsDivNew_btn_wrap .right .btnNew_close {
  display: inline-block;
  background: #fff;
  border: 1px solid #3241b9;
  color: #3241b9;
}
.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: #3241b9;
  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: 500;
  color: #3241b9;
}
.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: 500;
}
.inner-cell header .jsDivClose {
  top: 25px;
}
.inner-cell .btnArea {
  padding: 12px 16px 14px 16px;
}

.color-cell {
  /* 헤더 컬러형 */
}
.color-cell header {
  padding: 15px;
  background-color: #3241b9;
  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: 500;
}
.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;
  box-sizing: border-box;
}
.color-cell .jsDivContent .book_view_title {
  margin-bottom: 30px;
}
.color-cell .jsDivContent .book_view_title span {
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.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: #3c4669;
}
.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: #3c4669;
  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: #3241b9;
  font-weight: 500;
  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: #3c4669;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .lib_type09::before {
  background: #3c4669;
}
.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: 500;
  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: 500;
  display: inline-block;
  margin-right: 3px;
}
.bookSeriesWrap .bookSeriesContent li .bS_con .bS_txt .desc dl dd {
  display: inline-block;
}
.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 button {
  width: 85px;
  height: 35px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
}
.bookSeriesWrap .reserv_possibl_txt {
  color: #3241b9;
}
.bookSeriesWrap .reserv_nobtn {
  background: #fff;
  color: #555;
  border: 1px solid #777;
}
.bookSeriesWrap .reserv_btn {
  background: #3241b9;
  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;
}

/* 자료검색 - 일반검색 */
body.search {
  /* 검색페이지 - 공통셀렉트 디자인 */
}
body.search input[type=checkbox] {
  -webkit-appearance: none;
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  outline: none !important;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  background: #fff;
}
body.search input[type=checkbox]::before {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: scale(0) translate(-50%, -50%);
  line-height: 1;
}
body.search input[type=checkbox]:hover {
  border-color: rgba(170, 170, 170, 0.5);
}
body.search input[type=checkbox]:checked {
  background-color: #3241b9;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
body.search input[type=checkbox]:checked::before {
  border-radius: 2px;
  transform: scale(1) translate(-50%, -50%);
}
body.search input[type=checkbox] + label {
  display: inline-block;
  width: calc(100% - 32px);
  padding: 6px 0 4px 8px;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  letter-spacing: 0;
}
body.search:first-child label {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

.searchTop .search_tit_wrap {
  margin-bottom: 14px;
}
.searchTop .search_tit_wrap h4 {
  display: inline-block;
  font-size: 22px;
  color: #111;
  font-weight: 500;
  background: url(../images/sub/bg_search_tit.png) left 0 no-repeat;
  background-size: 28px;
  padding: 3px 0 0 38px;
}
.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: 14px;
}
.search_tab li {
  float: left;
  flex: 1 !important;
  cursor: pointer;
  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%;
  border-radius: 10px;
  text-align: center;
  line-height: 50px;
  display: block;
  vertical-align: baseline;
}
.search_tab li.on {
  background: #083b82;
  border: none;
  color: #fff;
}
.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 #3241b9;
  float: left;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  font-weight: 500;
}
.search_con_wrap .search_normal_wrap .search_area .btn_search {
  width: 120px;
  height: 50px;
  background: #3241b9;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  float: left;
  margin-left: 10px;
}
.search_con_wrap .search_detail_wrap .table th label {
  font-weight: 500;
}

.search_lib_select {
  height: auto;
  padding: 10px 20px 20px 20px;
  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: 16%;
}
.search_lib_select ul li.check.all label {
  font-weight: 500;
}
.search_lib_select .btn_lib_list {
  position: absolute;
  right: 10px;
  top: 10px;
}
.search_lib_select .btn_lib_list button {
  font-size: 13px;
  color: #7a7a7a;
  display: block;
  padding: 4px 10px;
}
.search_lib_select .btn_lib_list button.lib_close::after, .search_lib_select .btn_lib_list button.lib_open::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  vertical-align: middle;
  background: url("../images/suwon/icon_arrow_gray.svg") center center no-repeat;
  transform: rotate(90deg);
  transition: 0.5s;
}
.search_lib_select .btn_lib_list button.lib_close::after {
  transform: rotate(-90deg);
}
.search_lib_select.close {
  height: 17px;
}
.search_lib_select.close ul {
  gap: 5px 0;
}

.search_detail_wrap {
  background: #fff url(../images/sub/bg_searchbox02.png) no-repeat;
}
.search_detail_wrap .btn_lib_list {
  position: absolute;
  right: 0;
  bottom: 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: 500;
}
.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 #3241b9;
  color: #3241b9;
}
.search_detail_wrap .btn_area li:nth-child(2) button {
  background: #3241b9;
}
.search_detail_wrap .table {
  border-top: 1px solid #eaeaea;
}
.search_detail_wrap .table th {
  font-size: 18px;
  font-weight: 500;
}
.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: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: 28px;
}
.search_detail_wrap .select_detail_library.close {
  height: 34px;
}

.searchContent {
  overflow: hidden;
}

.search_date_tab {
  overflow: hidden;
  display: flex;
  margin: 14px 0;
}
.search_date_tab li {
  float: left;
  width: 33%;
  margin-right: 10px;
}
.search_date_tab li button {
  width: 100%;
  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: 500;
  margin-left: 4px;
}
.search_date_tab li:last-child {
  margin-right: 0;
}
.search_date_tab li.on button {
  background: #3241b9;
  color: #fff;
  font-weight: 500;
  border-color: #3241b9;
}

.facet_wrap {
  width: 180px;
  float: left;
  margin-right: 20px;
}
.facet_wrap .limits {
  width: 180px;
  height: auto;
  background: #fff;
  padding: 15px;
  border: 1px solid #3241b9;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.facet_wrap .limits h4 {
  font-weight: 500;
  color: #3241b9;
  margin-bottom: 15px;
}
.facet_wrap .limits ul li {
  margin-bottom: 10px;
  position: relative;
}
.facet_wrap .limits ul li span {
  color: #3241b9;
  font-size: 12px;
  display: inline-block;
  width: 120px;
}
.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;
  background: #fff;
}
.facet_wrap dl dt {
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-radius: 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;
  font-size: 13px;
  line-height: 1.2em;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.facet_wrap dl dd a {
  font-size: 13px;
  line-height: 1.2em;
  word-break: keep-all;
}
.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: 5px 5px 0 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: 14px;
}
.searchCon .rsearch_top .info_txt {
  font-size: 16px;
  color: #555;
  background: url(../images/sub/bg_search_result.png) left center no-repeat;
  padding-top: 10px;
  padding-left: 40px;
  float: left;
}
.searchCon .rsearch_top .info_txt strong {
  font-size: 18px;
  color: #333;
  font-weight: 500;
}
.searchCon .rsearch_top .info_txt span {
  font-size: 18px;
  color: #c01b1f;
  font-weight: 500;
}

.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 url(../images/sub/bg_toggle_open.png) 95% center no-repeat;
  border: 0;
  color: #555;
  padding-left: 6px;
}
.rsearch_area li select.select_item {
  width: 75px;
}
.rsearch_area li input.input_txt {
  width: 325px;
  padding-left: 10px;
  color: #555;
}
.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;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #555;
}

.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: #555;
  font-weight: 500;
  line-height: 500px;
}

.sR_list li {
  width: 100%;
  margin-bottom: 8px;
  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;
  overflow: hidden;
  position: relative;
  border-bottom-right-radius: 4%;
  border-top-right-radius: 4%;
  box-shadow: 0 3px 5px rgba(19, 51, 81, 0.15);
}
.sR_list li .sR_con .sR_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4%;
  max-width: 10px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-size: cover;
  z-index: 9;
}
.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: 700;
  font-size: inherit;
}
.sR_list li .sR_con .sR_txt .lib_type {
  font-size: 15px;
  color: #437dea;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.sR_list li .sR_con .sR_txt .lib_type::before {
  position: absolute;
  top: 2px;
  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: #3c4669;
}
.sR_list li .sR_con .sR_txt .lib_type09::before {
  background: #3c4669;
}
.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: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #333;
  padding-bottom: 10px;
}
.sR_list li .sR_con .sR_txt .desc {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
.sR_list li .sR_con .sR_txt .desc > div {
  display: block;
  padding: 2px 0;
}
.sR_list li .sR_con .sR_txt .desc > div dl:last-child:after {
  content: none;
}
.sR_list li .sR_con .sR_txt .desc > div.desc-04 {
  display: block;
}
.sR_list li .sR_con .sR_txt .desc dl {
  display: inline-block;
  margin-right: 4px;
  position: relative;
  padding-right: 10px;
}
.sR_list li .sR_con .sR_txt .desc dl dt,
.sR_list li .sR_con .sR_txt .desc dl dd {
  font-size: 14px;
}
.sR_list li .sR_con .sR_txt .desc dl dt {
  color: #333;
  font-weight: 500;
  display: inline-block;
  margin-right: 3px;
}
.sR_list li .sR_con .sR_txt .desc dl dd {
  display: inline-block;
}
.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: 5px;
  right: 0;
  content: "";
  background: #ddd;
  width: 1px;
  height: 12px;
}
.sR_list li .sR_con .sR_txt .keyword {
  margin-top: 8px;
}
.sR_list li .sR_con .sR_txt .keyword a {
  display: none;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: #f1f1f1;
  margin-right: 5px;
  text-align: center;
  border-radius: 35px;
  color: #555;
  font-size: 13px;
}
.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: 500;
  font-weight: 500;
  display: block;
  position: relative;
  padding-left: 18px;
}
.sR_list li .state p.waiting strong {
  font-size: inherit;
  font-weight: 700;
  color: #083b82;
}
.sR_list li .state .borrow_possibl {
  color: #5350ff;
}
.sR_list li .state .borrow_possibl::before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  border: 2px solid #5350ff;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.sR_list li .state .borrow_impossibl {
  color: #777;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 500;
}
.sR_list li .state .borrow_impossibl span {
  display: block;
  margin-top: 2px;
  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: -5px;
  left: 0px;
  content: "×";
  font-size: 24px;
  font-weight: 300;
}
.sR_list li .state .favorite_wrap button {
  position: relative;
  display: flex;
}
.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;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 40px);
  padding: 18px 20px 24px;
  margin-top: 10px;
  background: #f8f8f8;
}
.bookHaveList .checkLibList {
  overflow: hidden;
  width: auto;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.bookHaveList .checkLibList.close .checkLibTop {
  border-radius: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
}
.bookHaveList .checkLibList.close .checkWrap {
  display: none;
}
.bookHaveList .checkLibList div.checkLibTop {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0 8px;
  padding: 10px 14px;
  box-sizing: border-box;
  background: #fff;
}
.bookHaveList .checkLibList div.checkLibTop .title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.bookHaveList .checkLibList div.checkLibTop .count {
  color: #c01b1f;
  font-size: 14px;
  font-weight: 700;
}
.bookHaveList .checkLibList div.checkLibTop .btn_lib_list {
  position: absolute;
  right: 10px;
  top: 6px;
}
.bookHaveList .checkLibList div.checkLibTop .btn_lib_list button {
  font-size: 13px;
  color: #7a7a7a;
  display: block;
  padding: 4px 10px;
}
.bookHaveList .checkLibList div.checkLibTop .btn_lib_list button.lib_close::after, .bookHaveList .checkLibList div.checkLibTop .btn_lib_list button.lib_open::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  vertical-align: middle;
  background: url("../images/suwon/icon_arrow_gray.svg") center center no-repeat;
  transform: rotate(90deg);
  transition: 0.5s;
}
.bookHaveList .checkLibList div.checkLibTop .btn_lib_list button.lib_close::after {
  transform: rotate(-90deg);
}
.bookHaveList .checkLibList .checkWrap {
  padding: 8px 14px;
  border-top: 1px solid #ddd;
}
.bookHaveList .checkLibList .checkWrap > div.check {
  display: inline-block;
  width: 205px;
}
.bookHaveList .checkLibList .checkWrap input[type=checkbox] + label {
  font-size: 14px;
}
.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;
  padding: 10px 30px;
}
.bookHaveList .checkLibList .checkWrap .addlist button span {
  font-size: 15px;
}
.bookHaveList .havingLibList {
  overflow: auto;
  width: auto;
  max-height: 385px;
  min-height: 80px;
}
.bookHaveList .havingLibList .libInfoBox {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 8px 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}
.bookHaveList .havingLibList .libInfoBox:hover, .bookHaveList .havingLibList .libInfoBox:focus {
  border: 1px solid #333;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
}
.bookHaveList .havingLibList .libInfoBox .textInfo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: center;
  gap: 6px 0;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state {
  position: static;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 0;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state span {
  font-size: 14px;
  font-weight: 500;
  padding-left: 18px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.on {
  position: relative;
  color: #5350ff;
  top: 0;
  left: 0;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.on:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  border: 2px solid #5350ff;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.off {
  position: relative;
  top: 0;
  left: 0;
  color: #777;
  font-weight: 300;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state.off:before {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "×";
  font-size: 24px;
}
.bookHaveList .havingLibList .libInfoBox .textInfo .state .date {
  font-size: 13px;
  margin: 0 4px;
  padding-left: 4px;
}
.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.state:after {
  display: none;
}
.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;
  margin-top: 10px;
  justify-content: flex-end;
  width: calc(100% - 200px);
}
.bookHaveList .havingLibList .libInfoBox .buttonArea button {
  width: 100%;
  border-radius: 5px;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  background: #f2f2f2;
  color: #333;
  white-space: nowrap;
  transition: transform 0.3s ease;
}
.bookHaveList .havingLibList .libInfoBox .buttonArea button:hover {
  transform: scale(0.95);
  outline: 1px solid #333;
}
.bookHaveList .havingLibList .libInfoBox + .libInfoBox {
  margin-top: 8px;
}

.btn_sR_wrap {
  display: flex;
  gap: 0 4px;
  justify-content: flex-end;
  margin-top: 10px;
}
.btn_sR_wrap button {
  width: 20%;
  max-width: 186px;
  height: 34px;
  border-radius: 3px;
  background: #555;
  color: #fff;
  text-align: center;
  font-weight: 300;
  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 button:hover {
  transition-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
  background: #333;
}
.btn_sR_wrap .reserv_impossibl {
  opacity: 0.7;
  cursor: auto;
}

.js_unmanned .jsDivInfo {
  background-color: #f8f8f8;
  padding: 20px 14px 24px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.js_unmanned .jsDivInfo li {
  margin-bottom: 4px;
}
.js_unmanned .jsDivInfo li > p {
  font-weight: 500;
  line-height: 1.2em;
}
.js_unmanned .jsDivInfo li > p + span {
  padding-left: 20px;
  font-size: 14px;
  color: #333;
  line-height: 1.2em;
}
.js_unmanned article {
  margin-bottom: 30px;
}
.js_unmanned article h4 {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
}
.js_unmanned article h4::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 20px;
  background-color: #3c4669;
  margin-right: 8px;
  vertical-align: middle;
}
.js_unmanned .sR_list li .sR_con .sR_img {
  width: 70px;
  height: 98px;
}

/* 큐레이션 */
.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: #3241b9;
  font-weight: 500;
}
.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: #3241b9;
  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: #3241b9;
  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: #3241b9;
  font-weight: 500;
  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: px;
  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: #3c4669;
}
.curation_wrap .cR_list li .cR_con .cR_txt .lib_type09::before {
  background: #3c4669;
}
.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: 500;
  color: #333;
  padding-bottom: 15px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .tit .highlight {
  color: #df0043;
  font-weight: 500;
}
.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: 500;
  display: inline-block;
  margin-right: 3px;
}
.curation_wrap .cR_list li .cR_con .cR_txt .desc dl dd {
  display: inline-block;
}
.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: 500;
  font-weight: 500;
  display: block;
  position: relative;
  padding-left: 20px;
}
.curation_wrap .cR_list li .state .borrow_possibl {
  color: #3c4669;
}
.curation_wrap .cR_list li .state .borrow_possibl::before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  border: 2px solid #3c4669;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.curation_wrap .cR_list li .state .borrow_impossibl {
  color: #555;
  padding-left: 20px;
}
.curation_wrap .cR_list li .state .borrow_impossibl span {
  display: block;
  font-size: 11px;
  color: #555;
  font-weight: 300;
}
.curation_wrap .cR_list li .state .borrow_impossibl::before {
  position: absolute;
  top: 1px;
  left: 0px;
  content: "×";
  font-size: 20px;
}
.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 {
  opacity: 0.7;
  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: #3241b9;
}

.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: #3c4669;
}

.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: #3241b9;
  color: #fff;
  border: 1px solid #3241b9;
}

/* 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: 500;
}
.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: 500;
}
.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: 500;
}
.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: #3241b9;
  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: #3241b9;
  font-weight: 500;
}
.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: 500;
  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: #3c4669;
}
.mylibrary_wrap .mylibrary_list li .desc .lib_type09::before {
  background: #3c4669;
}
.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: 500;
  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: #3241b9;
  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: #3c4669;
  border: 1px solid #3c4669;
}
.mylibrary_wrap .btn_select_wrap .all_selec_clear {
  color: #3c4669;
  background: #eeeeee;
}
.mylibrary_wrap .btn_select_wrap .selec_reDelay {
  background: #3241b9;
  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: #555;
  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: 500;
  margin-left: 10px;
  background: #3241b9;
  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: #3241b9;
  font-weight: 500;
}
.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 #3c4669;
  color: #3c4669;
}
.hopeB_wrap .btn_hopeBarea button:hover {
  color: #fff;
  background: #3c4669;
  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: #3241b9;
}

.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 #3241b9;
  color: #3241b9;
  font-weight: 500;
  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: 500;
  display: inline-block;
  width: 150px;
  margin-right: 10px;
  background: #f2f6fe;
  padding: 15px;
  text-align: center;
}
.hopeBform dl dt label {
  font-weight: 500;
}
.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: #3241b9;
  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: 500;
  color: #3241b9;
  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: #3241b9;
  color: #fff;
  margin-right: 5px;
}
.applicNew_btn_wrap .right .btnNew_reset {
  display: inline-block;
  background: #fff;
  border: 1px solid #3241b9;
  color: #3241b9;
  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 #555;
}
.hopeB_result_wrap .btn_select:hover {
  background: #555;
  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: 500;
  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: #3c4669;
}
.reserv_wrap .reserv_list li .desc .lib_type09::before {
  background: #3c4669;
}
.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 #3c4669;
  color: #3c4669;
}
.reserv_wrap .btn_resevArea button:hover {
  color: #fff;
  background: #3c4669;
  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 #3c4669;
  color: #3c4669;
}
.deliv_wrap .btn_delivArea button:hover {
  color: #fff;
  background: #3c4669;
  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 #3c4669;
  color: #3c4669;
}
.btn_lillArea button:hover {
  color: #fff;
  background: #3c4669;
  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: #3c4669;
  font-weight: 500;
  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: #555;
}
.login_area ul li input::-webkit-input-placeholder {
  color: #555;
}
.login_area ul li input:-ms-input-placeholder {
  color: #555;
}
.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: #3241b9;
  color: #fff;
  text-align: center;
  line-height: 90px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
}

.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: #3c4669;
}
.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: #3241b9;
  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: 500;
}
.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 #3241b9;
}
.join_wrap .top ul li.on img {
  display: block;
}
.join_wrap .top ul li.on h4 {
  color: #3241b9;
  background: url(../images/sub/ico_join_check.png) no-repeat 99% top;
  background-size: 25px;
}
.join_wrap .top ul li.on p {
  color: #3241b9;
}
.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 #3241b9;
  color: #3241b9;
}
.join_wrap .join_terms .btn_area li:nth-child(2) button {
  background: #3241b9;
}

/* 회원가입 - 정보입력 */
.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 #3241b9;
  color: #3241b9;
}
.join_inform .btn_area li:nth-child(2) button {
  background: #3241b9;
}
.join_inform .table th label {
  font-weight: 500;
}

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

.join_btn {
  width: 80px;
  height: 35px;
  background: #3241b9;
  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: 500;
}

.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: #555;
}
.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: #555;
}
.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: #555;
}
.call_list li .certified_cell_disable {
  background: #eee;
  color: #555;
  cursor: auto;
}
.call_list li .check_cell {
  background: #3c4669;
}
.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: 500;
}
.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: #3c4669;
}

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

.certified_btn02 {
  background: #3c4669;
}

.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: #3241b9;
  font-weight: 500;
}
.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: #3c4669;
}
.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: #3c4669;
}
.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: #3c4669;
}
.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: #3c4669;
}
.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 #3241b9;
  color: #3241b9;
}
.modify_inform .btn_area li:nth-child(2) button {
  background: #3241b9;
}

/* 회원탈퇴 */
.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: 500;
}
.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 #3241b9;
  color: #3241b9;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}
.withdrawal_check button:hover {
  background: #3241b9;
  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: #3c4669;
  font-size: 50px;
  font-weight: 500;
  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: #3c4669;
  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;
}

.mobileHeader {
  display: none;
}

/* =========================================== 서브 - 미디어쿼리 =========================================== */
/* pc */
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .sub .inner {
    width: calc(100% - 60px);
  }
  /* 자료검색 - 일반검색 */
  .searchTop .search_tit_wrap {
    margin-bottom: 14px;
  }
  .searchTop .search_tit_wrap h4 {
    display: block;
    font-size: 22px;
  }
  .searchTop .search_tit_wrap .search_popular {
    overflow: hidden;
    float: none;
    margin-top: 15px;
  }
  .bookHaveList .havingLibList .chckLibList .checkWrap > div.check {
    width: 33%;
  }
  .bookHaveList .havingLibList .libInfoBox {
    flex-direction: column;
    padding: 8px 14px 10px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo {
    position: relative;
    width: 100%;
    height: 30px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on,
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.off {
    position: absolute;
    right: 0;
    left: inherit;
    width: auto;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on {
    top: 7px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on:before {
    top: 0;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state .off:before {
    top: 1px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state span {
    display: block;
    line-height: 1.1em;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state .date {
    display: inline-block;
    font-size: 12px;
    padding-left: 15px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state strong {
    font-size: 12px;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea {
    justify-content: space-around;
    width: 100%;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea button {
    width: 100%;
    padding: 8px 0;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea button br {
    display: none;
  }
  /* 자료검색 - 상세검색 */
  .search_lib_select ul li {
    width: 24%;
  }
  .search_lib_select ul li label {
    font-size: 15px;
  }
  .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: 10px;
    padding: 10px 0 10px 40px;
  }
  .searchCon .rsearch_top .rsearch_area {
    float: none;
  }
  .sR_list li {
    padding: 20px;
  }
  .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 button {
    margin-right: 0.5%;
  }
}
/* 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;
  }
  .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;
  }
  .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: #3c4669 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: #3c4669 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 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: 5px 15px 15px 15px;
  }
  .search_lib_select ul li {
    width: 32%;
  }
  .search_lib_select ul li label {
    font-size: 14px;
  }
  .search_lib_select ul li:nth-child(3n) {
    margin-right: 0;
  }
  .search_lib_select .btn_lib_list {
    bottom: auto;
    top: 6px;
  }
  .search_lib_select.close {
    bottom: auto;
  }
  .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 .select_txt {
    min-width: 140px;
  }
  .bookHaveList .havingLibList .libInfoBox {
    flex-direction: column;
    padding: 8px 14px 10px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo {
    position: relative;
    width: 100%;
    height: 30px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on,
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.off {
    position: absolute;
    right: 0;
    left: inherit;
    width: auto;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on {
    top: 8px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on:before {
    top: 0;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.off {
    top: 5px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state span {
    display: block;
    line-height: 1.1em;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state .date {
    display: inline-block;
    font-size: 12px;
    padding-left: 15px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state strong {
    font-size: 12px;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea {
    justify-content: space-around;
    width: 100%;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea button {
    width: 100%;
    padding: 8px 0;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea button br {
    display: none;
  }
  /* 자료검색 - 상세검색 */
  .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: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .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 {
    border-radius: 35px;
  }
  .btn_sR_wrap {
    width: auto;
    margin-top: 10px;
  }
  .btn_sR_wrap button {
    flex: auto;
    font-size: 13px;
  }
  .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;
  }
}
/*신규 팝업 관련 */
#suwonAgreePop .mt30 {
  margin-top: 30px;
}
#suwonAgreePop .title-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1px;
}
#suwonAgreePop .title-area .title_h3 {
  padding: 0;
  color: #333;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.15px;
}
#suwonAgreePop .title-area button {
  display: none;
  color: #083B82;
  text-decoration: underline;
}
#suwonAgreePop .title-area button span {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.13px;
}
#suwonAgreePop .terms_page, #suwonAgreePop .personal_page {
  overflow: auto;
  max-height: 70px;
  min-height: 70px;
  padding: 10px;
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 8px;
  line-height: 1.4;
}
#suwonAgreePop .terms_page > *, #suwonAgreePop .personal_page > * {
  font-size: 13px;
  word-break: keep-all;
}
#suwonAgreePop .terms_page > * > *, #suwonAgreePop .personal_page > * > * {
  font-size: 13px;
}
#suwonAgreePop .terms_page h5, #suwonAgreePop .personal_page h5 {
  margin: 10px 0;
}
#suwonAgreePop .terms_page ul, #suwonAgreePop .personal_page ul {
  font-size: 14px;
  margin-bottom: 10px;
}
#suwonAgreePop .terms_page ul > li, #suwonAgreePop .personal_page ul > li {
  font-size: 14px;
}
#suwonAgreePop .terms_page ul > li *, #suwonAgreePop .personal_page ul > li * {
  font-size: 13px;
}
#suwonAgreePop .radio_area {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  background: #F8F8F8;
  padding: 10px 14px;
  border-radius: 8px;
}
#suwonAgreePop .radio_area p {
  color: #555;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.14px;
}
#suwonAgreePop .radio_area .radio_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
#suwonAgreePop .radio_area .radio_box .radio {
  display: flex;
  gap: 0 6px;
  align-items: center;
}
#suwonAgreePop .radio_area .radio_box .radio label {
  font-size: 15px;
  letter-spacing: -0.15px;
  color: #555;
}
#suwonAgreePop .radio_area .jsDivClose {
  margin-top: 0;
}

#suwonAgreeInfoPop .jsDivContentArea {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
#suwonAgreeInfoPop .jsDivContentArea .jsDivContent {
  line-height: 1.4;
  min-height: 100px;
}
#suwonAgreeInfoPop .jsDivContentArea .jsDivContent #agreeInfoMsg {
  color: #083b82;
  font-weight: 500;
}
#suwonAgreeInfoPop .jsDivContentArea .jsDivContent .jsDivClase {
  padding: 0;
}
#suwonAgreeInfoPop .jsDivContentArea .jsDivContent .jsDivClase button {
  padding: 17px 0;
}

#webUserPop .jsDivContent {
  line-height: 1.4;
}
#webUserPop .jsDivContent .point {
  color: #083b82;
  font-weight: 500;
  word-break: keep-all;
}

/* mob */
@media (max-width: 768px) {
  /* 페이지내부타이틀 */
  #suwonAgreePop .jsDivContentArea .jsDivContent {
    height: auto;
    min-height: unset;
    max-height: 70vh;
  }
  #suwonAgreePop .jsDivContentArea .jsDivContent .title-area {
    align-items: flex-start;
    gap: 5px 0;
  }
  #suwonAgreePop .jsDivContentArea .jsDivContent .title-area .title_h3 {
    width: calc(100% - 68px);
    word-break: keep-all;
  }
  #suwonAgreePop .jsDivContentArea .jsDivContent .title-area button {
    display: inline;
    flex: 1;
    text-align: right;
  }
  #suwonAgreePop .jsDivContentArea .jsDivContent .view {
    display: none;
  }
  #suwonAgreePop .jsDivContentArea .jsDivClose {
    margin-top: 0;
  }
  #suwonAgreePop .radio_area {
    flex-wrap: wrap;
    gap: 10px;
  }
  #suwonAgreePop .radio_area p {
    width: 100%;
  }
  #suwonAgreePop .radio_area .radio_box {
    justify-content: flex-end;
    width: 100%;
  }
  #suwonAgreePop .radio_area .radio_box .radio label {
    font-size: 13px;
  }
  #suwonAgreeInfoPop .jsDivContentArea .jsDivContent {
    height: auto;
    min-height: unset;
    max-height: unset;
  }
  #suwonAgreeInfoPop .jsDivContentArea .jsDivContent p {
    word-break: keep-all;
  }
  #suwonAgreeInfoPop .jsDivContentArea .jsDivContent p#agreeInfoMsg {
    margin-bottom: 5px;
  }
  #suwonAgreeInfoPop .jsDivContentArea .jsDivContent .jsDivClose {
    margin-top: 10px;
  }
  br.mobile {
    display: block;
  }
  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: 20px 0 40px 0;
  }
  .sub .subTop .sub_tit {
    font-size: 22px;
    margin-bottom: 6px;
  }
  .sub .subTop .location {
    position: relative;
    width: 100%;
  }
  .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.location_home {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .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;
    box-sizing: border-box;
  }
  .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;
  }
  .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;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm.applic_input dl dt {
    width: 100%;
    box-sizing: border-box;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm.applic_input dl dd {
    width: 100%;
    margin-top: 10px;
  }
  .jsDivContentWrap .jsDivContent .jsDivForm.applic_input dl dd .select_txt {
    width: 100%;
    height: 40px;
    background: url(../images/sub/bg_toggle_open.png) 95% center no-repeat;
  }
  .jsDivInner {
    width: 90% !important;
  }
  .jsDivInner.mobile {
    width: 100% !important;
  }
  .jsDivInner.login {
    padding: 34px 20px;
    max-height: 90vh;
  }
  .jsDivInner.login .infoText span {
    text-align: center;
    word-break: keep-all;
    line-height: 1.3;
  }
  .jsDivInner .jsDivContentArea .libraryCheck .radio-area .radio {
    width: auto;
    flex: 0 0 45%;
  }
  .jsDivInner .jsDivContentArea .libraryCheck .radio-area .radio label {
    letter-spacing: -0.1rem !important;
  }
  .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;
  }
  /*모바일회원증팝업*/
  .mobileHeader {
    display: none;
    position: absolute;
    top: 15px;
    right: 50px;
    display: flex;
    height: 35px;
    font-weight: 500;
  }
  .mobileHeader .link_area {
    display: none;
    align-items: center;
    gap: 0 10px;
  }
  .mobileHeader .link_area > a, .mobileHeader .link_area .btn_join {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    height: 100%;
    border: 0;
    color: inherit;
    padding: 0;
    border-radius: 0;
  }
  .mobileHeader .link_area > a:first-child, .mobileHeader .link_area .btn_join:first-child {
    padding-right: 10px;
  }
  .mobileHeader .link_area > a:first-child:after, .mobileHeader .link_area .btn_join:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #ccc;
  }
  .mobileHeader .link_area.show {
    display: flex;
    align-items: center;
  }
  .mobileHeader button {
    display: none;
    font-size: 13px;
    border: 1px solid #3c4669;
    border-radius: 35px;
    padding: 0 10px;
    color: #3c4669;
  }
  #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: 500;
    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: 500;
  }
  .inner-cell header .jsDivClose {
    top: 25px;
  }
  .inner-cell .btnArea {
    padding: 12px 16px 14px 16px;
  }
  /* 자료검색 - 일반검색 */
  .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: 18px;
  }
  .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;
    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;
  }
  .bookHaveList {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .bookHaveList .checkLibList .checkWrap > div.check {
    width: 50%;
  }
  .bookHaveList .havingLibList {
    max-height: 750px;
  }
  .bookHaveList .havingLibList .libInfoBox {
    gap: 4px 0;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo {
    display: block;
    height: auto;
    line-height: 1.4;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo p {
    display: block;
    padding: 0;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo p:last-child {
    padding: 0;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo p:after {
    content: none;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .libTitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 7px;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state {
    top: 6px;
    margin-top: 0;
    background: none;
  }
  .bookHaveList .havingLibList .libInfoBox .textInfo .state.on {
    top: 6px;
    font-size: 14px;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea {
    flex-wrap: wrap;
    gap: 5px;
  }
  .bookHaveList .havingLibList .libInfoBox .buttonArea button {
    flex: auto;
    width: calc(50% - 4px);
    font-size: 13px;
  }
  /* 자료검색 - 상세검색 */
  .search_lib_select ul li {
    float: left;
  }
  .search_lib_select ul li label {
    font-size: 13px;
    padding-left: 4px;
  }
  .search_lib_select ul li:first-child {
    width: 100%;
  }
  .search_detail_wrap .select_detail_library.open {
    padding-bottom: 30px;
  }
  .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 {
    /*padding-bottom: 32px;*/
    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 .table td .align {
    display: flex;
    align-items: center;
    gap: 0 0.5rem;
  }
  .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 {
    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;
    display: flex;
    justify-content: center;
  }
  .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: flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  .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 {
    width: 60px;
    display: inline-block;
  }
  .sR_list li .sR_con .sR_txt .desc dl.author dd,
  .sR_list li .sR_con .sR_txt .desc dl.publisher dd,
  .sR_list li .sR_con .sR_txt .desc dl.publishYear dd,
  .sR_list li .sR_con .sR_txt .desc dl.shelfLoc dd,
  .sR_list li .sR_con .sR_txt .desc dl.callNo dd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 68px);
    margin-left: 5px;
  }
  .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;
    display: none;
  }
  .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: static;
    top: unset;
    right: unset;
    width: 88%;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    padding: 10px;
    background: #f5f5f5;
    margin-top: 10px;
    box-sizing: border-box;
  }
  .sR_list li .state p {
    padding-left: 15px;
  }
  .sR_list li .state p.waiting {
    display: block;
    margin-bottom: 5px;
  }
  .sR_list li .state p.waiting:before {
    content: "*";
  }
  .sR_list li .state .borrow_possibl::before {
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }
  .sR_list li .state .borrow_impossibl span {
    display: inline-block;
    margin-left: 8px;
    margin-top: 0;
  }
  .sR_list li .state .favorite_wrap {
    position: absolute;
    right: 15px;
    top: 13px;
  }
  .sR_list li .state .favorite_wrap button:before {
    width: 1.4rem;
    height: 1.4rem;
  }
  .sR_list li .arrow_div {
    height: auto;
    position: absolute;
    top: auto;
    right: -35px;
  }
  .sR_list li .arrow_div .btn_arrow_slide {
    margin: 0 0 0 0;
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 35px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
    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: 9px;
    left: 10px;
  }
  .sR_list li .arrow_div .btn_arrow_slide.on::after {
    transform: rotate(315deg);
    transition: 0.2s;
    top: 12px;
    left: 11px;
  }
  .sR_list li:last-child {
    margin-bottom: 0;
  }
  .search_date_tab {
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
  }
  .search_date_tab li {
    float: none;
    flex: 0 0 49%;
    width: auto;
    margin: auto;
  }
  .search_date_tab li button {
    max-width: inherit;
    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: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: none;
    text-align: right;
    width: 100%;
    margin-top: 14px;
    gap: 4px;
  }
  .btn_sR_wrap button {
    width: 49%;
    max-width: inherit;
    height: 35px;
    margin-right: 0;
    margin: auto;
    float: none;
  }
  .btn_sR_wrap button.single {
    width: 100%;
    margin-right: 0;
  }
  .btn_sR_wrap button.addInfo {
    width: 100%;
    flex: none;
    margin-right: 0;
  }
  /* 큐레이션 */
  /* 신착도서 */
  .curation_wrap .cu_top {
    margin-bottom: 14px;
    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: 500;
  }
  .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;
  }
  .search_con_wrap .search_detail_wrap .table th label {
    font-size: 13px;
    word-break: keep-all;
  }
}
@media (max-width: 500px) {
  .search_lib_select ul li {
    width: 49%;
  }
}
@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;
  }
}
@media (max-width: 500px) {
  jsDivInner {
    overflow: auto;
  }
  .sR_list li {
    position: relative;
  }
}
@media (max-width: 414px) {
  #loginPop .jsDivClose {
    top: 18px;
    right: 18px;
    width: 30px;
    height: 30px;
  }
  .jsDivInner.login {
    padding: 20px;
  }
  .jsDivInner.login .infoText {
    margin-top: 25px;
  }
  .jsDivInner.login .infoText:before {
    display: none;
  }
}
@media (max-width: 320px) {
  #loginPop .jsDivClose {
    width: 20px;
    height: 20px;
  }
  .jsDivInner.login {
    padding: 34px 14px;
  }
  .jsDivInner.login .inputArea {
    margin-top: 20px;
  }
  .jsDivInner.login .inputArea button {
    margin-top: 20px;
  }
  .jsDivInner.login .infoText .title {
    text-align: center;
  }
  .jsDivInner.login .infoText .title br.mobile {
    display: block;
  }
  .jsDivInner.login .infoText span {
    display: none;
  }
  .jsDivInner.login .tab_area .tabBtn_area .tabBtn {
    padding: 10px 0;
  }
  .jsDivInner.login .tab_area .tabBtn_area .tabBtn span {
    font-size: 14px;
  }
  .jsDivInner.login .findArea {
    margin-top: 20px;
  }
}

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