@charset "UTF-8";
/*Font*/
.content-wrap {
    box-sizing: border-box;
    font-family: 'Noto Sans KR';
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.content-wrap {
    padding: 0px 10px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
button,
a {
    cursor: pointer;
}
a:focus {
    outline: none;
}
select {
    height: 30px;
    border: 1px solid #bbb;
    border-radius: 4px;
}
/* title */
.content-title {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    padding: 0 0 20px 0;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--neu--500);
}
.content-title > span {
    color: var(--neu--300);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.content-title h2 {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--neu--900);
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    padding-left: 2px;
}
.content-title h2 > span {
    color: var(--neu--300);
    font-size: 20px;
    font-weight: 500;
}
.content-title .Button {
    position: absolute;
    right: 0;
    top: 2px;
}
.content-container {
    display: flex;
    padding-top: 20px;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.community-snb-wrap {
    display: flex;
    width: 170px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    flex-shrink: 0;
}
.community-snb {
    display: flex;
    padding: 12px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid var(--Neutral-20, #ebebeb);
    background: var(--Neutral-00, var(--neu--00));
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}
.community-snb a,
.community-snb span {
    height: 32px;
    display: flex;
    align-items: center;
    color: var(--neu--900);
    font-weight: 500;
    outline: none;
    gap: 4px;
    flex-direction: row;
    text-decoration: none;
}
.community-snb a:hover {
    color: var(--pri--500);
}
.community-snb a.active {
    color: var(--pri--500);
    font-weight: 500;
}
.community-snb a > span {
    color: var(--neu--300);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.community-snb a:hover > span {
    text-decoration: none;
}
.community-snb .snb-line {
    height: 1px;
    background-color: var(--neu--10);
    width: 100%;
}
.btn-provision {
    display: flex;
    height: 44px;
    padding: 6px 14px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid var(--neu--20);
    background: var(--neu--10);
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--500);
}
.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(--neu--500);
}
.community-body {
    display: flex;
    padding: 0px 10px;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    width: 100%;
    box-sizing: border-box;
}
.board-title {
    display: flex;
    width: 520px;
    align-items: center;
    position: relative;
    padding: 0 0 8px 0;
}
.board-title .title {
    color: var(--neu--900);
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    display: flex;
    align-items: center;
}
.board-title .title span {
    color: var(--neu--500);
    font-weight: 500;
}
.board-title .title .line-divide {
    width: 1px;
    height: 14px;
    margin: 0 10px;
    background-color: var(--neu--50);
}
.board-title .temporary {
    display: flex;
    align-items: center;
    gap: 2px;
    position: absolute;
    right: 0;
    top: 0;
}
.board-title .temporary button {
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--neu--900);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px; /* 140% */
}
.board-title .temporary .count {
    color: var(--pri--500);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px; /* 140% */
    margin: 0 0 0 2px;
}
.board-title .temporary .line-divide {
    width: 1px;
    height: 12px;
    margin: 0 5px;
    background-color: var(--neu--50);
}
.board-title .list-sort {
    position: absolute;
    top: 2px;
    right: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}
.board-title .list-sort select {
    height: 20px;
    border: 0;
    color: var(--neu--500);
    background: transparent;
}
.expedition-wrap {
    display: flex;
    height: 40px;
    padding: 10px 14px 10px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: var(--neu--10);
    box-sizing: border-box;
    margin: 6px 0 0 0;
    position: relative;
}
.expedition-wrap div {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--500);
}
.expedition-wrap span + span {
    margin-left: 2px;
    color: var(--neu--300);
}
.expedition-wrap .expedition-modal-view {
    border: 0;
    background: transparent;
    width: 16px;
    height: 16px;
    padding: 0;
}
.expedition-badge {
    border-radius: 3px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    flex-shrink: 0;
    display: inline-flex;
    height: 16px;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    height: 16px;
    color: var(--neu--500);
    box-sizing: border-box;
}
.expedition-badge.complete {
    border: 1px solid var(--pri--100);
    background: var(--pri--10);
    color: var(--pri--500);
}
/* 게시글 리스트 */
.list-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.list-wrap .empty {
    display: flex;
    width: 100%;
    height: 480px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--neu--300);
    box-sizing: border-box;
    border-bottom: 1px solid var(--neu--20);
}
.list-wrap .article-list {
    display: flex;
    padding: 14px 0px 16px 0px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-bottom: 1px solid var(--neu--20);
}
.list-wrap .novel-cover {
    display: flex;
    width: 84px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 4px;
    border: 1px solid var(--neu--20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}
.list-wrap .novel-cover img {
    width: 100%;
}
.list-wrap .novel-fanart {
    display: flex;
    width: 102px;
    height: 102px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid var(--neu--20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    background-color: var(--neu--00);
    position: relative;
}
.list-wrap .novel-fanart .more-fanart {
    display: flex;
    height: 18px;
    padding: 1px 3px 2px 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--neu--00);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    box-sizing: border-box;
}
.list-wrap .novel-fanart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.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;
}
.list-wrap .type-review .article-meta-wrap {
    gap: 4px;
}
.article-meta-wrap .category {
    display: flex;
    height: 16px;
    padding: 0px 3px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.04);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: var(--neu--500);
    margin-bottom: 5px;
}
.article-meta-wrap .article-meta {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    align-self: stretch;
    flex-direction: column;
    outline: none;
}
.type-review .article-meta-wrap .article-meta {
    gap: 2px;
}
.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(--neu--900);
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    word-break: break-all;
}
.article-meta .article-title span,
.article-text span {
    color: var(--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 {
    border-radius: 3px;
    background: var(--Secondary-orange-500, #f55e00);
    display: flex;
    width: 14px;
    height: 14px;
    justify-content: center;
    align-items: center;
    color: var(--neu--00);
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    flex-shrink: 0;
}
.article-meta .article-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: var(--neu--300);
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    word-break: break-all;
}
.writer-info {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
}
.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: 64px;
    height: 64px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid var(--neu--20);
    overflow: hidden;
    background-color: var(--neu--00);
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
}
.article-data-wrap .data-img .more-img {
    display: flex;
    height: 18px;
    padding: 0 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--neu--00);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.article-data-wrap .data-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.writer-info .writer-nick {
    color: var(--neu--500);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.writer-nick .dot-divide {
    display: inline-block;
    width: 12px;
    align-items: center;
    text-align: center;
    color: var(--neu--50);
}
.writer-nick .date {
    color: var(--neu--300);
}
.writer-info .view-like-comment {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--neu--300);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.view-like-comment .view::before,
.view-like-comment .like::before,
.view-like-comment .comment::before {
    content: '';
    width: 14px;
    height: 14px;
}
.view-like-comment .view::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.00002' cy='6.99935' r='2.33333' stroke='%23757575' stroke-width='0.777778' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.25 8.55577C11.875 10.1789 9.89949 11.8613 7 11.8613C4.10051 11.8613 2.125 10.1789 1.75 8.55577' stroke='%23757575' stroke-width='0.777778' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.25 5.44423C11.875 3.82109 9.89949 2.13867 7 2.13867C4.10051 2.13867 2.125 3.82109 1.75 5.44423' stroke='%23757575' stroke-width='0.777778' 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='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00011 4.06963C5.54353 0.0818353 0.0571582 2.27982 1.94744 6.94146C3.01308 9.26531 4.95831 10.6298 7.00005 12.0559C9.04179 10.6298 10.9873 9.26533 12.0528 6.94148C13.943 2.27983 8.45664 0.0818231 7.00011 4.06963Z' stroke='%23757575' stroke-width='0.777778' 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='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 10.3057V12.0557L7.77778 10.3057' stroke='%23757575' stroke-width='0.777778' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.77789 10.3053H8.36122V10.3053C10.6164 10.3053 12.4446 8.47717 12.4446 6.22201V6.22201C12.4446 3.96684 10.6164 2.13867 8.36122 2.13867H5.639C3.38384 2.13867 1.55566 3.96684 1.55566 6.222V6.61089C1.55566 8.65128 3.20972 10.3053 5.25011 10.3053V10.3053' stroke='%23757575' stroke-width='0.777778' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 6.22168V6.22362' stroke='%23757575' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.52783 6.22168V6.22362' stroke='%23757575' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.47217 6.22168V6.22362' stroke='%23757575' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.view-like-comment .view,
.view-like-comment .like,
.view-like-comment .comment {
    display: inline-flex;
    gap: 2px;
    align-items: center;
}
.article-list .novel-info-wrap {
    margin: 6px 0 0 0;
    display: flex;
    padding: 7px 10px 7px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--neu--10);
    position: relative;
}
.type-review .article-list .novel-info-wrap {
    margin: 8px 0 0 0;
    padding: 6px 10px 8px 10px;
}
.novel-info-wrap .novel-genre {
    color: var(--neu--300);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px; /* 141.667% */
}
.novel-title-author {
    display: flex;
    align-items: center;
    height: 16px;
    max-width: 486px;
}
.type-review .novel-title-author {
    max-width: 400px;
}
.novel-title-author .novel-title {
    color: var(--neu--500);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.disabled .novel-title-author .novel-title {
    color: var(--neu--200);
}
.novel-title-author .badge-complete {
    border-radius: 3px;
    background: var(--neu--300);
    flex-shrink: 0;
    display: inline-flex;
    height: 14px;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: var(--neu--00);
    margin: 0 4px 0 0;
}
.novel-title-author .novel-author {
    color: var(--neu--300);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    flex-shrink: 0;
}
.novel-author .dot-divide {
    display: inline-block;
    width: 12px;
    align-items: center;
    text-align: center;
    color: var(--neu--50);
}
.list-bottom-btn-wrap {
    text-align: right;
    padding: 16px 0 0 0;
    width: 100%;
}
.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(--neu--200);
    font-weight: 400;
}
/* button */
.Button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 400;
}
.Button span {
    display: inline-block;
}
.Button:hover,
.Button:focus {
    text-decoration: none;
    outline: none;
}
.Button:disabled,
.Button.disabled {
    cursor: default;
}
.Button.Primary {
    border: 1px solid var(--pri--500);
    background: var(--pri--500);
    color: var(--neu--00);
}
.Button.Primary:hover {
    border: 1px solid var(--pri--700);
    background: var(--pri--700);
    color: var(--neu--00);
}
.Button.Primary:disabled,
.Button.Primary.disabled {
    border: 1px solid var(--pri--300);
    background: var(--pri--300);
    color: var(--pri--100);
}
.Button.Secondary {
    border: 1px solid var(--pri--500);
    background: var(--neu--00);
    color: var(--pri--500);
}
.Button.Secondary:hover {
    border: 1px solid var(--pri--500);
    background: var(--pri--30);
    color: var(--pri--500);
}
.Button.Secondary:disabled,
.Button.Secondary.disabled {
    color: var(--pri--200);
    border: 1px solid var(--pri--100);
    background: var(--pri--30);
}
.Button.Tertiary {
    border: 1px solid var(--neu--50);
    background: var(--neu--00);
    color: var(--neu--500);
}
.Button.Tertiary:hover {
    border: 1px solid var(--neu--50);
    background: var(--neu--10);
}
.Button.Tertiary:disabled,
.Button.Tertiary.disabled {
    color: var(--neu--200);
    border: 1px solid var(--neu--30);
    background: var(--neu--20);
}
.Button.X-Large {
    border-radius: 6px;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
}
.Button.X-Large span {
    padding: 0 4px;
}
.Button.Large {
    border-radius: 6px;
    height: 42px;
    padding: 0 12px;
    font-size: 15px;
}
.Button.Large span {
    padding: 0 3px;
}
.Button.Medium {
    border-radius: 5px;
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    gap: 3px;
}
.Button.Medium span {
    padding: 0 2px;
}
.Button.Small {
    border-radius: 4px;
    height: 30px;
    padding: 0 8px;
    font-size: 13px;
    gap: 2px;
}
.Button.Small span {
    padding: 0 2px;
}
.Button.Tiny {
    border-radius: 3px;
    height: 24px;
    padding: 0 6px;
    font-size: 11px;
}
.Button.Tiny span {
    padding: 0 1px;
}
.Button.Block {
    width: 100%;
}
/* pagination */ /* pagination */

/* pagination */
.pagination-new {
    position: relative;
    display: flex;
    padding: 20px 0 0 0;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pagination-new button.page-num {
    background-color: transparent;
    border: 0;
    margin: 6px 9px 8px 9px;
    padding: 0 1px;
    font-size: 14px;
    color: #a3a4ae;
    border-bottom: 1px solid transparent;
    font-weight: 400;
}
.pagination-new button.btn-first,
.pagination-new button.btn-prev,
.pagination-new button.btn-next,
.pagination-new button.btn-last {
    background-color: transparent;
    border: 0;
    width: 32px;
    height: 32px;
    margin: 0;
}
.pagination-new button.btn-first a,
.pagination-new button.btn-prev a,
.pagination-new button.btn-next a,
.pagination-new button.btn-last a {
    display: inline-flex;
    height: 14px;
}
.pagination-new button.page-num:hover {
    color: #24252e;
}
.pagination-new button.page-num.active {
    font-weight: 500;
    color: #24252e;
    border-color: #24252e;
}
.pagination-new .btn-outline {
    width: 30px;
    height: 30px;
    padding: 3px 0 0 0;
}
.pagination-new .btn-ghost {
    width: 30px;
    height: 30px;
    padding: 3px 0 0 0;
}
.pagination-new .icon-16 {
    margin: 3px 0;
}
.page-num-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
button.btn-first svg,
button.btn-prev svg,
button.btn-next svg,
button.btn-last svg {
    stroke: #121212;
}
button.btn-first:disabled svg,
button.btn-prev:disabled svg,
button.btn-next:disabled svg,
button.btn-last:disabled svg {
    stroke: #a1a1a1;
}
/* 검색 */
.search-wrap,
.search-wrap form {
    display: flex;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.search-wrap.X-Large {
    display: block;
    padding: 24px 24px 0 24px;
    width: 100%;
    box-sizing: border-box;
}
.search-wrap input[type='search'] {
    border-radius: 5px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    width: 200px;
    height: 36px;
    padding: 0px 6px 0px 12px;
    font-size: 14px;
    color: var(--neu--500);
    box-sizing: border-box;
}
.search-wrap.X-Large input[type='search'] {
    border-radius: 6px;
    width: 100%;
    height: 48px;
    padding: 0px 30px 0px 16px;
    font-size: 16px;
    color: var(--neu--500);
    box-sizing: border-box;
}
.search-wrap.X-Large .clear-button {
    width: 32px;
    height: 32px;
    top: 8px;
    right: 36px;
}
.search-wrap.X-Large .btn-novel-search {
    background-color: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px;
    right: 10px;
}
.search-wrap input[type='search']:focus {
    border-color: var(--neu--500);
}
.search-wrap input[type='search']::placeholder {
    color: var(--neu--200);
}
.select-wrap {
    position: relative;
}
.select-wrap svg {
    position: absolute;
    top: 11px;
    right: 12px;
    pointer-events: none;
}
.select-wrap select {
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    color: var(--neu--500);
    width: 102px;
    box-sizing: border-box;
    height: 36px;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    outline: none;
}
.select-wrap select:focus {
    border-color: var(--neu--500);
}
.clear-button {
    position: absolute;
    width: 26px;
    height: 26px;
    padding: 4px;
    top: 5px;
    right: 6px;
    background: none;
    border: none;
    cursor: pointer;
    display: none;
}
.clear-button.visible {
    display: block;
}
.search-field {
    position: relative;
}
input::-webkit-search-cancel-button {
    display: none;
}
.expedition-toggle {
    position: absolute;
    top: 12px;
    right: 14px;
}
.expedition-toggle input {
    display: none;
}
.expedition-toggle label {
    display: inline-block;
    width: 28px;
    height: 16px;
    cursor: pointer;
    position: relative;
    background-color: var(--neu--50);
    border-radius: 20px;
}
.expedition-toggle label::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    left: 2px;
    bottom: 2px;
    position: absolute;
    background-color: var(--neu--00);
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    letter-spacing: -1px;
    transition: all 0.4s ease;
    border-radius: 20px;
}
.expedition-toggle input:checked + label {
    background-color: var(--pri--500);
}
.expedition-toggle input:checked + label::before {
    transform: translateX(12px);
}
.expedition-toggle label.round {
    border-radius: 34px;
}
.expedition-toggle label.round::before {
    border-radius: 50%;
}
.view-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--neu--30);
}
.view-title .article-title {
    overflow: hidden;
    color: var(--neu--900);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.view-title .writer-info .writer-nick {
    font-size: 13px;
    line-height: 18px;
}
.view-title .writer-info .view-like-comment {
    font-size: 13px;
    gap: 10px;
    line-height: 18px;
}
.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;
}
.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.00016' cy='8.00065' r='2.66667' stroke='%23757575' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 9.77886C13.5714 11.6339 11.3137 13.5566 8 13.5566C4.68629 13.5566 2.42857 11.6339 2 9.77886' stroke='%23757575' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 6.22309C13.5714 4.36807 11.3137 2.44531 8 2.44531C4.68629 2.44531 2.42857 4.36807 2 6.22309' stroke='%23757575' stroke-width='0.888889' 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.65129C6.33539 0.0938051 0.0652539 2.60579 2.22557 7.93338C3.44346 10.5892 5.66657 12.1487 7.99998 13.7785C10.3334 12.1487 12.5569 10.5892 13.7745 7.9334C15.9348 2.6058 9.66466 0.0937911 8.00006 4.65129Z' stroke='%23757575' stroke-width='0.888889' 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='M6 11.7793V13.7793L8.88889 11.7793' stroke='%23757575' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.88894 11.7786H9.55561V11.7786C12.1329 11.7786 14.2223 9.68931 14.2223 7.11198V7.11198C14.2223 4.53465 12.1329 2.44531 9.55561 2.44531H6.4445C3.86717 2.44531 1.77783 4.53465 1.77783 7.11198V7.55642C1.77783 9.88829 3.66819 11.7786 6.00005 11.7786V11.7786' stroke='%23757575' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 7.11133V7.11355' stroke='%23757575' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8892 7.11133V7.11355' stroke='%23757575' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.11133 7.11133V7.11355' stroke='%23757575' stroke-width='1.33333' 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: rgba(0, 0, 0, 0.04);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: var(--neu--500);
}
.category-wrap span.expedition-badge {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 4px;
    height: 20px;
    padding: 0px 3px;
    box-sizing: border-box;
    background: var(--neu--00);
}
.category-wrap span.expedition-badge.complete {
    background: var(--pri--10);
}
.fontsize-wrap {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    box-sizing: border-box;
}
.fontsize-wrap button {
    background-color: transparent;
    display: flex;
    height: 24px;
    padding: 0px 4px 0 5px;
    justify-content: center;
    align-items: center;
    border: 0;
}
.fontsize-wrap button svg {
    stroke: var(--neu--500);
}
.fontsize-wrap button:disabled svg {
    stroke: var(--neu--50);
    cursor: default;
}
.fontsize-wrap button + button {
    border-left: 1px solid var(--neu--30);
}
.view-article-wrap {
    color: var(--neu--900);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 24px 0 24px 0;
    width: 100%;
}
.view-article {
    word-break: break-all;
}
.view-article.font-13,
.view-article.font-13 p,
.view-article.font-13 span {
    font-size: 13px;
    line-height: 18px;
}
.view-article.font-16,
.view-article.font-16 p,
.view-article.font-16 span {
    font-size: 16px;
    line-height: 22px;
}
.view-article.font-19,
.view-article.font-19 p,
.view-article.font-19 span {
    font-size: 19px;
    line-height: 28px;
}
.view-article.font-22,
.view-article.font-22 p,
.view-article.font-22 span {
    font-size: 22px;
    line-height: 30px;
}
.view-article img {
    max-width: 100%;
}
.view-article a {
    color: var(--pri--500);
    text-decoration: underline;
}
.view-article span,
.view-article p {
    color: var(--neu--900) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.attachment-wrap {
    display: flex;
    padding: 12px 12px 14px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--neu--20);
    margin-top: 30px;
}
.attachment-title {
    color: var(--neu--500);
    font-size: 13px;
    font-weight: 400;
    height: 18px;
    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: 12px;
    font-weight: 400;
    color: var(--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(--neu--30);
}
.view-bottom-wrap > div {
    display: flex;
    align-items: center;
    gap: 6px;
}
.review-novel {
    display: flex;
    padding: 14px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 6px;
    background: var(--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: 4px;
    border: 1px solid var(--neu--20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    outline: none;
    position: relative;
}
.review-novel .novel-cover img {
    width: 100%;
}
.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: 14px;
    padding: 0px 3px;
    font-size: 11px;
    line-height: 16px;
}
.novel-meta-wrap .novel-meta .genre {
    font-size: 13px;
    color: var(--neu--300);
}
.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(--neu--900);
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    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,
.novel-meta-wrap .novel-meta .novel-author span {
    color: var(--pri--500);
}
.novel-meta-wrap .novel-meta .novel-title-wrap .badge-complete {
    border-radius: 3px;
    background: var(--neu--300);
    flex-shrink: 0;
    display: inline-flex;
    height: 16px;
    padding: 0px 3px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    color: var(--neu--00);
}
.novel-meta-wrap .novel-meta .novel-author {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--neu--500);
}
.novel-meta-wrap .view-count-date {
    gap: 0;
    display: flex;
    line-height: 18px;
}
.novel-meta-wrap .view-count-date span {
    color: var(--neu--300);
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.novel-meta-wrap .view-count-date span + span:before {
    content: '';
    width: 1px;
    height: 10px;
    background-color: var(--neu--50);
    margin: 0 7px;
    display: inline-flex;
}
.comments-wrap {
    width: 100%;
}
.comment-content {
    word-break: break-all;
}
.comment-content.blocked {
    color: var(--neu--300);
}
.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(--neu--300);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.comments-total {
    display: flex;
    padding-bottom: 14px;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: var(--neu--900);
}
.comments-total span {
    color: var(--pri--500);
}
.comment-write-wrap {
    display: flex;
    padding: 14px 14px 14px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    border-radius: 6px;
    background: var(--neu--00);
    position: relative;
    border: 1px solid var(--neu--30);
}
.comment-write-wrap.disabled {
    background: var(--neu--10);
}
.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: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(--neu--30);
    border-bottom: 1px solid var(--neu--30);
    position: absolute;
    box-sizing: border-box;
}
.comment-write-wrap.depth-1:before {
    top: 0;
    left: -28px;
}
.comment-write-wrap.depth-2:before {
    top: 0;
    left: -28px;
}
.comment-write-wrap.depth-3:before,
.comment-write-wrap.depth-4:before,
.comment-write-wrap.depth-5:before {
    top: 0;
    left: -28px;
}
.comment-write {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--neu--900);
    height: 106px;
}
.comment-write textarea {
    border: 0;
    background: transparent;
    display: flex;
    height: 68px;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    resize: none;
    font-family: 'Noto Sans KR';
    outline: none;
    line-height: 19px;
    font-size: 14px;
}
.comment-write textarea::placeholder {
    color: var(--neu--200);
}
.comment-write textarea:disabled::placeholder {
    color: var(--neu--100);
}
.comment-write textarea:focus {
    border-color: var(--neu--900);
}
.count-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.count-submit .Button {
    width: 66px;
}
.text-count {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--neu--100);
}
.text-count span {
    font-weight: 500;
    color: var(--neu--300);
}
.comment-list {
}
.comments-list .comment {
    display: flex;
    padding: 18px 2px;
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0 0;
    border-bottom: 1px solid var(--neu--20);
    font-size: 14px;
    font-weight: 400;
    position: relative;
    color: var(--neu--900);
}
.comments-list .comment.depth-1 {
    padding-left: 28px;
}
.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(--neu--30);
    border-bottom: 1px solid var(--neu--30);
    position: absolute;
    box-sizing: border-box;
}
.comments-list .comment.depth-1:before {
    top: 18px;
    left: 2px;
}
.comments-list .comment.depth-2 {
    padding-left: 46px;
}
.comments-list .comment.depth-2:before {
    top: 18px;
    left: 18px;
}
.comments-list .comment.depth-3 {
    padding-left: 62px;
}
.comments-list .comment.depth-3:before {
    top: 18px;
    left: 34px;
}
.comments-list .comment.depth-4 {
    padding-left: 78px;
}
.comments-list .comment.depth-4:before {
    top: 18px;
    left: 50px;
}
.comments-list .comment.depth-5 {
    padding-left: 94px;
}
.comments-list .comment.depth-5:before {
    top: 18px;
    left: 66px;
}
.comments-list .comment button {
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
}
.comments-list .comment button.re-comment {
    color: var(--neu--500);
}
.comments-list .comment button.delete {
    color: var(--neu--300);
}
.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: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--neu--900);
}
.comment .writer-info .nickname.my-nickname {
    color: var(--pri--500);
    display: inline-block;
    width: auto;
}
.comment .writer-info .date {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--300);
}
.comment .comment-reaction {
    display: flex;
    height: 20px;
    align-items: center;
    gap: 4px;
    flex-direction: row;
    font-size: 13px;
    justify-content: flex-start;
    width: 100%;
}
.comment .comment-reaction > div {
    display: flex;
    height: 20px;
    align-items: center;
    flex-direction: row;
}
.comment-reaction .reaction-btn {
    gap: 6px;
    position: absolute;
    right: 0;
    bottom: 18px;
}
.reaction-btn .like,
.reaction-btn .dislike,
.reaction-btn .report,
.reaction-btn .block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.reaction-btn svg {
    stroke: var(--neu--300);
}
.reaction-btn .like {
    color: var(--sec--red--500);
}
.reaction-btn .like.active svg {
    stroke: var(--sec--red--500);
}
.reaction-btn .dislike {
    color: var(--sec--sky--500);
}
.reaction-btn .dislike.active svg {
    stroke: var(--sec--sky--500);
}
.reaction-btn .like + .dislike {
    margin-left: 4px;
}
.reaction-btn .report,
.reaction-btn .block {
    color: var(--neu--300);
}
.reaction-btn .report + .block {
    margin-left: 4px;
}
.reaction-btn .re-comment {
    color: var(--neu--500);
}
.reaction-btn .delete {
    color: var(--neu--300);
}
.divide-dot {
    width: 14px;
    text-align: center;
    color: var(--neu--50);
}
.divide-textline {
    margin: 0 5px;
    height: 10px;
    width: 1px;
    background-color: var(--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(--neu--300);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    display: flex;
    gap: 2px;
    align-items: center;
}
.article-footer {
    width: 100%;
    padding: 48px 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.article-category {
    color: var(--neu--900);
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    padding: 0 0 16px 0;
    border-bottom: 1px solid var(--neu--30);
}
.next-prev-article {
    display: flex;
    height: 48px;
    padding: 0 6px;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--neu--900);
    border-bottom: 1px solid var(--neu--20);
    box-sizing: border-box;
}
.next-prev-article div {
    flex-shrink: 0;
}
.next-prev-article + .next-prev-article {
    border-bottom: 1px solid var(--neu--30);
}
.next-prev-article a {
    color: var(--neu--500);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    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;
    padding-top: 14px;
    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-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}
.article-input .input-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    gap: 3px;
}
.article-input .input-label span {
    color: var(--sec--orange--500);
}
.article-input .select-wrap {
    position: relative;
    display: inline-flex;
}
.article-input .select-wrap + .select-wrap {
    margin-left: 8px;
}
.article-input .select-wrap svg {
    position: absolute;
    top: 13px;
    right: 14px;
    pointer-events: none;
}
.article-input .select-wrap select {
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    color: var(--neu--500);
    width: 200px;
    box-sizing: border-box;
    height: 42px;
    padding: 0 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    outline: none;
}
.article-input .select-wrap.error select {
    border: 1px solid var(--sys--negative--500);
    color: var(--sys--negative--500);
}
.article-input input[type='text'] {
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    display: flex;
    height: 42px;
    padding: 0px 6px 0px 14px;
    align-items: center;
    align-self: stretch;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--neu--500);
}
.article-input input[type='text']:focus {
    border-color: var(--neu--500);
}
.article-input input[type='text']::placeholder {
    color: var(--neu--200);
}
.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(--neu--30);
    background: var(--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 button {
    width: 100px;
}
.input-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 18px;
    justify-content: center;
}
.input-check input[type='checkbox'] {
    display: none;
}
.input-check input[type='checkbox'] + .check-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
    margin: -2px 0 0 0;
}
.input-check input[type='checkbox'] + .check-icon rect {
    fill: transparent;
    stroke: var(--neu--40);
}
.input-check input[type='checkbox'] + .check-icon path {
    fill: transparent;
}
.input-check input[type='checkbox']:checked + .check-icon rect {
    fill: var(--pri--500);
    stroke: var(--pri--500);
}
.input-check input[type='checkbox']:checked + .check-icon path {
    fill: var(--neu--00);
}
.check_box input[type='checkbox']:disabled + .check-icon {
    cursor: not-allowed !important;
}
.input-check input[type='checkbox']:disabled + .check-icon rect {
    fill: var(--neu--20);
    stroke: var(--neu--30);
}
.input-check input[type='checkbox']:disabled + .check-icon path {
    fill: transparent;
}
.check_box input[type='checkbox']:disabled:checked + .check-icon {
    cursor: not-allowed !important;
}
.input-check input[type='checkbox']:disabled:checked + .check-icon rect {
    fill: var(--neu--100);
    stroke: var(--neu--100);
}
.input-check input[type='checkbox']:disabled:checked + .check-icon path {
    fill: var(--neu--20);
}
/* 파일첨부 */
.attachment-upload-wrap {
    display: flex;
    padding: 0 0 24px 0;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--neu--30);
}
.attachment-upload {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
.attachment-upload > div {
    align-items: center;
    gap: 5px;
    color: var(--neu--900);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.attachment-upload span {
    color: var(--neu--200);
}
.attachment-upload span.count {
    color: var(--neu--300);
}
.attachment-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    margin: 0;
}
.attachment-disc li {
    color: var(--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(--neu--300);
    left: 1px;
    top: 8px;
    position: absolute;
}
.attachment-file-wrap,
.existing-attachment-file-list {
    display: grid;
    text-align: left;
    padding: 4px 0 4px 0;
    gap: 0 6px;
    grid-template-columns: 1fr 1fr;
    width: 426px;
}
.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(--neu--20);
    background: var(--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(--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(--neu--500);
}
/* 작품선택 */
.novel-select {
    margin: 0;
    display: flex;
    padding: 14px;
    align-items: center;
    align-self: stretch;
    border-radius: 6px;
    border: 1px dashed var(--neu--40);
    background: var(--neu--00);
    box-sizing: border-box;
    justify-content: space-between;
}
.novel-select > div {
    align-items: center;
    gap: 12px;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--neu--300);
}
.novel-select > div > div {
    display: flex;
    width: 46px;
    height: 65px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 3px;
    border: 1px solid var(--neu--20);
    background: var(--neu--10);
    box-sizing: border-box;
}
.novel-selected {
    margin: 0;
    display: flex;
    padding: 14px;
    align-items: center;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    box-sizing: border-box;
    justify-content: space-between;
}
.novel-selected.expedition {
    border: 1px solid rgba(40, 130, 245, 0.12);
    background: rgba(40, 130, 245, 0.06);
}
.expedition-text {
    display: flex;
    margin-top: -4px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    color: var(--pri--500);
}
.novel-selected > div {
    align-items: center;
    gap: 12px;
    display: flex;
    max-width: 460px;
}
.novel-selected .novel-cover {
    width: 46px;
    height: 65px;
    border-radius: 3px;
    border: 1px solid var(--neu--20);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.novel-selected .novel-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    flex: 1 0 0;
}
.novel-selected .genre {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--300);
}
.novel-selected .novel-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--neu--900);
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
}
.novel-selected .author {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--neu--500);
}
.novel-selected .novel-delete-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}
/* 작품선택 모달 */
.back-dim {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans KR';
}
.full-scroll-back-dim {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden auto;
}
.back-dim.double-dim {
    z-index: 2000;
}
.div_table {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.div_table_cell {
    display: table-cell;
    vertical-align: middle;
    margin: 40px 0;
}
.scroll-modal {
    display: flex;
    width: 460px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 5px;
    background: var(--neu--00);
    position: relative;
    margin: 20px 0;
    max-height: 80vh;
    border-radius: 10px;
    overflow-y: auto;
    position: relative;
    font-family: 'Noto Sans KR';
}
.full-scroll-modal {
    display: flex;
    width: 460px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 5px;
    background: var(--neu--00);
    position: relative;
    margin: 20px 0;
    font-family: 'Noto Sans KR';
}
.scroll-modal .modal-header,
.fulll-scroll-modal .modal-header {
    width: 100%;
    height: 51px;
    font-size: 19px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neu--900);
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid var(--neu--20);
    flex-shrink: 0;
}
.scroll-modal .modal-header .btn-close,
.full-scroll-modal .modal-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 51px;
    height: 51px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-content {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: auto;
    flex: 1 1 auto;
    padding: 0 24px 0 24px;
}
.full-scroll-modal .modal-content {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.modal-content-temporary {
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    padding: 0;
    width: 412px;
    margin: 0 auto 24px auto;
    flex-direction: column;
    /* width: 100%; */
    overflow-y: auto;
    flex: 1 1 auto;
}
.temporary-disc {
    color: var(--neu--300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    padding: 20px 24px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
.btn-comp-area {
    display: flex;
    gap: 8px;
    position: sticky;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}
.rounge-disc-wrap .btn-comp-area {
    position: relative;
}
.scroll-modal .btn-comp-area {
    padding: 24px;
}
.modal-content .gift-input-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
    padding: 24px 32px 0 32px;
    box-sizing: border-box;
}
.modal-content .event-novel-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 8px 24px 10px 24px;
    box-sizing: border-box;
    max-height: 749px;
    overflow-y: auto;
}
.modal-content .event-novel-wrap .event-novel-info {
    display: flex;
    padding: 16px 8px 17px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-top: 1px solid var(--neu--10);
}
.modal-box {
    display: flex;
    padding: 18px 16px 20px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid var(--pri--30);
    background: var(--pri--10);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
}
.modal-box div {
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--neu--500);
}
.modal-box span {
    color: var(--pri--500);
}
.modal-box div.gift-messege {
    font-weight: 400;
}
.search-sk {
    display: flex;
    padding: 12px 0 20px 0;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--neu--300);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    height: 648px;
    box-sizing: border-box;
}
.search-empty {
    display: flex;
    padding-bottom: 20px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: var(--neu--300, #757575);
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px; /* 140% */
    height: 594px;
    box-sizing: border-box;
    flex-shrink: 0;
}
.search-result-expedition {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box;
}
.search-result-count {
    color: var(--neu--900);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.32px;
}
.search-result-count span {
    color: var(--pri--500);
}
.search-expedition {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    color: var(--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-modal-view {
    border: 0;
    background: transparent;
    width: 18px;
    height: 18px;
    padding: 0;
}
.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);
}
.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(--neu--500);
    font-size: 15px;
    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(--pri--500);
    font-weight: 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(--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: 16px;
    font-weight: 500;
    color: var(--neu--900);
}
.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(--neu--20);
}
.novel-search-result .novel-list.selected {
    background: var(--neu--10);
}
.novel-search-result .novel-list:last-of-type {
    border: 0;
}
.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(--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;
}
.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(--neu--20);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    outline: none;
    position: relative;
}
.novel-info .novel-cover img {
    width: 100%;
}
.input-radio-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
}
.input-radio {
    display: flex;
    align-items: flex-start;
}
.input-radio label {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 20px;
    color: var(--neu--500);
    font-size: 15px;
    justify-content: flex-start;
}
.input-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid var(--neu--40);
    outline: none;
    position: relative;
    background-color: transparent;
}
.input-radio input[type='radio']:focus {
    outline: none;
}
.input-radio input:checked {
    border: 6px solid var(--pri--500);
    background-color: var(--neu--00);
}
.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;
    padding-bottom: 20px;
    color: var(--neu--300, #757575);
    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: #727383;
    width: 100%;
    border-bottom: 1px solid var(--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: block;
    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(--neu--900);
}
.temporary-list .title-date .date {
    color: var(--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-private {
    width: 16px;
    height: 16px;
    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%3Crect width='16' height='16' rx='3' fill='%23292929'/%3E%3Cpath d='M5.91406 6.08333V5.33333C5.91406 4.18274 6.8468 3.25 7.9974 3.25V3.25C9.14799 3.25 10.0807 4.18274 10.0807 5.33333V6.08333' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.83203 7.0835V11.7502C3.83203 12.3024 4.27975 12.7502 4.83203 12.7502H11.1654C11.7176 12.7502 12.1654 12.3024 12.1654 11.7502V7.0835C12.1654 6.53121 11.7177 6.0835 11.1654 6.0835H4.83203C4.27975 6.0835 3.83203 6.53121 3.83203 7.0835ZM7.99863 10.7501C8.73501 10.7501 9.33197 10.1532 9.33197 9.41681C9.33197 8.68043 8.73501 8.08348 7.99863 8.08348C7.26225 8.08348 6.6653 8.68043 6.6653 9.41681C6.6653 10.1532 7.26225 10.7501 7.99863 10.7501Z' fill='white'/%3E%3C/svg%3E%0A");
    left: 5px;
    bottom: 5px;
    position: absolute;
}
.badge-adult {
    width: 16px;
    height: 16px;
    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%3Crect x='0.845' y='0.845' width='14.31' height='14.31' rx='7.155' fill='white'/%3E%3Crect x='0.845' y='0.845' width='14.31' height='14.31' rx='7.155' stroke='%23DE3535' stroke-width='1.69'/%3E%3Cg clip-path='url(%23clip0_655_22987)'%3E%3Cpath d='M3.6 5.70449L3.5 5.76449V6.91449L5.01 6.05449V11.3945H6.14V4.60449H5.42L3.6 5.70449Z' fill='black'/%3E%3Cpath d='M12.2097 6.69449C12.1297 6.29449 11.9997 5.9645 11.8197 5.6845C11.6497 5.3945 11.4497 5.1745 11.2297 5.0045C10.9997 4.8245 10.7497 4.6945 10.4797 4.6245C9.84969 4.4345 9.20969 4.4545 8.63969 4.6645C8.32969 4.7845 8.06969 4.9545 7.85969 5.1645C7.63969 5.3745 7.46969 5.6245 7.35969 5.91449C7.23969 6.19449 7.17969 6.49449 7.17969 6.83449C7.17969 7.17449 7.22969 7.47449 7.34969 7.74449C7.44969 8.01449 7.60969 8.26449 7.82969 8.48449C8.04969 8.70449 8.29969 8.86449 8.58969 8.97449C8.86969 9.0845 9.19969 9.1445 9.55969 9.1445C9.98969 9.1445 10.3897 9.0445 10.7497 8.8445C10.9197 8.7545 11.0697 8.6445 11.1997 8.5245C11.1997 8.6245 11.1797 8.7145 11.1597 8.8145C11.1197 9.1045 11.0397 9.3345 10.9397 9.5345C10.8397 9.7445 10.7297 9.9045 10.6197 10.0245C10.4897 10.1545 10.3397 10.2645 10.1697 10.3545C10.0097 10.4345 9.81969 10.4745 9.59969 10.4745C9.29969 10.4745 9.05969 10.4145 8.85969 10.2845C8.66969 10.1545 8.53969 9.97449 8.46969 9.7345L8.41969 9.5645L7.30969 9.7745L7.36969 9.9845C7.50969 10.4745 7.77969 10.8645 8.16969 11.1345C8.55969 11.4045 9.03969 11.5445 9.57969 11.5445C9.94969 11.5445 10.2897 11.4745 10.5897 11.3445C10.9097 11.2145 11.1697 11.0245 11.4097 10.7845C12.0197 10.1645 12.3297 9.17449 12.3297 7.85449C12.3297 7.48449 12.2897 7.1045 12.2097 6.71449V6.69449ZM10.9697 6.82449C10.9697 7.18449 10.8497 7.48449 10.5997 7.73449C10.3497 7.98449 10.0397 8.1145 9.63969 8.1145C9.23969 8.1145 8.95969 8.00449 8.71969 7.76449H8.70969C8.46969 7.51449 8.33969 7.21449 8.33969 6.84449C8.33969 6.58449 8.40969 6.3545 8.55969 6.1345C8.69969 5.92449 8.86969 5.7745 9.05969 5.6945C9.49969 5.5145 9.90969 5.5345 10.2597 5.6945C10.4297 5.7745 10.5697 5.8845 10.6897 6.0145C10.7997 6.1345 10.8697 6.2545 10.9197 6.4045C10.9697 6.5445 10.9897 6.66449 10.9897 6.81449L10.9697 6.82449Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_655_22987'%3E%3Crect width='8.83' height='7.03' fill='white' transform='translate(3.5 4.48438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    right: 6px;
    top: 6px;
}
.review-novel .novel-cover .badge-adult {
    right: 5px;
    top: 5px;
}
.novel-info-wrap .badge-adult {
    width: 14px;
    height: 14px;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 4px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.655' y='0.655' width='12.69' height='12.69' rx='6.345' fill='white'/%3E%3Crect x='0.655' y='0.655' width='12.69' height='12.69' rx='6.345' stroke='%23DE3535' stroke-width='1.31'/%3E%3Cg clip-path='url(%23clip0_979_28152)'%3E%3Cpath d='M3.15 4.99277L3.0625 5.04527V6.05152L4.38375 5.29902V9.97152H5.3725V4.03027H4.7425L3.15 4.99277Z' fill='black'/%3E%3Cpath d='M10.6835 5.85835C10.6135 5.50835 10.4997 5.2196 10.3422 4.9746C10.1935 4.72085 10.0185 4.52835 9.82598 4.3796C9.62473 4.2221 9.40598 4.10835 9.16973 4.0471C8.61848 3.88085 8.05848 3.89835 7.55973 4.0821C7.28848 4.1871 7.06098 4.33585 6.87723 4.5196C6.68473 4.70335 6.53598 4.9221 6.43973 5.17585C6.33473 5.42085 6.28223 5.68335 6.28223 5.98085C6.28223 6.27835 6.32598 6.54085 6.43098 6.7771C6.51848 7.01335 6.65848 7.2321 6.85098 7.4246C7.04348 7.6171 7.26223 7.7571 7.51598 7.85335C7.76098 7.9496 8.04973 8.0021 8.36473 8.0021C8.74098 8.0021 9.09098 7.9146 9.40598 7.7396C9.55473 7.66085 9.68598 7.5646 9.79973 7.4596C9.79973 7.5471 9.78223 7.62585 9.76473 7.71335C9.72973 7.9671 9.65973 8.16835 9.57223 8.34335C9.48473 8.5271 9.38848 8.6671 9.29223 8.7721C9.17848 8.88585 9.04723 8.9821 8.89848 9.06085C8.75848 9.13085 8.59223 9.16585 8.39973 9.16585C8.13723 9.16585 7.92723 9.11335 7.75223 8.9996C7.58598 8.88585 7.47223 8.72835 7.41098 8.51835L7.36723 8.3696L6.39598 8.55335L6.44848 8.7371C6.57098 9.16585 6.80723 9.5071 7.14848 9.74335C7.48973 9.9796 7.90973 10.1021 8.38223 10.1021C8.70598 10.1021 9.00348 10.0409 9.26598 9.9271C9.54598 9.81335 9.77348 9.6471 9.98348 9.4371C10.5172 8.8946 10.7885 8.02835 10.7885 6.87335C10.7885 6.5496 10.7535 6.2171 10.6835 5.87585V5.85835ZM9.59848 5.9721C9.59848 6.2871 9.49348 6.5496 9.27473 6.76835C9.05598 6.9871 8.78473 7.10085 8.43473 7.10085C8.08473 7.10085 7.83973 7.0046 7.62973 6.7946H7.62098C7.41098 6.57585 7.29723 6.31335 7.29723 5.9896C7.29723 5.7621 7.35848 5.56085 7.48973 5.36835C7.61223 5.1846 7.76098 5.05335 7.92723 4.98335C8.31223 4.82585 8.67098 4.84335 8.97723 4.98335C9.12598 5.05335 9.24848 5.1496 9.35348 5.26335C9.44973 5.36835 9.51098 5.47335 9.55473 5.6046C9.59848 5.7271 9.61598 5.8321 9.61598 5.96335L9.59848 5.9721Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_979_28152'%3E%3Crect width='7.72625' height='6.15125' fill='white' transform='translate(3.0625 3.9248)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.novel-selected .novel-cover .badge-adult {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.65' y='0.65' width='10.7' height='10.7' rx='5.35' fill='white'/%3E%3Crect x='0.65' y='0.65' width='10.7' height='10.7' rx='5.35' stroke='%23DE3535' stroke-width='1.3'/%3E%3Cg clip-path='url(%23clip0_667_75238)'%3E%3Cpath d='M2.7 4.27812L2.625 4.32312V5.18562L3.7575 4.54062V8.54562H4.605V3.45312H4.065L2.7 4.27812Z' fill='black'/%3E%3Cpath d='M9.15727 5.02173C9.09727 4.72173 8.99976 4.47423 8.86476 4.26423C8.73726 4.04673 8.58727 3.88173 8.42227 3.75423C8.24977 3.61923 8.06227 3.52173 7.85977 3.46923C7.38727 3.32673 6.90727 3.34173 6.47977 3.49923C6.24727 3.58923 6.05227 3.71673 5.89477 3.87423C5.72977 4.03173 5.60227 4.21923 5.51977 4.43673C5.42977 4.64673 5.38477 4.87173 5.38477 5.12673C5.38477 5.38173 5.42227 5.60673 5.51227 5.80923C5.58727 6.01173 5.70727 6.19923 5.87227 6.36423C6.03727 6.52923 6.22477 6.64923 6.44227 6.73173C6.65227 6.81423 6.89977 6.85923 7.16977 6.85923C7.49227 6.85923 7.79227 6.78423 8.06227 6.63423C8.18977 6.56673 8.30226 6.48423 8.39977 6.39423C8.39977 6.46923 8.38477 6.53673 8.36977 6.61173C8.33977 6.82923 8.27977 7.00173 8.20477 7.15173C8.12977 7.30923 8.04727 7.42923 7.96477 7.51923C7.86727 7.61673 7.75477 7.69923 7.62727 7.76673C7.50727 7.82673 7.36477 7.85673 7.19977 7.85673C6.97477 7.85673 6.79477 7.81173 6.64477 7.71423C6.50227 7.61673 6.40477 7.48173 6.35227 7.30173L6.31477 7.17423L5.48227 7.33173L5.52727 7.48923C5.63227 7.85673 5.83477 8.14923 6.12727 8.35173C6.41977 8.55423 6.77977 8.65923 7.18477 8.65923C7.46227 8.65923 7.71727 8.60673 7.94227 8.50923C8.18227 8.41173 8.37726 8.26923 8.55727 8.08923C9.01477 7.62423 9.24727 6.88173 9.24727 5.89173C9.24727 5.61423 9.21727 5.32923 9.15727 5.03673V5.02173ZM8.22727 5.11923C8.22727 5.38923 8.13727 5.61423 7.94977 5.80173C7.76227 5.98923 7.52977 6.08673 7.22977 6.08673C6.92977 6.08673 6.71977 6.00423 6.53977 5.82423H6.53227C6.35227 5.63673 6.25477 5.41173 6.25477 5.13423C6.25477 4.93923 6.30727 4.76673 6.41977 4.60173C6.52477 4.44423 6.65227 4.33173 6.79477 4.27173C7.12477 4.13673 7.43227 4.15173 7.69477 4.27173C7.82227 4.33173 7.92727 4.41423 8.01727 4.51173C8.09977 4.60173 8.15227 4.69173 8.18977 4.80423C8.22727 4.90923 8.24227 4.99923 8.24227 5.11173L8.22727 5.11923Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_667_75238'%3E%3Crect width='6.6225' height='5.2725' fill='white' transform='translate(2.625 3.36328)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 12px;
    height: 12px;
    right: 4px;
    top: 4px;
}
.badge-contest {
    position: absolute;
    right: 10px;
    top: 7px;
    display: flex;
    height: 14px;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: rgba(5, 143, 255, 0.1);
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #058fff;
}
.badge-state-disabled {
    position: absolute;
    right: 10px;
    top: 7px;
    display: flex;
    height: 14px;
    padding: 0px 2px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: var(--neu--20);
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: var(--neu--200);
}
.review-disc-wrap {
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.review-disc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.review-disc div {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--neu--900);
}
.review-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-inline-start: 17px;
    margin-block: 0px;
    margin: 0;
}
.review-disc li {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    list-style-type: number;
    color: var(--neu--500);
}
.review-disc li span {
    color: var(--pri--500);
    font-weight: 500;
}
.review-disc ul.point,
.expedition-disc ul.point {
    padding-inline-start: 9px;
    margin: 0;
}
.review-disc ul.point li,
.expedition-disc ul.point li {
    list-style-type: '∙';
    color: var(--sec--orange--500);
}
.report-input-wrap {
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.report-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.report-input div {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--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;
}
.report-input .report-input-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--neu--900);
    display: flex;
    gap: 8px;
}
.report-input .report-input-label span {
    color: var(--neu--300);
    font-size: 15px;
    font-weight: 400;
    line-height: 21px; /* 140% */
}
.radio-select-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
}
.radio-select-wrap .textarea-wrap {
    display: flex;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    background: var(--neu--00);
    position: relative;
    border: 1px solid var(--neu--30);
    width: 100%;
    box-sizing: border-box;
    margin: -6px 0 24px 0;
}
.textarea-wrap.disabled {
    background: var(--neu--10);
}
.radio-select-wrap textarea {
    border: 0;
    background: transparent;
    display: flex;
    height: 68px;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    resize: none;
    font-family: 'Noto Sans KR';
    outline: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: var(--neu--900);
}
.radio-select-wrap textarea::placeholder {
    color: var(--neu--200);
}
.radio-select-wrap textarea:disabled::placeholder {
    color: var(--neu--100);
}
.radio-select-wrap textarea:focus {
    border-color: var(--neu--900);
}
.radio-select-wrap .count-wrap {
    text-align: right;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--neu--100);
}
.radio-select-wrap .count-wrap .count {
    color: var(--neu--300);
    font-weight: 500;
}
.report-input-wrap .divide-line {
    height: 1px;
    width: 100%;
    background-color: var(--neu--20);
}
.provision-wrap {
    display: flex;
    width: 100%;
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: var(--neu--500);
}
.provision-disc-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.provision-disc-wrap .disc-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: var(--neu--900);
}
.provision-disc {
    display: flex;
    padding: 14px 18px 16px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--neu--10);
}
.provision-disc div {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: var(--neu--900);
}
.provision-disc ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-inline-start: 17px;
    margin-block: 0px;
    margin: 0;
}
.provision-disc li {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    list-style-type: number;
    color: var(--neu--500);
}
.badge-expedition {
    width: 61px;
    height: 25px;
    position: absolute;
    left: 29px;
    bottom: -3px;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg width='61' height='25' viewBox='0 0 61 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0L0 5H4L4 0Z' fill='%23C5DDFC'/%3E%3Cpath d='M57 5.625C58.864 5.625 60.375 7.13604 60.375 9V21C60.375 22.864 58.864 24.375 57 24.375H4C2.13604 24.375 0.625 22.864 0.625 21V5.625H57Z' fill='%23F5F9FF'/%3E%3Cpath d='M57 5.625C58.864 5.625 60.375 7.13604 60.375 9V21C60.375 22.864 58.864 24.375 57 24.375H4C2.13604 24.375 0.625 22.864 0.625 21V5.625H57Z' stroke='%23C5DDFC' stroke-width='1.25'/%3E%3Cpath d='M10.7747 14.208L10.9067 15.18C9.43069 15.444 8.17069 15.492 5.96269 15.492H5.11069V10.224H10.1267V11.22H6.34669V12.348H9.92269V13.32H6.34669V14.496C8.26669 14.496 9.41869 14.448 10.7747 14.208ZM7.42669 17.46V19.308H11.9147V17.46H7.42669ZM6.20269 20.292V16.476H13.1267V20.292H6.20269ZM14.6627 12.204V13.224H13.1267V15.948H11.8907V9.576H13.1267V12.204H14.6627ZM18.4978 10.488V12.264C18.4978 14.196 19.5058 16.152 21.1378 16.956L20.3818 17.94C19.2178 17.34 18.3538 16.164 17.8858 14.748C17.4178 16.248 16.5058 17.508 15.2698 18.144L14.5138 17.148C16.2058 16.32 17.2617 14.268 17.2617 12.264V10.488H18.4978ZM24.7858 13.884V14.904H23.0938V20.424H21.8578V9.588H23.0938V13.884H24.7858ZM28.0121 11.88V16.824C29.2601 16.812 30.2441 16.752 31.3601 16.524L31.4681 17.544C30.1601 17.796 29.0441 17.844 27.5201 17.844H26.8001V10.872H30.8081V11.88H28.0121ZM34.5041 9.576H35.6801V20.412H34.5041V14.868H33.2201V19.884H32.0561V9.804H33.2201V13.86H34.5041V9.576ZM42.7792 14.544L42.1312 15.516C40.9672 15.096 40.1032 14.268 39.6472 13.248C39.1672 14.424 38.2792 15.36 37.0312 15.816L36.3712 14.832C38.0752 14.244 38.9992 12.768 38.9992 11.208V10.14H40.2472V11.304C40.2472 12.696 41.1712 14.016 42.7792 14.544ZM41.4472 19.452C42.9592 19.452 43.8352 19.08 43.8352 18.384C43.8352 17.712 42.9592 17.328 41.4472 17.328C39.9352 17.328 39.0592 17.712 39.0592 18.384C39.0592 19.08 39.9352 19.452 41.4472 19.452ZM41.4472 16.356C43.6912 16.356 45.0592 17.112 45.0592 18.384C45.0592 19.668 43.6912 20.424 41.4472 20.424C39.2152 20.424 37.8352 19.668 37.8352 18.384C37.8352 17.112 39.2152 16.356 41.4472 16.356ZM44.9392 12.264H46.4752V13.284H44.9392V16.092H43.7032V9.576H44.9392V12.264ZM52.8903 14.736L52.2543 15.684C51.0423 15.288 50.1783 14.46 49.7103 13.428C49.2303 14.568 48.3303 15.456 47.0583 15.9L46.4103 14.928C48.1263 14.352 49.0742 12.972 49.0742 11.484V11.292H46.7703V10.284H52.5903V11.292H50.3223V11.484C50.3223 12.852 51.2343 14.184 52.8903 14.736ZM47.8503 17.64V16.644H54.9783V20.424H53.7423V17.64H47.8503ZM56.5143 12.348V13.368H54.9783V16.116H53.7423V9.576H54.9783V12.348H56.5143Z' fill='%232882F5'/%3E%3C/svg%3E%0A");
}
.btn-like svg {
    stroke: #000;
}
.btn-like.active svg {
    stroke: var(--sec--red--500);
    fill: var(--sec--red--500);
}
/* editor */
.editor-wrap {
    display: flex;
    width: 520px;
    height: 600px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--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(--neu--10);
}
.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(--neu--900);
}
.editor-toolbar .toolbar-group > button[disabled] svg {
    stroke: var(--neu--100);
}
.editor-toolbar .toolbar-group > button:hover {
    background-color: var(--neu--20);
}
.editor-toolbar .toolbar-group > button.active {
    background-color: var(--neu--00);
}
.editor-toolbar .toolbar-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.editor-toolbar .editor-line {
    width: 1px;
    height: 18px;
    background-color: var(--neu--30);
}
.custom-placeholder {
    position: absolute;
    padding: 14px;
    color: var(--neu--200);
    font-size: 15px;
    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(--neu--100);
}
.editor-counter mark {
    background: none;
    color: var(--neu--300);
    font-weight: 500;
    margin: 0 3px 0 0;
}
.editor-input-wrap {
    padding: 14px 14px 0 14px;
    height: 508px;
    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(--neu--900);
    word-break: break-all;
    border: unset !important;
}
.editor-link-wrap {
    position: absolute;
    z-index: 1;
    left: -216px;
    top: 35px;
    border-radius: 6px;
    background-color: var(--neu--00);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    padding: 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    display: none;
}
.editor-link-wrap .Button {
    width: 84px;
}
.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 input[type='text'] {
    display: flex;
    align-items: center;
    width: 214px;
    height: 36px;
    padding: 0px 6px 0px 12px;
    border-radius: 5px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    color: var(--neu--500);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    align-self: stretch;
}
.editor-link-input input[type='text']:focus {
    border-color: var(--neu--500);
}
.editor-link-input input[type='text']::placeholder {
    color: var(--neu--200);
}
.editor-link-input + .editor-link-input {
    margin-top: 10px;
}
.article-input .editor-link-input input[type='text'] {
    border-radius: 5px;
    height: 36px;
    padding: 0px 6px 0px 12px;
    font-size: 14px;
    width: 214px;
}
.editor-link-input span {
    flex-basis: auto;
    flex-shrink: 0;
    width: 40px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: var(--neu--900);
}
/* Dropdown */
.dropdown-wrap {
    position: relative;
}
.dropdown {
    display: flex;
    height: 20px;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--500);
    cursor: pointer;
}
.dropdown-wrap.error .dropdown {
    border: 1px solid var(--sys--negative--500);
    color: var(--sys--negative--500);
}
.dropdown .arrow-icon {
    width: 12px;
    height: 12px;
    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;
    width: max-content; /* 내용이 길면 그에 맞게 자동 확장 */
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid var(--neu--20);
    background: var(--neu--00);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
    padding: 8px;
    align-items: flex-start;
    gap: 3px;
}
.dropdown-list div {
    padding: 0 12px;
    border-radius: 3px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: var(--neu--500);
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    align-items: center;
    display: flex;
    height: 36px;
}
.dropdown-list div.selected {
    background: var(--pri--30);
    color: var(--neu--900);
}
.dropdown-list div:hover {
    background: var(--neu--10);
}
.dropdown-list.show {
    display: flex;
}
.select-board {
    display: flex;
    gap: 10px;
}
.select-board .dropdown {
    display: flex;
    height: 42px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--neu--30);
    background: var(--neu--00);
    color: var(--neu--500);
    font-size: 15px;
    width: 200px;
    box-sizing: border-box;
    padding: 0 40px 0 14px;
    position: relative;
    cursor: pointer;
}

.select-board .dropdown .arrow-icon {
    width: 16px;
    height: 16px;
    transition: transform 0s; /* 애니메이션 없음 */
}
.select-board .dropdown .arrow-icon {
    stroke: var(--neu--300);
    position: absolute;
    right: 13px;
    top: 13px;
}
.select-board .dropdown-list {
    top: 46px;
    left: 0;
    width: 200px;
    box-sizing: border-box;
}
.select-board .dropdown.open {
    border: 1px solid var(--neu--500);
}
.dropdown.open .arrow-icon {
    transform: rotate(180deg);
}
.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(--neu--300) 100%, #0000) top/2px 2px no-repeat, conic-gradient(#0000 10%, var(--neu--300));
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
    animation: loading 1s infinite linear;
    margin: 1px;
}
@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
/* 강호정담용 */
hgroup.tit-1 h3 {
    font-family: 'Noto Sans KR';
    font-size: 18px !important;
    color: var(--neu--900) !important;
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 25px;
}
hgroup.tit-1 h3 span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: var(--neu--300);
}
hgroup.tit-1 {
    padding: 0 0 8px 0 !important;
    border-bottom: 0 !important;
}
#board .sub-nav {
    margin: 0 0 8px 0 !important;
}
#board .entries th {
    border-top: 1px solid #cacaca !important;
    border-bottom: 1px solid #cacaca !important;
}
#board.light .entries thead {
    background: none !important;
}
#board .comment-write textarea {
    font-size: 13px;
    resize: vertical;
    border-width: 1px;
    border-style: solid;
    border-color: #b9b9ba #d9d9da #d9d9da #b9b9ba;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
    transition: border ease 0.2s;
    width: 490px;
}
#board .entry-view .content {
    width: 520px !important;
    box-sizing: border-box;
}
.toast-message {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1001;
    display: flex;
}
.toast-message > div {
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    min-width: 140px;
    max-width: 320px;
    padding: 10px 16px;
    line-height: 19px;
    margin: 0 auto;
    word-break: keep-all;
    box-sizing: border-box;
}
#board .entry-write {
    display: block;
    height: auto;
}