@charset "UTF-8";
/*
Theme Name: Jane RD
Theme URI: http://www.innomattic.com/
Author: innomattic
Author URI: http://www.innomattic.com/
Description: 2018년 혁신적인 도서관 UI를 구현한 테마입니다. RD 디자인가이드가 적용되었습니다.
Version: 1.4
Text Domain: jane
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Web fonts */
/* resource design에서 정의하였음 */
/*@font-face {*/
  /*font-family: 'Noto Sans KR';*/
  /*font-style: normal;*/
  /*font-weight: 100;*/
  /*src: url(assets/fonts/NotoSansKR/NotoSansKR-Thin.woff2) format("woff2"), url(assets/fonts/NotoSansKR/NotoSansKR-Thin.woff) format("woff"), url(assets/fonts/NotoSansKR/NotoSansKR-Thin.otf) format("opentype");*/
/*}*/
/*@font-face {*/
  /*font-family: 'Noto Sans KR';*/
  /*font-style: normal;*/
  /*font-weight: 300;*/
  /*src: url(assets/fonts/NotoSansKR/NotoSansKR-Light.woff2) format("woff2"), url(assets/fonts/NotoSansKR/NotoSansKR-Light.woff) format("woff"), url(assets/fonts/NotoSansKR/NotoSansKR-Light.otf) format("opentype");*/
/*}*/
/*@font-face {*/
  /*font-family: 'Noto Sans KR';*/
  /*font-style: normal;*/
  /*font-weight: 400;*/
  /*src: url(assets/fonts/NotoSansKR/NotoSansKR-Regular.woff2) format("woff2"), url(assets/fonts/NotoSansKR/NotoSansKR-Regular.woff) format("woff"), url(assets/fonts/NotoSansKR/NotoSansKR-Regular.otf) format("opentype");*/
/*}*/
/*@font-face {*/
  /*font-family: 'Noto Sans KR';*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*src: url(assets/fonts/NotoSansKR/NotoSansKR-Medium.woff2) format("woff2"), url(assets/fonts/NotoSansKR/NotoSansKR-Medium.woff) format("woff"), url(assets/fonts/NotoSansKR/NotoSansKR-Medium.otf) format("opentype");*/
/*}*/
/*@font-face {*/
  /*font-family: 'Fira Code';*/
  /*font-style: normal;*/
  /*font-weight: 400;*/
  /*src: url(assets/fonts/FiraCode/FiraCode-Regular.eot);*/
  /*src: url(assets/fonts/FiraCode/FiraCode-Regular.eot) format("embedded-opentype"), url(assets/fonts/FiraCode/FiraCode-Regular.woff2) format("woff2"), url(assets/fonts/FiraCode/FiraCode-Regular.woff) format("woff"), url(assets/fonts/FiraCode/FiraCode-Regular.ttf) format("truetype");*/
/*}*/

html, body {
  height: 100%;
}

.site-logo {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: transparent;
  vertical-align: middle;
  text-indent: -9999em;
  background: url(assets/images/site-logo@2x.png) no-repeat 0 0;
  background-size: 270px 200px;
}

.site-7 .site-logo {
  background: url(assets/images/site-logo-medlib@2x.png) no-repeat 0 0;
  background-size: 270px 200px;
}

.site-6 .site-logo {
    background: url(assets/images/site-logo-lawlib@2x.png) no-repeat 0 0;
    background-size: 270px 200px;
}

.site-5 .site-logo {
    background: url(assets/images/site-logo-nanolib@2x.png) no-repeat 0 0;
    background-size: 270px 200px;
}

.site-10 .site-logo {
  background: url(assets/images/site-logo-en@2x.png) no-repeat 0 0;
  background-size: 270px 200px;
}

.inner-max {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.inner {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.contents-width {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

body.max-width-1200 .contents-width {
  width: 1200px;
}
body.max-width-1400 .contents-width {
  width: 1400px;
}
body.max-width-1600 .contents-width {
  width: 1600px;
}

.site-content {
  padding-top: 8.5rem;
}

/* admin bar */
body.admin-bar #header {
  top: 2rem;
}

#header {
  position: absolute;
  z-index: 10000;
  top: 0;
  width: 100%;
  height: 8.5rem;
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
}
#header .inner-max {
  position: relative;
}
#header .top-area {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 5rem;
  padding: 22px 0 0;
}
#header .nav-area {
  position: relative;
  border-top: 1px solid #f1f3f4;
}
#header.fixed {
  position: fixed;
  overflow: visible;
  height: 4.5rem;
}
#header.fixed .top-area {
  height: 4.5rem;
  padding: 18px 0 0;
}
#header.fixed .nav-area {
  display: none;
}
#header.fixed .top-logo a .site-logo.top {
  width: 215px;
  height: 36px;
  background-position: 0 -40px;
}
#header.fixed .top-gnb {
  margin-right: 38px;
}
#header.fixed .btn-all-menu {
  display: block;
}

/* top-logo */
.top-logo {
  float: left;
  z-index: 9;
  margin: 0;
}
.top-logo a {
  display: block;
}
.top-logo a .site-logo.top {
  display: block;
  width: 240px;
  height: 40px;
  background-position: 0 0;
  -webkit-transition: background-position .3s ease-in-out;
  -o-transition: background-position .3s ease-in-out;
  transition: background-position .3s ease-in-out;
}
.site-7 .top-logo a .site-logo.top {
  width: 270px;
}
.site-5 .top-logo a .site-logo.top {
  width: 272px;
}
.site-7 #header.fixed .top-logo a .site-logo.top {
  width: 240px;
}
.site-5 #header.fixed .top-logo a .site-logo.top {
  width: 250px;
}

/* book-search */
.book-search {
  float: left;
  width: 24%;
  max-width: 14rem;
  position: relative;
  margin: 0 0 0 1rem;
}
.book-search .input-search {
  width: 100%;
  height: 2.5rem;
  padding: 0 2.5rem 0 .75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e6ebed;
  border-radius: 3px;
  line-height: 2.5rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: 400;
  -webkit-appearance: none;
}
.book-search .input-search::-webkit-input-placeholder {
  color: #96a1ab;
}
.book-search .input-search::-moz-placeholder {
  color: #96a1ab;
}
.book-search .input-search:-ms-input-placeholder {
  color: #96a1ab;
}
.book-search .input-search::-ms-input-placeholder {
  color: #96a1ab;
}
.book-search .input-search::placeholder {
  color: #96a1ab;
}
.book-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  line-height: 2.5rem;
  cursor: pointer;
  background-color: transparent;
  color: #96a1ab;
  outline: 0;
}

/* top-gnb */
.top-gnb {
  float: right;
  z-index: 9;
  margin: 4px 0 0;
  padding: 0;
  color: #96a1ab;
  font-size: 0.875rem;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  list-style: none;
}
.top-gnb .gnb-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
}
.top-gnb .gnb-list li {
  display: inline-block;
  vertical-align: middle;
}
.top-gnb .gnb-list li a {
  display: inline-block;
  height: 2rem;
  padding: 0 6px;
  line-height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.top-gnb .gnb-list li a:hover, .top-gnb .gnb-list li a:active, .top-gnb .gnb-list li a:focus {
  color: #3c4a53;
  font-weight: 400;
}
.top-gnb .gnb-list .login a::before {
  font-family: 'Material Design Icons';
  display: inline-block;
  margin-right: 2px;
  content: '\f341';
  color: #b2bac2;
}
.top-gnb .gnb-list .login a:hover::before, .top-gnb .gnb-list .login a:active::before, .top-gnb .gnb-list .login a:focus::before {
  color: #3c4a53;
}
.top-gnb .gnb-list li.my-notice-alarm.new i.mdi {
  color: #ff0000;
  font-size: 1.2rem;
}
.top-gnb .gnb-list .extra label {
  cursor: pointer;
}
.top-gnb .gnb-list .extra .on-off {
  position: relative;
  display: inline-block;
  height: 20px;
  margin: -3px 0 0 3px;
  padding: 0 5px;
  font-size: 11px;
  vertical-align: middle;
  line-height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  letter-spacing: 0.08em;
  color: #fff;
}
.top-gnb .gnb-list .extra .on-off.on {
  background-color: #3251ed;
}
.top-gnb .gnb-list .extra .on-off.on::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -3.6px;
  border-right: 3.6px solid #3251ed;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  left: -3px;
}
.top-gnb .gnb-list .extra .on-off.off {
  background-color: #96a1ab;
}
.top-gnb .gnb-list .extra .on-off.off::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -3.6px;
  border-right: 3.6px solid #96a1ab;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  left: -3px;
}
.top-gnb .site-search {
  position: relative;
  width: 2rem;
  display: inline-block;
  margin-left: -4px;
  vertical-align: middle;
}
.top-gnb .site-search .input-search {
  width: 0;
  padding: 0;
  height: 2rem;
  border: 1px solid #e6ebed;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 2rem;
  outline: 0;
  vertical-align: top;
  opacity: 0;
  visibility: hidden;
  -webkit-appearance: none;
}
.top-gnb .site-search .input-search::-webkit-input-placeholder {
  color: #b4bec5;
}
.top-gnb .site-search .input-search::-moz-placeholder {
  color: #b4bec5;
}
.top-gnb .site-search .input-search:-ms-input-placeholder {
  color: #b4bec5;
}
.top-gnb .site-search .input-search::-ms-input-placeholder {
  color: #b4bec5;
}
.top-gnb .site-search .input-search::placeholder {
  color: #b4bec5;
}
.top-gnb .site-search button {
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: 0;
  line-height: 2rem;
  cursor: pointer;
  background-color: transparent;
  color: #96a1ab;
  outline: 0;
}
.top-gnb .site-search button i {
  display: inline-block;
  margin-top: -1px;
  vertical-align: top;
}
.top-gnb .site-search button:hover, .top-gnb .site-search button:active, .top-gnb .site-search button:focus {
  color: #3c4a53;
}
.top-gnb .site-search .btn-search {
  right: 0;
}
.top-gnb .site-search .btn-close {
  display: none;
  right: -2rem;
}
.top-gnb .site-search.active {
  width: 12rem;
  margin-left: 0;
}
.top-gnb .site-search.active .input-search {
  padding: 0 2.5rem 0 .5rem;
  width: 12rem;
  opacity: 1;
  visibility: visible;
}
.top-gnb .site-search.active .input-search:focus {
  border-color: #3251ed;
  color: #3251ed;
}
.top-gnb .site-search.active .btn-search {
  color: #3251ed;
}
.top-gnb .site-search.active .btn-close {
  display: block;
}
.top-gnb .site-search.active .rd-tooltip::before, .top-gnb .site-search.active .rd-tooltip::after {
  display: none;
}

/* main-nav */
#main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-nav a {
  display: block;
}
#main-nav .main-nav-list {
  margin: 0 -1rem;
}
#main-nav .main-nav-list > li {
  position: relative;
  float: left;
  width: 16.666666%;
}
#main-nav .main-nav-list > li > a {
  height: 3.5rem;
  color: #3c4a53;
  text-align: center;
  font-weight: 400;
  line-height: 3.5rem;
  font-size: 1.0625rem;
}
#main-nav .sub-menu {
  		/*position: absolute;
  		z-index: -1;
  		top: 8rem;
  		left: 0;
  		width: 100%;
  		height: 0;
  
  		box-sizing: border-box;
  		opacity: 0;
  		visibility: hidden;*/
  position: relative;
  top: 5rem;
  padding: 0 4%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#main-nav .sub-menu::before {
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 10px solid #f1f3f4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: '';
}
#main-nav .sub-menu li a {
  position: relative;
  overflow: hidden;
  padding: .75rem 1.5rem .625rem 1.25rem;
  border-top: 1px solid #e8eced;
  background-color: #f1f3f4;
  color: #3c4a53;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#main-nav .sub-menu li a::after {
  position: absolute;
  top: 50%;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -1rem;
  font-family: 'Material Design Icons';
  content: '\f054';
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#main-nav .sub-menu li a:hover, #main-nav .sub-menu li a:focus, #main-nav .sub-menu li a:active {
  border-color: #3251ed;
  background-color: #3251ed;
  color: #fff;
}
#main-nav .sub-menu li a:hover::after, #main-nav .sub-menu li a:focus::after, #main-nav .sub-menu li a:active::after {
  right: .625rem;
}
#main-nav .sub-menu li:first-child a {
  border-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#main-nav .sub-menu li:last-child a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* menu-open */
#header.menu-open {
  height: 36rem;
}
#header.menu-open .sub-menu {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  height: auto;
  top: 0;
}
#header.menu-open .main-nav-list li:nth-child(1) .sub-menu {
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
#header.menu-open .main-nav-list li:nth-child(2) .sub-menu {
  -webkit-transition-delay: 0.075s;
       -o-transition-delay: 0.075s;
          transition-delay: 0.075s;
}
#header.menu-open .main-nav-list li:nth-child(3) .sub-menu {
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
#header.menu-open .main-nav-list li:nth-child(4) .sub-menu {
  -webkit-transition-delay: 0.125s;
       -o-transition-delay: 0.125s;
          transition-delay: 0.125s;
}
#header.menu-open .main-nav-list li:nth-child(5) .sub-menu {
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
#header.menu-open .main-nav-list li:nth-child(6) .sub-menu {
  -webkit-transition-delay: 0.175s;
       -o-transition-delay: 0.175s;
          transition-delay: 0.175s;
}

/* all-menu */
.btn-login {
  display: none;
  position: absolute;
  top: 0;
  right: 37px;
  cursor: pointer;
  width: 30px;
  height: 40px;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  color: #96a1ab;
  text-align: center;
  line-height: 42px;
}

.btn-my-notice-m {
    display: none;
    position: absolute;
    top: 0;
    right: 70px;
    cursor: pointer;
    width: 30px;
    height: 40px;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #96a1ab;
    text-align: center;
    line-height: 42px;
}

#icon-lock_outline, #icon-lock_open{
  width: 20px;
  margin-top: 10px;
  height: 20px;
  fill: gray;
}
.btn-login:hover, .btn-login:active, .btn-login:focus {
  color: #3c4a53;
}

#icon-alarm_outline {
    width: 20px;
    margin-top: 10px;
    height: 20px;
    fill: gray;
}
.btn-my-notice-m.new #icon-alarm_outline {
    fill: red;
    width: 22px;
    margin-top: 9px;
    height: 22px;
}

/* all-menu */
.btn-all-menu {
  display: none;
  position: absolute !important;
  top: 0;
  right: 0;
  border: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  outline: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
}
.btn-all-menu span {
  position: absolute;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.btn-all-menu .line {
  top: 50%;
  left: 50%;
  width: 20px;
  height: 16px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-all-menu .line span {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #96a1ab;
}
.btn-all-menu .line span + span {
  top: 7px;
}
.btn-all-menu .line span + span + span {
  top: 14px;
}
.btn-all-menu.active .line {
  width: 24px;
  height: 24px;
}
.btn-all-menu.active .line span {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(225deg);
      -ms-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
  background-color: #3c4a53;
}
.btn-all-menu.active .line span + span {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.btn-all-menu.active .line span + span + span {
  top: 50%;
  opacity: 1;
  -webkit-transform: scale(1) translateY(-50%) rotate(-225deg);
      -ms-transform: scale(1) translateY(-50%) rotate(-225deg);
          transform: scale(1) translateY(-50%) rotate(-225deg);
}
.btn-all-menu:hover .line span, .btn-all-menu:active .line span, .btn-all-menu:focus .line span {
  background-color: #3c4a53;
}

.all-menu-area {
  display: none;
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  max-height: calc(100% - 4.5rem);
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  overflow: auto;
}
.all-menu-area .inner-max {
  padding-bottom: 3rem;
}
.all-menu-area .top-gnb {
  display: none;
}

body.all-menu-open {
  height: 100%;
  overflow: hidden;
}
body.all-menu-open .all-menu-area {
  position: fixed;
}

#all-nav {
  position: relative;
  border: 1px solid #f1f3f4;
  border-radius: 3px;
}
#all-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#all-nav .main-nav-list {
  padding: 2rem 2.5rem .5rem;
}
#all-nav .main-nav-list li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
#all-nav .main-nav-list li a {
  position: relative;
  display: block;
  padding: 2px 0;
  color: #78848e;
  font-size: 0.875rem;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#all-nav .main-nav-list li a:hover, #all-nav .main-nav-list li a:active, #all-nav .main-nav-list li a:focus {
  color: #3251ed;
  text-decoration: underline;
  z-index: 1;
}
#all-nav .main-nav-list > li {
  margin-bottom: 2.25rem;
}
#all-nav .main-nav-list > li > a {
  margin-bottom: .625rem;
  color: #5a6771;
  font-weight: 500;
  font-size: 1rem;
}
#all-nav .main-nav-list > li > a::before {
  font-family: 'Material Design Icons';
  display: inline-block;
  margin: -3px 8px 0 0;
  color: #78848e;
  font-size: 16px;
  vertical-align: middle;
}
#all-nav .main-nav-list > li:nth-of-type(1) > a::before {
  content: '\f349';
}
#all-nav .main-nav-list > li:nth-of-type(2) > a::before {
  content: '\f192';
}
#all-nav .main-nav-list > li:nth-of-type(3) > a::before {
  content: '\f324';
}
#all-nav .main-nav-list > li:nth-of-type(4) > a::before {
  content: '\f189';
}
#all-nav .main-nav-list > li:nth-of-type(5) > a::before {
  content: '\f6a0';
}
#all-nav .main-nav-list > li:nth-of-type(6) > a::before {
  content: '\f331';
}

body.home #header .book-search {
  display: none;
}

#footer {
  margin-top: 3rem;
  background-color: #f1f3f4;
  font-size: 0.8125rem;
  color: #78848e;
}
#footer .inner-max {
  position: relative;
}
#footer .foot-section {
  position: relative;
  padding: 3rem 0 0;
}
#footer .foot-section .link-section {
  width: 75%;
}
#footer .foot-section .panel {
  float: left;
}
#footer .foot-section .panel.need-help {
  width: 25%;
}
#footer .foot-section .panel.primary-site {
  width: 30%;
}
#footer .foot-section .panel.family-site {
  width: 45%;
}
#footer .foot-section .title {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3c4a53;
}
#footer .foot-section .link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 1rem;
}
#footer .foot-section .link-list li a {
  display: block;
  padding: 3px 0;
  line-height: 1.5;
  font-size: 0.8125rem;
}
#footer .foot-section .family-site li {
  float: left;
  width: 45%;
}
#footer .foot-section .site-logo.bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 270px;
  height: 120px;
  background-position: 0 100%;
}
#footer .foot-info {
  margin-top: 2rem;
  padding: 1.5rem 0;
  border-top: 1px solid #dde1e4;
}
#footer .foot-info .foot-util {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .foot-info .foot-util li {
  display: inline-block;
}
#footer .foot-info .foot-util li a {
  display: inline-block;
  padding: 3px .5rem;
  line-height: 1.5;
  font-weight: 500;
}
#footer .foot-info .foot-util li:first-child a {
  padding-left: 0;
}
#footer .foot-info .sns-section {
  position: absolute;
  top: 3rem;
  right: 0;
  text-align: right;
}
#footer .foot-info .sns-section .foot-sns {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -.5rem;
}
#footer .foot-info .sns-section .foot-sns li {
  display: inline-block;
  margin-left: .25rem;
}
#footer .foot-info .sns-section .foot-sns li a {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  text-align: center;
  line-height: 2.25rem;
  border-radius: 50%;
  vertical-align: top;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#footer .foot-info .sns-section .foot-sns li a i {
  display: inline-block;
  font-size: 24px;
}
#footer .foot-info .sns-section .foot-sns li a:hover, #footer .foot-info .sns-section .foot-sns li a:active, #footer .foot-info .sns-section .foot-sns li a:focus {
  color: #fff;
}
#footer .foot-info .sns-section .foot-sns li.facebook a:hover, #footer .foot-info .sns-section .foot-sns li.facebook a:active, #footer .foot-info .sns-section .foot-sns li.facebook a:focus {
  background-color: #3659a3;
}
#footer .foot-info .sns-section .foot-sns li.blog a i {
  font-size: 30px;
  margin-top: 2px;
}
#footer .foot-info .sns-section .foot-sns li.blog a:hover, #footer .foot-info .sns-section .foot-sns li.blog a:active, #footer .foot-info .sns-section .foot-sns li.blog a:focus {
  background-color: #03a9f4;
}
#footer .foot-info .sns-section .foot-sns li.youtube a:hover, #footer .foot-info .sns-section .foot-sns li.youtube a:active, #footer .foot-info .sns-section .foot-sns li.youtube a:focus {
  background-color: #df4f3f;
}
#footer .foot-info .sns-section .foot-sns li.instagram a:hover, #footer .foot-info .sns-section .foot-sns li.instagram a:active, #footer .foot-info .sns-section .foot-sns li.instagram a:focus {
  background-color: #833AB4;
}
#footer .foot-info address {
  clear: both;
  padding-top: .75rem;
}
#footer a:hover, #footer a:active, #footer a:focus {
  color: #0078e6;
  text-decoration: underline;
}

.main-section-full {
  position: relative;
}

.main-search-quick-row {
  /*.wpb_row*/
  margin-bottom: 0 !important;
}

.main-my-library-row {
  margin-bottom: 0 !important;
}

.main-contents-row {
  margin-bottom: 0 !important;
}

#main-search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 560px;
  background: url(assets/images/main-search-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.site-1 #main-search {
  background: url(assets/images/center-culture-1.jpg) no-repeat 50% 50%;
}
.site-7 #main-search, .site-6 #main-search, .site-5 #main-search {
  background: url(assets/images/main-search-book.jpg) no-repeat 50% 50%;
}
.site-10 #main-search {
  background: url(assets/images/main-bookcafe.jpg) no-repeat 50% 50%;
}
#main-search .not-function {
  display: none;
}
#main-search::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  background-color: rgba(30, 45, 55, 0.1);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#main-search.active::before {
  background-color: rgba(30, 40, 55, 0.4);
}
#main-search .search-box {
  position: relative;
  top: 10rem;
  width: 75%;
  margin: 0 auto;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#main-search .search-box .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
#main-search .search-box #icon-search{
  width: 2rem;
  margin-top: 6px;
  fill: #3251ed;
}
#main-search .search-box.active {
  top: 2.5rem;
  width: calc(100% - 5rem);
}
#main-search .search-box.active .text-area {
  display: none;
}
#main-search .text-area p {
  padding: 1rem 0;
  font-size: 3rem;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.4;
  text-align: center;
}
#main-search .search-area {
  position: relative;
  z-index: 99;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#main-search .search-area .input-box {
  position: relative;
  width: 100%;
  -webkit-transition: width .2s ease-in-out;
  -o-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
  z-index: 10;
}
#main-search .search-area .input-box .rd-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 12rem;
  height: 3.5rem;
  padding: 0;
  line-height: 3.5rem;
  border: 0;
  border-radius: 0;
  border-right: 1px solid #e6ebed;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 400;
}
#main-search .search-area .input-box .rd-select .current {
  position: relative;
  display: block;
  padding: 0 1rem;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#main-search .search-area .input-box .rd-select .list {
  z-index: 1;
  top: 0;
  left: 0;
  padding: 4rem 0 .5rem;
  border: 0;
  color: #3c4a53;
  font-size: 0.875rem;
  font-weight: 300;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#main-search .search-area .input-box .rd-select .list li {
  padding: 0 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #78848e;
}
#main-search .search-area .input-box .rd-select::after {
  width: 7px;
  height: 7px;
  right: .875rem;
  z-index: 1;
}
#main-search .search-area .input-box .rd-select.open .current {
  border-bottom: 1px solid #f1f3f4;
}
#main-search .search-area .input-box input[type='text'] {
  width: 100%;
  height: 3.5rem;
  padding: 0 3.5rem 0 13rem;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 1.5rem;
  line-height: 3.5rem;
  outline: 0;
  color: #5a6771;
  -webkit-appearance: none;
}

#main-search .search-area .input-box input[type='text']::-webkit-input-placeholder,
#main-search .search-area .input-box input[type='text']::placeholder {
  color: #cccccc;
  font-weight: 300;
  font-size: 1.3rem;
  letter-spacing: -0.05em;;
}
#main-search .search-area .input-box input[type='text']:-ms-input-placeholder {
    color: #cccccc;
    font-weight: 300;
    font-size: 1.3rem;
    letter-spacing: -0.05em;;
}
#main-search .search-area .input-box button[type='submit'] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  border: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: transparent;
  -webkit-appearance: none;
}
#main-search .search-area .input-box button[type='submit'] i {
  display: block;
  font-size: 2rem;
  line-height: 3.5rem;
  color: #3251ed;
}
#main-search .search-result-box {
  position: relative;
  background-color: #f1f3f4;
  width: 75%;
  height: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 9;
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
}
#main-search .search-result-box .result-type {
  float: left;
  width: 12rem;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 0 2rem 1.75rem;
}
#main-search .search-result-box .result-type-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-search .search-result-box .result-type-list a {
  padding: 2px 0;
  display: block;
  font-size: 0.875rem;
  color: #78848e;
  text-decoration: none;
}
#main-search .search-result-box .result-type-list a::before {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin-right: 4px;
  content: '\f131';
  font-family: 'Material Design Icons';
  color: #d4dadd;
}
#main-search .search-result-box .result-type-list .current a {
  color: #3251ed;
  font-weight: 400;
}
#main-search .search-result-box .result-type-list .current a::before {
  content: '\f135';
  color: #3251ed;
}
#main-search .search-result-box .result-list-box {
  position: relative;
  display: none;
  float: left;
  width: calc(100% - 12rem);
  min-height: 280px;
  height: 27rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5rem 2rem 1.5rem 2rem;
  background-color: #fff;
}
#main-search .search-result-box .result-list-box .riss-etc .title {
  margin: 0;
  font-size: 0.9375rem;
}
#main-search .search-result-box .result-list-box .riss-etc .list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 1rem 0;
}
#main-search .search-result-box .result-list-box .riss-etc .list a {
  position: relative;
  display: block;
  padding: 3px 0 3px 10px;
  font-size: 0.875rem;
  color: #78848e;
}
#main-search .search-result-box .result-list-box .riss-etc .list a::before {
  position: absolute;
  top: 13px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #96a1ab;
  border-radius: 100%;
  content: '';
}
#main-search .search-result-box .result-list-box .riss-etc .list a:hover, #main-search .search-result-box .result-list-box .riss-etc .list a:active, #main-search .search-result-box .result-list-box .riss-etc .list a:focus {
  color: #3251ed;
  text-decoration: underline;
}
#main-search .search-result-box .result-foot {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 1.625rem;
  padding-top: 6px;
  border-top: 1px solid #e6ebed;
  color: #96a1ab;
}
#main-search .search-result-box .result-foot .total {
  display: inline-block;
  font-size: 0.8125rem;
  vertical-align: middle;
}
#main-search .search-result-box .result-foot .total strong {
  padding: 0 2px;
  color: #78848e;
  font-weight: 400;
}
#main-search .search-result-box .result-foot .total i {
  font-size: 16px;
}
#main-search .search-result-box .result-foot .page-btn {
  position: relative;
  display: inline-block;
  font-size: 0.8125rem;
  text-decoration: none;
}
#main-search .search-result-box .result-foot .page-btn i {
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
#main-search .search-result-box .result-foot .page-btn.prev {
  margin-right: 6px;
  padding-right: 10px;
}
#main-search .search-result-box .result-foot .page-btn.prev::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  margin-top: -2px;
  background-color: #d4dadd;
}
#main-search .search-result-box .result-foot .page-btn.more {
  margin-right: 0;
  padding-right: 0;
}
#main-search .search-result-box .result-foot .page-btn.more i {
  font-size: 16px;
}
#main-search .search-result-box .result-foot .page-btn.more::after {
  display: none;
}
#main-search .search-result-box .result-foot .page-btn:hover, #main-search .search-result-box .result-foot .page-btn:active, #main-search .search-result-box .result-foot .page-btn:focus {
  color: #3251ed;
}
#main-search .search-area.active .input-box {
  width: 100%;
  border-bottom: 1px solid #e6ebed;
  background-color: #fff;
}
#main-search .search-area.active .search-result-box {
  width: 100%;
  height: auto;
}
#main-search .search-area.active .result-type {
  display: block;
}
#main-search .search-area.active .result-list-box {
  display: block;
}
#main-search .rd-result-list .summary .title {
  font-size: 0.875rem;
}
#main-search ul.rd-links, .jane-total-search ul.rd-links {
  height: 33px;
  overflow: hidden;
}

.main-link-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.main-link-wrap .main-link {
  padding: 1rem 2rem;
}
.main-link-wrap .main-link .main-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.25rem 12px;
  border: 1px dashed rgba(30, 45, 55, 0.3);
  border-radius: 2px;
  background-color: rgba(30, 45, 55, 0.6);
}
.main-link-wrap .main-link .main-link-list li {
  position: relative;
  display: inline-block;
  padding: 0 2px 0 6px;
}
.main-link-wrap .main-link .main-link-list li a {
  display: inline-block;
  height: 2rem;
  padding: 0 10px;
  color: #d4dadd;
    text-decoration: none;
  font-size: 0.8125rem;
  line-height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-link-wrap .main-link .main-link-list li a img {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 8px 0 0;
}
.main-link-wrap .main-link .main-link-list li a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.main-link-wrap .main-link .main-link-list li a strong {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.main-link-wrap .main-link .main-link-list li a:hover, .main-link-wrap .main-link .main-link-list li a:active, .main-link-wrap .main-link .main-link-list li a:focus {
  color: #fff;
}
.main-link-wrap .main-link .main-link-list li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 18px;
  background-color: rgba(30, 45, 55, 0.3);
}
.main-link-wrap .main-link .main-link-list li:first-child {
  padding: 0;
}
.main-link-wrap .main-link .main-link-list li:first-child::before {
  display: none;
}

#main-search .action-row {
  width: 152px;
  float: right;
}
.site-10 #main-search .action-row {
  width: 165px;
}
#main-search .action-row .main-search-link {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0.25rem 12px;
  border-radius: 2px;
  background-color: rgba(30, 45, 55, 0.6);
}
#main-search .action-row .main-search-link li {
  position: relative;
  display: inline-block;
  padding: 0 2px 0 6px;
}
#main-search .action-row .main-search-link li a {
  color: #ffffff;
  font-weight: 300;
  font-size: 0.8rem;
}

.main-quick-menu {
  margin-left: -30px;
  height: 560px;
  overflow: hidden;
  padding: 2.25rem 8%;
  background-color: #edf4fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-quick-menu .quick-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}
.main-quick-menu .quick-menu-list li {
  display: inline-block;
  width: 33.333333%;
  font-size: 0.9375rem;
}
.main-quick-menu .quick-menu-list li a {
  position: relative;
  top: 0;
  display: inline-block;
  width: 100%;
  padding: .75rem 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}
.main-quick-menu .quick-menu-list li a .icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.main-quick-menu .quick-menu-list li a .name {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  padding: 1px 8px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #5a6771;
  font-size: 0.875rem;
  font-weight: 400;
  background-color: transparent;
  border-radius: 2px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main-quick-menu .quick-menu-list li a .name::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -4.8px;
  border-bottom: 4.8px solid #3251ed;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.main-quick-menu .quick-menu-list li a:hover {
  top: -10px;
}
.main-quick-menu .quick-menu-list li a:hover .name {
  background-color: #3251ed;
  color: #fff;
}
.main-quick-menu .quick-menu-list li a:hover .name::after {
  opacity: 1;
  visibility: visible;
}
.main-quick-menu .quick-menu-list li.ready .name {
  color: #96a1ab;
}
.main-quick-menu .quick-menu-list li.ready a:hover {
  top: 0;
}
.main-quick-menu .quick-menu-list li.ready a:hover .name {
  background-color: inherit;
  color: #96a1ab;
}
.main-quick-menu .quick-menu-list li.ready a:hover .name::after {
  display: none;
}

.main-schedule-wrap .section-title, .main-notice-wrap .section-title {
  min-height: 32px;
  margin: 6px 0 -24px !important;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: -0.05em;
}
.main-schedule-wrap .btn-area, .main-notice-wrap .btn-area {
  margin: -1.25rem 0 0;
  text-align: right;
}
.main-schedule-wrap .btn-area .more, .main-notice-wrap .btn-area .more {
  display: inline-block;
  height: 2rem;
  padding: 0 .75rem 0 .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e6ebed;
  color: #96a1ab;
  line-height: 30px;
  font-size: 0.875rem;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 2px;
}
.main-schedule-wrap .btn-area .more i, .main-notice-wrap .btn-area .more i {
  display: inline-block;
  margin: -2px 2px 0 0;
  font-size: 0.9375rem;
  vertical-align: middle;
}
.main-schedule-wrap .btn-area .more:hover, .main-schedule-wrap .btn-area .more:active, .main-schedule-wrap .btn-area .more:focus, .main-notice-wrap .btn-area .more:hover, .main-notice-wrap .btn-area .more:active, .main-notice-wrap .btn-area .more:focus {
  color: #3251ed;
  border-color: #3251ed;
}

.main-schedule-wrap .btn-area {
  margin-right: 15px;
}

.section-schedule {
  margin-right: 15px;
}
.section-schedule .section-head {
  display: none;
}
.section-schedule .section-title {
  float: left;
  width: 50%;
}
.section-schedule .schedule-plan {
  padding-right: 1.5rem;
}
.section-schedule .schedule-plan ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-schedule .schedule-plan li {
  position: relative;
  padding: 13px 12px 0 86px;
  height: 84px;
  line-height: 1.6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-schedule .schedule-plan li a, .section-schedule .schedule-plan li a:hover, .section-schedule .schedule-plan li a:active, .section-schedule .schedule-plan li a:focus {
  text-decoration: none;
  color: inherit;
}
.section-schedule .schedule-plan li .date {
  position: absolute;
  top: 13px;
  left: 13px;
  width: 58px;
  height: 58px;
  padding-top: 7px;
  background-color: #3251ed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 400;
}
.section-schedule .schedule-plan li .date span {
  display: block;
}
.section-schedule .schedule-plan li .plan {
  padding-top: 6px;
}
.section-schedule .schedule-plan li .title {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}
.section-schedule .schedule-plan li .info {
  color: #96a1ab;
  font-size: 0.875rem;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}
.section-schedule .schedule-plan li .info i {
  margin-right: 3px;
  font-size: 14px;
}
.section-schedule .schedule-plan li.hide {
  display: none;
}
.section-schedule .schedule-plan li.show {
  display: block;
}
.section-schedule .schedule-plan li.passed .date {
  background-color: #78848e;
}
.section-schedule .schedule-plan li.active .date {
  background-color: #03a9f3;
}
.section-schedule .schedule-plan li.empty {
  padding: 12px 0 12px 86px;
  border: 1px dashed #e6ebed;
  background-color: #f6f8f9;
  border-radius: 3px;
}
.section-schedule .schedule-plan li.empty p {
  margin: 0;
  line-height: 60px;
  color: #96a1ab;
}
.section-schedule .schedule-plan li.empty p i {
  margin-right: 3px;
}
.section-schedule .schedule-plan .navigation {
  position: absolute;
  bottom: 0;
  left: 15px;
}
.section-schedule .schedule-plan .navigation button {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 3px;
  padding: 0 .75rem 0 .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e6ebed;
  background: transparent;
  overflow: hidden;
  text-indent: -9999em;
  color: #96a1ab;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 2px;
}
.section-schedule .schedule-plan .navigation button::before {
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  font-family: 'Material Design Icons';
}
.section-schedule .schedule-plan .navigation button:hover, .section-schedule .schedule-plan .navigation button:active, .section-schedule .schedule-plan .navigation button:focus {
  color: #3251ed;
  border-color: #3251ed;
}
.section-schedule .schedule-plan .navigation .btn-prev-plan::before {
  content: '\f141';
}
.section-schedule .schedule-plan .navigation .btn-next-plan::before {
  content: '\f142';
}
.section-schedule .schedule-plan-slider {
  margin: 4px 0 0 -12px;
  height: 336px;
  overflow: hidden;
}
.section-schedule .schedule-calendar {
  float: right !important;
  margin-top: 4px;
}
.section-schedule .schedule-calendar .btn-group {
  position: relative;
}
.section-schedule .schedule-calendar .btn-group .btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  outline: 0;
  background: none;
  border: 0;
  color: #b4bec5;
  height: 48px;
  line-height: 48px;
}
.section-schedule .schedule-calendar .btn-group .btn i {
  font-size: 24px;
  vertical-align: middle;
}
.section-schedule .schedule-calendar .prev-month {
  left: 0;
}
.section-schedule .schedule-calendar .next-month {
  right: 0;
}
.section-schedule .tb-calendar {
  width: 100%;
  border-collapse: collapse;
}
.section-schedule .tb-calendar caption {
  font-size: 1.0625rem;
  height: 52px;
  line-height: 48px;
  font-weight: 400;
}
.section-schedule .tb-calendar .contract th span {
  display: inline-block;
  visibility: hidden;
}
.section-schedule .tb-calendar .contract th span::first-letter {
  visibility: visible;
  margin-left: 18px;
}
.section-schedule .tb-calendar thead th {
  border-top: 1px solid #e6ebed;
  border-bottom: 1px solid #e6ebed;
  color: #b4bec5;
  font-size: 0.8125rem;
}
.section-schedule .tb-calendar th, .section-schedule .tb-calendar td {
  position: relative;
  font-size: 0.875rem;
  height: 48px;
  text-align: center;
  font-weight: 400;
}
.section-schedule .tb-calendar td .day {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  line-height: 32px;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.section-schedule .tb-calendar td .passed {
  color: #d4dadd;
  cursor: not-allowed;
}
.section-schedule .tb-calendar td .today {
  color: #fff;
  background-color: #03a9f3;
  border-color: #03a9f3;
}
.section-schedule .tb-calendar td .event-dots {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 10px;
}
.section-schedule .tb-calendar td .event-dots .dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #03a9f3;
  border-radius: 100%;
}

.main-notice-wrap .notice-list {
  height: 344px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-notice-wrap .notice-list li a {
  position: relative;
  display: block;
  border-bottom: 1px solid #e6ebed;
  line-height: 56px;
  padding-right: 60px;
    text-decoration: none;
    color: inherit;
}
.main-notice-wrap .notice-list li a .title {
  display: block;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 300;
}
.main-notice-wrap .notice-list li a .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #96a1ab;
}

.main-quick-contents-wrap {
  margin-bottom: 0 !important;
}
.main-quick-contents-wrap .wpb_text_column.wpb_content_element {
  margin: 0;
}

.main-quick-contents .quick-section {
  display: none;
  padding: 1.5rem 0 2.5rem;
}

#my-library {
  margin: 0;
}
#my-library .section-head {
  position: relative;
  height: 3rem;
  cursor: pointer;
}
#my-library .section-head::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#3251ed), to(#01c0c8));
  background: -o-linear-gradient(left, #3251ed, #01c0c8);
  background: linear-gradient(to right, #3251ed, #01c0c8);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#my-library .section-head .section-title {
  height: 3rem;
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 10px;
  background-color: #fff;
  color: #1c83dc;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 16px;
  line-height: 3rem;
  font-weight: 500;
  z-index: 1;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#my-library .section-head .section-title::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 3px 0 0 4px;
  border: 6px solid transparent;
  border-top-color: #1c83dc;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#my-library .section-body {
  background-color: #f6f8f9;
  display: none;
}
#my-library .section-cont {
  padding: 2rem;
}
#my-library .section-cont.login .login-form {
  width: 30rem;
}
#my-library .section-cont.login .login-form .rd-btn {
  border-color: #67839e !important;
  background-color: #67839e !important;
}
#my-library .section-cont.my-loan .summary .count-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
#my-library .section-cont.my-loan .summary .count-list li {
  position: relative;
  display: inline-block;
  padding: 0 2rem;
  line-height: 1.3;
  height: 3.75rem;
  border-left: 1px solid #d4dadd;
}
#my-library .section-cont.my-loan .summary .count-list li:first-child {
  border: 0;
}
#my-library .section-cont.my-loan .summary .count-list li .title {
  display: block;
  color: #96a1ab;
  margin-left: -5px;
}
#my-library .section-cont.my-loan .summary .count-list li .title i {
  font-size: 24px;
  color: #b4bec5;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
}
#my-library .section-cont.my-loan .summary .count-list li .count {
  display: block;
  font-size: 20px;
}
#my-library .section-cont.my-loan .summary .count-list li .count .unit {
  padding-left: 4px;
  font-size: 0.9375rem;
  font-weight: 300;
  color: #96a1ab;
}
#my-library .section-cont.my-loan h4 {
  margin-top: 2rem;
  color: #3c4a53;
  font-size: 1.25rem;
  font-weight: 500;
}
#my-library .section-cont.my-loan h4::before {
  display: inline-block;
  margin: -2px 3px 0 -4px;
  font-family: 'Material Design Icons';
  content: '\f1db';
  color: #3251ed;
}
#my-library .section-cont.my-loan .rd-table {
  background-color: #fff;
}
#my-library.open .section-head::after {
  height: 3rem;
}
#my-library.open .section-head .section-title {
  color: #fff;
  background-color: transparent;
}
#my-library.open .section-head .section-title::after {
  margin-top: -8px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  border-top-color: #fff;
}

#section-event {
  overflow: hidden;
  margin-top: 4rem;
}
#section-event .event-slider .item a {
  display: block;
  position: relative;
  border: 1px solid #e6ebed;
}
#section-event .event-slider .item a .title-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(30, 45, 55, 0.75);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#section-event .event-slider .item a .title-box .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}
#section-event .event-slider .item a:hover .title-box, #section-event .event-slider .item a:focus .title-box {
  opacity: 1;
  visibility: visible;
}
#section-event .event-slider .owl-nav .owl-prev, #section-event .event-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  margin-top: -1rem;
  background-color: #fff;
  text-transform: uppercase;
  color: #96a1ab;
  text-align: center;
  font-size: 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2.375rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#section-event .event-slider .owl-nav .owl-prev::before, #section-event .event-slider .owl-nav .owl-next::before {
  font-family: 'Material Design Icons';
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 32px;
}
#section-event .event-slider .owl-nav .owl-prev:hover, #section-event .event-slider .owl-nav .owl-prev:focus, #section-event .event-slider .owl-nav .owl-next:hover, #section-event .event-slider .owl-nav .owl-next:focus {
  background-color: #3251ed;
  color: #fff;
}
#section-event .event-slider .owl-nav .owl-prev {
  left: -5rem;
  -webkit-box-shadow: 6px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 3px 6px rgba(0, 0, 0, 0.1);
}
#section-event .event-slider .owl-nav .owl-prev::before {
  content: '\f04d';
}
#section-event .event-slider .owl-nav .owl-next {
  right: -5rem;
  -webkit-box-shadow: -6px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: -6px 3px 6px rgba(0, 0, 0, 0.1);
}
#section-event .event-slider .owl-nav .owl-next::before {
  content: '\f054';
}
#section-event .event-slider .owl-dots {
  margin-top: 1rem;
  text-align: center;
}
#section-event .event-slider .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #d4dadd;
  border-radius: 100%;
}
#section-event .event-slider .owl-dots .owl-dot.active {
  background-color: #3251ed;
}
#section-event .event-slider:hover .owl-nav .owl-prev, #section-event .event-slider:hover .owl-nav .owl-next {
  opacity: 1;
  visibility: visible;
}
#section-event .event-slider:hover .owl-nav .owl-prev {
  left: -2rem;
}
#section-event .event-slider:hover .owl-nav .owl-next {
  right: -2rem;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.main-section .section-title {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -.05em;
}
.main-section .sub-title.center {
  text-align: center;
}
.main-section .sub-title.right {
  text-align: right;
}
/*.main-section .rd-btn {*/
  /*padding-left: 1rem;*/
  /*padding-right: .875rem;*/
/*}*/
.main-section .rd-btn::after {
  font-family: 'Material Design Icons';
  font-size: 18px;
  display: inline-block;
  margin: -3px -3px 0 3px;
  vertical-align: middle;
  line-height: 1;
}
.main-section .rd-btn.more::after {
  content: '\f054';
}
.main-section .rd-btn.external::after {
  content: '\f3cc';
}
.main-section.show-the-item {
  margin-top: 20px;
}
.main-section.show-the-item h2 {
  position: relative;
  padding: .75rem;
  font-size: 17px;
  font-weight: 400;
  background-color: #67839e;
  color: #fff;
}
.main-section.show-the-item h2::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -8.4px;
  border-bottom: 8.4px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  z-index: 1;
  top: calc(100% - 6px);
}
.main-section.show-the-item h4 {
  font-size: 21px;
}
.main-section.show-the-item .close-item {
  display: inline-block;
  height: 2rem;
  padding: 0 .75rem 0 .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e6ebed;
  color: #96a1ab;
  line-height: 30px;
  font-size: 0.875rem;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 2px;
  cursor: pointer;
}
.main-section.show-the-item .close-item:hover, .main-section.show-the-item .close-item:active, .main-section.show-the-item .close-item:focus {
  border-color: #67839e;
  color: #67839e;
}

.main-article .item-list .item {
  margin-top: -1px;
  padding: 3rem 5rem;
  border: 1px solid #e6ebed;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main-article .item-list .item:first-of-type {
  margin-top: 0;
  border-radius: 5px 5px 0 0;
}
.main-article .item-list .item:last-of-type {
  border-radius: 0 0 5px 5px;
}
.main-article .item-list .item .thumbnail {
  float: left;
  width: 35%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.main-article .item-list .item .thumbnail img {
  display: inline-block !important;
}
.main-article .item-list .item .thumbnail.left {
  text-align: left;
}
.main-article .item-list .item .thumbnail.center {
  text-align: center;
}
.main-article .item-list .item .thumbnail.right {
  text-align: right;
}
.main-article .item-list .item .summary {
  float: left;
  width: 65%;
  padding-left: 8%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-article .item-list .item .summary .title {
  margin: 0;
  padding: .75rem 0 1.5rem;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -.05em;
}
.main-article .item-list .item.inverse .thumbnail {
  float: right;
}
.main-article .item-list .item.inverse .summary {
  padding: 0 8% 0 0;
}
.main-article .item-list.zebra .item:nth-of-type(even) {
  background-color: #f6f8f9;
}

.main-booktalk.wpb_row {
  position: relative;
  margin: 3rem 0 5rem;
  padding: 3rem 16% 1.5rem;
  background-color: #f6f8f9;
}
.main-booktalk.wpb_row > .wpb_column {
  z-index: 1;
}
.main-booktalk.wpb_row > .wpb_column + .wpb_column {
  z-index: 0;
  height: 0;
}
.main-booktalk.wpb_row img {
  position: absolute;
  top: -5.5rem;
  right: 0;
}
.main-booktalk.wpb_row .rd-btn {
  margin-top: 1rem;
  background-color: transparent;
}
.main-booktalk.wpb_row .rd-btn:hover, .main-booktalk.wpb_row .rd-btn:active, .main-booktalk.wpb_row .rd-btn:focus {
  background-color: #3251ed;
}

.site-main .entry-header {
  position: relative;
  text-align: center;
}
.site-main .breadcrumbs {
  padding: 1.5rem 0 20px;
  text-align: right;
  letter-spacing: .01em;
}
.site-main .breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-main .breadcrumbs ul li {
  display: inline-block;
  color: #a4aeb6;
  font-size: 0.875rem;
}
.site-main .breadcrumbs ul li a {
  display: inline-block;
}
.site-main .breadcrumbs ul li a:hover, .site-main .breadcrumbs ul li a:active, .site-main .breadcrumbs ul li a:focus {
  text-decoration: underline;
}
.site-main .breadcrumbs ul li::before {
  margin: 0 3px;
  content: '\f142';
  font-family: 'Material Design Icons';
}
.site-main .breadcrumbs ul li:first-child::before {
  content: '\f2dc';
  margin-right: 4px;
}
.site-main .entry-title {
  display: inline-block;
  margin: 0 0 1.75rem;
  color: #3c4a53;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: -.02em;
}
.site-main .entry-title + .sub-title {
  margin: -1rem 0 1.75rem;
  color: #96a1ab;
  line-height: 1.5;
  font-size: 0.875rem;
}

.sub-tab-menu {
  margin-bottom: 3rem;
}
.sub-tab-menu .btn-drop-down {
  display: none;
}
.sub-tab-menu ul {
  margin: 0 -1px 0 0;
  padding: 1px 0 0 1px;
  list-style: none;
  font-size: 0;
  text-align: center;
}
.sub-tab-menu li {
  display: inline-block;
  width: 11.5rem;
  vertical-align: top;
}
.sub-tab-menu li a {
  position: relative;
  display: block;
  margin: -1px 0 0 -1px;
  padding: .625rem 0;
  border: 1px solid #e6ebed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f1f3f4;
  color: #78848e;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 1.5;
  z-index: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.sub-tab-menu li a:hover, .sub-tab-menu li a:active, .sub-tab-menu li a:focus {
  border-color: #dde4e7;
  background-color: #e6ebed;
  color: #5a6771;
  z-index: 1;
}
.sub-tab-menu li.active a, .sub-tab-menu li.current-menu-item a, .sub-tab-menu li.current_page_item a {
  z-index: 2;
  border-color: #3251ed;
  background-color: #3251ed;
  color: #fff;
}
.sub-tab-menu li.active a::before, .sub-tab-menu li.current-menu-item a::before, .sub-tab-menu li.current_page_item a::before {
  display: inline-block;
  margin: -2px 0 0 -6px;
  font-family: 'Material Design Icons';
  font-size: 20px;
  content: '\f35f';
  line-height: 1;
  vertical-align: middle;
}

/* 메인, 로그인 페이지 공통 */
.login-form {
  border: 0;
  margin: 0 auto;
}
.login-form .row {
  margin-top: .5rem;
}
.login-form .input[type='text'] {
  padding-left: 1rem;
}
.login-form .rd-alert {
  margin: 0.5rem 0 0;
  padding: .25rem 1rem;
}

.member.login {
  width: 75%;
}

.entry-content a:hover, .entry-content a:active, .entry-content a:focus {
    color: #0078e6;
    text-decoration: underline;
    cursor: pointer;
}

.entry-content a.link, .entry-content .link a {
  color: #3251ed;
}

.entry-content .section-box {
  padding: 1rem 1.5rem;
  border: 1px dashed #d6e1ee;
  background: #f0f6fd;
  color: #3275a4;
}
.entry-content .section-content {
  position: relative;
}
.entry-content .section-content h3 {
  position: relative;
  margin-top: 5rem;
  color: #3c4a53;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: -.02em;
}
.entry-content .section-content h3::before {
  content: '';
  position: absolute;
  top: -1.25rem;
  left: 0;
  width: 2.5rem;
  height: 2px;
  background-color: #3251ed;
}
.entry-content .section-content h4 {
  margin-bottom: 1rem;
  color: #3c4a53;
  font-size: 1.0625rem;
}
.entry-content .section-content h4::before {
  display: inline-block;
  margin: -2px 3px 0 -4px;
  font-family: 'Material Design Icons';
  content: '\f1db';
  color: #3251ed;
}
.entry-content .section-content p {
  margin: 0 0 1rem 0;
}
.entry-content .rd-table {
  margin-bottom: 1rem;
}
/*.entry-content .section-content p + p {*/
  /*margin-top: 1rem;*/
/*}*/
.entry-content .section-content ul {
  /*display: inline-block;*/
  padding-left: 1.25rem;
  margin: 0 0 1rem 0.5rem;
}
.entry-content .section-content .section-title {
  margin: 0;
  padding-bottom: .25rem;
}
.entry-content .section-content .section-title h3 {
  display: inline-block;
  margin-top: 0;
}
.entry-content .section-content .section-body {
  padding-top: 1.25rem;
  border-top: 1px solid #f1f3f4;
}
.entry-content .section-content.bg .section-title h3::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(100% + .5rem);
  left: 50%;
  margin-bottom: -10px;
  border-bottom: 10px solid #f6f8f9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.entry-content .section-content.bg .section-body {
  border-top: 0;
  padding: 1.25rem 1.5rem;
  background-color: #f6f8f9;
}
.entry-content .section-content.left {
  padding-top: .5rem;
  border-top: 1px solid #e6ebed;
  *zoom: 1;
}
.entry-content .section-content.left::before, .entry-content .section-content.left::after {
  display: table;
  content: '';
}
.entry-content .section-content.left::after {
  clear: both;
  visibility: hidden;
  height: 0;
}
.entry-content .section-content.left .section-title {
  float: left;
  width: 25%;
  padding-top: .75rem;
}
.entry-content .section-content.left .section-title::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 2.5rem;
  height: 2px;
  background-color: #3251ed;
}
.entry-content .section-content.left .section-title h3::before {
  display: none;
}
.entry-content .section-content.left .section-body {
  float: left;
  width: 75%;
  border: 0;
}
.entry-content .section-content.card {
  border: 1px solid #e6ebed;
}
.entry-content .section-content.card .section-title {
  padding-top: .875rem;
  text-align: center;
}
.entry-content .section-content.card .section-title h3 {
  display: inline-block;
  font-size: 1.175rem;
}
.entry-content .section-content.card .section-title h3::before {
  top: calc(100% + .8rem);
  width: 100%;
}
.entry-content .section-content.card .section-body {
  padding: 1.25rem 2rem;
}
.entry-content .section-content.card.bg {
  border: 0;
}
.entry-content .section-content.card.bg .section-title {
  background: #67839e;
  border: 1px solid #67839e;
  color: #fff;
}
.entry-content .section-content.card.bg .section-title h3 {
  color: #fff;
  font-weight: 300;
}
.entry-content .section-content.card.bg .section-title h3::before {
  display: none;
}
.entry-content .section-content.card.bg .section-body {
  border: 0;
  background-color: #f6f8f9;
}
.entry-content .section-content.card.bg.icon .icon {
  background-color: #f6f8f9;
}
.entry-content .section-content.card.bg.icon .icon i {
  color: #67839e;
}
.entry-content .section-content.card.icon .section-title {
  padding-top: 3.5rem;
}
.entry-content .section-content.card.icon .icon {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  display: block;
  border: 1px solid #e6ebed;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}
.entry-content .section-content.card.icon .icon img {
  width: 100%;
}
.entry-content .section-content.card.icon .icon i {
  font-size: 44px;
  line-height: 5rem;
}
.entry-content .section-content + .section-content,
.entry-content .section-box + .section-content{
  margin-top: 4rem;
}
.entry-content .section-content {
  margin-top: 1rem;
}
.entry-content .section-content.photo-card .section-title {
  padding-top: 28px;
  background-color: #f6f8f9;
}
.entry-content .section-content.photo-card .section-title h3 {
  font-size: 17px;
}
.entry-content .section-content.photo-card .section-title h3 strong {
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #67839e;
  height: 24px;
  line-height: 24px;
  width: 80px;
  margin: 0 auto 16px;
  font-weight: 300;
}
.entry-content .section-content.photo-card .section-body .photo {
  position: absolute;
  top: -52px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.entry-content .section-content.photo-card .section-body .photo img {
  width: 80px;
  height: 80px;
}
.entry-content .section-content.photo-card .section-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.entry-content .section-content.photo-card .section-body ul li {
  padding: .25rem 0;
}
.entry-content .section-content.photo-card .section-body ul li strong {
  display: block;
  color: #67839e;
  margin: 3px .5rem 3px 0;
  font-weight: 300;
}
.entry-content .section-content.photo-card .section-body ul li strong::after {
  font-family: 'Material Design Icons';
  content: '\f40a';
}

#content .wpb_text_column .rd-search .search-box {
  margin-bottom: 2rem;
}

.ask-librarian {
  position: relative;
  margin-top: 3rem;
  padding: .75rem 2rem .75rem 11rem;
  border: 1px solid #f1f3f4;
  border-radius: 0 2px 2px 0;
  background-color: #f6f8f9;
  color: #8D6E63;
  font-size: 0.875rem;
}
.ask-librarian .title {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 11rem;
  padding: .875rem 0 0;
  background-color: #8D6E63;
  border-radius: 2px 0 0 2px;
  color: #fff;
  text-align: center;
}
.ask-librarian .title::before {
  margin-right: 6px;
  content: '\f2cb';
  font-family: 'Material Design Icons';
}
.ask-librarian .title::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -12px;
  border-left: 12px solid #8D6E63;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -8px;
}
.ask-librarian span {
  margin-left: 2rem;
}
.ask-librarian span::before {
  margin-right: 4px;
  font-family: 'Material Design Icons';
}
.ask-librarian .tel::before {
  content: '\f120';
}
.ask-librarian .location::before {
  content: '\f34e';
}

/* 역대 도서관장 */
#chief-wrap {
  margin: 0 -2%;
  font-size: 0;
}
#chief-wrap .photo-card {
  font-size: 0.9375rem;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 31.333333%;
  margin: 4rem 1% 2rem;
  vertical-align: top;
}

.in-pc {
  display: unset;
}
.in-mobile {
  display: none;
}

.rd-search.friendly-search .search-box input[type='text'].width-with-sel {
  width: 317px;
}
.rd-search.friendly-search .search-box .rd-select {
  width: 150px;
}

/* 자료 신청/조회 */
.site-1.parent-pageid-12425 .sub-tab-menu ul,
.site-1.parent-pageid-84 .sub-tab-menu ul {
  text-align: left;
  background-color: #f1f3f4;
}
.site-1.parent-pageid-12425 .sub-tab-menu li,
.site-1.parent-pageid-84 .sub-tab-menu li {
  width: 16.666666%;
}

/* 대출/연장/예약 */
.site-1.parent-pageid-12423 .sub-tab-menu li,
.site-1.parent-pageid-170 .sub-tab-menu li {
  width: 16.666666%;
}

/* Comments */
.fa-comments:before {content: "\f086";}
.fa-comments-o:before {content: "\f0e6";}
.post-comments {
  margin-left: 0.5em;
  float: right;
}
#comments {
  position: relative;
  margin: 40px 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
#comments h3 {
  color: #333;
  font-weight: normal;
  margin-bottom: 20px;
}
#comments h3#pings {
  margin-top: 25px;
}
#comments .comment {
  /*margin-top: 10px;*/
  padding-top: 10px;
  width: 100%;
  list-style-type: none;
}
/*#comments .comment.thread-even {*/
#comments .comment.depth-1 {
  background: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#comments .comment .comment-container {
  position: relative;
  padding: 20px;
}
#comments .comment .reply a {
  background: none repeat scroll 0 0 #BFBFBF;
  color: #222222 !important;
  margin: 0;
  padding: 1em 1em;
  text-shadow: none;
  font-size: .7em;
  text-decoration: none;
}
#comments .comment-head {
  margin: 0 0 15px 0;
}
#comments .comment-head .name {
  margin: 0;
  font-weight: bold;
  font-size: 15px;
}
#comments .comment-head .date,
#comments .comment-head .edit,
#comments .comment-head .perma {
  font-size: 11px;
}
#comments .avatar {
  float: left;
  margin: 0 15px 10px 0;
}
#comments .avatar img {
  margin: 0;
  vertical-align: middle;
  border-radius: 100px;
  height: auto;
  padding: 3px;
  border: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.7);
}
#comments .comment-entry {
  margin: 0px 4em;
}
#comments .comment-entry p {
  margin: 0 0 10px 0;
}
#comments .comment-entry blockquote {
  margin: 0 30px 0;
}
#comments .comment-entry blockquote p {
  font-style: italic;
}
#comments .reply {
  position: absolute;
  right: 1em;
  top: 1em;
}
#comments ul.children {
  margin: 0px 0px 0px 25px;
  padding: 0px;
}
#comments ul.children li {
  border-top: 1px solid #e6e6e6;
}
#comments .cancel-comment-reply {
  margin: 10px 0;
}
#comments .navigation a {
  display: block;
  margin: 15px 0 0 0;
  text-decoration: none;
}
#comments .pingbacks li.pingback {
  margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
  display: none;
}
#archives .archives_list .comments {
  display: inline;
  margin-top: -15px;
  float: right;
  vertical-align: top;
}
#archives .archives_list .comments a {
  display: block;
  position: relative;
  width: 30px;
  height: 27px;
  padding: 3px 0 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
}
#archives .archives_list .comments a:hover {
  text-decoration: none;
}

#comments .comment .comment-container {padding: 10px;}
#comments .comment-head {margin: 0 0 5px 0;}
#comments{padding:0 0 0 0;margin:0 0 0 0;border:none;}
#comments .comment_note{font-size:1.1em;}
#comments ol.comment-list{padding:0 0 0 0;margin:0 0 0 0;}
#comments #respond {margin:10px 0 0 0;}
#comments #respond h3{margin-bottom:5px;}
#comments #commentform {margin:5px 0 0 0;}
#comments #commentform textarea {width:98%;padding: 5px 7px;height:60px;line-height:1.5em;margin-bottom:0px;}
#comments #commentform .form-submit{
  margin-bottom:25px;
  TEXT-ALIGN: right;
  padding: 10px;}
#comments #commentform #submit{margin:0 0 0 0;}

p.logged-in-as, .comment-form-comment label{display: none}
/* Comments */

.losa.pubmed .tab-links .rd-links {
  margin-left: 30px;
  padding-bottom: 9px;
}


/* total search */
.rd-result-list.integrated {
  margin: 0;
}
.rd-result-list.integrated .item {
  min-height: 72px;
  height: 96px;
  margin: 0;
}
.rd-result-list.integrated .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  padding: 0;
}
.rd-result-list.integrated .thumbnail a {
  display: block;
  width: 52px;
  height: 72px;
  overflow: hidden;
}
.rd-result-list.integrated .thumbnail a img {
  width: 100%;
  height: 100%;
}
.rd-result-list.integrated .summary {
  float: none;
  width: 100%;
  line-height: 1.4;
}
.rd-result-list.integrated .summary .title a {
  display: block;
  font-size: 1rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.rd-result-list.integrated .summary .title .img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.rd-result-list.integrated .summary dl.rd-list {
  font-size: 0.875rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
/*.rd-result-list.integrated .summary .links {*/
  /*margin-top: 3px;*/
  /*-o-text-overflow: ellipsis;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  /*word-wrap: normal;*/
  /*overflow: hidden;*/
/*}*/
/*.rd-result-list.integrated .summary .links li::before {*/
  /*display: inline-block;*/
  /*content: '|';*/
  /*width: 1em;*/
  /*margin: -3px 0 0 -1em;*/
  /*color: #b4bec5;*/
  /*text-align: center;*/
  /*vertical-align: middle;*/
/*}*/
/*.rd-result-list.integrated .summary .links li:first-child::before {*/
  /*display: none !important;*/
/*}*/
/*.rd-result-list.integrated .summary .links .link-item .icon {*/
  /*width: 24px;*/
  /*height: 21px;*/
/*}*/
/*.rd-result-list.integrated .summary .links .link-item:hover, .rd-result-list.integrated .summary .links .link-item:active, .rd-result-list.integrated .summary .links .link-item:focus {*/
  /*text-decoration: underline;*/
/*}*/
.rd-result-list.integrated .summary .summary-text, .rd-result-list.integrated .summary .info-text {
  font-size: 0.8125rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.rd-result-list.integrated .summary .info-text span + span::before {
  display: inline-block;
  content: '|';
  width: 1em;
  margin: -3px 0 0 0;
  color: #b4bec5;
  text-align: center;
  vertical-align: middle;
}
.rd-result-list.integrated.book .item {
  padding-left: 4.5rem;
}
.rd-result-list.integrated .rd-links li .link-item {
  margin: 1px 1px 1px 0;
}
.rd-result-list.integrated.quick .item {
  min-height: 68px;
  height: 84px;
}
.rd-result-list.integrated.quick .thumbnail a {
  width: 46px;
  height: 66px;
}
.rd-result-list.integrated.quick .summary .title a {
  font-size: 0.9375rem;
}
.rd-result-list.integrated.quick .summary dl.rd-list {
  font-size: 0.8125rem;
}
.rd-result-list.integrated.quick .summary .location {
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.rd-result-list.integrated.quick.book .item {
  padding-left: 4rem;
}
.rd-result-list.integrated.quick.db .info-text {
  margin-top: -2px;
}

.jane-total-search .rd-search .total_restrict {
  padding-top: 20px;
}

.jane-total-search .rd-search .total_restrict .message {
  font-size: 0.9rem;
}

.topic-list .rd-table .tr-100 th,
.topic-list .rd-table .tr-300 th,
.topic-list .rd-table .tr-500 th,
.topic-list .rd-table .tr-700 th,
.topic-list .rd-table .tr-900 th {
  /*background: #f1f3f4;;*/
  background: #fefefe;
}

.rd-search .search-box input[type='text'].received-date {
  width: 117px;
}

#solars_holding_items .preservation-no {
  font-size: 0.8rem;
}
/* map */
.pnu-map-info .pnu-map-desc {
    font-size: 0.8rem;
}

/* 영문홈피에서만 보이기 */
.display-en {
  display: none;
}

.site-10 .display-en {
  display: block;
}

.site-10 .display-not-en {
  display: none;
}

/* 공통 넓이 */
.width-500 {
  width: 500px;
  height: auto;
}
.width-600 {
  width: 600px;
  height: auto;
}
.width-700 {
  width: 700px;
  height: auto;
}
.width-800 {
  width: 800px;
  height: auto;
}

@media screen and (max-width: 1024px) {
  #chief-wrap .photo-card {
    width: 48%;
  }
  /* 주제자료관 안내 */
  .site-1.parent-pageid-184 .sub-tab-menu ul {
    text-align: left;
    background-color: #f1f3f4;
  }
  .site-1.parent-pageid-184 .sub-tab-menu li {
    width: 20%;
  }

  /* 자료이용안내 */
  .site-1.parent-pageid-84 .sub-tab-menu ul {
    text-align: left;
    background-color: #f1f3f4;
  }
  .site-1.parent-pageid-84 .sub-tab-menu li {
    width: 25%;
  }

  /* 주제자료관 안내 */
  .site-1.parent-pageid-184 .sub-tab-menu li {
    width: 25%;
  }

  /* 자료 신청/조회 */
  .site-1.parent-pageid-12425 .sub-tab-menu li {
    width: 20%;
  }

  .inner-max, .inner, .contents-width {
    width: 94% !important;
  }

  .site-main {
    padding-left: 1%;
    padding-right: 1%;
  }

  body.home .site-main {
    padding-left: 0;
    padding-right: 0;
  }

  .rd-tooltip::before, .rd-tooltip::after {
    display: none !important;
  }

  #header {
    position: fixed;
    overflow: visible;
    height: 4.5rem;
  }
  #header .top-area {
    height: 4.5rem;
    padding: 18px 0 0;
  }
  #header .nav-area {
    display: none;
  }
  #header .top-logo a .site-logo.top {
    width: 215px;
    height: 36px;
    background-position: 0 -40px;
  }
  #header .top-gnb {
    margin-right: 38px;
  }
  #header .btn-all-menu {
    display: block;
  }

  .site-content {
    padding-top: 4.5rem;
  }

  #all-nav .main-nav-list li {
    width: 100%;
  }
  #all-nav .main-nav-list > li {
    width: 33.333333%;
  }

  .all-menu-area .inner-max {
    padding-bottom: 2rem;
  }

  #main-search {
    height: 420px;
  }
  #main-search .not-function {
    display: block;
  }
  #main-search .auto-function {
    display: none;
  }
  #main-search .search-box {
    top: 6rem;
  }

  .main-search-quick-row .main-search-wrap, .main-search-quick-row .quick-menu-wrap {
    float: none;
    width: 100%;
  }

  .main-quick-menu {
    height: auto;
    margin: -30px 0 0;
    padding: 1.5rem 3%;
  }
  .main-quick-menu .quick-menu-list li {
    width: 16.666666%;
  }
  .main-quick-menu .quick-menu-list li a {
    padding: .5rem 0;
  }

  .main-schedule-wrap.vc_col-sm-8 {
    float: left;
    width: 50%;
  }
  .main-schedule-wrap.vc_col-sm-8 .schedule-plan {
    float: none;
    width: 100%;
    padding: 0;
  }
  .main-schedule-wrap.vc_col-sm-8 .schedule-plan li {
    position: relative;
    background-color: #f1f3f4;
  }
  .main-schedule-wrap.vc_col-sm-8 .schedule-plan li::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -4.8px;
    border-bottom: 4.8px solid #f1f3f4;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .main-schedule-wrap.vc_col-sm-8 .schedule-plan .schedule-plan-slider {
    height: 84px;
    margin: 30px 0 0;
  }
  .main-schedule-wrap.vc_col-sm-8 .schedule-calendar {
    float: none;
    width: 100%;
  }

  .main-notice-wrap.vc_col-sm-4 {
    float: left;
    width: 50%;
    margin-top: 3rem;
  }
  .main-notice-wrap.vc_col-sm-4 .notice-list {
    height: 456px;
  }

  #section-event .event-slider:hover .owl-nav .owl-prev {
    left: 0;
  }
  #section-event .event-slider:hover .owl-nav .owl-next {
    right: 0;
  }

  .main-booktalk.wpb_row {
    padding: 3rem 8% 1.5rem;
  }

  #footer .foot-section .link-section {
    width: 100%;
  }
  #footer .foot-section .site-logo.bottom {
    display: none;
  }
  #footer .foot-info .foot-util {
    float: left;
  }
  #footer .foot-info .sns-section {
    float: right;
    position: relative;
    top: 3px;
  }

  .sub-tab-menu.tab-size-4 li {
    width: 25%;
  }
  .sub-tab-menu.tab-size-5 li {
    width: 20%;
  }
  .sub-tab-menu.tab-size-3 li, .sub-tab-menu.tab-size-6 li {
    width: 33.333333%;
  }
  .sub-tab-menu.tab-size-odd ul {
    text-align: left;
    background-color: #f1f3f4;
  }
}
@media screen and (max-width: 782px) {
  #wpadminbar {
    display: none;
  }

  body.admin-bar {
    margin-top: -46px !important;
  }
  body.admin-bar #header {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .in-pc {
    display: none;
  }
  .in-mobile {
    display: unset;
  }

  /* 자료이용안내 */
  .parent-pageid-84 .sub-tab-menu ul {
    text-align: left;
    background-color: #f1f3f4;
  }
  .parent-pageid-84 .sub-tab-menu li {
    width: 33.333333%;
  }

  /* 주제자료관 안내 */
  .parent-pageid-184 .sub-tab-menu li {
    width: 33.333333%;
  }

  /* 자료 신청/조회 */
  .parent-pageid-12425 .sub-tab-menu li {
    width: 25%;
  }

  .inner-max, .inner, .contents-width {
    width: auto !important;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  #header .top-gnb {
    display: none;
  }
  #header .inner-max {
    margin-right: .5rem;
  }

  .book-search {
    float: right;
    width: 14rem;
    margin-right: 5.5rem;
  }

  .btn-login, .btn-my-notice-m {
    display: block;
  }

  .all-menu-area {
    z-index: 10001;
  }
  .all-menu-area .top-gnb {
    float: none;
    display: block;
    margin: .625rem 0 0;
  }
  .all-menu-area .top-gnb .gnb-list {
    float: left;
  }
  .all-menu-area .top-gnb .site-search {
    float: right;
    width: 12rem;
    margin-left: 0;
  }
  .all-menu-area .top-gnb .site-search .input-search {
    padding: 0 2.5rem 0 .5rem;
    width: 12rem;
    opacity: 1;
    visibility: visible;
  }

  #all-nav {
    margin-top: .625rem;
    border: 0;
  }
  #all-nav .main-nav-list {
    padding: 1px 0 0;
  }
  #all-nav .main-nav-list ul {
    display: none;
    background-color: #fff;
  }
  #all-nav .main-nav-list li a {
    margin: -1px 0 0 0;
    padding: 10px 1rem 8px;
    border: 1px solid #e6ebed;
    background-color: #f1f3f4;
  }
  #all-nav .main-nav-list li a:hover, #all-nav .main-nav-list li a:active, #all-nav .main-nav-list li a:focus, #all-nav .main-nav-list li a.active {
    text-decoration: none;
    color: #67839e;
  }
  #all-nav .main-nav-list li li:last-child a {
    border-radius: 0 0 3px 3px;
  }
  #all-nav .main-nav-list > li {
    width: 100%;
    margin-bottom: 0;
  }
  #all-nav .main-nav-list > li > a {
    margin: -1px 0 0 0;
    padding: 12px 1rem 10px;
    border: 1px solid #e6ebed;
    background-color: #fff;
    font-weight: 400;
    font-size: 0.9375rem;
  }
  #all-nav .main-nav-list > li > a:hover::before, #all-nav .main-nav-list > li > a:active::before, #all-nav .main-nav-list > li > a:focus::before {
    color: #67839e;
  }
  #all-nav .main-nav-list > li > a:hover.active, #all-nav .main-nav-list > li > a:active.active, #all-nav .main-nav-list > li > a:focus.active {
    background-color: #67839e;
    color: #fff;
    z-index: 2;
  }
  #all-nav .main-nav-list > li > a:hover.active::before, #all-nav .main-nav-list > li > a:active.active::before, #all-nav .main-nav-list > li > a:focus.active::before {
    color: #fff;
  }
  #all-nav .main-nav-list > li > a:first-child > a {
    border-radius: 3px 3px 0 0;
  }
  #all-nav .main-nav-list > li > a:last-child > a {
    border-radius: 0 0 3px 3px;
  }
  #all-nav .main-nav-list > li > a:last-child > a.active {
    border-radius: 0;
  }

  .entry-content .section-content.bg .section-body {
    padding: 0.25rem 0.5rem;
  }

  #footer .inner-max {
    width: 100% !important;
    margin: 0 !important;
  }
  #footer .foot-section {
    padding: 0;
  }
  #footer .foot-section .panel {
    float: none;
    width: 100% !important;
  }
  #footer .foot-section .panel .panel-head {
    padding: 3px 1.5rem;
    background-color: #f1f3f4;
  }
  #footer .foot-section .panel .panel-head .title {
    padding: 0;
    font-size: 0.875rem;
    font-weight: 400;
  }
  #footer .foot-section .panel .panel-body {
    padding: 0;
    background-color: #e0e6e9;
  }
  #footer .foot-section .panel .panel-body .link-list {
    margin: 0;
  }
  #footer .foot-section .panel .panel-body .link-list li a {
    font-size: 0.875rem;
    padding: .75rem 1.5rem;
    border-top: 1px solid #d7dfe2;
    color: #5a6771;
  }
  #footer .family-site .link-list {
    margin-left: -1px;
  }
  #footer .family-site .link-list li {
    width: 50%;
  }
  #footer .family-site .link-list li a {
    border-left: 1px solid #d7dfe2;
  }
  #footer .foot-info {
    margin-top: 0;
    padding: 1.5rem;
    border-top: 0;
    background-color: #1e2d37;
  }
  #footer .foot-info a:hover, #footer .foot-info a:hover, #footer .foot-info a:hover {
    color: #b4bec5;
  }

  .site-main .breadcrumbs {
    padding: 1.5rem 0 .5rem;
  }
  .site-main .entry-title {
    font-size: 1.5rem;
  }
  .site-main .entry-title + .sub-title {
    margin-top: -1.25rem;
    font-size: 0.875rem;
  }

  .sub-tab-menu li a {
    font-size: 0.875rem;
  }
  .sub-tab-menu.tab-size-4 li {
    width: 50%;
  }
  .sub-tab-menu.tab-size-5 li {
    width: 33.333333%;
  }

  #main-search {
    height: 360px;
    margin: 0 -1rem;
    padding: 0 1rem;
  }
  #main-search .search-box {
    width: 100%;
    top: 4rem;
    padding: 0 1rem;
  }
  #main-search .text-area p {
    font-size: 2.5rem;
  }

  .main-link-wrap .main-link {
    padding: 1rem;
  }
  .main-link-wrap .main-link .main-link-list {
    *zoom: 1;
    padding: 1px 0 0;
    border: 0;
  }
  .main-link-wrap .main-link .main-link-list::before, .main-link-wrap .main-link .main-link-list::after {
    display: table;
    content: '';
  }
  .main-link-wrap .main-link .main-link-list::after {
    clear: both;
    visibility: hidden;
    height: 0;
  }
  .main-link-wrap .main-link .main-link-list li {
    float: left;
    display: block;
    width: 50%;
    padding: 0;
  }
  .main-link-wrap .main-link .main-link-list li a {
    display: block;
    height: 2.5rem;
    margin: -1px 0 0 -1px;
    border: 1px solid rgba(30, 45, 55, 0.3);
    line-height: 2.5rem;
  }
  .main-link-wrap .main-link .main-link-list li::before {
    display: none;
  }

  .main-quick-menu {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1.5rem 6%;
  }
  .main-quick-menu .quick-menu-list li {
    width: 25%;
  }
  .main-quick-menu .quick-menu-list li a {
    padding: .25rem 0;
  }

  .main-booktalk.wpb_row {
    margin: 3rem -15px 5rem;
    padding: 3rem 0 1rem 5%;
  }
  .main-booktalk.wpb_row img {
    top: -20rem;
    width: 40%;
  }

  .ask-librarian {
    margin-top: 2rem;
    padding: 3rem 1.5rem .75rem;
    border-radius: 2px;
    text-align: left;
  }
  .ask-librarian .title {
    width: auto;
    right: -1px;
    bottom: unset;
    padding: .375rem 0;
    border-radius: 2px 2px 0 0;
    font-size: 0.8125rem;
    text-align: center;
  }
  .ask-librarian .title::after {
    display: none;
  }
  .ask-librarian span {
    display: block;
    margin: 0;
    font-size: 0.875rem;
  }

  .entry-content .section-box {
    padding: 1rem 1rem;
  }

  .entry-content .section-box ul {
    padding-left: 1.25rem;
  }
    .no-padding-banner .vc_column_container>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

}
@media screen and (max-width: 680px) {
  .main-schedule-wrap.vc_col-sm-8 {
    float: none;
    width: 100%;
  }
  .main-schedule-wrap.vc_col-sm-8 .section-schedule, .main-schedule-wrap.vc_col-sm-8 .btn-area {
    margin: 0;
  }

  .main-notice-wrap.vc_col-sm-4 {
    float: none;
    width: 100%;
  }
  .main-notice-wrap.vc_col-sm-4 .notice-list {
    height: 230px;
  }

  .main-booktalk.wpb_row {
    overflow: hidden;
  }
  .main-booktalk.wpb_row img {
    top: -15.5rem;
    width: 200px;
    opacity: .5;
  }
}
@media screen and (max-width: 600px) {
  #header {
    height: 7.75rem;
  }

  body.home #header {
    height: 4.5rem;
  }

  .book-search {
    position: absolute;
    top: calc(3.25rem + 2px);
    left: 0;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  #my-library .section-cont {
    padding: 1rem;
  }
  #my-library .section-cont.login .login-form {
    width: 100%;
  }

  #main-search {
    height: 300px;
  }
  #main-search .search-box {
    top: 2.5rem;
  }
  #main-search .text-area p {
    padding: .5rem 0;
  }
  #main-search .search-area .input-box .rd-select {
    width: 10rem;
  }
  #main-search .search-area .input-box input[type='text'] {
    padding: 0 3.5rem 0 11rem;
  }
  #main-search .search-result-box {
    width: 100%;
  }

  .site-content {
    padding-top: 8rem;
  }

  body.home .site-content {
    padding-top: 4.5rem;
  }

  .site-main .breadcrumbs {
    margin-bottom: .75rem;
    padding: 1rem 0 .75rem;
    border-bottom: 1px solid #f1f3f4;
    text-align: left;
  }

  .sub-tab-menu li {
    width: 50% !important;
  }

  .rd-search.friendly-search .search-box input[type='text'].width-with-sel {
    width: calc(100% - 84px);
  }

  .rd-search.friendly-search .search-box .rd-select {
    width: 80px;
    font-size: 0.9rem;
  }

}
@media screen and (max-width: 480px) {
  #chief-wrap {
    margin: 0;
  }
  #chief-wrap .photo-card {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .all-menu-area .inner-max {
    padding-bottom: 1rem;
  }
  .all-menu-area .top-gnb .gnb-list {
    float: none;
    display: block;
    padding: 8px 10px 6px;
    border: 1px solid #e6ebed;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    background-color: #e6ebed;
  }
  .all-menu-area .top-gnb .site-search {
    float: none;
    width: 100%;
  }
  .all-menu-area .top-gnb .site-search .input-search {
    width: 100%;
    height: 3rem;
    padding: 0 3rem 0 18px;
    border-radius: 0 0 3px 3px;
  }
  .all-menu-area .top-gnb .site-search button {
    width: 3rem;
    height: 3rem;
  }
  .all-menu-area .top-gnb .site-search button i {
    font-size: 18px;
  }

  #main-search {
    height: 260px;
  }
  #main-search .text-area {
    display: none;
  }
  #main-search .search-box {
    top: 4rem;
  }
  #main-search .search-area .input-box .rd-select {
    /*
    position: relative;
    width: 100% !important;
    border-right: 0;
    border-bottom: 1px solid darken($line-color, 5%);
    */
    display: none;
  }
  #main-search .search-area .input-box input[type='text'] {
    padding: 0 3.5rem 0 1rem;
  }
  #main-search .search-result-box {
    width: 100%;
  }

  .main-quick-menu {
    padding: 1rem;
  }
  .main-quick-menu .quick-menu-list li {
    width: 33.333333%;
  }

  .main-link-wrap .main-link {
    padding: 0;
  }
  .main-link-wrap .main-link .main-link-list {
    margin-right: -1px;
  }

  .event-slide {
    padding: 0 5%;
  }

  #footer .family-site .link-list {
    margin-left: 0;
  }
  #footer .family-site .link-list li {
    width: 100%;
  }
  #footer .family-site .link-list li a {
    border-left: 0;
  }
  #footer .foot-info {
    text-align: center;
  }
  #footer .foot-info .foot-util {
    float: none;
  }
  #footer .foot-info .sns-section {
    text-align: center;
    float: none;
    top: 3px;
    margin: 12px 0 2px -12px;
  }

  #main-search .text-area p {
    font-size: 1.5rem;
  }

  .sub-tab-menu .btn-drop-down {
    position: relative;
    display: block;
    padding: .5rem 1rem .475rem;
    border: 1px solid #e6ebed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #78848e;
    border-radius: 2px;
  }
  .sub-tab-menu .btn-drop-down::after {
    font-family: 'Material Design Icons';
    display: block;
    position: absolute;
    top: 50%;
    right: .5rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: '\f35d';
    color: #b4bec5;
    font-size: 20px;
  }
  .sub-tab-menu .btn-drop-down.active {
    border-color: #3251ed;
    color: #3251ed;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .sub-tab-menu .btn-drop-down.active::after {
    color: #3251ed;
  }
  .sub-tab-menu ul {
    margin: .5rem 0 0;
    padding: 0;
    display: none;
  }
  .sub-tab-menu li {
    width: 100% !important;
  }
  .sub-tab-menu li a {
    margin: -1px 0 0;
    padding: .625rem 1rem;
    text-align: left;
  }
  .sub-tab-menu li a::after {
    font-family: 'Material Design Icons';
    display: block;
    position: absolute;
    top: 50%;
    right: .5rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    content: '\f142';
    color: #b4bec5;
  }
  .sub-tab-menu li.active a::before, .sub-tab-menu li.current-menu-item a::before, .sub-tab-menu li.current_page_item a::before {
    display: none;
  }
  .sub-tab-menu li:first-child a {
    border-radius: 3px 3px 0 0;
  }
  .sub-tab-menu li:last-child a {
    border-radius: 0 0 3px 3px;
  }
}