/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/css/style.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

html.lock,
html.lock body {
  overflow-y: hidden;
}

.only-mo {
  display: none;
}

.only-pc {
  display: block;
}

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

.blue {
  color: #42c9dd;
}

.bold {
  font-weight: 700;
}

/* 폰트 */
@font-face {
  font-family: Pretendard;
  font-weight: 800;
  font-display: swap;
  src:
    local('Pretendard ExtraBold'),
    url(/_next/static/media/Pretendard-ExtraBold.c4b428d9.woff2) format('woff2'),
    url(/_next/static/media/Pretendard-ExtraBold.57d5ee45.woff) format('woff');
}

@font-face {
  font-family: Pretendard;
  font-weight: 700;
  font-display: swap;
  src:
    local('Pretendard Bold'),
    url(/_next/static/media/Pretendard-Bold.dbef295d.woff2) format('woff2'),
    url(/_next/static/media/Pretendard-Bold.07c486c5.woff) format('woff');
}

@font-face {
  font-family: Pretendard;
  font-weight: 600;
  font-display: swap;
  src:
    local('Pretendard SemiBold'),
    url(/_next/static/media/Pretendard-SemiBold.ce18f4c4.woff2) format('woff2'),
    url(/_next/static/media/Pretendard-SemiBold.db2f9c80.woff) format('woff');
}

@font-face {
  font-family: Pretendard;
  font-weight: 500;
  font-display: swap;
  src:
    local('Pretendard Medium'),
    url(/_next/static/media/Pretendard-Medium.594abaeb.woff2) format('woff2'),
    url(/_next/static/media/Pretendard-Medium.177096cf.woff) format('woff');
}

@font-face {
  font-family: Pretendard;
  font-weight: 400;
  font-display: swap;
  src:
    local('Pretendard Regular'),
    url(/_next/static/media/Pretendard-Regular.45abdda6.woff2) format('woff2'),
    url(/_next/static/media/Pretendard-Regular.cdf673f5.woff) format('woff');
}
/*
html,body {
    min-width: 1240px;
} */

html,
body * {
  box-sizing: border-box;
}

textarea:focus {
  outline: none;
}

/* 기본세팅 */
body {
  overflow-x: hidden;
}

body.visible {
  overflow-x: visible;
}

body.visible .sub-page.dtl .wide-bg-in-bg::before {
  width: 1000;
}

body input[type='checkbox'] {
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  cursor: pointer;
  outline: 0;
}

body input[type='checkbox']::after {
  border: 1px solid #42c9dd;
  border-width: 0 2px 2px 0;
  content: '';
  display: none;
  height: 45%;
  left: 38%;
  position: relative;
  top: 14%;
  transform: rotate(45deg);
  width: 20%;
}

body input[type='checkbox']:checked::after {
  display: block;
}

.x-scroll {
  overflow-x: auto;
}

.x-scroll::-webkit-scrollbar {
  height: 4px;
  display: none;
}

.x-scroll::-webkit-scrollbar-track {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.04);
}

.x-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.08);
}

/* 서브 =========================================== */
/* 서브 공통 컴포넌트 */
.row-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.row-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.row-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 라디오 커스텀 */
.new [type='radio']:checked,
.new [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
.new [type='radio']:checked + label,
.new [type='radio']:not(:checked) + label {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  color: #424242;
  cursor: pointer;
  padding-left: 28px;
}
.new [type='radio']:checked + label:before,
.new [type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.new [type='radio']:checked + label:after,
.new [type='radio']:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #42c9dd;
  border-color: #42c9dd;
  position: absolute;
  top: 7px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.new [type='radio']:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.new [type='radio']:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.new.type2 [type='radio']:checked + label:before,
.new.type2 [type='radio']:not(:checked) + label:before {
  border-color: #bdbdbd;
}

.new.type2 [type='radio']:not(:checked) + label:after {
  opacity: 1;
  transform: scale(1);
  background: #e0e0e0;
}

.radio-list.check [type='checkbox']:checked + label,
.radio-list.check [type='checkbox']:not(:checked) + label,
.radio-list.check [type='radio']:checked + label,
.radio-list.check [type='radio']:not(:checked) + label {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  color: #424242;
  cursor: pointer;
  padding-left: 28px;
}

.radio-list.check [type='checkbox']:checked,
.radio-list.check [type='checkbox']:not(:checked),
.radio-list.check [type='radio']:checked,
.radio-list.check [type='radio']:not(:checked) {
  position: absolute;
  /* left: -9999px; */
}

.radio-list.check [type='checkbox']:not(:checked) + label:after,
.radio-list.check [type='radio']:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.radio-list.check [type='checkbox']:checked + label:before,
.radio-list.check [type='checkbox']:not(:checked) + label:before,
.radio-list.check [type='radio']:checked + label:before,
.radio-list.check [type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 100%;
  background: url(/_next/static/media/radio-chk-off.7f0d384e.svg);
}

.radio-list.check [type='checkbox']:checked + label:after,
.radio-list.check [type='checkbox']:not(:checked) + label:after,
.radio-list.check [type='radio']:checked + label:after,
.radio-list.check [type='radio']:not(:checked) + label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  position: absolute;
  top: 3px;
  left: 0;
  background: url(/_next/static/media/radio-chk-on.5ba58f8c.svg);
  transition: all 0.3s ease;
}

body .verdana {
  font-family: Verdana;
}

.mlr-16 {
  margin-right: 16px;
  margin-left: 16px;
}

.pt-30 {
  padding-top: 30px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-100 {
  padding-bottom: 100px;
}

/* 페이지네이션 */
.header-outer .header-gnb-wrap .gnb-menu {
  justify-content: center;
}

.layout-paging-wrap {
  margin-top: 50px;
}

.layout-paging-wrap .paging-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}

.layout-paging-wrap .paging-inner button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #616161;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.layout-paging-wrap .paging-inner button [class*='icons-page'] {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.layout-paging-wrap .paging-inner button i.icons-page_prev1 {
  background-image: url(/_next/static/media/page_prev1.7fa786ad.svg);
}
.layout-paging-wrap .paging-inner button i.icons-page_prev2 {
  background-image: url(/_next/static/media/page_prev2.76ded3d1.svg);
}
.layout-paging-wrap .paging-inner button i.icons-page_next1 {
  background-image: url(/_next/static/media/page_next1.88fd8b36.svg);
}
.layout-paging-wrap .paging-inner button i.icons-page_next2 {
  background-image: url(/_next/static/media/page_next2.e38b54e6.svg);
}

.layout-paging-wrap .paging-inner button.num {
  border: none;
}

.layout-paging-wrap .paging-inner button.num.on {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #42c9dd;
  border: 1px solid #42c9dd;
}

/* 페이지네이션 */
.layout-paging-wrap.type2 .paging-inner button,
.layout-paging-wrap.only-mo .paging-inner button {
  width: 48px;
}

.layout-paging-wrap.type2 .paging-inner button [class*='icons-page'],
.layout-paging-wrap.only-mo .paging-inner button [class*='icons-page'] {
  width: 12px;
  height: 12px;
}

.layout-paging-wrap.type2 .paging-inner .num,
.layout-paging-wrap.only-mo .paging-inner .num {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.layout-paging-wrap.type2 .paging-inner .num em,
.layout-paging-wrap.type2 .paging-inner .num span,
.layout-paging-wrap.only-mo .paging-inner .num em,
.layout-paging-wrap.only-mo .paging-inner .num span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #9e9e9e;
}

.layout-paging-wrap.type2 .paging-inner .num em,
.layout-paging-wrap.only-mo .paging-inner .num em {
  color: #e0e0e0;
}

.layout-paging-wrap.type2 .paging-inner .num .current,
.layout-paging-wrap.only-mo .paging-inner .num .current {
  color: #212121;
}

/* 드롭다운 */
.drop-down {
  position: relative;
}

.drop-down .selected a {
  display: inline-block;
  width: 160px;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
  background: url(/_next/static/media/select-down.efea69e5.svg) no-repeat right 16px center /
    22px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 8px 34px 8px 16px;
}

.drop-down .selected a span {
  display: block;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
}

.drop-down .selected a.active {
  background: url(/_next/static/media/select-up.0479158a.svg) no-repeat right 16px center /
    22px;
}

.drop-down .options ul {
  display: none;
  position: absolute;
  top: calc(100% - 4px);
  top: -webkit-calc(100% - 4px);
  left: 0;
  width: 160px;
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #fff;
  z-index: 2;
}

.drop-down .options ul li a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
  border-top: 1px solid #e0e0e0;
  padding: 8px 16px;
}

.drop-down .options ul li a:hover {
  background: #f7f7f7;
  transition: 0.2s ease;
}

.drop-down.w204 .selected a,
.drop-down.w204 .options ul {
  width: 204px;
}

/* 타이틀 */
.sub-page {
  position: relative;
  max-width: 1240px;
  /* min-width: 1240px; */
  background-color: #fff;
  margin: 0 auto;
  padding: 50px 0 100px;
}

.sub-page.ebook {
  max-width: 1240px;
  /* min-width: 1240px; */
}

.sub-page.ebook.main {
  overflow: visible;
}

.sub-big-tit {
  text-align: center;
}

.sub-big-tit-more {
  text-align: center;
}

[class*='sub-title'] {
  font-weight: 700;
  color: #000;
}
[class*='sub-title'] span {
  display: inline-block;
}
[class*='sub-title'] .blue {
  color: #42c9dd;
}
.sub-title-48 {
  font-size: 48px;
  line-height: 58px;
  padding-bottom: 32px;
}
.sub-title-40 {
  font-size: 40px;
  line-height: 58px;
  padding-bottom: 32px;
}
.sub-title-34 {
  font-size: 34px;
  line-height: 51px;
}
.sub-title-30 {
  font-size: 30px;
  line-height: 36px;
  justify-content: center;
}
.sub-title-23 {
  font-size: 23px;
  line-height: 28px;
}
.sub-title-22 {
  font-size: 22px;
  line-height: 32px;
}
.sub-title-20 {
  font-size: 20px;
  line-height: 24px;
}
.sub-page .sub-title-16 {
  font-size: 16px;
  line-height: 22px;
}

.sec-title.has-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

[class*='sub-title'] .blue {
  display: inline-block;
  color: #42c9dd;
}

[class*='sub-title'] ~ .more {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #212121;
  background: url(/_next/static/media/lo_arrow.7f677094.svg) no-repeat right center / 9px
    auto;
  padding-right: 18px;
}

[class*='sub-title'] ~ .more.rectangle {
  background: url(/_next/static/media/plus-rec.74b54ba2.svg) no-repeat right center / 20px
    auto;
  padding-right: 20px;
}

.sec-title.has-more.column {
  width: auto;
  flex-direction: column;
  align-items: start;
}

/* 타이틀 + 더보기 */
[class*='sub-title'].has-more {
  color: red;
}

.thumb {
  position: relative;
}

/* 썸네일 */
.thumb .thumb-ico {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100px;
}

.thumb .thumb-ico .th-ico {
  display: inline-block;
  width: auto;
  height: auto;
  font-weight: 700;
  box-shadow:
    0px 2px 4px -2px rgba(0, 0, 0, 0.12),
    0px 4px 4px -2px rgba(0, 0, 0, 0.08);
  border-radius: 0px 16px 16px 0px;
}

.thumb .thumb-ico .th-ico.fz-15 {
  font-size: 15px;
  line-height: 18px;
  padding: 6px 16px 6px 12px;
}
.thumb .thumb-ico .th-ico.fz-12 {
  font-size: 12px;
  line-height: 14px;
  padding: 6px 12px 6px 8px;
}
.thumb .thumb-ico .th-ico.fz-11 {
  font-size: 11px;
  line-height: 13px;
  padding: 4.5px 10px 4.5px 8px;
}
.thumb .thumb-ico .th-ico.fz-10 {
  font-size: 10px;
  line-height: 12px;
  padding: 4px 8px 4px 6px;
}

.thumb .thumb-ico .th-ico.fz-15:nth-child(n + 2) {
  margin-top: 6px;
}
.thumb .thumb-ico .th-ico.fz-12:nth-child(n + 2) {
  margin-top: 4px;
}
.thumb .thumb-ico .th-ico.fz-11:nth-child(n + 2) {
  margin-top: 4px;
}
.thumb .thumb-ico .th-ico.fz-10:nth-child(n + 2) {
  margin-top: 2px;
}

.thumb .thumb-ico .th-ico.pink {
  background-color: #ff3d6b;
}
.thumb .thumb-ico .th-ico.blue {
  background-color: #33acd2;
}
.thumb .thumb-ico .th-ico.wh {
  color: #000;
  background-color: #fff;
}
.thumb .thumb-ico .th-ico.bk {
  color: #faf347;
  background-color: #222222;
}
.thumb .thumb-ico .th-ico.premium {
  color: #fff;
  text-shadow: 0px 0px 2px #966c04;
  background: linear-gradient(
    286deg,
    #c69210 11.07%,
    #ecc755 25.3%,
    #c08e12 52.1%,
    #ecc755 81.4%,
    #c39114 93.96%
  );
}
.thumb .thumb-ico .th-ico.pur {
  background-color: #5739d1;
}

.thumb .thumb-ico .th-ico.pink,
.thumb .thumb-ico .th-ico.blue,
.thumb .thumb-ico .th-ico.pur {
  color: #fff;
}

/* 리스트 공통 */
/* 책 + 평점 있는 리스트 */
.com-list-star {
  display: flex;
  gap: 0 65px;
}

.com-list-star .shadow {
  filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.1));
}
.com-list-star.g0 {
  gap: 0;
}
.com-list-star.g11 {
  gap: 0 11px;
}
.com-list-star.g20 {
  gap: 0 20px;
}
.com-list-star.g32 {
  gap: 0 32px;
}
.com-list-star.g48 {
  gap: 0 48px;
}

.com-list-star.wrap {
  flex-wrap: wrap;
  gap: 50px 32px;
}

.com-list-star .thumb-info {
  margin-top: 20px;
}

.com-list-star .thumb {
  width: 100%;
  height: auto;
}

.thumb.round {
  border-radius: 8px;
  overflow: hidden;
}

.com-list-star .thumb.w102 {
  min-width: 102.78px;
  width: 102.78px;
}
.com-list-star .thumb.w150,
.com-list-star .thumb.w150 ~ .thumb-info {
  min-width: 150px;
  width: 150px;
}
.com-list-star .thumb.w180,
.com-list-star .thumb.w180 ~ .thumb-info {
  min-width: 180px;
  width: 180px;
}

.com-list-star .thumb img {
  width: 100%;
  border-radius: 8px;
}

.com-list-star .thumb img {
  width: 100%;
  height: auto;
}

.com-list-star .info .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #212121;
  word-break: break-all;
}

.com-list-star .info .desc {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #616161;
  margin-top: 4px;
}

.com-list-star .review {
  margin-top: 17px;
}

.com-list-star .review.mt8 {
  margin-top: 8px;
}

.com-list-star .review span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.com-list-star .review .star {
  color: #dc3232;
  background-image: url(/_next/static/media/star-red.18ffe8ae.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.com-list-star .review .star20 {
  background-size: 20px;
}
.com-list-star .review .star16 {
  background-size: 16px;
}
.com-list-star .review .star12 {
  background-size: 12px;
  padding-left: 16px;
}
.com-list-star .review .count {
  color: #9e9e9e;
  margin-left: 4px;
}

.com-list-star.row li a,
.com-list-star.row .swiper-slide a {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.com-list-star.row .thumb-info {
  width: 140px;
  margin-top: 0;
}

.com-list-star.row .thumb-info .info .name {
  font-size: 15px;
  font-weight: 700;
}

.com-list-star.row .thumb-info .info .desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 10px;
}

.com-list-star.row .review {
  margin-top: 20px;
}

.com-list-star.row .review .star {
  color: #212121;
  font-weight: 500;
}

/* 커다란 가로 책 리스트 */
.ui-sub-list {
  margin-top: 60px;
}

.com-big-thumb {
  display: flex;
  align-items: flex-end;
  gap: 0 20px;
  min-width: 625px;
}

@media screen and (max-width: 1110px) {
  .sub-list-has-big-swiper .flex-wrap.main-md-pick {
    display: block;
  }

  .flex-wrap.main-md-pick .com-big-thumb {
    min-width: 572px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .flex-wrap.main-md-pick .com-big-thumb .thumb {
    width: 265px;
    margin: 0 auto;
  }

  .flex-wrap.main-md-pick .com-big-thumb .thumb-info {
    max-width: 100%;
    margin-top: 20px;
  }

  .flex-wrap.main-md-pick .com-big-thumb .thumb-info .summary {
    display: none;
  }
}

.com-big-thumb .thumb .thumb-ico {
  bottom: 22px;
}

.sub-list-has-big-list {
  display: flex;
  align-items: end;
  justify-content: space-between;
  position: relative;
}

.sub-list-has-big-list .swiper-slide {
  width: 150px;
}

.wide-bg {
  position: relative;
  z-index: 1;
  margin-bottom: 120px;
}

.wide-bg::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -59px;
  display: block;
  width: 100vw;
  height: 250px;
  background-color: #effaff;
  z-index: -1;
}

.cartoon.wide-bg::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -59px;
  display: block;
  width: 100vw;
  height: 250px;
  background-color: #fcf6e8;
  z-index: -1;
}

.series.wide-bg::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -59px;
  display: block;
  width: 100vw;
  height: 250px;
  background-color: #eeefff;
  z-index: -1;
}

@media screen and (max-width: 1279px) {
  .wide-bg::before {
    content: '';
    left: -24px;
    width: 100vw;
    transform: translateX(0);
  }

  .cartoon.wide-bg::before {
    content: '';
    left: -24px;
    width: 100vw;
    transform: translateX(0);
  }

  .series.wide-bg::before {
    content: '';
    left: -24px;
    width: 100vw;
    transform: translateX(0);
  }
}

@media screen and (max-width: 1024px) {
  .wide-bg::before {
    content: '';
    left: -24px;
    width: calc(100% + 48px);
    transform: translateX(0);
  }

  .cartoon.wide-bg::before {
    content: '';
    left: -24px;
    width: calc(100% + 48px);
    transform: translateX(0);
  }

  .series.wide-bg::before {
    content: '';
    left: -24px;
    width: calc(100% + 48px);
    transform: translateX(0);
  }
}

@media screen and (max-width: 768px) {
  .wide-bg::before {
    content: '';
    left: -16px;
    width: calc(100% + 32px);
    transform: translateX(0);
  }

  .cartoon.wide-bg::before {
    content: '';
    left: -16px;
    width: calc(100% + 32px);
    transform: translateX(0);
  }

  .series.wide-bg::before {
    content: '';
    left: -16px;
    width: calc(100% + 32px);
    transform: translateX(0);
  }
}

.com-big-thumb .thumb {
  width: 265px;
}

.com-big-thumb .thumb img {
  width: 100%;
}

.com-big-thumb .thumb-info {
  max-width: 334px;
  padding: 40px 24px 65px;
}

.com-big-thumb .thumb-info .tag {
  margin-bottom: 12px;
}

.com-big-thumb .thumb-info .info {
  margin-bottom: 12px;
}

.com-big-thumb .thumb-info .info .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #212121;
}

.com-big-thumb .thumb-info .info .desc {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #9e9e9e;
  margin-top: 10px;
}

.com-big-thumb .thumb-info .review span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.com-big-thumb .thumb-info .star {
  color: #424242;
  font-weight: 500;
  background-image: url(/_next/static/media/star-red.18ffe8ae.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  padding-left: 20px;
}

.com-big-thumb .thumb-info .count {
  color: #757575;
  margin-left: 4px;
}

.com-big-thumb .thumb-info .summary {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #616161;
  padding: 20px 8px 0 0;
  margin-top: 32px;
}

/* 좌측 타이틀 + 배경 있는 스와이퍼 */
.wide-bg-in-bg {
  position: relative;
  padding: 60px 0;
  z-index: 1;
}

.wide-bg-in-bg::before {
  content: '';
  position: absolute;
  left: -100vw;
  bottom: 0;
  display: block;
  width: 10000vw;
  height: 100%;
  background-color: #f7f7f7;
  z-index: -1;
}

.wide-bg-in {
  display: flex;
  align-items: start;
  justify-content: space-between;
  overflow: hidden;
}

.wide-bg-in .slider-wrap {
  position: relative;
  padding-right: 48px;
}

.wide-bg-in .slider-wrap .slider {
  overflow: hidden;
  width: 910px;
}

.wide-bg-in .sec-title .blue-dot::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #42c9dd;
  border-radius: 100%;
  margin-bottom: 12px;
}

.wide-bg-in .sec-title .more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 16px;
  border: 1px solid #212121;
  background: none;
  margin-top: 40px;
}

.wide-bg-in .prev,
.wide-bg-in .next {
  position: absolute;
  top: 103px;
  width: 48px;
  height: 48px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
}

.wide-bg-in .prev {
  left: -48px;
  background: url(/_next/static/media/arrow-left.9a316911.svg) no-repeat center / 48px;
}

.wide-bg-in .next {
  right: 0;
  background: url(/_next/static/media/arrow-right.c81137a2.svg) no-repeat center / 48px;
}

.wide-bg-in .slider-wrap .swiper-wrapper .swiper-slide {
  width: 150px;
}
.wide-bg-in .slider-wrap .swiper-wrapper .swiper-slide a {
  display: block;
  width: 150px;
}

/* 커다란 가로 책 + 미니책 리스트 스와이퍼 */
.sub-list-has-big-swiper .flex-wrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.sub-list-has-big-swiper .flex-wrap-sub {
  display: flex;
  align-items: end;
}

.sub-list-has-big-swiper .swiper {
  /* display: flex;
  align-items: center; */
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .sub-list-has-big-swiper .flex-wrap-sub {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sub-list-has-big-swiper .swiper {
    width: 100%;
    justify-content: center;
    margin: 0 auto;
  }
}

.sub-list-has-big-swiper .swiper .swiper-wrapper {
  width: 550px;
}

.sub-list-has-big-swiper .prev,
.sub-list-has-big-swiper .next {
  position: absolute;
  top: 142px;
  width: 80px;
  height: 80px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
}

.sub-list-has-big-swiper .prev {
  left: -80px;
  background: url(/_next/static/media/arrow-left.9a316911.svg) no-repeat center / 80px;
}

.sub-list-has-big-swiper .next {
  right: -80px;
  background: url(/_next/static/media/arrow-right.c81137a2.svg) no-repeat center / 80px;
}

/* 정보 */
.com-data-table {
  width: 100%;
  border-top: 1px solid #212121;
}

.com-data-table li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.com-data-table .data-tit,
.com-data-table .data-cont {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #616161;
  padding: 12px 20px;
}

.com-data-table .data-tit {
  width: 120px;
  min-width: 120px;
  background-color: #f8f8f8;
  text-align: center;
}

/* 유료 플래그 */
.paid {
  /* position: relative;
    bottom: 0;
    right: 0;
    background: #FFF;
    color: #ff2400;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.1em;
    height: 20px;
    padding: 0 3px;
    font-style: normal;
    font-weight: bold;
    border-top-left-radius: 3px;
    opacity: 0.9; */
  display: none;
}

/* img+.paid {
    position: absolute;
} */

/* 태그 */
.tag {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 12px;
}

.tag li span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #41b5c6;
  border: 1px solid #41b5c6;
  padding: 2px 12px;
  cursor: pointer;
}

.tag.mini {
  gap: 4px 10px;
}

.tag.mini li span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 2px;
  padding: 4px 8px;
}

.com-tab-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
  /*padding-bottom: 49px;*/
  margin: 48px 0 24px;
}

@media screen and (max-width: 1024px) {
  .com-tab-circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0 12px;
    /*padding-bottom: 25px;*/
    margin: 40px -16px 24px;
    padding: 0 16px;
  }
}

.com-tab-circle li {
  width: auto;
}

.com-tab-circle > li > button {
  width: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #424242;
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  padding: 8px 32px;
}

.com-tab-circle > li.selected > button {
  color: #fff;
  font-weight: 700;
  border-color: #42c9dd;
  background-color: #42c9dd;
}

.com-tab-circle li .two-depth {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.com-tab-circle li.selected .two-depth {
  display: flex;
  align-items: center;
  gap: 8px 30px;
}

.com-tab-circle li .two-depth li button {
  width: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #424242;
  padding: 4px 8px;
}

.com-tab-circle li .two-depth li.selected button {
  color: #42c9dd;
  font-weight: 700;
}

/* 툴팁 */
.tooltip-wrap {
  display: none;
  position: relative;
  padding-bottom: 2px;
}

.tooltip-wrap .tooltip {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/_next/static/media/info.0fa03074.svg) no-repeat center / 20px;
  cursor: pointer;
}

.tooltip-wrap .tooltip:hover .txt-wrap {
  display: block;
}

.tooltip-wrap .tooltip .txt-wrap {
  position: absolute;
  top: -44px;
  display: none;
  right: -250px;
  width: 228px;
}

.tooltip-wrap .tooltip .txt-wrap .txt {
  position: relative;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #fafafa;
  padding: 10px 16px;
  background: rgba(102, 102, 102, 0.8);
  border-radius: 4px;
}

.tooltip-wrap .tooltip .txt-wrap .txt::before {
  content: '';
  position: absolute;
  top: 23px;
  left: -12px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/_next/static/media/tooltip-tale.4c0b1405.svg) no-repeat center / 12px;
}

/* 탭 공통 */
.com-tab {
  margin: 0 0 60px;
}

.com-tab.rectangle {
  min-height: 56px;
}

.com-tab.rectangle .tab-list {
  display: flex;
}

.com-tab.rectangle .tab-list button {
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #9e9e9e;
  box-shadow: 1px 0 0 0 #e0e0e0;
  padding: 14px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.com-tab.rectangle .tab-list button:nth-of-type(1) {
  border-left: 1px solid #e0e0e0;
}

.com-tab.rectangle .tab-list button.selected {
  font-weight: 700 !important;
  color: #212121;
  box-shadow: none;
}

.com-tab.rectangle .tab-list button.selected:after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: calc(100% - 4px);
  width: -webkit-calc(100% - 4px);
  height: calc(100% - 4px);
  height: -webkit-calc(100% - 4px);
  border: 2px solid #212121;
}

/* e매거진 메인 --------------------------------------- */
.emgz.main .com-tab {
  margin: 0 0 90px;
}

#main_mgz_sci h2 {
  background: #4f3eaa;
}

#main_mgz_sci.mgz-box h2:after {
  color: #4f3eaa;
  border: 1px solid #4f3eaa;
}

#main_mgz_sci.mgz-box h2:before {
  color: #4f3eaa;
}

#main_mgz_math h2 {
  background: #2fbb87;
}

#main_mgz_math.mgz-box h2:after {
  color: #2fbb87;
  border: 1px solid #2fbb87;
}

#main_mgz_math.mgz-box h2:before {
  color: #2fbb87;
}

#main_mgz_kids h2 {
  background: #e74c3a;
}

#main_mgz_kids.mgz-box h2:after {
  color: #e74c3a;
  border: 1px solid #e74c3a;
}

#main_mgz_kids.mgz-box h2:before {
  color: #e74c3a;
  content: '격주간';
  left: -90px;
}

#main_mgz_kids_math h2 {
  background: #ff6584;
}

#main_mgz_kids_math.mgz-box h2:after {
  color: #ff6584;
  border: 1px solid #ff6584;
}

#main_mgz_kids_math.mgz-box h2:before {
  color: #ff6584;
  content: '격주간';
  left: -90px;
}

#main_mgz_kids .cover .more {
  display: block;
  position: absolute;
  right: -86px;
  top: 5px;
}

#main_mgz_kids_math .cover .more {
  display: block;
  position: absolute;
  right: -86px;
  top: 5px;
}

.emgz.main .mgz-box {
  position: relative;
  margin-top: 60px;
  border: 1px solid #ddd;
  background: #f7f7f7;
  font-size: 0;
}

.emgz.main .mgz-box h2 {
  z-index: 10;
  position: absolute;
  right: 59px;
  top: -30px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  padding: 10px 12px;
}

.emgz.main .mgz-box h2 span {
  font-size: 22px;
  display: block;
  line-height: 20px;
}

.emgz.main .mgz-box h2 strong {
  font-size: 44px;
  display: block;
  line-height: 42px;
}

.emgz.main .mgz-box h2:before {
  z-index: 20;
  position: absolute;
  left: -65px;
  top: 56px;
  display: block;
  height: 0;
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
  content: '월간';
}

.emgz.main .mgz-box h2:after {
  z-index: 20;
  position: absolute;
  right: -10px;
  bottom: 0;
  display: block;
  height: 18px;
  width: 18px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  content: '호';
  font-weight: 700;
  color: #000;
  border: 1px solid #000;
}

.emgz.main .mgz-box.month h2:after {
  z-index: 20;
  position: absolute;
  right: -10px;
  bottom: 0;
  display: block;
  height: 18px;
  width: 18px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  content: '월';
  font-weight: 700;
  color: #000;
  border: 1px solid #000;
}

.emgz.main .mgz-box .more {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  padding: 0 10px;
  line-height: 30px;
  color: #666;
  margin-left: 20px;
}

.emgz.main .mgz-box .more a {
  color: #666;
}

.emgz.main .mgz-box .cover {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 360px;
  margin: 119px 0 59px 59px;
  border-right: 1px solid #ccc;
}

.emgz.main .mgz-box .cover .more {
  border: 1px solid #ccc;
  background: #fff;
}

.emgz.main .mgz-box .cover > a {
  position: relative;
  display: block;
  background: #fff;
  width: 300px;
  height: 392px;
}

.emgz.main .mgz-box .cover > a img {
  width: 300px;
  height: 392px;
}

.emgz.main .mgz-box .cover > a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: 0.1;
  border: 1px solid #000;
}

.emgz.main .mgz-box .cover h3 {
  position: absolute;
  top: -70px;
  color: #333333;
  height: 70px;
}

.emgz.main .mgz-box .cover h3 img {
  vertical-align: middle;
}

.emgz.main .mgz-box .cover h3 span {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.05em;
  padding-left: 5px;
}

.emgz.main .mgz-box .cover h3 strong {
  font-size: 24px;
  margin-left: 5px;
  letter-spacing: 0.05em;
}
.emgz.main .mgz-box .special-mgz {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 119px;
  font-size: 0;
}

.emgz.main .mgz-box .special-mgz h3 {
  position: relative;
  top: 0px;
  height: 50px;
  line-height: 24px;
  font-size: 24px;
  color: #333;
  vertical-align: top;
  background: url(/_next/static/media/ico_tit.4109bfa2.png) 0 4px;
  padding-left: 44px;
  background-repeat: no-repeat;
  letter-spacing: -0.07em;
}

.emgz.main .mgz-box .special-mgz .more {
  position: relative;
  top: -3px;
}

.emgz.main .mgz-box .special-mgz li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 0 0 40px;
}

.emgz.main .mgz-box .special-mgz dt {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #ddd url(/_next/static/media/noimg.17ff8fe8.png) center no-repeat;
  padding-top: 56.25%;
}

.emgz.main .mgz-box .special-mgz dt img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: cover;
}

.emgz.main .mgz-box .special-mgz dt:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.1;
  border: 1px solid #000;
  content: '';
}

.emgz.main .mgz-box .special-mgz dd h4 {
  display: block;
  color: #333;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 25px 0 12px 0;
}

.emgz.main .mgz-box .special-mgz dd p {
  display: block;
  font-size: 14px;
  line-height: 23px;
  color: #555;
  font-weight: 400;
  max-height: 70px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

/* 지금 올라온 매거진 보기 */
.emgz.main .update-mgz {
  margin: 60px 0;
}

.emgz.main .update-mgz h3 {
  margin-bottom: 26px;
}

.emgz.main .update-mgz .swiper-wrapper {
  gap: 0;
}

.emgz.main .update-mgz .swiper-wrapper li {
  width: 180px;
}

/* 매거진 상세 */
.emgz.emgz-tab .tab-cont {
  max-width: 1160px;
}
.emgz.emgz-tab .sel-mgz {
  text-align: right;
  margin-top: 60px;
}

.emgz.emgz-tab .sel-mgz > div {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.emgz.emgz-tab .sel-mgz > div > span {
  display: inline-block;
  height: 28px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px 20px 0 20px;
  margin-left: 2px;
  text-align: cente;
}

.emgz.emgz-tab .sel-mgz label {
  font-size: 14px;
  line-height: 14px;
}

.emgz.emgz-tab .sel-mgz select {
  width: 128px;
  height: 40px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  border: 1px solid #ccc;
  padding-left: 10px;
}

.emgz.emgz-tab .sel-mgz .view-btn {
  width: 70px;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #4f3da9;
  border: 1px solid #4f3da9;
  background: #fff;
}

/* 슬라이더 */
.emgz.emgz-tab .slider {
  width: 1160px;
  height: 400px;
  overflow: hidden;
}

.emgz.emgz-tab .slider-wrap {
  position: relative;
  height: 340px;
  margin: 40px 0 80px;
}

.emgz.emgz-tab .slider-wrap .swiper-wrapper {
  display: flex;
}

.emgz.emgz-tab .slider-wrap.new-magazine {
  height: 100%;
}

.emgz.emgz-tab .slider-wrap .swiper-wrapper li {
  display: block;
}

.emgz.emgz-tab .slider-wrap a {
  position: relative;
  display: inline-block;
}

.emgz.emgz-tab .slider-wrap a img {
  width: 260px;
  height: 340px;
  object-fit: cover;
}

.emgz.emgz-tab.new-emgz .slider-wrap a img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.emgz.emgz-tab .prev {
  position: absolute;
  left: -50px;
  top: 145px;
  width: 50px;
  height: 50px;
  text-indent: -100px;
  overflow: hidden;
  background: url(/_next/static/media/img_prev.4c24ebdb.png) center no-repeat;
  cursor: pointer;
}

.emgz.emgz-tab .next {
  position: absolute;
  right: -50px;
  top: 145px;
  width: 50px;
  height: 50px;
  text-indent: -100px;
  overflow: hidden;
  background: url(/_next/static/media/img_next.fff43567.png) center no-repeat;
  cursor: pointer;
}

.emgz.emgz-tab .cover-on {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.emgz.emgz-tab .cover-on .date {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
}

.emgz.emgz-tab .cover-on .date span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.emgz.emgz-tab .cover-on .date strong {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-family: Verdana, Geneva, sans-serif;
}

.emgz.emgz-tab .cover-off {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  opacity: 0.1;
}

/* 컨텐츠 영역 */
.emgz.emgz-tab .mtitle {
  position: relative;
  position: relative;
  display: flex;
  align-items: center;
  color: #41b5c6;
  border-top: 2px solid #41b5c6;
  border-bottom: 1px solid #e1e1e1;
  height: 106px;
}

.emgz.emgz-tab .mtitle .slogan {
  font-size: 14px;
  font-weight: 400;
  color: #555;
  letter-spacing: 0.5em;
}

.emgz.emgz-tab .mtitle .vol {
  position: absolute;
  right: 170px;
  top: 25px;
  font-size: 19px;
}

.emgz.emgz-tab .mtitle .date {
  position: absolute;
  right: 170px;
  top: 55px;
  font-size: 40px;
  font-weight: 700;
}

.emgz.emgz-tab .mtitle .original {
  position: absolute;
  right: 0;
  top: 23px;
}

.emgz.emgz-tab .mtitle .original a {
  display: block;
  width: 147px;
  height: 65px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  border-radius: 8px;
  line-height: 65px;
  text-align: center;
}

.emgz.emgz-tab.sci .cover-on {
  border: 3px solid #4f3eaa;
}
.emgz.emgz-tab.sci .cover-on .date {
  background: #4f3eaa;
}
.emgz.emgz-tab.sci .prev {
  background: url(/_next/static/media/img_prev_s.918243c5.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.sci .next {
  background: url(/_next/static/media/img_next_s.60916e34.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.sci .sel-mgz .view-btn {
  border-color: #4f3da9;
  color: #4f3da9;
}
.emgz.emgz-tab.sci .mtitle {
  border-top-color: #4f3da9;
  color: #4f3da9;
}
.emgz.emgz-tab.sci .mtitle .original a {
  background: #4f3da9;
}

.emgz.emgz-tab.math .cover-on {
  border: 3px solid #2fbb87;
}
.emgz.emgz-tab.math .cover-on .date {
  background: #2fbb87;
}
.emgz.emgz-tab.math .prev {
  background: url(/_next/static/media/img_prev_m.d4a037b3.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.math .next {
  background: url(/_next/static/media/img_next_m.33aed629.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.math .sel-mgz .view-btn {
  border-color: #2fbb87;
  color: #2fbb87;
}
.emgz.emgz-tab.math .mtitle {
  border-top-color: #2fbb87;
  color: #2fbb87;
}
.emgz.emgz-tab.math .mtitle .original a {
  background: #2fbb87;
}

.emgz.emgz-tab.kids .cover-on {
  border: 3px solid #e74c3a;
}
.emgz.emgz-tab.kids .cover-on .date {
  background: #e74c3a;
}
.emgz.emgz-tab.kids .prev {
  background: url(/_next/static/media/img_prev_k.2ff10ad2.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.kids .next {
  background: url(/_next/static/media/img_next_k.444f3f1b.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.kids .sel-mgz .view-btn {
  border-color: #e74c3a;
  color: #e74c3a;
}
.emgz.emgz-tab.kids .mtitle {
  border-top-color: #e74c3a;
  color: #e74c3a;
}
.emgz.emgz-tab.kids .mtitle .original a {
  background: #e74c3a;
}

.emgz.emgz-tab.kids-math .cover-on {
  border: 3px solid #ff6584;
}
.emgz.emgz-tab.kids-math .cover-on .date {
  background: #ff6584;
}
.emgz.emgz-tab.kids-math .prev {
  background: url(/_next/static/media/img_prev_km.c800c863.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.kids-math .next {
  background: url(/_next/static/media/img_next_km.1e4e820d.png) center no-repeat;
  cursor: pointer;
}
.emgz.emgz-tab.kids-math .sel-mgz .view-btn {
  border-color: #ff6584;
  color: #ff6584;
}
.emgz.emgz-tab.kids-math .mtitle {
  border-top-color: #ff6584;
  color: #ff6584;
}
.emgz.emgz-tab.kids-math .mtitle .original a {
  background: #ff6584;
}

/* 매거진 탭 영역 */
.emgz.emgz-tab .view-mgz {
  padding: 0 0;
}

.emgz.emgz-tab .view-mgz h3 {
  font-size: 30px;
  color: #333;
  height: 102px;
  background: url(/_next/static/media/tle_ico.6162fb5a.png) 5px 0px no-repeat;
  padding-top: 45px;
}

.emgz.emgz-tab .view-mgz h4 {
  font-size: 22px;
  line-height: 30px;
  color: #333;
}

.emgz.emgz-tab .view-mgz ul {
  display: flex;
  flex-wrap: wrap;
  width: 594px;
  height: auto;
  padding-top: 102px;
  margin-bottom: 20px;
}

.emgz.emgz-tab .view-mgz li {
  width: 174px;
  margin-left: 24px;
  margin-bottom: 24px;
}

.emgz.emgz-tab .view-mgz .view-special li dt {
  position: relative;
  width: 174px;
  height: 98px;
  background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50% / contain;
  background-size: contain;
}

.emgz.emgz-tab .view-mgz li dd {
  width: 95%;
  font-size: 14px;
  line-height: 20px;
  padding-top: 5px;
  word-break: break-all;
}

.emgz.emgz-tab .view-mgz li dt {
  position: relative;
}

.emgz.emgz-tab .view-special li dt img {
  width: 174px;
  height: 98px;
  object-fit: cover;
}

.emgz.emgz-tab .view-special li dt {
  width: 174px;
  height: 98px;
  overflow: hidden;
}

.emgz.emgz-tab .view-special h4 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.emgz.emgz-tab .view-mgz > div > a {
  display: inline-block;
}

.emgz.emgz-tab .view-mgz .thumb-area {
  width: 540px;
  height: auto;
  overflow: hidden;
  margin-bottom: 40px;
}

.emgz.emgz-tab .view-mgz .thumb-area dl dd {
  font-size: 14px;
  line-height: 23px;
  max-height: 69px;
}

.emgz.emgz-tab .view-mgz .thumb-area dl dt {
  position: relative;
  background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50%;
  width: 540px;
  height: 305px;
  overflow: hidden;
}

.emgz.emgz-tab .view-mgz .thumb-area img {
  width: 540px;
  min-height: 305px;
  height: auto;
  object-fit: cover;
}

.emgz.emgz-tab .view-mgz .view-special {
  display: flex;
  border-bottom: 1px solid #cccccc;
  margin-top: 40px;
}

.emgz.emgz-tab .view-report {
  margin-top: 40px;
}

.emgz.emgz-tab .view-report .report-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
  margin-bottom: 0;
}

.emgz.emgz-tab .view-report .report-list a {
  display: block;
  width: 260px;
  padding: 0;
}

.emgz.emgz-tab .view-report .report-list a dl {
  background: #fff;
  border: 1px solid #d9d9d9;
}

.emgz.emgz-tab .view-report .report-list a dt {
  position: relative;
  height: 146px;
  overflow: hidden;
}

.emgz.emgz-tab .view-report .report-list a dt img {
  width: 100%;
  min-height: 146px;
  height: auto;
}

.emgz.emgz-tab .view-report .report-list a dd {
  width: 228px;
  border-top: 1px solid #d9d9d9;
  padding: 7px 15px 10px;
}

.emgz.emgz-tab .view-report .report-list a dd h4 {
  font-size: 16px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}

.emgz.emgz-tab .view-report .report-list a.noimg div {
  width: 218px;
  height: 174px;
  line-height: 22px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 17px 20px 15px 20px;
}

.emgz.emgz-tab .view-report .report-list a.noimg dl {
  display: block;
  width: 100%;
  height: 170px;
  overflow: hidden;
}

.emgz.emgz-tab .view-report .report-list a.noimg dt {
  height: auto;
  margin-bottom: 10px;
}

.emgz.emgz-tab .view-report .report-list a.noimg dt h4 {
  font-size: 18px;
  line-height: 26px;
}

.emgz.emgz-tab .view-report .report-list a.noimg dd {
  width: auto;
  height: auto;
  font-size: 15px;
  line-height: 22px;
  border: none;
  padding: 0;
}

/* 매거진 상세 영역 */
.emgz.emgz-dtl {
  max-width: 1160px;
  min-width: 1160px;
}

.emgz.emgz-dtl .view-group {
  display: flex;
  border: 1px solid #e1e1e1;
  background: #fff;
}

.emgz.emgz-dtl .view-group .view {
  position: relative;
  width: 851px;
  padding: 30px 50px 50px 50px;
  border-right: 1px solid #e1e1e1;
}

.emgz.emgz-dtl .view-group .view .view-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
}

.emgz.emgz-dtl .view-group .view .view-top .left {
  position: relative;
  display: flex;
  gap: 0 10px;
}

.emgz.emgz-dtl .view-group .view .view-top .left a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e0e0e0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.emgz.emgz-dtl .view-group .view .view-top .left a.font-up {
  background-image: url(/_next/static/media/btn_expand.31372984.png);
}
.emgz.emgz-dtl .view-group .view .view-top .left a.font-dn {
  background-image: url(/_next/static/media/btn_reduce.855abeff.png);
}

/* sns 공유 */
.view-sns {
  display: flex;
  gap: 0 10px;
}

.view-sns li a {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.view-sns li.share a {
  background-image: url(/_next/static/media/share.839f4d70.svg);
  background-size: 18px auto;
}
.view-sns li.kakao a {
  background-image: url(/_next/static/media/talk.7e69f458.png);
}
.view-sns li.facebook a {
  background-image: url(/_next/static/media/facebook.f7f17aed.png);
}
.view-sns li.url a {
  background-image: url(/_next/static/media/share-url.34231496.svg);
}

/* 기사내용 */
.emgz.emgz-dtl .view .view-cts {
  position: relative;
}

.emgz.emgz-dtl .view .view-cts .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 15px;
}

.emgz.emgz-dtl .view .view-cts h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  color: #212121;
  letter-spacing: -0.05em;
  word-break: keep-all;
}

.emgz.emgz-dtl .view .view-cts .subTitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  color: #212121;
  letter-spacing: -0.05em;
  word-break: keep-all;
}

.emgz.emgz-dtl .emgz.emgz-dtl .view .view-cts h3 {
  font-size: 21px;
  font-weight: 400;
  margin: 5px 0 0;
  line-height: 28px;
  width: 80%;
}

.emgz.emgz-dtl .view-txt-wrap {
  margin-bottom: 79px;
}

.emgz.emgz-dtl .view-txt-wrap .responsive-image-container img {
  max-width: 100%;
  height: auto;
}

/* 기사 내용 */
.emgz.emgz-dtl .view .view-cts .view-txt {
  padding-top: 30px;
}

.emgz.emgz-dtl .view .view-cts .cts-img {
  display: block;
  margin-bottom: 20px;
}

.emgz.emgz-dtl .view .view-cts .view-txt .cts-img img {
  max-width: 100%;
}

.emgz.emgz-dtl .view .view-cts .view-txt .txt {
  font-size: 19px;
  font-weight: 500;
  line-height: 30px;
  color: #616161;
  word-break: break-all;
}

.emgz.emgz-dtl .view .view-cts .view-txt .txt.clip {
  max-height: 1000px;
  overflow: hidden;
}

.emgz.emgz-dtl .view .more-view {
  position: relative;
  padding-top: 50px;
}

.emgz.emgz-dtl .view .more-view::before {
  content: '';
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background: linear-gradient(
    360deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.5) 222.11%
  );
  transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
}

.emgz.emgz-dtl .view .more-view .tit {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #424242;
}

.emgz.emgz-dtl .view .more-view .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #424242;
  margin-top: 16px;
}

.emgz.emgz-dtl .view .more-view .desc .point,
.emgz.emgz-dtl .view .more-view .desc .point em {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}

.emgz.emgz-dtl .view .more-view .desc .point {
  font-weight: 500;
  color: #424242;
}

.emgz.emgz-dtl .view .more-view .desc .point em {
  display: inline-block;
  font-weight: 700;
  color: #41b5c6;
  background: url(/_next/static/media/point.7a7c0601.svg) no-repeat left center / 28px;
  padding-left: 29px;
  margin-right: 1px;
}

.emgz.emgz-dtl .view .more-view .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
}

.emgz.emgz-dtl .view .more-view .btn-wrap .btn {
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  border-radius: 8px;
  padding: 24px 56px;
  margin-top: 30px;
}

.emgz.emgz-dtl .view .more-view .btn-wrap .rental {
  background-color: #424242;
}
.emgz.emgz-dtl .view .more-view .btn-wrap .buy-pass {
  background-color: #42c9dd;
}

.emgz.emgz-dtl .view .go-login {
  margin-top: 30px;
  text-align: center;
}

.emgz.emgz-dtl .view .go-login span {
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;
  color: #424242;
}

.emgz.emgz-dtl .view .go-login a {
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
  color: #7badb5;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-left: 6px;
}

.emgz.emgz-dtl .view .view-dtl-info {
  margin: 80px 0;
}

.emgz.emgz-dtl .view .view-dtl-info > div:nth-child(n + 2) {
  margin-top: 50px;
}

.emgz.emgz-dtl .view .view-dtl-info .tit {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #212121;
  margin-bottom: 16px;
}

/* 이어지는 기사 */
.emgz.emgz-dtl .view .view-dtl-info .next-article .article-list {
  width: 100%;
  border-top: 1px solid #212121;
}

.emgz.emgz-dtl .view .view-dtl-info .next-article .article-list li {
  border-bottom: 1px solid #ddd;
}

.emgz.emgz-dtl .view .view-dtl-info .next-article .article-list li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #616161;
  padding: 16px 10px;
}

/* 연관 교과 단원 */
.emgz.emgz-dtl .view .view-dtl-info .cont-box {
  display: flex;
  gap: 10px 30px;
}

.emgz.emgz-dtl .view .view-dtl-info .cont-box li {
  width: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
}

.emgz.emgz-dtl .view .view-dtl-info .cont-box .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #212121;
}

.emgz.emgz-dtl .view .view-dtl-info .cont-box .desc {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #424242;
  margin-top: 6px;
}

.emgz.emgz-dtl .view .view-dtl-info .related-date .cont-box li {
  border: 1px solid #41b5c6;
}

/* 진로추천 */
.emgz.emgz-dtl .view .view-dtl-info .recomm-date .cont-box li {
  border: 1px solid #20af92;
}

/* 찜하기 */
.emgz.emgz-dtl .wish {
  margin: 50px 0;
}

.emgz.emgz-dtl .wish a {
  display: block;
  width: 76px;
  height: 68px;
  background: url(/_next/static/media/btn_wish.5fd6abed.gif) no-repeat center / 76px 68px;
  margin: 0 auto;
}

/* 배너 */
.link-order {
  margin-top: 100px;
}

/* 댓글 */
.emgz.emgz-dtl .news-replay {
  margin-top: 50px;
}

.emgz.emgz-dtl .news-replay .top {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.emgz.emgz-dtl .reply-tab {
  border-left: 1px solid #ddd;
}

.emgz.emgz-dtl .reply-tab li {
  display: inline-block;
  width: 220px;
  height: 50px;
  font-size: 17px;
  color: #333;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  /* border-bottom:1px solid #999; */
  text-align: center;
}

.emgz.emgz-dtl .reply-tab li a {
  display: block;
  height: 50px;
  padding-top: 10px;
}

.emgz.emgz-dtl .reply-tab li:last-child {
  margin-left: -4px;
}

.emgz.emgz-dtl .reply-tab .reply-on {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  background-color: #fff;
  margin-left: -1px;
}

.emgz.emgz-dtl .reply-tab .num {
  color: #29acbf;
}

.emgz.emgz-dtl .see-reply {
  margin: -1px 0 40px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #d4d4d4;
}

.emgz.emgz-dtl .see-reply .paginate {
  padding: 40px 0 40px 0;
}

.emgz.emgz-dtl .reply-list {
  margin: -1px 0 40px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #d4d4d4;
}

.emgz.emgz-dtl .reply-list .reply-txt {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name {
  margin-top: 20px;
  color: #888;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name strong {
  font-size: 16px;
  color: #333;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name a {
  background-color: #999;
  color: #fff;
  font-weight: bold;
  padding: 3px 11px 4px 9px;
  margin: 0 10px 0;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name input {
  width: 120px;
  border: 1px solid #ddd;
  padding: 4px;
  margin-left: 0;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name input + input {
  margin-left: 12px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-name .reply-ok {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #333;
  padding: 2px 6px 3px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link {
  margin-top: 20px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link label {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link input[type='number'] {
  height: 24px;
  border: 1px solid #ddd;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link div {
  display: inline-block;
  border: 1px solid #d8d8d8;
  text-align: center;
  margin-left: 10px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link div strong {
  display: inline-block;
  font-size: 13px;
  color: #333;
  padding: 2px 13px 4px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-link div span {
  display: inline-block;
  font-size: 13px;
  color: #29acbf;
  border-left: 1px solid #f5f5f5;
  font-weight: bold;
  padding: 2px 13px 4px;
}

.emgz.emgz-dtl .reply-list .reply-txt .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-cts {
  display: flex;
  gap: 0 5px;
  align-items: center;
}
.emgz.emgz-dtl .reply-list .reply-txt .reply-cts p {
  line-height: 21px;
  padding: 10px 0 20px;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-cts textarea {
  border: 1px solid #ddd;
  width: calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  height: 72px;
  padding: 10px;
  resize: vertical;
}

.emgz.emgz-dtl .reply-list .reply-txt .reply-cts .reply_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 72px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #333;
  text-align: center;
}

.emgz.emgz-dtl .reply-view .reply_txt {
  border-bottom: 1px solid #ebebeb;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name {
  float: left;
  display: flex;
  align-items: center;
  gap: 0 4px;
  line-height: 28px;
  margin-top: 20px;
  color: #888;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name strong {
  font-size: 16px;
  color: #333;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name strong:after {
  content: '|';
  font-size: 16px;
  color: #888;
  font-weight: 400;
  margin-left: 4px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name a {
  background-color: #999;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  padding: 3px 11px 3px 9px;
  margin: 0 6px 0;
  cursor: pointer;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name input {
  width: 100px;
  border: 1px solid #ddd;
  margin-left: 5px;
  padding: 2px 2px 3px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_name .reply_ok {
  display: inline-block;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px 3px;
  cursor: pointer;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_link {
  float: right;
  margin-top: 20px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_link div {
  display: inline-block;
  border: 1px solid #d8d8d8;
  text-align: center;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_link div:nth-child(n + 2) {
  margin-left: 10px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_link div strong {
  display: inline-block;
  font-size: 13px;
  color: #333;
  padding: 3px 13px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_link div span {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #29acbf;
  padding: 3px 13px;
  border-left: 1px solid #f5f5f5;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_cts {
  clear: both;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_cts p {
  padding: 10px 0 20px;
  line-height: 21px;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_cts textarea {
  border: 1px solid #ddd;
  width: 650px;
  height: 50px;
  padding: 10px;
  margin: 10px 0 20px 0;
}

.emgz.emgz-dtl .reply-view .reply_txt .reply_cts .reply_submit {
  display: inline-block;
  width: 70px;
  height: 46px;
  margin: 10px 0 0 5px;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  padding-top: 26px;
  cursor: pointer;
}

.emgz.emgz-dtl .reply-view .paginate {
  padding: 40px 0 40px 0;
}

.reply-view .paginate {
  padding: 40px 0 0 0;
  text-align: center;
  font-size: 0;
}

.reply-view .paginate #comment_page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.reply-view .paginate a.now {
  font-size: 15px;
  color: #41b5c6;
  border: 2px solid #41b5c6;
  z-index: 1;
}

.reply-view .paginate a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d0d0d0;
  width: 30px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  margin: 0 0 0 -1px;
  font-size: 12px;
  vertical-align: top;
  font-weight: bold;
}

.reply-view .paginate a.active,
.reply-view .paginate a:hover {
  color: #41b5c6;
  border: 2px solid #41b5c6;
  z-index: 1;
  text-decoration: none !important;
}

.reply-view .paginate a span {
  display: block;
}

.reply-view .paginate a.prev,
.reply-view .paginate a.next {
  width: 32px;
  height: 29px;
  text-indent: -9999px;
}

.reply-view .paginate a.prev {
  background: url(/_next/static/media/arrow-left.9a316911.svg) no-repeat center / 100% auto;
  border-right: none;
}
.reply-view .paginate a.next {
  background: url(/_next/static/media/arrow-right.c81137a2.svg) no-repeat center / 100%
    auto;
  border-left: none;
}

.reply-view .paginate a.prev:hover,
.reply-view .paginate a.next:hover {
  border-width: 1px;
  border-color: #d0d0d0;
}

/* 다른 기사 */
.emgz.emgz-dtl .other-tit {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin: 0 0 25px 0;
}

.emgz.emgz-dtl .other-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.emgz.emgz-dtl .other-list li {
  width: 230px;
}

.emgz.emgz-dtl .other-list li img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border: 1px solid #d1d1d1;
}

.emgz.emgz-dtl .other-list li .name {
  font-size: 16px;
  line-height: 20px;
  padding-top: 5px;
  height: 40px;
}

/* 사이드 관심기사 */
.emgz.emgz-dtl .view-side {
  width: 300px;
  min-width: 300px;
  padding: 33px 0;
}

.emgz.emgz-dtl .view-side .side-tit {
  font-size: 16px;
  text-align: center;
  display: block;
  margin: 0 25px 25px 25px;
  line-height: 23px;
}

.emgz.emgz-dtl .view-side .side-tit span {
  font-size: 22px;
  color: #333;
}

.emgz.emgz-dtl .view-side .side-box {
  width: 240px;
  margin: 20px auto 30px auto;
  box-sizing: border-box;
}

.emgz.emgz-dtl .view-side .side-box img {
  width: 100%;
  height: auto;
  min-height: 146px;
  object-fit: cover;
}

.emgz.emgz-dtl .view-side .side-box dt {
  position: relative;
  width: 238px;
  height: 146px;
  overflow: hidden;
}

.emgz.emgz-dtl .view-side .side-box dt .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #000;
  opacity: 0.1;
}

.emgz.emgz-dtl .view-side .side-box dd {
  font-size: 16px;
  color: #333;
  margin: 12px 15px 0 0;
  font-weight: bold;
  line-height: 22px;
}

/* 서브 이북 --------------------------------------- */
.sub-page.ebook.main .com-list-star-swiper .com-list-star {
  gap: 0 32px;
}

.sub-page.ebook.main .com-list-star-swiper .swiper-slide {
  width: auto;
}

.location-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 서브 이북 상세 */
.sub-page.dtl {
  padding-top: 4px;
  padding-bottom: 50px;
}

.sub-page.ebook.dtl,
.sub-page.cartoon.dtl {
  max-width: 100%;
  width: 100%;
  min-width: auto;
}

.sub-page.dtl .com-big-thumb {
  display: flex;
  align-items: start;
  gap: 0 120px;
  padding-bottom: 0;
  max-width: 1240px;
  margin: 0 auto;
  min-width: auto;
}

.sub-page.dtl .com-big-thumb .left .thumb .thumb-ico {
  bottom: 22px;
}

.sub-page.dtl .com-big-thumb .left .thumb {
  width: 380px;
  filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.1));
  margin-bottom: 20px;
}

.sub-page.dtl .com-big-thumb .left .thumb img {
  width: 100%;
}

.sub-page.dtl .com-big-thumb .left .keyword {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  grid-gap: 10px;
  gap: 10px;
  width: 380px;
}

.sub-page.dtl .com-big-thumb .left .keyword .keyword-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  height: 24px;
  line-height: 24px;
  border-radius: 30px;
  border: 1px solid #e0e0e0;
  color: #616161;
  font-size: 12px;
  padding: 0 10px;
}

.sub-page.dtl .com-big-thumb .left .keyword .keyword-cont {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  row-gap: 4px;
}

.sub-page.dtl .com-big-thumb .left .keyword .keyword-cont button {
  font-size: 14px;
  line-height: 24px;
}

.sub-page.dtl .com-big-thumb .thumb-info {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.sub-page.dtl .com-big-thumb .thumb-info .tag {
  margin-bottom: 20px;
}

.sub-page.dtl .com-big-thumb .thumb-info .tag span {
  line-height: 16px;
  border-radius: 2px;
  padding: 4px 8px;
}

.sub-page.dtl .com-big-thumb .thumb-info .info {
  margin-bottom: 12px;
}

.sub-page.dtl .com-big-thumb .thumb-info .info .name {
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  color: #212121;
  word-break: break-all;
}

.sub-page.dtl .com-big-thumb .thumb-info .info .sub-name {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #212121;
  margin-top: 4px;
}

.sub-page.dtl .com-big-thumb .thumb-info .data {
  margin-top: 24px;
}

.sub-page.dtl .com-big-thumb .thumb-info .data span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.sub-page.dtl .com-big-thumb .thumb-info .data .desc {
  color: #424242;
}

.sub-page.dtl .com-big-thumb .thumb-info .data .desc-publish {
  color: #9e9e9e;
  margin-top: 8px;
}

.sub-page.dtl .com-big-thumb .thumb-info .review {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.sub-page.dtl .com-big-thumb .thumb-info .sub-info {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-top: 20px;
}

.sub-page.dtl .com-big-thumb .thumb-info .sub-info .series,
.sub-page.dtl .com-big-thumb .thumb-info .sub-info .series span {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #212121;
}

.sub-page.dtl .com-big-thumb .thumb-info .sub-info .flag {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #212121;
  border: 1px solid #212121;
  border-radius: 4px;
  padding: 2px 16px;
}

.sub-page.dtl .com-big-thumb .thumb-info .sub-info .flag.fin {
  color: #004488;
  border-color: #004488;
}

.sub-page.dtl .com-big-thumb .thumb-info .star-area {
  display: flex;
  align-items: center;
}

.sub-page.dtl .com-big-thumb .thumb-info .star-area .star-ico {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/_next/static/media/star-red.18ffe8ae.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}

.sub-page.dtl .com-big-thumb .thumb-info .star {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #212121;
  background: none;
  padding-left: 4px;
}

.sub-page.dtl .com-big-thumb .thumb-info .count {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #757575;
  margin-left: 4px;
}

.sub-page.dtl .com-big-thumb .price {
  display: flex;
  align-items: baseline;
  gap: 0 12px;
  margin-top: 20px;
}

.sub-page.dtl .com-big-thumb .price .num-price {
  display: flex;
  justify-content: flex-start;
  align-items: self-end;
  font-size: 28px;
  font-weight: 700;
  line-height: 49px;
  color: #424242;
}

.sub-page.dtl .com-big-thumb .price .num-price strong {
  font-size: 42px;
  font-weight: 700;
  line-height: 59px;
  color: #212121;
  margin-right: 2px;
}

.sub-page.dtl .com-big-thumb .buy-btn {
  margin-top: 48px;
}

.sub-page.dtl .com-big-thumb .buy-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 70px;
  font-size: 25px;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
  background: #42c9dd;
  border-radius: 8px;
}

/* 함께 보면 좋은 추천 e도서 */
.sub-page.dtl .product-items-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.sub-page.dtl .wide-bg-in-bg::before {
  left: 0;
  width: 100%;
}

.sub-page.dtl .layout-recomm-item .sec-title {
  margin-bottom: 30px;
}

.sub-page.dtl .layout-recomm-item .recomm-cont {
  position: relative;
  height: 160px;
}
.sub-page.dtl .layout-recomm-item .recomm-cont .swiper {
  overflow: hidden;
}

.sub-page.dtl .layout-recomm-item .recomm-cont .prev,
.sub-page.dtl .layout-recomm-item .recomm-cont .next {
  position: absolute;
  top: 60px;
  width: 48px;
  height: 48px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
}

.sub-page.dtl .layout-recomm-item .recomm-cont .prev {
  left: -48px;
  background: url(/_next/static/media/arrow-left.9a316911.svg) no-repeat center / 48px;
}

.sub-page.dtl .layout-recomm-item .recomm-cont .next {
  right: -48px;
  background: url(/_next/static/media/arrow-right.c81137a2.svg) no-repeat center / 48px;
}

/* 상품상세 내용 */
.layout-pd-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: normal;
  gap: 0 60px;
  width: 100%;
  min-width: 300px;
  max-width: 1240px;
  margin: 0 auto;
}

.layout-pd-cont .layout-pd-view {
  width: 100%;
  min-width: 300px;
  max-width: 880px;
}

.layout-pd-cont .layout-pd-view .layout-pd-tab {
  display: flex;
  justify-content: normal;
  align-items: normal;
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  z-index: 20;
  box-shadow:
    0 4px 2px -2px rgba(0, 0, 0, 0.02),
    0 1px 2px -2px rgba(0, 0, 0, 0.04);
}

.layout-pd-cont .layout-pd-view .layout-pd-tab .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 80px;
  font-size: 18px;
  padding: 0 !important;
  border-radius: 0;
  background-color: #fff;
}

.layout-pd-cont .layout-pd-view .layout-pd-tab .tab::after {
  content: '';
  transform: translateX(-50%);
  /* transition: width .2s; */
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #212121;
}

@media (min-width: calc(1024px + 1px)) {
  .layout-pd-cont .layout-pd-view .layout-pd-tab {
    box-shadow: 0 1px 0 0 #e0e0e0;
  }
}

.layout-pd-cont .layout-pd-view .layout-pd-tab {
  top: 0;
}

@media (min-width: calc(1024px + 1px)) {
  .layout-pd-cont .layout-pd-view .layout-pd-tab {
    top: 40px;
  }
}

.layout-pd-cont .layout-pd-view .layout-pd-tab .tab span {
  display: inline-block;
  font-size: 18px;
}

.layout-pd-cont .layout-pd-view .layout-pd-tab .tab.active {
  font-weight: 700;
}

.layout-pd-cont .layout-pd-view .layout-pd-tab .tab.active::after {
  width: 100%;
}

/* 탭 내부 */
/* .layout-pd-cont .layout-pd-view .tab-cont > div {
  display: none;
} */

.layout-pd-cont .layout-pd-view .tab-cont .sub-tit {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #212121;
  padding: 50px 0 20px;
}

/* 소개 */
.layout-pd-cont .layout-pd-view .pd-intro .pd-intro-list .box {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 30px 24px;
}

.layout-pd-cont .layout-pd-view .pd-intro .pd-intro-list .box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  color: #424242;
}

/* 목차 */
.layout-pd-cont .layout-pd-view .pd-inner-cont .sub-tit {
  padding: 50px 0 20px;
}

.layout-pd-cont .layout-pd-view .pd-inner-cont .box {
  padding: 10px 0;
}

.layout-pd-cont .layout-pd-view .pd-inner-cont .box .txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 200%;
  color: #424242;
}

.layout-pd-cont .layout-pd-view .pd-inner-cont .more-btn {
  margin-top: 30px;
}

.layout-pd-cont .layout-pd-view .pd-inner-cont .more-btn button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
}

.layout-pd-cont .layout-pd-view .pd-inner-cont .more-btn button span {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #424242;
  background: url(/_next/static/media/more-circle.76f0ced3.svg) no-repeat right center /
    20px;
  padding-right: 26px;
}

.layout-pd-cont .layout-pd-view .pd-info .writer {
  margin-bottom: 10px;
}

.layout-pd-cont .layout-pd-view .pd-info .writer .sub-tit {
  padding: 50px 0 20px;
}

.layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont {
  display: flex;
  gap: 0 50px;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.layout-pd-cont
  .layout-pd-view
  .pd-info
  .writer
  .writer-cont:-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .thumb {
  width: 150px;
  height: 150px;
  background-color: #ababab;
  border-radius: 100%;
  overflow: hidden;
}

.layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .thumb img {
  width: 100%;
}

.layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .name {
  font-size: 17px;
  font-weight: 400;
  line-height: 34px;
  color: #424242;
  margin-top: 10px;
  text-align: center;
}

.layout-pd-cont .layout-pd-view .pd-info .com-data-table .data-tit,
.layout-pd-cont .layout-pd-view .pd-info .com-data-table .data-cont {
  padding: 17px 20px;
}

/* 리뷰 */
.layout-pd-cont .pd-review .rating-tit {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  color: #212121;
  margin-bottom: 16px;
}

.layout-pd-cont .pd-review .rating-tit span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.layout-pd-cont .pd-review .review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
  margin: 68px 0 28px;
}

.layout-pd-cont .pd-review .review-top .tit-area {
  display: flex;
  align-items: baseline;
  line-height: 32px;
  gap: 0 20px;
}

.layout-pd-cont .pd-review .review-top .tit-area .sub-tit {
  padding: 0;
}

.layout-pd-cont .pd-review .review-top .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #616161;
}

.layout-pd-cont .pd-review .review-top .write-btn button {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #424242;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 13px 24px 13px 38px;
  background: url(/_next/static/media/camera.da940bdb.svg) no-repeat left 16px center /
    18px;
}

.layout-pd-cont .pd-review .pd-rating-info {
  display: flex;
  justify-content: normal;
  align-items: normal;
  border-top: 1px solid #9e9e9e;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.layout-pd-cont .pd-review .pd-rating-info > div {
  background-color: #fafafa;
  padding: 16px;
}

.layout-pd-cont .pd-review .pd-rating-info > div:nth-child(n + 2) {
  border-left: 1px solid #eee;
}

.layout-pd-cont .pd-review .pd-rating-info .average {
  min-width: 160px;
  padding-left: 24px;
  padding-right: 24px;
}

/* 상세 별점 */
.rating .star-area {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.rating .star-area li {
  position: relative;
  width: 32px;
  height: 32px;
  background-image: url(/_next/static/media/star-gray.7ba661ca.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
}

.rating .star-area li .star {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(/_next/static/media/star.f1794aa7.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px;
}

.rating .rating-num {
  display: flex;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
}

.rating .rating-num,
.rating .rating-num span {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: #212121;
}

.rating .rating-num .num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  font-size: 24px;
}

.rating.w20 .star-area {
  margin-bottom: 0;
}

.rating.w20 .star-area li,
.rating.w20 .star-area li span {
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.rating.w20 .rating-num {
  margin-left: 10px;
}

.rating.w20 .rating-num span {
  font-weight: 700;
  font-size: 22px;
  line-height: 31px;
  color: #ffcc00;
}

.layout-pd-cont .pd-review .pd-rating-info .review-num {
  min-width: 200px;
  display: flex;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
}

.layout-pd-cont .pd-review .pd-rating-info .review-num .num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1;
}

.layout-pd-cont .pd-review .pd-rating-info .review-num .num span {
  display: block;
  font-size: 24px;
  font-weight: 700;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap {
  flex: 1 1;
  background-color: #fff;
  padding-left: 44px;
  padding-right: 44px;
  overflow: hidden;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .slider-wrap {
  position: relative;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .slider {
  overflow: hidden;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .swiper-slide {
  width: 80px;
  height: 80px;
  background: #eeeeee;
  border-radius: 6px;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .swiper-slide a {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
}

.layout-pd-cont
  .pd-review
  .pd-rating-info
  .swiper-review-wrap
  .swiper-slide
  a
  img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: transparent;
  object-fit: contain;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .prev,
.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .next {
  position: absolute;
  top: 18px;
  width: 44px;
  height: 44px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .prev {
  left: -44px;
  background: url(/_next/static/media/slick_prev_bk.43d10e5f.svg) no-repeat center / 18px;
}

.layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap .next {
  right: -44px;
  background: url(/_next/static/media/slick_next_bk.957b233a.svg) no-repeat center / 18px;
}

/* 리뷰 리스트 */
.layout-pd-cont .pd-review .pd-rating-list .pd-list-item {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0 40px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .rating {
  display: flex;
  align-items: center;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .txt {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .txt span {
  display: inline-block;
  font-weight: 400;
  line-height: 24px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .txt .name {
  font-size: 14px;
  color: #616161;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .txt .date {
  font-size: 12px;
  color: #9e9e9e;
  letter-spacing: 0.1em;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .top
  .info
  .txt
  .reader-flag {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #424242;
  padding-left: 20px;
  background: url(/_next/static/media/auth-blue.2413ae32.svg) no-repeat left center / 18px;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .top
  .utill
  .change-btn-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .top
  .utill
  .change-btn-wrap
  button {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 7px 16px;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .top
  .utill
  .report-btn-wrap {
  text-align: right;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .top
  .utill
  .report-btn-wrap
  .report-btn {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
  background: url(/_next/static/media/siren.e831bc68.svg) no-repeat left center / 18px;
  padding-left: 20px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #616161;
  padding: 10px 0;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .review-thumb ul {
  display: flex;
  gap: 0 10px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .review-thumb ul li {
  width: 80px;
  height: 80px;
  background: #eeeeee;
  border-radius: 6px;
}

.layout-pd-cont .pd-review .pd-rating-list .pd-list-item .review-thumb ul li a {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
}

.layout-pd-cont
  .pd-review
  .pd-rating-list
  .pd-list-item
  .review-thumb
  ul
  li
  a
  img {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  color: transparent;
  object-fit: contain;
}

.layout-pd-cont .layout-pd-quick {
  position: relative;
}

.layout-pd-cont .layout-pd-quick .price-quick {
  display: flex;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 20px 0;
}

@media (min-width: calc(1024px + 1px)) {
  .layout-pd-cont .layout-pd-quick {
    width: 300px;
    flex: none;
  }

  .layout-pd-cont .layout-pd-quick .price-quick {
    top: 40px;
  }
}

.layout-pd-cont .layout-pd-quick .price-quick .info {
  margin-bottom: 24px;
}

.layout-pd-cont .layout-pd-quick .price-quick .info .name {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #212121;
}

.layout-pd-cont .layout-pd-quick .price-quick .info .price .num-price {
  display: flex;
  justify-content: flex-start;
  align-items: self-end;
  font-size: 28px;
  font-weight: 700;
  line-height: 49px;
  color: #424242;
}

.layout-pd-cont .layout-pd-quick .price-quick .info .price .num-price strong {
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
  color: #212121;
  margin-right: 2px;
}

.layout-pd-cont .layout-pd-quick .price-quick .buy-btn {
  margin-top: 24px;
}

.layout-pd-cont .layout-pd-quick .price-quick .buy-btn button {
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #ffffff;
  background: #42c9dd;
  border-radius: 8px;
}

/* 서브 =========================================== */
/* 팝업 공통*/
.dimd-bg {
  display: none;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.modal-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 1;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  pointer-events: none;
}

.modal-wrap .modal-inner {
  display: flex;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  pointer-events: auto;
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  min-height: 100px;
  max-height: 95%;
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow:
    0 8px 24px -4px rgba(0, 0, 0, 0.08),
    0 6px 12px -6px rgba(0, 0, 0, 0.12);
}

.modal-wrap .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.modal-wrap .close-btn button {
  width: 48px;
  height: 48px;
  background: url(/_next/static/media/option_del.4fcaf383.svg) no-repeat center / 24px;
  cursor: pointer;
}

.modal-wrap .modal-tit .tit {
  font-size: 22px;
  font-weight: 700;
  line-height: 31px;
  color: #212121;
}

.modal-wrap .modal-tit .desc {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #616161;
}

.modal-wrap .modal-btn {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin: 20px 0 10px;
}

.modal-wrap .modal-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff;
  padding: 13px 24px;
  background: #9e9e9e;
  border-radius: 6px;
}

.modal-wrap .modal-btn .primary {
  background: #42c9dd;
}

.modal-wrap .modal-btn .line {
  font-weight: 700;
  color: #424242;
  background: #ffffff;
  border: 1px solid #9e9e9e;
}

.modal-wrap textarea {
  width: 100%;
  height: 88px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
}

.modal-wrap .textarea textarea::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #bdbdbd;
}

.modal-wrap.alert-pop .modal-inner {
  position: relative;
  display: flex;
  justify-content: normal;
  align-items: normal;
  flex-direction: column;
  pointer-events: auto;
  box-sizing: border-box;
  width: auto;
  min-width: 450px;
  max-width: 450px;
  min-height: 100px;
  padding: 40px 30px;
}

.modal-wrap.alert-pop .modal-txt {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin-top: 20px;
  text-align: center;
}

.modal-wrap.alert-pop .modal-btn {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin: 32px 0 0;
}

.modal-wrap.alert-pop .modal-btn button {
  width: 100%;
  border-radius: 4px;
  padding: 12px 24px;
}

/* 팝업 - 리뷰 작성 */
.modal-wrap.review-write .modal-inner {
  width: 580px;
}

.modal-wrap.review-write .modal-tit {
  margin-bottom: 20px;
}

.modal-wrap.review-write .write-cont > div {
  margin-bottom: 10px;
}

.modal-wrap.review-write .write-cont .head {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.modal-wrap.review-write .write-cont .head .thumb {
  position: relative;
  width: 60px;
  height: 60px;
  background: #fafafa;
  border-radius: 6px;
  overflow: hidden;
}

.modal-wrap.review-write .write-cont .head .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal-wrap.review-write .write-cont .head .name {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #212121;
}

.modal-wrap.review-write .write-cont .review-star {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #fafafa;
  border-radius: 8px;
  padding: 16px;
}

.modal-wrap.review-write .write-cont .review-star .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #616161;
}
.modal-wrap.review-write .write-cont .review-star .rating {
  height: 32px;
}

.modal-wrap.review-write .write-cont .review-star .rating li {
  cursor: pointer;
}

.modal-wrap.review-write .write-cont .textarea textarea {
  height: 160px;
  background-color: #fff;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.modal-wrap.review-write .write-cont .file-btn {
  position: relative;
}

.modal-wrap.review-write .write-cont .file-btn .file-input {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  color: transparent;
  cursor: pointer;
}

.modal-wrap.review-write
  .write-cont
  .file-btn
  .file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.modal-wrap.review-write .write-cont .file-btn .file-input:focus {
  outline: none;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .add-btn {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  cursor: pointer;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .add-btn span {
  font-size: 12px;
  line-height: 20px;
  color: #212121;
  background: url(/_next/static/media/camera.da940bdb.svg) no-repeat top center / 24px;
  padding-top: 24px;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .img {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .img li {
  position: relative;
  width: 80px;
  height: 80px;
  max-width: 80px;
  background: #fafafa;
  border: 1px solid transparent;
  border-radius: 6px;
  overflow: hidden;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .img li .del-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(/_next/static/media/close3.4cf52b3d.svg) no-repeat center / 16px #616161;
  border-radius: 0px 4px;
  z-index: 1;
}

.modal-wrap.review-write .write-cont .add-photo .add-wrap .img li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: transparent;
  object-fit: contain;
}

.modal-wrap.review-write .write-cont .add-photo .desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #9e9e9e;
  margin-top: 10px;
}

.modal-wrap.review-write .modal-btn {
  margin: 20px 0 10px;
}

/* 팝업 - 리뷰 보기 */
.modal-wrap.review-view .modal-inner {
  width: 800px;
}

.modal-wrap.review-view .view-arrow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 48px;
  height: 48px;
  top: calc(50% - 48px / 2);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  box-shadow:
    0px 2px 4px -2px rgba(0, 0, 0, 0.12),
    0px 4px 4px -2px rgba(0, 0, 0, 0.08);
  border-radius: 100%;
}

.modal-wrap.review-view .view-arrow.prev {
  left: -24px;
  background-image: url(/_next/static/media/slick_prev_bk.43d10e5f.svg);
}

.modal-wrap.review-view .view-arrow.next {
  right: -24px;
  background-image: url(/_next/static/media/slick_next_bk.957b233a.svg);
}

.modal-wrap.review-view .modal-review-wrap {
  display: flex;
  justify-content: normal;
  align-items: normal;
  max-width: 752px;
  gap: 20px;
  height: 100%;
}

.modal-wrap.review-view .review-img {
  position: relative;
  width: 440px;
}

.modal-wrap.review-view .pd-img-slider .swiper-container {
  width: 100%;
  height: 100%;
}

.modal-wrap.review-view .pd-img-slider {
  width: 440px;
  height: 440px;
  background: #fafafa;
  border: 1px solid #fafafa;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}

.modal-wrap.review-view .pd-img-slider .swiper-slide {
  position: relative;
  max-width: 440px;
  text-align: center;
  overflow: hidden;
}

.modal-wrap.review-view .pd-img-slider img {
  width: auto;
  max-width: 440px;
  height: 100%;
  object-fit: contain;
}

.modal-wrap.review-view .pd-img-thumb {
  margin-top: 10px;
}

.modal-wrap.review-view .pd-img-thumb .swiper-slide {
  position: relative;
  height: 100%;
  width: 80px;
  height: 80px;
  background: #fafafa;
  border: 1px solid #fafafa;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}

.modal-wrap.review-view .pd-img-thumb .swiper-slide.on {
  background: #fff2f4;
  border: 1px solid #ff3e66;
}

.modal-wrap.review-view .pd-img-thumb .swiper-slide img {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  color: transparent;
  object-fit: contain;
}

.modal-wrap.review-view .product-list-item .list-info .info {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}

.modal-wrap.review-view .product-list-item .list-info .info .rating {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.modal-wrap.review-view .product-list-item .list-info .info .txt span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #616161;
}

.modal-wrap.review-view .product-list-item .list-info .info .txt .mail {
  margin-right: 10px;
}

.modal-wrap.review-view .product-list-item .list-info .info .txt .date {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1em;
  color: #9e9e9e;
}

.modal-wrap.review-view .product-list-item .list-info .info .util {
  margin-top: 10px;
}

.modal-wrap.review-view
  .product-list-item
  .list-info
  .info
  .util
  .change-btn-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.modal-wrap.review-view
  .product-list-item
  .list-info
  .info
  .utill
  .change-btn-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-top: 10px;
}

.modal-wrap.review-view
  .product-list-item
  .list-info
  .info
  .utill
  .change-btn-wrap
  button {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 7px 16px;
}

.modal-wrap.review-view .product-list-item .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #616161;
  padding: 10px 0;
}

/* 팝업 - 신고 하기 */
.modal-wrap.review-report .modal-inner {
  width: 480px;
  padding: 24px 30px;
}

.modal-wrap.review-report .modal-tit .tit {
  padding: 9.5px 0;
}

.modal-wrap.review-report .report-cont {
  padding: 32px 0 24px;
}

.modal-wrap.review-report .report-cont .radio-list:nth-child(n + 2) {
  margin-top: 16px;
}

.modal-wrap.review-report .report-cont .textarea {
  margin-top: 16px;
}

/* 만화 상세 =========================================== */
.sub-page.dtl.cartoon .com-big-thumb .left .thumb {
  border-radius: 12px;
  overflow: hidden;
}

.sub-page.dtl.cartoon .layout-recomm-item .recomm-cont .thumb {
  border-radius: 4px;
  overflow: hidden;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top .all-check {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.sub-page.dtl.cartoon
  .pd-inner-cont
  .toon-list
  .list-top
  .all-check
  .check-wrap {
  display: flex;
  align-items: center;
}

.sub-page.dtl.cartoon
  .pd-inner-cont
  .toon-list
  .list-top
  .all-check
  .check-wrap
  label {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #212121;
  margin-left: 8px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top .rental-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 139px;
  height: 40px;
  font-size: 16px;
  font-weight: 800;
  line-height: 19px;
  color: #ffffff;
  background: #424242;
  border-radius: 8px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .thumb {
  width: 75px;
  height: 100px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .info {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  padding-right: 16px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .info span {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #424242;
}

.sub-page.dtl.cartoon
  .pd-inner-cont
  .toon-list
  .list
  li
  .book-info
  .info
  .date {
  font-weight: 400;
  color: #9e9e9e;
}

.sub-page.dtl.cartoon
  .pd-inner-cont
  .toon-list
  .list
  li
  .book-info
  .info
  .price {
  font-weight: 700;
  color: #15b1c8;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .btn-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #9e9e9e;
  border: 1px solid #9e9e9e;
  background-color: #fff;
  border-radius: 8px;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .btn-wrap .primary {
  color: #ffffff;
  border-color: #42c9dd;
  background-color: #42c9dd;
}

.sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .btn-wrap .bk {
  color: #ffffff;
  border-color: #424242;
  background-color: #424242;
}

.sub-page.dtl.cartoon .pd-inner-cont .more-btn {
  margin-top: 20px;
}

/* 검색 search */
.search-tab-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
  margin-top: 32px;
  margin-bottom: 40px;
}

.search-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
}

.search-tab-wrap > .tit,
.search-tab li button {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.search-tab-wrap > .tit {
  color: #212121;
  padding: 4px 20px;
  background: #e5e8e9;
  border-radius: 20px;
}

.search-tab li button {
  color: #616161;
}

/* 상세검색 */
.search-dtl-filter .search-filter-btn {
  text-align: right;
}

.search-dtl-filter .search-filter-btn button {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: #616161;
  border: 1px solid #616161;
  border-radius: 4px;
  padding: 8px 44px 8px 24px;
  background-color: #fff;
  background-image: url(/_next/static/media/select_arrow_down_61.8ea3d6ed.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 20px;
}

.search-dtl-filter .search-filter-btn button::before {
  content: '상세검색 열기';
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  color: #616161;
}

.search-dtl-filter.active .search-filter-btn button {
  color: #616161;
  background-color: #616161;
  background-image: url(/_next/static/media/select_arrow_down_fff.d83f94b3.svg);
  border-radius: 4px 4px 0 0;
}

.search-dtl-filter.active .search-filter-btn button::before {
  content: '상세검색 닫기';
  color: #fff;
}

.search-dtl-filter .filter-wrap {
  display: none;
  border-top: 1px solid #000000;
  margin-bottom: 80px;
}

.search-dtl-filter.active .filter-wrap {
  display: block;
}

.search-dtl-filter .filter-wrap .filter-item {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}

.search-dtl-filter .filter-wrap .filter-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: #efefef;
  z-index: 0;
}

.search-dtl-filter .filter-wrap .filter-item .th {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  height: 100%;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #424242;
  background-color: #efefef;
  padding: 16px 32px;
  z-index: 1;
}

.search-dtl-filter .filter-wrap .filter-item .td {
  display: flex;
  align-items: center;
  gap: 10px 40px;
  flex-wrap: wrap;
  padding: 16px 32px;
}

.search-dtl-filter .filter-wrap .filter-item .td .radio-list {
  min-width: 140px;
}

.search-dtl-filter .filter-wrap .filter-item .td .radio-list label {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.search-dtl-filter .filter-wrap .filter-item .td .radio-list.flex {
  display: flex;
  align-items: center;
  gap: 0 24px;
}

.date-area input[type='date'] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #9e9e9e;
  padding: 7px 16px;
  background: url(/_next/static/media/calendar-line.65aed19f.svg) no-repeat right 16px
    center / 20px #fff;
}

.date-area.ico-none input[type='date'] {
  background: #fff;
}

.date-area input[type='date']::-webkit-calendar-picker-indicator {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.date-area input[type='date']::before {
  content: attr(data-placeholder);
  width: 100%;

  color: #c3c3c3;
}

.date-area input[type='date']:focus:before,
.date-area input[type='date']:valid:before {
  display: none;
}

.search-dtl-filter .filter-wrap .filter-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 32px;
  margin-top: 40px;
}

.search-dtl-filter .filter-wrap .filter-btn-wrap button {
  width: 220px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding: 16px;
}

.search-dtl-filter .filter-wrap .filter-btn-wrap button.fill {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #42c9dd;
}

.search-dtl-filter .filter-wrap .filter-btn-wrap button.line {
  color: #42c9dd;
  border: 1px solid #42c9dd;
  background-color: #fff;
}

.search-dtl-filter ~ .com-tab {
  margin-top: 32px;
}

.search-list .cont .search-sec {
  margin-top: 40px;
}

.search-list .cont .search-sec .search-item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
}

.search-list .cont .search-sec .search-item-list li {
  width: calc(50% - 30px);
  width: -webkit-calc(50% - 30px);
}

.search-list .cont .search-sec .search-item-list a {
  display: flex;
  align-items: center;
  gap: 0 24px;
}

.search-list .cont .search-sec .search-item-list a .thumb {
  width: 120px;
  min-width: 120px;
}

.search-list .cont .search-sec .search-item-list a .thumb img {
  width: 100%;
  object-fit: cover;
}

.search-list .cont .search-sec .search-item-list.news a .thumb {
  width: 192px;
  min-width: 192px;
  height: 128px;
}

.search-list .cont .search-sec .search-item-list a .thumb-info .info .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #212121;
  margin-bottom: 4px;
}

.search-list .cont .search-sec .search-item-list a .thumb-info .info .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #9e9e9e;
}

.search-list .cont .search-sec .search-item-list a .thumb-info .text {
  font-size: 17px;
  line-height: 150%;
  color: #757575;
  overflow: hidden;
  margin-top: 8px;
}

.search-list .cont .search-sec .search-item-list a .thumb-info .text .blue {
  display: inline-block;
  font-weight: 500;
  color: #42c9dd;
}

.search-list.all .cont .paging-inner {
  margin-top: 80px;
}

/* 마이페이지 구매내역 */
.sub-page.mypage-buy {
  padding-top: 0;
}

.sub-page.mypage-buy .mypage-wrap {
  display: flex;
  gap: 0 60px;
}

.sub-page.mypage-buy .mypage-wrap .side {
  width: 240px;
  min-width: 240px;
}

.sub-page.mypage-buy .mypage-wrap .side .my-tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
  color: #212121;
  padding: 12px 0 22px;
}

.sub-page.mypage-buy .mypage-wrap .side .side-menu {
  background: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 8px;
  overflow: hidden;
}

.sub-page.mypage-buy .mypage-wrap .side .side-menu li:nth-child(n + 2) {
  border-top: 1px solid #fafafa;
}

.sub-page.mypage-buy .mypage-wrap .side .side-menu li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #616161;
  padding: 19px 26px 19px 16px;
}

.sub-page.mypage-buy .mypage-wrap .side .side-menu li.on a {
  font-weight: 500;
  color: #212121;
  background: url(/_next/static/media/slick_next_bk.957b233a.svg) no-repeat right 8px
    center / 18px #fafafa;
}

.sub-page.mypage-buy .mypage-wrap .cont {
  width: 100%;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23px 0;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-info .name {
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  color: #212121;
  padding-left: 36px;
  background: url(/_next/static/media/member.6d3578e4.svg) no-repeat left center / 32px;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-info .name span {
  display: inline-block;
  font-size: inherit;
  font-weight: 700;
  color: inherit;
  line-height: inherit;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-info .point-info {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-info .point-info span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-info
  .point-info
  .point {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #212121;
  padding-left: 28px;
  background: url(/_next/static/media/point-pk.6d22b585.svg) no-repeat center left / 24px;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-pass .pass-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 25px 40px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .tit {
  font-weight: 500;
  font-size: 19px;
  line-height: 160%;
  color: #212121;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .desc {
  display: flex;
  align-items: center;
  gap: 0 48px;
  margin-top: 12px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .desc
  li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #616161;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .desc
  li::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #616161;
  margin-right: 5px;
  border-radius: 100%;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .pass-info {
  display: flex;
  align-items: center;
  gap: 0 122px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .txt
  .pass-info
  .pass-desc {
  display: block;
  font-size: inherit;
  line-height: 1.348;
  font-weight: 400;
  color: #9e9e9e;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .top-my-info
  .my-pass
  .pass-box
  .pass-btn {
  width: auto;
  height: 98px;
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #ffffff;
  background: #42c9dd;
  border-radius: 8px;
  padding: 20px 32px;
  text-align: center;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-pass .pass-txt {
  display: flex;
  align-items: center;
  gap: 0 12px;
  margin-top: 10px;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-pass .pass-txt .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #9e9e9e;
}

.sub-page.mypage-buy .mypage-wrap .cont .top-my-info .my-pass .pass-txt .btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  background: #757575;
  border-radius: 4px;
  padding: 8px 20px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view {
  margin-top: 60px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-view-tit {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #212121;
  margin-bottom: 20px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-view-tit.small {
  font-size: 18px;
  line-height: 26px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .search-wrap {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .drop-down
  .selected
  a,
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .drop-down
  .options
  ul
  li
  a {
  padding: 11px 34px 11px 16px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .search-wrap .date-area {
  display: flex;
  align-items: center;
  gap: 0 4px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .date-area
  input {
  width: 120px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #9e9e9e;
  padding: 11px 16px;
  color: #616161;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .search-wrap .btn-wrap {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .btn-wrap
  button {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #616161;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  padding: 14px 16px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .btn-wrap
  button.active {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #424242;
  border: 1px solid #424242;
  background-color: #fff;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .search-wrap
  .btn-wrap
  .submit-btn {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  background: url(/_next/static/media/icon-size.58cef47a.svg) no-repeat left 16px center /
    18px #424242;
  padding: 14px 24px 14px 38px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .table-desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #9e9e9e;
  margin-top: 16px;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-table {
  border-top: 1px solid #9e9e9e;
  margin-top: 16px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tr {
  position: relative;
  border-bottom: 1px solid #eee;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #212121;
  padding: 20px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th:nth-of-type(1) {
  width: 120px;
  min-width: 120px;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th:nth-of-type(2) {
  width: 100%;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th:nth-of-type(3) {
  width: 120px;
  min-width: 120px;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th:nth-of-type(4) {
  width: 100px;
  min-width: 100px;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  thead
  tr
  th:nth-of-type(5) {
  width: 90px;
  min-width: 90px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .nodate {
  width: 100%;
  height: 240px;
  min-height: 240px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  background: #fafafa;
  text-align: center;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .order-date,
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .order-num {
  font-size: 12px;
  line-height: 16px;
  color: #212121;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .order-num {
  color: #9e9e9e;
  margin-top: 4px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .thumb {
  width: 112px;
  min-width: 112px;
  padding: 16px 0;
  text-align: center;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .thumb
  img {
  width: auto;
  max-width: 80px;
  height: 80px;
  object-fit: contain;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  .info-area {
  display: flex;
  align-items: center;
  max-width: 510px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .txt {
  width: 100%;
  padding: 21px 16px;
}

.list-epi {
  margin-top: 10px;
}

.list-epi .list-epi-txt .total {
  color: #757575;
}

.list-epi .list-epi-txt .total,
.list-epi .list-epi-txt .total span {
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}

.list-epi .list-epi-txt {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.list-epi .list-epi-txt .epi-list-btn {
  display: flex;
  align-items: center;
  padding: 3px 22px 3px 10px;
  background: url(/_next/static/media/select-down-gray.ebbd57f0.svg) no-repeat center right
    4px / 18px #efefef;
  border-radius: 4px;
}

.list-epi.active .list-epi-txt .epi-list-btn {
  background: url(/_next/static/media/select-up-gray.f6846042.svg) no-repeat center right
    4px / 18px #efefef;
}

.list-epi .list-epi-txt .epi-list-btn span {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #424242;
}

.list-epi .list-epi-txt .epi-list-btn span::after {
  content: '펼치기';
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #424242;
  background: url();
}

.list-epi.active .list-epi-txt .epi-list-btn span::after {
  content: '접기';
}

.list-epi .epi-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px 0;
  align-items: flex-start;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  margin-top: 10px;
  padding: 12px 16px;
  display: none;
  transition: all 0.5s ease;
}

.list-epi.active .epi-list {
  display: flex;
}

.list-epi .epi-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.list-epi .epi-list li span {
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.list-epi .epi-list li .name {
  font-weight: 400;
  color: #757575;
}

.list-epi .epi-list li .price {
  font-weight: 700;
  color: #212121;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .pd-flag {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  border-radius: 20px;
  padding: 2px 14px;
  margin-bottom: 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .pd-flag.red {
  color: #76364d;
  background: #fde7ef;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .pd-flag.yellow {
  color: #5c561b;
  background: #fbf5c1;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .pd-flag.blue {
  color: #1f4657;
  background: #d9f2fd;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .pd-flag.purple {
  color: #1d1d5a;
  background: #e7e7fd;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .txt
  .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .txt
  .desc {
  font-size: 12px;
  line-height: 16px;
  color: #757575;
  margin-top: 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .price,
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  .price
  span {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .state-flag {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #616161;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 18px;
  padding: 0px 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .state-flag.blue {
  color: #41b5c6;
  border-color: rgba(66, 201, 221, 0.4);
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-table
  table
  tbody
  tr
  td
  .state-btn {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #424242;
  background: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  padding: 7px 8px;
  margin-top: 8px;
}

/* 구매내역 > 취소신청 */
.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table {
  width: 100%;
  border-top: 1px solid #9e9e9e;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table tr {
  position: relative;
  display: flex;
  align-items: center;
  background: #fafafa;
  border-bottom: 1px solid #eee;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table th {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  min-width: 120px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #212121;
  background: #fafafa;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table td {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: 100%;
  padding: 10px;
  background-color: #fff;
}

.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table th,
.sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-col-table td {
  min-height: 68px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  td
  span {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .essential {
  display: inline-block;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #ff3e66;
  padding-left: 4px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .input-wrap
  input,
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .textarea
  textarea {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .drop-down
  a,
.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .input-wrap
  input {
  width: 200px;
  height: 48px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .drop-down
  .options
  ul {
  width: 200px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .input-wrap
  input {
  padding: 12px 16px;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .textarea {
  width: 100%;
}

.sub-page.mypage-buy
  .mypage-wrap
  .cont
  .buy-list-view
  .buy-list-col-table
  .textarea
  textarea {
  width: 100%;
  height: 100px;
  padding: 16px;
}

.sub-page.mypage-buy .mypage-wrap .cont .cancel-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;

  margin-top: 60px;
}

.sub-page.mypage-buy .mypage-wrap .cont .cancel-btn-wrap .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 56px;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #424242;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.sub-page.mypage-buy .mypage-wrap .cont .cancel-btn-wrap .btn.solid {
  color: #fff;
  background: #424242;
}

/* 마이페이지 내책장 */
.mypage-buy.bookshelf .recent-view-pd {
  margin-top: 60px;
}

.mypage-buy.bookshelf .recent-view-pd .recent-view-tit {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
}

.mypage-buy.bookshelf .recent-view-pd .recent-list {
  position: relative;
  width: 100%;
  background: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.mypage-buy.bookshelf .recent-view-pd .recent-list .view-arrow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 150px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  text-indent: -100000px;
  cursor: pointer;
  z-index: 2;
}

.mypage-buy.bookshelf .recent-view-pd .recent-list .prev {
  left: -4px;
  background-image: url(/_next/static/media/slick_prev2.7ff24945.svg);
}

.mypage-buy.bookshelf .recent-view-pd .recent-list .next {
  right: -4px;
  background-image: url(/_next/static/media/slick_next2.504eed50.svg);
}
.mypage-buy.bookshelf .recent-view-pd .recent-list .swiper {
  margin: 0 auto;
  padding: 40px 0;
  max-width: 867px;
  overflow-x: hidden;
}
.mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-wrapper {
  gap: 0;
}
.mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide {
  max-width: 120px;
}

.mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide .del-btn {
  position: absolute;
  top: -6px;
  right: -7px;
  z-index: 1;
}

.mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide a {
  display: block;
  width: 120px;
}

.mypage-buy.bookshelf .rental-tab {
  max-width: 940px;
}

.mypage-buy.bookshelf .rental-tab .com-tab {
  min-height: auto;
  margin: 60px 0 48px;
}

.mypage-buy.bookshelf .rental-tab .tab-cont .com-tab-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0 12px;
  max-width: 940px;
  padding-bottom: 5px;
  margin: 48px 0 24px;
  overflow-y: hidden;
}

.mypage-buy.bookshelf .rental-tab .tab-cont .com-tab-circle button {
  font-size: 16px;
  line-height: 26px;
}

.mypage-buy.bookshelf .rental-list .com-list-star {
  gap: 27px 32px;
}

.mypage-buy.bookshelf .rental-list .com-list-star li {
  width: 130px;
}

.mypage-buy.bookshelf .rental-list .com-list-star .thumb-info {
  margin-top: 12px;
}

.mypage-buy.bookshelf .rental-list .com-list-star .thumb-info .info .name {
  font-size: 14px;
  line-height: 20px;
}

.mypage-buy.bookshelf .rental-list .com-list-star .thumb-info .info .marking {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #616161;
  margin-top: 2px;
}

.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  .thumb-info
  .info
  .rental-date {
  margin-top: 8px;
}

.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  .thumb-info
  .info
  .rental-date
  .date,
.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  .thumb-info
  .info
  .return-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #9e9e9e;
}

.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  .thumb-info
  .info
  .return-date {
  display: block;
  color: #ef423e;
}

.mypage-buy.bookshelf .rental-list .com-list-star .thumb {
  position: relative;
}

.mypage-buy.bookshelf .rental-list .com-list-star .thumb .thumb-dimed {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed .btn-wrap {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px 0;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed .btn {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 16px;
  margin: 0 auto;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed .del-btn {
  position: absolute;
  display: block;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  background: url(/_next/static/media/btn-del-square.5d4f673a.svg) no-repeat center / 100%
    auto;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed .btn.solid {
  border: 1px solid #42c9dd;
  background: #42c9dd;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed .btn.line {
  border: 1px solid #fff;
  background: transparent;
}

.mypage-buy.bookshelf .rental-list .thumb-dimed.end-txt {
  display: flex !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  padding: 5px;
  pointer-events: none;
}

.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  li:hover
  .thumb-dimed.utill-btn {
  display: flex;
}

.mypage-buy.bookshelf
  .rental-list
  .com-list-star
  li:hover
  .thumb-dimed.end-txt
  ~ .thumb-dimed.utill-btn {
  display: none;
}

.mypage-buy.bookshelf .thumb-dimed.utill-btn .btn-wrap .none {
  display: none;
}

.mypage-buy.bookshelf .tab-cont .nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #424242;
  padding: 40px;
}

/* 책장 스타일 */
.mypage-buy.bookshelf .lib-style {
  margin-top: 60px;
}

.mypage-buy.bookshelf .lib-style .lib-style-tit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 700;
  font-size: 22px;
  line-height: 48px;
  color: #212121;
  margin-bottom: 16px;
}

.mypage-buy.bookshelf .lib-style .lib-style-tit .mo-flex {
  margin-left: 5px;
}

.mypage-buy.bookshelf .lib-style .inner-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  gap: 60px;
  background: #f1f1f1;
  border-radius: 12px;
}

.mypage-buy.bookshelf .lib-style .inner-box .box-item {
  width: 100%;
}

.mypage-buy.bookshelf .lib-style .tit {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #212121;
  margin-bottom: 16px;
}

/* 연관 교과 단원 */
.mypage-buy.bookshelf .lib-style .cont-box {
  display: flex;
  gap: 10px 30px;
}

.mypage-buy.bookshelf .lib-style .cont-box li {
  width: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  background: rgba(255, 255, 255, 0.9);
}

.mypage-buy.bookshelf .lib-style .cont-box .name {
  display: block;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
}

.mypage-buy.bookshelf .lib-style .cont-box .desc {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #424242;
  margin-top: 6px;
}

/* 마이페이지 작성댓글, 리뷰 */
.mypage-buy.my-write .my-write-tab {
  margin-top: 60px;
}

.mypage-buy.my-write .my-write-tab .sub-title-22 {
  margin-bottom: 20px;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list li {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .thumb {
  width: 100px;
  min-width: 100px;
  text-align: center;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .thumb img {
  width: auto;
  max-width: 100px;
  height: 100px;
  object-fit: contain;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .pd-flag {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  border-radius: 20px;
  padding: 2px 14px;
  margin-bottom: 10px;
}

.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .top
  .txt
  .pd-flag.red {
  color: #76364d;
  background: #fde7ef;
}
.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .top
  .txt
  .pd-flag.yellow {
  color: #5c561b;
  background: #fbf5c1;
}
.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .top
  .txt
  .pd-flag.blue {
  color: #1f4657;
  background: #d9f2fd;
}
.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .top
  .txt
  .pd-flag.purple {
  color: #1d1d5a;
  background: #e7e7fd;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .desc {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #424242;
  margin-bottom: 4px;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .name {
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .date {
  font-size: 12px;
  line-height: 16px;
  color: #9e9e9e;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .write-area {
  padding: 16px 20px;
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
}

.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .write-area
  .error-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ce2828;
  background: url(/_next/static/media/warning.ef5640de.svg) no-repeat left center / 18px;
  padding-left: 22px;
  margin-bottom: 4px;
}

.mypage-buy.my-write
  .my-write-tab
  .tab-cont
  .write-list
  .write-area
  .error-txt
  span {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #ce2828;
  padding-left: 5px;
}

.mypage-buy.my-write .my-write-tab .tab-cont .write-list .write-area .wrt-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #212121;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mypage-buy.my-write .my-write-tab .nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #424242;
  padding: 40px;
}

/* 마이페이지 요금제안내 */
.mypage-buy.payplan .payplan-wrap {
  margin-top: 60px;
}

.mypage-buy .payplan-tit {
  display: flex;
  align-items: center;
  gap: 0 16px;
  margin-bottom: 24px;
}

.mypage-buy .payplan-tit.column {
  flex-direction: column;
  align-items: start;
}

.mypage-buy .payplan-tit .tit {
  font-weight: 700;
  font-size: 24px;
  line-height: 48px;
}

.mypage-buy .payplan-tit .desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #616161;
}
.mypage-buy.payplan .payplan-wrap .plan-register {
  margin-bottom: 60px;
}

.mypage-buy.payplan .payplan-wrap .plan-register .payplan-tit {
  margin-bottom: 16px;
}

.mypage-buy.payplan .payplan-wrap .plan-register .register-input {
  display: flex;
  gap: 0 20px;
}

.mypage-buy.payplan .payplan-wrap .plan-register .register-input .input-wrap {
  width: 100%;
}

.mypage-buy.payplan
  .payplan-wrap
  .plan-register
  .register-input
  .input-wrap
  input {
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #212121;
  padding: 15px 24px;
  border: 1px solid #bdbdbd;
}

.mypage-buy.payplan .payplan-wrap .plan-register .register-input .register-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-width: 150px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  padding: 15px;
  background: #757575;
}

.mypage-buy.payplan .payplan-wrap .free-plan {
  margin-bottom: 60px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select {
  display: flex;
  gap: 25px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item {
  position: relative;
  width: 216px;
  height: 184px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .new {
  margin-bottom: 12px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .new label {
  display: block;
  width: 20px;
  height: 20px;
  padding-left: 0;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .period {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 6px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .price {
  display: flex;
  align-items: end;
  gap: 0 8px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .sale {
  font-size: 17px;
  line-height: 20px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #9e9e9e;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .won {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #212121;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .benefit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #388293;
  padding: 16px 24px;
  background: #fafafa;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .teacher-flag {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #ffffff;
  background: #308dea;
  border-radius: 0px 0px 0px 12px;
  padding: 6px 12px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item.active {
  border: 2px solid #41b5c6;
}

.mypage-buy.payplan
  .payplan-wrap
  .free-plan
  .plan-select
  .item.active
  .price
  .won {
  color: #41b5c6;
}

.mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap {
  margin-top: 24px;
}

.mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .top {
  display: flex;
  align-items: center;
  gap: 0 16px;
  border-bottom: 2px solid #41b5c6;
  padding: 24px 0;
}

.mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .top .desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #212121;
}

.mypage-buy.payplan
  .payplan-wrap
  .free-plan
  .total-price-wrap
  .top
  .total-price {
  font-weight: 800;
  font-size: 24px;
  line-height: 140%;
  color: #41b5c6;
}

.mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .input-wrap {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding: 24px 0 20px;
}

.mypage-buy.payplan
  .payplan-wrap
  .free-plan
  .total-price-wrap
  .input-wrap
  label {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #616161;
}

.mypage-buy.payplan
  .payplan-wrap
  .free-plan
  .total-price-wrap
  .paying-btn-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}

.mypage-buy.payplan
  .payplan-wrap
  .free-plan
  .total-price-wrap
  .paying-btn-wrap
  .paying-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  background: #42c9dd;
  padding: 16px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-info-tit {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
  margin: 24px 0 16px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-txt {
  margin-bottom: 40px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-txt p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #212121;
  margin-bottom: 4px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-txt span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #757575;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table {
  margin-bottom: 24px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table {
  position: relative;
  margin-bottom: 16px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #9e9e9e;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr {
  border-bottom: 1px solid #e0e0e0;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr th,
.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr td {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #616161;
  word-break: break-all;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr th {
  width: 250px;
  padding: 24px;
  background: #eeeeee;
  text-align: center;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr td {
  min-width: 240px;
  border-right: 1px solid #e0e0e0;
  padding: 12px 16px;
}

.mypage-buy.payplan
  .payplan-wrap
  .refund-info
  .refund-table
  table
  tr
  td:nth-of-type(2) {
  width: 450px;
}

.mypage-buy.payplan
  .payplan-wrap
  .refund-info
  .refund-table
  table
  tr
  td:nth-last-of-type(1) {
  border-right: none;
}

.mypage-buy.payplan
  .payplan-wrap
  .refund-info
  .refund-table
  table
  tr
  td
  .small {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #9e9e9e;
  margin-top: 8px;
}

.mypage-buy.payplan .payplan-wrap .refund-info .refund-end-txt span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: #212121;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item {
  margin-bottom: 60px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .tit {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 16px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .flag {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 19px;
  padding: 4px 8px;
  background: #42c9dd;
  border-radius: 4px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item p {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #212121;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .desc {
  font-weight: 400;
  font-size: 17px;
  line-height: 160%;
  color: #424242;
  margin-bottom: 16px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .compare-box {
  width: 100%;
  text-align: center;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .box-wrap {
  display: flex;
  justify-content: center;
  gap: 0 40px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .box-wrap
  .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 216px;
  height: 180px;
  border: 1px solid #bdbdbd;
  border-radius: 12px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .box-wrap
  .box
  .flag {
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #ffffff;
  padding: 2px 10px;
  background: #42c9dd;
  border-radius: 20px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .box-wrap
  .box
  .grade {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .box-wrap
  .box
  .won {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box
  .desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #757575;
  margin-top: 16px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box.type2
  .box-wrap {
  padding-bottom: 16px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box.type2
  .box-wrap
  .box {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  padding: 40px;
  width: 50%;
  height: 198px;
  background: #fafafa;
  border-radius: 12px;
  border: none;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box.type2
  .box-wrap
  .box
  .tit {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: #3e8aaa;
  margin: 0;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .benefit-list
  .item
  .compare-box.type2
  .box-wrap
  .box
  .desc {
  font-weight: 400;
  font-size: 17px;
  line-height: 160%;
  color: #424242;
  margin: 0;
  text-align: left;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .btn-wrap {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .btn-wrap .teacher-btn {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  padding: 16px;
  width: 240px;
  background: #004488;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info {
  margin-top: 100px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info .payplan-tit .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #616161;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info .certi-table {
  margin-top: 40px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info .certi-table table {
  position: relative;
  width: 100%;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  table::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #9e9e9e;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  table
  tr {
  border-bottom: 1px solid #e0e0e0;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  table
  tr
  th {
  width: 180px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #424242;
  background: #fafafa;
  padding: 16px;
  text-align: left;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  table
  tr
  td {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #616161;
  padding: 16px 24px;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info .certi-table .flex {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  .flex.wrap {
  flex-wrap: wrap;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  td
  .input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  td
  .input-wrap
  input {
  width: 100%;
  padding: 8px 16px;
  height: 40px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #212121;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school
  input {
  width: 240px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-addr
  .input-wrap,
.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-addr
  input {
  width: 100%;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-phone
  .drop-down,
.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-phone
  .drop-down
  .selected
  a,
.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-phone
  .drop-down
  .options
  ul {
  width: 80px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-phone
  .input-wrap {
  width: 120px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  tr.school-addr
  .find-addr-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  min-width: 160px;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 0px 16px;
}

.mypage-buy.teacher-certi
  .teacher-certi-wrap
  .refund-info
  .certi-table
  td
  .small {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #9e9e9e;
}

.mypage-buy.teacher-certi .teacher-certi-wrap .refund-info .teacher-btn {
  background: #006ad4;
}

/* 주문/장바구니 */
.order-div {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #fff;
}

.order-div .layout-order-contents {
  width: 100%;
}

.order-div .layout-order-wrap {
  display: flex;
  gap: 0 60px;
  margin: 60px 0 100px;
}

.order-div .layout-order-contents .order-tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #212121;
  margin-bottom: 40px;
}

.order-div .layout-order-contents .order-list-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  margin-bottom: 20px;
}

.order-div .layout-order-contents .order-list-all .order-list:nth-of-type(1) {
  border-top: 1px solid #9e9e9e;
}

.order-div .layout-order-contents .order-list-all .order-list {
  display: flex;
  align-items: start;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}

.order-div .layout-order-contents .order-list-all .order-list .thumb {
  width: 80px;
  min-width: 80px;
  padding: 10px 8px;
  text-align: center;
}

.order-div .layout-order-contents .order-list-all .order-list .thumb img {
  width: auto;
  max-width: 80px;
  height: 80px;
  object-fit: contain;
}

.order-div .layout-order-contents .order-list-all .order-list .cart-info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 0;
}

.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .cart-info-wrap
  .info-area {
  width: 100%;
  padding: 0 16px;
}

.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .pd-flag {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  border-radius: 20px;
  padding: 2px 14px;
  margin-bottom: 8px;
}

.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .pd-flag.red {
  color: #76364d;
  background: #fde7ef;
}
.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .pd-flag.yellow {
  color: #5c561b;
  background: #fbf5c1;
}
.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .pd-flag.blue {
  color: #1f4657;
  background: #d9f2fd;
}
.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .pd-flag.purple {
  color: #1d1d5a;
  background: #e7e7fd;
}

.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .info-area
  .name:not(.epi-list .name) {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  word-break: break-all;
}

.order-div .layout-order-contents .order-list-all .order-list .info-area .desc {
  font-size: 12px;
  line-height: 16px;
  color: #757575;
  margin-top: 8px;
}

.order-div
  .layout-order-contents
  .order-list-all
  .order-list
  .price:not(.epi-list .price) {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding: 0 35px;
  text-wrap: nowrap;
}

.order-div .layout-order-contents .payment-div {
  margin-top: 60px;
}

.order-div .layout-order-contents .payment-div .radio-wrap {
  margin-bottom: 20px;
}

.order-div .layout-order-contents .payment-div .radio-wrap label {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}

.order-div .layout-order-contents .payment-div .tab-area .tab-btn-wrap {
  display: flex;
  gap: 20px;
  padding: 0 20px;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn {
  width: 100%;
  height: 80px;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn
  .tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #212121;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn
  span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn.active {
  border: 2px solid #41b5c6;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn.active
  .tit,
.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-btn-wrap
  .tab-btn.active
  span {
  color: #41b5c6;
}

.order-div .layout-order-contents .payment-div .tab-area .tab-cont-wrap {
  border-top: 1px solid #eeeeee;
  margin-top: 20px;
}

.order-div .layout-order-contents .payment-div .tab-area .tab-cont {
  padding: 20px;
}

.order-div .layout-order-contents .payment-div .tab-area .tab-cont span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #9e9e9e;
}

.order-div
  .layout-order-contents
  .payment-div
  .tab-area
  .tab-cont
  span:nth-child(n + 2) {
  margin-top: 4px;
}

.order-div .layout-order-contents .payment-div .point-payment .point-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.order-div .layout-order-contents .payment-div .point-payment .input-wrap {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.order-div
  .layout-order-contents
  .payment-div
  .point-payment
  .input-wrap
  input {
  font-weight: 700;
  font-size: 16px;
  color: #212121;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 13px 16px;
}

.order-div .layout-order-contents .payment-div .point-payment .point-ico {
  width: 24px;
  height: 24px;
}

.order-div .layout-order-contents .payment-div .point-payment .txt {
  font-size: 12px;
  line-height: 16px;
  color: #ff3e66;
}

.order-div .layout-order-contents .order-agree {
  margin-top: 60px;
}

.order-div .layout-order-contents .order-agree .input-wrap {
  border-top: 1px solid #9e9e9e;
  border-bottom: 1px solid #eeeeee;
  padding: 13px 10px;
}

.order-div .layout-order-contents .order-agree .input-wrap label {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-left: 6px;
}

.layout-order-wrap .layout-order-price {
  height: 213px;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 100px;
}

@media (min-width: calc(1024px + 1px)) {
  .layout-order-wrap .layout-order-price {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    width: 300px;
    min-width: 300px;
  }
}

.layout-order-wrap .order-payment-all {
  background: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 12px;
  padding: 32px;
}

.layout-order-wrap .order-payment-all .payment-sum {
  text-align: center;
}

.layout-order-wrap .order-payment-all .payment-sum .tit {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.layout-order-wrap .order-payment-all .payment-sum .price {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
}

.layout-order-wrap .order-payment-all .payment-sum .price .b {
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: #41b5c6;
}

.layout-order-wrap .order-payment-all .payment-sum .price small {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #41b5c6;
}

.layout-order-wrap .order-payment-all .payment-sum .btn {
  margin-top: 20px;
}

.layout-order-wrap .order-payment-all .payment-sum .btn button {
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #ffffff;
  background: #42c9dd;
  border-radius: 8px;
  padding: 15.5px;
}

/* main 메인 index */
.main .main-top-visual {
  position: relative;
  margin: 30px 0 20px;
}

.main .main-top-visual .slick-slide {
  width: 540px;
  position: relative;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 15px;
}

.main .main-top-visual .slick-slide img {
  width: 100%;
  height: 100%;
}

.main .main-top-visual .slick-visual-etc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  height: 28px;
  margin: 40px 0 20px;
}

.main .slick-visual-etc .visual-list-btn button {
  display: block;
  width: 24px;
  height: 24px;
}

.main .slick-visual-etc .icons-visual {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/_next/static/media/banner_list.13b4aad9.svg);
  background-position: center;
}

.main .main-top-visual .slick-visual-etc .visual-progress {
  width: 155px;
  height: 2px;
  background-color: #d9d9d9;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #424242, #424242);
  z-index: 2;
  transition: background 0.5s ease;
  background-size: 12.5% 100%;
}

.main .main-top-visual .slick-dotted.slick-slider {
  height: auto;
}
.main .main-top-visual .slick-visual-paging .slick-dots {
  position: relative;
  bottom: 0;
}

.main .main-top-visual .slick-visual-paging .slick-dots li {
  display: none;
  justify-content: space-between;
  font-weight: 500;
  font-size: 17px;
  line-height: 28px;
  color: #9e9e9e;
}

.main .main-top-visual .slick-visual-paging .slick-dots li.slick-active {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 0 5px;
  width: auto;
  margin: 0;
}

.main
  .main-top-visual
  .slick-visual-paging
  .slick-dots
  li.slick-active
  span:first-of-type {
  color: #212121;
}

.main .main-top-visual .slick-visual-etc .visual-arrows {
  display: flex;
  gap: 0 20px;
}

.main .main-top-visual .slick-visual-etc .visual-arrows .visual-prev,
.main .main-top-visual .slick-visual-etc .visual-arrows .visual-next {
  border: 0;
  background: none;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  font-size: 0;
  text-indent: -100px;
}

.main .main-top-visual .slick-visual-etc .visual-arrows .visual-prev {
  background-image: url(/_next/static/media/top_banner_ar.2ab22861.svg);
}

.main .main-top-visual .slick-visual-etc .visual-arrows .visual-next {
  background-image: url(/_next/static/media/top_banner_ar.2ab22861.svg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.main .main-layout {
  position: relative;
  max-width: 1240px;
  margin: 60px auto 0;
}

.main .main-layout .main-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}

.main .main-layout .main-title.center {
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
  color: #212121;
  text-align: center;
}

.main .main-layout .thumb img {
  width: 100%;
  object-fit: cover;
}

.main .main-layout .prev,
.main .main-layout .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
}

.main .main-layout .prev {
  left: -80px;
  background: url(/_next/static/media/arrow-left-main.543415ef.svg) no-repeat center / 80px;
}

.main .main-layout .next {
  right: -80px;
  background: url(/_next/static/media/arrow-right-main.6c6b6952.svg) no-repeat center /
    80px;
}

/* 갓 나온 신작 */
.main .main-layout-01 .slider-wrap .swiper {
  overflow: hidden;
}

.main .main-layout-01 .slider-wrap .swiper .swiper-slide a .thumb {
  filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.08));
}

.main .main-layout-01 .slider-wrap .swiper .swiper-wrapper {
  align-items: center;
  /* margin-left: -135px; */
  margin-left: -52px;
}

.main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
  margin-left: -38px;
}

.main .main-layout-01 .slider-wrap .swiper .swiper-slide {
  margin: 0 8px;
}

.main .main-layout-01 .slider-wrap .swiper .swiper-slide,
.main .main-layout-01 .slider-wrap .swiper .swiper-slide .thumb {
  display: block;
  width: 150px;
}

.main .main-layout-01 .slider-wrap .swiper .swiper-slide.swiper-slide-active {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 420px;
  height: 420px;
  border-radius: 300px;
  background-color: #eff5f8;
  margin: 0;
}

/* .main .main-layout-01 .slider-wrap .swiper .swiper-slide.swiper-slide-active {
    padding: 0 7px
} */

.main
  .main-layout-01
  .slider-wrap
  .swiper
  .swiper-slide.swiper-slide-active
  .thumb {
  width: 173px;
  max-height: 270px;
  border-radius: 0;
  margin: 0 auto;
}

.main .main-layout-01 .thumb-info {
  margin-top: 16px;
}

.main .main-layout-01 .swiper-slide-active .thumb-info .info {
  text-align: center;
}

.main .main-layout-01 .thumb-info .info .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #212121;
}

.main .main-layout-01 .thumb-info .info .desc {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  margin-top: 4px;
}

/* 보던 콘텐츠 이어보기 */
.main .main-layout-02 .slider-wrap .slider {
  overflow: hidden;
}

.main .main-layout-02 .slider-wrap .slider .swiper-slide {
  position: relative;
  width: 380px;
  height: 360px;
  box-sizing: border-box;
}

.main .main-layout-02 .slider-wrap .slider .swiper-slide .thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  border-radius: 20px;
  overflow: hidden;
}

.main .main-layout-02 .slider-wrap .slider .swiper-slide .recomm-flag {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  padding: 12px 24px;
  background: linear-gradient(180deg, #549ef5 0%, #357ccf 100%), #3387e9;
  box-shadow:
    0px 2px 4px -2px rgba(0, 0, 0, 0.12),
    0px 4px 4px -2px rgba(0, 0, 0, 0.08);
  border-radius: 20px 0px 20px 0px;
  z-index: 2;
}

.main .main-layout-02 .slider-wrap .slider .swiper-slide .thumb {
  width: 180px;
}

.main .main-layout-02 .thumb-dimed {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}

.main .main-layout-02 .thumb-dimed .btn {
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  line-height: 140%;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 20px;
}

.main .main-layout-02 .thumb-dimed .btn.solid {
  border: 1px solid #42c9dd;
  background: #42c9dd;
}

.main .main-layout-02 .thumb-dimed .btn.line {
  border: 1px solid #fff;
  background: transparent;
}

.main .main-layout-02 .slider-wrap .slider .swiper-slide:hover .thumb-dimed {
  display: flex;
  border-radius: 20px;
}

/* 광고 배너 */
.main-ad-banner .swiper {
  overflow: hidden;
}

.main-ad-banner .swiper-slide a {
  display: block;
}

.main-ad-banner .swiper-slide img {
  width: 100%;
}

/* 엠디 추천도서 */
.main .main-layout.md-pick {
  margin: 80px auto 120px;
}

/* 핫한 과학 이슈 */
.main .main-layout.sci-issue .sci-issue-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px 10px;
}

.main .main-layout.sci-issue .sci-issue-list li {
  width: calc(50% - 20px);
}

.main .main-layout.sci-issue .sci-issue-list li a {
  display: flex;
  align-items: center;
  gap: 0 32px;
  width: 100%;
  max-width: 568px;
}

.main .main-layout.sci-issue .sci-issue-list li .thumb {
  width: 246px;
  min-width: 246px;
  height: 164px;
  border-radius: 8px;
  overflow: hidden;
}

.main .main-layout.sci-issue .sci-issue-list li .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main .main-layout.sci-issue .sci-issue-list li .info {
  max-width: 290px;
}

.main .main-layout.sci-issue .sci-issue-list li .info .name {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #212121;
  margin-bottom: 12px;
}

.main .main-layout.sci-issue .sci-issue-list li .info .desc {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #616161;
}

/* main-swiper-04 */
.main .main-swiper-04 .swiper {
  overflow: hidden;
}

.main .main-swiper-04 .swiper .swiper-wrapper {
  padding: -1px 16px;
}

.layout-subpage-tab-wrap .main .main-swiper-04 .swiper .swiper-wrapper {
  padding: 0;
}

/* 메인 베스트 탭 */
.main .best-div .main .best-div .main-title {
  margin-bottom: 24px;
}

.main .best-div .main-title {
  margin-left: 16px;
  margin-right: 16px;
}

.main .main-tab-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 40px;
  margin: 24px 32px 50px;
}

.main .main-tab-list button {
  position: relative;
  width: auto;
  font-weight: 300;
  font-size: 22px;
  line-height: 26px;
  color: #212121;
  padding: 6px 2px 12px;
}

.main .main-tab-list button.selected {
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #33acd2;
}

.main .main-tab-list button.selected::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(50% - 3px);
  left: -webkit-calc(50% - 3px);
  width: 6px;
  height: 6px;
  background: #42c9dd;
  border-radius: 100%;
}

.main .main-layout.best-div .slider-wrap {
  position: relative;
}

.main .main-layout.best-div .slider {
  overflow: hidden;
}

.main .main-layout.best-div .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

.main .main-layout.best-div .sub-list-has-big-list .num-flag {
  font-family: 'Verdana';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  /* color: #A7A7A7; */
  color: #212121;
  margin-bottom: 10px;
}

/* .main .main-layout.best-div .sub-list-has-big-list .swiper-slide.swiper-slide-active .num-flag {
    color: #212121;
} */

.main .main-layout.best-div .sub-list-has-big-list .swiper-slide {
  align-items: center;
  max-width: 370px;
  margin-top: 0;
}

.main .main-layout.best-div .com-list-star.row .swiper-slide a {
  align-items: center;
  gap: 0 40px;
  width: 100%;
}

.main .main-layout.best-div .com-list-star .swiper-wrapper {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
}

.main .main-layout.best-div .com-list-star.row .thumb-info {
  min-width: 200px;
  margin-top: 0;
}

.main .main-layout.best-div .com-list-star.row .thumb-info .info .name {
  font-size: 16px;
}

.main .main-layout.best-div .com-list-star.row .review {
  margin-top: 10px;
}

.main .main-layout.best-div .com-list-star .review span {
  font-size: 12px;
  color: #757575;
}

.main .main-layout.best-div .prev,
.main .main-layout.best-div .next {
  width: 48px;
  height: 48px;
}

.main .main-layout.best-div .prev {
  display: none;
  left: -48px;
  background: url(/_next/static/media/btn_arrow.833b0f93.svg) no-repeat center / 48px;
}

.main .main-layout.best-div .next {
  right: -48px;
  background: url(/_next/static/media/btn_arrow_right.1aad20f5.svg) no-repeat center / 48px;
}

.main {
  position: relative;
  overflow-x: hidden;
}

/* 20240508 add */
.main .main-swiper-recommand {
  width: 100%;
  margin: 40px auto;
}
.main .main-swiper-recommand .visual-wrap {
  max-width: 1240px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 110;
}
.main .main-swiper-recommand .slider-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.main .main-swiper-recommand .recommand-title {
  width: 500px;
  z-index: 110;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main .main-swiper-recommand .main-title {
  font-size: 22px;
  padding: 15px 0 10px 0;
  font-weight: 700;
}
.main .main-swiper-recommand .main-campain {
  word-break: keep-all;
  font-size: 37px;
  color: #663f97;
  line-height: 1.37;
  font-weight: 800;
  padding: 10px 0 80px 0;
}
.main .main-swiper-recommand .slider {
  position: relative;
  height: 390px;
  width: 700px;
  overflow: hidden;
}
.main .main-swiper-recommand .prev {
  position: absolute;
  left: 10px;
  bottom: 70px;
  text-indent: -100px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url(/_next/static/media/arrow-left-28.7d93355e.svg) no-repeat center / 28px;
}
.main .main-swiper-recommand .next {
  position: absolute;
  left: 100px;
  bottom: 70px;
  text-indent: -200px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url(/_next/static/media/arrow-right-28.19a789b2.svg) no-repeat center / 28px;
}
.main .main-swiper-recommand .swiper-pagination {
  position: absolute;
  left: 35px;
  bottom: 73px;
  width: 70px;
  font-size: 17px;
}
.main .main-swiper-recommand .swiper-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 700px;
  height: 390px;
  z-index: 110;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main .main-swiper-recommand .swiper-slide {
  display: block;
  width: 700px;
  height: 290px;
}
.main .main-swiper-recommand .swiper-slide a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main .main-swiper-recommand:before {
  content: '';
  position: absolute;
  z-index: 100;
  display: inline-block;
  width: 1400px;
  left: 50%;
  margin-left: -210px;
  background: #f6f1ff;
  border-radius: 300px 0 0 300px;
  height: 390px;
}
.main .main-swiper-recommand .thumb {
  width: 190px;
}
.main .main-swiper-recommand .thumb img {
  width: 190px;
  border-radius: 12px;
}
.main .main-swiper-recommand .info {
  width: 500px;
  padding: 0 0 0 40px;
}
.main .main-swiper-recommand .info .info-title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
.main .main-swiper-recommand .info .info-writer {
  font-size: 14px;
  font-weight: 400;
  color: #616161;
}
.main .main-swiper-recommand .info .info-review {
  font-size: 14px;
  font-weight: 400;
  padding: 15px 0 20px 0;
  color: #dc3232;
}
.main .main-swiper-recommand .info .info-review span {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
}
.main .main-swiper-recommand .info .info-summary {
  font-size: 15px;
  line-height: 1.6;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.main .main-swiper-recommand .info .info-tag {
  font-size: 14px;
  font-weight: 600;
  color: #663f97;
  padding: 15px 0;
}
.main .main-swiper-recommand .info .info-tag span + span {
  padding-left: 10px;
}
@media screen and (max-width: 1279px) {
  .main .main-swiper-recommand .main-campain {
    margin: 0 32px 32px;
  }
  .main .main-swiper-recommand .recommand-title {
    width: 40%;
  }
  .main .main-swiper-recommand .prev {
    left: 40px;
  }
  .main .main-swiper-recommand .next {
    left: 120px;
  }
  .main .main-swiper-recommand .swiper-pagination {
    left: 60px;
  }
  .main .main-swiper-recommand .slider {
    width: 60%;
  }
}
@media screen and (max-width: 1180px) {
  .main .main-swiper-recommand {
    position: relative;
  }
  .main .main-swiper-recommand .visual-wrap {
    max-width: 100%;
  }
  .main .main-swiper-recommand:before {
    content: '';
    top: auto;
    bottom: 0;
    width: 100%;
    left: 10%;
    margin-left: 0;
    height: 360px;
  }
  .main .main-swiper-recommand .slider-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
  }
  .main .main-swiper-recommand .recommand-title {
    width: 100%;
  }
  .main .main-swiper-recommand .recommand-title .sec-title {
    margin: 0 0 0 32px;
  }
  .main .main-swiper-recommand .main-campain {
    margin: 0 0 0 32px;
    padding: 10px 0 0 0;
  }
  .main .main-swiper-recommand .prev {
    left: auto;
    right: 120px;
    top: 160px;
    bottom: auto;
    text-indent: -2000px;
  }
  .main .main-swiper-recommand .next {
    left: auto;
    right: 40px;
    top: 160px;
    bottom: auto;
    text-indent: -2000px;
  }
  .main .main-swiper-recommand .swiper-pagination {
    left: auto;
    right: 60px;
    top: 164px;
    bottom: auto;
  }
  .main .main-swiper-recommand .slider {
    width: 100%;
  }
  .main .main-swiper-recommand .swiper-wrapper {
    width: calc(100% - 40px);
    height: 330px;
    bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main .main-swiper-04 {
    margin: 30px auto 0;
  }
  .md-pick {
    margin: 30px auto 0 !important;
  }
  .main .main-swiper-recommand {
    margin: 60px auto;
  }
  .main .main-swiper-recommand:before {
    height: 240px;
    left: 35px;
  }
  .main .main-swiper-recommand .recommand-title {
    padding: 0 0 15px 0;
  }
  .main .main-swiper-recommand .recommand-title i img {
    width: 28px;
  }
  .main .main-swiper-recommand .recommand-title .sec-title {
    margin: 0 0 0 24px;
  }
  .main .main-swiper-recommand .main-title {
    font-size: 20px;
    padding: 10px 0 5px 0;
  }
  .main .main-swiper-recommand .main-campain {
    font-size: 28px;
    line-height: 1.4;
    padding: 0;
    margin: 0 0 0 24px;
  }
  .main .main-swiper-recommand .prev {
    left: auto;
    right: 90px;
    top: 120px;
    bottom: auto;
    text-indent: -2000px;
    width: 20px;
    background-size: 20px;
  }
  .main .main-swiper-recommand .next {
    left: auto;
    right: 40px;
    top: 120px;
    bottom: auto;
    text-indent: -2000px;
    width: 20px;
    background-size: 20px;
  }
  .main .main-swiper-recommand .swiper-pagination {
    left: auto;
    right: 40px;
    top: 123px;
    bottom: auto;
    font-size: 13px;
  }
  .main .main-swiper-recommand .swiper-wrapper {
    height: 180px;
    bottom: 30px;
    width: calc(100% - 20px);
  }
  .main .main-swiper-recommand .slider {
    height: 240px;
  }
  .main .main-swiper-recommand .swiper-slide {
    height: 180px;
  }
  .main .main-swiper-recommand .thumb {
    width: 120px;
  }
  .main .main-swiper-recommand .thumb img {
    width: 120px;
    height: 174px;
  }
  .main .main-swiper-recommand .info {
    width: calc(100% - 150px);
    padding: 0 24px;
  }
  .main .main-swiper-recommand .info .info-title {
    font-size: 16px;
  }
  .main .main-swiper-recommand .info .info-writer {
    font-size: 12px;
  }
  .main .main-swiper-recommand .info .info-review {
    font-size: 12px;
    padding: 4px 0;
  }
  .main .main-swiper-recommand .info .info-review em {
    font-size: 12px;
  }
  .main .main-swiper-recommand .info .info-review img {
    width: 15px;
    vertical-align: -2px;
  }
  .main .main-swiper-recommand .info .info-summary {
    font-size: 12px;
  }
  .main .main-swiper-recommand .info .info-tag {
    font-size: 12px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 550px) {
  .main .main-swiper-recommand .swiper-wrapper {
    bottom: 25px;
  }
  .main .main-swiper-recommand .thumb img {
    border-radius: 8px;
  }
  .main .main-swiper-recommand .recommand-title {
    padding: 0 0 10px 0;
  }
  .main .main-swiper-recommand .recommand-title i img {
    width: 28px;
  }
  .main .main-swiper-recommand .recommand-title .sec-title {
    margin: 0 0 0 24px;
  }
  .main .main-swiper-recommand .main-title {
    font-size: 16px;
    padding: 10px 0 5px 0;
  }
  .main .main-swiper-recommand .main-campain {
    font-size: 20px;
    line-height: 1.4;
    padding: 0;
    margin: 0 0 0 24px;
  }
  .main .main-swiper-recommand .prev {
    left: auto;
    right: 90px;
    top: 100px;
    bottom: auto;
    text-indent: -2000px;
    width: 20px;
    background-size: 20px;
  }
  .main .main-swiper-recommand .next {
    left: auto;
    right: 40px;
    top: 100px;
    bottom: auto;
    text-indent: -2000px;
    width: 20px;
    background-size: 20px;
  }
  .main .main-swiper-recommand .swiper-pagination {
    left: auto;
    right: 40px;
    top: 103px;
    bottom: auto;
    font-size: 13px;
  }
  .main .main-swiper-recommand .info .info-tag {
    overflow: hidden;
    height: 22px;
    padding: 10px 0 0 0;
  }
}
/* 20240508 add */

@media screen and (min-width: 1024px) {
  .emgz.emgz-tab .view-mgz ul {
    transition-duration: 0 !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
  .emgz.emgz-tab .view-mgz li {
    margin: 0 0 24px 24px !important;
  }
}

@media screen and (min-width: 1921px) {
  .main .main-top-visual .slick-visual {
    margin-left: -30%;
  }
}
@media screen and (min-width: 2000px) {
  .main .main-top-visual .slick-visual {
    margin-left: -29%;
  }
}
@media screen and (min-width: 2200px) {
  .main .main-top-visual .slick-visual {
    margin-left: -26%;
  }
}
@media screen and (min-width: 2400px) {
  .main .main-top-visual .slick-visual {
    margin-left: -23.5%;
  }
}

@media screen and (max-width: 1920px) {
  .main .main-top-visual .slick-visual {
    margin-left: -32%;
  }
}

@media screen and (max-width: 1779px) {
  .main .main-top-visual .slick-visual {
    margin-left: -35%;
  }
}

@media screen and (max-width: 1670px) {
  .main .main-top-visual .slick-visual {
    margin-left: -37%;
  }
}

@media screen and (max-width: 1560px) {
  .main .main-top-visual .slick-visual {
    margin-left: -39%;
  }
}

@media screen and (max-width: 1346px) {
  .main .main-top-visual .slick-visual {
    margin-left: -41%;
  }
}

@media screen and (max-width: 1346px) {
  .main .main-top-visual .slick-visual {
    margin-left: -43%;
  }
}

@media screen and (max-width: 1279px) {
  .wide-bg::before {
    height: 234px;
  }

  .main .main-top-visual .slick-visual {
    margin-left: -39%;
  }

  .main .main-top-visual .slick-slide {
    width: 460px;
  }

  .main .sec-title {
    position: relative;
    margin: 0 32px 32px;
    z-index: 2;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide {
    width: 312px;
    height: 296px;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide .thumb {
    width: 140px;
  }

  .sub-list-has-big-swiper .flex-wrap,
  .main .main-ad-banner,
  .main .main-layout.best-div .slider-wrap {
    margin-left: 32px;
    margin-right: 32px;
  }

  .com-big-thumb {
    min-width: 572px;
  }

  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    width: 444px;
  }

  .com-big-thumb .thumb-info {
    max-width: 312px;
    padding: 16px 14px;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 130px;
    width: 130px;
  }

  .main .main-layout.sci-issue .sci-issue-list {
    gap: 32px 10px;
    margin: 0 32px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .thumb {
    width: 220px;
    min-width: 220px;
    height: 146px;
  }

  .main .main-layout.sci-issue .sci-issue-list li a {
    gap: 0 16px;
    max-width: 488px;
  }

  .main .main-layout.best-div .sub-list-has-big-list .swiper-slide {
    max-width: 340px;
  }

  .main .main-layout.best-div .com-list-star.row .thumb-info {
    min-width: auto;
    width: 100%;
  }

  .main .main-layout.best-div .com-list-star.row .swiper-slide a {
    gap: 0 24px;
  }

  .main .main-layout.best-div .sub-list-has-big-list .swiper-slide {
    max-width: 326px;
  }

  .main .main-layout.best-div .com-list-star {
    gap: 0;
  }

  .main .main-layout.best-div .prev,
  .main .main-layout.best-div .next {
    display: none !important;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper {
    margin-left: 68px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 208px;
  }
}

@media screen and (max-width: 1220px) {
  .main .main-top-visual .slick-visual {
    margin-left: -40%;
  }
}

@media screen and (max-width: 1184px) {
  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 212px;
  }

  .main .main-top-visual .slick-visual {
    margin-left: -46%;
  }
}

@media screen and (max-width: 1140px) {
  .main .main-top-visual .slick-visual {
    margin-left: -43%;
  }
}

@media screen and (max-width: 1044px) {
  .main .main-top-visual .slick-visual {
    margin-left: -47%;
  }
}

@media screen and (max-width: 1024px) {
  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 203px;
  }

  .wide-bg::before {
    height: 192px;
  }

  .main .main-top-visual .slick-slide {
    width: 440px;
    margin: 0 10px;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide {
    width: 280px;
    height: 260px;
  }

  .main .main-layout.md-pick {
    margin: 60px auto 0px;
  }

  .com-big-thumb,
  .md-pick .com-big-thumb {
    min-width: 530px;
    gap: 0 12px;
  }

  .main .md-pick .com-big-thumb {
    min-width: auto;
  }

  .com-big-thumb .thumb,
  .md-pick .com-big-thumb .thumb {
    width: 200px;
  }

  .com-big-thumb .thumb-info,
  .md-pick .com-big-thumb .thumb-info {
    padding: 0 16px;
  }

  .com-big-thumb .thumb-info .summary,
  .md-pick .com-big-thumb .thumb-info .summary {
    font-size: 14px;
    line-height: 24px;
    color: #616161;
    padding: 12px 8px 0 0;
    margin-top: 24px;
  }

  .com-big-thumb .thumb-info .info .name,
  .md-pick .com-big-thumb .thumb-info .info .name {
    font-size: 20px;
  }

  .com-big-thumb .thumb-info .info .desc,
  .md-pick .com-big-thumb .thumb-info .info .desc {
    font-size: 13px;
  }

  .ebook-md-pick .com-big-thumb {
    flex-direction: column;
    align-items: center;
    min-width: 100%;
    width: 100%;
  }

  .ebook-md-pick .com-big-thumb .thumb-info {
    max-width: 100%;
    width: 100%;
    padding: 16px 10px 8px;
    margin: 20px 0 24px;
    text-align: center;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .summary {
    display: none;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .tag {
    justify-content: center;
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb {
    width: 240px;
  }

  .ebook-md-pick .com-big-thumb .tag.mini li span {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .tag {
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb .thumb-ico .th-ico.fz-15 {
    font-size: 11px;
    line-height: 13px;
    padding: 4.5px 10px 4.5px 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info {
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info .name {
    font-size: 18px;
    line-height: 25px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info .desc {
    font-size: 12px;
    margin-top: 4px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .review {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .review span {
    font-size: 12px;
    line-height: 18px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .count {
    margin-left: 0;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 106px;
    width: 106px;
  }

  .main .main-layout.sci-issue .sci-issue-list {
    margin-top: 24px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .thumb {
    width: 200px;
    min-width: 200px;
    height: 133px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .info .desc {
    -webkit-line-clamp: 3;
  }

  .main .main-layout.sci-issue .sci-issue-list li a {
    gap: 0 16px;
    max-width: 428px;
  }

  .main .main-layout.best-div .sub-list-has-big-list .swiper-slide {
    max-width: 305px;
  }

  .main .main-swiper-04 .com-list-star .thumb.w180,
  .main .main-swiper-04 .com-list-star .thumb.w180 ~ .thumb-info {
    min-width: 160px;
    width: 160px;
  }
}

@media screen and (max-width: 960px) {
  .main .main-top-visual .slick-visual {
    margin-left: -47.5%;
  }

  .main .best-div .slider-wrap .slider {
    padding: 0 16px;
  }

  .sub-list-has-big-swiper .flex-wrap {
    margin-top: 40px;
  }
}

@media screen and (max-width: 920px) {
  .main .main-swiper-04 .com-list-star .thumb.w180,
  .main .main-swiper-04 .com-list-star .thumb.w180 ~ .thumb-info {
    min-width: 140px;
    width: 140px;
  }

  .com-big-thumb .thumb,
  .md-pick .com-big-thumb .thumb {
    width: 180px;
  }

  .com-big-thumb,
  .md-pick .com-big-thumb {
    min-width: 482px;
  }

  .com-big-thumb .thumb-info,
  .md-pick .com-big-thumb .thumb-info {
    max-width: 290px;
    padding: 0 16px 0 8px;
  }

  .com-big-thumb .thumb-info .summary,
  .md-pick .com-big-thumb .thumb-info .summary {
    margin-top: 14px;
  }
  .ebook-md-pick .com-big-thumb {
    flex-direction: column;
    align-items: center;
    min-width: 100%;
    width: 100%;
  }

  .ebook-md-pick .com-big-thumb .thumb-info {
    max-width: 100%;
    width: 100%;
    padding: 16px 10px 8px;
    margin: 20px 0 24px;
    text-align: center;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .summary {
    display: none;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .tag {
    justify-content: center;
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb {
    width: 240px;
  }

  .ebook-md-pick .com-big-thumb .tag.mini li span {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .tag {
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb .thumb-ico .th-ico.fz-15 {
    font-size: 11px;
    line-height: 13px;
    padding: 4.5px 10px 4.5px 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info {
    margin-bottom: 8px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info .name {
    font-size: 18px;
    line-height: 25px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .info .desc {
    font-size: 12px;
    margin-top: 4px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .review {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .review span {
    font-size: 12px;
    line-height: 18px;
  }

  .ebook-md-pick .com-big-thumb .thumb-info .count {
    margin-left: 0;
  }
}

@media screen and (max-width: 850px) {
  .main .main-top-visual .slick-slide {
    width: 378px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 209px;
  }
}

@media screen and (max-width: 800px) {
  .main .main-top-visual .slick-slide {
    width: 344px;
  }
}

@media screen and (max-width: 768px) {
  .main .main-top-visual {
    margin-top: 0;
  }
  .main .main-layout.best-div .slider-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .main .main-top-visual .slick-visual {
    margin-left: 0;
  }

  .main .main-top-visual .slick-slide {
    margin: 0;
  }

  .main .main-top-visual .slick-dotted.slick-slider {
    max-height: 650px;
    background: linear-gradient(180deg, #87ccf6 0%, #5ab9f4 100%);
  }

  .main .main-top-visual .slick-dotted.slick-slider img {
    /* padding: 0 114px; */
    max-width: 540px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .main .main-top-visual .slick-visual-etc {
    position: absolute;
    bottom: 32px;
    right: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 0 5px;
    height: 32px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 6px 12px;
    margin: 0;
  }

  .main .main-top-visual .visual-list-btn {
    order: 2;
  }

  .main .main-top-visual .slick-visual-paging .slick-dots li {
    font-size: 16px;
    line-height: 19px;
    color: #e0e0e0;
  }

  .main
    .main-top-visual
    .slick-visual-paging
    .slick-dots
    li.slick-active
    span:first-of-type {
    color: #fff;
  }

  .main .slick-visual-etc .icons-visual {
    width: 20px;
    height: 20px;
    background-image: url(/_next/static/media/banner_list_fff.fc1c9a03.svg);
  }

  .main .main-top-visual .slick-visual-etc .visual-arrows .visual-prev,
  .main .main-top-visual .slick-visual-etc .visual-arrows .visual-next,
  .main .main-top-visual .slick-visual-etc .visual-progress {
    display: none !important;
  }

  .sub-list-has-big-swiper .flex-wrap,
  .main .main-ad-banner,
  .main .main-layout.sci-issue .sci-issue-list {
    margin-left: 24px;
    margin-right: 24px;
  }

  .main .sec-title {
    margin: 0 24px 24px;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide {
    width: 224px;
    min-width: 224px;
    height: 220px;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide .thumb-wrap {
    align-items: end;
    border-radius: 20px 20px 0 0;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide .thumb {
    width: 120px;
  }

  .main .main-layout-02 .thumb-dimed {
    position: relative;
    display: flex;
    top: auto;
    gap: 20px 0;
    height: 36px;
    background: none;
    text-align: center;
    margin-top: 16px;
  }

  .main .main-layout-02 .swiper-wrapper {
    width: 93%;
    height: 18rem;
  }

  .main .main-layout-02 .thumb-dimed .btn.solid {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #757575;
    border: 1px solid #42c9dd;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 20px;
  }

  .main .main-layout-02 .thumb-dimed .btn.line {
    display: none;
  }

  .main .main-layout-02 .slider-wrap .slider {
    overflow-x: hidden;
    height: 296px;
  }

  .main .main-layout-02 .slider-wrap .slider .swiper-slide .recomm-flag {
    font-size: 13px;
    line-height: 16px;
    padding: 6px 16px;
  }

  .main .main-layout-02 .thumb .thumb-ico .th-ico.fz-12 {
    font-size: 10px;
    line-height: 12px;
    padding: 4px 8px 4px 6px;
  }

  .main .main-layout-02 .thumb .thumb-ico .th-ico.fz-12:nth-child(n + 2) {
    margin-top: 2px;
  }

  .main .main-layout-02 .thumb .thumb-ico {
    bottom: 7.5px;
    width: 60px;
  }

  .sub-list-has-big-swiper .flex-wrap {
    flex-direction: column;
    align-items: center;
  }

  .com-big-thumb {
    flex-direction: column;
    align-items: center;
    min-width: 100%;
    width: 100%;
  }

  .sub-list-has-big-swiper .flex-wrap {
    flex-direction: row;
    min-width: auto;
  }

  .com-big-thumb .thumb-info {
    max-width: 100%;
    width: 100%;
    padding: 16px 10px 8px;
    margin: 20px 0 24px;
    text-align: center;
  }

  .com-big-thumb .thumb-info .summary {
    display: none;
  }

  .com-big-thumb .thumb-info .tag {
    justify-content: center;
    margin-bottom: 8px;
  }

  .com-big-thumb .thumb {
    width: 240px;
  }

  .com-big-thumb .tag.mini li span {
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 8px;
  }

  .com-big-thumb .thumb-info .tag {
    margin-bottom: 8px;
  }

  .com-big-thumb .thumb .thumb-ico .th-ico.fz-15 {
    font-size: 11px;
    line-height: 13px;
    padding: 4.5px 10px 4.5px 8px;
  }

  .com-big-thumb .thumb-info .info {
    margin-bottom: 8px;
  }

  .com-big-thumb .thumb-info .info .name {
    font-size: 18px;
    line-height: 25px;
  }

  .com-big-thumb .thumb-info .info .desc {
    font-size: 12px;
    margin-top: 4px;
  }

  .com-big-thumb .thumb-info .review {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
  }

  .com-big-thumb .thumb-info .review span {
    font-size: 12px;
    line-height: 18px;
  }

  .com-big-thumb .thumb-info .count {
    margin-left: 0;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 180px;
    width: 180px;
  }

  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: 0 9.1vw;
  }

  .wide-bg {
    margin-bottom: 0;
  }

  .wide-bg::before {
    height: 600px;
    bottom: -27px;
  }

  .main .main-layout.sci-issue .sci-issue-list {
    flex-direction: column;
  }

  .main .main-layout.sci-issue .sci-issue-list li .thumb {
    width: 246px;
    min-width: 246px;
    height: 164px;
  }

  .main .main-layout.sci-issue .sci-issue-list li,
  .main .main-layout.sci-issue .sci-issue-list li a,
  .main .main-layout.sci-issue .sci-issue-list li .info {
    width: 100%;
    max-width: 100%;
  }

  .main .main-layout.sci-issue .sci-issue-list li .info .desc {
    -webkit-line-clamp: 4;
  }

  .main .main-layout.best-div .sub-list-has-big-list .swiper-slide {
    width: auto;
    max-width: 326px;
  }

  .main .main-swiper-04 .com-list-star .thumb.w180,
  .main .main-swiper-04 .com-list-star .thumb.w180 ~ .thumb-info,
  .main .main-swiper-04 .swiper li {
    min-width: 180px;
    width: auto;
  }

  .sub-list-has-big-list .swiper-slide {
    max-width: 180px;
    min-width: 180px;
    width: 180px;
  }

  /* .sub-list-has-big-list .swiper-slide:nth-child(n+4) {
        display: none;
    } */

  .sub-list-has-big-swiper .flex-wrap {
    overflow: hidden;
  }
}

@media screen and (max-width: 709px) {
  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    gap: 0 7vw;
  }
}

@media screen and (max-width: 670px) {
  .main .main-ad-banner .slick-track {
    display: flex;
  }
}

@media screen and (max-width: 648px) {
  .sub-list-has-big-swiper .flex-wrap,
  .main .main-ad-banner,
  .main .main-layout.sci-issue .sci-issue-list {
    margin-left: 16px;
    margin-right: 16px;
  }

  .main .sec-title {
    margin: 0 16px 20px;
  }

  .sub-list-has-big-list .swiper-slide {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 140px;
    width: 140px;
  }

  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    gap: 0 7vw;
  }
}

@media screen and (max-width: 550px) {
  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 211px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-slide.swiper-slide-active {
    width: 306px;
    height: 306px;
  }

  .main
    .main-layout-01
    .slider-wrap
    .swiper
    .swiper-slide.swiper-slide-active
    .thumb {
    width: 122px;
    max-height: 190px;
  }

  .main .main-layout-01 .thumb-info {
    margin-top: 12px;
    width: 120px;
  }

  .main .main-layout-01 .thumb-info .info .name {
    font-size: 14px;
  }

  .main .main-layout-01 .thumb-info .info .desc {
    font-size: 12px;
    margin-top: 2px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-slide,
  .main .main-layout-01 .slider-wrap .swiper .swiper-slide .thumb {
    width: 120px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .thumb {
    width: 136px;
    min-width: 136px;
    height: 90px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .info .desc {
    -webkit-line-clamp: 2;
  }

  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    gap: 0 3vw;
  }

  .main .main-layout.sci-issue .sci-issue-list li .info .name {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 5px;
  }

  .main .main-layout.sci-issue .sci-issue-list li .info .desc {
    font-weight: 300;
    font-size: 12px;
  }

  .main .main-layout .main-title {
    font-size: 20px;
    line-height: 24px;
    text-align: left;
  }

  [class*='sub-title'] ~ .more {
    font-size: 14px;
    line-height: 17px;
  }

  [class*='sub-title'] ~ .more.rectangle {
    background: url(/_next/static/media/plus-rec.74b54ba2.svg) no-repeat right center /
      16px auto;
    padding-right: 16px;
  }

  .main .main-layout .main-title.center {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #212121;
    text-align: center;
  }

  .main .main-tab-list {
    gap: 0 20px;
    margin: 16px 32px 16px;
  }

  .main .main-tab-list button {
    font-size: 17px;
    line-height: 20px;
    color: #212121;
    padding: 6px 2px 12px;
  }

  .main .main-tab-list button.selected {
    font-weight: 800;
    font-size: 17px;
    line-height: 20px;
    color: #33acd2;
  }

  .main .main-layout.best-div .sub-list-has-big-list .num-flag {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .main .main-layout.best-div .com-list-star.row .thumb-info .info .name {
    font-weight: 700;
    font-size: 14px;
  }

  .com-list-star.row .thumb-info .info .desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
  }

  .main .main-top-visual .slick-visual-etc {
    bottom: 12px;
    right: 12px;
  }

  .wide-bg:before {
    height: 554px;
  }
}

@media screen and (max-width: 500px) {
  .sub-list-has-big-list .swiper-slide {
    max-width: 120px;
    min-width: 120px;
    width: 120px;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 120px;
    width: 120px;
  }
}

@media screen and (max-width: 470px) {
  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper {
    margin-left: 80px;
  }

  .main .best-div .com-list-star .thumb.w102 {
    min-width: 80px;
    width: 80px;
  }

  .main .main-layout.best-div .com-list-star.row .swiper-slide a {
    gap: 0 18px;
  }
}

@media screen and (max-width: 420px) {
  .sub-list-has-big-list .swiper-slide {
    max-width: 102px;
    min-width: 102px;
    width: 102px;
  }

  .main .com-list-star .thumb.w150,
  .main .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 102px;
    width: 102px;
  }

  .sub-list-has-big-swiper .swiper .swiper-wrapper {
    gap: 0 11px;
  }

  .main .main-swiper-04 .com-list-star .thumb.w180,
  .main .main-swiper-04 .com-list-star .thumb.w180 ~ .thumb-info,
  .main .main-swiper-04 .swiper li {
    min-width: 120px;
    width: auto;
  }

  .com-list-star .info .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
  }

  .com-list-star .info .desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
  }

  .com-list-star .review span {
    font-size: 12px;
    line-height: 140%;
  }

  .com-list-star .review {
    margin-top: 12px;
  }

  .com-list-star .review .star {
    background-size: 16px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: 170px;
  }
}

@media screen and (max-width: 400px) {
  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper {
    margin-left: -7px;
  }

  .main .main-layout-01 .slider-wrap .swiper .swiper-wrapper.left {
    margin-left: -1px;
  }
}

.side {
  width: 240px;
  min-width: 240px;
}

.side .my-tit {
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
  color: #212121;
  padding: 12px 0 22px;
}

.side .side-menu {
  background: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 8px;
  overflow: hidden;
}

.side .side-menu li:nth-child(n + 2) {
  border-top: 1px solid #fafafa;
}

.side .side-menu li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #616161;
  padding: 19px 26px 19px 16px;
}

.side .side-menu li.on a {
  font-weight: 500;
  color: #212121;
  background: url(/_next/static/media/slick_next_bk.957b233a.svg) no-repeat right 8px
    center / 18px #fafafa;
}

.comment {
  width: 483px;
  height: 48px;
}

.comment .comment-txt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 23.8px;
  letter-spacing: -0.05em;
  text-align: left;
  color: #7e9fa9;
}

.comment .comment-txt p::before {
  content: '※ ';
  white-space: pre;
}

.strong-file {
  white-space: nowrap;
  overflow: hidden;
  textoverflow: ellipsis;
  maxwidth: 200px;
}

.strong-file:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  maxwidth: none;
}

/* 결제하기 로딩 */
.loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/css/style-m.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-track {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.08);
  }

  html,
  body {
    min-width: 360px;
    font-family: Pretendard, arial, sans-serif;
  }

  button {
    outline: none;
    border: none;
  }

  /* 기본세팅 */
  body input[type='checkbox'] {
    width: 16px;
    height: 16px;
  }

  .only-pc {
    display: none;
  }

  .only-mo {
    display: block;
  }

  /* 서브 =========================================== */
  /* 서브 공통 컴포넌트 */
  /* 라디오 커스텀 */

  .new [type='radio']:checked + label:before,
  .new [type='radio']:not(:checked) + label:before {
    top: 0;
  }
  .new [type='radio']:checked + label:after,
  .new [type='radio']:not(:checked) + label:after {
    top: 4px;
  }

  .radio-list.check [type='checkbox']:checked + label:after,
  .radio-list.check [type='checkbox']:not(:checked) + label:after,
  .radio-list.check [type='radio']:checked + label:after,
  .radio-list.check [type='radio']:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(/_next/static/media/radio-chk-on.5ba58f8c.svg) no-repeat center / 16px;
  }

  .radio-list.check [type='checkbox']:checked + label:before,
  .radio-list.check [type='checkbox']:not(:checked) + label:before,
  .radio-list.check [type='radio']:checked + label:before,
  .radio-list.check [type='radio']:not(:checked) + label:before {
    top: 3px;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }

  /* 페이지네이션 */
  .layout-paging-wrap .paging-inner button {
    width: 48px;
  }

  .layout-paging-wrap .paging-inner button [class*='icons-page'] {
    width: 12px;
    height: 12px;
  }

  .layout-paging-wrap .paging-inner button i.icons-page_prev1 {
    background-image: url(/_next/static/media/page_prev1.7fa786ad.svg);
  }
  .layout-paging-wrap .paging-inner button i.icons-page_prev2 {
    background-image: none;
  }
  .layout-paging-wrap .paging-inner button i.icons-page_next1 {
    background-image: url(/_next/static/media/page_next1.88fd8b36.svg);
  }
  .layout-paging-wrap .paging-inner button i.icons-page_next2 {
    background-image: none;
  }

  /* 드롭다운 */
  .drop-down-wrap {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .drop-down {
    width: 120px;
  }

  .drop-down .selected a {
    width: 86px;
    padding: 6px 20px 6px 8px;
    background: url(/_next/static/media/select-down.efea69e5.svg) no-repeat right 8px
      center / 18px;
  }

  .drop-down .selected a.active {
    background: url(/_next/static/media/select-up.0479158a.svg) no-repeat right 8px center /
      18px;
  }

  .drop-down .options ul {
    width: 120px;
  }

  .drop-down .options ul li a {
    padding: 6px 8px;
  }

  /* 타이틀 */
  .sub-page {
    min-width: auto;
    padding: 32px 0 28px;
  }

  .sec-title.has-more {
    margin-bottom: 20px;
  }

  .sub-page [class*='sub-title'] ~ .more {
    font-size: 14px;
    line-height: 17px;
    color: #212121;
    background: url(/_next/static/media/lo_arrow.7f677094.svg) no-repeat right top 3px /
      6px auto;
    padding-right: 14px;
  }

  .sec-title.has-more.column {
    margin-top: 12px;
    margin-bottom: 32px;
  }

  .sec-title.has-more.column [class*='sub-title'] ~ .more {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding-top: 1px;
    color: #616161;
  }

  /* 썸네일 */
  .thumb .thumb-ico {
    bottom: 6px;
    width: 56px;
  }

  /* 리스트 공통 */
  /* 책 + 평점 있는 리스트 */
  .shadow {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.08));
  }

  .com-list-star.wrap {
    gap: 28px 20px;
  }

  .com-list-star li {
    width: auto;
  }

  .com-list-star .thumb-info {
    margin-top: 12px;
  }

  .ebook.depth .com-list-star .thumb,
  .ebook.depth .com-list-star [class*='thumb'] {
    width: 100%;
    min-width: auto;
    height: auto;
  }

  .ebook.depth .com-list-star .thumb .thumb-ico {
    width: 56px;
  }

  .com-list-star .thumb.wper {
    width: 100%;
  }
  .com-list-star .thumb.w102 {
    width: 102px;
  }
  .com-list-star .thumb.w120,
  .com-list-star .thumb.w120 ~ .thumb-info {
    min-width: auto;
    width: 120px;
  }
  .com-list-star .thumb.w150,
  .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: auto;
    width: 150px;
  }
  .com-list-star .thumb.w160,
  .com-list-star .thumb.w160 ~ .thumb-info {
    min-width: auto;
    width: 160px;
  }

  .com-list-star .info .name {
    font-size: 13px;
    line-height: 18px;
  }

  .com-list-star .info .desc {
    font-size: 11px;
    line-height: 15px;
    margin-top: 2px;
  }

  .com-list-star .review {
    display: flex;
    align-items: center;
    gap: 0 4px;
    margin-top: 8px;
  }

  .com-list-star .review span {
    font-size: 11px;
    line-height: 15px;
    color: #dc3232;
  }

  .com-list-star .review .count {
    margin-left: 0;
  }

  .com-list-star.row li {
    padding-right: 4px;
  }

  .com-list-star.row .thumb-info .info .name {
    font-size: 13px;
    line-height: 18px;
  }

  .com-list-star.row .thumb-info .info .desc {
    font-size: 11px;
    line-height: 15px;
    margin-top: 8px;
  }

  .com-list-star.row .review .star {
    font-size: 12px;
  }

  .com-list-star.row .review .count {
    font-size: 12px;
  }

  /* 커다란 가로 책 리스트 */
  .ui-sub-list {
    margin-top: 0;
  }

  .com-big-thumb .thumb .thumb-ico {
    bottom: 22px;
  }

  .sub-list-has-big-list .swiper-slide {
    width: auto;
  }

  .sub-list-has-big-list a {
    display: block;
  }

  .wide-bg {
    margin-bottom: 0;
  }

  .wide-bg::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 682px;
    /* height: 144.5vw;
        min-height: 520px;
        max-height: 520px; */
  }

  .com-big-thumb .thumb {
    width: auto;
    margin: 0 27.135%;
  }

  .com-big-thumb .thumb-info {
    width: 100%;
    padding: 30px 0 34px;
    text-align: center;
  }

  .com-big-thumb .thumb-info .tag {
    justify-content: center;
  }

  .com-big-thumb .thumb-info .info {
    margin-bottom: 8px;
  }

  .com-big-thumb .thumb-info .info .name {
    font-size: 18px;
    line-height: 25px;
  }

  .com-big-thumb .thumb-info .info .desc {
    font-size: 12px;
    margin-top: 4px;
  }

  .com-big-thumb .thumb-info .review {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
  }

  .com-big-thumb .thumb-info .review span {
    font-size: 12px;
    line-height: 18px;
  }

  .com-big-thumb .thumb-info .count {
    margin-left: 0;
  }

  /* 좌측 타이틀 + 배경 있는 스와이퍼 */
  .wide-bg-in {
    padding: 24px 0;
    background-color: #f7f7f7;
  }

  .wide-bg-in .sec-title .blue-dot::before {
    margin-bottom: 8px;
  }

  .wide-bg-in .sec-title .more {
    padding: 0 4px 0 8px;
    margin-top: 16px;
  }

  /* 정보 */
  .com-data-table .data-tit,
  .com-data-table .data-cont {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 12px;
  }

  .com-data-table .data-tit {
    width: 100px;
    min-width: 100px;
  }

  /* 태그 */
  .tag {
    gap: 4px 8px;
  }

  .tag li span {
    font-size: 13px;
    line-height: 18px;
    padding: 2px 8px;
  }

  .tag.mini {
    margin-bottom: 8px;
  }

  .tag.mini li span {
    font-size: 10px;
    padding: 0 8px;
  }

  .com-tab-circle {
    justify-content: start;
    gap: 0 6px;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .com-tab-circle:-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }

  .com-tab-circle > ul {
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .com-tab-circle li {
    width: auto;
  }

  .com-tab-circle > li > button {
    width: auto;
    width: max-content;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    padding: 4px 20px;
  }

  .com-tab-circle ul li > button {
    width: auto;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 19px;
    background-color: #fff;
  }

  .com-tab-circle li .two-depth li button {
    font-size: 14px;
    line-height: 20px;
  }

  .com-tab-circle.depth {
    margin: 0 0 24px;
  }

  .com-tab-circle.depth ul li {
    padding-right: 4px;
  }

  .com-tab-circle.depth ul li > button {
    border: none;
    padding: 4px 8px;
  }

  .com-tab-circle.depth ul li.selected button {
    color: #42c9dd;
    background-color: #fff;
  }

  /* 툴팁 */
  .tooltip-wrap .tooltip .txt-wrap {
    top: -34px;
    right: -150px;
    width: 140px;
  }

  .tooltip-wrap .tooltip .txt-wrap .txt {
    font-size: 10px;
    line-height: 14px;
    padding: 8px 10px;
  }

  .tooltip-wrap .tooltip .txt-wrap .txt::before {
    left: -7.5px;
    width: 8px;
    height: 8px;
    background: url(/_next/static/media/tooltip-tale.4c0b1405.svg) no-repeat center / 100%
      auto;
  }

  /* 탭 공통 */
  .com-tab {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .com-tab.rectangle {
    box-shadow: none;
  }

  .com-tab.rectangle .tab-list {
    flex-wrap: wrap;
  }

  .com-tab.rectangle .tab-list button {
    width: 33.3333%;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #757575;
    background-color: #fff;
    padding: 9px;
    border: 1px solid #e0e0e0;
  }

  .com-tab.rectangle .tab-list button.selected {
    border: 1px solid #212121;
  }

  .com-tab.rectangle .tab-list button.selected:after {
    content: none;
  }

  /* 인디케이터 헤더 공통 */
  .indicator.only-mo {
    display: flex;
  }

  .indicator {
    position: fixed;
    top: 0;
    left: 0;
    /* position: relative; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    background: #fff;
    padding: 13px 8px;
    text-align: center;
    z-index: 3;
    box-shadow:
      0px 1px 2px -2px rgba(0, 0, 0, 0.04),
      0px 4px 2px -2px rgba(0, 0, 0, 0.02);
  }

  .indicator a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
  }

  .indicator .gnb-back-btn {
    position: absolute;
    top: calc(50% - 16px);
    top: -webkit-calc(50% - 16px);
    left: 8px;
    background-image: url(/_next/static/media/page_back.a653af09.svg);
  }

  .indicator .title {
    max-width: calc(100% - 160px);
    max-width: -webkit-calc(100% - 160px);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #212121;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .indicator .utill {
    position: absolute;
    top: calc(50% - 16px);
    top: -webkit-calc(50% - 16px);
    right: 8px;
    display: flex;
    align-items: center;
  }

  .indicator .utill .gnb-search-btn {
    background-image: url(/_next/static/media/search.e4ccf5d8.svg);
    background-size: 22px auto;
  }

  .indicator ~ .has-mo-header {
    padding-top: 48px !important;
  }

  /* e매거진 메인 --------------------------------------- */
  .emgz.main .com-tab {
    margin-bottom: 20px;
  }

  #main_mgz_kids.mgz-box h2:before {
    left: -47px;
  }

  #main_mgz_kids_math.mgz-box h2:before {
    left: -47px;
  }

  .emgz.main .mgz-box {
    margin: 40px 0 0;
    padding: 40px 12px 20px;
  }

  .emgz.main .mgz-box h2 {
    right: 10px;
    top: -22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px 0;
    width: 62px;
    height: 60px;
  }

  .emgz.main .mgz-box h2 span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #ffffff;
  }

  .emgz.main .mgz-box h2 strong {
    font-size: 30px;
    line-height: 29px;
    font-weight: 700;
    color: #ffffff;
  }

  .emgz.main .mgz-box h2:before {
    left: -34px;
    top: 42px;
    font-size: 15px;
    line-height: 18px;
  }

  .emgz.main .mgz-box h2:after {
    content: none;
  }

  .emgz.main .mgz-box .more {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #616161;
    padding: 0 6px;
  }

  .emgz.main .mgz-box .cont {
    display: flex;
    flex-direction: column;
  }

  .emgz.main .mgz-box .cover {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    /* width: auto; */
    margin: 0;
    border-right: none;
  }

  .emgz.main .mgz-box .cover .more {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    right: 0 !important;
    border: 1px solid #757575;
  }

  .emgz.main .mgz-box .cover > a {
    width: auto;
    height: 100%;
    min-height: 186px;
    margin: 20px 29% 0;
  }

  .emgz.main .mgz-box .cover > a img {
    width: 100%;
    height: 100%;
    min-height: 186px;
  }

  .emgz.main .mgz-box .cover h3 {
    position: relative;
    top: auto;
    display: flex;
    align-items: center;
    color: #333333;
    min-height: 35px;
    height: auto;
  }

  .emgz.main .mgz-box .cover h3 img {
    width: 79px;
  }

  .emgz.main .mgz-box .cover h3 span {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    padding-left: 10px;
  }

  .emgz.main .mgz-box .cover h3 strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #555555;
    margin-left: 5px;
  }

  .emgz.main .mgz-box .special-mgz {
    width: 100%;
    margin-top: 24px;
  }

  .emgz.main .mgz-box .special-mgz h3 {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    color: #212121;
    background: none;
    padding-left: 0;
    margin-bottom: 6px;
  }

  .emgz.main .mgz-box .special-mgz .more {
    display: none;
  }

  .emgz.main .mgz-box .special-mgz ul {
    display: flex;
    justify-content: start;
    gap: 0 24px;
  }

  .emgz.main .mgz-box .special-mgz li {
    position: relative;
    width: calc(50% - 12px);
    width: -webkit-calc(50% - 12px);
    margin: 0;
  }

  .emgz.main .mgz-box .special-mgz dt {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #ddd url(/_next/static/media/noimg.17ff8fe8.png) center no-repeat;
  }

  .emgz.main .mgz-box .special-mgz dt img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover;
  }

  .emgz.main .mgz-box .special-mgz dt:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.1;
    border: 1px solid #000;
    content: '';
  }

  .emgz.main .mgz-box .special-mgz dd h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    margin: 6px 0 4px;
  }

  .emgz.main .mgz-box .special-mgz dd p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    max-height: 36px;
    -webkit-line-clamp: 2;
  }

  /* 지금 올라온 매거진 보기 */
  .emgz.main .update-mgz {
    margin: 40px 0 0;
  }

  .emgz.main .update-mgz .com-list-star {
    gap: 0 20px;
  }

  .emgz.main .update-mgz h3 {
    margin: 0 0 20px;
  }

  .emgz.main .update-mgz .swiper-wrapper {
    gap: 0;
  }

  .emgz.main .update-mgz .swiper-wrapper li {
    width: 120px;
  }

  .emgz.main .update-mgz .thumb .thumb-ico .th-ico.fz-12 {
    font-size: 10px;
    line-height: 12px;
    padding: 4px 8px 4px 6px;
  }

  .emgz.main .update-mgz .thumb .thumb-ico .th-ico.fz-12:nth-child(n + 2) {
    margin-top: 2px;
  }

  /* 매거진 상세 */
  .emgz.emgz-tab .com-tab {
    margin-bottom: 30px;
  }

  .emgz.emgz-tab .com-tab.rectangle {
    margin: 28px 14px 30px;
  }

  .emgz.emgz-tab .sel-mgz {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

  .emgz.emgz-tab .sel-mgz > div {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
  }

  .emgz.emgz-tab .sel-mgz select {
    width: 90px;
    height: 36px;
    font-size: 12px;
  }

  .emgz.emgz-tab .sel-mgz .view-btn {
    width: 60px;
    height: 36px;
    font-size: 12px;
  }

  /* 컨텐츠 영역 */
  .emgz.emgz-tab .cont-area .main-thumb {
    margin: 20px auto 30px;
    text-align: center;
  }

  .emgz.emgz-tab .cont-area .main-thumb a {
    display: inline-block;
    margin: 0 31.482%;
  }

  .emgz.emgz-tab .cont-area .main-thumb a img {
    width: 100%;
    min-height: 240px;
  }

  .emgz.emgz-tab .view-mgz .thumb-area {
    display: flex;
    gap: 0 14px;
    width: 100% !important;
    margin-bottom: 20px;
  }

  .emgz.emgz-tab .view-mgz .thumb-area img {
    width: 100%;
    height: 100%;
    min-height: auto;
  }

  .emgz.emgz-tab .view-mgz .thumb-area a {
    display: block;
    width: 100%;
  }

  .emgz.emgz-tab .view-mgz .thumb-area dl dt {
    position: relative;
    width: 100%;
    min-height: 168px;
    height: auto;
    background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50%;
    background-size: 50%;
  }

  .emgz.emgz-tab .view-mgz .thumb-area dl dd {
    font-size: 13px;
    line-height: 18px;
  }

  .emgz.emgz-tab .view-special dt img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-height: auto;
    object-fit: cover;
  }

  .emgz.emgz-tab .slider-wrap {
    margin: 20px auto 30px;
    overflow: hidden;
  }

  .emgz.emgz-tab .slider-wrap a img {
    width: 100%;
  }

  /* .emgz.emgz-tab .view-mgz .thumb-area,
    .emgz.emgz-tab .slider {
        padding: 0 16px;
    } */

  .emgz.emgz-tab .slider {
    width: 100%;
    height: auto;
  }

  .emgz.emgz-tab .slider li {
    display: inline-block;
    text-align: center;
  }

  .emgz.emgz-tab .mtitle .slogan,
  .emgz.emgz-tab .mtitle h2 {
    display: none;
  }

  .emgz.emgz-tab .mtitle {
    position: relative;
    display: flex;
    align-items: center;
    color: #41b5c6;
    border-top: 2px solid #41b5c6;
    border-bottom: 1px solid #e1e1e1;
    height: 68px;
    /* margin: 0 16px; */
  }

  .emgz.emgz-tab.sci .mtitle img {
    height: 32px;
  }

  .emgz.emgz-tab .mtitle .vol {
    position: absolute;
    right: 94px;
    top: 16px;
    font-size: 11px;
    line-height: 18px;
  }

  .emgz.emgz-tab .mtitle .vol strong {
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
  }

  .emgz.emgz-tab .mtitle .date {
    right: 94px;
    top: 34px;
    font-size: 18px;
    font-weight: 800;
    line-height: 18px;
  }

  .emgz.emgz-tab .mtitle .original {
    top: 17px;
  }

  .emgz.emgz-tab .mtitle .original a {
    width: 84px;
    height: 34px;
    font-size: 15px;
    font-weight: 700;
    line-height: 34px;
    border-radius: 4px;
  }

  /* 매거진 탭 영역 */
  .emgz.emgz-tab .view-mgz h3 {
    min-width: 34px;
    font-weight: 700;
    height: auto;
    font-size: 18px;
    line-height: 25px;
    color: #212121;
    background: url(/_next/static/media/tle_ico.6162fb5a.png) no-repeat left top / auto
      24px;
    padding-top: 24px;
  }

  .emgz.emgz-tab .view-mgz .view-special dt {
    position: relative;
    width: 100%;
    min-height: 168px;
    background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50%;
    background-size: 50%;
  }

  .emgz.emgz-tab .view-mgz h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #212121;
  }

  .emgz.emgz-tab .view-mgz .view-special {
    flex-direction: column;
    align-items: start;
    overflow: hidden;
  }

  .emgz.emgz-tab .view-mgz .view-special .swiper-container {
    width: 100%;
    margin: 0;
  }

  .emgz.emgz-tab .view-mgz ul {
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 0;
  }

  .emgz.emgz-tab .view-mgz li {
    margin-left: 0;
  }

  .emgz.emgz-tab .view-mgz .view-special li dt {
    width: 100%;
    min-height: auto;
    background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50% / contain;
  }

  .emgz.emgz-tab .view-mgz dd {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #616161;
    width: 95%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }

  .emgz.emgz-tab .view-mgz dt {
    position: relative;
  }

  .emgz.emgz-tab .view-special dt {
    overflow: hidden;
  }

  .emgz.emgz-tab .view-special li dt img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }

  .emgz.emgz-tab .view-special h4 {
    margin-top: 10px;
    margin-bottom: 4px;
  }

  .emgz.emgz-tab .view-mgz .view-special .top {
    display: flex;
    gap: 0 14px;
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .emgz.emgz-tab .view-mgz .view-special:nth-child(n + 2) .top {
    border-top: 1px solid #e0e0e0;
    padding-top: 40px;
  }

  .emgz.emgz-tab .view-mgz .view-special .top a {
    display: inline-block;
  }

  .emgz.emgz-tab .view-mgz .view-special .top > dl {
    width: 540px;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
  }

  .emgz.emgz-tab .view-mgz .view-special .top > dl dd {
    font-size: 14px;
    line-height: 23px;
    max-height: 69px;
  }

  .emgz.emgz-tab .view-mgz .view-special .top > dl dt {
    position: relative;
    background: url(/_next/static/media/noimg.17ff8fe8.png) #c4c4c4 no-repeat 50% 50%;
    width: 540px;
    height: 305px;
    overflow: hidden;
  }

  .emgz.emgz-tab .view-mgz .view-special .top > dl dt img {
    width: 100%;
    min-height: 168px;
    height: auto;
    object-fit: cover;
  }

  .emgz.emgz-tab .view-mgz .view-special .other-news li {
    width: 120px;
    margin: 0 12px 0 0;
  }

  .emgz.emgz-tab .view-mgz .view-special .other-news dt {
    width: 100%;
    min-height: 72px;
    height: auto;
  }

  .emgz.emgz-tab .view-mgz .view-special .other-news dd {
    -webkit-line-clamp: 3;
    margin-top: 10px;
    padding-top: 0;
  }

  .news-flag {
    display: inline-block !important;
    width: auto;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    color: #424242;
    border: 1px solid #424242;
    padding: 0px 5px;
  }

  .emgz.emgz-tab .view-mgz .view-special .other-news dd span {
    display: block;
    margin-top: 4px;
  }

  .emgz.emgz-tab .view-report {
    margin: 40px 0 0;
  }

  .emgz.emgz-tab .view-report .report-list {
    gap: 16px 28px;
    width: 100%;
    margin-top: 16px;
  }

  .emgz.emgz-tab .view-report .report-list a {
    width: calc(50% - 14px);
    width: -webkit-calc(50% - 14px);
  }

  .emgz.emgz-tab .view-report .report-list a dl {
    border: none;
  }

  /* .emgz.emgz-tab .view-report .report-list a dt{
        height: auto;
    } */

  .emgz.emgz-tab .view-report .report-list a dt img {
    min-height: 90px;
  }

  .emgz.emgz-tab .view-report .report-list a dd {
    width: 100%;
    border-top: none;
    padding: 0;
    margin-top: 10px;
  }

  .emgz.emgz-tab .view-report .report-list a dd h4 {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    height: 36px;
    color: #616161;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 4px;
    word-break: break-all;
  }

  .emgz.emgz-tab .view-report .report-list a.noimg div {
    width: 100%;
    height: 100%;
    line-height: 22px;
  }

  .emgz.emgz-tab .view-report .report-list a.noimg dl {
    height: 100%;
  }

  /* 매거진 상세 영역 */
  .emgz.emgz-dtl .view .view-cts .top {
    order: 0;
    padding: 20px 0 0;
  }

  .emgz.emgz-dtl .view-group {
    border: none;
  }

  .emgz.emgz-dtl .view-group .view {
    width: 100%;
    padding: 0 0 16px;
    border-right: none;
  }

  .emgz.emgz-dtl .view-group .view .view-top {
    height: auto;
    order: 1;
    padding-bottom: 20px;
  }

  .emgz.emgz-dtl .view-group .view .view-top .left a {
    width: 32px;
    height: 32px;
  }

  /* sns 공유 */
  .view-sns {
    position: relative;
  }

  .view-sns li a,
  .view-sns li .more a {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }

  .view-sns li .more {
    display: none;
    position: absolute;
    top: 42px;
    left: -8px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 8px;
  }

  .view-sns li .more li:nth-child(n + 2) {
    margin-top: 8px;
  }

  .view-sns li .more::before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: -1px;
    width: 50px;
    height: 17px;
    background: url(/_next/static/media/sns-bubble.29934dd5.png) no-repeat center / 50px auto;
  }

  .view-sns li .share-btn {
    background-image: url(/_next/static/media/share.839f4d70.svg);
    background-size: 18px auto;
    margin-right: 5px;
  }

  .emgz.emgz-dtl .view-sns > li:not(.share) {
    display: none;
  }

  /* 기사내용 */
  .emgz.emgz-dtl .view .view-cts {
    display: flex;
    flex-direction: column;
  }

  .sub-page.emgz.emgz-dtl {
    max-width: none;
    min-width: auto;
    padding: 0;
  }

  .sub-page.emgz.emgz-dtl .com-tab.rectangle {
    display: none;
  }

  .emgz.emgz-dtl .view .view-cts h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30.8px;
    color: #212121;
    margin-bottom: 12px;
  }

  .emgz.emgz-dtl .view-txt-wrap {
    order: 2;
    margin-bottom: 40px;
  }

  /* 기사 내용 */
  .emgz.emgz-dtl .view .view-cts .view-txt {
    padding-top: 0;
  }

  .emgz.emgz-dtl .view .view-cts .view-txt .cts-img img {
    width: 100%;
  }

  .emgz.emgz-dtl .view .view-cts .view-txt .txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #424242;
  }

  .emgz.emgz-dtl .view .view-cts .view-txt .txt.clip {
    max-height: 150px;
  }

  .emgz.emgz-dtl .view .more-view {
    padding-top: 10px;
  }

  .emgz.emgz-dtl .view .more-view .tit {
    font-size: 18px;
    line-height: 21px;
  }

  .emgz.emgz-dtl .view .more-view .desc {
    flex-wrap: wrap;
    width: 258px;
    font-size: 16px;
    line-height: 19px;
    margin: 14px auto 0;
  }

  .emgz.emgz-dtl .view .more-view .desc .point,
  .emgz.emgz-dtl .view .more-view .desc .point em {
    font-size: 16px;
  }

  .emgz.emgz-dtl .view .more-view .btn-wrap .btn {
    font-size: 15px;
    line-height: 18px;
    padding: 16px 24px;
    margin-top: 16px;
  }

  .emgz.emgz-dtl .view .go-login {
    margin-top: 16px;
  }

  .emgz.emgz-dtl .view .go-login span {
    font-size: 14px;
    line-height: 17px;
    color: #616161;
  }

  .emgz.emgz-dtl .view .go-login a {
    font-size: 14px;
    line-height: 17px;
  }

  .emgz.emgz-dtl .view .view-dtl-info {
    order: 3;
    margin: 0 0 40px;
  }

  .emgz.emgz-dtl .view .view-dtl-info > div:nth-child(n + 2) {
    margin-top: 40px;
  }

  /* 이어지는 기사 */
  .emgz.emgz-dtl .view .view-dtl-info .tit {
    font-size: 16px;
    line-height: 19px;
    color: #424242;
  }

  .emgz.emgz-dtl .view .view-dtl-info .next-article .article-list li a {
    font-size: 13px;
    line-height: 18px;
    padding: 12px 5px;
  }

  /* 연관 교과 단원 */
  .emgz.emgz-dtl .view .view-dtl-info .cont-box {
    gap: 10px;
  }

  .emgz.emgz-dtl .view .view-dtl-info .cont-box li {
    padding: 10px;
    border-radius: 4px;
  }

  .emgz.emgz-dtl .view .view-dtl-info .cont-box .name {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
  }

  .emgz.emgz-dtl .view .view-dtl-info .cont-box .desc {
    font-size: 11px;
    line-height: 15px;
    color: #616161;
    letter-spacing: -0.1px;
    margin-top: 5px;
  }

  .emgz.emgz-dtl .view .view-dtl-info .related-date .cont-box li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  /* 진로추천 */

  /* 찜하기 */
  .emgz.emgz-dtl .wish {
    display: none;
    order: 4;
    margin: 0;
  }

  .emgz.emgz-dtl .wish a {
    display: block;
    width: 76px;
    height: 68px;
    background: url(/_next/static/media/btn_wish.5fd6abed.gif) no-repeat center / 76px 68px;
    margin: 0 auto;
  }

  /* 배너 */
  .link-order {
    margin-top: 0;
  }

  .link-order img {
    width: 100%;
  }

  /* 댓글 */
  .emgz.emgz-dtl .news-replay {
    margin-top: 40px;
  }

  .emgz.emgz-dtl .news-replay .view-sns {
    display: none;
  }

  .emgz.emgz-dtl .reply-tab {
    display: flex;
    width: 100%;
    border-left: none;
  }

  .emgz.emgz-dtl .reply-tab li {
    width: 50%;
    font-size: 16px;
    color: #555;
    border-right: none;
    margin-top: 1px;
  }

  .emgz.emgz-dtl .reply-tab li:nth-of-type(1).reply-on {
    border-left: none;
    margin-left: 0;
  }
  .emgz.emgz-dtl .reply-tab li:nth-of-type(2).reply-on {
    border-right: none;
  }

  .emgz.emgz-dtl .reply-tab li:last-child {
    margin-left: 0;
  }

  .emgz.emgz-dtl .reply-list {
    border-bottom: none;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-link label {
    min-width: 100px;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-name {
    display: flex;
    align-items: center;
    gap: 5px 10px;
    width: 100%;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-name input {
    font-size: 16px;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-link {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .top {
    align-items: start;
    flex-direction: column;
    margin-top: 0;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .top input {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 6px 4px;
    color: #8e837e;
    background-color: #fff;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-link input[type='number'] {
    height: 40px;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .top input::placeholder,
  .emgz.emgz-dtl .reply-list .reply-txt .reply-cts textarea::placeholder {
    font-size: 16px;
    color: #757575;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-cts textarea:disabled {
    background-color: #f9f9f9;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-name input + input {
    margin-left: 0;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-cts {
    margin-top: 10px;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-cts textarea {
    border: 1px solid #ddd;
    width: calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    height: 72px;
    padding: 10px;
    resize: vertical;
  }

  .emgz.emgz-dtl .reply-list .reply-txt .reply-cts .reply_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 72px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #333;
    text-align: center;
  }

  .emgz.emgz-dtl .reply-view .reply_txt {
    padding: 20px 0;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_name strong {
    font-weight: 500;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_name strong:after {
    content: none;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_name,
  .emgz.emgz-dtl .reply-view .reply_txt .reply_link {
    margin-top: 0;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .btn-del {
    display: block;
    margin-top: 10px;
    width: 57px;
    height: 30px;
    border: 1px solid #999999;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .date {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_cts p {
    padding: 15px 0 0;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_link div:nth-child(n + 2) {
    margin-left: 5px;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_link div strong {
    font-size: 12px;
    width: 40px;
    height: 28px;
    font-weight: 400;
    border-right: 1px solid #d8d7d8;
    line-height: 28px;
    color: #555;
    text-align: center;
    padding: 0;
  }

  .emgz.emgz-dtl .reply-view .reply_txt .reply_link div span {
    height: 28px;
    font-size: 13px;
    width: 40px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    padding: 0;
  }
  .emgz.emgz-dtl .reply-view .reply_txt .reply_link .disagree span {
    color: #555555;
  }

  .reply-view .paginate a:not(.prev, .next) {
    border: none;
  }

  .reply-view .paginate a.prev {
    border-right: 1px solid #d0d0d0;
  }
  .reply-view .paginate a.next {
    border-left: 1px solid #d0d0d0;
  }

  /* 다른 기사 */
  .emgz.emgz-dtl .other-news-div {
    margin-top: 40px;
  }

  .emgz.emgz-dtl .other-tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 0 0 16px 0;
  }

  .emgz.emgz-dtl .other-list {
    display: flex;
    gap: 16px 28px;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }

  .emgz.emgz-dtl .other-list li {
    width: calc(50% - 14px);
    width: -webkit-calc(50% - 14px);
  }

  .emgz.emgz-dtl .other-list li .news-flag {
    margin-top: 10px;
  }

  .emgz.emgz-dtl .other-list li .name {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #616161;
    padding-top: 4px;
    overflow: hidden;
    max-height: 36px;
  }

  /* 사이드 관심기사 */
  .emgz.emgz-dtl .view-side {
    display: none;
  }

  /* 서브 이북 --------------------------------------- */
  .sub-page.ebook {
    min-width: auto;
    padding: 0;
  }

  .sub-page.ebook.depth .com-tab-circle {
    /* justify-content: start;
        gap: 0;
        height: 28px;
        padding-bottom: 0;
        margin: 8px 0 24px; */
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    margin-top: 12px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .sub-page.ebook.depth .com-tab-circle:-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }

  /* .sub-page.ebook.depth .com-tab-circle > li > button {
        display: none;
    } */

  /* .sub-page.ebook.depth .com-tab-circle li .two-depth {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    } */

  .sub-page.ebook.depth .com-tab-circle li.selected .two-depth {
    bottom: 5px;
    gap: 6px 10px;
    width: 100%;
    /* padding: 0 16px; */
  }

  .sub-page.ebook .drop-down-wrap .drop-down .selected a {
    width: 100%;
  }

  .sub-page.ebook.main {
    padding: 20px 0 0;
  }

  /* .sub-page.ebook.main .com-tab-circle li.selected .two-depth {
        display: none;
    } */

  .sub-page.ebook.main .cont {
    padding-top: 32px;
  }

  .sub-page.ebook.main .sub-list-has-big-list {
    padding-bottom: 40px;
  }

  .sub-page.ebook.main .sub-big-tit {
    display: none;
  }

  .sub-page.ebook.main .com-tab-circle {
    padding-bottom: 20px;
    margin: 0px -16px 0px -16px;
    padding: 0px 16px 0px 16px;
  }

  .sub-page.ebook.main .sec-title .sub-title-30 {
    font-size: 20px;
    line-height: 24px;
  }

  .sub-page.ebook.main .sec-title.has-more {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .sub-page.ebook.main .com-big-thumb .thumb-info {
    margin: 30px 0 34px !important;
    padding: 0;
  }

  .sub-page.ebook.main .pt-100 {
    padding-top: 30px;
  }
  .sub-page.ebook.main .pb-100 {
    padding-bottom: 30px;
  }

  .sub-page.ebook.main .com-list-star-swiper .com-list-star {
    gap: 0;
  }

  .sub-page.ebook.main .com-list-star-swiper .com-list-star .thumb.w180,
  .sub-page.ebook.main
    .com-list-star-swiper
    .com-list-star
    .thumb.w180
    ~ .thumb-info,
  .sub-page.ebook.main .wide-bg-in .slider-wrap .swiper-wrapper .swiper-slide,
  .sub-page.ebook.main .wide-bg-in .slider-wrap .swiper-wrapper .swiper-slide a,
  .sub-page.ebook.main .wide-bg-in .com-list-star .thumb.w150,
  .sub-page.ebook.main .wide-bg-in .com-list-star .thumb.w150 ~ .thumb-info {
    min-width: 120px;
    width: 120px;
  }

  .sub-page.ebook.main .wide-bg-in .prev,
  .sub-page.ebook.main .wide-bg-in .next {
    display: none;
  }

  .sub-page.ebook.main .com-big-thumb .thumb .thumb-ico {
    bottom: 15px;
  }

  .sub-page.ebook.main .com-list-star-swiper .thumb .thumb-ico .th-ico.fz-15 {
    font-size: 11px;
    line-height: 13px;
    padding: 4.5px 10px 4.5px 8px;
  }

  .thumb .thumb-ico .th-ico.fz-15:nth-child(n + 2) {
    margin-top: 4px;
  }

  .sub-page.ebook.main .com-list-star-swiper .thumb .thumb-ico .th-ico.fz-12,
  .sub-page.ebook.main
    .sub-list-has-big-swiper
    .swiper
    .thumb
    .thumb-ico
    .th-ico.fz-11 {
    font-size: 10px;
    line-height: 12px;
    padding: 4px 8px 4px 6px;
  }

  .sub-page.ebook.main
    .com-list-star-swiper
    .thumb
    .thumb-ico
    .th-ico.fz-12:nth-child(n + 2) {
    margin-top: 2px;
  }

  .sub-page.ebook.main .wide-bg-in-bg {
    position: relative;
    padding: 60px 0;
    z-index: 1;
  }

  .sub-page.ebook.main .wide-bg-in-bg {
    padding: 36px 0 24px;
  }

  .sub-page.ebook.main .wide-bg-in {
    flex-direction: column;
    padding: 0;
  }

  .sub-page.ebook.main .sec-title.has-more {
    margin-bottom: 32px;
  }

  .sub-page.ebook.main .wide-bg-in .sub-title-34 {
    font-weight: 700;
    font-size: 22px;
    line-height: 33px;
  }

  .sub-page.ebook.main .wide-bg-in .slider-wrap {
    padding-right: 0;
  }

  .sub-page.ebook.main
    .wide-bg-in
    .sec-title.has-more.column
    [class*='sub-title']
    ~ .more {
    background: none;
  }

  /* 서브 이북 depth */
  .sub-page.ebook.depth {
    padding-top: 12px;
  }

  .sub-page.ebook.depth .sub-big-tit {
    display: none;
  }

  .sub-page.ebook.depth .com-list-star.wrap {
    justify-content: space-between;
    gap: 20px 28px;
    margin-top: 20px;
    /*padding: 0 16px;*/
  }

  .sub-page.ebook.depth .com-list-star li {
    width: calc(50% - 14px);
    width: -webkit-calc(50% - 14px);
  }

  /* 서브 이북 상세 */
  .sub-page.dtl {
    padding-top: 32px;
    padding-bottom: 50px;
    /*padding-bottom: 116px;*/
    overflow-x: hidden;
  }

  .sub-page.dtl .com-big-thumb {
    flex-direction: column;
    padding: 0 16px;
  }

  .sub-page.dtl .com-big-thumb .left {
    width: 100%;
  }

  .sub-page.dtl .com-big-thumb .thumb .thumb-ico {
    bottom: 22px;
  }

  .sub-page.dtl .com-big-thumb .thumb {
    width: auto !important;
    margin: 0 12.5% 20px;
  }

  .sub-page.dtl .com-big-thumb .left .keyword {
    display: none !important;
  }

  .sub-page.dtl .com-big-thumb .keyword {
    display: flex;
    gap: 0 10px;
    border-top: 1px solid #eeeeee;
    margin-top: 24px;
    padding-top: 24px;
  }

  .sub-page.dtl .com-big-thumb .keyword .keyword-tit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 24px;
    line-height: 24px;
    border-radius: 30px;
    border: 1px solid #e0e0e0;
    color: #616161;
    font-size: 12px;
    padding: 0 10px;
  }

  .sub-page.dtl .com-big-thumb .keyword .keyword-cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    width: 73.8%;
  }

  .sub-page.dtl .com-big-thumb .keyword .keyword-cont button {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #757575;
    border: none;
    background-color: #fff;
  }

  .sub-page.cartoon.dtl {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .sub-page.dtl .com-big-thumb .thumb-info {
    padding: 0 0 6px;
    text-align: left;
    padding-bottom: 0;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .tag {
    justify-content: start;
    margin-bottom: 16px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .tag span {
    font-size: 14px;
    line-height: 14px;
    border-radius: 2px;
    padding: 3px 8px 4px 8px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .info .name {
    font-size: 22px;
    line-height: 31px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .data {
    margin-top: 16px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .data span {
    font-size: 15px;
    line-height: 21px;
    color: #424242;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .review {
    justify-content: start;
    margin-top: 16px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .review .rating {
    display: flex;
    align-items: center;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .sub-info .series,
  .sub-page.dtl .com-big-thumb .thumb-info .sub-info .series span {
    font-size: 16px;
    line-height: 22px;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .star {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: #212121;
    background: none;
    padding-left: 0;
  }

  .sub-page.dtl .com-big-thumb .thumb-info .count {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: #757575;
  }

  .sub-page.dtl .com-big-thumb .price {
    justify-content: start;
  }

  .sub-page.dtl .com-big-thumb .price .num-price {
    align-items: baseline;
    font-size: 22px;
    line-height: 31px;
  }

  .sub-page.dtl .com-big-thumb .price .num-price strong {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: -0.05em;
  }

  .sub-page.dtl .com-big-thumb .buy-btn {
    display: none;
  }

  .sub-page.dtl .com-big-thumb .buy-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    font-size: 25px;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
    background: #42c9dd;
    border-radius: 8px;
  }

  .sub-page.dtl .buy-btn.float {
    position: fixed;
    bottom: 0px;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #ffffff;
    box-shadow:
      0px -4px 8px -2px rgba(0, 0, 0, 0.07),
      0px -8px 16px -2px rgba(0, 0, 0, 0.04);
    border-radius: 12px 12px 0px 0px;
    padding: 16px;
    z-index: 20;
  }

  .sub-page.dtl .buy-btn.float button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
    background: #42c9dd;
    border-radius: 8px;
    border: none;
  }

  /* 함께 보면 좋은 추천 e도서 */
  .sub-page.dtl .wide-bg-in-bg {
    padding: 24px 0;
  }

  .sub-page.dtl .wide-bg-in-bg .sub-title-22 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 0 16px;
  }

  .sub-page.dtl .layout-recomm-item .sec-title {
    margin-bottom: 16px;
  }

  .sub-page.dtl .layout-recomm-item .recomm-cont {
    position: relative;
  }

  .sub-page.dtl .layout-recomm-item .recomm-cont li .thumb {
    width: 77px;
  }

  /* 상품상세 내용 */
  .layout-pd-cont .layout-pd-view .layout-pd-tab {
    position: static;
    width: 100%;
  }

  .layout-pd-cont .layout-pd-view .layout-pd-tab.fixed {
    position: fixed;
    box-shadow: 0 1px 0 0 #e0e0e0;
    top: 0;
    left: 0;
  }

  .layout-pd-cont .layout-pd-view .layout-pd-tab .tab {
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #212121;
  }

  .layout-pd-cont .layout-pd-view .layout-pd-tab .tab::after {
    bottom: -1px;
    height: 1px;
  }

  .layout-pd-cont .layout-pd-view .layout-pd-tab .tab span {
    font-size: inherit;
    color: inherit;
  }

  /* 탭 내부 */
  .sub-page.dtl {
    /*padding-bottom: 116px;*/
  }

  /* .layout-pd-cont .layout-pd-view .tab-cont > div {
        display: none;
        min-height: calc(100vh - 156px);
        min-height: -webkit-calc(100vh - 156px);
    } */

  .layout-pd-cont .layout-pd-view .tab-cont .sub-tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #212121;
    padding: 24px 0 8px;
  }

  /* 소개 */
  .layout-pd-cont .layout-pd-view .pd-intro {
    padding: 0 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-intro .pd-intro-list .tit {
    padding: 0;
  }

  .layout-pd-cont .layout-pd-view .pd-intro .pd-intro-list .box {
    padding: 24px 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-intro .pd-intro-list .box p {
    font-size: 13px;
    line-height: 23px;
  }

  /* 목차 */
  .layout-pd-cont .layout-pd-view .pd-inner-cont .sub-tit {
    padding: 24px 16px 16px;
  }

  .pd-inner-cont .toon-list .list-top {
    padding: 0 16px 20px;
  }

  .pd-inner-cont .toon-list .list-top .all-check .check-wrap label {
    font-size: 14px;
  }

  .pd-inner-cont .toon-list .list-top .all-check {
    gap: 0 10px;
  }

  .pd-inner-cont .toon-list .list li {
    padding: 15px 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-inner-cont .box {
    padding: 10px 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-inner-cont .box .txt {
    font-size: 13px;
    line-height: 26px;
  }

  .layout-pd-cont .layout-pd-view .pd-inner-cont .more-btn button {
    height: 36px;
    border: none;
    background-color: #fff;
  }

  .layout-pd-cont .layout-pd-view .pd-inner-cont .more-btn button span {
    font-size: 14px;
    line-height: 28px;
    background: url(/_next/static/media/more-circle.76f0ced3.svg) no-repeat right center /
      14px;
    padding-right: 20px;
  }

  .layout-pd-cont .layout-pd-view .pd-info .data .sub-tit {
    padding: 24px 16px 20px;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .sub-tit {
    padding: 24px 16px 20px;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont {
    gap: 0 24px;
    padding: 0 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li {
    width: auto;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .thumb {
    width: 100px;
    height: 100px;
    background-color: #ababab;
    border-radius: 100%;
    overflow: hidden;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .thumb img {
    width: 100%;
  }

  .layout-pd-cont .layout-pd-view .pd-info .writer .writer-cont li .name {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #424242;
    margin-top: 8px;
    text-align: center;
  }

  .layout-pd-cont .layout-pd-view .pd-info .com-data-table .data-tit,
  .layout-pd-cont .layout-pd-view .pd-info .com-data-table .data-cont {
    padding: 17px 20px;
  }

  /* 기본 정보 */
  .layout-pd-cont .pd-info .data {
    padding: 0 16px;
  }

  .layout-pd-cont .layout-pd-view .pd-info .data .sub-tit {
    padding: 24px 0 20px;
  }

  /* 리뷰 */
  .layout-pd-cont .pd-review .review-top {
    gap: 0 16px;
    margin: 24px 16px 16px;
  }

  .layout-pd-cont .pd-review .review-top .desc {
    font-size: 11px;
    line-height: 14px;
    color: #757575;
  }

  .layout-pd-cont .pd-review .review-top .write-btn button {
    min-width: 79px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    padding: 7px 7px 7px 25px;
    background: url(/_next/static/media/camera.da940bdb.svg) no-repeat left 8px center /
      14px;
  }

  .layout-pd-cont .pd-review .pd-rating-info {
    flex-direction: column;
  }

  .layout-pd-cont .pd-review .tit-area .sub-tit {
    display: none;
  }

  .layout-pd-cont .pd-review .pd-rating-info .review-num {
    display: none;
  }

  .layout-pd-cont .pd-review .pd-rating-info .rating .star-area {
    justify-content: center;
  }

  .layout-pd-cont .pd-review .pd-rating-info .rating .rating-num {
    margin-bottom: 8px;
  }

  .layout-pd-cont .pd-review .pd-rating-info .average {
    width: 100%;
  }

  /* 상세 별점 */
  .rating .rating-num {
    justify-content: normal;
    align-items: normal;
    flex-direction: column;
  }

  .rating .rating-num,
  .rating .rating-num span {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #212121;
  }

  .rating .rating-num .num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    font-size: 24px;
  }

  .rating.w20 .star-area {
    margin-bottom: 0;
  }

  .rating.w20 .star-area li,
  .rating.w20 .star-area li span {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }

  .rating.w20 .rating-num {
    margin-left: 10px;
  }

  .rating.w20 .rating-num span {
    font-weight: 700;
    font-size: 22px;
    line-height: 31px;
    color: #ffcc00;
  }

  .rating.w20 .star-area li,
  .rating.w20 .star-area li span {
    width: 16px;
    height: 16px;
    background-size: 16px;
  }

  .rating.w20 .rating-num span {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }

  .layout-pd-cont .pd-review .pd-rating-info .swiper-review-wrap {
    border-left: none !important;
  }

  /* 리뷰 리스트 */
  .layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info {
    flex-direction: column;
    align-items: start;
  }

  .layout-pd-cont .pd-review .pd-rating-list .pd-list-item {
    padding: 16px;
  }

  .layout-pd-cont .pd-review .pd-rating-list .pd-list-item .top .info .rating {
    margin-bottom: 4px;
  }

  .layout-pd-cont
    .pd-review
    .pd-rating-list
    .pd-list-item
    .top
    .info
    .txt
    .name {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
  }

  .layout-pd-cont
    .pd-review
    .pd-rating-list
    .pd-list-item
    .top
    .info
    .txt
    .reader-flag {
    font-size: 12px;
    line-height: 18px;
  }

  .layout-pd-cont
    .pd-review
    .pd-rating-list
    .pd-list-item
    .top
    .utill
    .report-btn-wrap
    .report-btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: none;
  }

  .layout-pd-cont .pd-review .pd-rating-list .pd-list-item .text {
    font-size: 14px;
    line-height: 24px;
    padding: 24px 0 8px;
  }

  .layout-pd-cont .pd-review .pd-rating-list .pd-list-item .review-thumb ul {
    gap: 0;
  }

  .layout-pd-cont .layout-pd-quick {
    display: none;
  }

  /* 서브 =========================================== */
  /* 팝업 공통*/
  .modal-wrap .modal-inner {
    width: calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    max-height: 89%;
    padding: 24px 16px;
    margin: 0 16px;
  }

  .modal-wrap .modal-inner > div {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .modal-wrap .modal-tit .desc {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #616161;
  }

  .modal-wrap .modal-btn button {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #ffffff;
    padding: 13px 24px;
    background: #9e9e9e;
    border-radius: 6px;
  }

  .modal-wrap textarea {
    resize: none;
  }

  .modal-wrap .textarea textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #bdbdbd;
  }

  .modal-wrap.alert-pop {
    max-width: 500px;
  }

  .modal-wrap.alert-pop .modal-inner {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }

  .modal-wrap.alert-pop .modal-txt {
    font-size: 16px;
    line-height: 28px;
  }

  .modal-wrap.alert-pop .modal-btn {
    margin: 20px 0 10px;
  }

  .modal-wrap.alert-pop .modal-btn button {
    width: auto;
    border-radius: 6px;
    padding: 13px 32px;
  }

  .modal-wrap .modal-btn .line {
    /* 버튼명 */
    color: #424242;
    background: #ffffff;
    border: 1px solid #e0e0e0;
  }

  /* 팝업 - 리뷰 작성 */
  .modal-wrap.review-write .modal-inner {
    max-width: 400px;
  }

  .modal-wrap.review-write .modal-tit {
    margin-bottom: 18.5px;
  }

  .modal-wrap.review-write .write-cont .head .name {
    font-size: 14px;
    line-height: 20px;
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .img-swiper {
    position: relative;
    width: calc(100% - 66px);
    width: -webkit-calc(100% - 66px);
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .swiper-scrollbar {
    bottom: 0;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.08);
  }

  .modal-wrap.review-write
    .write-cont
    .add-photo
    .add-wrap
    .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .swiper-container {
    padding-bottom: 8px;
  }

  .modal-wrap.review-write .write-cont .file-btn .file-input {
    width: 56px;
    height: 56px;
  }

  .modal-wrap.review-write
    .write-cont
    .file-btn
    .file-input::-webkit-file-upload-button {
    visibility: hidden;
  }

  .modal-wrap.review-write .write-cont .file-btn .file-input:focus {
    outline: none;
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .add-btn {
    width: 56px;
    height: 56px;
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .img {
    padding-bottom: 4px;
    overflow-x: auto;
  }

  .modal-wrap.review-write
    .write-cont
    .add-photo
    .add-wrap
    .img::-webkit-scrollbar {
    height: 4px;
  }

  .modal-wrap.review-write .write-cont .add-photo .add-wrap .img li {
    width: 48px;
    min-width: 48px;
    height: 48px;
    max-width: 48px;
    border-radius: 4px;
  }

  /* 팝업 - 리뷰 보기 */
  .modal-wrap.review-view .view-arrow {
    display: none;
  }

  .modal-wrap.review-view {
    max-width: 400px;
  }

  .modal-wrap.review-view .modal-review-wrap {
    flex-direction: column;
  }

  .modal-wrap.review-view .review-img {
    position: relative;
    width: 100%;
  }

  .modal-wrap.review-view .pd-img-slider .swiper-container {
    width: 100%;
    height: 100%;
  }

  .modal-wrap.review-view .pd-img-slider {
    width: 100%;
    height: 280px;
    min-height: 280px;
    background: #fafafa;
    border: 1px solid #fafafa;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 6px;
  }

  .modal-wrap.review-view .pd-img-slider .swiper-slide {
    position: relative;
    text-align: center;
    overflow: hidden;
  }

  .modal-wrap.review-view .pd-img-slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .modal-wrap.review-view .pd-img-thumb {
    margin-top: 10px;
  }

  .modal-wrap.review-view .pd-img-thumb .swiper-slide {
    position: relative;
    height: 100%;
    width: 80px;
    height: 80px;
    background: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
  }

  .modal-wrap.review-view .pd-img-thumb .swiper-slide.on {
    background: #fff2f4;
    border: 1px solid #ff3e66;
  }

  .modal-wrap.review-view .pd-img-thumb .swiper-slide img {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    color: transparent;
    object-fit: contain;
  }

  .modal-wrap.review-view .product-list-item .list-info .info {
    border-bottom: none;
    padding-top: 20px;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .rating {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .txt {
    display: flex;
    align-items: center;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .txt span.age {
    display: none;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .txt .mail {
    margin-right: 10px;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .txt .date {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #9e9e9e;
  }

  .modal-wrap.review-view .product-list-item .list-info .info .util {
    margin-top: 10px;
  }

  .modal-wrap.review-view
    .product-list-item
    .list-info
    .info
    .util
    .change-btn-wrap {
    display: flex;
    align-items: center;
    gap: 0 10px;
  }

  .modal-wrap.review-view
    .product-list-item
    .list-info
    .info
    .utill
    .change-btn-wrap {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin-top: 10px;
  }

  .modal-wrap.review-view
    .product-list-item
    .list-info
    .info
    .utill
    .change-btn-wrap
    button {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: #424242;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 6px 16px;
  }

  .modal-wrap.review-view .product-list-item .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #616161;
    padding: 8px 0;
  }

  .modal-wrap.review-view .last-img-thumb .swiper-slide {
    position: relative;
    height: 100%;
    width: 80px;
    height: 80px;
    background: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 6px;
    text-align: center;
  }

  .modal-wrap.review-view .last-img-thumb .swiper-slide img {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    color: transparent;
    object-fit: contain;
  }

  /* 팝업 - 신고 하기 */
  .modal-wrap.review-report .modal-inner {
    padding: 24px 16px;
  }

  .modal-wrap.review-report .modal-tit .tit {
    padding: 0 0 9.5px;
  }

  /* 만화 상세 =========================================== */
  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top {
    padding: 0 16px 16px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top .all-check {
    gap: 0 8px;
  }

  .sub-page.dtl.cartoon
    .pd-inner-cont
    .toon-list
    .list-top
    .all-check
    .check-wrap
    label {
    font-size: 14px;
    margin-left: 4px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list-top .rental-btn {
    width: 96px;
    height: 32px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 4px;
  }

  .pd-inner-cont .toon-list .list-top .rental-btn {
    width: 92px;
    height: 32px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 4px;
  }

  .pd-inner-cont
    .toon-list
    .list-top
    .MuiInputBase-root:not(.MuiInputBase-multiline) {
    width: 110px !important;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li {
    padding: 12px 16px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info {
    gap: 0 8px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .thumb {
    width: 54px;
    min-width: 54px;
    height: 74px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .book-info .info {
    gap: 6px 0;
  }

  .sub-page.dtl.cartoon
    .pd-inner-cont
    .toon-list
    .list
    li
    .book-info
    .info
    span {
    font-size: 13px;
    line-height: 16px;
  }

  .sub-page.dtl.cartoon
    .pd-inner-cont
    .toon-list
    .list
    li
    .book-info
    .info
    .date {
    font-size: 12px;
    line-height: 14px;
  }

  .sub-page.dtl.cartoon
    .pd-inner-cont
    .toon-list
    .list
    li
    .book-info
    .info
    .price {
    font-size: 12px;
    line-height: 14px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .toon-list .list li .btn-wrap button {
    width: 63px;
    height: 48px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 4px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .more-btn button {
    height: 46px;
  }

  .sub-page.dtl.cartoon .pd-inner-cont .more-btn button span {
    font-size: 15px;
    line-height: 20px;
    background: url(/_next/static/media/more-circle.76f0ced3.svg) no-repeat right center /
      20px;
    padding-right: 26px;
  }

  /* ============================================== */
  /* 20240318 */
  /*  */
  .search-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .search-input input {
    width: 100%;
    padding: 0px 0px 0px 16px;
    height: 56px;
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #212121;
    color: #212121;
    font-size: 16px;
    line-height: 20px;
  }

  .search-input input::placeholder {
    font-size: 16px;
    line-height: 20px;
    color: #757575;
  }

  .search-input .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    background: url(/_next/static/media/search_small.1f2d3659.svg) no-repeat center / 28px;
  }

  .sub-page {
    max-width: none;
    min-width: auto;
  }

  .search-tab-wrap {
    position: absolute;
    top: 56px;
    left: 0;
    width: calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    justify-content: start;
    margin: 12px 16px;
  }
  .search-tab-wrap > .tit {
    min-width: 87px;
    padding: 2px 16px;
  }

  .search-tab-wrap > .tit,
  .search-tab li button {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
  }

  .sub-page .sub-title-48 {
    width: 100%;
    font-size: 20px;
    line-height: 40px;
    margin: 0 auto;
    padding-bottom: 0px;
  }

  .sub-page .sub-title-40 {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto;
    padding-bottom: 0px;
  }

  .search-tab {
    overflow-y: auto;
  }
  .search-tab {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .search-tab::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }

  .sub-page.search-list {
    padding-top: 32px;
    padding-bottom: 76px;
  }

  .sub-page.search-list .sub-big-tit {
    word-break: auto-phrase;
  }

  .sub-page.search-list .sub-big-tit-more {
    word-break: auto-phrase;
  }

  .sub-page .com-tab.rectangle {
    margin: 0;
  }

  .sub-page .com-tab.rectangle .tab-list button {
    position: relative;
    width: 33.3333%;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    box-shadow: 1px 0 0 0 #e0e0e0;
    background-color: #fff;
    padding: 9px;
    border: 1px solid #e0e0e0;
    border-right: none;
  }

  .sub-page .com-tab.rectangle .tab-list button:nth-child(n + 4) {
    border-top: none;
  }

  .sub-page .com-tab.rectangle .tab-list button.selected:after {
    content: '';
    left: 0;
    top: 0;
    width: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    font-weight: 700;
  }

  .search-list .cont .search-sec {
    margin: 16px 0 32px;
  }

  .search-list .cont .search-sec .search-item-list {
    flex-direction: column;
    gap: 16px 0;
  }

  .search-list .cont .search-sec .search-item-list li {
    width: 100%;
  }

  .search-list.all .cont .search-sec .search-item-list li:nth-child(n + 3) {
    /* display: none; */
  }

  .search-dtl-filter {
    display: flex;
    justify-content: end;
    margin: 16px 0px;
  }

  .search-dtl-filter.active .filter-wrap {
    display: none;
  }

  .search-dtl-filter .search-filter-mo-btn {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #41b5c6;
    border: 1px solid #41b5c6;
    border-radius: 4px;
    padding: 4px 38px 4px 24px;
    background: url(/_next/static/media/filter-solid.dc44ad88.svg) no-repeat center right
      20px / 16px;
  }

  .sub-page.search-list .sub-title-20 {
    font-size: 14px;
    line-height: 20px;
  }

  .sec-title.has-more {
    margin-bottom: 16px;
  }

  .search-list .cont .search-sec .search-item-list a {
    gap: 0 12px;
  }

  .search-list .cont .search-sec .search-item-list a .thumb {
    width: 84px;
    min-width: 84px;
  }

  .search-list .cont .search-sec .search-item-list.news a .thumb {
    width: 120px;
    min-width: 120px;
    height: 80px;
  }

  .search-list .cont .search-sec .search-item-list a .thumb-info {
    width: calc(100% - 132px);
    width: -webkit-calc(100% - 132px);
  }

  .search-list .cont .search-sec .search-item-list a .thumb-info .info .name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .search-list .cont .search-sec .search-item-list a .thumb-info .info .desc {
    font-size: 12px;
    line-height: 18px;
  }

  .search-list .cont .search-sec .search-item-list a .thumb-info .text {
    font-size: 12px;
    margin-top: 4px;
  }

  .search-list .cont .search-sec .search-item-list .thumb-info .text.row-3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .search-list.all .cont .layout-paging-wrap,
  .search-list.all .cont .paging-inner {
    margin-top: 0;
  }

  /* 팝업 */
  .filter-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
    overflow-y: auto;
    padding-bottom: 32px;
  }

  .filter-pop.active {
    display: block;
  }

  .filter-pop .head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #41b5c6;
    padding: 13px 16px;
  }

  .filter-pop .head .tit {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #ffffff;
  }

  .filter-pop .head .close-btn {
    width: 28px;
    height: 28px;
    background: url(/_next/static/media/close3.4cf52b3d.svg) no-repeat center / 28px;
  }

  .filter-pop .filter-wrap {
    background-color: #fff;
  }

  .filter-pop .filter-wrap .filter-item {
    background-color: #fff;
    padding: 0 16px 0;
  }

  .filter-pop .filter-wrap .filter-item:nth-child(n + 2) {
    border-top: 1px solid #eeeeee;
  }

  .filter-pop .filter-wrap .filter-item .th {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #212121;
    padding: 14px 0;
    background-image: url(/_next/static/media/select-down.efea69e5.svg);
    background-size: 20px;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  .filter-pop .filter-wrap .filter-item.active .th {
    background-image: url(/_next/static/media/select-up.0479158a.svg);
  }

  .filter-pop .filter-wrap .filter-item .td {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px 8px;
    background: #f7f7f7;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    display: none;
  }

  .filter-pop .filter-wrap .filter-item.active .td {
    display: flex;
  }

  .filter-pop .filter-wrap .filter-item .td li {
    width: calc(50% - 8px);
    width: -webkit-calc(50% - 8px);
  }

  .filter-pop .filter-wrap .filter-item .td li:last-child {
    width: calc(100%);
    width: -webkit-calc(100%);
  }

  .filter-pop .filter-wrap .filter-item [type='radio']:checked + label,
  .filter-pop .filter-wrap .filter-item [type='radio']:not(:checked) + label,
  .filter-pop .filter-wrap .filter-item [type='checkbox']:checked + label,
  .filter-pop
    .filter-wrap
    .filter-item
    [type='checkbox']:not(:checked)
    + label {
    font-size: 12px;
    line-height: 20px;
    padding-left: 22px;
  }

  .filter-pop .filter-wrap .filter-item .radio-list.flex {
    width: 100%;
  }

  .filter-pop .filter-wrap .filter-item .radio-list.flex .date-area {
    display: flex;
    align-items: center;
    gap: 0 4px;
    margin-top: 6px;
  }

  .filter-pop .filter-wrap .filter-item .radio-list .date-area input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #bdbdbd;
    padding: 6px 40px 6px 8px;
    background: url(/_next/static/media/calendar-line.65aed19f.svg) no-repeat right 8px
      center / 16px #f7f7f7;
  }

  .filter-pop .filter-wrap .filter-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    margin-top: 0;
  }

  .filter-pop .filter-wrap .filter-btn-wrap button {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    padding: 7px 20px;
  }

  .filter-pop .filter-wrap .filter-btn-wrap button.fill {
    color: #ffffff;
    border: 1px solid transparent;
    background-color: #42c9dd;
  }

  .filter-pop .filter-wrap .filter-btn-wrap button.line {
    color: #42c9dd;
    border: 1px solid #42c9dd;
    background-color: #fff;
  }

  /* add mypage start */
  .ui-member-info-wrap .my-pass {
    display: none;
  }
  /* add mypage end */

  .sub-page.mypage-buy {
    padding-bottom: 96px;
  }
  .sub-page.mypage-buy .mypage-wrap .side,
  .sub-page.mypage-buy .top-my-info {
    display: none;
  }

  .side {
    display: none;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .buy-list-view {
    margin-top: 0;
    padding: 24px 16px 0;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .search-wrap {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .drop-down.w204,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .drop-down.w204
    .selected
    a,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .drop-down.w204
    .options
    ul,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .date-area,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .date-area
    input,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .btn-wrap {
    width: 100%;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .btn-wrap {
    position: relative;
    justify-content: center;
    padding-bottom: 58px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .btn-wrap
    .date-btn {
    width: 48px;
    height: 48px;
    padding: 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .search-wrap
    .btn-wrap
    .submit-btn {
    position: absolute;
    bottom: 0;
    left: calc(50% - 80px);
    width: 160px;
    background: url(/_next/static/media/icon-size.58cef47a.svg) no-repeat left 50px center /
      18px #424242;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .table-desc {
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-table table {
    width: 100%;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    thead
    tr
    th {
    display: none;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tr:not(.nodata-div) {
    flex-direction: column;
    display: flex;
    align-items: start;
    border-bottom: none;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .buy-list-view .buy-list-table {
    width: 100%;
    border-top: none;
    margin-top: 16px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    .data-div {
    display: flex;
    align-items: center;
    gap: 0 8px;
    width: 100%;
    border-top: 1px solid #9e9e9e;
    border-bottom: 1px solid #e0e0e0;
    padding: 14px 0;
    margin-top: 24px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    .data-div
    .order-date::before {
    content: '구매일시 : ';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #212121;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    .data-div
    .order-num {
    margin-top: 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    .info-area {
    align-items: start;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    td
    .thumb {
    width: 60px;
    min-width: 60px;
    padding: 10px 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    td
    .thumb
    img {
    max-width: 60px;
    height: 60px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    td
    .txt {
    padding: 10px 12px 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .pd-flag {
    font-size: 11px;
    line-height: 16px;
    padding: 2px 10px 0;
    margin-bottom: 8px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .txt
    .name {
    font-size: 14px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .txt
    .desc {
    font-size: 12px;
    line-height: 16px;
    color: #757575;
    margin: 6px 0 12px;
  }

  .list-epi {
    margin: 6px 0 12px;
  }

  .list-epi .epi-list li .name {
    font-size: 12px;
  }

  .list-epi .epi-list li .price {
    min-width: 60px;
    padding-left: 0;
    text-align: right;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    .price,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    .use-status,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    td.payment {
    padding-left: 72px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    td.payment {
    display: none;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .price {
    display: flex;
    align-items: center;
    gap: 0 8px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .price,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .price
    span {
    font-size: 14px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .price
    .payment {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #212121;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    td
    span {
    font-size: 12px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    .use-status {
    display: flex;
    align-items: center;
    gap: 0 8px;
    margin: 12px 0 22px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    table
    tbody
    tr
    td
    .state-btn {
    margin-top: 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-view-tit.mo-title {
    font-size: 16px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 0;
  }

  .sub-page.mypage-buy.cancel .mypage-wrap .cont .buy-list-view .buy-list-table,
  .sub-page.mypage-buy.cancel
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-table
    .data-div {
    margin-top: 0;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    th {
    width: 80px;
    min-width: 80px;
    padding: 0 16px;
  }

  .sub-page.mypage-buy.cancel .mypage-wrap .cont .buy-list-view table {
    width: 100%;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view.refund-table
    .buy-list-col-table
    th {
    width: 120px;
    min-width: 120px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .refund-account
    td {
    flex-wrap: wrap;
    gap: 10px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .refund-account
    td
    .name {
    min-width: 69px;
    width: 69px;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .refund-account
    td
    .account {
    width: calc(100% - 94px);
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .refund-account
    td
    .name
    input,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .refund-account
    td
    .account
    input {
    width: 100%;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .textarea
    textarea {
    width: 100%;
  }

  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .textarea
    textarea,
  .sub-page.mypage-buy
    .mypage-wrap
    .cont
    .buy-list-view
    .buy-list-col-table
    .textarea
    textarea::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .cancel-btn-wrap {
    width: 100%;
    margin-top: 24px;
  }

  .sub-page.mypage-buy .mypage-wrap .cont .cancel-btn-wrap .btn {
    height: 48px;
    font-size: 16px;
    line-height: 140%;
  }

  .mypage-buy.bookshelf .recent-view-pd {
    margin: 72px 16px 0;
  }

  .mypage-buy.bookshelf .recent-view-pd .sub-title-22 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .swiper {
    padding: 24px 0;
    margin: 0 46px 0 46px;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .view-arrow {
    top: 33%;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .prev {
    left: -2px;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .next {
    right: 2px;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide {
    max-width: none;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide a {
    width: auto;
    padding-right: 7px;
  }

  .mypage-buy.bookshelf .recent-view-pd .recent-list .swiper-slide .del-btn {
    right: 0px;
  }

  .mypage-buy.bookshelf .rental-tab .com-tab {
    margin: 40px 16px;
  }

  .mypage-buy.bookshelf .rental-tab .com-tab .tab-list {
    flex-wrap: nowrap;
  }

  .mypage-buy.bookshelf .rental-tab .com-tab .tab-list button {
    width: 100%;
  }

  .mypage-buy.bookshelf .rental-tab .tab-cont .com-tab-circle {
    gap: 8px;
    margin: 40px 0 24px;
  }

  .mypage-buy.bookshelf
    .rental-tab
    .tab-cont
    .com-tab-circle
    li:nth-of-type(1) {
    margin-left: 16px;
  }

  .mypage-buy.bookshelf
    .rental-tab
    .tab-cont
    .com-tab-circle
    li:nth-last-of-type(1) {
    margin-right: 16px;
  }

  .mypage-buy.bookshelf .rental-tab .tab-cont .com-tab-circle button {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #757575;
    border-color: #9e9e9e;
    padding: 3px 24px;
  }

  .mypage-buy.bookshelf .rental-tab .tab-cont .com-tab-circle .selected button {
    color: #fff;
    border-color: #42c9dd;
  }

  .mypage-buy.bookshelf .rental-list .com-list-star li {
    width: calc(50% - 14px);
  }

  .mypage-buy.bookshelf .rental-list .com-list-star {
    gap: 27px 28px;
    justify-content: space-between;
    margin: 0 16px;
  }

  .mypage-buy.bookshelf .rental-list .com-list-star .thumb {
    filter: none;
    margin-bottom: 60px;
  }

  .mypage-buy.bookshelf .rental-list .com-list-star .thumb.round {
    border-radius: 0;
    overflow: inherit;
  }

  .mypage-buy.bookshelf .rental-list .com-list-star .thumb.round img {
    border-radius: 4px;
  }

  .mypage-buy.bookshelf .rental-list .com-list-star .thumb.round .thumb-dimed {
    border-radius: 4px;
  }

  .mypage-buy.bookshelf
    .rental-list
    .com-list-star
    .thumb
    .thumb-dimed.utill-btn {
    display: flex !important;
    top: auto;
    bottom: -48px;
    height: 36px;
    background: none;
    text-align: center;
    margin-top: 12px;
    border-radius: 20px;
  }

  .mypage-buy.bookshelf .rental-list .thumb-dimed .btn.line,
  .mypage-buy.bookshelf .rental-list .thumb-dimed .del-btn {
    display: none;
  }

  .mypage-buy.bookshelf .rental-list .thumb-dimed .btn.none {
    display: block;
  }

  .mypage-buy.bookshelf .rental-list .thumb-dimed .btn-wrap {
    width: 100%;
  }

  .mypage-buy.bookshelf .rental-list .thumb-dimed .btn.solid {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #757575;
    border: 1px solid #42c9dd;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 20px;
  }

  .mypage-buy.bookshelf .lib-style {
    margin: 40px 16px 0;
  }

  .mypage-buy.bookshelf .lib-style .lib-style-tit {
    align-items: start;
    flex-direction: column;
    font-size: 18px;
    line-height: 140%;
  }

  .mypage-buy.bookshelf .lib-style .lib-style-tit .mo-flex {
    margin-left: 0;
  }

  .mypage-buy.bookshelf .lib-style .inner-box {
    gap: 32px;
    padding: 24px 12px;
  }

  .mypage-buy.bookshelf .lib-style .tit {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
  }

  .mypage-buy.bookshelf .lib-style .cont-box {
    display: flex;
    gap: 8px;
  }

  .mypage-buy.bookshelf .lib-style .cont-box li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 13.5px 8px;
  }

  .mypage-buy.bookshelf .lib-style .cont-box .name {
    font-size: 12px;
    line-height: 14px;
  }

  .mypage-buy.bookshelf .lib-style .cont-box .desc {
    font-size: 11px;
    line-height: 15px;
    color: #616161;
    letter-spacing: -0.1px;
    margin-top: 5px;
  }

  /* 마이페이지 작성댓글, 리뷰 */
  .mypage-buy.my-write .my-write-tab {
    margin-top: 74px;
  }

  .mypage-buy.my-write .my-write-tab .sub-title-22 {
    display: none;
  }

  .mypage-buy.my-write .com-tab.rectangle {
    min-height: auto;
    margin-bottom: 24px;
  }

  .mypage-buy.my-write .com-tab.rectangle .tab-list {
    width: 100%;
    flex-wrap: nowrap;
  }

  .mypage-buy.my-write .com-tab.rectangle .tab-list button {
    width: 100%;
  }

  .mypage-buy.my-write .my-write-tab .tab-cont .write-list {
    margin: 0 16px;
  }

  .mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .pd-flag,
  .mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .name {
    margin-bottom: 8px;
  }

  .mypage-buy.my-write .my-write-tab .tab-cont .write-list .top .txt .name {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }

  .mypage-buy.my-write .my-write-tab .tab-cont .write-list .write-area {
    padding: 16px;
  }

  .mypage-buy.my-write
    .my-write-tab
    .tab-cont
    .write-list
    .write-area
    .error-txt {
    font-size: 14px;
    line-height: 24px;
    background: url(/_next/static/media/warning.ef5640de.svg) no-repeat left top 3px / 17px;
    padding-left: 21px;
  }

  .mypage-buy.my-write
    .my-write-tab
    .tab-cont
    .write-list
    .write-area
    .error-txt
    span {
    font-size: 14px;
    line-height: 24px;
  }

  .mypage-buy.my-write
    .my-write-tab
    .tab-cont
    .write-list
    .write-area
    .wrt-txt {
    font-size: 13px;
    line-height: 22px;
  }

  .mypage-buy.my-write .my-write-tab .nodata {
    font-size: 14px;
  }

  .mypage-buy.my-write .layout-paging-wrap {
    margin-top: 24px;
  }

  /* 마이페이지 요금제안내 */
  .mypage-buy.payplan .payplan-wrap {
    margin: 16px 16px 0;
  }

  .mypage-buy .payplan-tit {
    flex-direction: column;
    align-items: start;
    gap: 16px 0;
  }

  .mypage-buy .payplan-tit .tit {
    font-size: 16px;
    line-height: 22px;
  }

  .mypage-buy .payplan-tit .desc {
    font-size: 14px;
  }

  .mypage-buy.payplan .payplan-wrap .plan-register {
    margin-bottom: 40px;
  }

  .mypage-buy.payplan .payplan-wrap .plan-register .register-input {
    gap: 0 6px;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .plan-register
    .register-input
    .input-wrap
    input {
    font-size: 14px;
    line-height: 17px;
    padding: 12px 16px;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .plan-register
    .register-input
    .register-btn {
    /*width: auto;*/
    min-width: auto;
    font-size: 14px;
    line-height: 17px;
    padding: 11.5px 16px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 10px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item {
    width: calc(50% - 5px);
    height: 100%;
    border-radius: 12px;
    padding: 16px 12px 47.5px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .new {
    margin-bottom: 10px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .period {
    font-size: 14px;
    line-height: 17px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .price {
    gap: 0 4px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .won {
    font-size: 15px;
    line-height: 18px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .sale {
    font-size: 12px;
    line-height: 14px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .plan-select .item .benefit {
    max-height: 30px;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 12px;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .free-plan
    .plan-select
    .item
    .teacher-flag {
    font-size: 11px;
    line-height: 13px;
    border-radius: 0px 0px 0px 12px;
    padding: 4px 10px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .top .desc {
    font-weight: 700;
    font-size: 16px;
  }

  .mypage-buy.payplan .payplan-wrap .free-plan .total-price-wrap .input-wrap {
    padding: 16px 0;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .free-plan
    .total-price-wrap
    .input-wrap
    label {
    font-size: 12px;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .free-plan
    .total-price-wrap
    .paying-btn-wrap
    .paying-btn {
    font-size: 16px;
    line-height: 19px;
    padding: 18.5px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-info-tit {
    font-size: 14px;
    margin: 16px 0;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-txt p {
    font-size: 12px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-txt span {
    font-size: 12px;
    line-height: 18px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-table {
    margin-bottom: 0;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr th,
  .mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr td {
    font-size: 12px;
    line-height: 18px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr th {
    width: auto;
    min-width: 80px;
    padding: 16px 8px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-table table tr td {
    min-width: 80px;
    padding: 8px;
    text-align: center;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .refund-info
    .refund-table
    table
    tr
    td:nth-of-type(2) {
    width: 100%;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .refund-info
    .refund-table
    table
    tr
    td:nth-last-of-type(1) {
    text-align: left;
  }

  .mypage-buy.payplan
    .payplan-wrap
    .refund-info
    .refund-table
    table
    tr
    td
    .small {
    font-size: 11px;
    line-height: 16px;
  }

  .mypage-buy.payplan .payplan-wrap .refund-info .refund-end-txt span {
    font-size: 12px;
    line-height: 18px;
  }

  /* 마이페이지 교사인증 */
  .mypage-buy.teacher-certi .teacher-certi-wrap {
    margin: 72px 16px 0;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .payplan-tit {
    gap: 10px 0;
    margin-bottom: 40px;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .payplan-tit .tit {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .tit {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .flag {
    font-size: 14px;
    line-height: 17px;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item p {
    font-size: 18px;
    line-height: 24px;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .benefit-list .item .desc {
    font-size: 14px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap {
    gap: 0 16px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap
    .box {
    padding: 24px 0px;
    width: 50%;
    height: 150px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap
    .box {
    gap: 8px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap
    .box
    .flag {
    font-size: 13px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap
    .box
    .grade {
    font-size: 15px;
    line-height: 18px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .box-wrap
    .box
    .won {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box
    .desc {
    font-size: 12px;
    line-height: 160%;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box.type2
    .box-wrap {
    flex-direction: column;
    gap: 16px 0;
    padding-bottom: 0;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box.type2
    .box-wrap
    .box {
    padding: 32px 24px;
    width: 100%;
    height: auto;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box.type2
    .box-wrap
    .box
    .tit {
    font-size: 17px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .benefit-list
    .item
    .compare-box.type2
    .box-wrap
    .box
    .desc {
    font-size: 14px;
  }

  .mypage-buy.teacher-certi .teacher-certi-wrap .btn-wrap .teacher-btn {
    font-size: 16px;
    line-height: 19px;
    padding: 16px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    table
    tr
    th {
    width: 80px;
    font-weight: 600;
    font-size: 13px;
    line-height: 140%;
    padding: 14px 10px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    table
    tr
    td {
    font-size: 13px;
    line-height: 140%;
    padding: 12px 10px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    .drop-down
    a {
    font-size: 13px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    tr.school
    input,
  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    .drop-down,
  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    .drop-down
    .selected
    a {
    width: 100%;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    tr.school-addr
    .find-addr-btn {
    width: auto;
    min-width: 80px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    .drop-down
    .options
    ul {
    width: -webkit-fill-available;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    tr.school-phone
    .drop-down
    .selected
    a,
  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    tr.school-phone
    .drop-down
    .options
    ul {
    width: 68px;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    .drop-down {
    width: 70%;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    tr.school-phone
    .input-wrap {
    width: 100%;
  }

  .mypage-buy.teacher-certi
    .teacher-certi-wrap
    .refund-info
    .certi-table
    td
    .small {
    font-size: 12px;
  }

  /* 주문/장바구니 */
  .order-div {
    padding: 0;
    border: 1px solid #fff;
  }

  .order-div .layout-order-wrap {
    flex-direction: column;
    gap: 0;
    margin: 72px 16px 88px;
  }

  .order-div .layout-order-contents .order-tit {
    display: none;
  }

  .order-div .layout-order-contents .order-list-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
  }

  .order-div .layout-order-contents .order-list-all .order-list {
    align-items: start;
    padding: 12px 0;
  }

  .order-div .layout-order-contents .order-list-all .order-list .thumb {
    width: 60px;
    min-width: 60px;
    padding: 10px 8px;
  }

  .order-div .layout-order-contents .order-list-all .order-list .thumb img {
    max-width: 60px;
    height: 60px;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list
    .cart-info-wrap {
    align-items: start;
    justify-content: start;
    flex-direction: column;
    width: 100%;
    padding: 10px 0;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list.set-order
    .cart-info-wrap {
    flex-direction: row;
    align-items: center;
    padding: 4px 0;
  }

  .order-div .layout-order-contents .order-list-all .list-epi {
    margin-bottom: 0;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list
    .cart-info-wrap
    .info-area {
    width: 100%;
    padding: 0 12px;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list
    .info-area
    .pd-flag {
    font-size: 11px;
    line-height: 16px;
    padding: 1px 10px;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list
    .info-area
    .name:not(.epi-list .name) {
    font-size: 14px;
  }

  .order-div
    .layout-order-contents
    .order-list-all
    .order-list
    .price:not(.epi-list .price) {
    font-size: 14px;
    padding: 0 12px 0;
  }

  .order-div .layout-order-contents .payment-div {
    margin-top: 24px;
  }

  .order-div .layout-order-contents .payment-div .radio-wrap label {
    font-size: 16px;
  }

  .order-div .layout-order-contents .payment-div .tab-area .tab-btn-wrap {
    flex-wrap: wrap;
    gap: 10px 8px;
    padding: 0;
  }

  .order-div
    .layout-order-contents
    .payment-div
    .tab-area
    .tab-btn-wrap
    .tab-btn {
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
  }

  .order-div
    .layout-order-contents
    .payment-div
    .tab-area
    .tab-btn-wrap
    .tab-btn
    .tit {
    font-size: 16px;
    line-height: 22px;
  }

  .order-div .layout-order-contents .payment-div .tab-area .tab-cont-wrap {
    padding-top: 8px;
  }

  .order-div
    .layout-order-contents
    .payment-div
    .tab-area
    .tab-btn-wrap
    .tab-btn
    span {
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
  }

  .order-div .layout-order-contents .payment-div .tab-area .tab-cont {
    padding: 0;
  }

  .order-div .layout-order-contents .payment-div .point-payment .point-wrap {
    flex-wrap: wrap;
    gap: 10px;
  }

  .order-div .layout-order-contents .payment-div .point-payment .input-wrap {
    width: 100%;
  }

  .order-div
    .layout-order-contents
    .payment-div
    .point-payment
    .input-wrap
    input {
    width: 100%;
  }

  .order-div .layout-order-contents .payment-div .normal-payment {
    padding: 20px 0;
  }

  .layout-order-wrap .layout-order-price {
    height: auto;
    padding: 24px 0;
    margin-top: 24px;
  }

  .layout-order-wrap .order-payment-all .payment-sum .tit {
    text-align: left;
  }

  .layout-order-wrap .order-payment-all .payment-sum .price {
    justify-content: end;
  }

  .layout-order-wrap .order-payment-all .payment-sum .price small {
    font-size: 22px;
    line-height: 32px;
  }

  /* 마이페이지 메인 */
  .mypage-main {
    background-color: #fff;
    margin: 0px -16px;
    /*padding: 48px 0 88px;*/
  }

  .mypage-main .menu-head {
    background: #fafafa;
    padding: 24px 32px;
  }

  .mypage-main .menu-head .info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
  }

  .mypage-main .menu-head .info .name {
    font-weight: 800;
    font-size: 18px;
    line-height: 140%;
    background: url(/_next/static/media/member.6d3578e4.svg) no-repeat left center / 24px;
    padding-left: 28px;
  }

  .mypage-main .menu-head .point-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    width: 100%;
    background: linear-gradient(0deg, #ffffff, #ffffff), #f7f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
  }

  .mypage-main .menu-head .point-info span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
  }

  .mypage-main .menu-head .point-info .point {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    background: url(/_next/static/media/point-pk.6d22b585.svg) no-repeat left center / 24px;
    padding-left: 28px;
  }

  .mypage-main .side {
    display: block;
    width: 100%;
  }

  .mypage-main .side .side-menu {
    border: none;
    border-radius: 0;
    padding: 16px 24px;
  }

  .side .side-menu li:nth-child(n + 2) {
    border: none;
  }

  .mypage-main .side .side-menu li a {
    display: flex;
    align-items: center;
    min-height: 56px;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: #212121;
    background: url(/_next/static/media/slick_next.48848f2a.svg) no-repeat right center /
      20px;
    padding: 0;
  }

  .mypage-main .logout {
    margin: 16px 24px 0;
  }

  .mypage-main .logout-btn {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #212121;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 6px;
    text-align: center;
  }

  .comment {
    width: 100%;
    height: 100%;
    padding: 12px 8px 12px 8px;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #edf5f8;
    background: #f5f9fa;
  }

  .comment .comment-txt p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.7px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #478598;
  }

  .comment .comment-txt p::before {
    content: '※ ';
    white-space: pre;
  }
}

@media screen and (max-width: 580px) {
  .sub-page.ebook.main .main-layout-04 .swiper-slide {
    max-width: 180px;
  }

  .wide-bg:before {
    height: 554px;
  }
}
@media screen and (max-width: 46px) {
  .pd-inner-cont .toon-list .list-top {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/css/swiper.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/css/slick.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./public/css/slick-theme.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  /* background: #fff url('/ajax-loader.gif') center center no-repeat; */
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url("/fonts/slick.eot");
  src:
    url("/fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("/fonts/slick.woff") format("woff"),
    url("/fonts/slick.ttf") format("truetype"),
    url("/fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
/*.slick-prev:before {*/
/*  content: "←";*/
/*}*/
/*[dir="rtl"] .slick-prev:before {*/
/*  content: "→";*/
/*}*/

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
/*.slick-next:before {*/
/*  content: "→";*/
/*}*/
/*[dir="rtl"] .slick-next:before {*/
/*  content: "←";*/
/*}*/

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: "•";
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}