@charset "UTF-8";
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Black.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-SemiBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraLight.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Thin.woff2) format('woff2');
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI',
    'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    sans-serif;
  -webkit-tap-highlight-color: transparent !important;
}
body {
  margin: 0;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-weight: 400;
  color: #24252e;
  scrollbar-gutter: stable;
}
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
div,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 600;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 600;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  cursor: pointer;
}
button a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.pointer {
  cursor: pointer !important;
}
figure {
  margin: 0;
}
img {
  border: 0;
  vertical-align: middle;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
}
.h1,
h1 {
  font-size: 32px;
}
.h2,
h2 {
  font-size: 28px;
}
.h3,
h3 {
  font-size: 24px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 14px;
}
.h6,
h6 {
  font-size: 12px;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
li {
  list-style: none;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.txt-divide {
  display: inline-block;
  margin: 0 6px;
  font-weight: 400;
}
/*폰트*/
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
/*정렬*/
.div-table {
  display: table;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
}
.div-table > div {
  display: table-cell;
}
/*간격*/
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-2 {
  line-height: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}

.float-l {
  float: left;
  position: relative;
}
.float-r {
  float: right;
  position: relative;
  /* overflow: hidden; */
  /* clear: both; */
}
.width-270 {
  width: 270px;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.p-6 {
  padding: 6px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.p-8 {
  padding: 8px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.p-10 {
  padding: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.p-16 {
  padding: 16px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.p-20 {
  padding: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.p-24 {
  padding: 24px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.p-30 {
  padding: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.p-100 {
  padding: 100px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.m-4 {
  margin: 4px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.m-5 {
  margin: 5px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.m-6 {
  margin: 6px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.m-8 {
  margin: 8px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.m-10 {
  margin: 10px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.m-12 {
  margin: 12px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.m-14 {
  margin: 14px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.m-15 {
  margin: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.m-20 {
  margin: 20px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.m-24 {
  margin: 24px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.m-30 {
  margin: 30px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.m-60 {
  margin: 60px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-min {
  min-width: min-content !important;
}
.min-w-max {
  min-width: max-content !important;
}
.min-w-fit {
  min-width: fit-content !important;
}
.min-w-0 {
  min-width: 0 !important;
}
.min-w-20 {
  min-width: 20px !important;
}
.min-w-100 {
  min-width: 100px !important;
}
.min-w-110 {
  min-width: 110px !important;
}
.min-w-120 {
  min-width: 120px !important;
}
.min-w-121 {
  min-width: 121px !important;
}
.min-w-150 {
  min-width: 150px !important;
}
.max-w-100 {
  max-width: 100px !important;
}
.max-w-110 {
  max-width: 110px !important;
}
.min-h-65 {
  min-height: 65px !important;
}
.min-h-700 {
  min-height: 700px !important;
}
.min-h-1000 {
  min-height: 1000px !important;
}
a.black {
  color: #192530 !important;
}
.gray {
  color: #a2a3ad !important;
}
.gray-dark {
  color: #727383 !important;
}
.orange {
  color: #f55e00 !important;
}
.blue {
  color: #3858cd !important;
}
.red {
  color: #ef5350 !important;
}
.white {
  color: #fff !important;
}
.blue-light {
  color: #2aaafe !important;
}
.modal-text-highlight {
  font-weight: 600;
  color: #3e6de3;
}
/*영역 구분*/
.section-bg {
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.section-bg .section-title {
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.section-bg.bg-gray-light {
  background-color: #f8f8f8;
}
.section-bg.dashed {
  border: 1px dashed transparent;
}
.section-bg.bg-gray {
  background-color: #f8f8f8;
}
.section-bg.bg-black {
  background-color: #3d3e56;
}
.section-bg.bg-outline {
  border-color: #d8dbdf;
  background-color: #fff;
}
.section-bg.bg-outline.lightgray {
  border-color: #eee;
  background-color: #fff;
}
.section-bg.r-4 {
  border-radius: 4px;
}
.section-bg.bg-outline.gray-light-50 {
  border-color: #b4b7ba;
  background-color: #fff;
}

.section-bg.bg-outline-blue {
  border-color: #2aaafe;
  background-color: rgba(42, 170, 254, 0.15);
}
.section-bg.bg-blue {
  background-color: rgba(42, 170, 254, 0.15);
}
.section-bg.bg-orange {
  background-color: rgba(250, 100, 0, 0.08);
}
/* Layout */
.container {
  position: relative;
  width: 100%;
}

.container.manage-library {
  position: relative;
  width: 100%;
  padding-top: 158px;
}
.container:after,
.container .inner:after {
  content: '';
  display: block;
  clear: both;
}
.container .inner {
  width: 1100px;
  margin: 40px auto 0 auto;
  position: relative;
}
.container .inner-1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.library-body {
  position: relative;
  width: 806px;
  vertical-align: top;
  float: right;
  margin-left: 40px;
}
.home-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-grow: 1;
  justify-content: space-between;
  gap: 0 20px;
  margin-top: 20px;
}
.home-grid-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px 0;
}
.manage-home-grid {
  display: grid;
  grid-template-columns: 724px 356px;
  gap: 20px;
  margin-top: 20px;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-start.rate-graph > div:nth-of-type(1) {
  width: 188px;
}
.flex-start.rate-graph > div:nth-of-type(2) {
  width: 852px;
}
.flex-row {
  display: flex;
  flex-flow: row;
}
.hidden {
  display: none !important;
}
.gap-60 {
  gap: 60px;
}
.static {
  position: static !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.fixed {
  position: fixed !important;
}
.sticky {
  position: sticky !important;
}

.button-module_storybook-button-LzrLQ {
  display: inline-flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  position: relative;
}
.button-module_storybook-button--primary-MOZko {
  color: var(--neu--00);
  background-color: var(--blg--800);
  border-color: var(--blg--800);
}
.button-module_storybook-button--primary-MOZko:hover {
  background-color: var(--blg--900);
  border-color: var(--blg--900);
}
.button-module_storybook-button--secondary-z8AA1 {
  color: var(--blg--900);
  background-color: #fff;
  border-color: var(--blg--50);
}
.button-module_storybook-button--secondary-z8AA1:hover {
  background-color: var(--blg--20);
}
.button-module_storybook-button--tertiary-L9QEA {
  color: var(--blg--900);
  background-color: var(--blg--20);
}
.button-module_storybook-button--tertiary-L9QEA:hover {
  background-color: var(--blg--40);
}
.button-module_storybook-button--destructive-V6pY5 {
  background-color: #de3535;
  color: #fff;
  border-color: #de3535;
}
.button-module_storybook-button--destructive-V6pY5:hover {
  background-color: #c62f2f;
  border-color: #c62f2f;
}
.button-module_storybook-button--ghost-xiexo {
  background-color: transparent;
  padding: 0 !important;
  color: #464858;
  font-weight: 400;
}
.button-module_storybook-button--ghost-xiexo:hover {
  text-decoration: underline;
}
.button-module_storybook-button--ghost-xiexo.button-module_disabled-M4IaZ:hover {
  text-decoration: none; /*버튼 비활성화 마우스 오버 텍스트 언더라인 제거 */
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--tiny-gmJZe {
  height: 19px;
  line-height: 19px;
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--xsmall-DDm3X {
  height: 20px;
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--small-dfarH {
  height: 21px;
  margin-right: 14px;
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--small-dfarH:last-child {
  margin-right: 0;
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--medium-Yb3GH {
  height: 23px;
  line-height: 23px;
}
.button-module_storybook-button--ghost-xiexo.button-module_storybook-button--large-FPrHC {
  height: 25px;
  line-height: 25px;
}
.button-module_storybook-button--ghost03-GSL_k {
  background-color: transparent;
  padding: 0 !important;
  color: #727383;
  font-weight: 400;
}
.button-module_storybook-button--ghost03-GSL_k:hover {
  text-decoration: underline;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--tiny-gmJZe {
  height: 19px;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--xsmall-DDm3X {
  height: 20px;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--small-dfarH {
  height: 21px;
  line-height: 21px;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--small-dfarH
  + .button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--small-dfarH {
  margin-left: 14px;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--medium-Yb3GH {
  height: 23px;
}
.button-module_storybook-button--ghost03-GSL_k.button-module_storybook-button--large-FPrHC {
  height: 25px;
}
.button-module_storybook-button--tiny-gmJZe {
  font-size: 12px;
  padding: 0 6px;
  height: 20px;
  border-radius: 4px;
}
.button-module_btn-label-eThLk {
  margin: 0 !important;
}
.button-module_storybook-button--tiny-gmJZe .button-module_btn-label-eThLk {
  padding: 0 1px;
}
.button-module_storybook-button--xsmall-DDm3X {
  font-size: 13px;
  padding: 0 8px;
  height: 26px;
  border-radius: 4px;
}
.button-module_storybook-button--xsmall-DDm3X .button-module_btn-label-eThLk {
  padding: 0 2px;
}
.button-module_storybook-button--small-dfarH {
  font-size: 14px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
}
.button-module_storybook-button--small-dfarH .button-module_btn-label-eThLk {
  padding: 0 3px;
}
.button-module_storybook-button--small-dfarH + .button-module_storybook-button--small-dfarH {
  margin-left: 8px;
}
.button-module_storybook-button--medium-Yb3GH {
  font-size: 15px;
  padding: 0 12px;
  height: 38px;
  border-radius: 6px;
}
.button-module_storybook-button--medium-Yb3GH .button-module_btn-label-eThLk {
  padding: 0 3px;
}
.button-module_storybook-button--medium-Yb3GH + .button-module_storybook-button--medium-Yb3GH {
  margin-left: 8px;
}
.button-module_storybook-button--large-FPrHC {
  font-size: 16px;
  padding: 0 14px;
  height: 44px;
  border-radius: 7px;
}
.button-module_storybook-button--large-FPrHC .button-module_btn-label-eThLk {
  padding: 0 4px;
}
.button-module_storybook-button--large-FPrHC + .button-module_storybook-button--large-FPrHC {
  margin-left: 8px;
}
.button-module_width-fix-jyXLi.button-module_storybook-button--tiny-gmJZe {
  padding: 0 16px;
}
.button-module_width-fix-jyXLi.button-module_storybook-button--small-dfarH {
  padding: 0;
  width: 84px;
}
.button-module_width-fix-jyXLi.button-module_storybook-button--medium-Yb3GH {
  padding: 0;
  width: 100px;
}
.button-module_width-fix-jyXLi.button-module_storybook-button--large-FPrHC {
  padding: 0;
  width: 130px;
}
.button-module_width-block-mMu4C.button-module_storybook-button-LzrLQ {
  display: block;
  width: 100%;
}
.button-module_disabled-M4IaZ.button-module_storybook-button--primary-MOZko {
  background-color: #535465;
  border-color: #535465;
  color: #a3a4ae;
  cursor: default;
}
.button-module_disabled-M4IaZ.button-module_storybook-button--secondary-z8AA1 {
  background-color: #ececee;
  border-color: #c1c2c7;
  color: #c1c2c7;
  cursor: default;
}
.button-module_disabled-M4IaZ.button-module_storybook-button--destructive-V6pY5 {
  background-color: #eb8484;
  color: #fff;
  border-color: #eb8484;
  cursor: default;
}
.button-module_disabled-M4IaZ.button-module_storybook-button--ghost-xiexo {
  color: #a3a4ae;
}
.button-module_disabled-M4IaZ.button-module_storybook-button--ghost03-GSL_k {
  color: #a3a4ae;
}
.button-module_icon-h16-HRgvt {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h16--Delete-bluegray400-qm2WZ {
  background-position: -286px -52px;
}
.button-module_icon-h16--Write-bluegray900-WFw2q {
  background-position: -182px -52px;
}
.button-module_icon-h16--Report-bluegray100-tY70P {
  background-position: -234px -52px;
}
.button-module_icon-h16--Report-bluegray900-gjB66 {
  background-position: -260px -52px;
}
.button-module_icon-h16--OrderChange-bluegray900-nKcQd {
  background-position: -390px -52px;
}
.button-module_icon-h16--Plus-bluegray900-x5hYg {
  background-position: 0 -26px;
}
.button-module_icon-h16--ImageAdd-bluegray900-Uwgx2 {
  background-position: -364px -52px;
}
.button-module_icon-h16--UpArrow-bluegray600-OKWNi {
  background-position: -468px -52px;
}
.button-module_icon-h16--UpArrow-bluegray600-disabled-r29s3 {
  background-position: -494px -52px;
}
.button-module_icon-h16--DownArrow-bluegray600-FsEgr {
  background-position: -520px -52px;
}
.button-module_icon-h16--DownArrow-bluegray600-disabled-MT8xZ {
  background-position: -546px -52px;
}
.button-module_icon-h16--Copy-bluegray600-ZYwMV {
  background-position: -572px -52px;
}
.button-module_icon-h16--Copy-bluegray600-disabled-LX64W {
  background-position: -598px -52px;
}
.button-module_icon-h16--Delete-bluegray600-gmBPq {
  background-position: -910px -52px;
}
.button-module_icon-h16--Delete-bluegray600-disabled-oYBqb {
  background-position: -936px -52px;
}
.button-module_icon-h16--ChevronDown-bluegray400-iNmYr {
  background-position: -26px -52px;
}
.button-module_icon-h16--ChevronUp-bluegray400-oUyZQ {
  background-position: -104px -52px;
}
.button-module_icon-h16-Excel-mPaXX {
  background-image: url(../../assets/images/221fda76536239d08d92.svg);
  background-size: 100%;
  background-position: 0 0;
  width: 18px;
}
.button-module_icon-h16--Caution-bluegray100-p1bqP {
  background-position: -104px -78px;
}
.button-module_icon-h16--Folder-bluegray300-c6W6Q {
  background-position: -26px -78px;
}
.button-module_icon-h16--Folder-bluegray900-F1E95 {
  background-position: -260px -78px;
}
.button-module_icon-h16--PreferDelete-wKgLg {
  background-position: -858px -52px;
}
.button-module_icon-h16--Folder-bluegray900-disabled-EwCZj {
  background-position: -0px -78px;
}
.button-module_icon-h16--PreferDelete-disabled-ScyA_ {
  background-position: -1014px -52px;
}
.button-module_icon-h16--EditOrder-qIafT {
  background-position: -884px -52px;
}
.button-module_icon-h16--CustomerSupport-bluegray900-SNnGb {
  background-position: -468px -104px;
}
.button-module_icon-h18-C51j2 {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h18--ImageAdd-bluegray900-yy8Un {
  background-position: -225px -56px;
}
.button-module_icon-h18--Plus-bluegray900-tRhid {
  background-position: 0 -28px;
}
.button-module_icon-h18--RefreshCircle-blg600-_yOfo {
  background-position: -28px 0;
}
.button-module_icon-18-Delete-bluegray300-At05F {
  background-position: -672px -56px;
}
.button-module_icon-h12-zhCLy {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.button-module_icon-h12--ChevronRight-bluegray900-d0jyM {
  background-position: -88px -44px;
}
.button-module_width-180-vxTiG {
  width: 180px !important;
}

.button-module_icon-h20-xccPE {
  width: 20px;
  height: 20px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h20--Write2-bluegray900-FA7VC {
  background-position: -420px -60px;
}
.button-module_icon-h20--WriteNoti-bluegray900-gHK6Y {
  background-position: -450px -60px;
}

.local-module_local-navigator-lSx6Y {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

.local-module_local-navigator-lSx6Y .local-module_popup-btn-V34B6 {
  height: 40px;
  padding: 10px;
  background-color: var(--blg--800);
  font-size: 12px;
  color: var(--neu--00);
  border-radius: 0 0 0 20px;
  cursor: pointer;
}

.local-module_local-navigator-lSx6Y .local-module_popup-KLR4W {
  position: fixed;
  right: 0;
  top: 40px;
  background-color: #f7f7f8;
  padding: 20px;
  border: 1px solid #d8dbdf;
  border-right: none;
  border-radius: 0 0 0 20px;
}

.searchbar-module_search-wrapper-xry6y {
  display: inline-block;
  position: relative;
}
.searchbar-module_searchbar-N9RwZ {
  display: inline-block;
  padding: 0 12px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  background-color: #f7f7f8;
  border: 1px solid #dfdfe2;
  position: relative;
  outline: none;
  box-sizing: border-box;
  width: 232px;
}
.searchbar-module_searchbar-N9RwZ.searchbar-module_gnb-search-BgFQy {
  border: 1px solid #24252e;
  background-color: #fff;
  padding-right: 53px;
}
.searchbar-module_searchbar-N9RwZ::placeholder {
  color: #a3a4ae;
  font-weight: 400;
}
.searchbar-module_searchbar--small-snpYX {
  font-size: 14px;
  padding: 0 29px 0 10px;
  height: 32px;
  border-radius: 4px;
}
.searchbar-module_searchbar--medium-1vwzj {
  font-size: 16px;
  padding: 0 32px 0 12px;
  height: 36px;
  border-radius: 6px;
}
.searchbar-module_searchbar--large-D1Pkk {
  font-size: 18px;
  padding: 0 34px 0 14px;
  height: 44px;
  border-radius: 8px;
}
.searchbar-module_width-block-HQKFe {
  display: block;
  width: 100%;
}
.searchbar-module_close-icon-UUATW {
  border: 0;
  background-color: transparent;
  display: inline-block;
  outline: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
.searchbar-module_close-icon-UUATW.searchbar-module_small-I9HpJ {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  right: 6px;
  top: 4px;
  bottom: 0;
}
.searchbar-module_close-icon-UUATW.searchbar-module_small-I9HpJ.searchbar-module_gnb-search-BgFQy {
  right: 30px;
}
.searchbar-module_close-icon-UUATW.searchbar-module_medium-KAID2 {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  right: 6px;
  top: 4px;
  bottom: 0;
}
.searchbar-module_close-icon-UUATW.searchbar-module_large-YPcbJ {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  background-position: -26px 4px;
  right: 6px;
  top: 8px;
  bottom: 0;
}
.searchbar-module_searchbar-N9RwZ:not(:valid) ~ .searchbar-module_close-icon-UUATW {
  display: none;
}
.searchbar-module_gnb-search-button-gXNDx {
  border: 0;
  background-color: transparent;
  display: inline-block;
  outline: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  background-position: -22px -22px;
  right: 6px;
  top: 4px;
  bottom: 0;
}

.footer-module_footer-ioUJO {
  position: relative;
  margin: 80px 0 0 0;
  width: 100%;
  clear: both;
  border-top: 1px solid #ececee;
}
.footer-module_notice-wrap-Acl0X {
  border-bottom: 1px solid #f7f7f8;
  padding: 20px 0;
}
.footer-module_notice-wrap-Acl0X > div {
  width: 1100px;
  display: flex;
  margin: 0 auto;
  gap: 8px;
  font-weight: 600;
  align-items: center;
  flex-flow: row;
}

.footer-module_notice-p2mHc {
  flex-basis: auto;
  flex-shrink: 0;
}

.footer-module_notice-p2mHc a {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-flow: row;
}

.footer-module_notice-ticker-quD5b {
  width: calc(1100px - 65px);
  height: 20px;
  overflow: hidden;
  display: flex;
}

.footer-module_notice-slide-du9rl {
  overflow: hidden;
}

.footer-module_notice-ticker-quD5b a {
  width: calc(1100px - 65px);
  color: #727383;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}

.footer-module_notice-ticker-quD5b a:hover {
  color: #727383;
  text-decoration: underline;
}

.footer-module_footer-wrap-oWXO5 {
  position: relative;
  padding: 30px 0 40px 0;
  width: 1100px;
  margin: 0 auto;
  clear: both;
}
.footer-module_footer-nav-vRM_a {
  position: relative;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.footer-module_footer-nav-vRM_a a {
  display: inline-block;
  color: #464858;
}
.footer-module_footer-nav-vRM_a a.footer-module_emphasis-Twin7 {
  font-weight: 600;
  color: #24252e;
}
.footer-module_divided-textline-pSIB_ {
  margin: 0;
  height: 10px;
  width: 1px;
  background-color: #c1c2c7;
}
.footer-module_txt-divide-HCpIA {
  display: inline-block;
  font-weight: 400;
  color: #c1c2c7;
  vertical-align: middle;
}
.footer-module_icon-h12-VSpuO {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-size: 188px 56px;
  background-repeat: no-repeat;
  display: inline-block;
}
.footer-module_icon-h12--ChevronRight-bluegray900-wMEVD {
  background-position: -88px -44px;
}
.footer-module_footer-info-wrap-ff0gJ {
  display: flex;
  flex-flow: column wrap;
  margin: 10px 0 0 0;
  gap: 20px;
}
.footer-module_footer-info-jDeHa {
  flex-flow: row wrap;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #888996;
}
.footer-module_footer-info-jDeHa a {
  color: #888996;
}
.footer-module_footer-info-jDeHa + .footer-module_footer-info-jDeHa {
  margin-top: 4px;
}
.footer-module_copyright-miTTR {
  color: #888996;
  font-size: 12px;
  flex-flow: column wrap;
  gap: 6px;
  display: flex;
}
.footer-module_footer-certification-IBT6F {
  position: absolute;
  top: 30px;
  right: 0;
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: center;
  gap: 16px;
}

.isms-module_isms_pop-I_qda {
    overflow: hidden;
    background: #fff;
    z-index: 101;
    text-align: center;
    border-radius: 8px;
    width: 446px;
    position: absolute;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
    box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    border: 1px solid rgba(0,0,0,0.3);
    padding: 0 0 10px 0;
    right: -17px;
    top: -264px;
}
.isms-module_isms_pop-I_qda .isms-module_pop_title-oYeJW {
    width: 100%;
    height: 50px;
    text-align: center;
    margin: 0!important;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.isms-module_isms_pop-I_qda p {
    margin: 15px auto!important;
    font-size: 14px;
    letter-spacing: -0.02em;
    width: 90%;
    line-height: 16px;
    text-align: center;
    color:#333;
}
.isms-module_pop_title-oYeJW .isms-module_btn-close-popup-oOM4A span:hover {
    background-position: -32px 0px;
}

.isms-module_pop_title-oYeJW .isms-module_btn-close-popup-oOM4A span {
    content: '';
    text-indent: -999px;
    background: url(//cdn1.munpia.com/assets/legacy/www/bullet_p/img/btn_close2.png?v1607396846?v1653972688) no-repeat;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    padding: 0;
}

.profile-module_profile-img-ZDGCN {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background-color: #d8dbdf;
  vertical-align: middle;
  border: 1px solid #d8dbdf;
  float: left;
}
.profile-module_profile-img--large-fo6FA {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 4px solid #fff;
}
.profile-module_profile-img--medium-WJXcr {
  width: 64px;
  height: 64px;
  border-radius: 32px;
}

.profile-module_profile-img--medium-small-Urnvr {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.profile-module_profile-img--small-s_7ox {
  width: 32px;
  height: 32px;
  border-radius: 19px;
}
.profile-module_profile-img--tiny-XbCqq {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.profile-module_profile-img-ZDGCN.profile-module_w-120-NMPV8.profile-module_blank-Zy66Z {
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8dbdf;
  text-align: center;
  vertical-align: middle;
}
.profile-module_profile-img-ZDGCN.profile-module_w-120-NMPV8.profile-module_blank-Zy66Z:before {
  content: '';
  width: 104px;
  height: 104px;
  top: 7px;
  left: 7px;
  position: absolute;
  border-radius: 6px;
  background-position: center;
  background-color: #f7f7f8;
}

.profile-module_profile-img-ZDGCN.profile-module_w-cover-rwPdn.profile-module_blank-Zy66Z {
  width: 100%;
  height: 93px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8dbdf;
  text-align: center;
  vertical-align: middle;
}
.profile-module_profile-img-ZDGCN.profile-module_w-cover-rwPdn.profile-module_blank-Zy66Z:before {
  content: '';
  width: 1064px;
  height: 77px;
  top: 7px;
  left: 7px;
  position: absolute;
  border-radius: 6px;
  background-position: center;
  background-color: #f7f7f8;
}

.profile-module_profile-img-ZDGCN.profile-module_w-120-NMPV8.profile-module_circle-vkNtX {
  border-radius: 60px;
}

.profile-module_profile-img-ZDGCN.profile-module_w-64-Yz1XF.profile-module_empty-qGaTP:before {
  content: '?';
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  line-height: 64px;
}
.profile-module_profile-img-ZDGCN.profile-module_w-32-F7mgX.profile-module_empty-qGaTP:before {
  content: '?';
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 32px;
}
.profile-module_profile-img-ZDGCN.profile-module_w-24-A6eyu.profile-module_empty-qGaTP:before {
  content: '?';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
}
.profile-module_profile-img-ZDGCN.profile-module_w-16-HVB42 {
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px;
}
.profile-module_profile-img-ZDGCN img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.badge-module_badge-G1lDM {
  display: inline-flex;
  padding: 0;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  position: relative;
  align-items: center;
}

.badge-module_badge--orange--filled-d3TFX {
  color: white;
  background-color: #f55e00;
  border-color: #f55e00;
}
.badge-module_badge--gray800--filled-OKu16 {
  color: white;
  background-color: #3d3e56;
  border-color: #3d3e56;
}
.badge-module_badge--mainblue--filled-UHNIB {
  color: white;
  background-color: #3e6de3;
  border-color: #3e6de3;
  border-radius: 3px !important;
}
.badge-module_badge--pri30--filled-Mz2Ke {
  color: #3e6de3;
  background-color: #ecf0fc;
  border-color: #ecf0fc;
  border-radius: 3px !important;
}
.badge-module_badge--gray100--filled-J9KzA {
  color: white;
  background-color: #a2a3ad;
  border-color: #a2a3ad;
}
.badge-module_badge--sky--filled-QFbWe {
  color: white;
  background-color: #0096e0;
  border-color: #0096e0;
}
.badge-module_badge--orange--outlined-mnMoq {
  color: #f55e00;
  background-color: #fff;
  border-color: #f55e00;
}
.badge-module_badge--gray800--outlined-tw62m {
  color: #3d3e56;
  background-color: #fff;
  border-color: #3d3e56;
}
.badge-module_badge--gray300--outlined-cYNPf {
  color: #727383;
  background-color: #fff;
  border-color: #a3a4ae;
}
.badge-module_badge--mainblue--outlined-Yx3y9 {
  color: #3858cd;
  background-color: #fff;
  border-color: #3858cd;
  border-radius: 3px !important;
}
.badge-module_badge--gray100--outlined-m9TX_ {
  color: #a2a3ad;
  background-color: #f0f0f5;
  border-color: #a2a3ad;
}
.badge-module_badge--sky--outlined-aO4wQ {
  color: #0096e0;
  background-color: #fff;
  border-color: #0096e0;
}
.badge-module_badge--green--outlined-JcEW5 {
  color: #12874d;
  background-color: #fff;
  border-color: #12874d;
}
.badge-module_badge--tiny-oQjda {
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 3px;
  font-size: 12px;
  font-weight: 600;
}
.badge-module_badge--small-Xxm6m {
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 12px;
}
.badge-module_badge--small-Xxm6m + .badge-module_badge--small-Xxm6m {
  margin-left: 2px;
}
.badge-module_badge--medium-JU5Rf {
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  font-size: 14px;
}
.badge-module_badge--large-aAjDu {
  height: 24px;
  line-height: 22px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 14px;
}

.badge-module_width-fix-DYp_4.badge-module_badge--tiny-oQjda {
  padding: 0;
  width: 18px;
}
.badge-module_width-fix-DYp_4.badge-module_badge--small-Xxm6m {
  padding: 0;
  width: 18px;
}
.badge-module_width-fix-DYp_4.badge-module_badge--medium-JU5Rf {
  padding: 0;
  width: 22px;
}
.badge-module_width-fix-DYp_4.badge-module_badge--large-aAjDu {
  padding: 0;
  width: 24px;
}

.bubbletutorialtooltip-module_bubble-tooltip-container-IcPnH .bubbletutorialtooltip-module_bubble-tooltip-WLSIC {
  background-color: #f5fcff;
  border-radius: 6px;
  padding: 16px 16px 16px 18px;
  --rt-opacity: 1;
  z-index: 3;
}

.tutorialtooltip-module_tooltip-jfNnV {
  display: flex;
  line-height: 22px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: space-between;
  gap:8px;
}
.tutorialtooltip-module_tooltip-jfNnV > div {
  font-size: 16px;
  white-space: pre-line;
  word-break: keep-all;
  flex: 1 0 0;
  font-weight: 400;
  color: #0096e0;
  max-width: 286px;
  min-width: 200px;
}
.tutorialtooltip-module_tooltip-jfNnV button {
  border: 0;
  background-color: transparent;
}
.tutorialtooltip-module_icon-h20-xTLgx {
  width: 20px;
  height: 20px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
}
.tutorialtooltip-module_icon-h20--Close-sky500-M1Cqv {
  background-position: -480px -60px;
}

.seriallymodal-module_serially-modal-wrap-tmEtq {
  display: flex;
  width: 380px;
  padding: 18px 13px 20px 24px;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid #ececee;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  top: -20px;
  right: 0;
  max-height: 416px;
}
.seriallymodal-module_serially-modal-header-ABGRT {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  color: #24252e;
  font-size: 18px;
  font-weight: 700;
}
.seriallymodal-module_serially-modal-header-ABGRT button {
  background-color: transparent;
  border: 0;
}
.seriallymodal-module_icon-h28-zd2eR {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/2566119d808726a3c1a7.svg);
  background-repeat: no-repeat;
  display: flex;
}
.seriallymodal-module_Icon-h28--Close-bluegray100-R2sSJ {
  background-position: -76px -38px;
}
.seriallymodal-module_serially-list-scroll-FCgHa {
  overflow-y: auto;
  height: 100%;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  padding-right: 18px;
}
.seriallymodal-module_serially-list-wrap-V43_0 {
  display: flex;
  gap: 10px;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.seriallymodal-module_serially-list-T6RDr {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  font-size: 14px;
  height: 22px;
}
.seriallymodal-module_serially-date-DVmUi {
  flex-shrink: 0;
  color: #727383;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
}
.seriallymodal-module_novel-title-wrap-MfLEq {
  line-height: normal;
  width: auto;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  align-items: center;
  gap: 6px;
}
.seriallymodal-module_novel-title-wXOpH {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: left;
  color: #24252e;
}
.seriallymodal-module_serially-badge-wrap-CeIkZ {
  white-space: nowrap;
  word-break: break-word;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
}
.seriallymodal-module_serially-badge-W0bNm {
  background-image: url(../../assets/images/b76dbad8cf4871263d8c.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-flex;
}
.seriallymodal-module_serially-badge-wrap-CeIkZ.seriallymodal-module_normal-vQF6_ .seriallymodal-module_serially-badge-W0bNm {
  background-position: 0 0;
  color: #1e4641;
  font-weight: 500;
}
.seriallymodal-module_serially-badge-wrap-CeIkZ.seriallymodal-module_hard-aA8RW .seriallymodal-module_serially-badge-W0bNm {
  background-position: -30px 0;
  color: #473db0;
  font-weight: 500;
}
.seriallymodal-module_serially-badge-wrap-CeIkZ.seriallymodal-module_superhard-IfYjt .seriallymodal-module_serially-badge-W0bNm {
  background-position: -60px 0;
  color: #7d1e1e;
  font-weight: 500;
}

.headernew-module_munpia-header-M9gzW {
  width: 100%;
  background-color: #fff;
}
.headernew-module_header-wrap-i0yNW {
  background-color: #fff;
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 50;
  top: 0;
  left: 0;
}
.headernew-module_gnb-wrap-HxZNv {
  position: relative;
  width: 1100px;
  margin: 0 auto 0 auto;
  height: 74px;
  display: flex;
  align-items: center;
}
.headernew-module_gnb-wrap-HxZNv h1 {
  margin: 0;
}
.headernew-module_gnb-wrap-HxZNv h1 a.headernew-module_logo-ci-dgKby {
  background-image: url('https://cdn1.munpia.com/v2/attachment/logo/munpia_logo.svg');
  background-size: 107px 30px;
  background-repeat: no-repeat;
  width: 107px;
  height: 30px;
  display: inline-block;
  margin: 4px 0 0 0;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-menu-yvQdL {
  margin-left: 20px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-library-info-FXBXc {
  color: #a3a4ae;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  gap: 3px;
  margin-left: 30px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-library-info-FXBXc span {
  color: #24252e;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-menu-yvQdL a {
  position: relative;
  display: inline-block;
  color: #a3a4ae;
  text-decoration: none;
  font-weight: 600;
  padding: 0 10px;
  background-color: transparent;
  border: 0;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-menu-yvQdL a + a {
  margin-left: 10px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-menu-yvQdL a:hover,
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-menu-yvQdL a.headernew-module_active-IjFST {
  color: #24252e;
}

.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-search-hllNs {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 7px 20px 0 0;
  float: right;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_search-area-rCjke {
  position: absolute;
  top: 16px;
  right: 80px;
  z-index: 10;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-search-hllNs a,
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-profile-LHUle a {
  display: block;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-search-hllNs a,
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-profile-LHUle.headernew-module_my-noti-FAM6g::before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  background-size: 100%;
  position: absolute;
  z-index: 10;
  left: 22px;
  top: 0;
}

.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-profile-LHUle {
  position: absolute;
  right: 0;
  top: 16px;
  width: 63px;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 11px;
  justify-content: flex-end;
  cursor: pointer;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-profile-LHUle .headernew-module_profile-img-GD0l6 {
  margin-left: 3px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-profile-LHUle .headernew-module_Down-TWbMe {
  position: absolute;
  right: 3px;
  top: 12px;
}
.headernew-module_gnb-wrap-HxZNv .headernew-module_gnb-login-F_Y6n {
  position: absolute;
  right: 0;
  top: 16px;
}
.headernew-module_snb-wrap-_cgaK {
  width: 100%;
  height: 43px;
}
.headernew-module_logo-ci-dgKby {
  width: 107px;
  height: 30px;
}
.headernew-module_nav-wrap-sjVjg {
  position: relative;
  border-bottom: 1px solid #d8dbdf;
}
.headernew-module_header-wrap-i0yNW + .headernew-module_nav-wrap-sjVjg,
.headernew-module_nav-wrap-sjVjg.headernew-module_fixed-CpVoW {
  position: fixed;
  width: 100%;
  top: 114px;
  left: 0;
  right: 0;
  z-index: 20; /*메뉴가 가리는 현상 수정*/
  background-color: #ffffff; /*메뉴가 가리는 현상 수정*/
}
.headernew-module_nav-area-pLgXd {
  width: 1100px;
  margin: 0 auto 0 auto;
  padding: 2px 0 15px;
  position: relative;
}

.headernew-module_nav-area-pLgXd ul {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 26px;
}
.headernew-module_nav-area-pLgXd ul li {
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
}
.headernew-module_nav-area-pLgXd ul li.headernew-module_lib-setting-aJeXG {
  position: absolute;
  right: 36px;
}
.headernew-module_nav-area-pLgXd ul li.headernew-module_lib-setting-aJeXG .headernew-module_Setting_bold-Pad_D {
  margin: 10px 2px 0 0;
}
.headernew-module_nav-area-pLgXd ul li button {
  position: relative;
  display: inline-block;
  color: #a2a3ad;
  text-decoration: none;
  font-weight: 500;
  padding: 0 10px 0 8px;
  background-color: transparent;
  border: 0;
}
.headernew-module_nav-area-pLgXd ul li button.headernew-module_noti-circle-IeROd::after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #f55e00;
  border-radius: 4px;
  right: 0;
  top: 0;
}
.headernew-module_nav-area-pLgXd ul li span {
  vertical-align: top;
  display: inline-block;
}
.headernew-module_nav-area-pLgXd ul li button:hover {
  color: #f55e00;
}
.headernew-module_nav-area-pLgXd ul li button.headernew-module_active-IjFST {
  color: #f55e00;
}
.headernew-module_nav_wrap-QkFlS {
  position: relative;
  border-bottom: 1px solid #d8dbdf;
  background-color: #fff;
  z-index: 9;
}
.headernew-module_nav-area-pLgXd .headernew-module_btn-setting-fiqdK {
  float: right;
  font-size: 18px;
  font-weight: 500;
  margin: 16px 0 0 0;
}
.headernew-module_nav-area-pLgXd .headernew-module_btn-setting-fiqdK i.headernew-module_icon-24-MFCjJ.headernew-module_Icon_24-Setting_bold-DVHWH {
  margin: 1px 0 0 0;
}
.headernew-module_nav-area-pLgXd ul li a:hover {
  color: #f55e00;
}
.headernew-module_nav-area-pLgXd ul li a.headernew-module_active-IjFST {
  color: #f55e00;
}
.headernew-module_sticky-QEA7W {
  position: fixed !important;
  top: 0;
  width: 100%;
}
.headernew-module_sticky-QEA7W + .headernew-module_container-FqWwI {
  padding-top: 63px;
}
.headernew-module_library-profile-area-h1vNl {
  max-width: 1920px;
  min-width: 1100px;
  margin: 114px auto 0 auto;
  height: 200px;
}
.headernew-module_inner-gr2lK {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.headernew-module_library-profile-info-yz17y {
  position: absolute;
  top: -50px;
}
.headernew-module_library-profile-munstar-RvObH {
  position: absolute;
  right: -9px;
  bottom: -7px;
}
.headernew-module_library-profile-txt-Tpa6d {
  position: absolute;
  height: 68px;
  top: 50px;
  left: 132px;
  width: 970px;
  display: flex;
  align-items: end;
}
.headernew-module_library-profile-txt-Tpa6d .headernew-module_txt-wrap-eWvg_ {
  flex: auto;
}
.headernew-module_library-profile-nick-UUxA9 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 0 0 6px 0;
}
.headernew-module_library-profile-word-E_asI {
  font-size: 16px;
  color: #727383;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 2px;
}
.headernew-module_library-profile-bg-jBCXL {
  position: relative;
  background-color: rgba(0, 0, 0, 0.02);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  width: 100%;
  height: 116px;
  overflow: hidden;
}
.headernew-module_library-profile-bg-jBCXL > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.headernew-module_badge-serially-HEl_o {
  background: url(../../assets/images/eead55c5ba6f1d03a60e.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 74px;
  height: 89px;
  flex-shrink: 0;
  cursor: pointer;
}
.headernew-module_badge-serially-HEl_o.headernew-module_normal-q10qL {
  background-position: -84px 0;
}
.headernew-module_badge-serially-HEl_o.headernew-module_normal-q10qL > div {
  padding-top: 51px;
  color: #a2d7e8;
}
.headernew-module_badge-serially-HEl_o.headernew-module_hard-wClhP {
  background-position: -168px 0;
}
.headernew-module_badge-serially-HEl_o.headernew-module_hard-wClhP > div {
  padding-top: 50px;
  color: #b2b9fa;
}
.headernew-module_badge-serially-HEl_o.headernew-module_superhard-TcQ1o {
  background-position: -252px 0;
}
.headernew-module_badge-serially-HEl_o.headernew-module_superhard-TcQ1o > div {
  padding-top: 51px;
  color: #ffac90;
}
.headernew-module_badge-serially-HEl_o > div {
  text-align: center;
  padding-top: 48px;
  color: #eeca81;
  font-size: 17px;
  font-weight: 700;
}
.headernew-module_icon-h12-Gm2je {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}
.headernew-module_icon-h12--Down-bluegray900-HZfQj {
  background-position: -22px 0;
}
.headernew-module_icon-h12--ChevronRight-bluegary600-udtDB {
  background-position: -110px -44px;
}
.headernew-module_icon-h12--Down-bluegray900-HZfQj.headernew-module_layer-on-Fml85 {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.headernew-module_icon-h24-rgIz4 {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/aedc9b3e98e3be8a97d8.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}
.headernew-module_icon-h24--Circle-Library-bluegray20-U9vFD {
  background-position: -68px -68px;
}
.headernew-module_icon-h24--Circle-GoldCharge-bluegray20-HXIwZ {
  background-position: 0 -68px;
}

.headernew-module_icon-h24--Circle-PurchaseList-bluegray20-eFSdf {
  background-position: -136px -68px;
}

.headernew-module_icon-h24--Circle-Mynovel-bluegray20-Mzkbn {
  background-position: -102px -68px;
}

.headernew-module_icon-h24--Circle-Notification-bluegray20-z_MlL {
  background-position: -170px -68px;
}

.headernew-module_icon-h24--Circle-Logout-bluegray20-s5eCN {
  background-position: -306px -68px;
}
.headernew-module_icon-h24--Avatar_24-b9_lJ {
  background-position: -646px -68px;
}
/*프로필 레이어*/
.headernew-module_login-my-wrap-ND0Qw {
  position: absolute; /*메뉴 위치가 변경되지 않게 변경*/
  right: -30px; /*react-tiny-popover 적용*/
  top: 10px; /*react-tiny-popover 적용*/
  z-index: 100;
  border-radius: 10px;
  border: 1px solid #ececee;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  width: 210px;
  padding: 4px 0;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.headernew-module_login-my-wrap-ND0Qw.headernew-module_manage-library-cqsM7 {
  top: 9px; /*서재관리 위치 보정*/
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-profile-wrap-o7Ztg {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.headernew-module_my-info-wrap-eJlOi {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: auto;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-word;
  background: none;
  border: 0;
  cursor: pointer;
}
.headernew-module_my-info-wrap-eJlOi:hover .headernew-module_my-nickname-i8JiX > div {
  text-decoration: underline;
}
.headernew-module_my-info-wrap-eJlOi span {
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex-basis: auto;
  flex-shrink: 0;
}
.headernew-module_my-nick-wrap-RTCG9 {
  display: flex;
  flex-direction: column;
}
.headernew-module_my-nickname-i8JiX {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.headernew-module_my-nickname-i8JiX > span {
  margin-left: 3px;
}
.headernew-module_my-nickname-i8JiX > div {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
.headernew-module_my-profile-select-xD52b .headernew-module_my-nickname-i8JiX > div {
  font-size: 15px;
}
.headernew-module_profile-select-wrap-Fi2fz {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 12px;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 6px;
}
.headernew-module_profile-select-wrap-Fi2fz .headernew-module_profile-title-A9PDL {
  color: #464858;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 2px 8px;
}
.headernew-module_my-profile-select-xD52b {
  display: flex;
  margin: 8px;
  align-items: center;
  gap: 6px;
  border: 0;
  background: none;
}
.headernew-module_new-profile-Cct7f {
  color: #727383;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  border: 0;
  background: none;
  font-size: 15px;
  border-radius: 6px;
  width: 100%;
}
.headernew-module_new-profile-Cct7f:hover {
  background-color: #f7f7f8;
}
.headernew-module_my-profile-select-xD52b:hover .headernew-module_my-nickname-i8JiX {
  text-decoration: underline;
  cursor: pointer;
}
.headernew-module_my-profile-select-xD52b span {
  flex-shrink: 0;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-profile-wrap-o7Ztg .headernew-module_my-id-oKVGZ {
  font-size: 12px;
  font-weight: normal;
  color: #a3a4ae;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: left;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ {
  border-top: 1px solid #ececee;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
  margin-top: 6px;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ a,
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #464858;
  font-size: 16px;
  padding-left: 20px;
  width: 100%;
  border: 0;
  background-color: transparent;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ a:hover,
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ button:hover {
  text-decoration: underline;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ .headernew-module_menu-gQvaF {
  position: relative;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ .headernew-module_menu-gQvaF.headernew-module_new-a9iHl:after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #f55e00;
  border-radius: 4px;
  right: -10px;
  top: 1px;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ li button:hover {
  text-decoration: underline;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ li button > span {
  margin: 0 5px 0 0;
}
.headernew-module_login-my-wrap-ND0Qw .headernew-module_my-menu-wrap-higwZ li .headernew-module_icon-24-MFCjJ {
  margin-right: 6px;
}
.headernew-module_library-move-VibZK {
  position: absolute;
  right: 0;
  top: 3px;
}
/* ticker */
.headernew-module_ticker-wrap-7_Sf5 {
  position: relative;
  padding-top: 40px;
  margin-bottom: 20px;
}
.headernew-module_ticker-area-vIwZf {
  width: 1100px;
  height: 42px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid var(--sec--sky--400);
  background: var(--sec--sky--10);
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-wrap-JPE3F {
  width: 985px;
  display: flex;
  align-items: center;
  height: 42px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-wrap-JPE3F .headernew-module_notice-txt-b1Lql {
  height: 42px;
  display: flex !important;
  align-items: center;
  text-overflow: ellipsis;
  white-space: pre;
  cursor: default;
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-length-HskNV {
  font-size: 13px;
  font-weight: 400;
  color: var(--blg--300);
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-controls-aPhyf {
  display: flex;
  align-items: center;
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-controls-aPhyf .headernew-module_btn-KX3Wm {
  width: 20px;
  height: 20px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--blg--50);
  cursor: pointer;
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-controls-aPhyf .headernew-module_btn-KX3Wm:hover {
  background: var(--blg--10);
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-controls-aPhyf .headernew-module_notice-prev-kwGwt {
  border-radius: 6px 0px 0px 6px;
}
.headernew-module_ticker-area-vIwZf .headernew-module_notice-controls-aPhyf .headernew-module_notice-next-j2chr {
  border-radius: 0px 6px 6px 0px;
  padding-top: 9px;
  padding-right: 9px;
  margin-left: -1px;
}

/*모달*/
.modalsmall-module_back_dim-dIc_y {
  position: fixed;
  inset: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden auto;
}
.modalsmall-module_div_table-Tfbu2 {
  display: table;
  height: 100%;
  margin: 0px auto;
}
.modalsmall-module_div_table_cell-N1Yh_ {
  display: table-cell;
  vertical-align: middle;
}
.modalsmall-module_layer-pop-AunwU {
  width: 380px;
  padding: 24px 0 30px 0;
  overflow: hidden;
  background-color: #fff;
  z-index: 1001;
  text-align: center;
  display: block;
  border-radius: 14px;
}
.modalsmall-module_layer-pop-AunwU.modalsmall-module_vertical-center-uv0PW {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modalsmall-module_layer-pop-AunwU.modalsmall-module_cover-select-F_oqi {
  width: 900px;
  /* height: 80%; */
  padding: 0;
  max-height: 685px;
  overflow: hidden;
  background-color: #fff;
  position: fixed;
  z-index: 1001;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.modalsmall-module_layer-pop-wrap-CvlNk {
  padding: 30px 40px 40px;
  height: 100%;
}
.modalsmall-module_layer-pop-title-tBkR3 {
  font-size: 18px;
  font-weight: 600;
  padding: 0 30px 10px 30px;
  line-height: 26px;
  white-space: pre-line;
}
.modalsmall-module_layer-pop-title-tBkR3 + .modalsmall-module_layer-pop-btn-tuMAD {
  padding-top: 14px;
}
.modalsmall-module_layer-pop-body-eCSK4 {
  padding: 0 30px;
  text-align: center;
  font-size: 16px;
  color: #464858 !important;
  overflow: hidden;
  word-break: break-all;
  white-space: pre-line;
}
.modalsmall-module_layer-pop-body-eCSK4.modalsmall-module_cover-box-nSk37 {
  height: calc(100% - 175px);
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
}
.modalsmall-module_layer-pop-body-eCSK4.modalsmall-module_cover-box-nSk37.modalsmall-module_step1-ZhFJk {
  height: calc(100% - 215px);
}
.modalsmall-module_layer-pop-body-eCSK4 .modalsmall-module_pop-input-nuKFe {
  text-align: left;
  display: block;
  width: 100%;
  display: table;
}
.modalsmall-module_layer-pop-body-eCSK4 .modalsmall-module_pop-input-nuKFe > div {
  display: table-cell;
  color: #464858;
}
.modalsmall-module_layer-pop-body-eCSK4 .modalsmall-module_pop-input-nuKFe .modalsmall-module_index-py3OB {
  width: 88px;
}
.modalsmall-module_layer-pop-body-eCSK4 > .modalsmall-module_pop-input-nuKFe + .modalsmall-module_pop-input-nuKFe {
  margin-top: 10px;
}
.modalsmall-module_layer-pop-body-eCSK4 .modalsmall-module_text-input-BtgXW.modalsmall-module_h-36-gbD1l {
  width: 100%;
}
.modalsmall-module_layer-pop-btn-tuMAD {
  padding: 24px 30px 0 30px;
  display: -webkit-flex;
  display: flex;
}
.modalsmall-module_pop-input-nuKFe .modalsmall-module_index-py3OB {
  width: 92px;
}
.modalsmall-module_pop-input-nuKFe > div {
  display: table-cell;
}
.modalsmall-module_pop-input-nuKFe + .modalsmall-module_pop-input-nuKFe {
  margin-top: 16px;
}
.modalsmall-module_pop-input-nuKFe > div > span {
  font-weight: 600;
  color: #3e6de3;
}
.modalsmall-module_emphasis-ILNMI {
  font-weight: 600;
  color: #3e6de3;
}
.modalsmall-module_pop-input-nuKFe.modalsmall-module_radio-TGH9y + .modalsmall-module_radio-TGH9y {
  margin-top: 10px;
}
.modalsmall-module_pop-input-subtext-pHDca {
  font-size: 13px;
  color: #464858;
  padding-left: 24px;
  margin-top: 4px;
  line-height: 18px;
}
.modalsmall-module_text-center-yW_zT {
  text-align: center;
}
.modalsmall-module_icon-h48-ZXVWX {
  width: 48px;
  height: 48px;
  background-image: url(../../assets/images/1f24796d0498607fdef1.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.modalsmall-module_icon-h20--Delete-red-ies7y {
  background-position: -58px 0;
}
.modalsmall-module_icon-h20--Block-red-NDQ8n {
  background-position: -174px 0;
}
.modalsmall-module_icon-area-E6F67 {
  margin-bottom: 16px;
  height: 48px;
}
.modalsmall-module_caution-text-w4DMu {
  color: #de3535;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.modalsmall-module_report-text-ia1fR {
  color: #727383;
  font-size: 14px;
  margin: 10px 0 20px 0;
}
.modalsmall-module_pb-10-RxZNM {
  padding-bottom: 10px !important;
}
.modalsmall-module_pt-10-AYfrQ {
  padding-top: 10px !important;
}
.modalsmall-module_mb-10-z6WdY {
  margin-bottom: 10px !important;
}
.modalsmall-module_mt-10-N7HIv {
  margin-top: 10px !important;
}
.modalsmall-module_report-select-uzYxI li:last-child {
  padding: 0;
}
.modalsmall-module_report-select-uzYxI li {
  text-align: left;
  padding: 0 0 10px 0;
}
.modalsmall-module_report-select-uzYxI li span {
  font-size: 15px !important;
}
.modalsmall-module_layer-pop-box-X50ZO {
  border-radius: 8px;
  background-color: #f7f7f8;
  padding: 14px 18px 16px 18px;
}
.modalsmall-module_layer-pop-box-X50ZO .modalsmall-module_box-list-yHQ28 {
  display: flex;
  flex-flow: column wrap;
  gap: 4px;
  font-size: 15px;
}
.modalsmall-module_layer-pop-box-X50ZO .modalsmall-module_box-list-yHQ28 li {
  font-size: 14px;
  text-align: left;
  color: #727383;
  padding-left: 20px;
  position: relative;
}
.modalsmall-module_layer-pop-box-X50ZO .modalsmall-module_box-list-yHQ28 li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #727383;
  position: absolute;
  top: 8px;
  left: 8px;
}
.modalsmall-module_layer-pop-box-X50ZO .modalsmall-module_box-list-sum-xSJ7m {
  display: flex;
  flex-flow: column wrap;
  gap: 2px;
  font-weight: 500;
  font-size: 16px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #dfdfe2;
  color: #464858;
}
.modalsmall-module_layer-pop-box-X50ZO > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalsmall-module_font-500-WWPn3 {
  font-weight: 500;
}
.modalsmall-module_font-16-gnQs3 {
  font-size: 16px;
}
.modalsmall-module_info-text-YLuVQ {
  font-size: 14px;
  color: #727383;
  margin-top: 6px;
}
.modalsmall-module_layer-pop-text-flex-joiJZ {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.modalsmall-module_report-select-uzYxI textarea {
  height: 104px !important;
}
.modalsmall-module_help-text-oweOD {
  text-align: left;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_large-Vyqwx {
  font-size: 13px;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_small-UsyfU,
.modalsmall-module_help-text-oweOD.modalsmall-module_medium-Z9Ry0 {
  font-size: 13px;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_small-UsyfU.modalsmall-module_warning-YKiSW,
.modalsmall-module_help-text-oweOD.modalsmall-module_medium-Z9Ry0.modalsmall-module_warning-YKiSW {
  margin: 6px 0 0 2px;
  color: #e4780c;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_small-UsyfU.modalsmall-module_success-iBqMN,
.modalsmall-module_help-text-oweOD.modalsmall-module_medium-Z9Ry0.modalsmall-module_success-iBqMN {
  margin: 6px 0 0 2px;
  color: #00a300;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_small-UsyfU.modalsmall-module_infomative-rt7KC,
.modalsmall-module_help-text-oweOD.modalsmall-module_medium-Z9Ry0.modalsmall-module_infomative-rt7KC {
  margin: 6px 0 0 2px;
  color: #3198f2;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_small-UsyfU.modalsmall-module_negative-S9SbE,
.modalsmall-module_help-text-oweOD.modalsmall-module_medium-Z9Ry0.modalsmall-module_negative-S9SbE {
  margin: 6px 0 0 2px;
  color: #de3535;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_large-Vyqwx.modalsmall-module_warning-YKiSW {
  margin: 8px 0 0 2px;
  color: #e4780c;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_large-Vyqwx.modalsmall-module_success-iBqMN {
  margin: 8px 0 0 2px;
  color: #00a300;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_large-Vyqwx.modalsmall-module_infomative-rt7KC {
  margin: 8px 0 0 2px;
  color: #3198f2;
}

.modalsmall-module_help-text-oweOD.modalsmall-module_large-Vyqwx.modalsmall-module_negative-S9SbE {
  margin: 8px 0 0 2px;
  color: #de3535;
}

/*모달*/
.toastmassage-module_toast-massage-CXeb7.toastmassage-module_vertical-center-B8ddj {
  /*position: fixed;*/ /*react hot toast에서 설정하는 css와 충돌되어 비활성화*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*-webkit-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
  /*-moz-transform: translate(-50%, -50%);*/
  /*-o-transform: translate(-50%, -50%);*/
  /*transform: translate(-50%, -50%);*/ /*react hot toast에서 설정하는 css와 충돌되어 비활성화*/
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #24252e;
  /*z-index: 1002;*/ /*react hot toast에서 설정하는 css와 충돌되어 비활성화*/
}
.toastmassage-module_back_dim-klF1R {
  position: fixed;
  inset: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden auto;
}
.toastmassage-module_spiner-20-OJHOU {
  width: 20px;
  height: 20px;
  background-image: url(../../assets/images/4a6526bbf59d6b782611.png);
  background-size: 20px 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  -webkit-animation: toastmassage-module_load3-zyDJy 1.4s infinite linear;
  animation: toastmassage-module_load3-zyDJy 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: inline-block;
  vertical-align: top;
  margin: 1px 10px 0 0;
}
@-webkit-keyframes toastmassage-module_load3-zyDJy {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes toastmassage-module_load3-zyDJy {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*모달*/
.toastmassage-module_toast-massage-EuuAW.toastmassage-module_vertical-center-YrC1m {
  position: fixed;
  bottom: 24px;
  left: 50%;
  z-index: 1002;
  transform: translateX(-50%);
  width: max-content;
  max-width: 320px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;
  background: var(--bg--opa--bk--rgba--always-90);
  color: var(--txt--neu--always-10);
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.errorpage-module_error-page-wrap-YCP2R {
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
}
.errorpage-module_error-page-JijSU {
  display: flex;
  flex: 1 0 auto;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.errorpage-module_error-info-vKjp8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.errorpage-module_error-img-n4k7U {
  width: 72px;
  height: 72px;
  background: url(../../assets/images/a0c318d1d70c6020ab7c.svg);
  background-repeat: no-repeat;
}
.errorpage-module_error-text-RZLLD {
  color: #24252e;
  font-size: 20px;
  font-weight: 500;
}
.errorpage-module_error-text-RZLLD.errorpage-module_small-xV93Z {
  color: #727383;
  font-size: 15px;
  font-weight: 400;
}
.errorpage-module_error-text-RZLLD + .errorpage-module_small-xV93Z {
  margin-top: 8px;
}

.tab-module_tab-bar-wYa0r {
  border-bottom: 1px solid #d7dadf;
  height: 37px;
  position: relative;
  overflow: hidden;
  margin: 20px 0 16px 0;
}
.tab-module_tab-bar-wYa0r .tab-module_btn-more-dPqZn {
  top: 5px;
  right: 0;
}
.tab-module_tab-bar-wYa0r.tab-module_no-line-rZbKE {
  border-bottom: 0;
  height: 39px;
}
.tab-module_tab-bar-wYa0r ul {
  width: auto;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
}
.tab-module_tab-bar-wYa0r ul li {
  float: left;
  margin: 0 27px 0 0;
  display: block;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.tab-module_tab-bar-wYa0r ul li a {
  cursor: pointer;
  position: relative;
  padding: 0 1px;
  display: inline-block;
  color: #24252e;
  text-decoration: none;
  font-weight: 500;
}
.tab-module_tab-bar-wYa0r ul li a > .tab-module_gray-dark-g9EMj {
  font-weight: 400;
  color: #727383;
}
.tab-module_tab-bar-wYa0r ul li a:hover:before,
.tab-module_tab-bar-wYa0r ul li a.tab-module_active-kvAiI:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 4px;
  padding: 0 2px;
  background-color: #24252e;
  z-index: 2;
  display: block;
}

.tab-module_tab-bar-wYa0r ul li span {
  padding: 1px 0 10px 0;
  vertical-align: top;
  display: inline-block;
}
.tab-module_tab-bar-wYa0r.tab-module_no-line-rZbKE ul li span {
  padding: 0 0 10px 0;
}
.tab-module_tab-bar-wYa0r ul li a .tab-module_tab-menu-ldHim {
  margin: 0;
}
.tab-module_tab-bar-wYa0r ul li a.tab-module_active-kvAiI .tab-module_tab-menu-ldHim {
  font-weight: 600;
}
.tab-module_ml-4-AkurI {
  margin-left: 4px;
}
.tab-module_icon-h16-JjRTp {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);

  background-repeat: no-repeat;
  display: inline-block;
}
.tab-module_icon-h16--Fixed_New-Ggd6j {
  background-position: 0 -130px;
  margin-left: 5px;
  margin-top: 6px;
}
.tab-module_icon-h16--Fixed_Up-C4pKz {
  background-position: -26px -130px;
  margin-left: 5px;
  margin-top: 6px;
}
.tab-module_right-area-hyq3E {
  position: absolute;
  right: 0;
  top: 4px;
}

.viewmorebuttonhorizon-module_view-more-fZ_Su {
  color: #727383;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.viewmorebuttonhorizon-module_view-more-fZ_Su:hover {
  color: #727383;
}
.viewmorebuttonhorizon-module_icon-h12-qkj7j {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 2px;
}
.viewmorebuttonhorizon-module_icon-h12--ChevronRight-bluegray300-trj3A {
  background-position: -88px -44px;
}

/*작품 정렬*/
.homemynovellist-module_top-books-area-M4iWm {
  width: 1100px;
  box-sizing: border-box;
  margin-top: 16px;
  margin-bottom: 24px;
}
.homemynovellist-module_top-books-area-M4iWm ul {
  display: grid;
  grid-template-columns: repeat(7, 146px);
  gap: 20px 13px;
}
.homemynovellist-module_top-books-area-M4iWm li button {
  background-color: transparent;
  border: 0;
  text-align: left;
}
.homemynovellist-module_new-novel-btn-SXNEg {
  width: 146px;
  height: 208px;
  box-sizing: border-box;
  border: 1px dashed #c1c2c7;
  background-color: #f7f7f8;
  border-radius: 6px;
  color: #727383;
  font-size: 16px;
  text-align: center;
}
.homemynovellist-module_addnovel-QZuUH {
  margin-top: 72px;
}
.homemynovellist-module_new-novel-btn-SXNEg .homemynovellist-module_icon-plus-YQxZa {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2718%27 cy=%2718%27 r=%2714%27 fill=%27%23A3A4AE%27 stroke=%27%23A3A4AE%27 stroke-width=%272%27/%3E%3Cpath d=%27M18 25V11%27 stroke=%27white%27 stroke-width=%272%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 18H25%27 stroke=%27white%27 stroke-width=%272%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}
.homemynovellist-module_book-cover-jgmzx {
  width: 100%;
}
.homemynovellist-module_divided-textline-j5Cbi {
  margin: 0 6px -1px 6px;
  height: 10px;
  width: 1px;
  background-color: #c1c2c7;
  display: inline-block;
}
.homemynovellist-module_novel-genre-vsmBB {
  font-size: 12px;
  color: #a2a3ad;
  font-weight: 600;
  margin-top: 9px;
}
.homemynovellist-module_novel-genre-vsmBB .homemynovellist-module_novel-status-YsBTs.homemynovellist-module_ing-cLpmF {
  color: #3e6de3;
}
.homemynovellist-module_novel-genre-vsmBB .homemynovellist-module_novel-status-YsBTs.homemynovellist-module_complete-zyD0Q {
  color: #24252e;
}
.homemynovellist-module_novel-genre-vsmBB .homemynovellist-module_novel-status-YsBTs.homemynovellist-module_private-nRE1O {
  color: #a3a4ae;
}
.homemynovellist-module_novel-title-efH3a {
  font-size: 16px;
  color: #24252e;
  font-weight: 500;
  margin-top: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
  width: auto;
  word-wrap: break-word;
  word-break: break-word;
}
.homemynovellist-module_novel-title-efH3a span {
  margin: -1px 4px 3px 0;
}
.homemynovellist-module_text-ellipsis-LcPFp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.homemynovellist-module_novel-author-_oELQ {
  font-size: 14px;
  color: #727383;
  font-weight: 500;
}
.homemynovellist-module_novel-etc-rUTFK {
  font-size: 14px;
  color: #727383;
  font-weight: 400;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.homemynovellist-module_novel-etc-rUTFK .homemynovellist-module_total-RgycS,
.homemynovellist-module_novel-etc-rUTFK .homemynovellist-module_prefer-_20ne {
  align-items: center;
  display: flex;
  gap: 4px;
}
.homemynovellist-module_novel-etc-rUTFK .homemynovellist-module_total-RgycS:before {
  content: '';
  position: relative;
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-position: -22px -44px;
  display: inline-block;
}
.homemynovellist-module_novel-etc-rUTFK .homemynovellist-module_prefer-_20ne:before {
  content: '';
  position: relative;
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-position: -66px -44px;
  display: inline-block;
}
/* 비공개처리 */
.homemynovellist-module_book-cover-jgmzx.homemynovellist-module_private-nRE1O img {
  opacity: 0.6;
}
.homemynovellist-module_book-cover-jgmzx.homemynovellist-module_private-nRE1O .homemynovellist-module_novel-title-efH3a {
  color: #727383;
}
.homemynovellist-module_icon-h18-ayOZv {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.homemynovellist-module_icon-h18--RoundedBox-Fill-Up-trko_ {
  background-position: -904px -84px;
  width: 24px;
}
.homemynovellist-module_icon-h18--RoundedBox-Fill-NovelEnd-d_oqP {
  width: 29px;
  background-position: -476px -84px;
}
.homemynovellist-module_icon-h18--RoundedBox-Fill-NovelRest-CJDQr {
  width: 29px;
  background-position: -515px -84px;
}
.homemynovellist-module_icon-h18--RoundedBox-Fill-Private-KzuJN {
  width: 40px;
  background-position: -854px -84px;
}

.bookcover-module_bookcover-wrap-jnApk {
  position: relative;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background-color: #dfdfe2;
  border: 1px solid #dfdfe2;
}
.bookcover-module_bookcover-wrap-jnApk.bookcover-module_private-_wYY3 img {
  opacity: 0.6;
}
.bookcover-module_bookcover-wrap-jnApk.bookcover-module_private-_wYY3 {
  background-color: #535465;
}
.bookcover-module_bookcover-wrap-jnApk img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s cubic-bezier(0.15, 0, 0.2, 1);
}
.bookcover-module_bookcover-wrap-jnApk:hover img {
  transform: scale(1.04);
}
.bookcover-module_bookcover-wrap-jnApk.bookcover-module_private-_wYY3:hover img {
  transform: none;
}
.bookcover-module_bookcover--x-tiny-O5fvd {
  width: 48px;
  height: 68px;
  float: left;
  border-radius: 4px;
}
.bookcover-module_bookcover--tiny-hCUMS {
  width: 57px;
  height: 81px;
  float: left;
  border-radius: 4px;
}
.bookcover-module_bookcover--small-IELPX {
  width: 92px;
  height: 130px;
}
.bookcover-module_bookcover--medium-c7Mpj {
  width: 116px;
  height: 164px;
}
.bookcover-module_bookcover--large-PWE7h {
  width: 146px;
  height: 208px;
}
.bookcover-module_bookcover--x-large-Ao8uZ {
  width: 192px;
  height: 274px;
  border-radius: 8px;
}
.bookcover-module_bookcover--x-large-Ao8uZ.bookcover-module_blank-FhGmu {
  box-sizing: border-box;
  border: 1px dashed #c1c2c7;
  background-color: #f7f7f8;
  border-radius: 6px;
  color: #727383;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.bookcover-module_icon-plus-VItRs {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2718%27 cy=%2718%27 r=%2714%27 fill=%27%23A3A4AE%27 stroke=%27%23A3A4AE%27 stroke-width=%272%27/%3E%3Cpath d=%27M18 25V11%27 stroke=%27white%27 stroke-width=%272%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 18H25%27 stroke=%27white%27 stroke-width=%272%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}
.bookcover-module_icon-h14-AT8YR {
  width: 14px;
  height: 14px;
  background-image: url(../../assets/images/b5612a656330b3e7e254.svg);
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 !important;
}
.bookcover-module_icon-h14--RoundedBox-Fill-Private-e9nUR {
  background-position: 0 -72px;
  bottom: 4px;
  left: 4px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_icon-h14--Circle-FillLine-Aged19-g50ge {
  background-position: -24px -72px;
  top: 4px;
  right: 4px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_icon-h16-wrwon {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 !important;
}
.bookcover-module_icon-h16--RoundedBox-Fill-Private-FuATD {
  background-position: -52px -130px;
  bottom: 6px;
  left: 6px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_icon-h16--Circle-FillLine-Aged19-OMt5X {
  background-position: -298px -130px;
  top: 6px;
  right: 6px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_icon-h18-EcRzI {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  margin: 0 !important;
  display: inline-block;
}
.bookcover-module_icon-h18--RoundedBox-Fill-Private-S9MSa {
  background-position: -56px -84px;
  bottom: 6px;
  left: 6px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_icon-h18--Circle-FillLine-Aged19-Q2HiI {
  background-position: -687px -84px;
  top: 6px;
  right: 6px;
  position: absolute;
  z-index: 1;
}
.bookcover-module_badge-area-HvzFF {
  position: absolute;
  left: 6px;
  top: 6px;
}

.bookcoverbadge-module_bookcover-badge-W4woG {
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  gap: 2px;
}
.bookcoverbadge-module_icon-h18-fGmFb {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.bookcoverbadge-module_icon-h18--RoundedBox-Fill-Contest-cSbaB {
  width: 40px;
  background-position: -715px -84px;
}

.bookcoverbadge-module_icon-h18--RoundedBox-Fill-Rent-R7gc7 {
  width: 29px;
  background-position: -765px -84px;
}
.bookcoverbadge-module_icon-h18--RoundedBox-Fill-Event-sY1MO {
  width: 40px;
  background-position: -804px -84px;
}

.pagination-module_pagination-eh3yk {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-top: 20px;
  height: 52px;
}
.pagination-module_pagination-eh3yk button.pagination-module_page-num-VFUJa {
  background-color: transparent;
  border: 0;
  margin: 4px 9px 5px 9px;
  padding: 0 1px;
  font-size: 16px;
  color: #a3a4ae;
  border-bottom: 2px solid transparent;
}
.pagination-module_pagination-eh3yk button.pagination-module_page-num-VFUJa:hover {
  color: #24252e;
}
.pagination-module_pagination-eh3yk button.pagination-module_page-num-VFUJa + button {
  margin-left: 13px;
}
.pagination-module_pagination-eh3yk button.pagination-module_page-num-VFUJa.pagination-module_active-Brkac {
  font-weight: 600;
  color: #24252e;
  border-color: #24252e;
}
.pagination-module_pagination-eh3yk .pagination-module_btn-outline-G8_D7 {
  width: 30px;
  height: 30px;
  padding: 3px 0 0 0;
}
.pagination-module_pagination-eh3yk .pagination-module_btn-ghost-iK0vr {
  width: 30px;
  height: 30px;
  padding: 3px 0 0 0;
}
.pagination-module_pagination-eh3yk .pagination-module_icon-16-xPbSq {
  margin: 3px 0;
}
.pagination-module_right-area-nrwai {
  position: absolute;
  right: 0;
  bottom: 0;
}

.icons-module_icon-h28-I2yyu {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/2566119d808726a3c1a7.svg);

  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h28--Complete-neutral00-xr9wy {
  background-position: 0 0;
}
.icons-module_icon-h28--Close-bluegray900-jY_qX {
  background-position: -38px 0;
}
.icons-module_icon-h28--Close-bluegray100-L5ewn {
  background-position: -38px -38px;
}

.icons-module_icon-h24-ePeB4 {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/db8d8a87430cd7038860.svg);

  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h24--CloseCircle-bluegray800-mBeD2 {
  background-position: 0 0;
}
.icons-module_icon-h24--Profile-neutral00-GBMPo {
  background-position: -34px 0;
}
.icons-module_icon-h24--ChevronLeft-bluegray900-HgMKJ {
  background-position: 0 -34px;
}
.icons-module_icon-h24--ListOrder-bluegray100-gALih {
  background-position: -34px -34px;
}
.icons-module_icon-h24--ImageAdd-bluegray900-VPepz {
  background-position: -68px -34px;
}
.icons-module_icon-h24--GoldCharge-bluegray20-Tkafm {
  background-position: 0 -68px;
}
.icons-module_icon-h24--PreferList-bluegray20-ahyQd {
  background-position: -34px -68px;
}
.icons-module_icon-h24--Library-bluegray20-fWgSb {
  background-position: -68px -68px;
}
.icons-module_icon-h24--Mynovel-bluegray20-mMCK0 {
  background-position: -102px -68px;
}
.icons-module_icon-h24--PurchaseList-bluegray20-jRsmC {
  background-position: -136px -68px;
}
.icons-module_icon-h24--Notification-bluegray20-rJ3zx {
  background-position: -170px -68px;
}
.icons-module_icon-h24--Gift-bluegray20-_PgkF {
  background-position: -204px -68px;
}
.icons-module_icon-h24--CustomerSupport-bluegray20-zCJtQ {
  background-position: -238px -68px;
}
.icons-module_icon-h24--Login-bluegray20-dMItN {
  background-position: -272px -68px;
}
.icons-module_icon-h24--Logout-bluegray20-qirnX {
  background-position: -306px -68px;
}
.icons-module_icon-h24--Notice-bluegray20-Eld1Z {
  background-position: -340px -68px;
}
.icons-module_icon-h24--Reservation-bluegray20-EWf1I {
  background-position: -374px -68px;
}
.icons-module_icon-h24--Event-bluegray20-lTXSV {
  background-position: -408px -68px;
}
.icons-module_icon-h24--Edit-bluegray20-YdxJB {
  background-position: -442px -68px;
}
.icons-module_icon-h24--Comment-bluegray20-SVHRS {
  background-position: -476px -68px;
}
.icons-module_icon-h24--BookmarkList-bluegray20-yVmoz {
  background-position: -510px -68px;
}
.icons-module_icon-h24--ChevronRight-bluegray20-C0dkA {
  background-position: -544px -68px;
}
.icons-module_icon-h24--ChevronLeft-bluegray20-p4_S9 {
  background-position: -578px -68px;
}
.icons-module_icon-h24--ChevronRight-bluegray40-nrCXR {
  background-position: -612px -68px;
}

.icons-module_icon-h20-_vNNy {
  width: 20px;
  height: 20px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h20--CloseCircle-bluegray800-ufRNV {
  background-position: 0 0;
}
.icons-module_icon-h20--CloseCircle-bluegray50-crLbA {
  background-position: -30px 0;
}
.icons-module_icon-h20--Private-neutral00-kFAek {
  background-position: -60px 0;
}
.icons-module_icon-h20--More-bluegray100-OCkSl {
  background-position: -90px 0;
}
.icons-module_icon-h20--Plus-neutral00-cBAgY {
  background-position: -63px -30px;
}
.icons-module_icon-h20--PreferList-bluegray900-RBfDH {
  background-position: 0 -60px;
}
.icons-module_icon-h20--PreferDelete-bluegray900-ujLPd {
  background-position: -30px -60px;
}
.icons-module_icon-h20--Folder-bluegray100-TCagS {
  background-position: -60px -60px;
}
.icons-module_icon-h20--ListOrder-bluegray100-Fbkdu {
  background-position: -90px -60px;
}
.icons-module_icon-h20--Setting-bluegray100-rSyRl {
  background-position: -120px -60px;
}
.icons-module_icon-h20--AlignLeftOn-bluegray900-FwDLX {
  background-position: -150px -60px;
}
.icons-module_icon-h20--AlignLeft-bluegray100-GVn5t {
  background-position: -180px -60px;
}
.icons-module_icon-h20--AlignCenterOn-bluegray900-c4KoT {
  background-position: -210px -60px;
}
.icons-module_icon-h20--AlignCenter-bluegray100-cgAav {
  background-position: -240px -60px;
}
.icons-module_icon-h20--AlignRightOn-bluegray900-gF4qs {
  background-position: -270px -60px;
}
.icons-module_icon-h20--AlignRight-bluegray100-zQazp {
  background-position: -300px -60px;
}
.icons-module_icon-h20--Delete-bluegray100-_jdQ5 {
  background-position: -330px -60px;
}
.icons-module_icon-h20--Bookmark-bluegray100-_LflJ {
  background-position: -360px -60px;
}
.icons-module_icon-h20--BookmarkOn-mainblue-HUGVH {
  background-position: -390px -60px;
}
.icons-module_icon-h20--Image-bluegray900-zgvHf {
  background-position: 0 -90px;
}
.icons-module_icon-h20--Calender-bluegray900-xoJ8n {
  background-position: -30px -90px;
}
.icons-module_icon-h20--Caution-bluegray100-Y_Civ {
  background-position: -60px -90px;
}
.icons-module_icon-h20--Caution-Negative-TRN5y {
  background-position: -90px -90px;
}
.icons-module_icon-h20--Info-Informative-GZRUc {
  background-position: -120px -90px;
}
.icons-module_icon-h20--Warnning-Caution-lWQJ8 {
  background-position: -150px -90px;
}
.icons-module_icon-h20--Positive-Positive-TKKhl {
  background-position: -180px -90px;
}

.icons-module_icon-h18-i9lyl {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h18--CloseCircle-bluegray50-Agvt5 {
  background-position: 0 0;
}
.icons-module_icon-h18--Plus-bluegray900-jkn77 {
  background-position: 0 -28px;
}
.icons-module_icon-h18--Caution-negative-z0EKE {
  background-position: 0 -56px;
}
.icons-module_icon-h18--Info-informative-0WTWb {
  background-position: -28px -56px;
}
.icons-module_icon-h18--Warning-caution-MPK1g {
  background-position: -56px -56px;
}
.icons-module_icon-h18--Positive-positive-fHy6K {
  background-position: -84px -56px;
}
.icons-module_icon-h18--Report-bluegray900-uPu4g {
  background-position: -112px -56px;
}
.icons-module_icon-h18--LikeHeart-bluegray900-DFURD {
  background-position: -140px -56px;
}
.icons-module_icon-h18--LikeHeartOn-Red-A0zt7 {
  background-position: -168px -56px;
}
.icons-module_icon-h18--ImageAdd-bluegray900-D5RiV {
  background-position: -196px -56px;
}

.icons-module_icon-h16-uAcT5 {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);

  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h16--CloseCircle-bluegray50-g5IZU {
  background-position: 0 0;
}
.icons-module_icon-h16--Private-bluegray400-VOvwQ {
  background-position: -26px 0;
}
.icons-module_icon-h16--Private-bluegray900-yUzPL {
  background-position: -52px 0;
}
.icons-module_icon-h16--More-bluegray100-HILFi {
  background-position: -78px 0;
}
.icons-module_icon-h16--Setting-bluegray100-fYZuQ {
  background-position: -104px 0;
}
.icons-module_icon-h16--Prefer-mainblue-EwuTY {
  background-position: -130px 0;
}
.icons-module_icon-h16--Plus-bluegray900-tvKSv {
  background-position: 0 -26px;
}
.icons-module_icon-h16--Search-bluegray900-boQRl {
  background-position: -26px -26px;
}
.icons-module_icon-h16--ChevronDown-bluegray400-_qsd9 {
  background-position: -26px -52px;
}
.icons-module_icon-h16--ChevronDown-bluegray400_disabled-CL7eg {
  background-position: -52px -52px;
}
.icons-module_icon-h16--ChevronUp-bluegray400-ZUGJs {
  background-position: -104px -52px;
}
.icons-module_icon-h16--ChevronUp-bluegray100-PfM4S {
  background-position: -130px -52px;
}
.icons-module_icon-h16--Close-bluegray100-ibCTQ {
  background-position: -156px -52px;
}
.icons-module_icon-h16--Write-bluegray900-xdsFJ {
  background-position: -182px -52px;
}
.icons-module_icon-h16--Write-neutral00-z9NO2 {
  background-position: -208px -52px;
}
.icons-module_icon-h16--Report-bluegray100-viQKt {
  background-position: -234px -52px;
}
.icons-module_icon-h16--Delete-bluegray400-gEBLk {
  background-position: -260px -52px;
}
.icons-module_icon-h16--Setting-bluegray900-_uB0N {
  background-position: -286px -52px;
}
.icons-module_icon-h16--Complete-bluegray900-ifJUv {
  background-position: -312px -52px;
}
.icons-module_icon-h16--ImageAdd-bluegray900-LiRvn {
  background-position: -338px -50px;
}
.icons-module_icon-h16--OrderChange-bluegray900-O3iYt {
  background-position: -364px -52px;
}
.icons-module_icon-h16--OrderChange-bluegray400-gqU5y {
  background-position: -390px -50px;
}
.icons-module_icon-h16--UpArrow-bluegray400-l4ICr {
  background-position: -416px -52px;
}
.icons-module_icon-h16--UpArrow-bluegray400-disabled-viqXp {
  background-position: -442px -52px;
}
.icons-module_icon-h16--DownArrow-bluegray400-iNH2m {
  background-position: -468px -52px;
}
.icons-module_icon-h16--DownArrow-bluegray400-disabled-B5bvX {
  background-position: -494px -52px;
}
.icons-module_icon-h16--Copy-bluegray400-j45Ky {
  background-position: -520px -52px;
}
.icons-module_icon-h16--Copy-bluegray400-disabled-vYoz8 {
  background-position: -546px -52px;
}
.icons-module_icon-h16--Like-bluegray100-xfdF1 {
  background-position: -572px -52px;
}
.icons-module_icon-h16--LikeOn-Red-DSO8Z {
  background-position: -598px -52px;
}
.icons-module_icon-h16--Dislike-bluegray100-A0C_F {
  background-position: -624px -52px;
}
.icons-module_icon-h16--DislikeOn-sky-Tgv6U {
  background-position: -650px -52px;
}
.icons-module_icon-h16--ChevronRight-bluegray100-snlL1 {
  background-position: -676px -52px;
}
.icons-module_icon-h16--ChevronDown-bluegray100-sdmIp {
  background-position: -702px -52px;
}
.icons-module_icon-h16--Folder-bluegray100-rb52o {
  background-position: 0 -78px;
}
.icons-module_icon-h16--PrivateFolder-bluegray100-Awz2w {
  background-position: -26px -78px;
}
.icons-module_icon-h16--Caution-bluegray100-JRICd {
  background-position: -52px -78px;
}
.icons-module_icon-h16--Caution-negative-ER2e5 {
  background-position: -78px -78px;
}
.icons-module_icon-h16--Info-informative-yfYGN {
  background-position: -104px -78px;
}
.icons-module_icon-h16--Warning-caution-J5gmC {
  background-position: -130px -78px;
}
.icons-module_icon-h16--Positive-positive-_FbJm {
  background-position: -156px -78px;
}
.icons-module_icon-h16--Mynovel-bluegray100-eXCf_ {
  background-position: -182px -78px;
}
.icons-module_icon-h16--GoldCharge-bluegray900-mScQI {
  background-position: 0 -104px;
}
.icons-module_icon-h16--PreferList-bluegray900-T9wU4 {
  background-position: -26px -104px;
}
.icons-module_icon-h16--Library-bluegray900-wZFi7 {
  background-position: -52px -104px;
}
.icons-module_icon-h16--Mynovel-bluegray900-gdqOJ {
  background-position: -78px -104px;
}
.icons-module_icon-h16--PurchaeList-bluegray900-cGocz {
  background-position: -104px -104px;
}
.icons-module_icon-h16--CustomerSupport-bluegray900-TFt_X {
  background-position: -130px -104px;
}
.icons-module_icon-h16--BookmarkList-bluegray900-DgEzp {
  background-position: -156px -104px;
}
.icons-module_icon-h16--Comment-bluegray900-n5ZT1 {
  background-position: -182px -104px;
}
.icons-module_icon-h16--Reservation-bluegray900-cACCv {
  background-position: -208px -104px;
}
.icons-module_icon-h16--Gift-bluegray900-s1BsQ {
  background-position: -234px -104px;
}
.icons-module_icon-h16--Notice-bluegray900-sWcfG {
  background-position: -260px -104px;
}
.icons-module_icon-h16--Event-bluegray900-XwD9n {
  background-position: -286px -104px;
}
.icons-module_icon-h16--ChevronLeft-bluegray900-JXLnl {
  background-position: -312px -104px;
}
.icons-module_icon-h16--ChevronRight-bluegray900-KloFn {
  background-position: -338px -104px;
}
.icons-module_icon-h16--Edit-bluegray900-UkDWC {
  background-position: -364px -104px;
}
.icons-module_icon-h16--Logout-bluegray900-HbBVT {
  background-position: -390px -104px;
}
.icons-module_icon-h16--Login-bluegray900-hc9ue {
  background-position: -416px -104px;
}
.icons-module_icon-h16--Notification-bluegray900-CYuNh {
  background-position: -442px -104px;
}
.icons-module_icon-h16--Fixed_New-ruX8b {
  background-position: 0 -130px;
}
.icons-module_icon-h16--Fixed_UP-ffhvh {
  background-position: -26px -130px;
}
.icons-module_icon-h16--Image_ReplyBar-j24up {
  background-position: 0 -156px;
}
.icons-module_icon-h16--Private-bluegray300-ByWZg {
  background-position: -26px 0;
}

.icons-module_icon-h12-pGBHR {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h12--Private-neutral00-bowQh {
  background-position: 0 0;
}
.icons-module_icon-h12--Down-bluegray900-kHzB9 {
  background-position: -22px 0;
}
.icons-module_icon-h12--Bold-ToFistChevron-bluegray900-HBa5Y {
  background-position: 0 -22px;
}
.icons-module_icon-h12--Bold-ChevronLeft-bluegray900-ixbSN {
  background-position: -22px -22px;
}
.icons-module_icon-h12--Bold-ChevronRight-bluegray900-Jxs7G {
  background-position: -44px -22px;
}
.icons-module_icon-h12--Bold-ToEndChevron-bluegray900-C9PiE {
  background-position: -66px -22px;
}
.icons-module_icon-h12--Bold-ToFistChevron-bluegray900-disabled-T9aOV {
  background-position: -88px -22px;
}
.icons-module_icon-h12--Bold-ChevronLeft-bluegray900-disabled-BwEtI {
  background-position: -110px -22px;
}
.icons-module_icon-h12--Bold-ChevronRight-bluegray900-disabled-J1FOZ {
  background-position: -132px -22px;
}
.icons-module_icon-h12--TBold-oEndChevron-bluegray900-disabled-VzVrJ {
  background-position: -154px -22px;
}
.icons-module_icon-h12--Lis-bluegray100-a1ZF3 {
  background-position: 0 -44px;
}
.icons-module_icon-h12--Lis-bluegray300-fkmhL {
  background-position: -22px -44px;
}
.icons-module_icon-h12--Prefer-bluegray100-ez4cc {
  background-position: -44px -44px;
}
.icons-module_icon-h12--Prefer-bluegray300-Jzk2U {
  background-position: -66px -44px;
}
.icons-module_icon-h12--ChevronRight-bluegray900-XTS13 {
  background-position: -88px -44px;
}
.icons-module_icon-h12--ChevronRight-bluegary400-E1TRH {
  background-position: -110px -44px;
}
.icons-module_icon-h12--ChevronUp-bluegray400-crDdK {
  background-position: -132px -44px;
}
.icons-module_icon-h12--ChevronDown-bluegray400-EHkMx {
  background-position: -154px -44px;
}
.icons-module_icon-h12--ChevronDown-bluegray400-disabeld-JDnVF {
  background-position: -176px -44px;
}

.icons-module_icon-h10-zMMKm {
  width: 10px;
  height: 10px;
  background-image: url(../../assets/images/010be62c6da7f13fab60.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.icons-module_icon-h10--ChevronLeft-bluegray900-nvnsA {
  background-position: 0px 0px;
}
.icons-module_icon-h10--ChevronRight-bluegray900-L6EI1 {
  background-position: -20px 0px;
}
.icons-module_icon-h10--ChevronLeft-neutral00-xLAuq {
  background-position: -40px 0px;
}
.icons-module_icon-h10--ChevronRight-neutral00-y112U {
  background-position: -60px 0px;
}
.icons-module_icon-h10--ChevronRight-bluegray400-bYzkY {
  background-position: -80px 0px;
}
.icons-module_icon-h10--ChevronUp-bluegray400-xYkDH {
  background-position: -100px 0px;
}
.icons-module_icon-h10--ChevronDown-bluegray400-wSR6G {
  background-position: -120px 0px;
}

.button-module_storybook-button-PkGaJ {
  display: inline-flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  position: relative;
}
.button-module_storybook-button--primary-ebpLW {
  color: var(--neu--00);
  background-color: var(--blg--800);
  border-color: var(--blg--800);
}
.button-module_storybook-button--primary-ebpLW:hover {
  background-color: var(--blg--900);
  border-color: var(--blg--900);
}
.button-module_storybook-button--secondary-W1kPQ {
  color: var(--blg--900);
  background-color: #fff;
  border-color: var(--blg--50);
}
.button-module_storybook-button--secondary-W1kPQ:hover {
  background-color: var(--blg--20);
}
.button-module_storybook-button--tertiary-Gr_gl {
  color: var(--blg--900);
  background-color: var(--blg--20);
}
.button-module_storybook-button--tertiary-Gr_gl:hover {
  background-color: var(--blg--40);
}
.button-module_storybook-button--destructive-XVqB3 {
  background-color: #de3535;
  color: #fff;
  border-color: #de3535;
}
.button-module_storybook-button--destructive-XVqB3:hover {
  background-color: #c62f2f;
  border-color: #c62f2f;
}
.button-module_storybook-button--ghost-AojtZ {
  background-color: transparent;
  padding: 0 !important;
  color: #464858;
  font-weight: 400;
}
.button-module_storybook-button--ghost-AojtZ:hover {
  text-decoration: underline;
}
.button-module_storybook-button--ghost-AojtZ.button-module_disabled-bB6c7:hover {
  text-decoration: none; /*버튼 비활성화 마우스 오버 텍스트 언더라인 제거 */
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--tiny-pYxCe {
  height: 19px;
  line-height: 19px;
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--xsmall-PtI2I {
  height: 20px;
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--small-EMWXQ {
  height: 21px;
  margin-right: 14px;
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--small-EMWXQ:last-child {
  margin-right: 0;
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--medium-nyL1F {
  height: 23px;
  line-height: 23px;
}
.button-module_storybook-button--ghost-AojtZ.button-module_storybook-button--large-D17XF {
  height: 25px;
  line-height: 25px;
}
.button-module_storybook-button--ghost03-B77g_ {
  background-color: transparent;
  padding: 0 !important;
  color: #727383;
  font-weight: 400;
}
.button-module_storybook-button--ghost03-B77g_:hover {
  text-decoration: underline;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--tiny-pYxCe {
  height: 19px;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--xsmall-PtI2I {
  height: 20px;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--small-EMWXQ {
  height: 21px;
  line-height: 21px;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--small-EMWXQ
  + .button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--small-EMWXQ {
  margin-left: 14px;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--medium-nyL1F {
  height: 23px;
}
.button-module_storybook-button--ghost03-B77g_.button-module_storybook-button--large-D17XF {
  height: 25px;
}
.button-module_storybook-button--tiny-pYxCe {
  font-size: 12px;
  padding: 0 6px;
  height: 20px;
  border-radius: 4px;
}
.button-module_btn-label-VU_Jj {
  margin: 0 !important;
}
.button-module_storybook-button--tiny-pYxCe .button-module_btn-label-VU_Jj {
  padding: 0 1px;
}
.button-module_storybook-button--xsmall-PtI2I {
  font-size: 13px;
  padding: 0 8px;
  height: 26px;
  border-radius: 4px;
}
.button-module_storybook-button--xsmall-PtI2I .button-module_btn-label-VU_Jj {
  padding: 0 2px;
}
.button-module_storybook-button--small-EMWXQ {
  font-size: 14px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
}
.button-module_storybook-button--small-EMWXQ .button-module_btn-label-VU_Jj {
  padding: 0 3px;
}
.button-module_storybook-button--small-EMWXQ + .button-module_storybook-button--small-EMWXQ {
  margin-left: 8px;
}
.button-module_storybook-button--medium-nyL1F {
  font-size: 15px;
  padding: 0 12px;
  height: 38px;
  border-radius: 6px;
}
.button-module_storybook-button--medium-nyL1F .button-module_btn-label-VU_Jj {
  padding: 0 3px;
}
.button-module_storybook-button--medium-nyL1F + .button-module_storybook-button--medium-nyL1F {
  margin-left: 8px;
}
.button-module_storybook-button--large-D17XF {
  font-size: 16px;
  padding: 0 14px;
  height: 44px;
  border-radius: 7px;
}
.button-module_storybook-button--large-D17XF .button-module_btn-label-VU_Jj {
  padding: 0 4px;
}
.button-module_storybook-button--large-D17XF + .button-module_storybook-button--large-D17XF {
  margin-left: 8px;
}
.button-module_width-fix-RVvFx.button-module_storybook-button--tiny-pYxCe {
  padding: 0 16px;
}
.button-module_width-fix-RVvFx.button-module_storybook-button--small-EMWXQ {
  padding: 0;
  width: 84px;
}
.button-module_width-fix-RVvFx.button-module_storybook-button--medium-nyL1F {
  padding: 0;
  width: 100px;
}
.button-module_width-fix-RVvFx.button-module_storybook-button--large-D17XF {
  padding: 0;
  width: 130px;
}
.button-module_width-block-rEEHM.button-module_storybook-button-PkGaJ {
  display: block;
  width: 100%;
}
.button-module_disabled-bB6c7.button-module_storybook-button--primary-ebpLW {
  background-color: #535465;
  border-color: #535465;
  color: #a3a4ae;
  cursor: default;
}
.button-module_disabled-bB6c7.button-module_storybook-button--secondary-W1kPQ {
  background-color: #ececee;
  border-color: #c1c2c7;
  color: #c1c2c7;
  cursor: default;
}
.button-module_disabled-bB6c7.button-module_storybook-button--destructive-XVqB3 {
  background-color: #eb8484;
  color: #fff;
  border-color: #eb8484;
  cursor: default;
}
.button-module_disabled-bB6c7.button-module_storybook-button--ghost-AojtZ {
  color: #a3a4ae;
}
.button-module_disabled-bB6c7.button-module_storybook-button--ghost03-B77g_ {
  color: #a3a4ae;
}
.button-module_disabled-bB6c7.button-module_storybook-button--blue-dAUDM {
  background-color: #ecf0fc;
  color: #3e6de3;
  cursor: default;
}
.button-module_icon-h16-w787N {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h16--Delete-bluegray400-bx7zr {
  background-position: -286px -52px;
}
.button-module_icon-h16--Write-bluegray900-iS0ak {
  background-position: -182px -52px;
}
.button-module_icon-h16--Report-bluegray100-XMcx_ {
  background-position: -234px -52px;
}
.button-module_icon-h16--Report-bluegray900-r96u0 {
  background-position: -260px -52px;
}
.button-module_icon-h16--OrderChange-bluegray900-ZteoT {
  background-position: -390px -52px;
}
.button-module_icon-h16--Plus-bluegray900-z5aqh {
  background-position: 0 -26px;
}
.button-module_icon-h16--ImageAdd-bluegray900-B4LL3 {
  background-position: -364px -52px;
}
.button-module_icon-h16--UpArrow-bluegray600-OTI98 {
  background-position: -468px -52px;
}
.button-module_icon-h16--UpArrow-bluegray600-disabled-TEsxG {
  background-position: -494px -52px;
}
.button-module_icon-h16--DownArrow-bluegray600-GRtgh {
  background-position: -520px -52px;
}
.button-module_icon-h16--DownArrow-bluegray600-disabled-Zm4QN {
  background-position: -546px -52px;
}
.button-module_icon-h16--Copy-bluegray600-Hv7vb {
  background-position: -572px -52px;
}
.button-module_icon-h16--Copy-bluegray600-disabled-lUGnu {
  background-position: -598px -52px;
}
.button-module_icon-h16--Delete-bluegray600-pod5U {
  background-position: -910px -52px;
}
.button-module_icon-h16--Delete-bluegray600-disabled-hJY7H {
  background-position: -936px -52px;
}
.button-module_icon-h16--ChevronDown-bluegray400-hvEwd {
  background-position: -26px -52px;
}
.button-module_icon-h16--ChevronUp-bluegray400-l1pQB {
  background-position: -104px -52px;
}
.button-module_icon-h16-Excel-xEvJy {
  background-image: url(../../assets/images/221fda76536239d08d92.svg);
  background-size: 100%;
  background-position: 0 0;
  width: 18px;
}
.button-module_icon-h16--Caution-bluegray100-R3rlg {
  background-position: -104px -78px;
}
.button-module_icon-h16--Folder-bluegray300-U7H6X {
  background-position: -26px -78px;
}
.button-module_icon-h16--Folder-bluegray900-HJv3F {
  background-position: -260px -78px;
}
.button-module_icon-h16--PreferDelete-wyBT6 {
  background-position: -858px -52px;
}
.button-module_icon-h16--Folder-bluegray900-disabled-y9i5x {
  background-position: -0px -78px;
}
.button-module_icon-h16--PreferDelete-disabled-dxvHJ {
  background-position: -1014px -52px;
}
.button-module_icon-h16--EditOrder-ycG4Y {
  background-position: -884px -52px;
}
.button-module_icon-h16--CustomerSupport-bluegray900-Z7X4J {
  background-position: -468px -104px;
}
.button-module_icon-h18-i48ob {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h18--ImageAdd-bluegray900-nixge {
  background-position: -225px -56px;
}
.button-module_icon-h18--Plus-bluegray900-B0Knh {
  background-position: 0 -28px;
}
.button-module_icon-h18--RefreshCircle-blg600-Y73Ti {
  background-position: -28px 0;
}
.button-module_icon-18-Delete-bluegray300-UChAZ {
  background-position: -672px -56px;
}
.button-module_icon-h12-Y89uj {
  width: 12px;
  height: 12px;
  background-image: url(../../assets/images/9db557315b40a9f4296f.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.button-module_icon-h12--ChevronRight-bluegray900-c1chI {
  background-position: -88px -44px;
}
.button-module_width-180-Fk8N1 {
  width: 180px !important;
}

.button-module_icon-h20-l3PSy {
  width: 20px;
  height: 20px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button-module_icon-h20--Write2-bluegray900-HTu8G {
  background-position: -420px -60px;
}
.button-module_icon-h20--WriteNoti-bluegray900-QWpFR {
  background-position: -450px -60px;
}

/*EmptyPage*/
.EmptyPage-module_empty-wrap-KCPdD {
  width: 100%;
  position: relative;
  height: 480px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.EmptyPage-module_empty-wrap-KCPdD.EmptyPage-module_hAutoPadding-I2sZd {
  margin-bottom: 18px;
  height: auto !important;
  min-height: 97px;
}
.EmptyPage-module_empty-wrap-KCPdD.EmptyPage-module_hAuto-HWJrL {
  height: 100% !important;
}
.EmptyPage-module_empty-wrap-KCPdD.EmptyPage-module_height-114-NXVOX {
  height: 97px;
  margin-bottom: 18px;
}
.EmptyPage-module_empty-text-PQWTb {
  font-size: 16px;
  font-weight: 500;
  color: #24252e;
}
.EmptyPage-module_empty-subtext-NMJ10 {
  font-size: 15px;
  color: #727383;
  white-space: pre-wrap;
  line-height: 21px;
}
.EmptyPage-module_empty-text-PQWTb + .EmptyPage-module_empty-subtext-NMJ10 {
  margin-top: 4px;
}
.EmptyPage-module_empty-subtext-NMJ10 + button {
  margin-top: 16px;
}
.EmptyPage-module_img-Empty-Novel-antii {
  width: 154px;
  height: 124px;
  margin: 0 auto 16px auto;
  background-image: url(../../assets/images/0d7f87f796b7c85d73c1.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

/*모달*/
.modalmedium-module_back_dim-bX6f4 {
  position: fixed;
  inset: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden auto;
}

.modalmedium-module_div_table-BuyvN {
  display: table;
  height: 100%;
  margin: 0px auto;
}

.modalmedium-module_div_table_cell-KRdhX {
  display: table-cell;
  vertical-align: middle;
}

.modalmedium-module_layer-pop-VwRz_ {
  width: 500px;
  padding: 24px 30px 30px 30px;
  overflow: hidden;
  background-color: #fff;
  z-index: 1001;
  text-align: center;
  display: block;
  border-radius: 14px;
}

.modalmedium-module_layer-pop-VwRz_.modalmedium-module_vertical-center-PV9Ln {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-title-vzyWf {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 20px 0;
  line-height: 24px;
}

.modalmedium-module_icon-h28-pJKjs {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/2566119d808726a3c1a7.svg);
  background-repeat: no-repeat;
  display: inline-block;
}

.modalmedium-module_icon-h28--Close-bluegray900-soj3L {
  background-position: 0 -38px;
}
.modalmedium-module_icon-h18-ABLnu {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.modalmedium-module_icon-h18--CloseCircle-bluegray50-H6FBC {
  background-position: 0 0;
  position: absolute;
  right: 15px;
  top: 13px;
  border: 0;
  background-color: transparent;
}
.modalmedium-module_icon-h16-HhBgE {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.modalmedium-module_icon-h16--Private-bluegray400-Gm4Zd {
  background-position: -26px 0px;
}
.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-title-vzyWf .modalmedium-module_modal-close-BFdDy {
  position: absolute;
  right: 30px;
  top: 22px;
  width: 28px;
  height: 28px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic {
  padding: 0 0 0 6px;
  text-align: center;
  font-size: 16px;
  color: #727383;
  overflow: hidden;
  width: 100%;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_layer-pop-subtxt-VsOZB {
  font-size: 14px;
  color: #727383;
  line-height: 20px;
  padding-bottom: 20px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-input-XwcF6 {
  text-align: left;
  width: 100%;
  display: table;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-input-XwcF6 > div {
  display: table-cell;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-input-XwcF6 .modalmedium-module_index-mce8L {
  width: 88px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic > .modalmedium-module_pop-input-XwcF6 + .modalmedium-module_pop-input-XwcF6 {
  margin-top: 10px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic > .modalmedium-module_pop-input-XwcF6 .modalmedium-module_input-btn-k2j0v {
  width: 117px;
  padding-left: 8px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-personal-F629b {
  margin-top: 20px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-personal-F629b .modalmedium-module_pop-info-txt-d6ZXN {
  margin-top: 10px;
  background-color: #f9f9fb;
  padding: 14px 18px 16px 18px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
  color: #6c6e83;
  line-height: 20px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_pop-personal-F629b .modalmedium-module_pop-info-txt-d6ZXN span {
  font-size: 16px;
  font-weight: 600;
  color: #2b2c36;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_blue-hqGGN {
  font-weight: 600;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic .modalmedium-module_text-input-KzOz8.modalmedium-module_h-36-kfMb7 {
  width: 100%;
}

/* btn h-36 */
.modalmedium-module_btn-Ey0Bb.modalmedium-module_h-36-kfMb7 {
  font-size: 15px;
  font-weight: 500;
  padding: 5px 22px 4px 22px;
}

.modalmedium-module_cover-scroll-bD2yf {
  overflow-y: auto;
  height: 100%;
  overflow-x: hidden;
  width: auto;
  position: relative;
  margin-right: 3px;
  padding-right: 3px;
}

.modalmedium-module_cover-select-Iw83E {
  width: 156px;
  float: left;
  height: calc(100% - 66px);
  padding: 0 2px 0 0;
}

.modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar {
  width: 10px;
}

.modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-thumb {
  background-color: #d8dbdf;
  border-radius: 10px;
  border: 2px solid #fff;
}

.modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-button:start:decrement,
.modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 8px;
  background-color: #fff;
}

.modalmedium-module_cover-edit-F6QMu .modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-thumb {
  background-color: #d8dbdf;
  border-radius: 10px;
  border: 2px solid #f7f7f8;
}

.modalmedium-module_cover-edit-F6QMu .modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-button:start:decrement,
.modalmedium-module_cover-edit-F6QMu .modalmedium-module_cover-scroll-bD2yf::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 8px;
  background-color: #f7f7f8;
}

.modalmedium-module_layer-pop-VwRz_.modalmedium-module_cover-select-Iw83E.modalmedium-module_board-bK_DC.modalmedium-module_storage-uM2m9 {
  max-height: 559px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic.modalmedium-module_board-box-hvmG6.modalmedium-module_storage-uM2m9 {
  height: 280px;
}
.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic.modalmedium-module_board-box-hvmG6.modalmedium-module_h-385-gxGkc {
  height: 385px;
}
.modalmedium-module_layer-pop-VwRz_.modalmedium-module_cover-select-Iw83E.modalmedium-module_board-bK_DC {
  max-height: 627px;
}

.modalmedium-module_layer-pop-VwRz_.modalmedium-module_cover-select-Iw83E.modalmedium-module_board-bK_DC .modalmedium-module_layer-pop-body-ui0Ic {
  padding: 0;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_contract-novel-GumUG {
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  height: 82px;
}

.modalmedium-module_layer-pop-VwRz_ .modalmedium-module_layer-pop-body-ui0Ic.modalmedium-module_board-box-hvmG6 {
  height: calc(100% - 215px);
}
.modalmedium-module_contract-novel-list-C79_t.modalmedium-module_search-gNQhE {
  border-radius: 4px;
  margin-top: 5px;
  margin-left: 6px;
}
.modalmedium-module_contract-novel-list-C79_t.modalmedium-module_search-gNQhE:last-of-type {
  margin-bottom: 6px;
}
.modalmedium-module_contract-novel-list-C79_t.modalmedium-module_search-gNQhE:hover {
  background-color: #f7f7f8;
}

.modalmedium-module_contract-novel-list-C79_t.modalmedium-module_search-gNQhE.modalmedium-module_active-IfH0q {
  background-color: #ececee;
}
.modalmedium-module_contract-novel-list-C79_t.modalmedium-module_search-gNQhE li {
  padding: 10px 14px 11px 14px;
}
.modalmedium-module_selected-episode-YaKt6 {
  padding: 12px 50px 12px 20px;
  border-bottom: 1px solid #ececee;
  position: relative;
}
.modalmedium-module_contract-novel-list-C79_t button {
  background-color: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  color: #24252e;
}

.modalmedium-module_contract-novel-list-C79_t span {
  margin: 0 !important;
}

.modalmedium-module_contract-novel-list-C79_t li {
  border-bottom: 1px solid #ececee;
  padding: 14px 10px;
  list-style: none !important;
}

.modalmedium-module_contract-novel-list-C79_t li:last-child {
  border: 0;
}

.modalmedium-module_text-ellipsis-yvafl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modalmedium-module_text-ellipsis-yvafl.modalmedium-module_two-lines-_v_du {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
}

.modalmedium-module_text-ellipsis-wrap-LJZ4n {
  line-height: normal;
  width: auto;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #24252e;
}

.modalmedium-module_text-ellipsis-wrap-LJZ4n .modalmedium-module_article-HBpS7 {
  display: table-cell;
}

.modalmedium-module_text-ellipsis-wrap-LJZ4n .modalmedium-module_article-HBpS7 .modalmedium-module_article-inner-O5tkG {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: left;
}
.modalmedium-module_text-ellipsis-wrap-LJZ4n .modalmedium-module_article-HBpS7 .modalmedium-module_article-inner-O5tkG.modalmedium-module_private-wK5kF {
  color: #727383;
}
.modalmedium-module_text-ellipsis-wrap-LJZ4n .modalmedium-module_icon-new-wrap-jjIuf {
  white-space: nowrap;
  word-break: break-word;
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
  height: 20px;
}
.modalmedium-module_txt-divide-PIQO0 {
  display: inline-block;
  font-weight: 400;
  color: #c1c2c7;
}

.modalmedium-module_highlight-ecewM {
  color: #3e6de3;
  font-weight: 500;
}

.modalmedium-module_layer-pop-btn-EAnPr {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: center;
  border-top: 1px solid #dfdfe2;
}

.modalmedium-module_modal-subtext-UGM4Z {
  font-weight: 400;
  font-size: 14px;
  color: #727383;
  text-align: center;
  padding-bottom: 20px;
}

.modalmedium-module_section-bg-DkTdl {
  background-color: #f7f7f8;
  border-radius: 8px;
  padding: 16px 20px 18px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: left;
  overflow: hidden;
  flex-wrap: wrap;
}

.modalmedium-module_section-bg-DkTdl label {
  align-items: flex-start;
}

.modalmedium-module_section-bg-DkTdl label > span:first-of-type {
  margin-top: 3px;
}

.modalmedium-module_section-bg-DkTdl li {
  color: #727383;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  text-align: left;
  width: 100%;
  position: relative;
  padding-left: 12px;
  word-break: keep-all;
  white-space: pre-wrap;
}
.modalmedium-module_section-bg-DkTdl li:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #727383;
  left: 0;
  top: 8px;
}
.modalmedium-module_section-bg-DkTdl li + li {
  margin-top: 4px;
}

.modalmedium-module_mt-16-WobeK {
  margin-top: 16px;
}

.modalmedium-module_divide-wlwg2 {
  margin: 12px 0 14px 0;
  background-color: #ececee;
  height: 1px;
  width: 100%;
}

.modalmedium-module_section-bg-DkTdl .modalmedium-module_sub-text-vH4H7 {
  color: #727383;
  text-align: left;
}

.modalmedium-module_section-bg-DkTdl .modalmedium-module_sub-text-14-f0AGZ {
  color: #727383;
  margin-top: 4px;
  width: 100%;
}

.modalmedium-module_section-bg-DkTdl .modalmedium-module_sub-text-vH4H7 .modalmedium-module_emphasis-Pig9E {
  font-weight: 600;
  font-size: 16px;
}

.modalmedium-module_help-text-MzwXW {
  margin: 8px 0 0 2px;
  display: none;
  color: #de3535;
  font-size: 13px;
  text-align: left;
}

.modalmedium-module_help-text-MzwXW.modalmedium-module_view-kTvzl {
  display: block;
}

.modalmedium-module_change-address-E6NJH {
  color: #464858;
  font-size: 16px;
  text-align: left;
  margin-bottom: 16px;
}

.modalmedium-module_change-address-E6NJH span {
  color: #3e6de3;
}

.modalmedium-module_bg-outline-IDxEB {
  border-radius: 6px;
  border: 1px solid #ececee;
  background-color: #fff;
}

.modalmedium-module_search-area-B5ogA {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.modalmedium-module_pd-0-RvHyS {
  padding: 0 !important;
}
.modalmedium-module_mb-20-YBkMz {
  margin-bottom: 20px !important;
}
.modalmedium-module_agree-help-text-p3q9O {
  font-size: 13px;
  font-weight: 400;
  color: #de3535;
  text-align: left;
}

/* checkbox */
.checkbox-module_check_box-rEp5k {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 16px;
}
/*novel-deatil-list 임시처리*/
.checkbox-module_check_box-rEp5k.checkbox-module_novel-xycIb {
  display: inherit;
}

.checkbox-module_check_box-rEp5k input[type='checkbox'] {
  display: none;
}
.checkbox-module_check_box-rEp5k span {
  cursor: pointer;
}
.checkbox-module_check_box-rEp5k input[type='checkbox'] + .checkbox-module_check-icon-xhIel,
.checkbox-module_check_box-rEp5k input[type='checkbox']:checked + .checkbox-module_check-icon-xhIel {
  background-image: url(../../assets/images/be8c8120a627b5835ace.svg);
  background-repeat: no-repeat;
}

.checkbox-module_check_box-rEp5k input[type='checkbox'] + .checkbox-module_check-icon-xhIel {
  width: 16px !important;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  background-position: -26px 0;
  flex: 0;
  flex-basis: 16px;
}
.checkbox-module_check_box-rEp5k input[type='checkbox']:checked + .checkbox-module_check-icon-xhIel {
  background-position: 0 0;
}

.checkbox-module_check_box-rEp5k input[type='checkbox']:disabled + .checkbox-module_check-icon-xhIel {
  background-position: -78px 0;
  cursor: not-allowed !important;
}

.checkbox-module_check_box-rEp5k input[type='checkbox']:disabled:checked + .checkbox-module_check-icon-xhIel {
  background-position: -52px 0;
}
.checkbox-module_check_box-rEp5k input[type='checkbox']:checked + .checkbox-module_check-icon-xhIel + span {
  color: #24252e;
}
.checkbox-module_check_box-rEp5k input[type='checkbox']:disabled + .checkbox-module_check-icon-xhIel + span {
  color: #a3a4ae;
  cursor: default;
}
.checkbox-module_check_box--medium-q7l7b span {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  flex: 1;
}

.checkbox-module_check_box--small-d89Oi span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}

.checkbox-module_check_box-rEp5k + .checkbox-module_check_box-rEp5k {
  margin-left: 30px;
}

.checkbox-module_check_box--small-d89Oi + .checkbox-module_check_box--small-d89Oi {
  margin-left: 20px;
}

.checkbox-module_red-cBuDq {
  color: #e83030 !important;
}

.textfieldvalidation-module_textfield-validation-zoFxo > div {
  position: relative;
}
.textfieldvalidation-module_icon-QHIOy {
  z-index: 2;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_warning-f5Aji {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 12px);
  background-position: -178px -74px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_success-bL5KO {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 12px);
  background-position: -204px -74px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_infomative-kZ8fd {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 12px);
  background-position: -152px -74px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_negative-PfAqF {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 12px);
  background-position: -126px -74px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_warning-f5Aji {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 13px);
  background-position: -80px -52px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_success-bL5KO {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 13px);
  background-position: -108px -52px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_infomative-kZ8fd {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 13px);
  background-position: -24px -52px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_negative-PfAqF {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 13px);
  background-position: 4px -52px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_warning-f5Aji {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 14px);
  background-position: -146px -86px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_success-bL5KO {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 14px);
  background-position: -176px -86px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_infomative-kZ8fd {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);

  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 14px);
  background-position: -116px -86px;
}
.textfieldvalidation-module_icon-QHIOy.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_negative-PfAqF {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: calc(50% - 14px);
  background-position: -86px -86px;
}
.textfieldvalidation-module_help-text-Uhz2S {
  text-align: left;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_large-F1kov {
  font-size: 13px;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_small-lEeNN,
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_medium-Omj4H {
  font-size: 13px;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_warning-f5Aji,
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_warning-f5Aji {
  margin: 6px 0 0 2px;
  color: #e4780c;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_success-bL5KO,
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_success-bL5KO {
  margin: 6px 0 0 2px;
  color: #00a300;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_infomative-kZ8fd,
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_infomative-kZ8fd {
  margin: 6px 0 0 2px;
  color: #3198f2;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_small-lEeNN.textfieldvalidation-module_negative-PfAqF,
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_medium-Omj4H.textfieldvalidation-module_negative-PfAqF {
  margin: 6px 0 0 2px;
  color: #de3535;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_warning-f5Aji {
  margin: 8px 0 0 2px;
  color: #e4780c;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_success-bL5KO {
  margin: 8px 0 0 2px;
  color: #00a300;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_infomative-kZ8fd {
  margin: 8px 0 0 2px;
  color: #3198f2;
}
.textfieldvalidation-module_help-text-Uhz2S.textfieldvalidation-module_large-F1kov.textfieldvalidation-module_negative-PfAqF {
  margin: 8px 0 0 2px;
  color: #de3535;
}

.textfield-module_textfield-wrapper-YLwd7 {
  display: inline-block;
  position: relative;
}
.textfield-module_textfield-wrapper-YLwd7.textfield-module_width-block-RmobU {
  display: block;
  width: 100%;
}
.textfield-module_textfield-YvzZf {
  display: inline-block;
  padding: 0 12px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  position: relative;
  outline: none;
  box-sizing: border-box;
}
.textfield-module_textfield-YvzZf::placeholder {
  color: #a2a3ad;
  font-weight: 400;
}
.textfield-module_textfield-YvzZf:focus {
  border: 1px solid #24252e;
}
.textfield-module_textfield--small-ZRzze {
  font-size: 14px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
}
.textfield-module_textfield--small-100-ZWHxF {
  font-size: 14px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
  width: 100%;
}
.textfield-module_textfield--medium-VW1fH {
  font-size: 15px;
  padding: 0 12px;
  height: 38px;
  border-radius: 6px;
}
.textfield-module_textfield--medium-100-Yag_E {
  font-size: 15px;
  padding: 0 12px;
  height: 38px;
  border-radius: 6px;
  width: 100%;
}
.textfield-module_textfield--large-q0OzN {
  font-size: 16px;
  padding: 0 14px;
  height: 44px;
  border-radius: 8px;
}
.textfield-module_textfield--large-100-_h0Ly {
  font-size: 16px;
  padding: 0 14px;
  height: 44px;
  border-radius: 8px;
  width: 100%;
}
.textfield-module_width-block-RmobU.textfield-module_textfield-YvzZf {
  display: block;
  width: 100%;
}
.textfield-module_textfield-YvzZf.textfield-module_ghost-ySTBs {
  border: 0;
}
.textfield-module_textfield--large-q0OzN.textfield-module_ghost-ySTBs {
  height: 42px;
  padding: 0;
}
.textfield-module_warning-aiYmH {
  border-color: #e4780c;
  padding-right: 28px;
}
.textfield-module_success-vWkqz {
  border-color: #00a300;
  padding-right: 28px;
}
.textfield-module_infomative-fSPoV {
  border-color: #0777da;
  padding-right: 28px;
}
.textfield-module_negative-f8QFA {
  border-color: #de3535;
  padding-right: 28px;
}
.textfield-module_textfield-YvzZf:disabled {
  border-color: #dedede;
  background-color: #ebebeb;
  color: #a3a4ae;
}
.textfield-module_close-icon-SC1lL {
  border: 0;
  background-color: transparent;
  display: inline-block;
  outline: 0;
  cursor: pointer;
  position: absolute;
  right: 6px;
  z-index: 1;
}
.textfield-module_close-icon-SC1lL.textfield-module_validation-E8B68 {
  right: 30px;
}
.textfield-module_close-icon-SC1lL.textfield-module_small-BHV_R {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  top: 4px;
  bottom: 0;
}
.textfield-module_close-icon-SC1lL.textfield-module_medium-GQuGy {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  top: 6px;
  bottom: 0;
}
.textfield-module_close-icon-SC1lL.textfield-module_medium-400-yz8e6 {
  width: 26px;
  height: 26px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  top: 6px;
  bottom: 0;
}
.textfield-module_close-icon-SC1lL.textfield-module_large-VK8QK {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  background-position: -26px 4px;
  top: 8px;
  bottom: 0;
}
.textfield-module_close-icon-SC1lL.textfield-module_large-100-rgnHy {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/bcca59001be44033a4c9.svg);
  background-repeat: no-repeat;
  background-position: -26px 4px;
  top: 8px;
  bottom: 0;
}
.textfield-module_textfield-YvzZf:not(:valid) ~ .textfield-module_close-icon-SC1lL {
  display: none;
}

/* checkbox */
.checkbox-module_check_box-O48cF {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 16px;
}
/*novel-deatil-list 임시처리*/
.checkbox-module_check_box-O48cF.checkbox-module_novel-gpAXo {
  display: inherit;
}

.checkbox-module_check_box-O48cF input[type='checkbox'] {
  display: none;
  background: transparent;
}
.checkbox-module_check_box-O48cF input[type='checkbox']:checked + .checkbox-module_check-icon-RLc0P {
  border: 0;
}

.checkbox-module_check_box-O48cF input[type='checkbox'] + .checkbox-module_check-icon-RLc0P {
  width: 20px !important;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  flex: 0;
  flex-basis: 20px;
  border: 1px solid var(--bor--opa--bk--rgba--20-1);
  border-radius: 4px;
  box-sizing: border-box;
  background-size: cover;
}

.checkbox-module_check_box-O48cF input[type='checkbox']:disabled + .checkbox-module_check-icon-RLc0P {
  background: var(--bg--neu--20-1);
  cursor: not-allowed !important;
}
.checkbox-module_svg-check-active-disabled-TUfE8 > div > svg > path:nth-child(1) {
  fill: var(--bg--neu--100-1);
}
.checkbox-module_svg-check-active-disabled-TUfE8 > div > svg > path:nth-child(2) {
  fill: var(--bg--neu--20-1);
}
.checkbox-module_svg-check-active-oyGfD > div > svg > g > path:nth-child(1) {
  fill: var(--bg--pri--always-500);
}
.checkbox-module_svg-check-active-oyGfD > div > svg > g > path:nth-child(2) {
  fill: var(--bg--neu--always-00);
}
.checkbox-module_check_box-O48cF input[type='checkbox']:checked + .checkbox-module_check-icon-RLc0P + span {
  color: var(--txt--neu--900-1);
}
.checkbox-module_check_box-O48cF input[type='checkbox']:disabled + .checkbox-module_check-icon-RLc0P + span {
  color: var(--txt--neu--100-1);
  cursor: default;
}
.checkbox-module_checkbox-label-FcIjA {
  width: calc(100% - 30px);
  display: inline-flex;
  color: var(--txt--neu--900-1);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

.textfieldvalidation-module_textfield-validation-QRBaX > div {
  position: relative;
}
.textfieldvalidation-module_icon-Nf5fD {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.textfieldvalidation-module_icon-Nf5fD > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.textfieldvalidation-module_help-text-jKDBI {
  text-align: left;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_large-oFTb0 {
  font-size: 13px;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_small-AKqhg,
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_medium-jPsn5 {
  font-size: 13px;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_small-AKqhg.textfieldvalidation-module_warning-aFgMV,
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_medium-jPsn5.textfieldvalidation-module_warning-aFgMV {
  margin: 6px 0 0 2px;
  color: #e4780c;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_small-AKqhg.textfieldvalidation-module_success-ZDGR1,
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_medium-jPsn5.textfieldvalidation-module_success-ZDGR1 {
  margin: 6px 0 0 2px;
  color: var(--sys--pos--500-1);
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_small-AKqhg.textfieldvalidation-module_infomative-eu8ru,
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_medium-jPsn5.textfieldvalidation-module_infomative-eu8ru {
  margin: 6px 0 0 2px;
  color: #3198f2;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_small-AKqhg.textfieldvalidation-module_negative-Lc9Qi,
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_medium-jPsn5.textfieldvalidation-module_negative-Lc9Qi {
  margin: 6px 0 0 2px;
  color: var(--sys--neg--500-1);
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_large-oFTb0.textfieldvalidation-module_warning-aFgMV {
  margin: 8px 0 0 2px;
  color: #e4780c;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_large-oFTb0.textfieldvalidation-module_success-ZDGR1 {
  display: none;
  margin: 8px 0 0 2px;
  color: var(--sys--pos--500-1);
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_large-oFTb0.textfieldvalidation-module_infomative-eu8ru {
  margin: 8px 0 0 2px;
  color: #3198f2;
}
.textfieldvalidation-module_help-text-jKDBI.textfieldvalidation-module_large-oFTb0.textfieldvalidation-module_negative-Lc9Qi {
  margin: 8px 0 0 2px;
  color: var(--sys--neg--500-1);
}

.textfield-module_textfield-wrapper-jYf4L {
  position: relative;
}
.textfield-module_textfield-Vo4VC {
  display: inline-block;
  padding: 0 12px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  background-image: none;
  position: relative;
  outline: none;
  border: 1px solid var(--bor--opa--bk--rgba--15-1);
  background: var(--bg--neu--00-1);
  color: var(--txt--neu--900-1);
  box-shadow: none;
}
.textfield-module_textfield-Vo4VC:disabled {
  color: var(--txt--neu--100-1);
  border: 1px solid var(--bor--opa--bk--rgba--05-1);
  background: var(--bg--neu--20-1);
  -webkit-text-fill-color: var(--txt--neu--100-1);
}
.textfield-module_textfield-Vo4VC::placeholder {
  color: var(--txt--neu--100-1);
  font-weight: 400;
}
.textfield-module_textfield-Vo4VC:focus {
  border: 1px solid var(--bor--opa--bk--rgba--50-1);
}
.textfield-module_textfield--small-IzscS {
  font-size: 14px;
  padding: 0 10px;
  height: 32px;
  border-radius: 4px;
}
.textfield-module_textfield--medium-mk2jR {
  font-size: 16px;
  padding: 0 12px;
  height: 36px;
  border-radius: 6px;
}
.textfield-module_textfield--large-eR_Yy {
  font-size: 16px;
  padding: 0 16px;
  width: 100%;
  height: 48px;
  border-radius: 8px;
}

.textfield-module_success-Q4mOj {
  border: 1px solid var(--sys--pos--500-1) !important;
}

.textfield-module_negative-YdbFM {
  border: 1px solid var(--sys--neg--500-1) !important;
}
.textfield-module_textfield-reset-yJznX {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 36px;
  background: transparent;
  border: 0;
}
.textfield-module_textfield-reset-yJznX > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.textfield-module_textfield-reset-yJznX > div > div > svg > path:nth-child(1) {
  fill: var(--img--neu--50-1);
}

/*모달*/
.modalsmall-module_back_dim-bwUff {
  position: fixed;
  inset: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden auto;
}
.modalsmall-module_div_table-kwNdy {
  display: table;
  height: 100%;
  margin: 0px auto;
}
.modalsmall-module_div_table_cell-ANILG {
  display: table-cell;
  vertical-align: middle;
}
.modalsmall-module_layer-pop-WwQhZ {
  width: 380px;
  padding: 24px 0 30px 0;
  overflow: hidden;
  background-color: #fff;
  z-index: 1001;
  text-align: center;
  display: block;
  border-radius: 14px;
}
.modalsmall-module_layer-pop-WwQhZ.modalsmall-module_vertical-center-LHSxk {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modalsmall-module_layer-pop-WwQhZ.modalsmall-module_cover-select-qAqI5 {
  width: 900px;
  /* height: 80%; */
  padding: 0;
  max-height: 685px;
  overflow: hidden;
  background-color: #fff;
  position: fixed;
  z-index: 1001;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.modalsmall-module_layer-pop-wrap-Etrsd {
  padding: 30px 40px 40px;
  height: 100%;
}
.modalsmall-module_layer-pop-title-zM9rj {
  font-size: 18px;
  font-weight: 600;
  padding: 0 30px 10px 30px;
  line-height: 26px;
  white-space: pre-line;
}
.modalsmall-module_layer-pop-title-zM9rj + .modalsmall-module_layer-pop-btn-_1eHr {
  padding-top: 14px;
}
.modalsmall-module_layer-pop-body-lcgge {
  padding: 0 30px;
  text-align: center;
  font-size: 16px;
  color: #464858;
  overflow: hidden;
  word-break: break-all;
  white-space: pre-line;
}
.modalsmall-module_layer-pop-body-lcgge.modalsmall-module_cover-box-US_eQ {
  height: calc(100% - 175px);
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
}
.modalsmall-module_layer-pop-body-lcgge.modalsmall-module_cover-box-US_eQ.modalsmall-module_step1-mPTle {
  height: calc(100% - 215px);
}
.modalsmall-module_layer-pop-body-lcgge .modalsmall-module_pop-input-iRENq {
  text-align: left;
  width: 100%;
  display: table;
  color: #24252e;
}
.modalsmall-module_layer-pop-body-lcgge .modalsmall-module_pop-input-iRENq > div {
  display: table-cell;
  color: #464858;
}
.modalsmall-module_layer-pop-body-lcgge .modalsmall-module_pop-input-iRENq .modalsmall-module_index-_5EIz {
  /*width: 88px;*/ /* 라벨 width 수정 */
  width: initial; /* 라벨 width 수정 */
  min-width: 65px; /* 라벨 width 수정 */
}
.modalsmall-module_layer-pop-body-lcgge > .modalsmall-module_pop-input-iRENq + .modalsmall-module_pop-input-iRENq {
  margin-top: 10px;
}
.modalsmall-module_layer-pop-body-lcgge .modalsmall-module_text-input-jGBZL.modalsmall-module_h-36-ZrJUG {
  width: 100%;
}
.modalsmall-module_layer-pop-btn-_1eHr {
  padding: 24px 30px 0 30px;
  display: -webkit-flex;
  display: flex;
}
.modalsmall-module_pop-input-iRENq .modalsmall-module_index-_5EIz {
  width: 92px;
}
.modalsmall-module_pop-input-iRENq > div {
  display: table-cell;
}
.modalsmall-module_pop-input-iRENq + .modalsmall-module_pop-input-iRENq {
  margin-top: 16px;
}
.modalsmall-module_pop-input-iRENq > div > span {
  font-weight: 600;
  color: #3e6de3;
}
.modalsmall-module_emphasis-FyHa5 {
  font-weight: 600;
  color: #3e6de3;
}
.modalsmall-module_pop-input-iRENq.modalsmall-module_radio-ge6kv + .modalsmall-module_radio-ge6kv {
  margin-top: 10px;
}
.modalsmall-module_pop-input-subtext-TI7Xk {
  font-size: 13px;
  color: #464858;
  padding-left: 24px;
  margin-top: 4px;
  line-height: 18px;
}
.modalsmall-module_text-center-ZKyVr {
  text-align: center;
}
.modalsmall-module_icon-h48-OJDi6 {
  width: 48px;
  height: 48px;
  background-image: url(../../assets/images/1f24796d0498607fdef1.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.modalsmall-module_icon-h20--Delete-red-m6SVR {
  background-position: -58px 0;
}
.modalsmall-module_icon-h20--Block-red-Nel44 {
  background-position: -174px 0;
}
.modalsmall-module_icon-area-u3efq {
  margin-bottom: 16px;
  height: 48px;
}
.modalsmall-module_caution-text-KEnQS {
  color: #de3535;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.modalsmall-module_report-text-uMSrI {
  color: #727383;
  font-size: 14px;
  margin: 10px 0 20px 0;
}
.modalsmall-module_pb-10-jXMxh {
  padding-bottom: 10px !important;
}
.modalsmall-module_pt-10-NXrsG {
  padding-top: 10px !important;
}
.modalsmall-module_mb-10-X1RgE {
  margin-bottom: 10px !important;
}
.modalsmall-module_mt-10-UDxnc {
  margin-top: 10px !important;
}
.modalsmall-module_report-select-rZsaA li:last-child {
  padding: 0;
}
.modalsmall-module_report-select-rZsaA li {
  text-align: left;
  padding: 0 0 10px 0;
}
.modalsmall-module_report-select-rZsaA li span {
  font-size: 15px !important;
}
.modalsmall-module_layer-pop-box-aXcGn {
  border-radius: 8px;
  background-color: #f7f7f8;
  padding: 14px 18px 16px 18px;
}
.modalsmall-module_layer-pop-box-aXcGn .modalsmall-module_box-list-NADc4 {
  display: flex;
  flex-flow: column wrap;
  gap: 4px;
  font-size: 15px;
}
.modalsmall-module_layer-pop-box-aXcGn .modalsmall-module_box-list-NADc4 li {
  font-size: 14px;
  text-align: left;
  color: #727383;
  padding-left: 20px;
  position: relative;
}
.modalsmall-module_layer-pop-box-aXcGn .modalsmall-module_box-list-NADc4 li:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #727383;
  position: absolute;
  top: 8px;
  left: 8px;
}
.modalsmall-module_layer-pop-box-aXcGn .modalsmall-module_box-list-sum-rTIwL {
  display: flex;
  flex-flow: column wrap;
  gap: 2px;
  font-weight: 500;
  font-size: 16px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #dfdfe2;
  color: #24252e;
}
.modalsmall-module_layer-pop-box-aXcGn > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalsmall-module_font-500-GGEp5 {
  font-weight: 500;
}
.modalsmall-module_font-16-Z71AL {
  font-size: 16px;
}
.modalsmall-module_info-text-r4lhr {
  font-size: 14px;
  color: #727383;
  margin-top: 6px;
}
.modalsmall-module_layer-pop-text-flex-LWbt1 {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.modalsmall-module_report-select-rZsaA textarea {
  height: 104px !important;
}
.modalsmall-module_help-text-pgpyu {
  text-align: left;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_large-q0AOH {
  font-size: 13px;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_small-OLteg,
.modalsmall-module_help-text-pgpyu.modalsmall-module_medium-XrdxR {
  font-size: 13px;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_small-OLteg.modalsmall-module_warning-Haw1R,
.modalsmall-module_help-text-pgpyu.modalsmall-module_medium-XrdxR.modalsmall-module_warning-Haw1R {
  margin: 6px 0 0 2px;
  color: #e4780c;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_small-OLteg.modalsmall-module_success-XfTLm,
.modalsmall-module_help-text-pgpyu.modalsmall-module_medium-XrdxR.modalsmall-module_success-XfTLm {
  margin: 6px 0 0 2px;
  color: #00a300;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_small-OLteg.modalsmall-module_infomative-XkrY5,
.modalsmall-module_help-text-pgpyu.modalsmall-module_medium-XrdxR.modalsmall-module_infomative-XkrY5 {
  margin: 6px 0 0 2px;
  color: #3198f2;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_small-OLteg.modalsmall-module_negative-zvNmd,
.modalsmall-module_help-text-pgpyu.modalsmall-module_medium-XrdxR.modalsmall-module_negative-zvNmd {
  margin: 6px 0 0 2px;
  color: #de3535;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_large-q0AOH.modalsmall-module_warning-Haw1R {
  margin: 8px 0 0 2px;
  color: #e4780c;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_large-q0AOH.modalsmall-module_success-XfTLm {
  margin: 8px 0 0 2px;
  color: #00a300;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_large-q0AOH.modalsmall-module_infomative-XkrY5 {
  margin: 8px 0 0 2px;
  color: #3198f2;
}

.modalsmall-module_help-text-pgpyu.modalsmall-module_large-q0AOH.modalsmall-module_negative-zvNmd {
  margin: 8px 0 0 2px;
  color: #de3535;
}

.modalsmall-module_contest-info-text-WCXIB {
  font-size: 16px;
  color: #464858;
}

.modalsmall-module_contest-info-text-WCXIB .modalsmall-module_limited-entry-info-text-soxsL {
  color: #3e6de3;
}

/*작품 리스트 타입*/
.homepreferlist-module_book-list-area-EbpOs {
  box-sizing: border-box;
  margin: 0;
}

.homepreferlist-module_book-list-area-EbpOs ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 34px;
}
.homepreferlist-module_book-list-area-EbpOs li {
  width: 100%;
}
.homepreferlist-module_book-list-area-EbpOs li button {
  background-color: transparent;
  border: 0;
  text-align: left;
}
.homepreferlist-module_book-type-list-_VPbW {
  position: relative;
  display: flex;
  gap: 14px;
}
.homepreferlist-module_book-type-list-_VPbW.homepreferlist-module_private-ThJfT .homepreferlist-module_book-cover-inner-X8wLX img {
  opacity: 0.4;
}
.homepreferlist-module_book-type-list-_VPbW.homepreferlist-module_private-ThJfT .homepreferlist-module_book-info-K7M1r .homepreferlist-module_novel-title-lwSD6 {
  color: #727383;
}
.homepreferlist-module_book-type-list-_VPbW.homepreferlist-module_private-ThJfT .homepreferlist-module_book-info-K7M1r .homepreferlist-module_novel-author-M0BwJ {
  color: #a2a3ad;
}
.homepreferlist-module_book-type-list-_VPbW .homepreferlist-module_book-info-K7M1r {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.homepreferlist-module_novel-genre-zU4yJ {
  font-size: 14px;
  color: #a2a3ad;
  font-weight: 600;
  position: relative;
}
.homepreferlist-module_novel-genre-zU4yJ span {
  color: #464858;
}
.homepreferlist-module_novel-title-lwSD6 {
  font-size: 16px;
  color: #24252e;
  font-weight: 500;
  line-height: 23px;
  height: 23px;
}
.homepreferlist-module_text-ellipsis-GjxZh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepreferlist-module_text-ellipsis-wrap-eWoiy {
  line-height: 1;
  display: flex;
  width: auto;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-word;
  margin: 2px 0 0 0;
  gap: 4px;
  align-items: center;
}
.homepreferlist-module_text-ellipsis-wrap-eWoiy .homepreferlist-module_article-kp_jl {
  display: table-cell;
}
.homepreferlist-module_text-ellipsis-wrap-eWoiy .homepreferlist-module_article-kp_jl .homepreferlist-module_article-inner-KKeMO {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.homepreferlist-module_text-ellipsis-wrap-eWoiy .homepreferlist-module_icon-new-wrap-rlV4v {
  display: table;
  white-space: nowrap;
  word-break: break-word;
  position: relative;
}
/*icon-h16만 있음*/
.homepreferlist-module_text-ellipsis-wrap-eWoiy .homepreferlist-module_icon-new-wrap-rlV4v .homepreferlist-module_icon-16-ad0Dj {
  margin: 2px 0 0 0;
}

.homepreferlist-module_divided-textline-owqUM {
  margin: 0 6px 0 6px;
  height: 10px;
  width: 1px;
  background-color: #c1c2c7;
  display: inline-block;
}

.homepreferlist-module_book-list-qcfVw:hover .homepreferlist-module_book-info-K7M1r .homepreferlist-module_novel-title-lwSD6 {
  text-decoration: underline;
}

.homepreferlist-module_novel-title-lwSD6 .homepreferlist-module_icon-new-wrap-rlV4v .homepreferlist-module_badge-HVcei {
  margin: 3px 0 0 0;
}

.homepreferlist-module_novel-author-M0BwJ {
  font-size: 14px;
  color: #464858;
  display: block;
}

.homepreferlist-module_book-type-list-_VPbW .homepreferlist-module_book-cover-YDOve.homepreferlist-module_width-58-UOsCO {
  float: left;
}

.homepreferlist-module_book-type-list-_VPbW .homepreferlist-module_book-cover-YDOve.homepreferlist-module_width-92-IHu2r {
  float: left;
}

.homepreferlist-module_novel-folder-LZOVs {
  font-size: 14px;
  color: #727383;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 18px;
  vertical-align: middle;
  padding-left: 20px;
  position: relative;
}

.homepreferlist-module_icon-h18-jtRtM {
  width: 18px;
  height: 18px;
  background-image: url(../../assets/images/43b6a4348d77df318838.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.homepreferlist-module_icon-h18--RoundedBox-Fill-Up-aT5Kf {
  background-position: -904px -84px;
  width: 24px;
}

.homepreferlist-module_icon-h18--RoundedBox-Fill-NovelEnd-LZj4R {
  width: 29px;
  background-position: -476px -84px;
}

.homepreferlist-module_icon-h18--RoundedBox-Fill-NovelRest-AFq6c {
  width: 29px;
  background-position: -515px -84px;
}

.homepreferlist-module_icon-h18--RoundedBox-Fill-Private-ckmlE {
  width: 40px;
  background-position: -854px -84px;
}

.homepreferlist-module_icon-h16-z1skl {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.homepreferlist-module_icon-h16--Folder-bluegray300-GQPl1 {
  background-position: -26px -78px;
  position: absolute;
  left: 0;
  top: 0;
}

.homepreferlist-module_icon-h16--PrivateFolder-bluegray300-yfzLa {
  background-position: -78px -78px;
  position: absolute;
  left: 0;
  top: 0;
}

.homepreferlist-module_icon-h16--RoundedBox-Fill-Up-2-gn_LH {
  background-position: -370px -130px;
  width: 21px;
}

.homepreferlist-module_icon-h16--RoundedBox-Fill-Private-V4JTl {
  background-position: -324px -130px;
  width: 36px;
}

.homepreferlist-module_icon-h16--Folder-bluegray100-kmlu3 {
  background-position: 0 -78px;
  position: absolute;
  left: 0;
  top: 0;
}

.homepreferlist-module_icon-h24-FRwwJ {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/images/db8d8a87430cd7038860.svg);
  background-repeat: no-repeat;
  display: inline-block;
}

.homepreferlist-module_icon-h24--ListOrder-bluegray100-Y5GWi {
  background-position: -34px -34px;
  cursor: pointer;
}

.homewrap-module_section-bg-qpSeg {
  padding: 20px 30px 24px 30px;
  border-radius: 10px;
  background-color: #f7f7f8;
  position: relative;
}
.homewrap-module_section-title-ghERs {
  font-size: 18px;
  color: #24252e;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 0 13px 0;
  gap: 7px;
}
.homewrap-module_text-ellipsis-_DUmC {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.homewrap-module_btn-more-Ha9Us {
  color: #a2a3ad;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  position: absolute;
  right: 30px;
  top: 24px;
  background-color: transparent;
  border: 0;
}
.homewrap-module_section-title-ghERs .homewrap-module_prefer-total-LRe4j {
  color: #727383;
  display: inline-block;
  margin-left: 8px;
}
.homewrap-module_contract-total-L_PyL {
  background: #f55e00;
  border-color: #f55e00;
  color: #fff;
  border-radius: 18px;
  font-size: 12px;
  height: 18px;
  padding: 0 5px;
  font-weight: 600;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}
.homewrap-module_more-btn-ooPW7 {
  right: 30px;
  top: 18px;
  position: absolute;
}

.homeboard-module_board-lastest-AXsLg button {
  align-items: center;
  display: flex;
  text-align: left;
  background-color: transparent;
  border: 0;
}
.homeboard-module_board-lastest-AXsLg ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px 0;
}

.homeboard-module_board-list-xluOV {
  color: #24252e;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  width: auto;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  align-items: center;
  gap: 8px;
}
.homeboard-module_category-dk99I {
  color: #727383;
  word-break: break-all;
  white-space: normal;
  max-width: 154px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex-basis: auto;
  flex-shrink: 0;
}
.homeboard-module_article-HQ6Tu {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: left;
}
.homeboard-module_nick-NHps2 {
  color: #727383;
  font-weight: 600;
}
.homeboard-module_date-xbr6B {
  color: #a2a3ad;
}

.homecounter-module_home-counter-rEmqL {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 100px;
}
.homecounter-module_home-counter-rEmqL li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 190px;
  height: 32px;
  justify-content: space-between;
  font-weight: 500;
  font-size: 18px;

  color: #727383;
}
.homecounter-module_home-counter-rEmqL li span {
  display: flex;
  align-items: flex-end;
  text-align: right;
  font-weight: 600;
  font-size: 22px;
}
.homecounter-module_counter-today-Kde2G {
  color: #f55e00;
}
.homecounter-module_counter-total-no7S0 {
  color: #24252e;
}

.homeguestbook-module_text-ellipsis-n7ga7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.homeguestbook-module_text-ellipsis-2-we5yj {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.homeguestbook-module_fanart-article-TQB2M {
  color: #464858;
  font-size: 16px;
}
.homeguestbook-module_writer-info-V3k3r {
  margin-top: 12px;
  height: 24px;
  color: #727383;
  font-size: 14px;
}
.homeguestbook-module_btn-more-qyqum {
  color: #a2a3ad;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  position: absolute;
  right: 30px;
  top: 24px;
  background-color: transparent;
  border: 0;
}
.homeguestbook-module_txt-divide-G6ty0 {
  display: inline-block;
  font-weight: 400;
  color: #c1c2c7;
}

.homeguestbook-module_guestbook-lastest-PUkkd button {
  align-items: center;
  display: flex;
  text-align: left;
  background-color: transparent;
  border: 0;
}
.homeguestbook-module_guestbook-lastest-PUkkd ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 12px 0;
}

.homeguestbook-module_guestbook-list-FfRCL {
  align-items: center;
  display: flex;
  height: 72px;
}
.homeguestbook-module_guestbook-info-ugbc9 {
  flex-direction: column;
  flex: 1 1 0%;
  display: flex;
  margin-left: 14px;
}
.homeguestbook-module_guestbook-article-IQvzr {
  color: #24252e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 4px 0;
  white-space: pre-line;
  word-break: break-all;
  min-height: 24px;
}
.homeguestbook-module_nick-wrap-hclQd {
  display: flex;
  align-items: center;
  gap: 5px;
}
.homeguestbook-module_nick-LTkOx {
  color: #727383;
  font-weight: 600;
}
.homeguestbook-module_date-G7o8E {
  color: #a2a3ad;
}
.homeguestbook-module_guestbook-empty-profile-CixCF {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  background: url(../../assets/images/749e3a61148dec5dfdf1.png);
  background-size: 100%;
}

.profile-module_profile-img-UadLJ {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background-color: #d8dbdf;
  vertical-align: middle;
  border: 1px solid #d8dbdf;
  float: left;
}
.profile-module_profile-img--large-QFvNZ {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 4px solid #fff;
}
.profile-module_profile-img--medium-WBXe7 {
  width: 64px;
  height: 64px;
  border-radius: 32px;
}

.profile-module_profile-img--small-F91hl {
  width: 32px;
  height: 32px;
  border-radius: 19px;
}
.profile-module_profile-img--tiny-bIsI8 {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.profile-module_profile-img-UadLJ.profile-module_w-120-cmlEt.profile-module_blank-l6mF_ {
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8dbdf;
  text-align: center;
  vertical-align: middle;
}
.profile-module_profile-img-UadLJ.profile-module_w-120-cmlEt.profile-module_blank-l6mF_:before {
  content: '';
  width: 104px;
  height: 104px;
  top: 7px;
  left: 7px;
  position: absolute;
  border-radius: 6px;
  background-position: center;
  background-color: #f7f7f8;
}

.profile-module_profile-img-UadLJ.profile-module_w-cover-syf4M.profile-module_blank-l6mF_ {
  width: 100%;
  height: 93px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #d8dbdf;
  text-align: center;
  vertical-align: middle;
}
.profile-module_profile-img-UadLJ.profile-module_w-cover-syf4M.profile-module_blank-l6mF_:before {
  content: '';
  width: 1064px;
  height: 77px;
  top: 7px;
  left: 7px;
  position: absolute;
  border-radius: 6px;
  background-position: center;
  background-color: #f7f7f8;
}

.profile-module_profile-img-UadLJ.profile-module_w-120-cmlEt.profile-module_circle-sI5l8 {
  border-radius: 60px;
}

.profile-module_profile-img-UadLJ.profile-module_w-64-fnEbl.profile-module_empty-Ebj_v:before {
  content: '?';
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  line-height: 64px;
}
.profile-module_profile-img-UadLJ.profile-module_w-32-LKaWh.profile-module_empty-Ebj_v:before {
  content: '?';
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 32px;
}
.profile-module_profile-img-UadLJ.profile-module_w-24-NDnwa.profile-module_empty-Ebj_v:before {
  content: '?';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 24px;
}
.profile-module_profile-img-UadLJ.profile-module_w-16-W9rZK {
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px;
}
.profile-module_profile-img-UadLJ img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.radiobutton-module_radiobutton-XslRy input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #dfdfe2;
  outline: none;
  background-color: transparent;
  vertical-align: middle;
  margin: -2px 8px 0 0;
  cursor: pointer;
}
.radiobutton-module_radiobutton-XslRy input[type='radio']:checked {
  background-color: #fff;
  border: 5px solid #3e6de3;
}
.radiobutton-module_radiobutton-XslRy input[type='radio']:disabled {
  background-color: #ececee;
  border: 1px solid #dfdfe2;
  cursor: default;
}
.radiobutton-module_radiobutton-XslRy input[type='radio']:disabled:checked {
  background-color: #ececee;
  border: 5px solid #a3a4ae;
  cursor: default;
}
.radiobutton-module_radiobutton-XslRy input[type='radio'] + span {
  color: #24252e;
}
.radiobutton-module_radiobutton-XslRy input[type='radio']:disabled + span {
  color: #a3a4ae;
}
.radiobutton-module_radiobutton--medium-xceqT span {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
}
.radiobutton-module_radiobutton--small-h6pgo span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}
.radiobutton-module_radiobutton-XslRy + .radiobutton-module_radiobutton-XslRy {
  margin-left: 30px;
}
.radiobutton-module_radiobutton--small-h6pgo + .radiobutton-module_radiobutton--small-h6pgo {
  margin-left: 20px;
}

/*텍스트에리어*/
textarea::placeholder {
  color: #a2a3ad;
  white-space: pre-wrap;
}
textarea.textarea-module_textarea-udRmg:focus {
  border-color: #24252e;
}
textarea.textarea-module_textarea-udRmg.textarea-module_error-UknNS {
  border-color: #de3535;
}
textarea.textarea-module_textarea-udRmg {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  -webkit-appearance: none;
  resize: none;
  box-sizing: border-box;
  outline: 0;
  position: relative;
  white-space: pre-wrap;
}
textarea.textarea-module_textarea--small-yQbUR {
  padding: 10px 14px;
  border-color: #dfdfe2;
  font-size: 14px;
  height: 140px;
  background-color: #fff;
  border-radius: 5px;
}
textarea.textarea-module_textarea--medium-yAVRm {
  padding: 10px 14px;
  border-color: #dfdfe2;
  font-size: 15px;
  height: 140px;
  background-color: #fff;
  border-radius: 6px;
}
textarea.textarea-module_textarea--large-VnnJh {
  padding: 10px 14px;
  border-color: #dfdfe2;
  font-size: 16px;
  height: 140px;
  background-color: #fff;
  border-radius: 7px;
}
textarea.textarea-module_textarea--medium-yAVRm.textarea-module_textarea--ghost-H7e9l,
textarea.textarea-module_textarea--large-VnnJh.textarea-module_textarea-ghost-opn4P {
  padding: 10px 14px;
  border-color: transparent;
}
textarea.textarea-module_textarea--small-yQbUR.textarea-module_textarea--ghost-H7e9l {
  padding: 20px 0;
  border-color: transparent;
}
textarea:disabled {
  border-color: #dfdfe2;
  color: #a3a4ae;
  background-color: #ececee;
}
textarea.textarea-module_textarea-udRmg.textarea-module_h440-vqD9t {
  height: 440px;
}

.homefanart-module_text-ellipsis-WT4ES {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/*button을 a ㅌ그로 변경*/
.homefanart-module_fanart-article-YFNJC a {
  color: #000000;
}

.homefanart-module_writer-info-xT7nn {
  margin-top: 12px;
  height: 24px;
  color: #727383;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.homefanart-module_btn-more-jYTzv {
  color: #a2a3ad;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  height: 19px;
  line-height: 19px;
  position: absolute;
  right: 30px;
  top: 24px;
  background-color: transparent;
  border: 0;
}
.homefanart-module_txt-divide-ADSfH {
  display: inline-block;
  font-weight: 400;
  color: #c1c2c7;
}
.homefanart-module_fanart-lastest-IqPLO {
  flex-direction: column;
  display: flex;
}
.homefanart-module_fanart-lastest-IqPLO button {
  align-items: center;
  display: flex;
  text-align: left;
  background-color: transparent;
  border: 0;
}
.homefanart-module_novel-title-bJy8T {
  color: #727383;
  font-size: 14px !important;
  font-weight: 500;
  margin: 0 0 2px 0;
}
.homefanart-module_fanart-title-TOdCA {
  font-size: 18px;
  font-weight: 500;
}
.homefanart-module_fanart-article-YFNJC {
  color: #464858;
  font-size: 16px;
  width: 346px;
}
.homefanart-module_fanart-pic-NUayY {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border: 1px solid #d8dbdf;
  border-radius: 6px;
  width: 114px;
  height: 114px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  order: 3;
  margin-left: 20px;
}
.homefanart-module_nick-DN4lT {
  color: #24252e;
  vertical-align: middle;
  font-weight: 600;
}
.homefanart-module_date-bxq6B {
  font-size: 14px;
  color: #a2a3ad;
  margin: 0;
}

.homeboardsk-module_homewrap-sk-IAkiT {
  padding: 20px 30px 25px 30px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
}
.homeboardsk-module_board-lastest-sk-dZRlv {
  align-items: center;
  display: flex;
  gap: 12px;
  flex-flow: wrap;
  flex-direction: column;
  justify-content: left;
}
.homeboardsk-module_homewrap-sk-IAkiT .homeboardsk-module_title-sk-iMT2u {
  width: 100px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 12px;
}
.homeboardsk-module_board-lastest-sk-dZRlv > div {
  height: 23px;
  background-color: rgba(0, 0, 0, 0.02);
  width: 400px;
}
.homeboardsk-module_board-lastest-sk-dZRlv > div:nth-of-type(2) {
  width: 360px;
}
.homeboardsk-module_board-lastest-sk-dZRlv > div:nth-of-type(3) {
  width: 100%;
}
.homeboardsk-module_board-lastest-sk-dZRlv > div:nth-of-type(4) {
  width: 300px;
}

.homecountersk-module_homewrap-sk-VdIcI {
  padding: 20px 30px 25px 30px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
}
.homecountersk-module_homewrap-sk-VdIcI .homecountersk-module_title-sk-SxDuS {
  width: 100px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 12px;
}
.homecountersk-module_home-counter-sk-KM1t6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 100px;
}
.homecountersk-module_home-counter-sk-KM1t6 li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 190px;
  height: 32px;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.02);
}

.homefanartsk-module_homewrap-sk-Y5Ucl {
  padding: 20px 30px 25px 30px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
}
.homefanartsk-module_homewrap-sk-Y5Ucl .homefanartsk-module_title-sk-F7zKa {
  width: 100px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 12px;
}
.homefanartsk-module_fanart-wrap-sk-M8sBu {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.homefanartsk-module_pic-sk-hrkJb {
  width: 116px;
  height: 116px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  overflow: hidden;
  order: 3;
  margin-left: 20px;
}
.homefanartsk-module_meta-sk-AitYw {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 346px;
}
.homefanartsk-module_meta-sk-AitYw > div {
  background-color: rgba(0, 0, 0, 0.02);
  height: 20px;
  width: 150px;
}
.homefanartsk-module_meta-sk-AitYw > div:nth-of-type(2) {
  height: 24px;
  width: 100%;
}
.homefanartsk-module_meta-sk-AitYw > div:nth-of-type(3) {
  height: 22px;
  width: 300px;
}
.homefanartsk-module_meta-sk-AitYw > div:nth-of-type(4) {
  margin-top: 6px;
  height: 22px;
  width: 149px;
}

.homeguestbooksk-module_homewrap-sk-HQLl4 {
  padding: 20px 30px 25px 30px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
}
.homeguestbooksk-module_homewrap-sk-HQLl4 .homeguestbooksk-module_title-sk-WXI2S {
  width: 100px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 12px;
}
.homeguestbooksk-module_guestbook-wrap-sk-EDL0P {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.homeguestbooksk-module_guestbook-sk-GUCkw {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 14px;
}
.homeguestbooksk-module_guestbook-sk-GUCkw .homeguestbooksk-module_profile-sk-KuNhl {
  width: 64px;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 32px;
  flex-basis: auto;
  flex-shrink: 0;
}
.homeguestbooksk-module_guestbook-sk-GUCkw .homeguestbooksk-module_meta-sk-CD3ku {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  align-items: flex-start;
}
.homeguestbooksk-module_guestbook-sk-GUCkw .homeguestbooksk-module_meta-sk-CD3ku > div {
  background-color: rgba(0, 0, 0, 0.02);
  height: 23px;
  width: 100%;
}
.homeguestbooksk-module_guestbook-sk-GUCkw .homeguestbooksk-module_meta-sk-CD3ku > div:nth-of-type(2) {
  height: 24px;
  width: 121px;
}

.homepreferlistsk-module_homewrap-sk-cjlHJ {
  padding: 20px 30px 25px 30px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
}
.homepreferlistsk-module_homewrap-sk-cjlHJ .homepreferlistsk-module_title-sk-RWWoR {
  width: 100px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 12px;
}
.homepreferlistsk-module_prefer-wrap-sk-LaF57 {
  display: flex;
  gap: 34px;
  flex-direction: row;
}
.homepreferlistsk-module_prefer-wrap-sk-LaF57 + .homepreferlistsk-module_prefer-wrap-sk-LaF57 {
  margin-top: 10px;
}
.homepreferlistsk-module_prefer-sk-svz38 {
  display: flex;
  gap: 14px;
  width: 100%;
}
.homepreferlistsk-module_prefer-sk-svz38 .homepreferlistsk-module_book-sk-H42jN {
  width: 57px;
  height: 81px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  flex-basis: auto;
  flex-shrink: 0;
}
.homepreferlistsk-module_prefer-sk-svz38 .homepreferlistsk-module_meta-sk-bm3ry {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  align-items: flex-start;
}
.homepreferlistsk-module_prefer-sk-svz38 .homepreferlistsk-module_meta-sk-bm3ry > div {
  background-color: rgba(0, 0, 0, 0.02);
  height: 22px;
  width: 100%;
}
.homepreferlistsk-module_prefer-sk-svz38 .homepreferlistsk-module_meta-sk-bm3ry > div:nth-of-type(2) {
  height: 20px;
  width: 119px;
}
.homepreferlistsk-module_prefer-sk-svz38 .homepreferlistsk-module_meta-sk-bm3ry > div:nth-of-type(3) {
  height: 20px;
  margin-top: 8px;
  width: 80px;
}

/*작품 정렬*/
.homemynovellistsk-module_top-books-area-sk-xxaJh {
  width: 1100px;
  box-sizing: border-box;
  margin-top: 16px;
  margin-bottom: 24px;
}
.homemynovellistsk-module_top-books-area-sk-xxaJh ul {
  display: grid;
  grid-template-columns: repeat(7, 146px);
  gap: 20px 13px;
}
.homemynovellistsk-module_novel-sk-hMHQ5 {
  width: 146px;
  height: 309px;
}
.homemynovellistsk-module_book-cover-sk-Tn57t {
  width: 146px;
  height: 208px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.homemynovellistsk-module_book-info-sk-pARIz {
  margin-top: 9px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div {
  background-color: rgba(0, 0, 0, 0.02);
  height: 18px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div:nth-of-type(1) {
  height: 21px;
  width: 60px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div:nth-of-type(2) {
  height: 21px;
  width: 100%;
  margin-top: 1px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div:nth-of-type(3) {
  height: 19px;
  width: 80px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div:nth-of-type(4) {
  background: none;
  display: flex;
  gap: 10px;
  margin-top: 1px;
}
.homemynovellistsk-module_book-info-sk-pARIz > div:nth-of-type(4) > span {
  display: inline-flex;
  background-color: rgba(0, 0, 0, 0.02);
  height: 18px;
  width: 50px;
}

.tabsk-module_tab-bar-sk-HwuDf {
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  height: 37px;
  position: relative;
  overflow: hidden;
  margin: 20px 0 16px 0;
  display: flex;
  gap: 30px;
  align-items: flex-end;
}
.tabsk-module_tab-bar-sk-HwuDf span {
  display: inline-flex;
  width: 110px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.02);
  margin-bottom: 8px;
}
.tabsk-module_tab-bar-wBWRK ul li {
  float: left;
  margin: 0 27px 0 0;
  display: block;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.tabsk-module_tab-bar-wBWRK ul li a {
  position: relative;
  padding: 0 1px;
  display: inline-block;
  color: #24252e;
  text-decoration: none;
  font-weight: 500;
}
.tabsk-module_tab-bar-wBWRK ul li a > .tabsk-module_gray-dark-ozhtw {
  font-weight: 400;
  color: #727383;
}
.tabsk-module_tab-bar-wBWRK ul li a:hover:before,
.tabsk-module_tab-bar-wBWRK ul li a.tabsk-module_active-Oc0lv:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 4px;
  padding: 0 2px;
  background-color: #24252e;
  z-index: 2;
  display: block;
}

.tabsk-module_tab-bar-wBWRK ul li span {
  padding: 1px 0 10px 0;
  vertical-align: top;
  display: inline-block;
}
.tabsk-module_tab-bar-wBWRK.tabsk-module_no-line-ArFLn ul li span {
  padding: 0 0 10px 0;
}
.tabsk-module_tab-bar-wBWRK ul li a .tabsk-module_tab-menu-J5Qgx {
  margin: 0;
}
.tabsk-module_tab-bar-wBWRK ul li a.tabsk-module_active-Oc0lv .tabsk-module_tab-menu-J5Qgx {
  font-weight: 600;
}
.tabsk-module_ml-4-Jer39 {
  margin-left: 4px;
}
.tabsk-module_icon-h16-qK2un {
  width: 16px;
  height: 16px;
  background-image: url(../../assets/images/0111528f9d9f90ddc881.svg);

  background-repeat: no-repeat;
  display: inline-block;
}
.tabsk-module_icon-h16--Fixed_New-ldTul {
  background-position: 0 -130px;
  margin-left: 5px;
  margin-top: 6px;
}
.tabsk-module_icon-h16--Fixed_Up-YJMmp {
  background-position: -26px -130px;
  margin-left: 5px;
  margin-top: 6px;
}
.tabsk-module_right-area-KQ3wg {
  position: absolute;
  right: 0;
  top: 4px;
}

/*모달*/
.tutorial-module_back_dim-C_u7v {
  position: fixed;
  inset: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden auto;
}
.tutorial-module_div_table-e2dX3 {
  display: table;
  height: 100%;
  margin: 0px auto;
}
.tutorial-module_div_table_cell-dMifa {
  display: table-cell;
  vertical-align: middle;
}
.tutorial-module_layer-pop-lcxCr {
  width: 800px;
  padding: 30px 40px 40px;
  overflow: hidden;
  background-color: #fff;
  z-index: 1001;
  text-align: center;
  display: block;
  border-radius: 14px;
  height: 550px;
}
.tutorial-module_layer-pop-lcxCr.tutorial-module_vertical-center-EkMsY {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tutorial-module_layer-pop-lcxCr .tutorial-module_layer-pop-title-dch_Q {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 20px 0;
  line-height: 24px;
}
.tutorial-module_icon-h28-pMxwe {
  width: 28px;
  height: 28px;
  background-image: url(../../assets/images/2566119d808726a3c1a7.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.tutorial-module_icon-h28--Close-bluegray900-Xk3ZS {
  background-position: 0 -38px;
}
.tutorial-module_txt-divide-_1voX {
  display: inline-block;
  font-weight: 400;
  color: #c1c2c7 !important;
}
.tutorial-module_modal-close-dspIt {
  position: absolute;
  right: 40px;
  top: 28px;
  width: 28px;
  height: 28px;
}

.tutorial-module_tutorial-wrap-MNb_6 {
  padding: 8px 0 0 0;
  text-align: center;
  font-size: 16px;
  color: #535465;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tutorial-module_tutorial-title-IJE7o {
  display: flex;
  width: 720px;
  padding-bottom: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.tutorial-module_title-SWeE_ {
  font-size: 26px;
  font-weight: 600;
  color: #24252e;
}
.tutorial-module_title-SWeE_ span {
  color: #3e6de3;
}
.tutorial-module_sub-title-ZVFzw {
  color: #535465;
  font-size: 18px;
  font-weight: 500;
}
.tutorial-module_tutorial-vdtq4 {
  display: flex;
  padding: 7px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 28px;
  margin-top: 36px;
  width: 100%;
}
.tutorial-module_tutorial-list-_5wuc {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 0 0;
  width: 100%;
}
.tutorial-module_tutorial-content-tc05Y {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
}
.tutorial-module_tutorial-img-LAl29 {
  width: 100px;
  height: 100px;
  background-image: url(../../assets/images/26f5ff0f2ae196abf1b8.svg);
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.tutorial-module_tutorial-text-IRiPO {
  display: flex;
  padding-bottom: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
  color: #727383;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  flex-shrink: 1;
}
.tutorial-module_tutorial-text-IRiPO > div {
  color: #24252e;
  font-size: 15px;
  font-weight: 500;
  height: 22px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.tutorial-module_tutorial-text-IRiPO .tutorial-module_to-be-wIB2S {
  color: #658ae9;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  height: 18px;
  padding: 0 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #ecf0fc;
}
.tutorial-module_tutorial-text-IRiPO > span {
  color: #a3a4ae;
  font-size: 12px;
  font-weight: 400;
}
.tutorial-module_tutorial-img-LAl29.tutorial-module_tutorial-1-TSyD1 {
  background-position: 0 0;
}
.tutorial-module_tutorial-img-LAl29.tutorial-module_tutorial-2-L_lrO {
  background-position: -110px 0;
}
.tutorial-module_tutorial-img-LAl29.tutorial-module_tutorial-3-Ap0C5 {
  background-position: -220px 0;
}
.tutorial-module_tutorial-img-LAl29.tutorial-module_tutorial-4-ZzrPu {
  background-position: -330px 0;
}
.tutorial-module_tutorial-img-LAl29.tutorial-module_tutorial-5-H5akH {
  background-position: -440px 0;
}

@charset "UTF-8";
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Black.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-SemiBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraLight.woff2) format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'), url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Thin.woff2) format('woff2');
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI',
    'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    sans-serif;
}
body {
  margin: 0;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-weight: 400;
  color: #24252e;
}
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
div,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 600;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 600;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  cursor: pointer;
}
button a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.pointer {
  cursor: pointer !important;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
  border: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1;
  color: inherit;
}
.h1,
h1 {
  font-size: 32px;
}
.h2,
h2 {
  font-size: 28px;
}
.h3,
h3 {
  font-size: 24px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 14px;
}
.h6,
h6 {
  font-size: 12px;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
li {
  list-style: none;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.txt-divide {
  display: inline-block;
  margin: 0 6px;
  font-weight: 400;
}
/*폰트*/
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
/*정렬*/
.div-table {
  display: table;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
}
.div-table > div {
  display: table-cell;
}
/*간격*/
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-2 {
  line-height: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}

.float-l {
  float: left;
  position: relative;
}
.float-r {
  float: right;
  position: relative;
  /* overflow: hidden; */
  /* clear: both; */
}
.width-270 {
  width: 270px;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.p-6 {
  padding: 6px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.p-8 {
  padding: 8px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.p-10 {
  padding: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.p-16 {
  padding: 16px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.p-20 {
  padding: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.p-24 {
  padding: 24px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.p-30 {
  padding: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.p-32 {
  padding: 32px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.p-40 {
  padding: 40px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.p-100 {
  padding: 100px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.m-4 {
  margin: 4px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.m-5 {
  margin: 5px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.m-6 {
  margin: 6px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.m-8 {
  margin: 8px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.m-10 {
  margin: 10px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.m-12 {
  margin: 12px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.m-14 {
  margin: 14px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.m-15 {
  margin: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.m-20 {
  margin: 20px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.m-24 {
  margin: 24px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.m-30 {
  margin: 30px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.m-60 {
  margin: 60px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.w-230 {
  width: 230px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-min {
  min-width: min-content !important;
}
.min-w-max {
  min-width: max-content !important;
}
.min-w-fit {
  min-width: fit-content !important;
}
.min-w-0 {
  min-width: 0 !important;
}
.min-w-20 {
  min-width: 20px !important;
}
.min-w-100 {
  min-width: 100px !important;
}
.min-w-110 {
  min-width: 110px !important;
}
.min-w-120 {
  min-width: 120px !important;
}
.min-w-121 {
  min-width: 121px !important;
}
.min-w-150 {
  min-width: 150px !important;
}
.max-w-100 {
  max-width: 100px !important;
}
.max-w-110 {
  max-width: 110px !important;
}
.h-140 {
  height: 140px !important;
}
.h-385 {
  height: 385px !important;
}
.min-h-65 {
  min-height: 65px !important;
}
.min-h-700 {
  min-height: 700px !important;
}
.min-h-1000 {
  min-height: 1000px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.black,
a.black {
  color: #192530 !important;
}
.gray {
  color: #a2a3ad !important;
}
.gray-dark {
  color: #727383 !important;
}
.orange {
  color: #f55e00 !important;
}
.blue {
  color: #3858cd !important;
}
.red {
  color: #ef5350 !important;
}
.white {
  color: #fff !important;
}
.blue-light {
  color: #2aaafe !important;
}
.modal-text-highlight {
  font-weight: 600;
  color: #3e6de3;
}
/*영역 구분*/
.section-bg {
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.section-bg .section-title {
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.section-bg.bg-gray-light {
  background-color: #f8f8f8;
}
.section-bg.dashed {
  border: 1px dashed transparent;
}
.section-bg.bg-gray {
  background-color: #f8f8f8;
}
.section-bg.bg-black {
  background-color: #3d3e56;
}
.section-bg.bg-outline {
  border-color: #d8dbdf;
  background-color: #fff;
}
.section-bg.bg-outline.lightgray {
  border-color: #eee;
  background-color: #fff;
}
.section-bg.r-4 {
  border-radius: 4px;
}
.section-bg.bg-outline.gray-light-50 {
  border-color: #b4b7ba;
  background-color: #fff;
}

.section-bg.bg-outline-blue {
  border-color: #2aaafe;
  background-color: rgba(42, 170, 254, 0.15);
}
.section-bg.bg-blue {
  background-color: rgba(42, 170, 254, 0.15);
}
.section-bg.bg-orange {
  background-color: rgba(250, 100, 0, 0.08);
}
/* Layout */
.container {
  position: relative;
  width: 100%;
}

.container.manage-library {
  position: relative;
  width: 100%;
  padding-top: 110px;
}
.container:after,
.container .inner:after {
  content: '';
  display: block;
  clear: both;
}
.container .inner {
  width: 1100px;
  margin: 0 auto 0 auto !important;
  position: relative;
}
.container .inner-1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.library-body {
  position: relative;
  width: 806px;
  vertical-align: top;
  float: right;
  margin-left: 40px;
}
.home-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-grow: 1;
  justify-content: space-between;
  gap: 0 20px;
  margin-top: 20px;
}
.home-grid-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px 0;
}
.manage-home-grid {
  display: grid;
  grid-template-columns: 724px 356px;
  gap: 20px;
  margin-top: 20px;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-start.rate-graph > div:nth-of-type(1) {
  width: 188px;
}
.flex-start.rate-graph > div:nth-of-type(2) {
  width: 852px;
}
.flex-row {
  display: flex;
  flex-flow: row;
}
.hidden {
  display: none !important;
}
.gap-60 {
  gap: 60px;
}
.static {
  position: static !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.fixed {
  position: fixed !important;
}
.sticky {
  position: sticky !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-5 {
  opacity: 0.05 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}

:root {
    /* Color styles */
    --neu--bk: #000000;
    --neu--00: #ffffff;
    --blg--900: #24252e;
    --blg--800: #2d2e39;
    --blg--700: #3b3c4a;
    --blg--600: #464858;
    --blg--500: #535465;
    --blg--400: #636474;
    --blg--300: #727383;
    --blg--200: #888996;
    --blg--100: #a3a4ae;
    --blg--50: #c1c2c7;
    --blg--40: #cfd0d3;
    --blg--30: #dfdfe2;
    --blg--20: #ececee;
    --blg--10: #f7f7f8;
    --pri--900: #162959;
    --pri--800: #1b336d;
    --pri--700: #274694;
    --pri--600: #325abc;
    --pri--500: #3e6de3;
    --pri--400: #658ae9;
    --pri--300: #8ba7ee;
    --pri--200: #b2c5f4;
    --pri--100: #d1dcf8;
    --pri--50: #e0e8fb;
    --pri--30: #ecf0fc;
    --pri--10: #f4f6fd;
    --sec--red--600: #c11515;
    --sec--red--500: #e83030;
    --sec--red--400: #ef7171;
    --sec--orange--600: #d65200;
    --sec--orange--500: #f55e00;
    --sec--orange--400: #ffa46b;
    --sec--orange--50: #ffe6d6;
    --sec--orange--10: #fff6f0;
    --sec--gold--600: #cf7f17;
    --sec--gold--500: #e99d3a;
    --sec--gold--400: #e9ae63;
    --sec--green--600: #12874d;
    --sec--green--500: #00a352;
    --sec--green--400: #4dc78a;
    --sec--sky--600: #027dbb;
    --sec--sky--500: #0096e0;
    --sec--sky--400: #45bcf7;
    --sec--sky--50: #ceedfd;
    --sec--sky--10: #ebf8fe;
    --sys--inf--600: #0467be;
    --sys--inf--500: #0777da;
    --sys--inf--400: #3198f2;
    --sys--neg--600: #c62f2f;
    --sys--neg--500: #de3535;
    --sys--neg--400: #fc4a4a;
    --sys--cau--600: #cb6b0b;
    --sys--cau--500: #e4780c;
    --sys--cau--400: #ef8925;
    --sys--pos--600: #008500;
    --sys--pos--500: #00a300;
    --sys--pos--400: #08ba08;
}

@charset "UTF-8";
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local('Pretendard Black'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Black.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard ExtraBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraBold.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Bold.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard SemiBold'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-SemiBold.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Medium.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Regular.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Light'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Light.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local('Pretendard ExtraLight'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-ExtraLight.woff2)
      format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local('Pretendard Thin'),
    url(https://cdn1.munpia.com/v2/assets/fonts/Pretendard-Thin.woff2)
      format('woff2');
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto,
    'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR',
    'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}

/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
div,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

input[type='search'] {
  -webkit-appearance: textfield;
  outline: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 600;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
}

a:focus,
a:hover {
  color: #23527c;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:active,
a:hover {
  outline: 0;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
  border: 0;
}


/*# sourceMappingURL=index.7a9a37bdd46a901cbaf1.css.map*/