.snackbar__container {
  position: fixed;
  z-index: 1101;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
  text-align: center;
  will-change: opacity;
  transition: opacity .2s;
  -webkit-transition: opacity .2s
}

@media(max-width: 960px) {
  .snackbar__container {
      bottom: 8px
  }
}

@media(min-width: 961px) {
  .snackbar__container {
      bottom: 32px
  }
}

.snackbar__container--open {
  display: block;
  opacity: 1
}

@media(max-width: 960px) {
  .snackbar__container--isViewer {
      bottom: 116px
  }
}

@media(min-width: 961px) {
  .snackbar__container--isViewer {
      bottom: 162px
  }
}

.snackbar__wrapper {
  display: block
}

.snackbar__content {
  margin: 0 auto;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background: #2f353e;
  box-shadow: 0 2px 4px rgba(0,0,0,.4)
}

@media(max-width: 960px) {
  .snackbar__content {
      width: calc(100vw - 16px)
  }
}

@media(min-width: 961px) {
  .snackbar__content {
      min-width: 360px;
      max-width: 1180px
  }
}

.snackbar__content--full {
  justify-content: flex-end;
  flex-wrap: wrap
}

.snackbar__message {
  color: #fff;
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 16px
}

.snackbar__message:only-child {
  margin-right: 16px
}

.snackbar__message--full {
  flex: 1 1 100%;
  margin-right: 16px
}

.snackbar__snackLink {
  white-space: nowrap;
  padding: 14px 16px;
  color: var(--sea)
}

.pagination {
  margin: 32px 0;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  text-align: center
}

.pagination>* {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle
}

.pagination__btn {
  position: relative;
  overflow: hidden;
  background: none;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  width: 40px;
  height: 40px;
  padding-top: 38px;
  border: 1px solid var(--b_400);
  border-radius: 2px;
  background: url(//ccdn.lezhin.com/files/assets/img/ico_parrow_w.png) no-repeat;
  background-size: 40px auto;
  background-position: -1px -81px
}

@media(prefers-color-scheme: dark) {
  .pagination__btn {
      background-position-y: -121px
  }
}

.pagination__btn--next {
  margin-left: 24px;
  transform: rotateY(180deg)
}

.pagination__btn--prev {
  margin-right: 24px
}

@media(min-width: 961px) {
  .pagination__btn:hover {
      border-color: var(--b2w)
  }
}

.pagination__btn [disabled], .pagination__btn:disabled {
  pointer-events: none;
  background-position-y: -1px
}

@media(prefers-color-scheme: dark) {
  .pagination__btn [disabled], .pagination__btn:disabled {
      background-position-y: -41px
  }
}

.pagination__index {
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: var(--t_200);
  font-family: Roboto, sans-serif
}

.pagination__index:only-of-type {
  font-weight: 400
}

.lzSnackbar {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 1101;
  left: 50%;
  text-align: center;
  will-change: height;
  transform: translate3D(-50%,0,0);
  transition: height .25s ease-in-out;
  transform-origin: bottom center
}

@media(max-width: 960px) {
  .lzSnackbar {
      bottom: 8px
  }
}

@media(min-width: 961px) {
  .lzSnackbar {
      bottom: 32px
  }
}

.lzSnackbar--open {
  display: block;
  opacity: 1
}

@media(max-width: 960px) {
  .lzSnackbar--isViewer {
      bottom: 116px
  }
}

@media(min-width: 961px) {
  .lzSnackbar--isViewer {
      bottom: 162px
  }
}

.lzSnackbar__wrapper {
  display: block;
  margin-bottom: 12px
}

.lzSnackbar__content {
  margin: 0 auto;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background: #2f353e;
  box-shadow: 0 2px 4px rgba(0,0,0,.4)
}

@media(max-width: 960px) {
  .lzSnackbar__content {
      width: calc(100vw - 16px)
  }
}

@media(min-width: 961px) {
  .lzSnackbar__content {
      min-width: 360px;
      max-width: 1180px
  }
}

.lzSnackbar__content--full {
  justify-content: flex-end;
  flex-wrap: wrap
}

.lzSnackbar__message {
  max-width: 768px;
  width: 100%;
  word-break: break-all;
  color: #fff;
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 16px
}

.lzSnackbar__message:only-child {
  margin-right: 16px
}

.lzSnackbar__message--full {
  flex: 1 1 100%;
  margin-right: 16px
}

.lzSnackbar__snackLink {
  white-space: nowrap;
  padding: 14px 16px;
  color: var(--sea)
}

.acceptCookies {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 30px 0;
  background-color: var(--d_200);
  z-index: 100
}

.acceptCookies__contents {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px
}

@media(max-width: 960px) {
  .acceptCookies__contents {
      flex-direction: column;
      width: 100%
  }
}

@media(max-width: 320px) {
  .acceptCookies__contents {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media(min-width: 961px) and (max-width: 1280px) {
  .acceptCookies__contents {
      max-width: 1036px
  }
}

@media(min-width: 1281px) {
  .acceptCookies__contents {
      max-width: 1212px
  }
}

.acceptCookies__desc {
  display: block;
  width: 80%;
  padding-right: 40px
}

@media(max-width: 960px) {
  .acceptCookies__desc {
      width: 100%;
      padding-right: 0
  }
}

.acceptCookies__desc p {
  font-size: 14px
}

@media(max-width: 960px) {
  .acceptCookies__desc p {
      font-size: 12px
  }
}

.acceptCookies__details {
  margin: 4px 0;
  font-weight: 500;
  text-decoration: underline
}

.acceptCookies__details button {
  margin-left: 14px;
  text-decoration: underline
}

.acceptCookies__customize {
  margin: 10px 0
}

.acceptCookies__customize label>i {
  color: var(--t_200)
}

.acceptCookies__btns {
  display: flex;
  width: 20%;
  flex-direction: column;
  justify-content: center
}

@media(max-width: 960px) {
  .acceptCookies__btns {
      width: 100%;
      margin: 10px 0 0
  }
}

.acceptCookies__btns button {
  width: 100%
}

.topBtn {
  position: fixed;
  z-index: 5;
  font-size: 1px;
  color: transparent;
  background: var(--white);
  border: 1px solid var(--d_300);
  border-radius: 100%;
  overflow: hidden
}

@media(min-width: 961px) {
  .topBtn {
      right: 30px;
      bottom: var(--topBtn-gap-d);
      width: 56px;
      height: 56px;
      transform: translateY(calc(var(--topBtn-gap-d) + 56px));
      transition: transform .2s;
      will-change: transform
  }
}

@media(max-width: 960px) {
  .topBtn {
      right: 8px;
      bottom: var(--topBtn-gap-m);
      width: 48px;
      height: 48px;
      transform: translateY(calc(var(--topBtn-gap-m) + 48px));
      transition: transform .2s;
      will-change: transform
  }
}

.topBtn:after {
  content: "";
  position: absolute;
  background: url(https://ccdn.lezhin.com/files/assets/img/24-arrow-up.png) no-repeat
}

@media(min-width: 961px) {
  .topBtn:after {
      top: 11px;
      left: 11px;
      width: 32px;
      height: 32px;
      background-size: 32px 32px
  }
}

@media(max-width: 960px) {
  .topBtn:after {
      top: 9px;
      left: 9px;
      width: 28px;
      height: 28px;
      background-size: 28px 28px
  }
}

.topBtn--isShow {
  transform: translateY(0)
}

@media(min-width: 961px) {
  .topBtn--isShow:hover:after {
      opacity: .2
  }
}

.topBtn__ref {
  position: absolute;
  top: 50vh;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0
}

.localeChange {
  position: absolute;
  z-index: 10;
  top: 28px;
  right: 16px;
  min-width: 120px;
  background-color: var(--b_100)
}

@media(max-width: 960px) {
  .localeChange {
      display: none
  }
}

.localeChange__btn {
  position: relative;
  width: 100%;
  padding-left: 12px;
  height: 32px;
  line-height: 28px;
  text-align: left
}

.localeChange__btn:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--t_400)
}

.localeChange__select {
  display: none;
  width: 100%;
  padding-top: 2px
}

.localeChange__select--isOpen {
  display: block
}

.localeChange__selectItem {
  height: 40px;
  line-height: 40px
}

.localeChange__selectLink {
  display: block;
  position: relative;
  padding-left: 14px
}

.localeChange__selectLink[aria-current=page]:after {
  position: absolute;
  content: "";
  top: 12px;
  width: 7px;
  height: 10px;
  border-right: 1px solid var(--t_400);
  border-bottom: 1px solid var(--t_400);
  margin: 0 0 0 11px;
  background: transparent;
  transform: rotate(45deg)
}

@media(min-width: 961px) {
  .infoLinkList {
      width: calc(100% - 200px)
  }
}

@media(min-width: 640px) and (max-width: 960px) {
  .infoLinkList {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-content: baseline;
      height: 56px
  }
}

.infoLinkList__item {
  display: inline-block;
  margin-left: 27px;
  color: var(--t_100)
}

.infoLinkList__item--isEmp {
  font-weight: 500;
  text-decoration: underline
}

@media(min-width: 961px) {
  .infoLinkList__item:first-of-type {
      margin-left: 0
  }
}

@media(min-width: 640px) and (max-width: 960px) {
  .infoLinkList__item {
      width: 120px;
      margin: 0 35px 10px 0;
      white-space: nowrap
  }
}

@media(max-width: 639px) {
  .infoLinkList__item {
      width: 120px;
      margin: 0 32px 12px 0
  }
}

.copyright {
  margin: 8px 0;
  font-size: 12px
}

@media(max-width: 960px) {
  .copyright {
      display: none
  }
}

.copyright__section {
  max-width: 600px
}

.copyright__detailBtn:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  margin-top: -3px;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--t_400);
  border-bottom: 0
}

.copyright__detailBtn--isActive:after {
  border-top: 0;
  border-bottom: 4px solid var(--t_400)
}

.addressAndExtraInfo {
  padding-top: 20px;
  font-size: 12px;
  line-height: 1.9
}

@media(max-width: 960px) {
  .addressAndExtraInfo {
      padding-top: 12px;
      line-height: 1.65
  }
}

.addressAndExtraInfo__bold {
  font-weight: 500
}

@media(max-width: 960px) {
  .addressAndExtraInfo__toggle:after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 6px;
      margin-top: -3px;
      vertical-align: middle;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 0;
      border-bottom: 4px solid var(--t_400)
  }

  .addressAndExtraInfo__toggle--isActive:after {
      border-top: 4px solid var(--t_400);
      border-bottom: 0
  }
}

.addressAndExtraInfo__section {
  display: inline
}

@media(max-width: 960px) {
  .addressAndExtraInfo__section {
      display: block;
      margin-top: 3px
  }

  .addressAndExtraInfo__section--isActive {
      display: none
  }
}

.addressAndExtraInfo__info {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px -1px 9px;
  background: var(--d_300)
}

@media(max-width: 960px) {
  .addressAndExtraInfo__info {
      display: none
  }
}

.addressAndExtraInfo__info--mobile {
  display: inline-block;
  background: var(--d_300)
}

@media(min-width: 961px) {
  .addressAndExtraInfo__info--mobile {
      display: none
  }
}

@media(max-width: 960px) {
  .addressAndExtraInfo__info--mobileBr {
      display: block;
      height: 0;
      margin: 0
  }

  .addressAndExtraInfo__detailedAddress {
      display: none
  }
}

.footerAdditional {
  display:flex
}
@media(max-width:639px) {
  .footerAdditional {
  flex-direction:column
}

}
@media(min-width:640px) {
  .footerAdditional {
  flex-direction:row
}

}
.footerAdditional {
  width:64px;
  aspect-ratio:128/106;
  color:transparent;
  background:url(https://ccdn.lezhin.com/files/assets/img/ja/abj_lt.png) no-repeat 0 0/100%
}
@media(prefers-color-scheme:dark) {
  .footerAdditional {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/ja/abj_dk.png)
}

}
@media(max-width:639px) {
  .footerAdditional {
  margin-top:7px
}

}
@media(min-width:640px) {
  .footerAdditional {
  margin-top:11px;
  margin-bottom:6px
}

}
.footerAdditional {
  color:var(--t_400);
  line-height:1.5;
  padding-top:10px;
  text-wrap:balance
}
@media(max-width:639px) {
  .footerAdditional {
  max-width:256px;
  text-align:justify
}

}
@media(min-width:640px) {
  .footerAdditional {
  max-width:504px;
  padding-left:12px
}

}
.fullSizeModal {
  position:fixed;
  z-index:1050;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.7)
}
.fullSizeModal--scroll_1ph {
  overflow-y:scroll
}
@media(max-width:639px) {
  .fullSizeModal {
  background-color:var(--b_100)
}

}
.fullSizeModal__ {
  display:block;
  position:fixed;
  z-index:1050;
  margin:0;
  background:var(--b_100);
  box-shadow:0 1px 2px 0 rgba(0,0,0,.38);
  color:var(--t_200)
}
@media(min-width:640px) {
  .fullSizeModal__ {
  top:50%;
  left:50%;
  border-radius:16px;
  transform:translate(-50%,-50%);
  width:640px;
  overflow:hidden
}

}
@media(max-width:639px) {
  .fullSizeModal__ {
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  overflow-y:auto;
  max-height:100vh;
  box-shadow:unset
}
@supports(height:100dvh) {
  .fullSizeModal__ {
  max-height:100dvh
}

}

}
.lz-check-box {
  position:relative;
  box-sizing:border-box;
  display:inline-block;
  font-size:14px;
  line-height:20px;
  cursor:default
}
@media(min-width:961px) {
  .lz-check-box {
  margin-right:48px
}

}
@media(max-width:960px) {
  .lz-check-box {
  margin-right:24px
}

}
.lz-check-box[aria-hidden=true] {
  pointer-events:none
}
.lz-check-box:last-of-type,.lz-check-box:only-of-type {
  margin-right:0
}
[role=alertdialog] .lz-check-box {
  display:block;
  margin-right:0;
  margin-bottom:12px
}
[role=alertdialog] .lz-check-box[hidden] {
  display:none
}
.lz-check-box a {
  color:var(--t_blue);
  text-decoration:underline
}
.lz-check-box a:active,.lz-check-box a:focus,.lz-check-box a:hover {
  filter:brightness(1.15)
}
.lz-check-box>input {
  position:absolute;
  box-sizing:border-box;
  width:20px;
  height:20px;
  margin-right:8px;
  vertical-align:top;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
  appearance:none;
  opacity:0
}
.lz-check-box>i {
  position:relative;
  display:inline-block;
  box-sizing:border-box;
  width:100%;
  padding-left:28px;
  color:var(--t_500);
  vertical-align:top;
  text-align:left;
  font-style:normal
}
.lz-check-box>i b {
  color:var(--t_brickRed)
}
.lz-check-box>i:before {
  content:"";
  position:absolute;
  box-sizing:border-box;
  border:2px solid rgba(1,1,1,.54);
  background:var(--b_100);
  opacity:.6
}
@media(prefers-color-scheme:dark) {
  .lz-check-box>i:before {
  border:2px solid hsla(0,0%,100%,.54)
}

}
.lz-check-box>i:after {
  position:absolute;
  box-sizing:border-box
}
.lz-check-box>:checked+i,.lz-check-box>:focus+i,.lz-check-box>:hover+i {
  color:var(--t_200)
}
.lz-check-box>:checked+i:before,.lz-check-box>:focus+i:before,.lz-check-box>:hover+i:before {
  opacity:1
}
.lz-check-box>:focus+i {
  outline:4px auto #3b99fc
}
.lz-check-box>:checked+i:after {
  content:""
}
.lz-check-box>:disabled+i,.lz-check-box>[disabled]+i,:disabled .lz-check-box>input+i,[disabled] .lz-check-box>input+i {
  color:var(--t_600)!important;
  cursor:not-allowed
}
.lz-check-box>:disabled+i:before,.lz-check-box>[disabled]+i:before,:disabled .lz-check-box>input+i:before,[disabled] .lz-check-box>input+i:before {
  opacity:.6;
  cursor:not-allowed
}
.lz-check-box em {
  color:var(--t_red);
  font-style:normal
}
.lz-check-box [disabled]+i em {
  color:var(--t_600)
}
.lz-check-box>i:before {
  top:1px;
  left:1px;
  width:18px;
  height:18px;
  border-radius:2px
}
.lz-check-box>:checked+i:before {
  border:0;
  background:var(--red)
}
.lz-check-box>:checked+i:after {
  width:12px;
  height:6px;
  top:5px;
  left:4px;
  border-left:2px solid var(--white);
  border-bottom:2px solid var(--white);
  transform:rotate(-45deg)
}
.lz-check-box>:disabled+i:before,.lz-check-box>[disabled]+i:before,:disabled .lz-check-box>input+i:before,[disabled] .lz-check-box>input+i:before {
  background:var(--b_300)
}
.search-page {
  margin:auto
}
@media(max-width:960px) {
  .search-page {
  width:100%;
  min-height:calc(100vh - 120px);
  padding-bottom:30px
}

}
@media(min-width:961px) {
  .search-page {
  min-height:calc(100vh - 112px)
}

}
@media(min-width:961px)and (max-width:1280px) {
  .search-page {
  max-width:1036px
}

}
@media(min-width:1281px) {
  .search-page {
  max-width:1212px
}

}
@keyframes lz-btn-spinner_ {
  to {
  transform:rotate(1turn)
}

}
.lzBtn {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box;
  width:-moz-fit-content;
  width:fit-content;
  margin:0;
  padding:0;
  border:0;
  white-space:nowrap;
  text-decoration:none;
  vertical-align:middle;
  color:inherit;
  background:transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.lzBtn[hidden] {
  display:none
}
.lzBtn[href] {
  cursor:pointer
}
.lzBtn:disabled,.lzBtn[disabled],:disabled .lzBtn,[disabled] .lzBtn {
  pointer-events:none;
  cursor:not-allowed
}
.lzBtn>input {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2;
  opacity:0
}
.lzBtn>i {
  display:block;
  height:100%;
  border-radius:2px;
  font-style:normal;
  color:inherit;
  transition:.2s
}
.lzBtn>i[aria-hidden=true] {
  visibility:hidden
}
.lzBtn--extra-small {
  height:28px;
  padding:0 8px;
  font-size:12px;
  border-radius:2px
}
.lzBtn--small {
  height:40px;
  line-height:40px
}
.lzBtn--medium,.lzBtn--small {
  padding:0 20px;
  font-size:14px;
  border-radius:2px
}
.lzBtn--medium {
  height:48px;
  line-height:48px
}
.lzBtn--large_uNA {
  height:56px;
  line-height:56px;
  padding:0 24px;
  font-size:16px;
  border-radius:4px
}
@media(max-width:639px) {
  .lzBtn--large_uNA {
  padding:0 16px
}

}
.lzBtn--wide {
  width:100%;
  margin-left:0
}
.lzBtn--spin.lzBtn,.lzBtn--spin.lzBtn[disabled] {
  color:transparent
}
.lzBtn--spin:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border-radius:50%;
  border:3px solid;
  animation:lz-btn-spinner_ .6s linear infinite
}
.lzBtn--spin.lzBtn--extra-small:before {
  width:20px;
  height:20px
}
.lzBtn--spin.lzBtn--small:before {
  width:24px;
  height:24px
}
.lzBtn--spin.lzBtn--large_uNA:before,.lzBtn--spin.lzBtn--medium:before {
  width:28px;
  height:28px
}
.lzBtn--spin.lzBtn--filled_red:before,.lzBtn--spin.lzBtn--legacy_main_:before {
  border-color:var(--white);
  border-top-color:transparent
}
.lzBtn--spin.lzBtn--filled_bw:before,.lzBtn--spin.lzBtn--filled_grey:before,.lzBtn--spin.lzBtn--minor:before,.lzBtn--spin.lzBtn--outlined:before,.lzBtn--spin.lzBtn--text:before {
  border-color:var(--b_400);
  border-top-color:transparent
}
.lzBtn--spin.lzBtn--legacy_sub_aSA:before {
  border-color:var(--t_blue);
  border-top-color:transparent
}
.lzBtn--filled_red {
  background:var(--red);
  color:var(--white)
}
.lzBtn--filled_bw {
  background:#2c2d2f;
  color:var(--white)
}
@media(prefers-color-scheme:dark) {
  .lzBtn--filled_bw {
  color:var(--black);
  background-color:#f3f5f8
}

}
.lzBtn--filled_grey {
  background:var(--b_200);
  color:var(--t_300)
}
.lzBtn--outlined {
  border:1px solid;
  border-color:var(--d_400)
}
.lzBtn--outlined,.lzBtn--text {
  background:none;
  color:var(--t_200)
}
.lzBtn--text:hover {
  background-color:hsla(0,0%,100%,.5)
}
@media(prefers-color-scheme:dark) {
  .lzBtn--text {
  border-color:var(--d_400)
}
.lzBtn--text:hover {
  background-color:hsla(0,0%,100%,.1)
}

}
.lzBtn--legacy_main_ {
  background:var(--blue);
  color:var(--white);
  will-change:background-color,color
}
@media(min-width:961px) {
  .lzBtn--legacy_main_:active,.lzBtn--legacy_main_:focus,.lzBtn--legacy_main_:hover {
  filter:brightness(1.15)
}

}
.lzBtn--minor {
  background:none;
  color:var(--t_200);
  box-shadow:0 0 0 1px var(--b_400) inset;
  will-change:box-shadow,color
}
@media(min-width:961px) {
  .lzBtn--minor:active,.lzBtn--minor:focus,.lzBtn--minor:hover {
  background:var(--b_100);
  color:var(--b_500);
  box-shadow:0 0 0 1px var(--d_400) inset
}

}
.lzBtn--legacy_sub_aSA {
  background:var(--b_100);
  color:var(--t_blue);
  box-shadow:0 0 0 1px var(--blue) inset;
  will-change:box-shadow,color
}
@media(min-width:961px) {
  .lzBtn--legacy_sub_aSA:active,.lzBtn--legacy_sub_aSA:focus,.lzBtn--legacy_sub_aSA:hover {
  background:var(--b_100);
  color:var(--t_blue);
  box-shadow:0 0 0 1px var(--blue) inset
}

}
.lzBtn--underline {
  text-decoration:underline
}
.lzBtn--filled_bw[disabled],.lzBtn--filled_red[disabled],.lzBtn--legacy_main_[disabled] {
  color:var(--t_600);
  background:var(--b_400)
}
.lzBtn--filled_grey[disabled] {
  color:var(--t_600);
  background:var(--b_200)
}
.lzBtn--outlined[disabled] {
  border-color:var(--d_300);
  color:var(--t_600)
}
.lzBtn--legacy_sub_aSA[disabled],.lzBtn--minor[disabled] {
  color:var(--t_600);
  box-shadow:0 0 0 1px var(--b_400) inset
}
.lzBtn:after,.lzBtn:before {
  display:inline-block;
  vertical-align:middle;
  width:16px;
  height:16px;
  margin-bottom:2px;
  background:url(//ccdn.lezhin.com/files/assets/img/lt-16-symbol-help-filled.png) no-repeat 0 0/100%
}
@media(prefers-color-scheme:dark) {
  .lzBtn:after,.lzBtn:before {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk-16-symbol-help-filled.png)
}

}
.lzBtn--before:before {
  content:"";
  margin-right:4px
}
.lzBtn--after_:after {
  content:"";
  margin-left:4px
}
label.lzBtn {
  box-shadow:none;
  background:none
}
.goodsOrder_ {
  display:flex;
  flex-direction:column;
  max-width:720px;
  margin:0 auto 80px;
  color:var(--t_100);
  font-size:14px
}
@media(min-width:640px)and (max-width:960px) {
  .goodsOrder_ {
  max-width:480px
}

}
.goodsOrder {
  font-weight:500;
  text-align:center;
  line-height:1.3
}
@media(max-width:960px) {
  .goodsOrder {
  margin:12px 0 24px;
  padding:24px 0 12px;
  font-size:24px;
  letter-spacing:-.48px
}

}
@media(min-width:961px) {
  .goodsOrder {
  margin:0 0 24px;
  padding:24px 0 14px;
  font-size:28px;
  font-weight:500;
  letter-spacing:-.56px
}

}
.orderForm {
  display:block
}
@media(max-width:960px) {
  .orderForm {
  margin-bottom:20px
}

}
@media(min-width:961px) {
  .orderForm {
  margin-bottom:40px
}

}
.orderForm {
  padding:0 14px
}
.orderForm--divide {
  border-bottom:10px solid var(--d_200)
}
.orderForm {
  display:block;
  padding:8px 12px;
  line-height:1.4;
  color:#fff;
  background:#2c2d2f;
  list-style:none
}
summary.orderForm {
  background:#2c2d2f url(https://ccdn.lezhin.com/files/assets/img/2025sg/chevron_down.svg) no-repeat right 6px top 50%/24px 24px
}
@media(min-width:961px) {
  .orderForm {
  padding:10px 14px
}

}
[open] .orderForm {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/2025sg/chevron_up.svg)
}
.orderForm::-webkit-details-marker {
  display:none
}
.orderForm {
  display:flex;
  padding:16px 0;
  border-top:1px solid var(--d_200)
}
.orderForm:first-of-type {
  border-top:none
}
.orderForm {
  width:74px;
  height:74px;
  flex-shrink:0
}
.orderForm img {
  width:100%
}
.orderForm {
  flex:1 1;
  padding-left:8px
}
.orderForm {
  padding-bottom:2px;
  color:var(--t_100);
  font-size:14px;
  font-weight:500;
  line-height:1.6
}
.orderForm {
  color:var(--t_400);
  font-size:14px;
  word-break:break-all;
  line-height:22px
}
.orderForm span:before {
  content:"|";
  display:inline-block;
  color:var(--t_700);
  margin:0 4px 0 1px
}
.orderForm {
  color:var(--t_100);
  font-size:16px;
  font-weight:500
}
.orderForm {
  color:var(--t_600);
  font-size:14px;
  text-decoration:line-through
}
.orderForm {
  margin-top:4px;
  line-height:22px;
  font-size:12px;
  color:var(--t_300);
  text-align:right
}
.orderForm b {
  color:var(--t_100);
  font-size:16px
}
.orderForm {
  display:block;
  margin:21px auto 1px;
  color:var(--t_500);
  line-height:1.5;
  font-size:.8571428571em
}
.orderForm:after {
  content:"*";
  color:var(--red)
}
.orderForm+.orderForm {
  margin-top:20px
}
.orderForm {
  display:flex;
  line-height:64px;
  border-bottom:1px solid var(--d_200)
}
.orderForm>label {
  margin-left:33px;
  line-height:inherit
}
.orderForm>label i:after,.orderForm>label i:before {
  margin-top:22px!important
}
.orderForm:nth-of-type(3) {
  border-bottom:1px solid var(--d_400)
}
.orderForm--noline {
  padding:8px 0 18px;
  border:0
}
.orderForm {
  color:var(--t_400);
  font-size:1em
}
.orderForm {
  flex:1 1;
  color:var(--t_200);
  font-size:1em;
  font-weight:500;
  text-align:right
}
.orderForm--price,.orderForm b {
  color:var(--t_brickRed);
  font-size:18px
}
.orderForm b {
  font-weight:500
}
.orderForm {
  display:block;
  width:100%;
  height:10px;
  margin:0;
  background:var(--b_200);
  border:0
}
.orderForm {
  width:100%;
  height:30px;
  padding:0 1px;
  color:var(--t_100);
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.32px;
  background:transparent;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:0;
  border-bottom:1px solid var(--d_400);
  border-radius:0
}
.orderForm[name=zipCode] {
  width:calc(100% - 96px);
  margin-bottom:22px
}
.orderForm::placeholder {
  color:var(--t_600)
}
.checkout+.orderForm,.orderForm+.orderForm {
  margin-top:1.5714285714em
}
.orderForm {
  float:right;
  width:84px;
  height:32px;
  margin-top:-2px;
  font-size:14px;
  background:var(--b_100);
  border:1px solid var(--d_400);
  border-radius:2px
}
.orderForm {
  margin-top:11px;
  padding-bottom:15px;
  color:var(--t_400);
  font-size:.8571428571em;
  line-height:1.5
}
.orderForm li {
  position:relative;
  margin:4px auto;
  padding-left:8px
}
.orderForm li:before {
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:2px;
  height:2px;
  background:var(--t_400)
}
.orderForm_ {
  margin:22px auto 40px
}
.orderForm_ i {
  color:var(--t_200)!important
}
.orderForm_ i b {
  font-weight:500
}
.orderForm {
  padding:6px 0 30px 28px;
  color:var(--t_400);
  font-size:.8571428571em
}
.orderForm ul {
  margin-top:8px;
  padding-left:20px;
  list-style:disc
}
.orderForm {
  display:flex;
  justify-content:center;
  margin-top:10px
}
@media(max-width:960px) {
  .orderForm button {
  width:100%
}

}
@media(min-width:961px) {
  .orderForm button {
  width:332px
}

}
.orderInfo,.paymentInfo,.productInfo_vP {
  display:block
}
.productInfo {
  padding-bottom:12px;
  color:var(--t_200);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-.28px;
  border-bottom:1px solid var(--d_300)
}
.productInfo {
  display:flex;
  padding-top:12px
}
.productInfo_jey {
  display:block;
  min-width:76px
}
.productInfo_jey img {
  display:block;
  width:100%
}
.productInfo {
  margin-left:12px;
  flex-grow:1
}
.productInfo {
  color:var(--t_200);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-.28px
}
.productInfo {
  color:var(--t_300)
}
.productInfo,.productInfo {
  margin:4px 0;
  font-weight:400;
  line-height:1.6;
  letter-spacing:-.28px
}
.productInfo {
  color:var(--t_500)
}
@media(max-width:960px) {
  .productInfo {
  margin:4px 0
}

}
@media(min-width:961px) {
  .productInfo {
  margin:12px 0 0
}

}
.productInfo {
  color:var(--t_200);
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-.32px
}
.productInfo {
  margin-left:6px;
  color:var(--t_600);
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-.24px;
  -webkit-text-decoration-line:line-through;
  text-decoration-line:line-through
}
.shippingInfo {
  display:block
}
.shippingInfo {
  color:var(--t_400);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.24px
}
.shippingInfo:before {
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:8px;
  margin-top:8px;
  vertical-align:top;
  background:var(--t_400);
  border-radius:4px
}
.shippingInfo {
  display:flex;
  margin-top:20px;
  justify-content:center
}
.shippingInfo,.shippingInfo {
  display:block
}
.shippingInfo+.shippingInfo {
  margin-top:16px
}
.shippingInfo {
  display:block;
  margin-bottom:4px;
  color:var(--t_400);
  font-weight:400;
  line-height:1.6;
  letter-spacing:-.28px
}
.shippingInfo--required:after {
  content:"*";
  color:var(--red)
}
.shippingInfo_ezt {
  display:flex;
  width:100%;
  padding:9px 12px;
  align-items:center;
  align-self:stretch;
  color:var(--t_200);
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.32px;
  border-radius:2px;
  border:1px solid var(--d_300);
  background:var(--b_200)
}
.shippingInfo {
  display:flex;
  justify-content:center;
  margin-top:12px
}
@media(max-width:639px) {
  .shippingInfo button {
  width:100%
}

}
.shippingInfo {
  display:flex;
  gap:4px;
  align-items:center
}
.shippingInfo input {
  flex-grow:1
}
.shippingInfo button {
  height:42px;
  line-height:42px
}
.shippingInfo+input {
  margin:8px 0
}
.shippingInfo {
  margin-left:20px;
  list-style:disc;
  color:var(--t_400);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.24px
}
.shippingInfo li+li {
  margin-top:4px
}
.accountOrder {
  display:flex;
  flex-direction:column;
  max-width:720px;
  margin:0 auto 80px;
  color:var(--t_200);
  font-size:14px
}
.accountOrder_RoQ {
  margin:0;
  color:var(--t_200);
  font-weight:500
}
@media(max-width:960px) {
  .accountOrder_RoQ {
  padding:8px 0;
  font-size:24px;
  line-height:1.35;
  letter-spacing:-.48px
}

}
@media(min-width:961px) {
  .accountOrder_RoQ {
  margin-bottom:32px;
  padding:11px 0;
  font-size:26px;
  line-height:1.3;
  letter-spacing:-.52px;
  text-align:center
}

}
.adult-form_ {
  display:flex;
  gap:8.95px;
  padding-left:2%;
  margin-top:24px;
  margin-bottom:24px
}
.adult-form--left {
  border-color:var(--b_400)!important
}
.lzSelect {
  display:flex
}
.lzSelect {
  width:100%;
  height:100%
}
.lzSelect {
  max-width:300px;
  min-width:216px;
  margin:0;
  padding:0;
  background:var(--b_100);
  border:1px solid var(--d_300)
}
.lzSelect[aria-expanded=true]>.lzSelect:after {
  transform:rotate(180deg)
}
.lzSelect {
  font-size:14px;
  color:var(--t_600);
  cursor:pointer
}
.lzSelect:after {
  transition:transform .15s ease-in-out;
  content:"";
  display:inline-block;
  width:8px;
  height:6px;
  margin-left:4px;
  vertical-align:middle;
  border-top:6px solid var(--t_400);
  border-left:4px solid transparent;
  border-right:4px solid transparent
}
.lzSelect_n {
  color:var(--t_200);
  background:transparent;
  font-weight:500
}
.lzSelect_n:empty {
  content:"";
  padding-left:2em;
  margin-right:4px;
  background:var(--b_300)
}
.list-item {
  padding:24px 24px 0;
  font-size:14px;
  line-height:22px;
  color:var(--t_500);
  border-top:none
}
.list-item--line {
  border-top:1px solid var(--d_300)
}
.list-item {
  display:block;
  width:100%;
  white-space:nowrap;
  text-align:left;
  padding:0 24px;
  font-size:16px;
  line-height:48px
}
.list-item:hover {
  background:var(--b_300)
}
.list-item--selected,.list-item[aria-selected=true] {
  font-weight:500
}
.list-item--selected:after,.list-item[aria-selected=true]:after {
  content:"";
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:top;
  margin-top:12px;
  background:url(//ccdn.lezhin.com/files/assets/img/24-check.svg) no-repeat 0 0/100%
}
@media(prefers-color-scheme:dark) {
  .list-item--selected:after,.list-item[aria-selected=true]:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-check-w.svg)
}

}
.adultIcon {
  display:inline-block;
  height:16px;
  vertical-align:middle;
  overflow:hidden;
  text-align:center;
  font-size:1px;
  font-style:normal;
  color:transparent;
  white-space:nowrap;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain
}
[role=tab]>.adultIcon {
  margin-left:4px;
  margin-bottom:3px
}
[class*=tab--line]>.adultIcon {
  position:absolute
}
@media(max-width:960px) {
  [class*=tab--line]>.adultIcon {
  bottom:12px
}

}
@media(min-width:961px) {
  [class*=tab--line]>.adultIcon {
  bottom:21px
}

}
html[lang=en] .adultIcon {
  width:15px
}
html[lang=en] .adultIcon--default {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ico-adult-en-lt.svg)
}
@media(prefers-color-scheme:dark) {
  html[lang=en] .adultIcon--default {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/ico-adult-en-dk.svg)
}

}
html[lang=en] .adultIcon--circleTab {
  background-image:url(//ccdn.lezhin.com/files/assets/img/lztab--en.svg)
}
html[lang=ja] .adultIcon {
  width:19px
}
html[lang=ja] .adultIcon--default {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ico-adult-ja-lt.svg)
}
@media(prefers-color-scheme:dark) {
  html[lang=ja] .adultIcon--default {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/ico-adult-ja-dk.svg)
}

}
html[lang=ja] .adultIcon--circleTab {
  background-image:url(//ccdn.lezhin.com/files/assets/img/lztab--ja.svg)
}
html[lang=ko] .adultIcon {
  width:19px
}
html[lang=ko] .adultIcon--default {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ico-adult-ko-lt.svg)
}
@media(prefers-color-scheme:dark) {
  html[lang=ko] .adultIcon--default {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/ico-adult-ko-dk.svg)
}

}
@keyframes slideUp {
  0% {
  transform:translateY(100%)
}
to {
  transform:translateY(0)
}

}
.modal {
  display:block;
  position:fixed;
  z-index:1050;
  top:50%;
  left:50%;
  margin:0;
  transform:translate(-50%,-50%);
  background:var(--b_100);
  box-shadow:0 1px 2px 0 rgba(0,0,0,.38);
  color:var(--t_200);
  border:0;
  outline:0;
  box-sizing:border-box;
  height:auto
}
@media(min-width:961px) {
  .modal {
  padding:48px 32px 32px
}

}
@media(max-width:960px) {
  .modal {
  padding:32px 24px 24px
}

}
@media(max-width:639px) {
  .modal {
  width:calc(100vw - 16px);
  height:auto;
  max-height:94%
}

}
@media(max-width:639px)and (orientation:landscape) {
  .modal {
  max-height:calc(100vh - 16px)
}

}
@media(max-width:639px)and (orientation:portrait) {
  .modal {
  max-height:calc(100vh - 88px)
}

}
@media(min-width:321px)and (max-width:639px) {
  .modal {
  width:calc(100vw - 32px)
}

}
@media(min-width:640px) {
  .modal {
  width:386px
}

}
.modal>:first-of-type {
  margin-top:0
}
.modal>:last-child {
  margin-bottom:0
}
@media(max-width:639px) {
  .modal--isBottomModal_ {
  top:auto;
  bottom:0;
  width:100%!important;
  left:0;
  transform:none;
  animation:slideUp .25s ease-in-out
}

}
.modal {
  position:absolute;
  top:18px;
  right:18px;
  width:28px;
  height:28px;
  color:transparent;
  overflow:hidden;
  background:url(//ccdn.lezhin.com/files/assets/img/28-close-lt.png) no-repeat 50%/24px
}
@media(prefers-color-scheme:dark) {
  .modal {
  background-image:url(//ccdn.lezhin.com/files/assets/img/28-close-dk.png)
}

}
@media(max-width:639px) {
  .modal {
  display:none
}

}
.modal {
  margin-bottom:24px;
  font-size:14px;
  line-height:24px
}
@media(max-width:960px) {
  [role=alertdialog] .modal {
  max-height:64vh;
  overflow-y:auto;
  overscroll-behavior-y:contain
}

}
@media(max-width:960px)and (orientation:landscape) {
  [role=alertdialog] .modal {
  max-height:calc(100vh - 188px)
}

}
@media(max-width:960px)and (orientation:portrait) {
  [role=alertdialog] .modal {
  max-height:calc(100vh - 260px)
}

}
.modal h3 {
  margin:0 0 8px;
  line-height:1.2;
  font-size:16px;
  color:var(--t_200);
  font-weight:500
}
.modal p {
  margin:16px 0;
  color:var(--t_400)
}
.modal h3+p {
  margin-top:8px
}
.modal a {
  text-decoration:underline;
  color:var(--t_blue)
}
.modal ul {
  margin:16px 0;
  padding-left:20px;
  list-style:disc
}
.modal li {
  margin-bottom:4px;
  line-height:1.5
}
.modal dl {
  margin:16px 0;
  padding-left:16px;
  line-height:1.5;
  border-left:1px solid var(--d_300)
}
.modal dt {
  font-weight:500
}
.modal dd {
  margin:0 0 16px
}
.modal>:first-of-type {
  margin-top:0
}
.modal>:last-child {
  margin-bottom:0
}
.modal {
  position:fixed;
  z-index:1050;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.7)
}
.appInstall {
  position:relative
}
@media(max-width:960px) {
  .appInstall {
  margin:20px auto 80px
}

}
@media(min-width:961px) {
  .appInstall {
  margin:32px auto 120px
}

}
.appInstall {
  color:var(--t_200);
  font-weight:700;
  text-align:center;
  margin:0
}
@media(max-width:639px) {
  .appInstall {
  padding:14px 0;
  font-size:16px;
  line-height:1.4
}

}
@media(min-width:640px)and (max-width:960px) {
  .appInstall {
  padding:28px 0;
  font-size:28px;
  line-height:1.4
}

}
@media(min-width:961px) {
  .appInstall {
  font-size:28px;
  line-height:80px
}

}
[lang=ko] .appInstall:before {
  content:".";
  opacity:0
}
.appInstall {
  display:flex;
  font-size:0
}
@media(max-width:960px) {
  .appInstall {
  flex-direction:column;
  gap:5.2631578947%
}

}
@media(min-width:961px) {
  .appInstall {
  flex-direction:row;
  gap:1.6949152542%
}

}
.appInstall {
  flex-grow:2
}
@media(max-width:960px) {
  .appInstall {
  flex-basis:88px
}

}
@media(min-width:961px) {
  .appInstall {
  flex-basis:872px
}

}
.appInstall {
  display:flex;
  flex-grow:1
}
@media(max-width:960px) {
  .appInstall {
  flex-basis:56px;
  flex-direction:row;
  gap:2.4390243902%
}

}
@media(min-width:961px) {
  .appInstall {
  flex-basis:288px;
  flex-direction:column;
  gap:10.7142857143%
}

}
.appInstall_I {
  flex-grow:1;
  display:block;
  background-repeat:no-repeat;
  background-size:100%
}
@media(max-width:960px) {
  .appInstall--plus {
  padding-top:30.5555555556%
}
[lang=ko] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-kr-m2.png)
}
[lang=ja] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-jp-m.png)
}
[lang=en] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-us-m2.png)
}

}
@media(min-width:961px) {
  .appInstall--plus {
  padding-top:25.6880733945%
}
[lang=ko] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-kr-d2.png)
}
[lang=ja] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-jp-w.png)
}
[lang=en] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-plus-us-w2.png)
}

}
@media(prefers-color-scheme:dark)and (max-width:960px) {
  [lang=ko] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-kr-m2.png)
}
[lang=ja] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-jp-m.png)
}
[lang=en] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-us-m2.png)
}

}
@media(prefers-color-scheme:dark)and (min-width:961px) {
  [lang=ko] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-kr-d2.png)
}
[lang=ja] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-jp-w.png)
}
[lang=en] .appInstall--plus {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-plus-us-w2.png)
}

}
.appInstall--android,.appInstall--ios_i {
  flex-grow:1
}
@media(max-width:960px) {
  .appInstall--android,.appInstall--ios_i {
  width:48.7804878049%;
  padding-top:17.0731707317%
}

}
@media(min-width:961px) {
  .appInstall--android,.appInstall--ios_i {
  width:100%;
  padding-top:34.7222222222%
}

}
@media(max-width:960px) {
  .appInstall--android {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-google-m.png)
}

}
@media(min-width:961px) {
  .appInstall--android {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-google-w.png)
}

}
@media(prefers-color-scheme:dark)and (max-width:960px) {
  .appInstall--android {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-google-m.png)
}

}
@media(prefers-color-scheme:dark)and (min-width:961px) {
  .appInstall--android {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-google-w.png)
}

}
@media(max-width:960px) {
  .appInstall--ios_i {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-appstore-m.png)
}

}
@media(min-width:961px) {
  .appInstall--ios_i {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/lt-btn-appstore-w.png)
}

}
@media(prefers-color-scheme:dark)and (max-width:960px) {
  .appInstall--ios_i {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-appstore-m.png)
}

}
@media(prefers-color-scheme:dark)and (min-width:961px) {
  .appInstall--ios_i {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/dk-btn-appstore-w.png)
}

}
.snsList_l_x {
  display:inline-block;
  width:40px;
  height:40px;
  margin:0 4px;
  vertical-align:middle;
  color:transparent;
  white-space:nowrap;
  background-color:var(--b_100);
  background-size:contain;
  background-repeat:no-repeat;
  border-radius:100%
}
.snsList_l_x:first-child {
  margin-left:0
}
.snsList--kakao {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-kakao-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--kakao {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-kakao-dk.png)
}

}
.snsList--instagram {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-insta-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--instagram {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-insta-dk.png)
}

}
.snsList--twitter_z {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-twitter2-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--twitter_z {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-twitter2-dk.png)
}

}
.snsList--naver {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-naver-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--naver {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-naver-dk.png)
}

}
.snsList--youtube {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-youtube-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--youtube {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-youtube-dk.png)
}

}
.snsList--jpBlog {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-blog-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--jpBlog {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-blog-dk.png)
}

}
.snsList--facebook {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-facebook-lt.png)
}
@media(prefers-color-scheme:dark) {
  .snsList--facebook {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/s-facebook-dk.png)
}

}
.footer {
  width:100%;
  color:var(--t_400);
  font-size:12px;
  line-height:1.5;
  background:var(--b_200)
}
@media(max-width:960px) {
  .footer {
  margin-left:-4px;
  margin-top:24px
}

}
@media(min-width:961px) {
  .footer {
  position:absolute;
  right:12px;
  bottom:24px
}
.footer {
  padding:35px 16px 95px
}
.footer:before {
  content:"";
  position:absolute;
  left:16px;
  bottom:36px;
  width:78px;
  height:16px;
  background:url(//ccdn.lezhin.com/files/assets/img/lezhin.png) no-repeat 0 0/auto 16px;
  opacity:.62
}
.footer:after {
  content:"";
  position:absolute;
  left:16px;
  bottom:72px;
  width:calc(100% - 32px);
  height:1px;
  background:var(--d_300)
}

}
@media(min-width:640px)and (max-width:960px) {
  .footer {
  padding:24px 36px
}

}
@media(max-width:639px) {
  .footer {
  padding:24px 20px
}

}
.heroBanner {
  position:relative;
  display:block;
  margin:auto;
  aspect-ratio:688/544
}
.heroBanner--placeHolder {
  width:100%;
  aspect-ratio:688/544;
  background:var(--b_300)
}
.heroBanner>img {
  position:absolute;
  top:0
}
.heroBanner {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  width:100%;
  border-radius:4px
}
.heroBanner:after,.heroBanner:before {
  content:"";
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:9;
  background:var(--b_100)
}
.heroBanner:before {
  right:100%
}
.heroBanner:after {
  left:100%
}
.heroBanner:hover button {
  opacity:1
}
.heroBanner {
  overflow:hidden;
  will-change:transform;
  flex-shrink:0;
  width:100%
}
@media(min-width:1281px) {
  .heroBanner {
  width:392px;
  margin-left:1px
}

}
@media(min-width:1069px)and (max-width:1280px) {
  .heroBanner {
  width:334px;
  margin-left:1px
}

}
@media(min-width:640px)and (max-width:1068px) {
  .heroBanner {
  width:33.34%
}
.heroBanner+.heroBanner {
  margin-left:1px
}

}
.heroBanner img {
  display:block;
  width:100%
}
@media(max-width:960px) {
  .heroBanner {
  margin:0 auto 20px
}

}
@media(min-width:961px) {
  .heroBanner {
  margin:0 auto 44px
}

}
.heroBanner {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  will-change:transform;
  box-sizing:content-box
}
.heroBanner {
  position:absolute;
  top:calc(50% - 20px);
  left:0;
  right:0;
  margin:-27px auto 0;
  background-color:red
}
@media(max-width:639px) {
  .heroBanner {
  display:none
}

}
.heroBanner--hidden {
  display:none
}
.heroBanner {
  position:absolute;
  z-index:5;
  box-sizing:border-box;
  width:54px;
  height:54px;
  padding:54px 0 0;
  overflow:hidden;
  border:0;
  opacity:0;
  transition:opacity .5s
}
.heroBanner:hover {
  opacity:1
}
.heroBanner:focus-visible {
  opacity:1
}
.heroBanner:disabled {
  opacity:0
}
.heroBanner--prev_ {
  left:2.3728813559%;
  background:url(https://ccdn.lezhin.com/files/assets/img/ico-hero-prev.png) no-repeat 0 0/100%
}
.heroBanner--next {
  right:2.3728813559%;
  background:url(https://ccdn.lezhin.com/files/assets/img/ico-hero-next.png) no-repeat 0 0/100%
}
[lang=ja] .iOSHomeScreen {
  letter-spacing:-.2px
}
@media(min-width:961px) {
  .iOSHomeScreen {
  display:none
}

}
@media(max-width:960px) {
  .iOSHomeScreen {
  display:block;
  position:fixed;
  z-index:999;
  bottom:25px;
  left:50%;
  width:280px;
  height:82px;
  margin-left:-140px;
  padding:10px 8px 10px 9px;
  color:var(--t_300);
  font-size:14px;
  line-height:1.36;
  background:var(--white);
  border:1px solid var(--d_300);
  border-radius:12px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .iOSHomeScreen {
  background:var(--b_200)
}

}
@media(max-width:960px) {
  .is-ios .iOSHomeScreen {
  display:block
}
.iOSHomeScreen.is-hide {
  display:none!important
}
.iOSHomeScreen:after,.iOSHomeScreen:before {
  content:"";
  position:absolute;
  left:50%;
  width:0;
  height:0;
  margin-left:-2px;
  border-top:13px solid var(--white);
  border-left:8px solid transparent;
  border-right:8px solid transparent
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .iOSHomeScreen:after,.iOSHomeScreen:before {
  border-top:13px solid var(--b_200)
}

}
@media(max-width:960px) {
  .iOSHomeScreen:before {
  z-index:2;
  bottom:-12px;
  margin-left:-1px;
  border-left:7px solid transparent;
  border-right:7px solid transparent
}
.iOSHomeScreen:after {
  z-index:1;
  bottom:-14px;
  border-top:14px solid var(--d_300);
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.2))
}
.iOSHomeScreen .ico-homescreen {
  display:inline-block;
  width:18px;
  height:18px;
  background:url(//ccdn.lezhin.com/files/assets/img/ico_ioshome-lt.png) no-repeat;
  background-size:100% 100%;
  vertical-align:middle;
  margin-top:-5px
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .iOSHomeScreen .ico-homescreen {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ico_ioshome-lt.png)
}

}
@media(max-width:960px) {
  .iOSHomeScreen .ios-homescreen-close {
  position:absolute;
  top:-29px;
  right:-29px;
  width:65px;
  height:65px;
  color:#fff;
  border:0;
  border-radius:100%
}
.iOSHomeScreen .ios-homescreen-close:before {
  content:"";
  position:absolute;
  z-index:2;
  top:20px;
  right:20px;
  width:24px;
  height:24px;
  border-radius:100%;
  background:var(--b2w) url(//ccdn.lezhin.com/files/assets/img/24-close-w.svg) no-repeat 50%/16px
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .iOSHomeScreen .ios-homescreen-close:before {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-close.svg)
}

}
@media(max-width:960px) {
  .iOSHomeScreen .ios-homescreen-msg {
  position:relative;
  height:60px;
  padding-left:70px;
  font-size:12px;
  line-height:1.5
}
.iOSHomeScreen .ios-homescreen-msg:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:60px;
  height:60px;
  background:url(//ccdn.lezhin.com/files/assets/img/ios-shortcut.png) no-repeat;
  background-size:100% 100%;
  border-radius:8px;
  overflow:hidden
}

}
@font-face {
  font-family:swiper-icons;
  src:url("data:application/font-woff;
  charset=utf-8;
  base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight:400;
  font-style:normal
}
:root {
  --swiper-theme-color:#007aff
}
.swiper {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}
.swiper-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper {
  transform:translateZ(0)
}
.swiper-pointer-events {
  touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical {
  touch-action:pan-x
}
.swiper-slide {
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height:auto
}
.swiper-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
  transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}
.swiper-3d .swiper-slide-shadow {
  background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-css-mode>.swiper-wrapper {
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before {
  content:"";
  flex-shrink:0;
  order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start:var(--swiper-centered-offset-before);
  margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before:var(--swiper-centered-offset-before);
  margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center;
  scroll-snap-stop:always
}
.topBanner {
  position:relative;
  width:100%;
  overflow:hidden
}
@media(min-width:1281px) {
  .topBanner {
  height:80px
}

}
@media(min-width:961px)and (max-width:1280px) {
  .topBanner {
  height:53px
}

}
@media(max-width:960px) {
  .topBanner {
  height:60px
}

}
.topBanner--placeholder_WH {
  background:var(--b_300)
}
.topBanner .swiper-pagination {
  position:absolute;
  z-index:2;
  padding:0 10px;
  width:auto;
  color:var(--white);
  font-family:Roboto,sans-serif;
  background:rgba(0,0,0,.3);
  border-radius:12px
}
@media(min-width:961px) {
  .topBanner .swiper-pagination {
  left:12px;
  bottom:8px;
  font-size:14px;
  line-height:22px;
  height:22px
}

}
@media(max-width:960px) {
  .topBanner .swiper-pagination {
  left:8px;
  bottom:4px;
  font-size:12px;
  line-height:18px;
  height:18px
}

}
.topBanner {
  display:block;
  position:relative
}
@media(min-width:1281px) {
  .topBanner {
  height:80px
}

}
@media(min-width:961px)and (max-width:1280px) {
  .topBanner {
  height:53px
}

}
@media(max-width:960px) {
  .topBanner {
  height:60px
}

}
.topBanner>img {
  display:block;
  width:auto;
  height:100%;
  margin:0 auto
}
.topBanner {
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:48px;
  height:48px;
  background:url(//ccdn.lezhin.com/files/assets/img/topbanner_close_2x.png) no-repeat 50%/100%
}
.topBanner .topBanner {
  position:absolute;
  z-index:2;
  padding:0 10px;
  width:auto;
  color:var(--white);
  font-family:Roboto,sans-serif;
  background:rgba(0,0,0,.3);
  border-radius:12px
}
@media(min-width:961px) {
  .topBanner .topBanner {
  left:12px;
  bottom:8px;
  font-size:14px;
  line-height:22px;
  height:22px
}

}
@media(max-width:960px) {
  .topBanner .topBanner {
  left:8px;
  bottom:4px;
  font-size:12px;
  line-height:18px;
  height:18px
}

}
.topBanner .topBanner:empty {
  display:none
}
.modalFooter {
  display:flex
}
@media(min-width:640px) {
  .modalFooter {
  gap:16px
}

}
@media(max-width:960px) {
  .modalFooter {
  gap:11px
}

}
[role=dialog] .modalFooter {
  justify-content:center
}
[role=alertdialog] .modalFooter {
  justify-content:flex-end
}
.modalFooter {
  font-style:normal;
  color:var(--d_300)
}
.modalHeader {
  margin-bottom:24px
}
.modalHeader {
  margin:0;
  font-size:20px;
  font-weight:500;
  line-height:28px
}
.modalHeader--isSmall_ {
  font-size:18px;
  letter-spacing:-.05em
}
.modalHeader {
  color:var(--t_500);
  font-size:12px
}
.modalHeader b {
  font-weight:400
}
@media(max-width:960px) {
  .presentMain {
  padding:16px 0
}

}
@media(min-width:961px) {
  .presentMain {
  padding:25px 0
}

}
.presentMain {
  display:flex;
  flex-wrap:wrap
}
@media(max-width:639px) {
  .presentMain {
  gap:16px
}

}
@media(min-width:640px)and (max-width:960px) {
  .presentMain {
  gap:16px 36px
}

}
@media(min-width:961px) {
  .presentMain {
  gap:16px 36px
}

}
.presentMain {
  padding:140px 0
}
@media(max-width:639px) {
  .presentMain {
  padding:100px 0
}

}
.topBtn {
  position:fixed;
  z-index:100;
  font-size:1px;
  color:transparent;
  background:var(--white);
  border:1px solid var(--d_300);
  border-radius:100%;
  overflow:hidden
}
@media(min-width:961px) {
  .topBtn {
  right:30px;
  bottom:30px;
  width:56px;
  height:56px;
  transform:translateY(100px);
  transition:transform .2s;
  will-change:transform
}

}
@media(max-width:960px) {
  .topBtn {
  right:8px;
  bottom:64px;
  width:48px;
  height:48px;
  transform:translateY(120px);
  transition:transform .2s;
  will-change:transform
}

}
.topBtn:after {
  content:"";
  position:absolute;
  background:url(https://ccdn.lezhin.com/files/assets/img/24-arrow-up.png) no-repeat
}
@media(min-width:961px) {
  .topBtn:after {
  top:11px;
  left:11px;
  width:32px;
  height:32px;
  background-size:32px 32px
}

}
@media(max-width:960px) {
  .topBtn:after {
  top:9px;
  left:9px;
  width:28px;
  height:28px;
  background-size:28px 28px
}

}
.topBtn--isShow {
  transform:translateY(0)
}
.topBtn--isShow:hover:after {
  opacity:.2
}
.topBtn_85 {
  position:absolute;
  top:76vh;
  width:0;
  height:0;
  overflow:hidden;
  opacity:0
}
.container {
  position:fixed;
  z-index:1000;
  left:50%;
  top:50%;
  margin:-24px 0 0 -24px;
  width:48px;
  height:48px;
  border-radius:3px;
  font-size:1px;
  color:transparent;
  background:rgba(0,0,0,.4)
}
@keyframes lz-spinner_ {
  to {
  transform:rotate(1turn)
}

}
.container:after {
  content:"";
  position:fixed;
  z-index:1000;
  left:50%;
  top:50%;
  margin:-14px 0 0 -14px;
  width:28px;
  height:28px;
  border-radius:50%;
  border:3px solid hsla(0,0%,100%,.8);
  border-top-color:transparent;
  animation:lz-spinner_ 1s linear infinite
}
.backdrop {
  position:fixed;
  z-index:950;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,.7)
}
.backdrop--alpha_ {
  background-color:transparent
}
.bookshomeBannerList_5R {
  margin-top:16px
}
@media(min-width:961px) {
  .bookshomeBannerList_5R {
  margin-bottom:36px
}

}
@media(max-width:960px) {
  .bookshomeBannerList_5R {
  margin-bottom:16px
}

}
.bookshomeInventoryContents_an6 {
  position:relative
}
@media(min-width:961px) {
  .bookshomeInventoryContents_an6 {
  padding-top:20px;
  padding-bottom:12px
}

}
@media(max-width:960px) {
  .bookshomeInventoryContents_an6 {
  padding:16px 0
}

}
.bookshomeSection [role=tablist] {
  margin-bottom:12px
}
.bookshomeContent_M3f {
  position:relative;
  padding-top:20px
}
@media(max-width:960px) {
  .bookshomeContent_M3f {
  padding-top:16px
}

}
.bookshomeContent_r {
  position:relative
}
.bookshomeContent:first-of-type {
  position:absolute;
  top:4px;
  right:0
}
.bookshomeContent {
  height:428px
}
.bookshomeContent_M3f .vy {
  color:var(--t_400)!important
}
.bookshomeRanking {
  padding-top:20px
}
@media(max-width:960px) {
  .bookshomeRanking {
  padding-top:16px;
  margin-bottom:8px
}

}
.bookshomeRanking .col3 {
  min-height:264px
}
@media(min-width:961px) {
  .exhibitBannerList {
  margin-top:16px;
  margin-bottom:36px
}

}
@media(max-width:960px) {
  .exhibitBannerList {
  margin-bottom:16px
}

}
.exhibitSection [role=tablist] {
  margin-bottom:24px
}
@media(min-width:961px) {
  .exhibitTab {
  margin-bottom:10px
}

}
@media(max-width:960px) {
  .exhibitTab {
  margin-bottom:8px
}

}
@media(min-width:961px) {
  .exhibitContents {
  padding-top:20px
}

}
@media(max-width:960px) {
  .exhibitContents {
  padding-top:16px
}

}
.exhibitContents .vy:first-of-type {
  margin-bottom:0;
  color:var(--t_400)
}
.exhibitContents .vy {
  color:var(--t_400)!important
}
.exhibitContents_ {
  color:var(--t_200)!important;
  height:428px
}
.libraryComicEpisodeList {
  position:relative;
  display:flex
}
@media(max-width:639px) {
  .libraryComicEpisodeList {
  display:block;
  margin-bottom:20px
}

}
@media(min-width:640px)and (max-width:960px) {
  .libraryComicEpisodeList {
  gap:28px;
  margin-bottom:40px
}

}
@media(min-width:961px) {
  .libraryComicEpisodeList {
  gap:56px;
  margin-bottom:40px
}

}
.libraryComicEpisodeList {
  position:relative;
  z-index:8;
  width:auto
}
@media(max-width:639px) {
  .libraryComicEpisodeList {
  width:100%;
  padding:12px 0 28px
}

}
.libraryComicEpisodeList {
  position:relative;
  width:100%
}
.libraryComicEpisodeList {
  position:absolute;
  top:0;
  right:0
}
.libraryComicEpisodeList {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid var(--d_200)
}
@media(max-width:639px) {
  .libraryComicEpisodeList {
  position:fixed;
  z-index:10;
  left:0;
  bottom:0;
  width:100%;
  margin:0;
  padding:8px 12px;
  justify-content:space-between;
  background:var(--b_100);
  border-top:1px solid var(--d_300)
}

}
@media(min-width:640px)and (max-width:960px) {
  .libraryComicEpisodeList {
  padding:8px 0
}

}
@media(min-width:961px) {
  .libraryComicEpisodeList {
  margin-top:16px;
  padding-top:20px
}

}
@media(max-width:639px) {
  .libraryComicEpisodeList {
  flex-grow:1
}

}
@media(min-width:640px)and (max-width:960px) {
  .libraryComicEpisodeList {
  width:80%
}

}
@media(min-width:961px) {
  .libraryComicEpisodeList {
  width:272px
}

}
.libraryLowerList_ {
  position:relative
}
.libraryProgress {
  padding:12px 0 20px
}
.libraryProgress progress {
  width:100%;
  height:6px;
  border:none;
  border-radius:3px
}
.libraryProgress progress::-webkit-progress-bar {
  background:var(--b_300);
  border-radius:3px
}
.libraryProgress progress::-webkit-progress-value {
  background:var(--red);
  border-radius:3px
}
.comicEpisodeList_5 {
  display:flex
}
@media(max-width:639px) {
  .comicEpisodeList_5 {
  display:block;
  margin-bottom:20px
}

}
@media(min-width:640px)and (max-width:960px) {
  .comicEpisodeList_5 {
  gap:28px;
  margin-top:12px;
  margin-bottom:40px
}

}
@media(min-width:961px) {
  .comicEpisodeList_5 {
  gap:56px;
  margin-bottom:40px
}

}
.comicEpisodeList {
  position:relative;
  width:auto
}
@media(max-width:639px) {
  .comicEpisodeList {
  width:100%;
  padding:12px 0 28px
}

}
@media(min-width:640px) {
  .comicEpisodeList {
  z-index:8
}

}
.comicEpisodeList {
  position:relative;
  width:100%
}
.comicEpisodeList {
  position:absolute;
  top:0;
  right:0
}
.comicEpisodeList {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid var(--d_200)
}
@media(max-width:639px) {
  .comicEpisodeList {
  --safe-area:env(safe-area-inset-bottom);
  position:fixed;
  z-index:10;
  left:0;
  bottom:0;
  width:100%;
  margin:0;
  padding:8px 12px calc(8px + var(--safe-area)) 12px;
  justify-content:space-between;
  background:var(--b_100);
  border-top:1px solid var(--d_300)
}

}
@media(min-width:640px)and (max-width:960px) {
  .comicEpisodeList {
  padding:8px 0
}

}
@media(min-width:961px) {
  .comicEpisodeList {
  margin-top:16px;
  padding-top:20px
}

}
@media(max-width:639px) {
  .comicEpisodeList {
  flex-grow:1
}

}
@media(min-width:640px)and (max-width:960px) {
  .comicEpisodeList {
  width:80%
}

}
@media(min-width:961px) {
  .comicEpisodeList {
  width:272px
}

}
.episodeLowerList {
  position:relative
}
@media(min-width:961px) {
  .episodeLowerList>[class*=episodeListScheduledAndSort] {
  padding:0 16px
}

}
.comicEpisodeListRentalAndPrefree_ {
  display:block;
  margin:16px 0;
  padding:8px 12px;
  border-radius:4px;
  border:1px solid var(--d_200)
}
.comicEpisodeListRentalAndPrefree {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:36px;
  padding-left:28px;
  font-size:14px;
  background:url(//ccdn.lezhin.com/files/assets/img/ep/20-rental-badge-lt.svg) 0 50%/20px 20px no-repeat
}
@media(prefers-color-scheme:dark) {
  .comicEpisodeListRentalAndPrefree {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ep/20-rental-badge-dk.svg)
}

}
@media(max-width:320px) {
  .comicEpisodeListRentalAndPrefree {
  padding-left:0;
  background:none
}

}
.comicEpisodeListRentalAndPrefree_ {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:36px;
  padding-left:28px;
  font-size:14px;
  background:url(//ccdn.lezhin.com/files/assets/img/ep/20-mamamu-badge-lt.svg) 0 50%/20px 20px no-repeat
}
@media(prefers-color-scheme:dark) {
  .comicEpisodeListRentalAndPrefree_ {
  background-image:url(//ccdn.lezhin.com/files/assets/img/ep/20-mamamu-badge-dk.svg)
}

}
@media(max-width:320px) {
  .comicEpisodeListRentalAndPrefree_ {
  padding-left:0;
  background:none
}

}
.comicEpisodeListRentalAndPrefree {
  display:inline-block;
  vertical-align:top
}
.comicEpisodeListRentalAndPrefree {
  display:inline-block;
  color:transparent;
  overflow:hidden;
  vertical-align:top;
  margin-left:4px
}
.comicEpisodeListRentalAndPrefree:before {
  content:"";
  display:block;
  width:14px;
  height:20px;
  background:url(//ccdn.lezhin.com/files/assets/img/lt-16-help-filled.svg) no-repeat 0 50%;
  background-size:100%
}
@media(prefers-color-scheme:dark) {
  .comicEpisodeListRentalAndPrefree:before {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk-16-help-filled.svg)
}

}
.comicEpisodeListRentalAndPrefree {
  color:var(--purple)
}
.comicEpisodeListRentalAndPrefree {
  padding:2.5px 12px;
  border-radius:32px;
  color:var(--purple);
  background-color:rgba(130,63,238,.1)
}
.comicEpisodeListRentalAndPrefree {
  padding-right:4px;
  color:var(--t_sea)
}
.comicEpisodeListRentalAndPrefree_6Ib {
  margin:0;
  position:relative;
  padding:0 0 8px 8px;
  font-size:14px;
  color:var(--t_300)
}
.comicEpisodeListRentalAndPrefree_6Ib:nth-of-type(1n) {
  margin:0
}
.comicEpisodeListRentalAndPrefree_6Ib:before {
  content:"";
  display:block;
  position:absolute;
  width:2px;
  height:2px;
  top:12px;
  left:0;
  background-color:var(--t_300)
}
.comicEpisodeListRentalAndPrefree_6Ib .wff {
  color:var(--t_sea)
}
.comicEpisodeListRentalAndPrefree_6Ib .wff {
  color:var(--t_pink)
}
.locale {
  text-align:center;
  padding-top:12%
}
.locale {
  font-weight:500;
  line-height:1.2
}
@media(min-width:961px) {
  .locale {
  font-size:30px
}

}
@media(max-width:960px) {
  .locale {
  font-size:24px
}

}
.locale_0 {
  line-height:1.6
}
@media(min-width:961px) {
  .locale_0 {
  margin:40px 0;
  font-size:20px
}

}
@media(max-width:960px) {
  .locale_0 {
  margin:32px 0;
  font-size:14px
}

}
.locale {
  display:flex;
  flex-direction:column;
  align-items:center
}
.locale_ {
  display:flex;
  margin:32px 0
}
@media(min-width:961px) {
  .locale_ {
  justify-content:center
}

}
@media(max-width:960px) {
  .locale_ {
  align-items:flex-start;
  flex-direction:column;
  gap:8px
}

}
@media(min-width:961px) {
  .locale_ .lzRadio:last-child {
  margin-right:0
}

}
@media(max-width:960px) {
  .locale_ .lzRadio {
  margin-bottom:8px;
  margin-left:-56px
}

}
.locale {
  display:flex;
  justify-content:center;
  margin:16px 0
}
.locale {
  margin:24px 0;
  text-align:center;
  font-size:13px;
  line-height:1.6;
  word-break:keep-all;
  word-wrap:break-word
}
.episodeListEventNotice {
  padding:9px;
  text-align:center;
  color:var(--t_200);
  font-size:14px;
  letter-spacing:-.02em;
  line-height:1.6;
  background:var(--b_150);
  border-radius:4px
}
.serial-ask-modal,.serial-ask-modal>p {
  color:var(--t_300)!important
}
.userMenuFooter_c {
  padding:0 16px
}
.userMenuFooter {
  margin:16px auto;
  display:flex;
  flex-direction:row;
  gap:20px;
  border-radius:4px;
  background-color:var(--b_200)
}
[lang=en] .userMenuFooter {
  gap:3px
}
.userMenuFooter {
  position:relative;
  color:var(--t_400);
  font-size:14px;
  flex:1 1;
  text-align:center
}
@media(max-width:960px) {
  .userMenuFooter {
  height:44px;
  line-height:44px
}

}
@media(min-width:961px) {
  .userMenuFooter {
  height:40px;
  line-height:40px
}

}
[lang=en] .userMenuFooter {
  flex-basis:auto
}
.userMenuFooter:first-child:after {
  content:"";
  position:absolute;
  right:-11px;
  width:0;
  height:20px;
  border-right:1px solid var(--d_300)
}
@media(max-width:960px) {
  .userMenuFooter:first-child:after {
  top:12px
}

}
@media(min-width:961px) {
  .userMenuFooter:first-child:after {
  top:10px
}

}
[lang=en] .userMenuFooter:first-child:after {
  right:-2px
}
.userMenuFooter {
  display:flex;
  align-items:center;
  position:relative;
  padding:0 16px 0 42px;
  margin:0 -16px;
  height:40px;
  color:var(--t_100);
  font-size:14px;
  line-height:1;
  background:var(--b_100);
  white-space:normal;
  word-wrap:break-word;
  overflow-wrap:break-word
}
[lang=en] .userMenuFooter,[lang=ja] .userMenuFooter {
  line-height:1.4;
  font-weight:500;
  text-wrap:balance
}
.userMenuFooter:before {
  content:"";
  position:absolute;
  left:4px;
  top:6px;
  width:28px;
  height:28px;
  background:url(//ccdn.lezhin.com/files/assets/img/samsung-plus.png) no-repeat 0/contain
}
.userMenuFooter {
  position:relative;
  display:block;
  height:40px;
  margin:20px auto;
  padding-left:40px;
  color:var(--t_200);
  font-size:14px;
  line-height:19.6px;
  white-space:nowrap;
  background:url(//ccdn.lezhin.com/files/assets/img/ja/icon-welcome-gift.png) no-repeat 0 50%/32px 32px
}
.userMenuFooter {
  margin:16px auto;
  line-height:1
}
.userMenuFooter a {
  margin:0 6px
}
.userMenu {
  display:block;
  background:var(--b_100);
  z-index:5;
  text-align:left;
  transform:translateZ(0);
  transition:transform .22s ease-in-out,opacity .22s ease-in-out
}
@media(min-width:961px) {
  .userMenu {
  position:absolute;
  top:-1px;
  right:15px;
  width:300px;
  border:1px solid var(--d_300);
  box-shadow:0 6px 20px 0 rgba(0,0,0,.2);
  transform:scale(0);
  transform-origin:274px 28px;
  opacity:0;
  border-radius:8px
}
.userMenu--isOpen {
  transform:scale(1);
  opacity:1
}

}
@media(max-width:960px) {
  .userMenu {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  overflow-y:auto;
  transform:translateX(100%);
  opacity:0
}
.userMenu--isOpen {
  transform:translateX(0);
  opacity:1
}

}
.userMenu {
  position:absolute;
  z-index:3;
  right:0;
  top:0;
  width:48px;
  height:48px;
  padding-top:48px;
  margin:4px 0;
  overflow:hidden;
  color:transparent;
  border:0
}
.userMenu:after,.userMenu:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
  width:18px;
  height:2px;
  background:var(--b2w)
}
.userMenu:before {
  transform:rotate(45deg)
}
.userMenu:after {
  transform:rotate(-45deg)
}
.lzEmpty {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:500;
  font-size:14px
}
.lzEmpty--hasImage:before {
  content:"";
  display:block;
  width:96px;
  height:140px;
  background:url(//ccdn.lezhin.com/files/assets/img/empty-book-lt.png) no-repeat 0 0/100%;
  margin-bottom:28px
}
@media(max-width:320px) {
  .lzEmpty--hasImage:before {
  margin-bottom:24px
}

}
@media(prefers-color-scheme:dark) {
  .lzEmpty--hasImage:before {
  background:url(//ccdn.lezhin.com/files/assets/img/empty-book-dk.png) no-repeat 0 0/100%
}

}
.lzEmpty--title_ {
  font-size:18px;
  color:var(--t_200);
  line-height:1.35;
  letter-spacing:-.36px;
  text-align:center;
  margin-bottom:12px
}
@media(max-width:320px) {
  .lzEmpty--title_ {
  font-size:16px;
  line-height:1.4;
  letter-spacing:-.32px;
  margin-bottom:8px
}

}
.lzEmpty--subtitle {
  color:var(--t_400);
  font-weight:400;
  line-height:1.6;
  letter-spacing:-.28px;
  text-align:center
}
.lzEmpty--lineBreak {
  white-space:break-spaces
}
.toggleFilter {
  position:relative
}
.toggleFilter {
  position:relative;
  font-size:14px;
  font-style:normal;
  line-height:48px;
  color:var(--t_500)
}
.toggleFilter--active {
  font-weight:500;
  color:var(--t_200)
}
.toggleFilter:last-of-type {
  margin-left:19px
}
.toggleFilter:last-of-type:before {
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  left:-11px;
  bottom:22px;
  border-radius:50%;
  background:hsla(0,0%,44%,.75)
}
@media(max-width:960px) {
  .toggleFilter {
  font-size:14px
}
.dailyFreeGuideBanner {
  margin-left:-16px;
  margin-right:-16px
}

}
@media(min-width:961px) {
  .dailyFreeGuideBanner {
  margin-top:16px;
  margin-bottom:36px
}

}
.dailyFreeGuideBanner {
  position:relative
}
.dailyFreeGuideBanner>img {
  display:block;
  top:0;
  width:100%;
  height:auto
}
.orderForm_Sb {
  border-top:1px solid var(--d_200);
  color:var(--t_100);
  font-size:14px
}
.orderForm_Sb h3 {
  margin:16px 0;
  font-size:14px;
  line-height:20px;
  font-weight:400
}
.orderForm_Sb p,.orderForm_Sb ul {
  color:var(--t_400);
  font-size:.8571428571em
}
.orderForm_Sb ul {
  margin-top:8px;
  padding-left:20px;
  list-style:disc
}
.supports {
  display:flex;
  align-items:center;
  justify-content:flex-end
}
@media(max-width:960px) {
  .supports {
  height:48px
}

}
@media(min-width:640px) {
  .supports {
  height:64px
}

}
.toggleContentMode {
  position:relative;
  width:48px;
  height:48px;
  margin-right:12px;
  overflow:hidden;
  white-space:nowrap;
  color:transparent;
  border:0
}
.toggleContentMode {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  color:transparent;
  background-size:48px 32px;
  background-repeat:no-repeat;
  background-position:50%
}
[lang=ko] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-ko-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ko] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-ko-dk.png)
}

}
[lang=ja] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-ja-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ja] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-ja-dk.png)
}

}
[lang=en] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-en-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=en] .toggleContentMode {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-off-en-dk.png)
}

}
[lang=ko] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-ko-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ko] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-ko-dk.png)
}

}
[lang=ja] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-ja-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ja] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-ja-dk.png)
}

}
[lang=en] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-en-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=en] .toggleContentMode--on_F {
  background-image:url(https://ccdn.lezhin.com/files/assets/img/btn-adult-on-en-dk.png)
}

}
.header {
  position:relative;
  display:flow-root;
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  z-index:10;
  background-color:var(--b_100);
  white-space:nowrap
}
@media(max-width:960px) {
  .header {
  width:100%
}

}
@media(min-width:640px) {
  .header {
  padding-left:16px;
  padding-right:16px
}

}
@media(min-width:961px)and (max-width:1280px) {
  .header {
  max-width:1036px
}

}
@media(min-width:1281px) {
  .header {
  max-width:1212px
}

}
@media(max-width:1084px) {
  .header {
  grid:52px 48px/56px;
  border-top:8px solid var(--b_100);
  border-bottom:12px solid var(--b_100)
}

}
@media(max-width:320px),(max-width:960px)and (orientation:landscape) {
  .header {
  margin-bottom:0
}

}
@media(min-width:1085px) {
  .header {
  grid:64px/64px auto 208px;
  line-height:64px;
  box-shadow:-1000px 0 0 var(--b_100),1000px 0 0 var(--b_100);
  border-top:24px solid var(--b_100);
  border-bottom:24px solid var(--b_100)
}

}
@media(max-width:960px) {
  .header:after,.header:before {
  content:"";
  position:absolute;
  z-index:2;
  top:48px;
  bottom:0;
  width:24px;
  pointer-events:none
}
.header:before {
  left:0;
  background:linear-gradient(to right,var(--b_100),hsla(0,0%,100%,0))
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .header:before {
  background:linear-gradient(to right,var(--b_100),transparent)
}

}
@media(max-width:960px) {
  .header:after {
  right:0;
  background:linear-gradient(to left,var(--b_100),hsla(0,0%,100%,0))
}

}
@media(max-width:960px)and (prefers-color-scheme:dark) {
  .header:after {
  background:linear-gradient(to left,var(--b_100),transparent)
}

}
.header~[src*="cm.g."],.header~iframe:not([class]) {
  display:none
}
@media(max-width:1084px) {
  .searchHeader {
  grid:52px 0/56px;
  border:0
}

}
@media(max-width:960px) {
  .episodeListHeader {
  display:none
}

}
.lib {
  display:flex;
  gap:25px
}
@media(max-width:960px) {
  .lib {
  justify-content:space-between;
  width:100%
}

}
.lib--combo {
  display:flex;
  gap:4px;
  align-items:baseline;
  line-height:48px;
  font-weight:500!important;
  color:var(--t_200)!important
}
.lib--combo:after {
  content:"";
  display:inline-block;
  width:8px;
  height:6px;
  margin-left:4px;
  vertical-align:middle;
  border-top:6px solid var(--t_400);
  border-left:4px solid transparent;
  border-right:4px solid transparent
}
.lib--empty_J {
  height:1.5em;
  padding-left:2em;
  margin-right:4px;
  background:var(--b_300);
  font-size:14px;
  font-weight:500;
  line-height:1.6
}
.lib--edit {
  height:48px
}
.lib--edit:disabled {
  color:var(--t_700)
}
@media(max-width:960px) {
  .lib--edit {
  padding-right:13px
}

}
.lib {
  font-size:14px;
  color:var(--t_400)!important;
  font-weight:200
}
.lib,.lib {
  display:flex
}
.lib .hy {
  position:relative
}
.lib .hy {
  line-height:1.4!important;
  font-weight:200;
  margin-top:8px!important
}
@media(max-width:960px) {
  .lib .hy {
  margin-top:4px!important
}

}
.lib .hy {
  margin-top:8px!important;
  padding-right:0!important
}
@media(max-width:960px) {
  .lib .hy {
  margin-top:4px!important;
  margin-bottom:6px!important
}

}
.lib .hy {
  margin-top:6px!important
}
.lib {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:center;
  justify-items:center;
  gap:20px;
  padding:128px 0 104px
}
@media(max-width:960px) {
  .lib {
  padding:64px 0
}

}
.lib :first-child :first-child {
  font-size:14px;
  line-height:1.6;
  margin:4px 15px
}
@media(max-width:960px) {
  .lib :first-child :first-child {
  margin:4px 15px
}

}
.lib :first-child :nth-child(2) {
  font-size:12px;
  line-height:1.6;
  margin:0 15px 2px
}
@media(max-width:960px) {
  .lib :first-child :nth-child(2) {
  margin:0 15px 2px
}

}
.lib_ {
  position:absolute;
  z-index:2;
  top:42px
}
@media(max-width:960px) {
  .lib_ {
  right:0
}

}
@media(min-width:640px) {
  .lib_ {
  right:24px
}

}
.lib {
  display:flex;
  align-items:center;
  gap:5px
}
.libPurchase {
  position:absolute;
  z-index:1;
  bottom:10px;
  padding:5px 6px 5px 8px;
  font-size:12px;
  font-weight:500;
  text-align:center;
  line-height:1.5;
  white-space:nowrap;
  color:var(--t_300);
  background-color:var(--b_200);
  border-radius:2px
}
@media(min-width:640px) {
  .libPurchase {
  right:36px
}

}
@media(max-width:639px) {
  .libPurchase {
  right:0
}

}
.libPurchase:after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:12px;
  height:14px;
  margin-top:-2px;
  margin-left:-1px;
  background:url(//ccdn.lezhin.com/files/assets/img/lt-16-chevron-right.png) no-repeat 50%/14px auto
}
@media(prefers-color-scheme:dark) {
  .libPurchase:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk-16-chevron-right.png)
}

}
.library--edit_2R .libPurchase {
  display:none
}
.libPurchase {
  position:absolute;
  top:50%;
  right:0;
  color:transparent;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:129%;
  transform:translateY(-50%);
  overflow:hidden
}
@media(min-width:961px) {
  .libPurchase {
  width:72px;
  height:72px
}

}
@media(max-width:960px) {
  .libPurchase {
  width:54px;
  height:54px
}

}
[lang=ko] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-ko-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ko] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-ko-dk.png)
}

}
[lang=en] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-en-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=en] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-en-dk.png)
}

}
[lang=ja] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-ja-lt.png)
}
@media(prefers-color-scheme:dark) {
  [lang=ja] .libPurchase {
  background-image:url(//ccdn.lezhin.com/files/assets/img/stamp-area-ja-dk.png)
}

}
.library--edit_2R .libPurchase {
  display:none
}
.lib-search-bar {
  display:flex;
  width:100%;
  margin:11px 0;
  background:var(--b_300);
  border-radius:4px
}
@media(min-width:961px) {
  .lib-search-bar {
  max-width:320px
}

}
@media(max-width:960px) {
  .library--edit_2R .lib-search-bar {
  display:none
}

}
@media(min-width:961px) {
  .library--edit_2R .lib-search-bar {
  opacity:0;
  pointer-events:none
}

}
.lib-search-bar input::placeholder {
  color:var(--t_600)
}
.lib-search-bar {
  width:348px;
  flex-grow:2;
  padding:10px 12px;
  color:var(--t_100);
  border:0;
  background:transparent
}
@media(max-width:960px) {
  .lib-search-bar {
  font-size:16px
}

}
@media(min-width:961px) {
  .lib-search-bar {
  font-size:14px
}

}
.lib-search-bar_ {
  height:44px;
  flex-shrink:0;
  color:transparent;
  overflow:hidden
}
.lib-search-bar--search {
  width:44px;
  background:transparent url(//ccdn.lezhin.com/files/assets/img/28-search.svg) no-repeat 50%/24px
}
@media(prefers-color-scheme:dark) {
  .lib-search-bar--search {
  filter:invert(1)
}

}
.lib-search-bar--reset {
  position:relative;
  z-index:1;
  width:34px;
  margin-right:-9px;
  color:transparent;
  overflow:hidden
}
.lib-search-bar--reset:before {
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:12px;
  height:12px;
  transform:translate(-50%,-50%);
  background:var(--black);
  opacity:.2;
  border-radius:100%
}
.lib-search-bar--reset:after {
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(//ccdn.lezhin.com/files/assets/img/24-close-w.svg) no-repeat 50%/10px
}
.libAlarm_ {
  display:block;
  position:absolute;
  top:28px;
  width:48px;
  height:48px
}
@media(max-width:960px) {
  .libAlarm_ {
  right:0
}

}
@media(min-width:640px) {
  .libAlarm_ {
  right:24px
}

}
.libAlarm {
  position:absolute;
  width:100%;
  height:100%;
  opacity:0
}
.libAlarm {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%
}
.libAlarm:after,.libAlarm:before {
  content:"";
  width:32px;
  height:32px
}
.libAlarm:before {
  border-radius:100%;
  background-color:var(--b_200)
}
.libAlarm:after {
  position:absolute;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:20px;
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-alarm-off.svg)
}
@media(prefers-color-scheme:dark) {
  .libAlarm:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk-24-alarm-off.svg)
}

}
.library--edit_2R .libAlarm_ {
  display:none
}
.libEdit {
  justify-content:space-between;
  position:relative
}
@media(max-width:960px) {
  .libEdit {
  margin:14px 0 0
}

}
.library--edit_2R .libEdit {
  display:flex;
  animation:fadeIn .2s ease-in-out
}
@media(min-width:961px) {
  .library--edit_2R .libEdit {
  position:absolute;
  width:100%;
  top:-60px
}

}
.libEdit {
  position:relative;
  overflow:hidden;
  width:44px;
  white-space:nowrap;
  font-size:1px;
  line-height:0;
  color:transparent
}
@media(max-width:960px) {
  .libEdit {
  height:48px
}

}
@media(min-width:961px) {
  .libEdit {
  height:56px
}

}
.libEdit--open {
  position:absolute;
  z-index:2;
  top:0;
  color:var(--t_200);
  font-size:14px;
  animation:fadeIn .1s ease-in
}
.libEdit--open[disabled] {
  color:var(--t_700)
}
.library--edit_2R .libEdit--open {
  display:none
}
@media(max-width:960px) {
  .libEdit--open {
  right:6px;
  margin-right:-2px
}

}
@media(min-width:961px) {
  .libEdit--open {
  right:0
}

}
.libEdit--none {
  display:none
}
.libEdit--close,.libEdit--delete,.libEdit--hide,.libEdit--show_cxj {
  background-position:50%;
  background-repeat:no-repeat
}
@media(max-width:960px) {
  .libEdit--close,.libEdit--delete,.libEdit--hide,.libEdit--show_cxj {
  margin-left:4px
}

}
@media(min-width:961px) {
  .libEdit--close,.libEdit--delete,.libEdit--hide,.libEdit--show_cxj {
  margin-left:12px
}

}
@media(prefers-color-scheme:dark) {
  .libEdit--close,.libEdit--delete,.libEdit--hide,.libEdit--show_cxj {
  filter:invert(1)
}

}
.libEdit--close:disabled,.libEdit--delete:disabled,.libEdit--hide:disabled,.libEdit--show_cxj:disabled {
  opacity:.2
}
.libEdit--close {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-close.svg)
}
.libEdit--hide {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-invisible.svg)
}
.libEdit--show_cxj {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-visible.svg)
}
.libEdit--delete {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-trashcan.svg)
}
.libEdit--visible {
  display:block
}
.libEdit>.lzCheck_gX_>i {
  overflow:hidden;
  width:32px;
  padding-left:0;
  font-size:1px;
  color:transparent!important
}
@media(max-width:960px) {
  .libEdit>.lzCheck_gX_>i {
  height:44px
}

}
@media(min-width:961px) {
  .libEdit>.lzCheck_gX_>i {
  height:56px
}

}
.libEdit>.lzCheck_gX_>i:before {
  width:20px;
  height:20px;
  right:0
}
@media(max-width:960px) {
  .libEdit>.lzCheck_gX_>i:before {
  top:11px
}

}
@media(min-width:961px) {
  .libEdit>.lzCheck_gX_>i:before {
  top:17px
}

}
.libEdit>.lzCheck_gX_ :checked+i:after {
  right:4px
}
@media(max-width:960px) {
  .libEdit>.lzCheck_gX_ :checked+i:after {
  top:16px
}

}
@media(min-width:961px) {
  .libEdit>.lzCheck_gX_ :checked+i:after {
  top:22px
}

}
.libEdit {
  display:flex;
  align-items:center;
  height:44px;
  gap:4px;
  flex:2 1;
  padding-top:3px;
  color:var(--t_400);
  background:none
}
.library--selected .libEdit {
  color:var(--t_100)
}
.libEdit {
  font-family:Roboto,sans-serif;
  font-size:14px;
  font-weight:500;
  padding-top:1px
}
@media(max-width:960px) {
  .libEdit {
  line-height:44px
}

}
@media(min-width:961px) {
  .libEdit {
  line-height:56px
}

}
.en-US .libEdit,.ko-KR .libEdit {
  margin-right:4px
}
:focus+.libAlarm {
  outline:4px auto #3b99fc
}
:focus+.libAlarm:before {
  background-color:var(--b_400)
}
@media(hover) {
  :hover>.libAlarm:before {
  background-color:var(--b_400)
}

}
:checked+.libAlarm:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-alarm-on.svg)
}
@media(prefers-color-scheme:dark) {
  :checked+.libAlarm:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk-24-alarm-on.svg)
}

}
.lzFilterModal_iiW {
  padding:0 0 20px!important
}
@media(max-width:639px) {
  .lzFilterModal_iiW,.lzFilterModal_7f {
  position:fixed;
  bottom:0;
  width:100%;
  height:auto;
  max-height:94%
}
.lzFilterModal_7f {
  top:0
}

}
.lzFilterModal_Ol5 {
  position:absolute;
  top:18px;
  right:18px;
  width:28px;
  height:28px;
  color:transparent;
  overflow:hidden;
  background:url(//ccdn.lezhin.com/files/assets/img/28-close-lt.png) no-repeat 50%/24px
}
@media(prefers-color-scheme:dark) {
  .lzFilterModal_Ol5 {
  background-image:url(//ccdn.lezhin.com/files/assets/img/28-close-dk.png)
}

}
@media(max-width:639px) {
  .lzFilterModal_Ol5 {
  display:none
}

}
.lzFilterModal {
  padding:24px 24px 12px;
  font-size:14px;
  line-height:22px;
  color:var(--t_500)
}
.lzFilter+.lzFilterModal {
  border-top:1px solid var(--d_300)
}
.lzFilterModal {
  margin:0 0 12px
}
.lzFilterModal {
  display:block;
  width:100%;
  white-space:nowrap;
  text-align:left;
  padding:0 24px 0 64px;
  font-size:16px;
  line-height:44px
}
.lzFilterModal:hover {
  background:var(--b_300)
}
.lzFilterModal[aria-selected=true] {
  font-weight:500
}
.lzFilterModal[aria-selected=true]:after {
  content:"";
  position:absolute;
  left:24px;
  width:24px;
  height:24px;
  vertical-align:top;
  margin-top:12px;
  background:url(//ccdn.lezhin.com/files/assets/img/24-check.svg) no-repeat 0 0/100%
}
@media(prefers-color-scheme:dark) {
  .lzFilterModal[aria-selected=true]:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/24-check-w.svg)
}

}
@media(min-width:961px) {
  .subscriptionModal {
  padding:48px 32px 32px
}

}
@media(max-width:960px) {
  .subscriptionModal {
  padding:32px 24px 24px
}

}
.subscriptionModal_ {
  margin-bottom:24px;
  font-size:20px;
  font-weight:500;
  line-height:28px
}
.subscriptionModal {
  margin-bottom:24px;
  line-height:24px;
  color:var(--t_300);
  font-size:14px
}
.subscriptionModal {
  display:flex;
  justify-content:flex-end
}
@media(min-width:640px) {
  .subscriptionModal {
  gap:16px
}

}
@media(max-width:960px) {
  .subscriptionModal {
  gap:11px
}

}
@keyframes fadeIn {
  0% {
  opacity:0
}
to {
  opacity:1
}

}
.lib-header {
  z-index:3;
  top:0;
  background:var(--b_100)
}
@supports((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) {
  .lib-header {
  position:-webkit-sticky;
  position:sticky
}

}
.lib-list .hy {
  padding:0
}
.lib-list .hy {
  font-size:16px;
  padding-right:60px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:unset!important
}
.lib-controls {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:66px;
  margin-bottom:11px
}
@media(min-width:961px) {
  .lib-controls {
  padding-right:9px
}

}
@media(max-width:960px) {
  .lib-controls {
  padding-right:0;
  flex-direction:column;
  min-height:56px
}

}
.lib-controls--edit {
  animation:fadeIn .2s ease-in-out
}
@media(max-width:960px) {
  .lib-controls--edit {
  margin-bottom:6px;
  flex-direction:row;
  min-height:56px
}

}
.lib-controls_ {
  position:relative
}
@media(min-width:961px) {
  .lib-controls_ .lzFilter_ER {
  position:absolute;
  right:60px;
  margin-top:-61px
}
.library--edit .lib-controls_ .lzFilter_ER {
  position:static;
  margin-top:0
}
.lib-controls_ .libEdit {
  right:0;
  margin-top:-61px
}
.library--edit .lib-controls_ .libEdit {
  position:static;
  margin-top:0
}

}
.lib-controls~.lzComic {
  margin-top:10px
}
.coinProductDetailInfoIcon:before {
  width:14px;
  height:14px;
  margin-bottom:-2px
}
.coinProductMonthPreFix_j {
  font-size:16px
}
@media(max-width:960px) {
  .coinProductMonthPreFix_j {
  font-size:14px
}

}
:disabled .coinProductBadge {
  filter:grayscale(1);
  opacity:.5
}
.coinProductIcon {
  display:inline-block;
  margin-right:4px;
  font-size:20px
}
.coinProductIcon:before {
  margin-right:2px;
  width:14px;
  height:14px;
  margin-bottom:0
}
.coinProductIcon:not(:last-of-type):after {
  content:"+";
  margin-left:4px
}
@media(max-width:960px) {
  .coinProductIcon {
  font-size:18px
}

}
:disabled .coinProductIcon:before {
  filter:grayscale(1);
  opacity:.5
}
.friendModal {
  position:relative;
  margin:12px 0;
  padding-top:16px;
  font-size:0
}
.friendModal {
  display:block;
  position:static;
  margin:8px 0 16px;
  line-height:16px;
  font-size:12px;
  white-space:normal
}
.friendModal--on {
  color:var(--red)
}
.friendModal input {
  display:block;
  width:100%;
  height:32px;
  margin-bottom:8px;
  line-height:32px;
  padding:0 2px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--d_300);
  box-sizing:border-box;
  font-size:16px;
  font-weight:500
}
.friendModal label {
  position:absolute;
  top:24px;
  left:0;
  z-index:2;
  width:100%;
  line-height:16px;
  color:var(--t_600);
  font-size:14px;
  font-weight:500;
  transition:all .3s;
  pointer-events:none
}
.friendModal--filled label {
  top:0;
  color:var(--t_500);
  font-size:12px;
  font-weight:400
}
.friendModal {
  margin:12px 0;
  color:var(--t_200);
  line-height:16px;
  font-size:12px
}
.friendModal {
  margin:38px 0 16px;
  color:var(--t_100);
  font-size:12px;
  line-height:18px
}
.pgMethodsModal {
  position:relative;
  display:block;
  border-radius:0;
  width:768px;
  margin:40px auto;
  padding:56px 72px 32px;
  transform:unset;
  top:unset;
  left:unset
}
@media(max-width:960px) {
  .pgMethodsModal {
  width:100%;
  min-height:100%;
  padding:56px 12px 12px;
  font-size:12px;
  margin:0
}

}
.pgMethodsModal {
  margin-bottom:12px
}
.pgMethodsModal {
  position:absolute;
  top:6px;
  right:8px;
  width:40px;
  height:40px;
  color:transparent;
  background:url(//ccdn.lezhin.com/files/assets/img/payment/btn_close.png) no-repeat 50% 50%;
  background-size:20px 20px;
  cursor:pointer
}
@media(max-width:960px) {
  .pgMethodsModal {
  top:10px;
  right:8px
}

}
@media(prefers-color-scheme:dark) {
  .pgMethodsModal {
  filter:invert(1)
}

}
.pgMethodsModal {
  display:flex;
  align-items:center;
  height:57px;
  margin-bottom:57px;
  border-top:1px solid var(--d_400);
  border-bottom:1px solid var(--d_400);
  font-size:20px
}
@media(max-width:960px) {
  .pgMethodsModal {
  margin-bottom:41px;
  font-size:16px
}

}
.pgMethodsModal {
  flex-grow:1;
  margin-right:8px;
  line-height:24px;
  max-width:calc(100% - 84px)
}
.pgMethodsModal {
  margin-right:4px;
  font-size:inherit;
  white-space:unset
}
.pgMethodsModal:before {
  margin-right:2px;
  margin-bottom:-1px
}
.pgMethodsModal:not(:last-of-type):after {
  content:"+";
  margin-left:3px
}
.pgMethodsModal {
  flex-shrink:0;
  position:relative;
  margin:2px 0;
  text-align:right;
  white-space:nowrap;
  line-height:24px;
  color:var(--t_200)
}
.pgMethodsModal {
  position:relative;
  display:flex;
  flex-flow:wrap;
  align-items:flex-end;
  color:var(--t_100)
}
.methodsBanners {
  margin:0 0 44px
}
.methodsToggle {
  display:flex;
  margin:24px 0;
  width:100%;
  padding:0 16px;
  white-space:nowrap;
  border-radius:2px;
  border:1px solid var(--b2w);
  line-height:64px
}
@media(max-width:960px) {
  .methodsToggle {
  margin:16px 0;
  line-height:56px
}

}
.methodsToggle {
  flex-grow:1;
  font-size:16px;
  text-align:left;
  word-break:break-all
}
.methodsToggle {
  flex-shrink:0;
  color:var(--t_400);
  font-size:12px
}
.methodsToggle:after {
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  margin-left:4px;
  margin-top:-1px;
  vertical-align:middle;
  background-size:100%;
  background-image:url(//ccdn.lezhin.com/files/assets/img/lt_chevron_down.svg)
}
@media(prefers-color-scheme:dark) {
  .methodsToggle:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk_chevron_down.svg)
}

}
.methodsToggle--up:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/lt_chevron_up.svg)
}
@media(prefers-color-scheme:dark) {
  .methodsToggle--up:after {
  background-image:url(//ccdn.lezhin.com/files/assets/img/dk_chevron_up.svg)
}

}
.methods_Va {
  position:relative;
  display:none;
  color:var(--t_100)
}
.methods--expand {
  display:block
}
.methodsBtns {
  display:flex;
  flex-flow:wrap;
  align-items:flex-end;
  gap:8px;
  margin-bottom:24px
}
.methodsBtn {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:97px;
  height:64px;
  border:1px solid var(--d_400);
  padding:0;
  line-height:1.43;
  font-size:14px
}
.methodsBtn>img {
  height:40px
}
.methodsBtn--active {
  border:2px solid var(--PrimaryRed_TextGrey999)
}
@media(max-width:960px) {
  .methodsBtn {
  width:calc(33.3333% - 8px);
  margin-bottom:4px
}

}
.methodsTerm {
  margin-bottom:24px
}
.methodsTerm {
  width:100%;
  font-size:14px;
  line-height:20px;
  font-weight:500;
  color:var(--t_200)
}
.methodsTerm {
  margin-top:8px;
  list-style:disc;
  padding-left:8px;
  color:var(--t_500);
  line-height:1.5;
  font-size:14px
}
.methodsTerm a {
  color:var(--t_blue);
  text-decoration:underline
}
@media(max-width:960px) {
  .methodsTerm {
  font-size:14px
}

}
.methodsNotice {
  width:100%;
  margin-bottom:32px;
  color:var(--t_500);
  font-size:14px;
  line-height:1.7
}
.methodsNotice>li {
  margin-left:10px
}
.agreements {
  position:relative;
  width:100%
}
.agreements li {
  display:flex;
  justify-content:space-between;
  list-style:none;
  line-height:1.6
}
.agreements li>a,.agreements li>button {
  color:var(--t_blue);
  font-size:14px;
  line-height:20px;
  text-decoration:underline
}
.agreements {
  margin-bottom:12px;
  border-bottom:1px solid var(--d_300)
}
.agreements {
  width:100%;
  margin:24px 0 40px
}
@media(max-width:960px) {
  .agreements {
  margin:24px 0
}

}
.okcashbag {
  margin-bottom:32px;
  padding-top:16px;
  border-top:1px solid var(--d_300)
}
.okcashbag input {
  height:48px;
  line-height:30px;
  padding:9px 20px;
  font-size:16px;
  text-align:center;
  vertical-align:middle;
  border-radius:4px;
  border:1px solid var(--d_400);
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.okcashbag {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:16px 0 0
}
.okcashbag>label {
  width:100%;
  margin-bottom:8px;
  font-weight:500;
  color:var(--t_200)
}
.okcashbag input {
  width:23.5%
}
.okcashbag input:not(:first-of-type) {
  margin-left:2%
}
.okcashbag input[placeholder="****"] {
  -webkit-text-security:disc
}
.okcashbag input {
  width:74.5%
}
.okcashbag {
  display:flex;
  justify-content:space-between
}
.okcashbag em {
  color:var(--t_red);
  font-size:16px;
  font-weight:500;
  font-style:normal
}
.okcashbag {
  width:100%
}
.okcashbag input {
  width:100%;
  text-align:left;
  color:var(--t_red);
  font-size:18px;
  font-weight:500
}
.okcashbag {
  position:relative;
  z-index:1;
  width:100%;
  height:48px;
  line-height:48px;
  padding:0 20px;
  margin-top:-48px;
  color:var(--t_400);
  font-size:14px;
  text-align:right;
  box-sizing:border-box
}
.okcashbag {
  width:100%;
  padding:14px 15px;
  line-height:1.44;
  color:var(--t_blue);
  font-size:14px;
  text-align:center;
  background:var(--b_200);
  white-space:nowrap;
  box-sizing:border-box
}
.okcashbag {
  width:23.5%;
  min-width:0
}
.rcmCPModal {
  text-align:center
}
.rcmCPModal {
  margin-bottom:16px;
  color:var(--t_300);
  text-align:center
}
.rcmCPModal {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px;
  width:100%;
  font-style:normal;
  background:var(--b_200)
}
.rcmCPModal:first-of-type {
  margin-bottom:8px
}
.rcmCPModal--select {
  position:relative;
  background:none
}
.rcmCPModal--select:after {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border:2px solid var(--brickRed)
}
.rcmCPModal {
  flex-grow:1;
  margin-right:8px;
  line-height:24px;
  max-width:calc(100% - 84px);
  text-align:left
}
.rcmCPModal {
  flex-shrink:0;
  position:relative;
  margin:2px 0;
  text-align:right;
  white-space:nowrap;
  line-height:24px;
  color:var(--t_200)
}
.rcmCPModal {
  margin-top:16px
}
.rcmCPModal {
  color:var(--t_blue);
  font-size:12px;
  text-decoration:underline;
  cursor:pointer
}
.rcmCPModal {
  margin:10px 0;
  color:var(--t_300);
  font-size:12px;
  line-height:1.33
}
.iconInfo {
  margin-bottom:40px;
  color:var(--t_400)
}
.iconInfo>span {
  margin-right:11px
}
.iconInfoDetail {
  line-height:1.43
}
.iconInfoDetail h3 {
  font-size:14px
}
.rankingTitle h2 {
  font-weight:500;
  margin:0
}
@media(min-width:961px) {
  .rankingTitle h2 {
  padding:24px 0 14px;
  line-height:1.3;
  font-size:28px
}

}
@media(max-width:960px) {
  .rankingTitle h2 {
  padding:12px 0;
  line-height:1.35;
  font-size:24px
}

}