body {
  /*user logined*/
  /*Header h1 hide*/
  /*------------------------------------------------------------------
              index page search bar setting begin
  ------------------------------------------------------------------*/
  /*search bar show type list*/
  /*search bar show history list*/
  /*search bar show auto complete*/
  /*------------------------------------------------------------------
              not index page search bar setting begin
  ------------------------------------------------------------------*/
  /*search bar show */
  /*search bar show type list*/
  /*search bar show autocomplete & history list*/
  /*------------------------------------------------------------------
              categories view setting begin
  ------------------------------------------------------------------*/
  /*categories view show*/
  /*categories tab-list select*/
  /*categories main list click to show sub list*/
  /*------------------------------------------------------------------
              member view setting begin
  ------------------------------------------------------------------*/
  /*member view show*/
}
body:is(.logined) .member-ip p span.ip {
  display: none;
}
body:is(.logined) .member-ip p span.id {
  display: block;
}
body:is(.logined) main .books-module .cover span.favorite input {
  z-index: 1;
}
body:has(main.index) header h1 {
  display: block !important;
}
body:has(.search-module .search-type input[type=checkbox]:checked) {
  overflow: hidden;
}
body:has(.search-module .search-type input[type=checkbox]:checked) .search-form form .select-menu {
  transform: translateY(0);
  z-index: 5;
  opacity: 1;
}
body:has(.search-module .search-type input[type=checkbox]:checked) .search-form form .select-menu ul {
  z-index: 2;
}
body:has(.search-module .search-type input[type=checkbox]:checked) .search-form form .select-menu > label {
  z-index: 1;
}
body:has(.search-module input[type=search].focus) .search-wrap .search-form .search-bar {
  border-radius: 16px 16px 0 0;
}
body:has(.search-module input[type=search].focus) .search-wrap .search-form .search-history {
  transform: translateY(0);
  z-index: 1;
  height: 100%;
  max-height: 100%;
  padding: 0 16px 24px;
  opacity: 1;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .search-bar, body:has(.search-module input[type=search].has-value) .search-wrap .search-form .search-bar {
  border-radius: 16px 16px 0 0;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .search-bar button[type=reset], body:has(.search-module input[type=search].has-value) .search-wrap .search-form .search-bar button[type=reset] {
  display: flex;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .search-history, body:has(.search-module input[type=search].has-value) .search-wrap .search-form .search-history {
  display: none !important;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .auto-complete, body:has(.search-module input[type=search].has-value) .search-wrap .search-form .auto-complete {
  transform: translateY(0);
  z-index: 1;
  max-height: 100%;
  padding: 0 16px 40px;
  opacity: 1;
  overflow-y: auto;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked), body:has(.search-module input[type=search].has-value) .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) {
  height: 100%;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) .auto-complete-list, body:has(.search-module input[type=search].has-value) .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) .auto-complete-list {
  min-height: 200px;
  max-height: 300px;
}
body:has(.search-module input[type=search].is-typing) .search-wrap .search-form .search-bar:has(input[type=search]:not(.focus)) ~ .auto-complete .auto-complete-list, body:has(.search-module input[type=search].has-value) .search-wrap .search-form .search-bar:has(input[type=search]:not(.focus)) ~ .auto-complete .auto-complete-list {
  min-height: 0px;
  max-height: 0px;
}
body:has(#search_bar_toggle:checked) {
  overflow: hidden;
}
body:has(#search_bar_toggle:checked) header .header-wrap .toolbar ul li.search label {
  background-color: var(--PB01);
}
body:has(#search_bar_toggle:checked) main .search-module {
  display: flex;
}
@media screen and (min-width: 1024px) {
  body:has(#search_bar_toggle:checked) {
    overflow-y: auto;
  }
}
body:has(main:not(.index) .search-module .search-type input[type=checkbox]:checked) {
  overflow: hidden;
}
body:has(main:not(.index) .search-module .search-type input[type=checkbox]:checked) main .search-module .search-wrap .search-form .select-menu {
  display: flex;
}
body:has(main:not(.index) .search-module .search-type input[type=checkbox]:checked) main .search-module .search-wrap .search-form .select-menu > label {
  display: block;
}
body:has(main:not(.index) .search-module input[type=search].focus) {
  overflow: hidden !important;
}
body:has(main:not(.index) .search-module input[type=search].focus) main .search-module .search-wrap .search-form .search-bar {
  border-radius: 16px 16px 0 0;
}
body:has(main:not(.index) .search-module input[type=search].focus) main .search-module .search-wrap .search-form .auto-complete .auto-complete-list {
  min-height: unset !important;
}
@media screen and (min-width: 769px) {
  body:has(main:not(.index) .search-module input[type=search].focus) main .search-module .search-wrap .search-form .search-history {
    padding: 0 32px 24px;
  }
}
@media screen and (min-width: 1024px) {
  body:has(main:not(.index) .search-module input[type=search].focus) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body:has(main:not(.index) .search-module input[type=search].focus) main .search-module .search-wrap .search-form .search-history {
    display: flex !important;
    height: -moz-max-content;
    height: max-content;
    max-height: unset;
  }
}
body:has(main:not(.index) .search-module input[type=search].is-typing) {
  overflow: hidden !important;
}
body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) {
  padding: 0 16px 8px;
  border-bottom: 1px solid var(--G300);
}
body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-wrap .search-form .auto-complete:not(:has(.autocomplete-switch input[type=checkbox]:checked)) {
  padding: 0 16px 0;
}
body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-wrap .search-form .search-history {
  display: flex !important;
}
@media screen and (min-width: 769px) {
  body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-module .search-wrap .search-form form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) {
    padding: 0 32px 8px;
  }
  body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-module .search-wrap .search-form form .auto-complete:not(:has(.autocomplete-switch input[type=checkbox]:checked)) {
    padding: 0 32px 0;
  }
}
@media screen and (min-width: 1024px) {
  body:has(main:not(.index) .search-module input[type=search].is-typing) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-module .search-wrap .search-form form .auto-complete {
    display: flex !important;
    height: -moz-max-content;
    height: max-content;
    max-height: unset;
  }
  body:has(main:not(.index) .search-module input[type=search].is-typing) main .search-module .search-wrap .search-form form .search-history {
    display: none !important;
  }
}
body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) {
  padding: 0 16px 8px;
  border-bottom: 1px solid var(--G300);
}
body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) .auto-complete-list {
  min-height: unset !important;
  max-height: unset !important;
}
body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .auto-complete:not(:has(.autocomplete-switch input[type=checkbox]:checked)) {
  padding: 0 16px;
}
body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .search-history {
  display: flex !important;
}
@media screen and (min-width: 769px) {
  body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form form .auto-complete:has(.autocomplete-switch input[type=checkbox]:checked) {
    padding: 0 32px 8px;
  }
  body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form form .auto-complete:not(:has(.autocomplete-switch input[type=checkbox]:checked)) {
    padding: 0 32px 0;
  }
}
@media screen and (min-width: 1024px) {
  body:has(main:not(.index) .search-module input[type=search].has-value) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .auto-complete {
    display: flex !important;
    height: -moz-max-content !important;
    height: max-content !important;
    max-height: unset !important;
  }
  body:has(main:not(.index) .search-module input[type=search].has-value) main .search-module .search-wrap .search-form .search-history {
    display: none !important;
  }
}
body:has(#catregory_toggle:checked) {
  overflow: hidden;
}
body:has(#catregory_toggle:checked) header .view-wrap,
body:has(#catregory_toggle:checked) header nav {
  transform: translateX(0);
  z-index: 5;
  opacity: 1;
}
body:has(#catregory_toggle:checked) header .view-wrap .categories-wrap,
body:has(#catregory_toggle:checked) header nav .categories-wrap {
  display: block;
}
body:has(#catregory_toggle:checked) header .view-wrap > label[for=catregory_toggle],
body:has(#catregory_toggle:checked) header nav > label[for=catregory_toggle] {
  z-index: 1;
  display: block;
}
body:has(#catregory_toggle:checked) header .header-wrap {
  position: relative;
  z-index: 6;
  background-color: var(--G00);
}
body:has(#catregory_toggle:checked) header .header-wrap .logo a img {
  filter: brightness(0);
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label .icon-wrap {
  background-color: transparent;
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label .icon-wrap i {
  background-color: var(--G900);
  -webkit-mask-image: url(../images/ui_icon/icon_close_n.png);
          mask-image: url(../images/ui_icon/icon_close_n.png);
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label:hover {
  background-color: transparent;
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label:hover .icon-wrap {
  background-color: transparent;
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label:hover .icon-wrap i {
  background-color: var(--PB01);
}
body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.member {
  display: none;
}
@media screen and (min-width: 1024px) {
  body:has(#catregory_toggle:checked) {
    overflow-y: auto;
  }
  body:has(#catregory_toggle:checked) header .view-wrap {
    z-index: 7;
  }
  body:has(#catregory_toggle:checked) header .view-wrap .categories-wrap {
    height: 100dvh;
  }
  body:has(#catregory_toggle:checked) header .view-wrap .categories-wrap .categories .view-title h2 {
    line-height: 48px;
  }
  body:has(#catregory_toggle:checked) header .view-wrap .categories-wrap .categories .view-title .tab-list {
    right: unset;
    left: 108px;
  }
  body:has(#catregory_toggle:checked) header .view-wrap .categories-wrap .categories .view-title label[for=catregory_toggle] {
    display: flex;
  }
  body:has(#catregory_toggle:checked) header .nav-wrap ul li a {
    color: var(--G00);
  }
  body:has(#catregory_toggle:checked) header .header-wrap {
    background-color: transparent;
  }
  body:has(#catregory_toggle:checked) header .header-wrap .logo a img {
    filter: brightness(1);
  }
  body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label {
    background-color: transparent;
  }
  body:has(#catregory_toggle:checked) header .header-wrap .toolbar ul li.menu label .icon-wrap i {
    background-color: var(--G900);
  }
  body:has(#catregory_toggle:checked) header.scroll-style .header-wrap .logo a img {
    filter: brightness(0);
  }
  body:has(#catregory_toggle:checked) header.header-hide .view-wrap {
    transform: translate(0, 48px);
  }
}
body:has(header input[data-tab=clc]:checked) header .categories-wrap .categories .view-title .tab-list .tab-value::before {
  content: "CLC";
}
body:has(header input[data-tab=clc]:checked) header .view-wrap .categories-wrap .categories .catgory-list .sub-list .sub-title h3 > span::before {
  content: "CLC /";
}
body:has(header input[data-tab=subjects]:checked) header .categories-wrap .categories .view-title .tab-list .tab-value::before {
  content: "SUBJECTS";
}
body:has(header input[data-tab=subjects]:checked) header .view-wrap .categories-wrap .categories .catgory-list .sub-list .sub-title h3 > span::before {
  content: "SUBJECTS /";
}
body:has(header input[data-tab=basic]:checked) header .categories-wrap .categories .view-title .tab-list .tab-value::before {
  content: "BASIC";
}
body:has(header input[data-tab=basic]:checked) header .view-wrap .categories-wrap .categories .catgory-list .sub-list .sub-title h3 > span::before {
  content: "BASIC /";
}
body:has(header .sub-menu-switch input[type=checkbox]:checked) header .view-wrap .categories-wrap .categories .catgory-list {
  position: relative;
  z-index: 3;
  margin-top: -44px;
}
body:has(header .sub-menu-switch input[type=checkbox]:checked) header .view-wrap .categories-wrap .categories .catgory-list ul {
  transform: translateX(-100%);
}
body:has(#member_toggle:checked) {
  overflow: hidden;
}
body:has(#member_toggle:checked) header .view-wrap {
  transform: translateX(0);
  z-index: 6;
  opacity: 1;
}
body:has(#member_toggle:checked) header .view-wrap .member-wrap {
  display: block;
}
body:has(#member_toggle:checked) header .view-wrap > label[for=member_toggle] {
  z-index: 1;
  display: block;
}
body:has(#member_toggle:checked) header .header-wrap {
  position: relative;
  z-index: 6;
  background-color: transparent;
}
body:has(#member_toggle:checked) header .header-wrap .logo {
  visibility: hidden;
}
body:has(#member_toggle:checked) header .header-wrap .logo a img {
  visibility: hidden;
  transition: none;
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.menu {
  display: none;
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.member label .icon-wrap {
  background-color: transparent;
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.member label .icon-wrap i {
  background-color: var(--G900);
  -webkit-mask-image: url(../images/ui_icon/icon_close_n.png);
          mask-image: url(../images/ui_icon/icon_close_n.png);
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.member label:hover {
  background-color: transparent;
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.member label:hover .icon-wrap {
  background-color: transparent;
}
body:has(#member_toggle:checked) header .header-wrap .toolbar ul li.member label:hover .icon-wrap i {
  background-color: var(--PB01);
}
@media screen and (min-width: 1024px) {
  body:has(#member_toggle:checked) {
    overflow: auto;
  }
  body:has(#member_toggle:checked) header.header-hide .view-wrap {
    transform: translate(0, 48px);
  }
}/*# sourceMappingURL=dynamic.css.map */