@charset "UTF-8";
.snb-wrap {
    display: flex;
    width: var(--l-page-snb-width);
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.snb {
    display: flex;
    padding: 12px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    background: var(--color-neu-00);
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.snb a,
.snb span {
    height: 32px;
    display: flex;
    align-items: center;
    color: var(--color-neu-900);
    font-weight: 500;
    outline: none;
    gap: 4px;
    flex-direction: row;
    text-decoration: none;
}

.snb a:hover {
    color: var(--color-pri-500);
}

.snb a.active {
    color: var(--color-pri-500);
    font-weight: 500;
}

.snb a > span {
    color: var(--color-neu-300);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.snb a:hover > span {
    text-decoration: none;
}

.snb .snb-line {
    height: 1px;
    background-color: var(--color-neu-10);
    width: 100%;
}

.novel-lnb {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 0;
    border: 1px solid var(--color-neu-30);
    border-radius: 14px;
    background: var(--color-neu-00);
    box-sizing: border-box;
}
.novel-lnb__section {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 20px;
}
.novel-lnb__sep {
    margin: 0 24px;
    border: 0;
    border-top: 1px solid var(--color-neu-10);
}
.novel-lnb__lv1 {
    display: block;
    width: 100%;
    padding: 11px 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-neu-900);
    border-radius: 6px;
    text-decoration: none;
    box-sizing: border-box;
}
.novel-lnb__lv1:hover {
    color: var(--color-pri-500);
    background: var(--color-opa-neubk-rgba-02);
    transition: background-color 0.15s ease, color 0.15s ease;
    text-decoration: none;
}
.novel-lnb__lv1.active {
    background: var(--color-pri-10);
    color: var(--color-pri-500);
}
.novel-lnb__label,
.novel-lnb .novel-list-label {
    padding: 11px 0 11px 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-neu-900);
}
.novel-lnb__sub {
    list-style: none;
    margin: 0;
    padding: 0 2px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.novel-lnb__lv2 {
    display: block;
    padding: 8.5px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color-neu-500);
    border-radius: 6px;
    text-decoration: none;
}
.novel-lnb__lv2:hover {
    background: var(--color-opa-neubk-rgba-02);
    color: var(--color-pri-500);
    transition: background-color 0.15s ease, color 0.15s ease;
}
.novel-lnb__lv2.active {
    background: var(--color-pri-10);
    color: var(--color-pri-500);
}

.snb-banner,
.best-lnb__banner {
    border-radius: 14px;
    overflow: hidden;
    margin-top: 24px;
}
.snb-banner a,
.best-lnb__banner a {
    display: block;
}
.snb-banner img,
.best-lnb__banner img {
    display: block;
    width: 100%;
    height: auto;
}

.tooltip-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
}
.tooltip-wrap--h20 {
    width: 20px;
    height: 20px;
}

.tooltip-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--color-neu-50);
}
.tooltip-trigger svg {
    display: block;
    width: 100%;
    height: 100%;
}

.tooltip-panel {
    position: absolute;
    top: -5px;
    left: 28px;
    z-index: 10;
    width: 300px;
    display: flex;
    gap: 6px;
    align-items: flex-start;
    padding: 18px 16px 18px 18px;
    background: var(--color-neu-00);
    border: 1px solid var(--color-neu-30);
    border-radius: 10px;
}
.tooltip-panel[hidden] {
    display: none;
}
.tooltip-panel__content {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.tooltip-panel__title {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-neu-900);
    padding-bottom: 12px;
}
.tooltip-panel__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tooltip-panel__body ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.tooltip-panel__body li {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-500);
    word-break: break-all;
    white-space: normal;
}
.tooltip-panel__body li::before {
    content: "-";
    flex-shrink: 0;
    line-height: 18px;
}
.tooltip-panel__item {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-500);
    white-space: normal;
    word-break: break-all;
}
.tooltip-panel__item--basic {
    display: block;
}
.tooltip-panel__prefix {
    flex-shrink: 0;
    text-align: center;
}
.tooltip-panel__close {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    color: var(--color-neu-900);
}
.tooltip-panel__close svg {
    display: block;
    width: 16px;
    height: 16px;
}
.tooltip-panel__close:hover {
    color: var(--color-neu-900);
}

.input-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 20px;
    justify-content: center;
    cursor: pointer;
    color: var(--color-neu-900);
}

.input-check--h18 {
    gap: 7px;
    font-size: 14px;
    line-height: 18px;
}

.input-check--h16 {
    gap: 6px;
    font-size: 13px;
    line-height: 17px;
}

.input-check:has(input[type=checkbox]:disabled) {
    color: var(--color-neu-300);
    cursor: not-allowed;
}

.input-check input[type=checkbox] {
    display: none;
}

.input-check input[type=checkbox] + .check-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden;
}

.input-check input[type=checkbox] + .check-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    background-color: var(--color-neu-00);
    box-sizing: border-box;
    border: 1px solid;
    border-color: var(--color-neu-40);
    border-radius: 6px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.input-check--h18 input[type=checkbox] + .check-icon {
    width: 18px;
    height: 18px;
}

.input-check--h18 input[type=checkbox] + .check-icon svg {
    border-radius: 5px;
}

.input-check--h16 input[type=checkbox] + .check-icon {
    width: 16px;
    height: 16px;
}

.input-check--h16 input[type=checkbox] + .check-icon svg {
    border-radius: 4px;
}

.input-check input[type=checkbox] + .check-icon path {
    fill: transparent;
}

.input-check input[type=checkbox]:checked + .check-icon svg {
    background-color: var(--color-pri-500);
    border-color: var(--color-pri-500);
}

.input-check input[type=checkbox]:checked + .check-icon path {
    fill: var(--color-neu-00);
}

.input-check input[type=checkbox]:disabled + .check-icon {
    cursor: not-allowed !important;
}

.input-check input[type=checkbox]:disabled + .check-icon svg {
    background-color: var(--color-neu-20);
    border-color: var(--color-neu-30);
}

.input-check input[type=checkbox]:disabled + .check-icon path {
    fill: transparent;
}

.input-check input[type=checkbox]:disabled:checked + .check-icon {
    cursor: not-allowed !important;
}

.input-check input[type=checkbox]:disabled:checked + .check-icon svg {
    background-color: var(--color-neu-100);
    border-color: var(--color-neu-100);
}

.input-check input[type=checkbox]:disabled:checked + .check-icon path {
    fill: var(--color-neu-20);
}

.input-radio-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.input-radio {
    display: flex;
    align-items: flex-start;
}

.input-radio label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 20px;
    color: var(--color-neu-900);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    justify-content: flex-start;
    cursor: pointer;
}

.input-radio--h18 label {
    gap: 7px;
    min-height: 18px;
    font-size: 14px;
    line-height: 18px;
}

.input-radio--h16 label {
    gap: 6px;
    min-height: 17px;
    font-size: 13px;
    line-height: 17px;
}

.input-radio:has(input[type=radio]:disabled) label {
    color: var(--color-neu-300);
    cursor: not-allowed;
}

.input-radio input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-neu-40);
    outline: none;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, border-width 0.15s ease;
}

.input-radio input[type=radio]:focus {
    outline: none;
}

.input-radio input[type=radio]:focus-visible {
    box-shadow: 0 0 0 2px var(--color-neu-00), 0 0 0 4px var(--color-pri-500);
}

.input-radio input[type=radio]:checked {
    border: 6px solid var(--color-pri-500);
    background-color: var(--color-neu-00);
}

.input-radio input[type=radio]:disabled {
    border: 1px solid var(--color-neu-30);
    background-color: var(--color-neu-20);
    cursor: not-allowed;
}

.input-radio input[type=radio]:disabled:checked {
    border: 6px solid var(--color-neu-100);
    background-color: var(--color-neu-20);
}

.input-radio--h18 input[type=radio] {
    width: 18px;
    height: 18px;
}

.input-radio--h18 input[type=radio]:checked {
    border: 5.5px solid var(--color-pri-500);
    background-color: var(--color-neu-00);
}

.input-radio--h18 input[type=radio]:disabled:checked {
    border: 5.5px solid var(--color-neu-100);
    background-color: var(--color-neu-20);
}

.input-radio--h16 input[type=radio] {
    width: 16px;
    height: 16px;
}

.input-radio--h16 input[type=radio]:checked {
    border: 5px solid var(--color-pri-500);
    background-color: var(--color-neu-00);
}

.input-radio--h16 input[type=radio]:disabled:checked {
    border: 5px solid var(--color-neu-100);
    background-color: var(--color-neu-20);
}

.txtarea-ctd-wrap {
    display: flex;
    width: 100%;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    background: var(--color-neu-00);
    position: relative;
    border: 1px solid var(--color-neu-30);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.txtarea-ctd-wrap:focus-within {
    border-color: var(--color-neu-500);
}

.txtarea-ctd-wrap.disabled {
    background: var(--color-neu-10);
}

.txtarea-ctd-wrap.disabled:focus-within {
    border-color: var(--color-neu-30);
}

.txtarea-ctd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--color-neu-900);
}

.txtarea-ctd textarea {
    border: 0;
    background: transparent;
    display: flex;
    height: 86px;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    resize: none;
    outline: none;
    line-height: 20px;
    font-size: 15px;
    font-family: Pretendard, sans-serif;
}

.txtarea-ctd textarea::placeholder {
    color: var(--color-neu-200);
}

.txtarea-ctd textarea:disabled::placeholder {
    color: var(--color-neu-100);
}

.txtarea-ctd textarea:focus {
    border-color: var(--color-neu-900);
}

.txtarea-ctd textarea:disabled {
    color: var(--color-neu-200);
    cursor: not-allowed;
}

.count-submit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.text-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-neu-100);
}

.text-count span {
    font-weight: 500;
    color: var(--color-neu-300);
}

.count-submit .btn {
    width: 66px;
}

.dropdown-wrap {
    position: relative;
    width: fit-content;
    max-width: 100%;
}

.dropdown {
    display: flex;
    height: 20px;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-900);
    cursor: pointer;
}

.dropdown-wrap.error .dropdown {
    border: 1px solid var(--color-sys-negative-500);
}

.dropdown .arrow-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    transition: transform 0s;
}

.dropdown.open .arrow-icon {
    transform: rotate(180deg);
}

.dropdown-list {
    position: absolute;
    top: 26px;
    right: 0;
    display: none;
    flex-direction: column;
    z-index: 10;
    min-width: 100%;
    width: max-content;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 6px;
    border: 1px solid var(--color-neu-20);
    background: var(--color-neu-00);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
    padding: 10px;
    align-items: stretch;
    gap: 2px;
}

.dropdown-list div {
    padding: 0 14px;
    border-radius: 4px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-neu-500);
    width: 100%;
    min-width: 0;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    align-items: center;
    display: flex;
    min-height: 42px;
    height: auto;
    white-space: nowrap;
}

.dropdown-list div.selected {
    background: var(--color-pri-30);
    color: var(--color-neu-900);
}

.dropdown-list div:hover {
    background: var(--color-neu-10);
}

.dropdown-list.show {
    display: flex;
}

.select-board {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.select-board .dropdown {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    color: var(--color-neu-900);
    width: 200px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    gap: 4px;
}

.select-board .dropdown .arrow-icon {
    position: absolute;
    transition: transform 0s;
    flex-shrink: 0;
    fill: none;
}
.select-board .dropdown .arrow-icon path {
    fill: none;
    stroke: var(--color-neu-300);
    stroke-width: 0.888889;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.select-board .dropdown-list {
    left: 0;
    right: auto;
    min-width: 100%;
    width: max-content;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
}

.select-board .dropdown.open {
    border: 1px solid var(--color-neu-500);
}

.select-board .dropdown.disabled,
.select-board .dropdown[aria-disabled=true] {
    border-color: var(--color-neu-30);
    background-color: var(--color-neu-10);
    color: var(--color-neu-200);
    cursor: not-allowed;
    pointer-events: none;
}

.select-board .dropdown.disabled.open,
.select-board .dropdown[aria-disabled=true].open {
    border-color: var(--color-neu-30);
}

.select-board .dropdown.disabled .arrow-icon,
.select-board .dropdown[aria-disabled=true] .arrow-icon {
    color: var(--color-neu-200);
}

.select-board .dropdown.disabled .arrow-icon path,
.select-board .dropdown[aria-disabled=true] .arrow-icon path {
    stroke: var(--color-neu-100);
}

.select-board .dropdown-wrap.error .dropdown.disabled,
.select-board .dropdown-wrap.error .dropdown[aria-disabled=true],
.select-board .dropdown-wrap.error .dropdown.disabled.open,
.select-board .dropdown-wrap.error .dropdown[aria-disabled=true].open {
    border-color: var(--color-neu-30);
}

.select-board .dropdown-wrap:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown {
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 6px;
    padding: 0 30px 0 12px;
}

.select-board .dropdown-wrap:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown .arrow-icon {
    width: 14px;
    height: 14px;
    right: 12px;
    top: 10px;
}

.select-board .dropdown-wrap:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown-list {
    top: 42px;
}

.select-board .dropdown-wrap--lg .dropdown {
    height: 42px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 6px;
    padding: 0 34px 0 14px;
}

.select-board .dropdown-wrap--lg .dropdown .arrow-icon {
    width: 16px;
    height: 16px;
    right: 14px;
    top: 12px;
}

.select-board .dropdown-wrap--lg .dropdown-list {
    top: 48px;
}

.select-board .dropdown-wrap--sm .dropdown {
    height: 30px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 5px;
    padding: 0 26px 0 10px;
}

.select-board .dropdown-wrap--sm .dropdown .arrow-icon {
    width: 12px;
    height: 12px;
    right: 10px;
    top: 8px;
}

.select-board .dropdown-wrap--sm .dropdown-list {
    top: 36px;
}

.select-board .dropdown-wrap--xl .dropdown {
    height: 48px;
    font-size: 16px;
    line-height: 21px;
    border-radius: 7px;
    padding: 0 40px 0 16px;
}

.select-board .dropdown-wrap--xl .dropdown .arrow-icon {
    width: 18px;
    height: 18px;
    right: 15px;
    top: 14px;
}

.select-board .dropdown-wrap--xl .dropdown-list {
    top: 55px;
}

.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    gap: 4px;
    height: 48px;
    font-size: 16px;
    line-height: 21px;
    border-radius: 7px;
    padding: 0 40px 0 16px;
}

.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown .arrow-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 15px;
    top: 14px;
    flex-shrink: 0;
    transition: transform 0s;
    fill: none;
}
.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown .arrow-icon path {
    fill: none;
    stroke: var(--color-neu-300);
    stroke-width: 0.888889;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown.open {
    border-color: var(--color-neu-500);
}

.dropdown-wrap.error.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown,
.dropdown-wrap.error.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown.open {
    border-color: var(--color-sys-negative-500);
}

.dropdown-wrap--xl:not(.dropdown-wrap--naked) .dropdown-list {
    left: 0;
    right: auto;
    min-width: 100%;
    width: max-content;
    max-width: calc(100vw - 32px);
    top: 55px;
    max-height: 370px;
    overflow-y: auto;
}

.dropdown-wrap--right .dropdown-list {
    left: auto;
    right: 0;
}

.select-board .dropdown-wrap.error .dropdown,
.select-board .dropdown-wrap.error .dropdown.open {
    border-color: var(--color-sys-negative-500);
}

.dropdown-wrap--flip-up > .dropdown-list {
    top: auto !important;
    bottom: calc(100% + 4px);
}

.select-board .dropdown-wrap--naked .dropdown,
.dropdown-wrap--naked .dropdown {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    padding: 0;
    border: none !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    gap: 4px;
    color: var(--color-neu-900);
}

.select-board .dropdown-wrap--naked .dropdown.open,
.dropdown-wrap--naked .dropdown.open {
    border: none !important;
    box-shadow: none;
}

.select-board .dropdown-wrap--naked .dropdown .arrow-icon,
.dropdown-wrap--naked .dropdown .arrow-icon {
    position: static;
    right: auto;
    top: auto;
}

.select-board .dropdown-wrap--naked .dropdown .arrow-icon path,
.dropdown-wrap--naked .dropdown .arrow-icon path {
    stroke: var(--color-neu-300);
}

.dropdown-wrap--naked .dropdown.disabled,
.dropdown-wrap--naked .dropdown[aria-disabled=true] {
    color: var(--color-neu-200);
    cursor: not-allowed;
    pointer-events: none;
}

.dropdown-wrap--naked .dropdown.disabled .arrow-icon path,
.dropdown-wrap--naked .dropdown[aria-disabled=true] .arrow-icon path {
    stroke: var(--color-neu-100);
}

.select-board .dropdown-wrap--naked.dropdown-wrap--sm .dropdown,
.dropdown-wrap--naked.dropdown-wrap--sm .dropdown {
    gap: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.select-board .dropdown-wrap--naked.dropdown-wrap--sm .dropdown .arrow-icon,
.dropdown-wrap--naked.dropdown-wrap--sm .dropdown .arrow-icon {
    width: 12px;
    height: 12px;
}

.select-board .dropdown-wrap--naked:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown,
.dropdown-wrap--naked:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown {
    height: auto;
    padding: 0;
    gap: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.select-board .dropdown-wrap--naked:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown .arrow-icon,
.dropdown-wrap--naked:not(.dropdown-wrap--sm):not(.dropdown-wrap--lg):not(.dropdown-wrap--xl) .dropdown .arrow-icon {
    width: 14px;
    height: 14px;
}

.select-board .dropdown-wrap--naked.dropdown-wrap--lg .dropdown,
.dropdown-wrap--naked.dropdown-wrap--lg .dropdown {
    gap: 4px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.select-board .dropdown-wrap--naked.dropdown-wrap--lg .dropdown .arrow-icon,
.dropdown-wrap--naked.dropdown-wrap--lg .dropdown .arrow-icon {
    width: 16px;
    height: 16px;
}

.select-board .dropdown-wrap--naked.dropdown-wrap--xl .dropdown,
.dropdown-wrap--naked.dropdown-wrap--xl .dropdown {
    gap: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.select-board .dropdown-wrap--naked.dropdown-wrap--xl .dropdown .arrow-icon,
.dropdown-wrap--naked.dropdown-wrap--xl .dropdown .arrow-icon {
    width: 18px;
    height: 18px;
}

.select-board .dropdown-wrap--naked .dropdown-list,
.dropdown-wrap--naked .dropdown-list {
    top: 100%;
    margin-top: 6px;
}

.dropdown-wrap.error.dropdown-wrap--naked .dropdown,
.dropdown-wrap.error.dropdown-wrap--naked .dropdown.open {
    border: none !important;
}

.novel-lnb .btn {
    margin: 6px 20px 0 20px;
}

.page-columns {
    display: flex;
    align-items: flex-start;
    gap: var(--l-page-col-gap);
    align-self: stretch;
}

.btn-provision {
    margin-top: 24px;
    display: flex;
    padding: 15px 18px 15px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 14px;
    border: 1px solid var(--color-neu-20);
    background: var(--color-neu-10);
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    color: var(--color-neu-500);
    text-align: left;
}
.btn-provision__text {
    flex: 1 0 0;
}

.sub-menu-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    padding-bottom: 4px;
}
.sub-menu-wrap .sub-menu {
    display: flex;
    height: 28px;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-500);
}

.community-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.page-title--h2 {
    margin-bottom: 28px;
}
.page-title--h2 .list-sort {
    position: absolute;
    top: 4px;
    right: 0;
    display: flex;
    gap: 14px;
    align-items: center;
}
.page-title--h2 .list-sort .list-sort-divide {
    content: "";
    width: 1px;
    height: 12px;
    background-color: var(--color-neu-50);
    margin-left: -1px;
    margin-right: -1px;
}

.expedition-wrap {
    display: flex;
    height: 48px;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: var(--color-neu-10);
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.expedition-wrap div {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-neu-500);
}
.expedition-wrap span + span {
    color: var(--color-neu-300);
    font-weight: 400;
}
.expedition-wrap .expedition-modal-view {
    border: 0;
    background: transparent;
    width: 16px;
    height: 16px;
    padding: 0;
}

.expedition-badge {
    flex-shrink: 0;
    width: 42px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='20' viewBox='0 0 42 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='41' height='19' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='41' height='19' rx='3.5' stroke='%23DEDEDE'/%3E%3Cpath d='M13.5064 6.97203H15.1539V7.98204H13.5064V10.8819H12.2989V4.20235H13.5064V6.97203ZM11.0465 9.09081L11.1856 10.0515C9.62349 10.3298 8.29027 10.3747 5.95153 10.3657H5.06272V4.88018H10.3462V5.88121H6.27025V7.12017H10.1263V8.08978H6.27025V9.40504C8.3621 9.40953 9.60554 9.36464 11.0465 9.09081ZM13.5064 15.4337H6.23433V11.4475H13.5064V15.4337ZM12.3124 12.3947H7.41942V14.4551H12.3124V12.3947ZM24.6655 8.74068H26.488V9.76865H24.6655V15.5773H23.4579V4.20235H24.6655V8.74068ZM19.7456 5.14952V7.09772C19.7366 9.10877 20.9127 11.1692 22.6006 11.9952L21.8599 12.9603C20.6164 12.3184 19.6558 11.0435 19.1575 9.52624C18.6503 11.1423 17.6537 12.5024 16.3609 13.1758L15.6113 12.2061C17.3575 11.3622 18.5381 9.18508 18.547 7.09772V5.14952H19.7456ZM28.0003 8.87086L27.5828 7.9192C29.6298 7.71271 31.2458 6.78349 31.4074 5.6837H27.9868V4.71858H36.4754V5.6837H33.0369C33.185 6.78798 34.7876 7.71271 36.8794 7.9192L36.444 8.87086C34.4689 8.6509 32.8394 7.82044 32.2154 6.61291C31.5959 7.81595 29.9754 8.6509 28.0003 8.87086ZM37.4091 9.47238V10.4555H32.8124V11.5418C34.8998 11.654 36.1343 12.3588 36.1432 13.5483C36.1343 14.8367 34.6619 15.5594 32.2109 15.5594C29.742 15.5594 28.2651 14.8367 28.2651 13.5483C28.2651 12.3588 29.5086 11.654 31.6184 11.5418V10.4555H27.0396V9.47238H37.4091ZM34.9402 13.5483C34.9312 12.8481 33.9302 12.4575 32.2109 12.4485C30.4737 12.4575 29.4816 12.8481 29.4906 13.5483C29.4816 14.2396 30.4737 14.6392 32.2109 14.6302C33.9302 14.6392 34.9312 14.2396 34.9402 13.5483Z' fill='%23454545'/%3E%3C/svg%3E%0A") !important;
    overflow: hidden;
    text-indent: -1000px;
}
.expedition-badge.complete {
    width: 53px;
    background-image: url("data:image/svg+xml,%3Csvg width='53' height='20' viewBox='0 0 53 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='52' height='19' rx='3.5' fill='%23F5F9FF'/%3E%3Crect x='0.5' y='0.5' width='52' height='19' rx='3.5' stroke='%23C5DDFC'/%3E%3Cpath d='M13.3888 6.97203H15.0362V7.98204H13.3888V10.8819H12.1812V4.20235H13.3888V6.97203ZM10.9288 9.09081L11.068 10.0515C9.50582 10.3298 8.1726 10.3747 5.83385 10.3657H4.94504V4.88018H10.2285V5.88121H6.15257V7.12017H10.0086V8.08978H6.15257V9.40504C8.24442 9.40953 9.48786 9.36464 10.9288 9.09081ZM13.3888 15.4337H6.11666V11.4475H13.3888V15.4337ZM12.1947 12.3947H7.30174V14.4551H12.1947V12.3947ZM24.5478 8.74068H26.3703V9.76865H24.5478V15.5773H23.3403V4.20235H24.5478V8.74068ZM19.6279 5.14952V7.09772C19.6189 9.10877 20.795 11.1692 22.4829 11.9952L21.7422 12.9603C20.4988 12.3184 19.5381 11.0435 19.0399 9.52624C18.5326 11.1423 17.5361 12.5024 16.2432 13.1758L15.4936 12.2061C17.2398 11.3622 18.4204 9.18508 18.4294 7.09772V5.14952H19.6279ZM36.4026 10.9178H35.1996V7.5107H32.8025V6.51865H35.1996V4.20235H36.4026V10.9178ZM30.3874 7.95511C29.8936 9.25691 28.9016 10.2714 27.5235 10.7697L26.8771 9.80007C28.6951 9.18059 29.75 7.66782 29.759 5.96202V4.83529H30.962V5.91264C30.953 7.49724 31.9855 8.92023 33.7093 9.48135L33.0539 10.424C31.8015 9.97065 30.8812 9.0953 30.3874 7.95511ZM32.5915 11.232C34.9751 11.232 36.434 12.0311 36.4385 13.4092C36.434 14.7828 34.9751 15.5594 32.5915 15.5594C30.2034 15.5594 28.74 14.7828 28.749 13.4092C28.74 12.0311 30.2034 11.232 32.5915 11.232ZM32.5915 14.6077C34.2524 14.6077 35.24 14.1678 35.2445 13.4092C35.24 12.6236 34.2524 12.1792 32.5915 12.1792C30.9261 12.1792 29.934 12.6236 29.943 13.4092C29.934 14.1678 30.9261 14.6077 32.5915 14.6077ZM46.9063 8.73619L45.7212 8.61499C46.0264 7.44337 46.0264 6.61291 46.0264 5.72859H39.3783V4.75898H47.225V5.71512C47.225 6.62189 47.225 7.56457 46.9063 8.73619ZM43.5037 7.29972V9.43197H48.5133V10.4106H38.1708V9.43197H42.3186V7.29972H43.5037ZM43.2882 11.3532C45.7481 11.3532 47.3013 12.1298 47.3103 13.4631C47.3013 14.7828 45.7481 15.5594 43.2882 15.5594C40.8462 15.5594 39.284 14.7828 39.284 13.4631C39.284 12.1298 40.8462 11.3532 43.2882 11.3532ZM43.2882 14.6212C45.0209 14.6212 46.1028 14.1948 46.1117 13.4631C46.1028 12.7134 45.0209 12.269 43.2882 12.2645C41.5644 12.269 40.4781 12.7134 40.4871 13.4631C40.4781 14.1948 41.5644 14.6212 43.2882 14.6212Z' fill='%232882F5'/%3E%3C/svg%3E%0A") !important;
}

.list-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.list-wrap .empty {
    display: flex;
    width: 100%;
    height: 480px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-neu-300);
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-neu-20);
}
.list-wrap .empty span {
    color: var(--color-pri-500);
}
.list-wrap .article-list:first-of-type {
    padding-top: 0;
}
.list-wrap .article-list {
    display: flex;
    padding: 20px 0;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-bottom: 1px solid var(--color-neu-20);
}
.list-wrap .article-list .novel-info-wrap {
    margin: 4px 0 0 0;
    display: flex;
    padding: 0 14px;
    height: 42px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--color-neu-10);
    position: relative;
}
.list-wrap .novel-cover {
    display: flex;
    width: 100px;
    height: 142px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--color-neu-20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}
.list-wrap .novel-cover img {
    width: 100%;
    transition: transform 0.3s cubic-bezier(0.15, 0, 0.2, 1);
}
.list-wrap .novel-cover:hover img {
    transform: scale(1.04);
}
.list-wrap .novel-fanart {
    display: flex;
    width: 122px;
    height: 122px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--color-neu-20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    background-color: var(--color-neu-00);
    position: relative;
}
.list-wrap .novel-fanart .more-fanart {
    display: flex;
    height: 18px;
    padding: 0 3px 0 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--color-opa-neubk-rgba-60);
    position: absolute;
    right: 6px;
    top: 6px;
    color: var(--color-neu-00);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    box-sizing: border-box;
    z-index: 10;
}
.list-wrap .novel-fanart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.3s cubic-bezier(0.15, 0, 0.2, 1);
}
.list-wrap .novel-fanart:hover img {
    transform: scale(1.04);
}
.list-wrap .article-meta-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}
.list-wrap.type-review .article-meta-wrap {
    gap: 6px;
}
.list-wrap.type-review .article-meta-wrap .article-meta {
    gap: 2px;
}
.list-wrap.type-review .article-list .novel-info-wrap {
    margin: 6px 0 0 0;
    padding: 10px 14px;
    height: auto;
}
.list-wrap.type-review .novel-title-author {
    max-width: 660px;
}
.list-wrap.type-review .novel-title-author .novel-title {
    color: var(--color-neu-500);
    font-size: 15px;
    line-height: 20px;
}
.list-wrap.type-review .novel-title-author .novel-author {
    color: var(--color-neu-300);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    flex-shrink: 0;
}
.list-wrap.type-fanart .article-list:first-of-type {
    padding-top: 0;
}
.list-wrap.type-fanart .article-meta-wrap {
    gap: 6px;
    justify-content: flex-start;
}
.list-wrap.type-fanart .article-meta-wrap .article-meta {
    gap: 2px;
}
.list-wrap.type-fanart .article-list .novel-info-wrap {
    margin: 6px 0 0 0;
    padding: 0 14px;
    height: 42px;
}
.list-wrap.type-data .article-meta-wrap {
    gap: 10px;
}

.article-meta-wrap .category {
    display: flex;
    height: 20px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--color-neu-10);
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: var(--color-neu-500);
    margin-bottom: 4px;
}
.article-meta-wrap .article-meta {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    flex-direction: column;
    outline: none;
}

.article-meta:hover .article-title {
    text-decoration: underline;
}
.article-meta:hover, .article-meta:focus {
    text-decoration: none;
}
.article-meta .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--color-neu-900);
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    word-break: break-all;
}
.article-meta .article-title span {
    color: var(--color-pri-500);
}
.article-meta .article-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: var(--color-neu-300);
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    word-break: break-all;
}
.article-meta .article-text span {
    color: var(--color-pri-500);
}

.article-title-wrap {
    line-height: normal;
    width: auto;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center;
    gap: 6px;
}
.article-title-wrap .icon-new {
    width: 16px;
    height: 16px;
}

.writer-info {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
}
.writer-info .writer-nick {
    color: var(--color-neu-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.writer-info .view-like-comment {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.writer-nick .dot-divide {
    display: inline-block;
    width: 10px;
    align-items: center;
    text-align: center;
    color: var(--color-neu-40);
}
.writer-nick .date {
    color: var(--color-neu-300);
}

.view-like-comment .view,
.view-like-comment .like,
.view-like-comment .comment {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.view-like-comment .view::before,
.view-like-comment .like::before,
.view-like-comment .comment::before {
    content: "";
    width: 16px;
    height: 16px;
}
.view-like-comment .view::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.99967' cy='7.99967' r='2.66667' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 9.77789C13.5714 11.6329 11.3137 13.5557 8 13.5557C4.68629 13.5557 2.42857 11.6329 2 9.77789' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 6.22211C13.5714 4.3671 11.3137 2.44434 8 2.44434C4.68629 2.44434 2.42857 4.3671 2 6.22211' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.view-like-comment .like::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99957 4.77933C6.33491 0.397134 0.0647657 2.59883 2.22509 7.93519C3.44297 10.4889 5.66609 11.9883 7.9995 13.5554C10.3329 11.9883 12.5564 10.4889 13.7741 7.9352C15.9343 2.59884 9.66417 0.397121 7.99957 4.77933Z' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.view-like-comment .comment::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55523 1.77783H6.44412C3.62133 1.77783 1.33301 4.07678 1.33301 6.89957C1.33301 9.71065 3.61183 12.0001 6.42291 12.0001C6.43462 12.0001 6.44412 12.0095 6.44412 12.0213V14.1112L8.88856 12.0001H9.55523C12.378 12.0001 14.6663 9.71173 14.6663 6.88894C14.6663 4.06615 12.378 1.77783 9.55523 1.77783Z' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99902 6.88916V6.88918' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8877 6.88916V6.88918' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.11035 6.88916V6.88918' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.novel-info-wrap .novel-genre {
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    height: 20px;
}
.novel-info-wrap.disabled .novel-genre,
.novel-info-wrap.disabled .novel-title-author .novel-title,
.novel-info-wrap.disabled .novel-title-author .novel-author {
    color: var(--color-neu-100);
    font-weight: 400;
}
.novel-info-wrap .badge-19 {
    width: 14px;
    height: 14px;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 4px;
}
.novel-info-wrap .badge-adult {
    width: 14px;
    height: 14px;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 4px;
}

.novel-title-author {
    display: flex;
    align-items: center;
    height: 18px;
    max-width: 780px;
}
.novel-title-author .novel-title {
    color: var(--color-neu-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.novel-title-author .badge-complete {
    flex-shrink: 0;
    width: 30px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='18' viewBox='0 0 30 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='18' rx='4' fill='%23757575'/%3E%3Cpath d='M13.1331 3.21133V6.97307H14.7536V7.98757H13.1331V11.9109H11.93V3.21133H13.1331ZM11.2298 8.92127L11.324 9.81008C8.93592 10.241 6.25153 10.2814 4.30332 10.2814L4.16865 9.30283C5.01707 9.30283 6.01361 9.29834 7.05954 9.26243V8.19855C5.70388 8.01001 4.79711 7.15711 4.80608 5.98101C4.79711 4.62535 5.96872 3.71409 7.63412 3.71409C9.29952 3.71409 10.4711 4.62535 10.4801 5.98101C10.4711 7.13916 9.58682 7.98757 8.26707 8.18957V9.20856C9.27259 9.15021 10.2871 9.06043 11.2298 8.92127ZM5.92832 5.98101C5.91934 6.78902 6.63309 7.31423 7.63412 7.3232C8.64863 7.31423 9.33544 6.78902 9.34441 5.98101C9.33544 5.15953 8.64863 4.63881 7.63412 4.63432C6.63309 4.63881 5.91934 5.15953 5.92832 5.98101ZM5.7757 11.1478H6.98771V13.3429H13.5416V14.3349H5.7757V11.1478ZM23.6996 5.72514H20.9613C20.2521 7.4893 18.5373 8.66091 16.0145 9.24447L15.5925 8.25691C18.3263 7.6509 19.7987 6.3895 19.9917 4.71512H16.1941V3.73204H21.3249C21.3249 4.10014 21.2935 4.45028 21.2307 4.78246H23.6996V3.20235H24.9026V8.99309H23.6996V7.90228H20.8087V6.96409H23.6996V5.72514ZM18.6854 12.3553V13.4955H25.2438V14.4696H17.4869V11.4485H23.6951V10.434H17.4644V9.46892H24.9026V12.3553H18.6854Z' fill='white'/%3E%3C/svg%3E%0A");
    overflow: hidden;
    text-indent: -1000px;
    margin: 0 4px 0 0;
}
.novel-title-author .novel-author {
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    flex-shrink: 0;
}
.novel-title-author .novel-author .dot-divide {
    display: inline-block;
    width: 14px;
    align-items: center;
    text-align: center;
    color: var(--color-neu-50);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.article-data-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    justify-content: space-between;
}
.article-data-wrap .data-img {
    display: flex;
    width: 74px;
    height: 74px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    overflow: hidden;
    background-color: var(--color-neu-00);
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 2px;
}
.article-data-wrap .data-img .more-img {
    display: flex;
    height: 18px;
    padding: 0 3px 0 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--color-opa-neubk-rgba-60);
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--color-neu-00);
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    box-sizing: border-box;
    z-index: 10;
}
.article-data-wrap .data-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.3s cubic-bezier(0.15, 0, 0.2, 1);
}
.article-data-wrap .data-img:hover img {
    transform: scale(1.04);
}

.list-bottom-btn-wrap {
    width: 100%;
    position: relative;
}
.list-bottom-btn-wrap .btn {
    position: absolute;
    right: 0;
    top: 16px;
}

.view-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-neu-20);
}
.view-title .article-title {
    overflow: hidden;
    color: var(--color-neu-900);
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
}
.view-title .writer-info .writer-nick {
    font-size: 15px;
    line-height: 20px;
}
.view-title .writer-info .writer-nick .dot-divide {
    width: 14px;
}
.view-title .writer-info .view-like-comment {
    font-size: 15px;
    gap: 8px;
    line-height: 20px;
}
.view-title .writer-info .view-like-comment .view,
.view-title .writer-info .view-like-comment .like,
.view-title .writer-info .view-like-comment .comment {
    gap: 4px;
}
.view-title .view-like-comment .view::before,
.view-title .view-like-comment .like::before,
.view-title .view-like-comment .comment::before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.view-title .view-like-comment .view::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.00004' cy='7.99967' r='2.66667' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 9.77789C13.5714 11.6329 11.3137 13.5557 8 13.5557C4.68629 13.5557 2.42857 11.6329 2 9.77789' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 6.22211C13.5714 4.3671 11.3137 2.44434 8 2.44434C4.68629 2.44434 2.42857 4.3671 2 6.22211' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.view-title .view-like-comment .like::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00006 4.77933C6.33539 0.397134 0.0652539 2.59883 2.22557 7.93519C3.44346 10.4889 5.66657 11.9883 7.99998 13.5554C10.3334 11.9883 12.5569 10.4889 13.7745 7.9352C15.9348 2.59884 9.66466 0.397121 8.00006 4.77933Z' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.view-title .view-like-comment .comment::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5556 1.77734H6.44449C3.6217 1.77734 1.33337 4.07629 1.33337 6.89908C1.33337 9.71016 3.6122 11.9996 6.42328 11.9996C6.43499 11.9996 6.44449 12.0091 6.44449 12.0208V14.1107L8.88893 11.9996H9.5556C12.3784 11.9996 14.6667 9.71124 14.6667 6.88845C14.6667 4.06567 12.3784 1.77734 9.5556 1.77734Z' stroke='%23757575' stroke-width='1.11111' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00012 6.88867V6.88869' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.889 6.88867V6.88869' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.11121 6.88867V6.88869' stroke='%23757575' stroke-width='1.55556' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.category-fontsize {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.category-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}
.category-wrap span {
    display: flex;
    height: 20px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--color-neu-10);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: var(--color-neu-500);
}

.fontsize-wrap {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    box-sizing: border-box;
}
.fontsize-wrap button {
    background-color: transparent;
    display: flex;
    height: 22px;
    padding: 0px 4px 0 5px;
    justify-content: center;
    align-items: center;
    border: 0;
}
.fontsize-wrap button svg {
    stroke: var(--color-neu-500);
}
.fontsize-wrap button:disabled svg {
    stroke: var(--color-neu-50);
    cursor: default;
}
.fontsize-wrap button + button {
    border-left: 1px solid var(--color-neu-30);
}

.view-article-wrap {
    color: var(--color-neu-900);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 24px 0 24px 0;
    width: 100%;
}

.view-article {
    word-break: break-all;
    font-size: 16px;
    color: var(--color-neu-900) !important;
}
.view-article span,
.view-article p {
    color: var(--color-neu-900) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    word-break: break-word;
}
.view-article {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.view-article.font-15, .view-article.font-15 p, .view-article.font-15 span {
    font-size: 15px;
    line-height: 20px;
}
.view-article.font-18, .view-article.font-18 p, .view-article.font-18 span {
    font-size: 18px;
    line-height: 23px;
}
.view-article.font-20, .view-article.font-20 p, .view-article.font-20 span {
    font-size: 20px;
    line-height: 26px;
}
.view-article.font-22, .view-article.font-22 p, .view-article.font-22 span {
    font-size: 22px;
    line-height: 29px;
}
.view-article img {
    max-width: 100%;
}
.view-article a {
    color: var(--color-pri-500);
    text-decoration: underline;
}

.attachment-wrap {
    display: flex;
    padding: 16px 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-radius: 14px;
    border: 1px solid var(--color-neu-30);
    margin-top: 30px;
}

.attachment-title {
    color: var(--color-neu-500);
    font-size: 15px;
    font-weight: 400;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.attachment-file {
    display: flex;
    padding-left: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}
.attachment-file a {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-pri-500);
    text-decoration: none;
}
.attachment-file a:hover {
    text-decoration: underline;
}

.view-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    padding: 30px 0 24px 0;
    border-bottom: 1px solid var(--color-neu-20);
}
.view-bottom-wrap > div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.review-novel {
    display: flex;
    padding: 16px 18px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 14px;
    background: var(--color-neu-10);
    margin-top: 30px;
}
.review-novel:hover {
    text-decoration: none;
}
.review-novel:hover .novel-title-wrap {
    text-decoration: underline;
}
.review-novel .novel-cover {
    display: flex;
    width: 70px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    outline: none;
    position: relative;
}
.review-novel .novel-cover img {
    width: 100%;
}
.review-novel .novel-cover .badge-adult {
    right: 5px;
    top: 5px;
    z-index: 10;
}
.review-novel .novel-cover .badge-19 {
    right: 5px;
    top: 5px;
    z-index: 10;
}
.review-novel a {
    text-decoration: none;
}
.review-novel a:hover {
    text-decoration: underline;
}

.novel-meta-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}
.novel-meta-wrap .novel-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    align-self: stretch;
    position: relative;
}
.novel-meta-wrap .novel-meta .badge-contest {
    right: 0;
    top: 0;
    height: 20px;
    padding: 0px 4px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
}
.novel-meta-wrap .novel-meta .genre {
    font-size: 13px;
    color: var(--color-neu-300);
    line-height: 17px;
}
.novel-meta-wrap .novel-meta .novel-title-wrap {
    line-height: normal;
    width: auto;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center;
    gap: 6px;
}
.novel-meta-wrap .novel-meta .novel-title {
    overflow: hidden;
    color: var(--color-neu-900);
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-decoration: none;
    text-align: left;
}
.novel-meta-wrap .novel-meta .novel-title span {
    color: var(--color-pri-500);
}
.novel-meta-wrap .novel-meta .novel-title-wrap .badge-complete {
    flex-shrink: 0;
    height: 18px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='18' viewBox='0 0 30 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='18' rx='4' fill='%23757575'/%3E%3Cpath d='M13.1331 3.21133V6.97307H14.7536V7.98757H13.1331V11.9109H11.93V3.21133H13.1331ZM11.2298 8.92127L11.324 9.81008C8.93592 10.241 6.25153 10.2814 4.30332 10.2814L4.16865 9.30283C5.01707 9.30283 6.01361 9.29834 7.05954 9.26243V8.19855C5.70388 8.01001 4.79711 7.15711 4.80608 5.98101C4.79711 4.62535 5.96872 3.71409 7.63412 3.71409C9.29952 3.71409 10.4711 4.62535 10.4801 5.98101C10.4711 7.13916 9.58682 7.98757 8.26707 8.18957V9.20856C9.27259 9.15021 10.2871 9.06043 11.2298 8.92127ZM5.92832 5.98101C5.91934 6.78902 6.63309 7.31423 7.63412 7.3232C8.64863 7.31423 9.33544 6.78902 9.34441 5.98101C9.33544 5.15953 8.64863 4.63881 7.63412 4.63432C6.63309 4.63881 5.91934 5.15953 5.92832 5.98101ZM5.7757 11.1478H6.98771V13.3429H13.5416V14.3349H5.7757V11.1478ZM23.6996 5.72514H20.9613C20.2521 7.4893 18.5373 8.66091 16.0145 9.24447L15.5925 8.25691C18.3263 7.6509 19.7987 6.3895 19.9917 4.71512H16.1941V3.73204H21.3249C21.3249 4.10014 21.2935 4.45028 21.2307 4.78246H23.6996V3.20235H24.9026V8.99309H23.6996V7.90228H20.8087V6.96409H23.6996V5.72514ZM18.6854 12.3553V13.4955H25.2438V14.4696H17.4869V11.4485H23.6951V10.434H17.4644V9.46892H24.9026V12.3553H18.6854Z' fill='white'/%3E%3C/svg%3E%0A");
    overflow: hidden;
    text-indent: -1000px;
}
.novel-meta-wrap .novel-meta .novel-author {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-500);
}
.novel-meta-wrap .novel-meta .novel-author span {
    color: var(--color-pri-500);
}
.novel-meta-wrap .view-count-date {
    gap: 0;
    display: flex;
}
.novel-meta-wrap .view-count-date span {
    color: var(--color-neu-300);
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    position: relative;
}
.novel-meta-wrap .view-count-date span + span::before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--color-neu-50);
    margin: 0 6px;
    display: inline-flex;
}

.comments-wrap {
    width: 100%;
}
.comments-wrap .empty {
    display: flex;
    height: 180px;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box;
    color: var(--color-neu-300);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.comment-content {
    word-break: break-all;
    white-space: pre-wrap;
    text-align: left;
}
.comment-content.blocked {
    color: var(--color-neu-300);
}

.comments-total {
    display: flex;
    padding: 0 0 16px 2px;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-neu-900);
}
.comments-total span {
    color: var(--color-pri-500);
    font-weight: 500;
}

.comment-write-wrap {
    display: flex;
    padding: 18px 16px 16px 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    border-radius: 14px;
    background: var(--color-neu-00);
    position: relative;
    border: 1px solid var(--color-neu-30);
    transition: border-color 0.15s ease, background-color 0.15s ease;
    width: 100%;
    height: 150px;
}
.comment-write-wrap:focus-within {
    border-color: var(--color-neu-900);
}
.comment-write-wrap.disabled {
    background: var(--color-neu-10);
}
.comment-write-wrap.disabled .count-submit {
    justify-content: flex-end;
}
.comment-write-wrap.depth-1 {
    margin: 20px 0 0 28px;
}
.comment-write-wrap.depth-2 {
    margin: 20px 0 0 56px;
}
.comment-write-wrap.depth-3, .comment-write-wrap.depth-4, .comment-write-wrap.depth-5 {
    margin: 20px 0 0 84px;
}
.comment-write-wrap.depth-1, .comment-write-wrap.depth-2, .comment-write-wrap.depth-3, .comment-write-wrap.depth-4, .comment-write-wrap.depth-5 {
    width: auto;
}
.comment-write-wrap.depth-1::before, .comment-write-wrap.depth-2::before, .comment-write-wrap.depth-3::before, .comment-write-wrap.depth-4::before, .comment-write-wrap.depth-5::before {
    content: "";
    width: 14px;
    height: 14px;
    border-left: 1px solid var(--color-neu-30);
    border-bottom: 1px solid var(--color-neu-30);
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: -28px;
}

.comment-write {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--color-neu-900);
}
.comment-write textarea {
    border: 0;
    background: transparent;
    display: flex;
    height: 66px;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    resize: none;
    font-family: "pretendard";
    outline: none;
    line-height: 20px;
    font-size: 15px;
}
.comment-write textarea::placeholder {
    color: var(--color-neu-200);
}
.comment-write textarea:disabled::placeholder {
    color: var(--color-neu-100);
}
.comment-write textarea:focus {
    border-color: var(--color-neu-900);
}

.count-submit {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}
.count-submit .btn {
    width: 80px;
}

.text-count {
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-neu-100);
}
.text-count span {
    font-weight: 500;
    color: var(--color-neu-300);
}

.comments-list .comment {
    display: flex;
    padding: 22px 2px;
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    border-bottom: 1px solid var(--color-neu-20);
    font-size: 15px;
    font-weight: 400;
    position: relative;
    color: var(--color-neu-900);
    line-height: 20px;
}
.comments-list .comment.depth-1 {
    padding-left: 30px;
}
.comments-list .comment.depth-2 {
    padding-left: 46px;
}
.comments-list .comment.depth-3 {
    padding-left: 62px;
}
.comments-list .comment.depth-4 {
    padding-left: 78px;
}
.comments-list .comment.depth-5 {
    padding-left: 94px;
}
.comments-list .comment.depth-1::before, .comments-list .comment.depth-2::before, .comments-list .comment.depth-3::before, .comments-list .comment.depth-4::before, .comments-list .comment.depth-5::before {
    content: "";
    width: 14px;
    height: 14px;
    border-left: 1px solid var(--color-neu-30);
    border-bottom: 1px solid var(--color-neu-30);
    position: absolute;
    box-sizing: border-box;
}
.comments-list .comment.depth-1::before {
    top: 18px;
    left: 0;
}
.comments-list .comment.depth-2::before {
    top: 18px;
    left: 16px;
}
.comments-list .comment.depth-3::before {
    top: 18px;
    left: 32px;
}
.comments-list .comment.depth-4::before {
    top: 18px;
    left: 48px;
}
.comments-list .comment.depth-5::before {
    top: 18px;
    left: 64px;
}
.comments-list .comment button {
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
}
.comments-list .comment button.re-comment {
    color: var(--color-neu-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.comments-list .comment button.delete {
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.comment .writer-info {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0;
}
.comment .writer-info .nickname {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-neu-900);
}
.comment .writer-info .nickname.my-nickname {
    color: var(--color-pri-500);
    display: inline-block;
    width: auto;
}
.comment .writer-info .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-300);
}
.comment .comment-reaction {
    display: flex;
    height: 18px;
    align-items: center;
    gap: 4px;
    flex-direction: row;
    font-size: 13px;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}
.comment .comment-reaction > div {
    display: flex;
    height: 20px;
    align-items: center;
    flex-direction: row;
}
.comment .comment-reaction .reaction-btn {
    gap: 6px;
    position: absolute;
    right: 0;
    top: 0;
}

.reaction-btn svg {
    stroke: var(--color-neu-300);
}
.reaction-btn .like,
.reaction-btn .dislike,
.reaction-btn .report,
.reaction-btn .block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.reaction-btn .like {
    color: var(--color-sec-red-500);
}
.reaction-btn .like.active svg {
    stroke: var(--color-sec-red-500);
}
.reaction-btn .dislike {
    color: var(--color-sec-sky-500);
}
.reaction-btn .dislike.active svg {
    stroke: var(--color-sec-sky-500);
}
.reaction-btn .like + .dislike {
    margin-left: 4px;
}
.reaction-btn .report,
.reaction-btn .block {
    color: var(--color-neu-300);
}
.reaction-btn .report + .block {
    margin-left: 4px;
}
.reaction-btn .re-comment {
    color: var(--color-neu-500);
}
.reaction-btn .delete {
    color: var(--color-neu-300);
}

.divide-dot {
    width: 14px;
    text-align: center;
    color: var(--color-neu-50);
}

.divide-textline {
    margin: 0 5px;
    height: 10px;
    width: 1px;
    background-color: var(--color-neu-50);
    display: inline-block;
}

.view-more-btn {
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}
.view-more-btn button {
    background-color: transparent;
    border: 0;
    color: var(--color-neu-300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    gap: 4px;
    align-items: center;
}

.article-footer {
    width: 100%;
    padding: 48px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-category {
    color: var(--color-neu-900);
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--color-neu-30);
}

.next-prev-article {
    display: flex;
    height: 48px;
    padding: 0 6px;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-neu-900);
    border-bottom: 1px solid var(--color-neu-20);
    box-sizing: border-box;
}
div:not(:has(.next-prev-article ~ .next-prev-article)) > .next-prev-article {
    border-bottom: 1px solid var(--color-neu-30);
}

.next-prev-article div {
    flex-shrink: 0;
}
.next-prev-article + .next-prev-article {
    border-bottom: 1px solid var(--color-neu-30);
}
.next-prev-article a {
    color: var(--color-neu-500);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    word-break: break-all;
    height: 18px;
}

.article-footer-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-write {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.article-write form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.article-write .dropdown {
    width: 260px;
}

.article-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}
.article-input .input-label {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    gap: 5px;
}
.article-input .input-label span {
    color: var(--color-sec-org-500);
}
.article-input .editor-link-input input[type=text] {
    width: 214px;
}

.text-input-wrap {
    display: flex;
    width: 520px;
    height: 600px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    font-size: 20px;
    box-sizing: border-box;
}

.write-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 4px;
}
.write-bottom-wrap > div {
    display: flex;
    gap: 8px;
}
.write-bottom-wrap .btn {
    width: 100px;
}

.input-sub-text {
    color: var(--color-neu-200);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 10px 0 0 2px;
}

.attachment-upload-wrap {
    display: flex;
    padding: 0 0 20px 0;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--color-neu-30);
}

.attachment-upload {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    height: 38px;
}
.attachment-upload > div {
    align-items: center;
    gap: 5px;
    color: var(--color-neu-900);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.attachment-upload span {
    color: var(--color-neu-200);
    font-weight: 400;
    display: inline-flex;
    gap: 2px;
}
.attachment-upload span.count {
    color: var(--color-neu-300);
    font-weight: 500;
}

.attachment-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    margin: 0;
}
.attachment-disc li {
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 0 0 0 8px;
    position: relative;
    list-style: none;
}
.attachment-disc li::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: var(--color-neu-300);
    left: 1px;
    top: 8px;
    position: absolute;
}

.attachment-file-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 6px;
    padding: 0 0 16px 0;
    width: 100%;
}

.existing-attachment-file-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 6px;
    padding: 4px 0 16px;
    width: 100%;
}
.existing-attachment-file-list .chi-roundbox {
    max-width: 260px;
}

.attachment-upload-file {
    width: 210px;
    height: 30px;
    padding: 0px 30px 0 10px;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-word;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    background: var(--color-neu-00);
    box-sizing: border-box;
    position: relative;
    margin: 4px 0;
}
.attachment-upload-file:last-of-type {
    margin-bottom: 8px;
}
.attachment-upload-file button {
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background: transparent;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 8px;
}
.attachment-upload-file .file-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--color-neu-500);
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    word-break: break-all;
}
.attachment-upload-file .file-size {
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px;
    display: inline-flex;
    flex-shrink: 0;
    line-height: 18px;
    color: var(--color-neu-500);
}

#novelSelectModal .modal-wrap--lg {
    height: min(1000px, 100vh - 40px);
    max-height: min(1000px, 100vh - 40px);
}
#novelSelectModal .modal-content-wrap {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#novelSelectModal .modal-content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#novelSelectModal .search-sk,
#novelSelectModal .search-empty {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}

.novel-select {
    margin: 0;
    display: flex;
    padding: 16px 18px;
    align-items: center;
    align-self: stretch;
    border-radius: 7px;
    border: 1px dashed var(--color-neu-30);
    background: var(--color-neu-00);
    box-sizing: border-box;
    justify-content: space-between;
}
.novel-select > div {
    align-items: center;
    gap: 12px;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color-neu-300);
}
.novel-select > div > div {
    display: flex;
    width: 56px;
    height: 79px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    background: var(--color-neu-10);
    box-sizing: border-box;
}

.novel-selected {
    margin: 0;
    display: flex;
    padding: 16px 18px;
    align-items: center;
    align-self: stretch;
    border-radius: 7px;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    box-sizing: border-box;
    justify-content: space-between;
}
.novel-selected.expedition {
    border: 1px solid var(--color-pri-100);
    background: var(--color-pri-10);
}
.novel-selected > div {
    align-items: center;
    gap: 12px;
    display: flex;
    max-width: 460px;
}
.novel-selected .novel-cover {
    width: 56px;
    height: 79px;
    border-radius: 5px;
    border: 1px solid var(--color-neu-20);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.novel-selected .novel-cover img {
    width: 100%;
}
.novel-selected .novel-cover .badge-19 {
    width: 12px;
    height: 12px;
    right: 4px;
    top: 4px;
    z-index: 10;
}
.novel-selected .novel-cover .badge-adult {
    width: 12px;
    height: 12px;
    right: 4px;
    top: 4px;
    z-index: 10;
}
.novel-selected .novel-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    flex: 1 0 0;
}
.novel-selected .genre {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--color-neu-300);
}
.novel-selected .novel-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--color-neu-900);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
.novel-selected .author {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-neu-500);
}
.novel-selected .novel-delete-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.expedition-text {
    display: flex;
    margin-top: -4px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-pri-500);
}

.search-sk {
    display: flex;
    padding: 12px 0 10px 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--color-neu-300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    box-sizing: border-box;
}

.search-empty {
    display: flex;
    padding-bottom: 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--color-neu-300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    box-sizing: border-box;
}

.search-result-expedition {
    display: flex;
    padding: 16px 28px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box;
}

.search-wrap + .modal-content-wrap,
.search-result-expedition + .modal-content-wrap {
    padding-top: 0 !important;
}

.search-result-count {
    color: var(--color-neu-900);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.32px;
}
.search-result-count span {
    color: var(--color-pri-500);
}

.search-expedition {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    color: var(--color-neu-500);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}
.search-expedition .expedition-toggle {
    position: relative;
    top: 2px;
    right: 0;
    margin: 0 0 0 2px;
}
.search-expedition .expedition-toggle label {
    width: 32px;
    height: 18px;
}
.search-expedition .expedition-toggle label::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    left: 2px;
    bottom: 2px;
}
.search-expedition .expedition-toggle input:checked + label::before {
    transform: translateX(14px);
}
.search-expedition .expedition-modal-view {
    border: 0;
    background: transparent;
    width: 18px;
    height: 18px;
    padding: 0;
}

.expedition-disc-wrap {
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    text-align: left;
    gap: 24px;
}

.expedition-disc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    text-align: left;
    gap: 20px;
    color: var(--color-neu-500);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.expedition-disc > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.expedition-disc span {
    color: var(--color-pri-500);
    font-weight: 500;
}
.expedition-disc ul.point {
    padding-inline-start: 9px;
    margin: 0;
}
.expedition-disc ul.point li {
    list-style-type: "∙";
    color: var(--color-sec-org-500);
}

.rounge-disc-wrap {
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    text-align: left;
    gap: 24px;
}

.rounge-disc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    text-align: left;
    gap: 24px;
    color: var(--color-neu-500);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}
.rounge-disc > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    width: 100%;
}

.disc-title {
    font-size: 17px;
    font-weight: 500;
    color: var(--color-neu-900);
}

.novel-search-result {
    width: 100%;
}
.novel-search-result .novel-list {
    display: flex;
    padding: 16px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    border-bottom: 1px solid var(--color-neu-20);
}
.novel-search-result .novel-list.selected {
    background: var(--color-neu-10);
}
.novel-search-result .novel-list:last-of-type {
    border: 0;
}
.novel-search-result .novel-list .badge-contest {
    flex-shrink: 0;
    width: 38px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='18' viewBox='0 0 38 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0.400391H34C35.9882 0.400391 37.5996 2.01178 37.5996 4V14C37.5996 15.9882 35.9882 17.5996 34 17.5996H4C2.01178 17.5996 0.400391 15.9882 0.400391 14V4C0.400391 2.01177 2.01177 0.400391 4 0.400391Z' fill='%23ECF4FE'/%3E%3Cpath d='M4 0.400391H34C35.9882 0.400391 37.5996 2.01178 37.5996 4V14C37.5996 15.9882 35.9882 17.5996 34 17.5996H4C2.01178 17.5996 0.400391 15.9882 0.400391 14V4C0.400391 2.01177 2.01177 0.400391 4 0.400391Z' stroke='%23DDEBFD' stroke-width='0.8'/%3E%3Cpath d='M11.9088 7.92956L10.8149 7.81768C11.0967 6.73619 11.0967 5.96961 11.0967 5.15331H4.95993V4.25829H12.203V5.14088C12.203 5.9779 12.203 6.84807 11.9088 7.92956ZM8.76795 6.60359V8.57182H13.3923V9.47514H3.84529V8.57182H7.67402V6.60359H8.76795ZM8.56905 10.3453C10.8398 10.3453 12.2735 11.0622 12.2818 12.2928C12.2735 13.511 10.8398 14.2279 8.56905 14.2279C6.31491 14.2279 4.87292 13.511 4.87292 12.2928C4.87292 11.0622 6.31491 10.3453 8.56905 10.3453ZM8.56905 13.3619C10.1685 13.3619 11.1671 12.9682 11.1754 12.2928C11.1671 11.6008 10.1685 11.1906 8.56905 11.1865C6.97789 11.1906 5.97513 11.6008 5.98341 12.2928C5.97513 12.9682 6.97789 13.3619 8.56905 13.3619ZM19.5327 9.58702V12.0152H23.8131V12.9351H14.204V12.0152H18.4305V9.58702H15.2979V4.58564H22.6611V9.58702H19.5327ZM21.5714 5.48481H16.3877V8.70442H21.5714V5.48481ZM30.2021 7.50276V6.5953H32.2159V3.75276H33.3264V11.4434H32.2159V7.50276H30.2021ZM27.7864 7.62707C27.3223 8.78315 26.4065 9.71133 25.1552 10.1588L24.5792 9.25138C26.1952 8.70856 27.2021 7.32459 27.2021 5.87845V5.46409H24.9231V4.55663H30.5916V5.46409H28.3292V5.87845C28.3292 7.18784 29.2781 8.50138 30.861 9.03177L30.2933 9.91851C29.1082 9.50829 28.2422 8.66298 27.7864 7.62707ZM27.6206 10.7597V13.1174H33.6041V14.029H26.5101V10.7597H27.6206Z' fill='%232882F5'/%3E%3C/svg%3E%0A");
    overflow: hidden;
    text-indent: -1000px;
}

.novel-story-wrapper {
    position: relative;
    padding: 0 20px 0 28px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-neu-500);
}

.novel-story {
    transition: all 0.3s ease;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    text-align: left;
    line-height: 18px;
}
.novel-story.expanded {
    display: block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}

.toggle-button {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 0;
    width: 14px;
    height: 14px;
    padding: 0;
}
.toggle-button.rotate svg {
    transform: rotate(180deg);
}

.novel-info {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    position: relative;
}
.novel-info .novel-cover {
    display: flex;
    width: 70px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid var(--color-neu-20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    outline: none;
    position: relative;
}
.novel-info .novel-cover img {
    width: 100%;
}

.temporary-wrap {
    display: flex;
    justify-content: flex-start;
    height: 594px;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    flex-direction: column;
}
.temporary-wrap .empty {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 594px;
    box-sizing: border-box;
    flex-shrink: 0;
    color: var(--color-neu-300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

.temporary-list {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 14px 30px 14px 8px;
    text-align: left;
    color: var(--color-neu-300);
    width: 100%;
    border-bottom: 1px solid var(--color-neu-20);
    box-sizing: border-box;
}
.temporary-list:last-of-type {
    border: 0;
}
.temporary-list .title-date {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.temporary-list .title-date .title-wrap {
    line-height: normal;
    display: table;
    width: auto;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-word;
}
.temporary-list .title-date .title-wrap .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-neu-900);
}
.temporary-list .title-date .date {
    color: var(--color-neu-300);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.temporary-delete {
    position: absolute;
    right: 8px;
    width: 18px;
    height: 18px;
    top: 27px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
}

.badge-19 {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 10;
}

.badge-adult {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 10;
}

.badge-contest {
    position: absolute;
    right: 14px;
    top: 10px;
    width: 42px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='20' viewBox='0 0 42 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='41' height='19' rx='3.5' fill='%23ECF4FE'/%3E%3Crect x='0.5' y='0.5' width='41' height='19' rx='3.5' stroke='%23DDEBFD'/%3E%3Cpath d='M13.3179 8.73619L12.1328 8.61499C12.4381 7.44337 12.4381 6.61291 12.4381 5.72859H5.78993V4.75898H13.6366V5.71512C13.6366 6.62189 13.6366 7.56457 13.3179 8.73619ZM9.91527 7.29972V9.43197H14.9249V10.4106H4.5824V9.43197H8.73019V7.29972H9.91527ZM9.6998 11.3532C12.1597 11.3532 13.7129 12.1298 13.7219 13.4631C13.7129 14.7828 12.1597 15.5594 9.6998 15.5594C7.25782 15.5594 5.69566 14.7828 5.69566 13.4631C5.69566 12.1298 7.25782 11.3532 9.6998 11.3532ZM9.6998 14.6212C11.4325 14.6212 12.5144 14.1948 12.5234 13.4631C12.5144 12.7134 11.4325 12.269 9.6998 12.2645C7.97605 12.269 6.88972 12.7134 6.8987 13.4631C6.88972 14.1948 7.97605 14.6212 9.6998 14.6212ZM21.5771 10.5318V13.1623H26.2142V14.1588H15.8043V13.1623H20.383V10.5318H16.9894V5.1136H24.9662V10.5318H21.5771ZM23.7856 6.08771H18.17V9.57562H23.7856V6.08771ZM33.1356 8.27383V7.29075H35.3173V4.21133H36.5203V12.5428H35.3173V8.27383H33.1356ZM30.5186 8.40849C30.0158 9.66091 29.0238 10.6664 27.6681 11.1512L27.0441 10.1682C28.7948 9.58011 29.8856 8.0808 29.8856 6.51416V6.06526H27.4167V5.08218H33.5576V6.06526H31.1066V6.51416C31.1066 7.93267 32.1346 9.35566 33.8494 9.93025L33.2344 10.8909C31.9505 10.4465 31.0124 9.53073 30.5186 8.40849ZM30.339 11.8021V14.3564H36.8211V15.3439H29.136V11.8021H30.339Z' fill='%232882F5'/%3E%3C/svg%3E%0A");
    overflow: hidden;
    text-indent: -1000px;
    flex-shrink: 0;
}

.badge-state-disabled {
    position: absolute;
    right: 14px;
    top: 10px;
    display: flex;
    height: 20px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--color-neu-20);
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    color: var(--color-neu-200);
}

.review-disc-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.review-disc-wrap .input-check {
    margin-top: -4px;
}

.review-disc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.review-disc div {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-neu-900);
}
.review-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-inline-start: 17px;
    margin: 0;
}
.review-disc li {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    list-style-type: number;
    color: var(--color-neu-500);
    text-align: left;
}
.review-disc li span {
    color: var(--color-pri-500);
    font-weight: 500;
}
.review-disc ul.point {
    padding-inline-start: 9px;
    margin-top: 8px;
}
.review-disc ul.point li {
    list-style-type: "∙";
    color: var(--color-sec-org-500);
}

.report-input-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.report-input-wrap .divide-line {
    height: 1px;
    width: 100%;
    background-color: var(--color-neu-20);
}

.report-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.report-input div {
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    color: var(--color-neu-500);
}
.report-input .report-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.report-input .report-input-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-neu-900);
    display: flex;
    gap: 8px;
}
.report-input .report-input-label span {
    color: var(--color-neu-300);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

.radio-select-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.radio-select-wrap .comment-write-wrap {
    display: flex;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    background: var(--color-neu-00);
    position: relative;
    border: 1px solid var(--color-neu-30);
    width: 100%;
    box-sizing: border-box;
    margin-top: 4px;
}
.radio-select-wrap .comment-write-wrap.disabled {
    background: var(--color-neu-10);
}
.radio-select-wrap textarea {
    border: 0;
    background: transparent;
    display: flex;
    height: 66px;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    resize: none;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--color-neu-900);
}
.radio-select-wrap textarea::placeholder {
    color: var(--color-neu-200);
}
.radio-select-wrap textarea:disabled::placeholder {
    color: var(--color-neu-100);
}
.radio-select-wrap textarea:focus {
    border: 1px solid var(--color-neu-900);
}
.radio-select-wrap .count-wrap {
    text-align: right;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-neu-100);
}
.radio-select-wrap .count-wrap .count {
    color: var(--color-neu-300);
    font-weight: 500;
}

.provision-wrap {
    display: flex;
    width: 100%;
    padding: 0 0 28px 0;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: var(--color-neu-500);
}

.provision-disc-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    text-align: left;
}
.provision-disc-wrap .disc-title {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-neu-900);
}

.provision-disc {
    display: flex;
    padding: 18px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--color-neu-10);
}
.provision-disc div {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: var(--color-neu-900);
}
.provision-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-inline-start: 17px;
    margin: 0;
}
.provision-disc li {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    list-style-type: number;
    color: var(--color-neu-500);
}

.badge-expedition {
    flex-shrink: 0;
    width: 63px;
    height: 24px;
    position: absolute;
    left: 29px;
    bottom: -3px;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg width='63' height='24' viewBox='0 0 63 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0L0 4H4L4 0Z' fill='%23C5DDFC'/%3E%3Cpath d='M59 4.5C60.933 4.5 62.5 6.067 62.5 8V20C62.5 21.933 60.933 23.5 59 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4.5H59Z' fill='%23F5F9FF'/%3E%3Cpath d='M59 4.5C60.933 4.5 62.5 6.067 62.5 8V20C62.5 21.933 60.933 23.5 59 23.5H4C2.067 23.5 0.5 21.933 0.5 20V4.5H59Z' stroke='%23C5DDFC'/%3E%3Cpath d='M12.7469 11.5511H14.2676V12.4834H12.7469V15.1602H11.6323V8.99448H12.7469V11.5511ZM10.4762 13.5069L10.6047 14.3936C9.16267 14.6506 7.93201 14.692 5.77317 14.6837H4.95273V9.62017H9.8298V10.5442H6.06737V11.6878H9.62676V12.5829H6.06737V13.797C7.99831 13.8011 9.1461 13.7597 10.4762 13.5069ZM12.7469 19.3619H6.03422V15.6823H12.7469V19.3619ZM11.6447 16.5566H7.12814V18.4586H11.6447V16.5566ZM23.0476 13.1837H24.7299V14.1326H23.0476V19.4945H21.9329V8.99448H23.0476V13.1837ZM18.5061 9.86878V11.6671C18.4979 13.5235 19.5835 15.4254 21.1415 16.1878L20.4578 17.0787C19.31 16.4862 18.4233 15.3094 17.9633 13.9088C17.4951 15.4006 16.5752 16.6561 15.3818 17.2776L14.6898 16.3826C16.3017 15.6036 17.3915 13.5939 17.3998 11.6671V9.86878H18.5061ZM36.1163 13.1588V8.99448H37.1729V19.4945H36.1163V14.0663H34.7572V18.9558H33.7296V9.20994H34.7572V13.1588H36.1163ZM29.6357 11.1616V16.0304C30.9243 16.018 31.8939 15.9599 33.0127 15.7445L33.1039 16.6644C31.8359 16.9254 30.7503 16.9627 29.2171 16.971H28.521V10.2583H32.4492V11.1616H29.6357ZM46.7899 8.99448V11.6381H48.3106V12.5663H46.7899V15.3301H45.6753V8.99448H46.7899ZM41.6228 12.4627C41.1711 13.6395 40.2802 14.5635 39.0578 15.0152L38.457 14.1326C40.0938 13.5483 41.0427 12.1436 41.0509 10.5815V9.54144H42.1532V10.6768C42.1532 12.0525 43.1228 13.3329 44.6891 13.8467L44.0965 14.721C42.9446 14.3149 42.0827 13.4986 41.6228 12.4627ZM43.3962 15.5787C45.5592 15.5787 46.8852 16.2997 46.8852 17.5221C46.8852 18.7693 45.5592 19.4779 43.3962 19.4779C41.2167 19.4779 39.8741 18.7693 39.8741 17.5221C39.8741 16.2997 41.2167 15.5787 43.3962 15.5787ZM43.3962 18.6036C44.9087 18.5953 45.7954 18.2182 45.7954 17.5221C45.7954 16.855 44.9087 16.4613 43.3962 16.4613C41.8797 16.4613 40.9805 16.855 40.9888 17.5221C40.9805 18.2182 41.8797 18.5953 43.3962 18.6036ZM57.161 11.692H58.6817V12.6326H57.161V15.3218H56.0463V8.99448H57.161V11.692ZM52.0312 12.6409C51.5712 13.7721 50.6596 14.663 49.4248 15.0981L48.8281 14.2362C50.4649 13.6768 51.4552 12.3177 51.4635 10.8757V10.5898H49.1513V9.69061H54.8405V10.5898H52.574V10.8798C52.574 12.2224 53.5021 13.4986 55.1099 14.0373L54.5422 14.8992C53.353 14.489 52.487 13.6685 52.0312 12.6409ZM56.0463 16.7431H50.2204V15.8439H57.161V19.4945H56.0463V16.7431Z' fill='%232882F5'/%3E%3C/svg%3E%0A");
}

.btn.btn-like svg * {
    stroke: var(--color-neu-bk);
    fill: none;
}
.btn.btn-like.active svg * {
    stroke: var(--color-sec-red-500);
    fill: var(--color-sec-red-500);
}

.editor-wrap {
    display: flex;
    width: 100%;
    height: 800px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 7px;
    border: 1px solid var(--color-neu-30);
    background: var(--color-neu-00);
    font-size: 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.editor-toolbar {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background-color: var(--color-neu-10);
}
.editor-toolbar .toolbar-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.editor-toolbar .toolbar-group > button {
    border: 0;
    width: 30px;
    height: 30px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
}
.editor-toolbar .toolbar-group > button svg {
    stroke: var(--color-neu-900);
}
.editor-toolbar .toolbar-group > button[disabled] svg {
    stroke: var(--color-neu-100);
}
.editor-toolbar .toolbar-group > button:hover {
    background-color: var(--color-neu-20);
}
.editor-toolbar .toolbar-group > button.active {
    background-color: var(--color-neu-00);
}
.editor-toolbar .editor-line {
    width: 1px;
    height: 18px;
    background-color: var(--color-neu-30);
}

.custom-placeholder {
    position: absolute;
    padding: 16px 18px 0 18px;
    color: var(--color-neu-200);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    font-style: unset;
    top: 46px;
}

.editor-footer {
    display: flex;
    padding: 12px 14px 14px 14px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}

.editor-counter {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-neu-100);
}
.editor-counter mark {
    background: none;
    color: var(--color-neu-300);
    font-weight: 500;
    margin: 0 3px 0 0;
}

.editor-input-wrap {
    padding: 16px 18px 0 18px;
    height: 709px;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
}

.editor-input {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: var(--color-neu-900);
    word-break: break-all;
    border: unset !important;
}

.editor-link-wrap {
    position: absolute;
    z-index: 1;
    left: -270px;
    top: 36px;
    border-radius: 10px;
    background-color: var(--color-neu-00);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
    display: none;
    padding: 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
}
.editor-link-wrap .btn {
    width: 80px;
}
.editor-link-wrap > div {
    width: 100%;
    text-align: right;
}

.editor-link-input {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 10px;
}
.editor-link-input + .editor-link-input {
    margin-top: 10px;
}
.editor-link-input span {
    flex-basis: auto;
    flex-shrink: 0;
    width: 40px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-neu-900);
}

.loading-spinner-wrap {
    display: flex;
    padding: 20px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.loading {
    width: 18px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side, var(--color-neu-300) 100%, transparent) top/2px 2px no-repeat, conic-gradient(transparent 10%, var(--color-neu-300));
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), var(--color-neu-bk) 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 2px), var(--color-neu-bk) 0);
    animation: loading 1s infinite linear;
    margin: 1px;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.promo-disc {
    display: flex;
    padding: 0 18px;
    height: 50px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--color-neu-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    border-radius: 14px;
    border: 1px solid var(--color-neu-30);
    margin-top: 30px;
}
.promo-disc a {
    color: var(--color-pri-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.result-disc-19 {
    display: flex;
    padding: 0 16px;
    height: 48px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--color-neu-500);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid var(--color-neu-20);
    margin-bottom: 20px;
}
.result-disc-19 > div {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
}
.result-disc-19 .badge-19 {
    position: relative;
    top: 0;
    right: 0;
}
.result-disc-19 a {
    color: var(--color-pri-500);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.searchbar-ctd {
    margin-top: 48px;
}

.search-wrap {
    padding: 28px 28px 0 28px;
    width: 100%;
}

.search-field {
    position: relative;
}
.search-field .btn-novel-search {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 0;
    width: 36px;
    height: 36px;
    background: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-field .txtfield-ctd__clear {
    right: 42px;
}
.search-field .txtfield-ctd__input {
    width: 100%;
    padding-right: 78px;
}

.select-board .dropdown-wrap {
    width: 260px;
}

.searchbar-ctd__select .select-board .dropdown-wrap {
    width: auto;
}