@charset "UTF-8";
.container {
  width: 1200px;
}

.gnb > ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.gnb > ul > li {
  width: 157px;
  height: 100px;
  position: relative;
  text-align: center;
}
.gnb > ul > li:last-child {
  margin-right: 0;
}
.gnb > ul a {
  display: block;
}
.gnb > ul a span {
  display: inline-block;
  position: relative;
}
.gnb > ul a span:before {
  height: 4px;
  display: block;
  content: "";
  width: 0;
  background-color: #01ab9d;
  transition: all 0.15s ease 0s;
  position: absolute;
  bottom: -1px;
  transform: translateX(-50%);
  left: 50%;
}
.gnb > ul > .active > a,
.gnb > ul a:hover {
  color: #01ab9d;
}
.gnb > ul > .active > a span:before,
.gnb > ul a:hover span:before {
  width: 100%;
}
.gnb > ul > li > a {
  line-height: 100px;
  font-size: 22px;
  font-weight: 700;
}
.gnb > ul > li:first-child ul {
  border-left: #ededed solid 1px;
}
.gnb > ul > li.on > a span {
  color: #01ab9d;
}
.gnb > ul > li.on > a span:before {
  width: 100%;
}
.gnb > ul > li.on ul {
  background-color: #f7fbfa;
}

.gnb ul ul {
  border-right: #ededed solid 1px;
  background: #fff;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.15s ease 0s;
}
.gnb ul ul a {
  padding: 0;
  transition: all 0.15s ease 0s;
}
.gnb ul ul a span {
  padding: 0;
  transition: all 0.15s ease 0s;
}
.gnb ul ul a span:before {
  height: 0;
}
.gnb ul ul li:first-child a {
  padding-top: 0;
}
.gnb ul ul li:last-child a {
  padding-bottom: 0;
}

.hover_bg {
  background: #000;
  position: fixed;
  left: 0;
  width: 0;
  bottom: 0;
  top: 0;
  z-index: 110;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.nav_bg {
  position: absolute;
  left: 0;
  top: 101px;
  right: 0;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  height: 0;
  transition: all 0.15s ease 0s;
}

#header.on .gnb ul ul {
  opacity: 1;
}
#header.on .gnb ul ul a {
  padding: 4px 0;
}
#header.on .gnb ul ul a span {
  padding: 8px 0;
}
#header.on .gnb ul ul a span:before {
  height: 2px;
}
#header.on .gnb ul ul li:first-child a {
  padding-top: 22px;
}
#header.on .gnb ul ul li:last-child a {
  padding-bottom: 22px;
}
#header.on.gnb5 .gnb ul ul, #header.on.gnb5 .nav_bg {
  height: 232px;
}
#header.on.gnb6 .gnb ul ul, #header.on.gnb6 .nav_bg {
  height: 272px;
}
#header.on.gnb7 .gnb ul ul, #header.on.gnb7 .nav_bg {
  height: 312px;
}
#header.on.gnb8 .gnb ul ul, #header.on.gnb8 .nav_bg {
  height: 352px;
}
#header.on.gnb9 .gnb ul ul, #header.on.gnb9 .nav_bg {
  height: 392px;
}
#header.on.gnb10 .gnb ul ul, #header.on.gnb1 .nav_bg {
  height: 432px;
}
#header.on.gnb11 .gnb ul ul, #header.on.gnb1 .nav_bg {
  height: 472px;
}
#header.on.gnb12 .gnb ul ul, #header.on.gnb1 .nav_bg {
  height: 512px;
}
#header.on + .hover_bg {
  opacity: 0.25;
  width: 100%;
}

.snb li.on a:hover {
  color: #01ab9d;
}
.snb li.on a:hover span:before {
  width: 100%;
}

/* body class로 메뉴 활성화 */
body.a00 .gnb li.a00 > a > span,
body.b00 .gnb li.b00 > a > span,
body.c00 .gnb li.c00 > a > span,
body.d00 .gnb li.d00 > a > span,
body.e00 .gnb li.e00 > a > span,
body.f00 .gnb li.f00 > a > span,
body.i00 .gnb li.i00 > a > span {
  color: #01ab9d;
}
body.a00 .gnb li.a00 > a > span:before,
body.b00 .gnb li.b00 > a > span:before,
body.c00 .gnb li.c00 > a > span:before,
body.d00 .gnb li.d00 > a > span:before,
body.e00 .gnb li.e00 > a > span:before,
body.f00 .gnb li.f00 > a > span:before,
body.i00 .gnb li.i00 > a > span:before {
  width: 100%;
}

body.a10 .snb .sub_10 a,
body.a20 .snb .sub_20 a,
body.a30 .snb .sub_30 a,
body.a40 .snb .sub_40 a,
body.a50 .snb .sub_50 a,
body.b10 .snb .sub_10 a,
body.b20 .snb .sub_20 a,
body.b30 .snb .sub_30 a,
body.c10 .snb .sub_10 a,
body.c20 .snb .sub_20 a,
body.c30 .snb .sub_30 a,
body.d10 .snb .sub_10 a,
body.d20 .snb .sub_20 a,
body.d30 .snb .sub_30 a,
body.d40 .snb .sub_40 a,
body.d50 .snb .sub_50 a,
body.e10 .snb .sub_10 a,
body.f10 .snb .sub_10 a,
body.f20 .snb .sub_20 a,
body.f30 .snb .sub_30 a,
body.f40 .snb .sub_40 a,
body.f50 .snb .sub_50 a,
body.f60 .snb .sub_60 a,
body.f70 .snb .sub_70 a,
body.f80 .snb .sub_80 a,
body.i10 .snb .sub_10 a,
body.i20 .snb .sub_20 a,
body.i30 .snb .sub_30 a,
body.i40 .snb .sub_40 a,
body.i50 .snb .sub_50 a {
  background: linear-gradient(100.51deg, #01AB82 28.67%, #01AB9D 87.37%);
  color: #fff;
}
body.a10 .snb .sub_10 a:before,
body.a20 .snb .sub_20 a:before,
body.a30 .snb .sub_30 a:before,
body.a40 .snb .sub_40 a:before,
body.a50 .snb .sub_50 a:before,
body.b10 .snb .sub_10 a:before,
body.b20 .snb .sub_20 a:before,
body.b30 .snb .sub_30 a:before,
body.c10 .snb .sub_10 a:before,
body.c20 .snb .sub_20 a:before,
body.c30 .snb .sub_30 a:before,
body.d10 .snb .sub_10 a:before,
body.d20 .snb .sub_20 a:before,
body.d30 .snb .sub_30 a:before,
body.d40 .snb .sub_40 a:before,
body.d50 .snb .sub_50 a:before,
body.e10 .snb .sub_10 a:before,
body.f10 .snb .sub_10 a:before,
body.f20 .snb .sub_20 a:before,
body.f30 .snb .sub_30 a:before,
body.f40 .snb .sub_40 a:before,
body.f50 .snb .sub_50 a:before,
body.f60 .snb .sub_60 a:before,
body.f70 .snb .sub_70 a:before,
body.f80 .snb .sub_80 a:before,
body.i10 .snb .sub_10 a:before,
body.i20 .snb .sub_20 a:before,
body.i30 .snb .sub_30 a:before,
body.i40 .snb .sub_40 a:before,
body.i50 .snb .sub_50 a:before {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  position: absolute;
  right: 16px;
  top: 22px;
  background: #fff;
}

body.a10 .gnb li.a00 .sub_10 a span,
body.a20 .gnb li.a00 .sub_20 a span,
body.a30 .gnb li.a00 .sub_30 a span,
body.a40 .gnb li.a00 .sub_40 a span,
body.a50 .gnb li.a00 .sub_50 a span,
body.b10 .gnb li.b00 .sub_10 a span,
body.b20 .gnb li.b00 .sub_20 a span,
body.b30 .gnb li.b00 .sub_30 a span,
body.c10 .gnb li.c00 .sub_10 a span,
body.c20 .gnb li.c00 .sub_20 a span,
body.c30 .gnb li.c00 .sub_30 a span,
body.d10 .gnb li.d00 .sub_10 a span,
body.d20 .gnb li.d00 .sub_20 a span,
body.d30 .gnb li.d00 .sub_30 a span,
body.d40 .gnb li.d00 .sub_40 a span,
body.d50 .gnb li.d00 .sub_50 a span,
body.e10 .gnb li.e00 .sub_10 a span,
body.f10 .gnb li.f00 .sub_10 a span,
body.f20 .gnb li.f00 .sub_20 a span,
body.f30 .gnb li.f00 .sub_30 a span,
body.f40 .gnb li.f00 .sub_40 a span,
body.f50 .gnb li.f00 .sub_50 a span,
body.f60 .gnb li.f00 .sub_60 a span,
body.f70 .gnb li.f00 .sub_70 a span,
body.f80 .gnb li.f00 .sub_80 a span,
body.i10 .gnb li.i00 .sub_10 a span,
body.i20 .gnb li.i00 .sub_20 a span,
body.i30 .gnb li.i00 .sub_30 a span,
body.i40 .gnb li.i00 .sub_40 a span,
body.i50 .gnb li.i00 .sub_50 a span,
body.i60 .gnb li.i00 .sub_60 a span,
body.i70 .gnb li.i00 .sub_70 a span,
body.i80 .gnb li.i00 .sub_80 a span {
  color: #01ab9d;
}
body.a10 .gnb li.a00 .sub_10 a span:before,
body.a20 .gnb li.a00 .sub_20 a span:before,
body.a30 .gnb li.a00 .sub_30 a span:before,
body.a40 .gnb li.a00 .sub_40 a span:before,
body.a50 .gnb li.a00 .sub_50 a span:before,
body.b10 .gnb li.b00 .sub_10 a span:before,
body.b20 .gnb li.b00 .sub_20 a span:before,
body.b30 .gnb li.b00 .sub_30 a span:before,
body.c10 .gnb li.c00 .sub_10 a span:before,
body.c20 .gnb li.c00 .sub_20 a span:before,
body.c30 .gnb li.c00 .sub_30 a span:before,
body.d10 .gnb li.d00 .sub_10 a span:before,
body.d20 .gnb li.d00 .sub_20 a span:before,
body.d30 .gnb li.d00 .sub_30 a span:before,
body.d40 .gnb li.d00 .sub_40 a span:before,
body.d50 .gnb li.d00 .sub_50 a span:before,
body.e10 .gnb li.e00 .sub_10 a span:before,
body.f10 .gnb li.f00 .sub_10 a span:before,
body.f20 .gnb li.f00 .sub_20 a span:before,
body.f30 .gnb li.f00 .sub_30 a span:before,
body.f40 .gnb li.f00 .sub_40 a span:before,
body.f50 .gnb li.f00 .sub_50 a span:before,
body.f60 .gnb li.f00 .sub_60 a span:before,
body.f70 .gnb li.f00 .sub_70 a span:before,
body.f80 .gnb li.f00 .sub_80 a span:before,
body.i10 .gnb li.i00 .sub_10 a span:before,
body.i20 .gnb li.i00 .sub_20 a span:before,
body.i30 .gnb li.i00 .sub_30 a span:before,
body.i40 .gnb li.i00 .sub_40 a span:before,
body.i50 .gnb li.i00 .sub_50 a span:before,
body.i60 .gnb li.i00 .sub_60 a span:before,
body.i70 .gnb li.i00 .sub_70 a span:before,
body.i80 .gnb li.i00 .sub_80 a span:before {
  width: 100%;
}

#gnb li.a00 .sub_50,
body.a00 nav.snb .sub_50 {
  display: none;
}

.main .footer_bottom {
  height: 300px;
}

.footer_bottom {
  padding: 30px 0 0 280px;
  box-sizing: border-box;
  height: 200px;
}
.footer_bottom h2 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0.5;
}
.footer_bottom address {
  font-style: normal;
  color: #fff;
  opacity: 0.65;
  display: inline-block;
  font-weight: 300;
  padding: 5px 0;
}
.footer_bottom dl {
  display: inline-block;
  padding: 0 0 0 10px;
}
.footer_bottom dl dt, .footer_bottom dl dd {
  display: inline-block;
  color: #fff;
  opacity: 0.65;
  font-weight: 300;
}
.footer_bottom dl dt:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 15px 0 10px;
  background: rgba(255, 255, 255, 0.4);
}
.footer_bottom .copyright {
  opacity: 0.4;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0 20px 0;
  letter-spacing: 0.05em;
}

.bottom_nav {
  padding: 16px 0;
}
.bottom_nav a {
  color: #fff;
  opacity: 0.8;
  transition: all 0.15s ease 0s;
  display: inline-block;
  padding: 5px 20px;
}
.bottom_nav a:hover {
  opacity: 1;
}
.bottom_nav a strong {
  color: #01AB9D;
}
.bottom_nav a:first-child {
  padding-left: 0;
}

.section_wrap {
  padding: 50px 0;
  min-height: 1000px;
}

.snb {
  width: 200px;
  float: left;
}
.snb h2 {
  padding: 45px 0 45px 20px;
  color: #fff;
  font-size: 24px;
  background: linear-gradient(100.51deg, #01AB82 28.67%, #01AB9D 87.37%) no-repeat right 0;
  position: relative;
  border-radius: 10px;
}
.snb h2:after {
  display: block;
  content: "";
  width: 100%;
  height: 110px;
  background: url(/resources/homepage/yblib/img/h2_bg.png) no-repeat right 0;
  position: absolute;
  right: 0;
  top: 0;
}
.snb ul {
  margin: 8px 0;
  /* 
  a span{ display: block;padding: 16px;color: #777;font-weight: 700; background: #fff; @include transition_015; border-radius: 5px;}
  a:hover span{ background: #01AB82; color: #fff;} 
  */
}
.snb ul a {
  display: block;
  padding: 16px;
  color: #777;
  font-weight: 700;
  background: #fff;
  transition: all 0.15s ease 0s;
  border-radius: 5px;
  position: relative;
}
.snb ul a:hover {
  background: #f6f6f6;
  color: #000;
}
.snb ul .active > a {
  background: linear-gradient(100.51deg, #01AB82 28.67%, #01AB9D 87.37%);
  color: #fff;
}
.snb ul .active > a::before {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  position: absolute;
  right: 16px;
  top: 22px;
  background: #fff;
}

.lnb h2 {
  padding: 45px 0 45px 20px;
  color: #fff;
  font-size: 24px;
  background: linear-gradient(100.51deg, #01AB82 28.67%, #01AB9D 87.37%) no-repeat right 0;
  position: relative;
  border-radius: 10px;
}
.lnb h2:after {
  display: block;
  content: "";
  width: 100%;
  height: 110px;
  background: url(/resources/homepage/yblib/img/h2_bg.png) no-repeat right 0;
  position: absolute;
  right: 0;
  top: 0;
}
.lnb ul {
  margin: 8px 0;
  /* 
  a span{ display: block;padding: 16px;color: #777;font-weight: 700; background: #fff; @include transition_015; border-radius: 5px;}
  a:hover span{ background: #01AB82; color: #fff;} 
  */
}
.lnb ul a {
  display: block;
  padding: 16px;
  color: #777;
  font-weight: 700;
  background: #fff;
  transition: all 0.15s ease 0s;
  border-radius: 5px;
  position: relative;
}
.lnb ul a:hover {
  background: #f6f6f6;
  color: #000;
}
.lnb ul .active > a {
  background: linear-gradient(100.51deg, #01AB82 28.67%, #01AB9D 87.37%);
  color: #fff;
}
.lnb ul .active > a::before {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  position: absolute;
  right: 16px;
  top: 22px;
  background: #fff;
}

section.section {
  float: right;
  width: 960px;
}

.section_header {
  padding: 42px 0;
  border-bottom: solid 1px #ddd;
}
.section_header:after {
  display: block;
  content: "";
  clear: both;
}
.section_header h3 {
  font-size: 31px;
  color: #333;
  font-weight: 900;
  float: left;
}
.section_header h3:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background: #01AB9D;
}
.section_header ol {
  float: right;
  padding-top: 8px;
}
.section_header ol li {
  display: inline-block;
  padding-left: 18px;
  height: 18px;
  vertical-align: middle;
  color: #777;
  background: no-repeat 0 center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(173,184,194,1)'%3E%3C/path%3E%3C/svg%3E");
}
.section_header ol .page_loc_home {
  font-size: 0;
  background: no-repeat 0 center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M19 21.0001H5C4.44772 21.0001 4 20.5524 4 20.0001V11.0001L1 11.0001L11.3273 1.61162C11.7087 1.26488 12.2913 1.26488 12.6727 1.61162L23 11.0001L20 11.0001V20.0001C20 20.5524 19.5523 21.0001 19 21.0001ZM13 19.0001H18V9.15757L12 3.70302L6 9.15757V19.0001H11V13.0001H13V19.0001Z' fill='rgba(0,0,0,.4)'%3E%3C/path%3E%3C/svg%3E");
}

/* 자료검색 */
.search_condition_wrap:after {
  display: block;
  content: "";
  clear: both;
}

.h4 + .search_condition {
  margin: 0;
}

.d00 .search_condition {
  text-align: center;
}

.search_condition {
  padding: 16px 20px;
  margin: 24px 0 0 0;
  border: #ddd solid 1px;
  background: #f9f9f9;
  border-radius: 6px;
}
.search_condition + .table_wrap {
  margin-top: 16px;
}
.search_condition input[type=text], .search_condition input[type=password], .search_condition select {
  height: 40px;
}
.search_condition .btn
, .btn
{
  height: 40px;
  line-height: 40px;
  text-align:center;
  min-width: 76px;
  border-color: #01ab9d;
  color: #333;
  margin: 2px 0;
  vertical-align: bottom;
}
.search_condition .btn.pri {
  background-color: #444;
  color: #fff;
  border-color: #333;
}
.search_condition .btn.pri:hover {
  background-color: #000;
}
.search_condition .btn_wrap {
  float: right;
}
.search_condition input[type=checkbox],
.search_condition input[type=radio],
.search_condition .checkbox_wrap,
.search_condition .radio_wrap {
  vertical-align: middle;
}

.condition_div {
  display: inline-block;
  margin-right: 16px;
}
.condition_div strong {
  font-weight: 500;
  padding-right: 6px;
}

.serach_range_1 {
  padding: 12px 0 16px 0;
}
.serach_range_1 strong {
  vertical-align: middle;
}
.serach_range_1:after {
  display: block;
  content: "";
  clear: both;
}

.serach_range_1 + .serach_range_2 {
  border-top: dotted #ddd 1px;
}

.serach_range_2 {
  padding: 10px 0;
  overflow: hidden;
}
.serach_range_2 .float_l {
  display: block;
  width: calc(100% - 130px);
}
.serach_range_2 select {
  width: 120px;
}
.serach_range_2 input[type=text] {
 /* width: calc(100% - 140px);*/
 width: 98%;
}

.search_btn_area {
  text-align: center;
  border-top: solid 1px #ddd;
  padding-top: 12px;
}

.search_result_wrap {
  padding: 16px 0;
}
.search_result_wrap:after {
  display: block;
  content: "";
  clear: both;
}
.search_result_wrap h4 {
  border-bottom: solid 1px #ddd;
}
.search_result_wrap h4 span {
  float: right;
  font-size: 18px;
  color: #777;
  font-weight: 700;
}

.search_result_head {
  padding: 20px 0;
}
.search_result_head:after {
  display: block;
  content: "";
  clear: both;
}
.search_result_head .select_check {
  display: inline-block;
  font-weight: 700;
  margin-right: 16px;
}
.search_result_head input[type=checkbox] {
  margin: 0 4px 0 0;
  vertical-align: middle;
}
.search_result_head .btn_view_type {
  text-align: right;
  font-size: 0;
  border-radius: 5px;
  margin-bottom: 20px;
}
.search_result_head .btn_view_type button {
  font-size: 0;
  width: 35px;
  height: 35px;
  background: #fff no-repeat center center;
  border: solid 1px #ddd;
  margin-right: -1px;
  transition: all 0.15s ease 0s;
}
.search_result_head .btn_view_type button:first-child {
  border-radius: 5px 0 0 5px;
}
.search_result_head .btn_view_type button:last-child {
  border-radius: 0 5px 5px 0;
}
.search_result_head .btn_view_type .btn_view_thum {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='17' height='17'%3E%3Cpath d='M3 3H11V11H3V3ZM3 13H11V21H3V13ZM13 3H21V11H13V3ZM13 13H21V21H13V13Z' fill='rgba(0,0,0,0.3)'%3E%3C/path%3E%3C/svg%3E");
}
.search_result_head .btn_view_type .btn_view_thum:hover,
.search_result_head .btn_view_type .btn_view_thum.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='17' height='17'%3E%3Cpath d='M3 3H11V11H3V3ZM3 13H11V21H3V13ZM13 3H21V11H13V3ZM13 13H21V21H13V13Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}
.search_result_head .btn_view_type .btn_view_list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z' fill='rgba(0,0,0,0.3)'%3E%3C/path%3E%3C/svg%3E");
}
.search_result_head .btn_view_type .btn_view_list:hover,
.search_result_head .btn_view_type .btn_view_list.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}

.search_result > article {
  border: solid 1px #ddd;
  border-radius: 4px;
  padding: 24px;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
}
.search_result > article .bookCover {
  width: 160px;
  height: 220px;
  background: #f9f9f9 no-repeat center center;
  background-size: cover;
  border: 1px solid #e1e1e0;
  border-radius: 5px;
}
.search_result > article .loan_status_x, .search_result > article .loan_status_o {
  display: inline-block;
  padding: 16px 0;
  color: #017edf;
  font-weight: 700;
}
.search_result > article .loan_status_x:before, .search_result > article .loan_status_o:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z' fill='rgba(1,126,223,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat 0 center;
}
.search_result > article .loan_status_x {
  color: #e92f4d;
}
.search_result > article .loan_status_x:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(233,47,77,1)'%3E%3C/path%3E%3C/svg%3E");
}
.search_result > article h5 {
  color: #333;
  font-size: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 8px 0;
}
.search_result dl span {
  font-size: 0;
}
.search_result dl > span {
  display: block;
  padding: 3px 0;
}
.search_result dl > span:first-child {
  padding: 10px 0;
}
.search_result dl dt, .search_result dl dd {
  display: inline-block;
  color: #666;
  font-weight: 700;
}
.search_result dl dt {
  font-size: 15px;
  color: #777;
  font-weight: 500;
}
.search_result dl dt.b_writer, .search_result dl dt.b_publisher, .search_result dl dt.b_pub_yy {
  font-size: 0;
}
.search_result dl dd.b_writer, .search_result dl dd.b_publisher, .search_result dl dd.b_pub_yy {
  font-weight: 700;
}
.search_result dl dd.b_publisher, .search_result dl dd.b_pub_yy {
  padding-left: 12px;
  background: linear-gradient(0deg, #fff 5%, #ccc 6%, #ccc 95%, #fff 96%) no-repeat 2px center;
  background-size: 1px;
}
.search_result .btn_area {
  padding: 0;
}

.view_thum .btn_view_type .btn_view_thum {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='17' height='17'%3E%3Cpath d='M3 3H11V11H3V3ZM3 13H11V21H3V13ZM13 3H21V11H13V3ZM13 13H21V21H13V13Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}
.view_thum .search_result > article {
  height: 560px;
  text-align: center;
  width: 49%;
  float: left;
  margin-left: 2%;
}
.view_thum .search_result > article .loan_status_x, .view_thum .search_result > article .loan_status_o {
  display: block;
}
.view_thum .search_result > article label {
  position: absolute; left: 24px; top: 24px;
}
.view_thum .search_result > article .bookCover {
  margin: 0 auto 20px auto;
}
.view_thum .search_result > article:nth-child(odd) {
  margin-left: 0;
}
.view_thum .search_result > article h5 {
  padding: 0 0 10px 0;
}
.view_thum .search_result dl dt {
  padding-left: 10px;
}
.view_thum .search_result dl dd {
  padding-left: 12px;
}
.view_thum .search_result .btn_area {
  width: 100%;
  position: absolute;
  bottom: 18px;
  left: 0;
  text-align: center;
}

.view_list .btn_view_type .btn_view_list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}
.view_list .search_result > article {
  padding-left: 216px;
  /*margin-left: 30px;*/
  padding-top: 20px;
  min-height: 270px;
}
.view_list .search_result > article label {
  position: absolute;
  left: -35px;
  top: -4px;
}
.view_list .search_result > article .bookCover {
  position: absolute;
  left: 26px;
  top: 24px;
}
.view_list .search_result dl span :first-child,
.view_list .search_result dl .b_writer {
  padding-left: 0;
}
.view_list .search_result dl dt {
  padding-left: 12px;
  width: 60px;
}
.view_list .search_result dl dd {
  padding-left: 16px;
  padding-right: 12px;
}
.view_list .search_result dl dt.b_writer, .view_list .search_result dl dt.b_publisher, .view_list .search_result dl dt.b_pub_yy {
  width: 0;
}
.view_list .btn_area {
  margin-left: 30px;
}

.btn.btn_reserve1, .btn.btn_reserve2 {
  color: #fff;
  background: #01AB9D;
  border: 0 none;
  height: 36px;
  /*padding: 0 24px;*/
}

.btn2.btn_reserve1, .btn2.btn_reserve2 {
  color: #fff;
  background: #01AB9D;
  border: 0 none;
  height: 36px;
  padding: 0 24px;
}

.btn.btn_reserve2 {
  background: #FF7A7B;
}

.btn2.btn_reserve2 {
  background: #FF7A7B;
}

.btn.btn_reserve1[disabled],
.btn.btn_reserve2[disabled] {
  background-color: #757575;
}

.btn.btn_reserve1.disabled,
.btn.btn_reserve2.disabled {
  background-color: #757575;
  color:#eeeeee;
}

.btn2.btn_reserve1.disabled,
.btn2.btn_reserve2.disabled {
  background-color: #757575;
  color:#eeeeee;
}

.btn.btn_add_basket {
  padding-left: 42px;
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 4H5V20H19V4H14V13L10.5 11L7 13V4Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}

.btn.btn_basket_list {
  padding-left: 42px;
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM11 5H4V19H11V5ZM13 5V19H20V5H13ZM14 7H19V9H14V7ZM14 10H19V12H14V10Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}
/*
.btn.btn_xls_dn {
  padding-left: 42px;
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M2.85858 2.87756L15.4293 1.08175C15.7027 1.0427 15.9559 1.23265 15.995 1.50601C15.9983 1.52943 16 1.55306 16 1.57672V22.4237C16 22.6999 15.7761 22.9237 15.5 22.9237C15.4763 22.9237 15.4527 22.922 15.4293 22.9187L2.85858 21.1229C2.36593 21.0525 2 20.6306 2 20.1329V3.86751C2 3.36986 2.36593 2.94794 2.85858 2.87756ZM4 4.73481V19.2656L14 20.6942V3.30624L4 4.73481ZM17 19.0002H20V5.00022H17V3.00022H21C21.5523 3.00022 22 3.44793 22 4.00022V20.0002C22 20.5525 21.5523 21.0002 21 21.0002H17V19.0002ZM10.2 12.0002L13 16.0002H10.6L9 13.7145L7.39999 16.0002H5L7.8 12.0002L5 8.00022H7.39999L9 10.2859L10.6 8.00022H13L10.2 12.0002Z' fill='rgba(12,172,172,1)'%3E%3C/path%3E%3C/svg%3E");
}
*/
.btn.btn_search2 {
  padding-left: 42px;
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
}
/*
.btn.btn_multi_lang {
  padding-left: 42px;
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM6 7H8V9H6V7ZM6 11H8V13H6V11ZM6 15H18V17H6V15ZM11 11H13V13H11V11ZM11 7H13V9H11V7ZM16 7H18V9H16V7ZM16 11H18V13H16V11Z' fill='rgba(1,171,157,1)'%3E%3C/path%3E%3C/svg%3E");
}
*/
.btn.btn_reload {
  font-size: 0;
  min-width: inherit;
  width: 40px;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z' fill='rgba(1,171,157,1)'%3E%3C/path%3E%3C/svg%3E");
}

.book_info_detail_1 {
  border: solid 1px #ebebeb;
  border-radius: 5px;
  padding: 32px 32px 32px 300px;
  position: relative;
  min-height: 300px;
  margin-bottom: 24px;
}
.book_info_detail_1 .book_cover_img {
  width: 210px;
  height: 305px;
  position: absolute;
  left: 32px;
  top: 32px;
  background: no-repeat center center;
  background-size: cover;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.book_info_detail_1 dl {
  padding: 16px 0;
}
.book_info_detail_1 dl:after {
  display: block;
  content: "";
  clear: both;
}
.book_info_detail_1 dl dt, .book_info_detail_1 dl dd {
  float: left;
  width: 80px;
  padding: 6px 0;
}
.book_info_detail_1 dl dt {
  color: #999;
  font-weight: 700;
}
.book_info_detail_1 dl dd {
  width: calc(100% - 80px);
  color: #333;
  font-size: 17px;
}
.book_info_detail_1 dl dd.b_writer {
  font-weight: 700;
  color: #000;
}
.book_info_detail_1 .h4 {
  padding-top: 0;
}
.book_info_detail_1 .btn.btn_marcview {
  border-color: #01ab9d;
  color: #01ab9d;
  padding: 0 24px;
  line-height: 1;
  font-size: 15px;
  height: 30px;
}

.call_number div + div {
  padding-top: 4px;
}

.book_status_o {
  color: #01ab9d;
}

.book_status_x {
  color: #e92f4d;
}

td .book_status_o,
td .book_status_x {
  display: block;
}

td.booking button, td.booking button.btn {
  min-width: 160px;
  display: block;
  margin: 0 auto;
  padding: 0;
}

td.booking a, td.booking a.btn {
  min-width: 160px;
  display: block;
  margin: 0 auto;
  padding: 0;
}

td.booking button.btn + button.btn {
  margin-top: 4px;
}

.table + .btn_area {
  margin-top: 30px;
}

/*  베스트 대출자료 */
.select_period {
  vertical-align: middle;
  font-size: 0;
}
.select_period button {
  height: 40px;
  padding: 0 16px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.14);
  margin-right: -1px;
  transition: all 0.15s ease 0s;
}
.select_period button:hover {
  background-color: #ededed;
}
.select_period button:first-child {
  border-radius: 5px 0 0 5px;
}
.select_period button:last-child {
  border-radius: 0 5px 5px 0;
}
.select_period button.on {
  background-color: #01ab9d;
  color: #fff;
  padding-left: 8px;
}
.select_period button.on::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

/* 희망도서 신청 */
.want_book_header {
  border-radius: 5px;
  border: solid 1pX #dbdbdb;
  background: #f9f9f9 url(/resources/homepage/yblib/img/want_book_0.png) no-repeat 70px center;
  padding: 50px 160px 50px 250px;
  line-height: 1.6em;
  color: #333;
  font-weight: 700;
  font-size: 18px;
}
.want_book_header strong {
  color: #01ab9d;
}

.want_book_00 {
  border-radius: 5px;
  border: solid 1pX #dbdbdb;
  padding: 16px 40px;
  margin: 24px 0;
}
.want_book_00 article {
  padding: 24px 0 24px 140px;
  position: relative;
}
.want_book_00 article:before {
  display: inline-block;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: solid 1px #e7e7e7;
  background: #f8f8f8 no-repeat center center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.want_book_00 article.want_book_1:before {
  background-image: url(/resources/homepage/yblib/img/want_book_1.png);
}
.want_book_00 article.want_book_2:before {
  background-image: url(/resources/homepage/yblib/img/want_book_2.png);
}
.want_book_00 article.want_book_3:before {
  background-image: url(/resources/homepage/yblib/img/want_book_3.png);
}
.want_book_00 article.want_book_4:before {
  background-image: url(/resources/homepage/yblib/img/want_book_4.png);
}
.want_book_00 article + article {
  border-top: solid 1px #ddd;
}
.want_book_00 h4 {
  font-size: 21px;
  padding: 16px 0 8px 0;
  color: #333;
  font-weight: 900;
}
.want_book_00 ul {
  padding: 10px 0;
}
.want_book_00 li {
  padding: 5px 0;
  font-size: 17px;
  font-weight: 700;
}
.want_book_00 li:before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
  margin: 0 6px 0 4px;
  vertical-align: middle;
}
/* 
.want_book_20 {
  padding: 20px 0;
}

dl.dl_table { border-radius: 5px; border: solid 1pX #dbdbdb; margin: 16px 0; overflow: hidden;}
dl.dl_table dt {
  background: #f1f1f1;
  color: #333;
  font-weight: 700;
  text-align: center;
  font-size: 18px;
}
dl.dl_table dt, dl.dl_table dd {
  float: left;
  width: 100px;
  padding: 20px 20px 0 20px;
  height: 36px;
  border-top: #ddd solid 1px;
}
dl.dl_table dt:first-child, dl.dl_table dd:nth-child(2) {
  border: 0 none;
}
dl.dl_table dd {
  width: calc(100% - 180px);
}

.want_book_30 {
  padding: 20px 0;
}
.want_book_30 ul {
  margin: 16px 0;
  border: solid 1px #dbdbdb;
  border-radius: 5px;
}
.want_book_30 li {
  padding: 16px 0 16px 40px;
  font-weight: 700;
  border-top: solid 1px #dbdbdb;
  line-height: 1.5em;
  text-indent: -14px;
}
.want_book_30 li:first-child {
  border: 0 none;
}
.want_book_30 li:before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
  margin: 0 6px 0 4px;
  vertical-align: middle;
} */

/* 이용약관 */
.policy_wrap {
  line-height: 1.3em;
}
.policy_wrap h2 {
  font-size: 24px;
  color: #333;
}
.policy_wrap h3 {
  font-size: 24px;
  padding: 54px 0 8px 0;
  font-weight: 500;
  color: #000;
}
.policy_wrap h4 {
  font-size: 18px;
  padding: 20px 0 8px 0;
  color: #000;
  font-weight: 900;
}
.policy_wrap p {
  line-height: 1.4em;
  padding: 4px 0 8px 0;
}
.policy_wrap li {
  font-weight: 500;
  line-height: 1.3em;
  padding: 3px 0 3px 22px;
  text-indent: -18px;
}
.policy_wrap li ul {
  padding: 8px 0 16px 0;
}
.policy_wrap li li {
  font-size: 15px;
}

/* 개인정보처리방침 */
body.i20 .policy_wrap p {
  margin: 4px 0 16px 0;
  padding: 20px 24px;
  border: solid 1px #ddd;
  background-color: #f9f9f9;
}
body.i20 .policy_wrap .line {
  display: block;
  padding-top: 10px;
}

.dec_list {
  padding-left: 18px;
}
.dec_list > li {
  list-style: decimal;
  text-indent: 0;
  padding: 0;
  margin: 6px 0;
}

.con02 > li {
  padding-left: 12px;
  position: relative;
  text-indent: 0;
}

.con02 > li:before {
  display: block;
  content: "";
  background: #666;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 10px;
}

.con02 .con04 > li:before {
  width: 5px;
  height: 1px;
  border-radius: 0;
}

.con04 > li {
  padding-left: 12px;
  position: relative;
  text-indent: 0;
}

.con04 > li:before {
  display: block;
  content: "";
  background: #999;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.cctv_policy_wrap {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.email_policy_wrap {
  background: url(/resources/homepage/yblib/img/bg_email_policy.jpg) no-repeat center 0;
  text-align: center;
  padding-top: 440px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

/* sitemap */
.sitemap_wrap > ul:after {
  display: block;
  content: "";
  clear: both;
}
.sitemap_wrap > ul > li {
  width: 23.65%;
  margin: 0 1.5% 16px 0;
  float: left;
  border: solid 1px rgba(0, 0, 0, 0.15);
  height: 400px;
  border-radius: 5px;
}
.sitemap_wrap > ul > li:nth-child(4n) {
  margin-right: 0;
}
.sitemap_wrap > ul > li > a {
  background-color: #01ab9d;
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.sitemap_wrap > ul a {
  display: block;
  text-align: center;
  font-size: 18px;
  padding: 20px 0;
}
.sitemap_wrap > ul ul li a {
  font-size: 16px;
  padding: 12px 0;
  font-weight: 500;
  border-top: dotted 1px #ddd;
  transition: all 0.15s ease 0s;
}
.sitemap_wrap > ul ul li a:hover {
  background-color: #f5fdfd;
}
.sitemap_wrap > ul ul li:first-child a {
  border-top: solid 1px #ddd;
}

/* 내 서재 */
.my_info {
  position: relative;
  padding: 50px 40px 40px 220px;
  border: solid 2px #333;
  border-radius: 5px;
  margin-bottom: 24px;
}
.my_info p {
  font-size: 18px;
  font-weight: 700;
  padding: 6px 0;
}
.my_info dl {
  padding: 30px 0 0 0;
}
.my_info dl:after {
  display: block;
  content: "";
  clear: both;
}
.my_info dl dt,
.my_info dl dd {
  float: left;
  width: 120px;
  min-height: 26px;
}
.my_info dl dd {
  width: calc(100% - 120px);
  font-weight: 700;
}

.my_name {
  font-size: 20px;
  font-weight: 500;
}
.my_name span {
  position: absolute;
  left: 46px;
  top: 46px;
  display: block;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: #f6f6f6;
  margin-bottom: 20px;
}
.my_name strong {
  font-weight: 900;
  font-size: 22px;
  margin-right: 4px;
}
.my_name button,
.my_name input[type=file] {
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -500px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: 90px;
  cursor: pointer;
  background: #888 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 9.46243 8.96243 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 15.5376 15.0376 18 12 18ZM12 16C13.933 16 15.5 14.433 15.5 12.5C15.5 10.567 13.933 9 12 9C10.067 9 8.5 10.567 8.5 12.5C8.5 14.433 10.067 16 12 16Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  transition: all 0.15s ease 0s;
}
.my_name button:hover,
.my_name input[type=file]:hover {
  background-color: #333;
}

.in_search_condition {
  text-align: right;
  margin: 50px 0 -46px 0;
}
.in_search_condition input.datepicker {
  width: 114px;
}

/* common */
.h4 {
  font-weight: 700;
  font-size: 23px;
  padding: 36px 0 12px 0;
  color: #333;
}
.h4 strong {
  font-weight: 900;
}

.h5 {
  font-size: 19px;
  padding: 24px 0 12px 0;
  font-weight: 700;
}

.caption {
  font-weight: 700;
  padding: 20px 0 10px 0;
}

input.datepicker {
  width: 128px;
}

.ui-datepicker-trigger {
  margin: 0 6px 0 -30px;
  vertical-align: middle;
}

.label_border_wrap {
  display: inline-block;
  border: solid 1px #ddd;
  margin: 0 2px;
  border-radius: 4px;
  padding: 0 4px 0 0;
}
.label_border_wrap select, .label_border_wrap input[type=text] {
  border: 0 none;
  margin: 0;
}
.label_border_wrap span {
  padding: 0 10px;
}
.label_border_wrap span.hidden {
  padding: 0;
}
.label_border_wrap input[placeholder=서명] {
  width: 120px;
}

.page_nav button {
  border-radius: 3px;
}

.page_nav button[disabled],
.page_nav button[disabled]:hover,
.page_nav button[disabled]:focus {
  color: #fff;
  background-color: #01ab9d;
}

.btn_area .float_l {
  float: left;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.btn.pri,
.btn.pri.btn_search {
  background-color: #01ab9d;
  border-color: #01a698;
}

.btn.pri:hover,
.btn.pri:focus,
.btn.pri.btn_search:hover,
.btn.pri.btn_search:focus {
  background-color: #019c8f;
  border-color: #019c8f;
}

.btn.scd {
  background-color: #fff;
  color: #01ab9d;
  border-color: #01ab9d;
}

.btn.scd:hover, .btn.scd:focus {
  background-color: #f5fdfd;
  border-color: #00989a;
  color: #00989a;
}

.btn2.scd {
  background-color: #fff;
  color: #01ab9d;
  border-color: #01ab9d;
}

.btn2.scd:hover, .btn2.scd:focus {
  background-color: #f5fdfd;
  border-color: #00989a;
  color: #00989a;
}

.table_paging_no {
  font-size: 15px;
  color: #777;
  padding: 16px 0 0 0;
  margin-bottom: -16px;
  float: left;
}
.table_paging_no + .btn_area {
  padding-top: 0;
}

.table + .btn_area {
  margin-top: 8px;
}

.note {
  padding: 16px 0;
}

.note.pri {
  color: #01ab9d;
}

/* style.css */
.main_visual2 {
  background: #e8f0ff url(/resources/homepage/yblib/img/mainVisual_02.png) no-repeat center center;
}

#section1 .section_bottom > .bottom_left > form > button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='rgba(1,171,157,1)'%3E%3C/path%3E%3C/svg%3E");
}

.class_btn a + a {
  border-left: 0 none;
}

.e00 .class_btn {
  margin-bottom: 0;
}

.h_right > .toggle:before, .h_right > .toggle:after {
  display: block;
  content: "";
  background: #fff;
  width: 27px;
  height: 3px;
  position: absolute;
  transform: rotate(0);
  transition: all 0.15s ease 0s;
}

.h_right > .toggle > span {
  transition: all 0.15s ease 0s;
  opacity: 1;
}

#header.on .h_right > .toggle span {
  width: 0;
  margin: 0;
  opacity: 0;
}
#header.on .h_right > .toggle:before, #header.on .h_right > .toggle:after {
  transform: rotate(45deg);
  width: 38px;
}
#header.on .h_right > .toggle:after {
  transform: rotate(-45deg);
}

/* 
#header.on {
	.toggle1 {transform: rotate(45deg); margin-bottom: -4px; width: 35px;}
	.toggle2 {width: 0;}
	.toggle3 {transform: rotate(-45deg);margin-top: -10px; width: 35px;}
}
 */
 
 
/*2023.08.12. 추가*/
.search_condition dl {position:relative;display:inline-block;float:left;width:46%;height:38px;margin:0 1.5% 10px 2.5%;}
.search_condition dl dt{float:left;width:80px;color:#000;font-weight:bold;height:32px;line-height:32px;}
.search_condition dl dd{position:relative;margin-left:90px;}
.search_condition dl dd label.title {position:absolute;top:8px;left:10px;color:#666;cursor:text;}
.search_condition dl dd input.text-area{display:block;width:96%;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;}
.search_condition dl dd input.text-area2{display:inline-block;height:38px;line-height:38px;padding:0 2%;color:#333;font-size:18px;border:1px solid #bfbfbf;cursor:text;width:45%;}
.search_condition dl dd select {-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance:none;appearance none;height:40px;line-height:40px;font-size:15px;border:1px solid #bfbfbf;padding-left:10px;box-sizing:border-box;background:url('/resources/common/img/arrow_b.png') no-repeat 97% center;width:96%;}
.search_condition dl dd select::-ms-expand {display:none;}

/*  */
@media (max-width: 1500px) {
  .section_wrap .container {
    margin: 0 0 0 5%;
  }
}
@media (max-width: 1430px) {
  .section_wrap .container {
    margin: 0 0 0 2%;
  }
  .h_logo {
    padding-left: 2%;
  }
}