/*!
 * 
 *       Project : uikit-nccommunity
 *       Version : 2.2.0-1718350661
 *       Update  : 2024. 6. 14. 오후 4:38:18
 *       Hash  : f2e08a75d
 *
 */
@keyframes skeleton-animation {
    0% {
        background: var(--ncui-gray002)
    }

    100% {
        background: var(--ncui-gray008)
    }
}

.nc-community-list .slick-slider,.nc-community-view .slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.nc-community-list .slick-slider .slick-track,.nc-community-list .slick-slider .slick-list,.nc-community-view .slick-slider .slick-track,.nc-community-view .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nc-community-list .slick-slider button,.nc-community-view .slick-slider button {
    display: inline-block;
    border: 0;
    vertical-align: middle;
    background-color: rgba(0,0,0,0)
}

.nc-community-list .slick-list,.nc-community-view .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.nc-community-list .slick-list:focus,.nc-community-view .slick-list:focus {
    outline: none
}

.nc-community-list .slick-list.dragging,.nc-community-view .slick-list.dragging {
    cursor: hand
}

.nc-community-list .slick-track,.nc-community-view .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    outline: none
}

.nc-community-list .slick-track:before,.nc-community-list .slick-track:after,.nc-community-view .slick-track:before,.nc-community-view .slick-track:after {
    content: "";
    display: table
}

.nc-community-list .slick-track:after,.nc-community-view .slick-track:after {
    clear: both
}

.slick-loading .nc-community-list .slick-track,.slick-loading .nc-community-view .slick-track {
    visibility: hidden
}

.nc-community-list .slick-slide,.nc-community-view .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none
}

.nc-community-list .slick-slide img,.nc-community-view .slick-slide img {
    display: block
}

.nc-community-list .slick-slide.slick-loading img,.nc-community-view .slick-slide.slick-loading img {
    display: none
}

.nc-community-list .slick-slide.dragging img,.nc-community-view .slick-slide.dragging img {
    pointer-events: none
}

.nc-community-list [dir=rtl] .slick-slide,.nc-community-view [dir=rtl] .slick-slide {
    float: right
}

.nc-community-list .slick-initialized .slick-slide,.nc-community-view .slick-initialized .slick-slide {
    display: block
}

.nc-community-list .slick-loading .slick-slide,.nc-community-view .slick-loading .slick-slide {
    visibility: hidden
}

.nc-community-list .slick-vertical .slick-slide,.nc-community-view .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0,0,0,0)
}

.nc-community-list .slick-arrow.slick-hidden,.nc-community-view .slick-arrow.slick-hidden {
    display: none
}

.nc-community-list .co-slick-arrow,.nc-community-view .co-slick-arrow {
    z-index: 1;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 24px;
    color: #ceced3;
    cursor: pointer
}

.nc-community-list .co-slick-arrow:focus,.nc-community-view .co-slick-arrow:focus {
    outline: 0
}

.nc-community-list .co-slick-arrow:active,.nc-community-view .co-slick-arrow:active {
    margin-top: -14px
}

.nc-community-list .co-slick-arrow [class^=fe-icon-],.nc-community-view .co-slick-arrow [class^=fe-icon-] {
    font-weight: normal
}

.nc-community-list .co-slick-prev,.nc-community-view .co-slick-prev {
    left: 21px
}

.nc-community-list .co-slick-next,.nc-community-view .co-slick-next {
    right: 21px
}

.nc-community-list .slick-dots,.nc-community-view .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    bottom: 10px;
    margin: 0;
    padding: 0;
    line-height: 0;
    list-style: none;
    text-align: center
}

.nc-community-list .slick-dots li button,.nc-community-view .slick-dots li button {
    overflow: hidden;
    width: 10px;
    height: 2px;
    margin-left: 2px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    background: var(--ncui-gray020)
}

.nc-community-list .slick-dots li button:focus,.nc-community-view .slick-dots li button:focus {
    outline: 0
}

.nc-community-list .slick-dots li:first-child,.nc-community-view .slick-dots li:first-child {
    padding-left: 0
}

.pswp {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 90000000;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #17171b;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__button {
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    transition: opacity .2s
}

.pswp__button>svg {
    display: none
}

.pswp__top-bar,.pswp__caption,.pswp__button--arrow--prev,.pswp__button--arrow--next {
    opacity: 0
}

.pswp__button--close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 0
}

.pswp__button--close:before {
    content: "";
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: rgba(255,255,255,.8);
    height: 30px;
    width: 30px;
    mask-size: 30px 30px;
    -webkit-mask-size: 30px 30px;
    display: inline-block;
    opacity: .8
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close")) {
    .pswp__button--close:before {
        mask-image:url("../img/icon/community-symbols.svg#close")
    }
}

.pswp__button--share,.pswp__button--fs,.pswp__button--zoom {
    display: none
}

.pswp__button--arrow--prev,.pswp__button--arrow--next {
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    position: absolute;
    font-size: 0;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 100%
}

.pswp__button--arrow--prev:before,.pswp__button--arrow--next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_left_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: rgba(255,255,255,.8);
    display: inline-block;
    opacity: .8
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_left_s")) {
    .pswp__button--arrow--prev:before,.pswp__button--arrow--next:before {
        mask-image:url("../img/icon/community-symbols.svg#arrow_left_s")
    }
}

.pswp__button--arrow--prev {
    left: 6px
}

.pswp__button--arrow--next {
    right: 6px;
    transform: rotate(180deg)
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    100% {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 9100056
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--prev,.pswp--has_mouse .pswp__button--arrow--next {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--prev,.pswp--has_mouse .pswp__button--arrow--next {
    visibility: visible
}

.pswp__top-bar,.pswp__caption {
    background-color: rgba(0,0,0,0)
}

@media(orientation: landscape) {
    .pswp__top-bar,.pswp__caption {
        background-color:rgba(0,0,0,.5)
    }
}

.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--prev,.pswp__ui--idle .pswp__button--arrow--next {
    opacity: 0
}

.pswp--ui-visible .pswp__top-bar,.pswp--ui-visible .pswp__caption,.pswp--ui-visible .pswp__button--arrow--prev,.pswp--ui-visible .pswp__button--arrow--next {
    opacity: 1
}

.pswp--one-slide .pswp__button--arrow--prev,.pswp--one-slide .pswp__button--arrow--next,.pswp--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

body {
    background-color: var(--ncui-bg)
}

.nc-community-list {
    min-height: 380px
}

.uikit-nccommunity-node *,.ui-dialog * {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.uikit-nccommunity-node {
    max-width: 1180px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.uikit-nccommunity-node * {
    box-sizing: border-box
}

@media(min-width: 960px) {
    .uikit-nccommunity-node {
        line-height:1.5
    }
}

html[data-platform=purpleLauncher] .uikit-nccommunity-node {
    max-width: unset;
    margin-top: 0
}

.uikit-nccommunity-node input,.uikit-nccommunity-node textarea {
    color: var(--ncui-black068)
}

.uikit-nccommunity-node input::-webkit-input-placeholder,.uikit-nccommunity-node textarea::-webkit-input-placeholder {
    color: var(--ncui-black045)
}

.uikit-nccommunity-node input:-ms-input-placeholder,.uikit-nccommunity-node input::-ms-input-placeholder,.uikit-nccommunity-node input [type=text]:-ms-input-placeholder,.uikit-nccommunity-node textarea:-ms-input-placeholder,.uikit-nccommunity-node textarea::-ms-input-placeholder,.uikit-nccommunity-node textarea [type=text]:-ms-input-placeholder {
    color: var(--ncui-black045) !important
}

.uikit-nccommunity-node input::placeholder,.uikit-nccommunity-node textarea::placeholder {
    color: var(--ncui-black045)
}

.uikit-nccommunity-node input::-ms-clear,.uikit-nccommunity-node textarea::-ms-clear {
    display: none
}

.nc-community-view strong,.nc-community-view b {
    font-weight: bold
}

.ncuim-backdrop.ncuim-toast.vertical .ncuim-container.community-toast .ncuim-wrapper {
    padding-bottom: 16px
}

.ncuim-backdrop.ncuim-toast.vertical .ncuim-container.community-toast .ncuim-content {
    padding-top: 0
}

.profile-image {
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: var(--ncui-gray008-hex);
    overflow: hidden
}

.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.uikit-nccommunity-node .name {
    color: var(--ncui-black068)
}

.writer {
    line-height: 20px;
    font-size: 14px;
    color: var(--ncui-black045)
}

.writer .name~span,.writer~span {
    position: relative
}

.writer .name~span:before,.writer~span:before {
    content: "";
    width: 1px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--ncui-gray008);
    margin: 0 6px 2px
}

@media(min-width: 960px) {
    .writer .name~span:before,.writer~span:before {
        height:14px;
        margin: 0 10px 2px
    }
}

.writer+.posted-at {
    white-space: nowrap
}

[class*=feed-] .writer .name~span:before,[class*=feed-] .writer~span:before {
    width: 2px;
    height: 2px;
    background: var(--ncui-gray020);
    margin: 0 6px 2px
}

.iconc-facebook {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#facebook");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#facebook")) {
    .iconc-facebook {
        mask-image:url("../img/icon/community-symbols.svg#facebook")
    }
}

.iconc-twitter {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#twitter");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#twitter")) {
    .iconc-twitter {
        mask-image:url("../img/icon/community-symbols.svg#twitter")
    }
}

.iconc-url {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#url");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#url")) {
    .iconc-url {
        mask-image:url("../img/icon/community-symbols.svg#url")
    }
}

.iconc-close_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close_s")) {
    .iconc-close_s {
        mask-image:url("../img/icon/community-symbols.svg#close_s")
    }
}

.iconc-picture {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#picture");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#picture")) {
    .iconc-picture {
        mask-image:url("../img/icon/community-symbols.svg#picture")
    }
}

.iconc-vote {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#vote");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#vote")) {
    .iconc-vote {
        mask-image:url("../img/icon/community-symbols.svg#vote")
    }
}

.iconc-comment_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#comment_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#comment_s")) {
    .iconc-comment_s {
        mask-image:url("../img/icon/community-symbols.svg#comment_s")
    }
}

.iconc-count_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#count_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#count_s")) {
    .iconc-count_s {
        mask-image:url("../img/icon/community-symbols.svg#count_s")
    }
}

.iconc-arrow_down_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_down_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_down_s")) {
    .iconc-arrow_down_s {
        mask-image:url("../img/icon/community-symbols.svg#arrow_down_s")
    }
}

.iconc-arrow_right_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_right_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_right_s")) {
    .iconc-arrow_right_s {
        mask-image:url("../img/icon/community-symbols.svg#arrow_right_s")
    }
}

.iconc-reload {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#reload");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#reload")) {
    .iconc-reload {
        mask-image:url("../img/icon/community-symbols.svg#reload")
    }
}

.iconc-more {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#more");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#more")) {
    .iconc-more {
        mask-image:url("../img/icon/community-symbols.svg#more")
    }
}

.iconc-like_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#like_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#like_s")) {
    .iconc-like_s {
        mask-image:url("../img/icon/community-symbols.svg#like_s")
    }
}

.iconc-caret_up_fill {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#caret_up_fill");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#caret_up_fill")) {
    .iconc-caret_up_fill {
        mask-image:url("../img/icon/community-symbols.svg#caret_up_fill")
    }
}

.iconc-caret_down_fill {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#caret_down_fill");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#caret_down_fill")) {
    .iconc-caret_down_fill {
        mask-image:url("../img/icon/community-symbols.svg#caret_down_fill")
    }
}

.iconc-close_circle_s {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close_circle_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close_circle_s")) {
    .iconc-close_circle_s {
        mask-image:url("../img/icon/community-symbols.svg#close_circle_s")
    }
}

.iconc-globe {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#globe");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#globe")) {
    .iconc-globe {
        mask-image:url("../img/icon/community-symbols.svg#globe")
    }
}

.iconc-close_circle {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close_circle");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 20px;
    width: 20px;
    mask-size: 20px 20px;
    -webkit-mask-size: 20px 20px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close_circle")) {
    .iconc-close_circle {
        mask-image:url("../img/icon/community-symbols.svg#close_circle")
    }
}

.iconc-share {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#share");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#share")) {
    .iconc-share {
        mask-image:url("../img/icon/community-symbols.svg#share")
    }
}

.iconc-search {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#search");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#search")) {
    .iconc-search {
        mask-image:url("../img/icon/community-symbols.svg#search")
    }
}

.iconc-filter {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#filter");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#filter")) {
    .iconc-filter {
        mask-image:url("../img/icon/community-symbols.svg#filter")
    }
}

.iconc-list_classic {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#list_classic");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#list_classic")) {
    .iconc-list_classic {
        mask-image:url("../img/icon/community-symbols.svg#list_classic")
    }
}

.iconc-list_card {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#list_card");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#list_card")) {
    .iconc-list_card {
        mask-image:url("../img/icon/community-symbols.svg#list_card")
    }
}

.iconc-list_compact {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#list_compact");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#list_compact")) {
    .iconc-list_compact {
        mask-image:url("../img/icon/community-symbols.svg#list_compact")
    }
}

.iconc-write {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#write");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-ui-white);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#write")) {
    .iconc-write {
        mask-image:url("../img/icon/community-symbols.svg#write")
    }
}

.iconc-bookmark {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#bookmark");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#bookmark")) {
    .iconc-bookmark {
        mask-image:url("../img/icon/community-symbols.svg#bookmark")
    }
}

.iconc-upload {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#upload");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#upload")) {
    .iconc-upload {
        mask-image:url("../img/icon/community-symbols.svg#upload")
    }
}

.iconc-emoticon {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#emoticon");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#emoticon")) {
    .iconc-emoticon {
        mask-image:url("../img/icon/community-symbols.svg#emoticon")
    }
}

.iconc-close {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close")) {
    .iconc-close {
        mask-image:url("../img/icon/community-symbols.svg#close")
    }
}

.iconc-like {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#like");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#like")) {
    .iconc-like {
        mask-image:url("../img/icon/community-symbols.svg#like")
    }
}

.iconc-btn_submit {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#btn_submit");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-ui-white);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#btn_submit")) {
    .iconc-btn_submit {
        mask-image:url("../img/icon/community-symbols.svg#btn_submit")
    }
}

.iconc-vote_feed {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#vote_feed");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#vote_feed")) {
    .iconc-vote_feed {
        mask-image:url("../img/icon/community-symbols.svg#vote_feed")
    }
}

.iconc-arrow_view_recent {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_view_recent");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_view_recent")) {
    .iconc-arrow_view_recent {
        mask-image:url("../img/icon/community-symbols.svg#arrow_view_recent")
    }
}

.iconc-new {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#new");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-error);
    height: 16px;
    width: 8px;
    mask-size: 8px 16px;
    -webkit-mask-size: 8px 16px;
    display: inline-block;
    width: 8px;
    height: 16px
}

@supports(mask-image: url("../img/icon/community-symbols.svg#new")) {
    .iconc-new {
        mask-image:url("../img/icon/community-symbols.svg#new")
    }
}

.nc-community-loader {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px
}

.nc-community-loader.is-show {
    display: block
}

.loader-circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-animation: circle infinite .75s linear;
    -moz-animation: circle infinite .75s linear;
    -o-animation: circle infinite .75s linear;
    animation: circle infinite .75s linear;
    border-width: 2px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    border-top-color: rgba(0,0,0,0);
    border-radius: 100%
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.co-btn,.nc-comment-more,.nc-comment-more_tag,.ncCommentMore {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    background: rgba(0,0,0,0);
    color: var(--ncui-black068);
    cursor: pointer
}

.co-btn:hover,.nc-comment-more:hover,.nc-comment-more_tag:hover,.ncCommentMore:hover {
    text-decoration: none
}

.co-btn:focus,.nc-comment-more:focus,.nc-comment-more_tag:focus,.ncCommentMore:focus {
    outline: 0
}

.co-btn-round,.ui-dialog .dialog-footer button,.nc-community-report .dialog-footer button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    height: 40px;
    padding: 9px 15px 9px 15px;
    border-radius: 20px;
    font-size: 15px;
    border: 1px solid var(--ncui-gray012);
    color: var(--ncui-black068)
}

@media(min-width: 960px) {
    .co-btn-round,.ui-dialog .dialog-footer button,.nc-community-report .dialog-footer button {
        min-width:74px
    }
}

.co-btn-write {
    border: 0 !important;
    color: var(--ncui-ui-white);
    border-color: rgba(0,0,0,0);
    background-color: var(--ncui-point)
}

.co-btn-write span,.co-btn-write svg {
    color: inherit;
    fill: var(--ncui-ui-white)
}

.co-btn-wrap,.view-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.co-wrap-more {
    padding: 0 18px
}

.wrap-btn-top .co-btn-top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border: 1px solid var(--ncui-gray008);
    background-color: var(--ncui-gray004-hex);
    border-radius: 4px
}

.wrap-btn-top .co-btn-top .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#top");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 17px;
    width: 13px;
    mask-size: 13px 17px;
    -webkit-mask-size: 13px 17px;
    display: inline-block;
    flex: none
}

@supports(mask-image: url("../img/icon/community-symbols.svg#top")) {
    .wrap-btn-top .co-btn-top .iconc {
        mask-image:url("../img/icon/community-symbols.svg#top")
    }
}

@media(min-width: 960px) {
    .wrap-btn-top {
        position:fixed;
        inset-inline-end: 16px;
        bottom: 16px;
        z-index: 10
    }

    @supports not (inset-inline-end: 16px) {
        html:not([dir=rtl]) .wrap-btn-top {
            right:16px
        }

        [dir=rtl] .wrap-btn-top {
            left: 16px
        }
    }

    .wrap-btn-top .txt {
        display: none
    }
}

@media(max-width: 959px) {
    .nc-community-view .wrap-btn-top {
        position:fixed;
        inset-inline-end: 16px;
        bottom: 16px;
        z-index: 10
    }

    @supports not (inset-inline-end: 16px) {
        html:not([dir=rtl]) .nc-community-view .wrap-btn-top {
            right:16px
        }

        [dir=rtl] .nc-community-view .wrap-btn-top {
            left: 16px
        }
    }

    .nc-community-view .wrap-btn-top .txt {
        display: none
    }
}

html[data-platform=purpleLauncher] .wrap-btn-top {
    bottom: 74px;
    margin-inline-end:9px}

.nc-community-list .wrap-btn-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    color: var(--ncui-black045)
}

@media(max-width: 959px) {
    .nc-community-list .wrap-btn-top {
        margin-top:24px;
        padding: 0 16px
    }
}

.nc-community-list .wrap-btn-top .txt {
    margin-inline-end:5px}

.nc-comment-more,.nc-comment-more_tag,.ncCommentMore {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 1px solid var(--ncui-gray008);
    font-size: 15px;
    color: var(--ncui-black068);
    cursor: pointer
}

.nc-comment-more:hover,.nc-comment-more_tag:hover,.ncCommentMore:hover {
    text-decoration: underline
}

@media(min-width: 960px) {
    .nc-comment-more,.nc-comment-more_tag,.ncCommentMore {
        font-size:14px
    }
}

.btn-translate {
    font-size: 0;
    text-align: center
}

.btn-translate .iconc-translate {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#translate");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block;
    vertical-align: middle
}

@supports(mask-image: url("../img/icon/community-symbols.svg#translate")) {
    .btn-translate .iconc-translate {
        mask-image:url("../img/icon/community-symbols.svg#translate")
    }
}

.btn-translate:not(.auto).is-active .iconc-translate {
    background-color: var(--ncui-black093)
}

.btn-translate.auto {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--ncui-gray008);
    background-color: var(--ncui-gray004);
    padding: 0
}

.btn-translate.auto.is-active {
    background-color: var(--ncui-black100);
    border-color: var(--ncui-black100)
}

.btn-translate.auto.is-active .iconc-translate {
    background-color: var(--ncui-white100)
}

.btn-translate:disabled {
    cursor: progress
}

.view-bottom [class^=co-btn] {
    height: 36px;
    border: 1px solid var(--ncui-gray012);
    border-radius: 4px;
    font-size: 14px;
    padding: 0 9px
}

.fe-btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    background: rgba(0,0,0,0);
    cursor: pointer
}

.fe-btn:hover {
    text-decoration: none
}

.fe-btn:focus {
    outline: 0
}

.fe-btn-layer {
    padding: 12px 24px 12px;
    border-radius: 100px;
    font-size: 15px
}

.fe-btn-layer.is-fill {
    border: 1px solid var(--ncui-point);
    background: var(--ncui-point);
    color: var(--ncui-ui-white)
}

.fe-btn-layer.is-o {
    border: 1px solid var(--ncui-gray012);
    color: var(--ncui-black045);
    background: rgba(0,0,0,0)
}

.tooltip-wrap {
    position: relative;
    z-index: 1
}

.tooltip-wrap .tooltip-content {
    position: absolute;
    top: calc(100% + 10px);
    left: -10px;
    right: auto;
    min-width: calc(100vw - 50px);
    padding: 12px 17px 17px;
    box-shadow: 2px 2px 4px 0 var(--ncui-gray004);
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.43
}

[dir=rtl] .tooltip-wrap .tooltip-content {
    left: auto
}

[dir=rtl] .tooltip-wrap .tooltip-content {
    right: -10px
}

.dark-mode .tooltip-wrap .tooltip-content {
    box-shadow: none
}

@media(min-width: 960px) {
    .tooltip-wrap .tooltip-content {
        min-width:100%
    }
}

.board-search-top .tooltip-wrap .tooltip-content {
    right: -10px;
    left: auto
}

[dir=rtl] .board-search-top .tooltip-wrap .tooltip-content {
    right: auto
}

[dir=rtl] .board-search-top .tooltip-wrap .tooltip-content {
    left: -10px
}

.tooltip-wrap .tooltip-content.hide {
    transition: opacity 100ms linear,transform 0ms 100ms linear;
    transform: scale(0);
    opacity: 0
}

.tooltip-wrap .tooltip-content,.tooltip-wrap .tooltip-content:before {
    border: 1px solid var(--ncui-gray012);
    background: var(--ncui-bg)
}

.tooltip-wrap .tooltip-content:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 17px;
    right: auto;
    width: 9px;
    height: 10px;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    border-left: 0 none;
    border-bottom: 0 none
}

[dir=rtl] .tooltip-wrap .tooltip-content:before {
    left: auto
}

[dir=rtl] .tooltip-wrap .tooltip-content:before {
    right: 17px
}

.board-search-top .tooltip-wrap .tooltip-content:before {
    right: 17px;
    left: auto
}

[dir=rtl] .board-search-top .tooltip-wrap .tooltip-content:before {
    right: auto
}

[dir=rtl] .board-search-top .tooltip-wrap .tooltip-content:before {
    left: 17px
}

.tooltip-wrap .tooltip-content p {
    margin: 0
}

@media(min-width: 960px) {
    .tooltip-wrap .tooltip-content p {
        white-space:nowrap
    }
}

.tooltip-wrap .tooltip-content .button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 16px
}

.tooltip-wrap .tooltip-content .button button {
    background: rgba(0,0,0,0);
    padding: 0;
    border: 0 none;
    color: var(--ncui-point-text);
    line-height: inherit
}

.tooltip-wrap .tooltip-content .button .bar {
    width: 1px;
    height: 12px;
    margin: 0 10px;
    background-color: var(--ncui-gray012)
}

.pagination-list {
    margin: 30px auto 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.pagination-list li {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0 4px;
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle
}

.pagination-list li a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: var(--ncui-black045)
}

.pagination-list li a:hover {
    text-decoration: underline
}

.pagination-list li.current {
    color: var(--ncui-black093)
}

.pagination-list .prev a,.pagination-list .next a {
    position: relative;
    width: 28px;
    height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray008);
    border-radius: 100%
}

.pagination-list .prev a:hover,.pagination-list .next a:hover {
    border-color: var(--ncui-black045)
}

.pagination-list .prev a:before,.pagination-list .next a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3px;
    height: 3px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-black045)
}

.pagination-list .prev {
    margin-right: 15px
}

.pagination-list .prev a:before {
    margin: -2px 0 0 -2px;
    transform: rotate(-135deg)
}

.pagination-list .next {
    margin-left: 15px
}

.pagination-list .next a:before {
    margin: -2px 0 0 -2px;
    transform: rotate(45deg)
}

.ui-dropdown-wrap {
    position: relative;
    display: inline-flex
}

.ui-dropdown {
    align-items: center;
    color: var(--ncui-black068);
    text-align: start
}

.ui-dropdown.disabled span,.ui-dropdown :disabled {
    color: var(--ncui-black045);
    cursor: default
}

.ui-dropdown .iconc {
    flex: none;
    fill: var(--ncui-black045);
    margin-top: 1px;
    margin-inline-start:2px}

@media(min-width: 960px) {
    .ui-dropdown .iconc {
        margin-inline-start:5px
    }
}

.ui-dropdown .select {
    display: inline-flex;
    min-height: 36px;
    align-items: center
}

.ui-dropdown-community {
    width: 100%
}

.ui-dropdown-community.ui-dropdown-2depth {
    display: inline-flex !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.ui-dropdown-community .selected {
    display: block;
    white-space: nowrap;
    line-height: 26px;
    cursor: pointer
}

.ui-dropdown-community .option {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    z-index: 10;
    max-height: 220px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--ncui-gray012);
    background: var(--ncui-gray004-hex);
    color: var(--ncui-black068)
}

.ui-dropdown-community .option:after {
    content: "";
    display: table;
    clear: both
}

html:not([dir=rtl]) .ui-dropdown-community .option {
    left: 0
}

[dir=rtl] .ui-dropdown-community .option {
    right: 0
}

.dark-mode .ui-dropdown-community .option {
    background: var(--ncui-gray008-hex)
}

.ui-dropdown-community .option li {
    height: 42px;
    padding: 10px 20px 0 14px;
    border-top: 1px solid var(--ncui-gray012);
    white-space: nowrap;
    cursor: pointer
}

.ui-dropdown-community .option li:hover {
    color: var(--ncui-point-text)
}

.ui-dropdown-community .option li:first-child {
    border-top: 0 none
}

.ui-dropdown-community .option li.is-active,.ui-dropdown-community .option li.is-selected {
    color: var(--ncui-black093);
    background: var(--ncui-white100);
    pointer-events: none;
    cursor: default
}

.dark-mode .ui-dropdown-community .option li.is-active,.dark-mode .ui-dropdown-community .option li.is-selected {
    background: var(--ncui-gray012-hex)
}

.ui-dropdown-community.is-active .option {
    display: block
}

.ui-dropdown-community.is-active .option-2depth {
    display: flex
}

.ui-dropdown-community .option-menu {
    overflow-y: auto;
    height: 200px;
    width: 50%
}

.ui-dropdown-community .option-2depth {
    width: 284px;
    font-size: 15px
}

@media(min-width: 600px) {
    .ui-dropdown-community .option-2depth {
        width:340px;
        min-width: 340px;
        font-size: 14px
    }
}

.ui-dropdown-community .option-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-dropdown-community .option-list li {
    font-size: 15px
}

@media(min-width: 960px) {
    .ui-dropdown-community .option-list li {
        font-size:14px
    }
}

.ui-dropdown-community .option-list li:first-child {
    border-top: 0 none
}

.ui-dropdown-community .option-menu-1depth {
    border-inline-end:1px solid var(--ncui-gray012)}

.ui-dropdown-community .option-menu-2depth {
    background: var(--ncui-bg)
}

.dark-mode .ui-dropdown-community .option-menu-2depth {
    background: var(--ncui-gray012-hex)
}

.ui-dropdown-elements {
    display: flex
}

.ui-dropdown-elements select {
    position: relative;
    line-height: 1.3;
    z-index: 1;
    height: 100%;
    border: 0;
    border-radius: 0;
    outline: none;
    font-size: inherit;
    color: inherit;
    background-color: rgba(0,0,0,0);
    padding: 0;
    -webkit-appearance: none
}

.uikit-nccommunity-node .ui-dropdown-community,.ui-dialog .ui-dropdown-community {
    display: none
}

@media(min-width: 960px) {
    .uikit-nccommunity-node .ui-dropdown-community,.ui-dialog .ui-dropdown-community {
        display:inline-flex
    }
}

@media(min-width: 960px) {
    .uikit-nccommunity-node .ui-dropdown-elements,.ui-dialog .ui-dropdown-elements {
        display:none
    }
}

.util-btn-wrap {
    position: relative
}

.util-btn-wrap.is-active {
    z-index: 5
}

.util-btn-wrap .btn-more {
    width: 100%;
    height: 100%
}

.util-btn-wrap button {
    display: block
}

.util-btn-wrap .button-list {
    display: none;
    position: absolute;
    top: 30px;
    background: var(--ncui-white100);
    border-radius: 4px;
    border: 1px solid var(--ncui-gray012)
}

html:not([dir=rtl]) .util-btn-wrap .button-list {
    right: 0
}

[dir=rtl] .util-btn-wrap .button-list {
    left: 0
}

.dark-mode .util-btn-wrap .button-list {
    background: var(--ncui-gray012-hex)
}

.util-btn-wrap .button-list button {
    min-width: 148px;
    height: 43px;
    text-align: left;
    font-size: 15px;
    padding: 0 16px
}

.util-btn-wrap .button-list button+button {
    border-top: 1px solid var(--ncui-gray012)
}

.util-btn-wrap .button-list button:first-child[style*="display: none"]+button {
    border-top: 0 none
}

.util-btn-wrap .button-list button:hover {
    color: var(--ncui-black093);
    text-decoration: underline
}

.dark-mode .util-btn-wrap .button-list,.dark-mode .util-btn-wrap .button-list button {
    border-color: var(--ncui-gray008)
}

.util-btn-wrap.is-active .button-list {
    display: block
}

body.layer-is-active .co-layer-modal {
    display: block
}

.co-layer-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9100005;
    width: 100%;
    height: 100%
}

.co-layer-modal.is-active {
    display: block
}

.co-layer.is-active {
    display: flex;
    justify-content: center;
    align-items: center
}

.co-layer-header {
    position: relative
}

.co-layer-title {
    height: 44px;
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: var(--ncui-black093)
}

.co-layer .co-btn-close {
    position: absolute;
    top: 0;
    right: 0
}

.nc-community-report .dialog {
    width: 100%;
    padding: 20px
}

@media(min-width: 960px) {
    .nc-community-report .dialog {
        width:400px;
        border: 1px solid var(--ncui-gray012)
    }
}

.nc-community-report h2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 16px
}

.nc-community-report .report-contents {
    color: var(--ncui-black093)
}

.nc-community-report .report-remain {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008);
    color: var(--ncui-point-text);
    padding: 0 13px 15px
}

.nc-community-report .report-remain h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 0 0
}

.nc-community-report .report-remain h2 .count {
    font-style: normal
}

.nc-community-report .report-remain .desc {
    margin: 9px 0 0 0;
    padding: 0;
    color: var(--ncui-black045);
    font-size: 13px;
    line-height: 1
}

.nc-community-report .report-target {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 57px;
    padding: 0 13px;
    border-width: 5px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

.nc-community-report .report-target .target {
    font-size: 14px
}

.nc-community-report .report-cause {
    border-width: 5px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

.nc-community-report .report-cause h2 {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 13px;
    font-weight: 400
}

.nc-community-report .list-cause {
    margin: 0;
    padding: 0 13px;
    list-style-type: none;
    font-size: 14px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

.nc-community-report .list-cause li {
    position: relative;
    z-index: 1;
    height: 45px;
    line-height: 45px
}

.nc-community-report .list-cause label {
    position: relative;
    z-index: 3;
    display: block;
    cursor: pointer
}

.nc-community-report .list-cause input[type=radio] {
    display: none;
    -webkit-appearance: none;
    border: 0 none;
    background-color: rgba(0,0,0,0);
    outline: none
}

.nc-community-report .list-cause .check {
    position: absolute;
    z-index: 2;
    top: 13px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 1px solid var(--ncui-gray020)
}

html:not([dir=rtl]) .nc-community-report .list-cause .check {
    right: 0
}

[dir=rtl] .nc-community-report .list-cause .check {
    left: 0
}

.nc-community-report .list-cause .iconc {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: var(--ncui-black045);
    -webkit-mask-image: url("../img/icon/community-symbols.svg#check");
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px
}

@supports(mask-image: url("../img/icon/community-symbols.svg#check")) {
    .nc-community-report .list-cause .iconc {
        mask-image:url("../img/icon/community-symbols.svg#check")
    }
}

.nc-community-report .list-cause input[type=radio]:checked+.check {
    background-color: var(--ncui-black093);
    border-color: var(--ncui-black093)
}

.nc-community-report .list-cause input[type=radio]:checked+.check .iconc {
    background-color: var(--ncui-white100)
}

.nc-community-report .close {
    position: absolute;
    top: 20px;
    right: 20px
}

.nc-community-report .dialog-footer {
    display: block;
    width: auto;
    padding-top: 17px;
    margin-top: 10px;
    border-top: 1px solid var(--ncui-gray008)
}

.fe-layer-emoticon {
    display: none;
    z-index: 20;
    position: absolute;
    left: 18px;
    right: 18px;
    margin: 0 auto;
    padding: 24px 0 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    background: var(--ncui-white100)
}

.dark-mode .fe-layer-emoticon {
    background: var(--ncui-gray004-hex)
}

.fe-layer-emoticon.active {
    display: block
}

.fe-layer-emoticon .fe-layer-title {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: var(--ncui-black093)
}

.fe-layer-emoticon .fe-btn-close {
    position: absolute;
    top: 19px;
    right: 19px;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    background: rgba(0,0,0,0);
    cursor: pointer
}

.fe-layer-emoticon .fe-btn-close svg {
    width: 19px;
    height: 19px
}

.emoticon-wrap {
    height: 180px;
    overflow-y: auto;
    margin: 25px auto 0;
    -webkit-overflow-scrolling: touch
}

.emoticon-list {
    width: 270px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.emoticon-list:after {
    content: "";
    display: table;
    clear: both
}

.emoticon-items {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 70px;
    margin: 5px;
    text-align: center;
    vertical-align: top;
    cursor: pointer
}

.emoticon-items img {
    max-width: 100%;
    max-height: 100%
}

@media(min-width: 600px) {
    .fe-layer-emoticon {
        left:0;
        right: auto
    }

    .emoticon-list {
        width: 475px
    }
}

@media(min-width: 960px) {
    .emoticon-list {
        width:760px
    }
}

.toast-layer {
    z-index: 20;
    position: fixed;
    top: 50%;
    left: 20px;
    right: 20px;
    max-width: 600px;
    min-height: 70px;
    margin: 0 auto;
    padding: 19px;
    border: 4px solid #5c443b;
    word-wrap: break-word;
    word-break: keep-all;
    text-align: center;
    font-size: 15px;
    line-height: 150%;
    color: #000;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.toast-layer.is-success {
    color: #bd8d5d
}

.toast-layer.is-fail {
    color: #f35601
}

.ui-dialog {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 9100010;
    color: var(--ncui-black093)
}

.ui-dialog h1,.ui-dialog h2,.ui-dialog h3,.ui-dialog h4,.ui-dialog h5,.ui-dialog h6,.ui-dialog p,.ui-dialog div {
    margin: unset
}

.ui-dialog button {
    cursor: pointer
}

.ui-dialog.show {
    display: flex;
    overflow-y: auto;
    background: rgba(0,0,0,.8)
}

.ui-dialog .dim {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.ui-dialog .dialog {
    position: relative;
    background: var(--ncui-ui-white);
    border: 1px solid var(--ncui-gray012);
    word-break: keep-all;
    word-wrap: break-word;
    margin: auto
}

.dark-mode .ui-dialog .dialog {
    background: var(--ncui-gray004-hex)
}

.ui-dialog .dialog-footer {
    display: flex;
    justify-content: center
}

.ui-dialog .dialog-footer button+button {
    margin-left: 6px
}

.ui-dialog .dialog-footer .confirm {
    border: 0 none;
    background-color: var(--ncui-point);
    color: var(--ncui-ui-white)
}

.ui-dialog .dialog-footer .cancel {
    border: 1px solid var(--ncui-gray012);
    color: var(--ncui-black068)
}

.nc-popularity-modify,.nc-community-plustag {
    line-height: 1.4
}

@media(min-width: 960px) {
    .nc-popularity-modify,.nc-community-plustag {
        line-height:1.5
    }
}

.nc-popularity-modify .dialog,.nc-community-plustag .dialog {
    display: flex;
    min-width: 300px;
    max-width: 90%;
    padding: 32px 25px 35px;
    flex-direction: column;
    font-size: 16px;
    text-align: center;
    overflow-y: auto;
    color: var(--ncui-black045)
}

@media(min-width: 960px) {
    .nc-popularity-modify .dialog,.nc-community-plustag .dialog {
        padding:37px 40px 40px
    }
}

.nc-popularity-modify .dialog-header,.nc-community-plustag .dialog-header {
    margin-bottom: 8px;
    color: var(--ncui-black093)
}

.nc-popularity-modify .dialog-header h2,.nc-community-plustag .dialog-header h2 {
    font-size: inherit;
    font-weight: normal
}

.nc-popularity-modify .dialog-footer,.nc-community-plustag .dialog-footer {
    margin-top: 23px
}

@media(min-width: 960px) {
    .nc-popularity-modify .dialog {
        max-width:376px
    }
}

.feed-view .view-header .view-title {
    font-size: 22px;
    line-height: 1.3
}

@media(min-width: 960px) {
    .feed-view .view-header .view-title {
        font-size:24px
    }
}

.feed-view .view-header .view-title.question:before {
    content: "Q. "
}

.feed-view .view-header .article-info-wrap {
    min-height: 42px;
    margin-bottom: 16px
}

.feed-view .view-header .article-info-wrap .article-info {
    flex: 1;
    align-items: center;
    min-width: 1%
}

.feed-view .view-header .article-info-wrap .article-info .profile-image {
    flex: 0 0 42px;
    height: 42px;
    margin-inline-end:6px}

.feed-view .view-body {
    margin: 20px 0 40px
}

@media(max-width: 959px) {
    .feed-view .view-body {
        line-height:1.5
    }
}

@media(min-width: 960px) {
    .feed-view .view-body {
        line-height:28px
    }
}

.feed-view .tag-list+.view-footer {
    margin-top: 16px
}

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

.feed-view .view-footer .btn-comment-get {
    display: flex;
    align-items: center
}

.feed-view .view-footer .btn-comment-get .iconc {
    height: 16px;
    margin-top: 1px;
    margin-inline-start:5px}

.feed-view .view-footer .comment-title {
    font-size: 14px;
    line-height: 21px;
    color: var(--ncui-black093)
}

.feed-view .view-footer .comment-title em.highlight {
    color: var(--ncui-point-text)
}

.feed-view .view-footer .view-recommend {
    min-height: 26px;
    margin-inline-start:auto}

.feed-view .view-footer .view-recommend .btn-recommend {
    position: relative;
    margin-inline-start:4px}

.feed-view .view-footer .view-recommend .btn-recommend:hover:before {
    content: "";
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    background: var(--ncui-gray004);
    border-radius: 4px
}

.feed-view .view-footer .view-recommend .btn-recommend .level {
    position: relative;
    width: 26px;
    height: 26px;
    margin-inline-end:8px;-webkit-mask-size: 26px 26px
}

@supports(mask-size: 28px 28px) {
    .feed-view .view-footer .view-recommend .btn-recommend .level {
        mask-size:26px 26px
    }
}

html[data-service=lovebeat] .feed-view .view-footer .view-recommend .btn-recommend .level {
    -webkit-mask-size: 18px 18px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

@supports(mask-size: 28px 28px) {
    html[data-service=lovebeat] .feed-view .view-footer .view-recommend .btn-recommend .level {
        mask-size:18px 18px;
        mask-position: center;
        mask-repeat: no-repeat
    }
}

.feed-view .view-footer .view-recommend .btn-recommend .number {
    font-size: 14px;
    text-align: start
}

.feed-view .view-footer .view-recommend .btn-recommend_up .number {
    min-width: 31px
}

.feed-item {
    position: relative;
    padding: 16px
}

@media(min-width: 960px) {
    .feed-item {
        border:1px solid var(--ncui-gray012);
        border-radius: 4px;
        padding: 24px
    }
}

.feed-item.feed-preview .view-title,.feed-item.feed-preview .text-preview {
    cursor: pointer
}

.feed-item.feed-preview .view-header .view-title {
    font-size: 16px;
    line-height: 1.5
}

@media(min-width: 960px) {
    .feed-item.feed-preview .view-header .view-title {
        font-size:18px
    }
}

.feed-item.feed-preview .view-body {
    min-height: 0;
    color: var(--ncui-black045);
    margin: 6px 0 50px
}

@media(min-width: 960px) {
    .feed-item.feed-preview .view-body {
        margin:8px 0 40px
    }
}

.feed-item.feed-preview .text-preview .text-clamp {
    overflow: hidden;
    max-height: 96px
}

@media(min-width: 960px) {
    .feed-item.feed-preview .text-preview .text-clamp {
        max-height:112px
    }
}

.feed-item.feed-preview .text-preview .text-more {
    color: inherit
}

.feed-item.feed-preview .text-preview .text-more span {
    text-decoration: underline
}

@media(min-width: 960px) {
    .feed-item.feed-preview .text-preview .text-more span {
        text-decoration:none
    }
}

.feed-item.feed-preview .thumbnail-preview {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 803px;
    margin-top: 15px
}

.feed-item.feed-preview .thumbnail-preview.hidden .thumb-item {
    background: var(--ncui-gray012);
    animation: skeleton-animation .8s infinite alternate
}

.feed-item.feed-preview .thumbnail-preview.hidden .thumb-item img {
    visibility: hidden
}

.feed-item.feed-preview .thumbnail-preview.hidden.length1 .thumb-item {
    width: 100%;
    aspect-ratio: 16/9
}

.feed-item.feed-preview .thumbnail-preview .thumb-item {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.feed-item.feed-preview .thumbnail-preview .thumb-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.feed-item.feed-preview .thumbnail-preview.length1 {
    display: flex
}

.feed-item.feed-preview .thumbnail-preview.length1>.video {
    flex: 1;
    aspect-ratio: 16/9
}

.feed-item.feed-preview .thumbnail-preview:not(.length1) {
    display: grid;
    gap: 4px
}

@media(min-width: 960px) {
    .feed-item.feed-preview .thumbnail-preview:not(.length1) {
        gap:8px
    }
}

.feed-item.feed-preview .thumbnail-preview:not(.length1).minimized {
    max-width: 480px
}

.feed-item.feed-preview .thumbnail-preview.length2 {
    grid-template-columns: repeat(2, 1fr)
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length2>.thumb-item,.feed-item.feed-preview .thumbnail-preview:not(.vertical).length3>.thumb-item {
    aspect-ratio: 81/55
}

@media(min-width: 960px) {
    .feed-item.feed-preview .thumbnail-preview:not(.vertical).length2>.thumb-item,.feed-item.feed-preview .thumbnail-preview:not(.vertical).length3>.thumb-item {
        aspect-ratio:40/23
    }
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length3,.feed-item.feed-preview .thumbnail-preview:not(.vertical).length4 {
    grid-auto-rows: min-content
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length3>.thumb-item:first-child,.feed-item.feed-preview .thumbnail-preview:not(.vertical).length4>.thumb-item:first-child {
    aspect-ratio: 16/9
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length3>.thumb-item:first-child {
    grid-column: 1/3
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length4>.thumb-item:first-child {
    grid-column: 1/4
}

.feed-item.feed-preview .thumbnail-preview:not(.vertical).length4>.thumb-item:not(:first-child) {
    aspect-ratio: 107/110
}

@media(min-width: 960px) {
    .feed-item.feed-preview .thumbnail-preview:not(.vertical).length4>.thumb-item:not(:first-child) {
        aspect-ratio:66/35
    }
}

.feed-item.feed-preview .thumbnail-preview.vertical.length1 {
    max-height: calc(100vw - 32px)
}

@media(min-width: 960px) {
    .feed-item.feed-preview .thumbnail-preview.vertical.length1 {
        max-height:calc(min(1180px,100vw) - 375px)
    }
}

.feed-item.feed-preview .thumbnail-preview.vertical.length1>.thumb-item {
    max-width: calc(62.2% - 4px)
}

@media(min-width: 960px) {
    .feed-item.feed-preview .thumbnail-preview.vertical.length1>.thumb-item {
        max-width:calc(62.2% - 8px)
    }
}

.feed-item.feed-preview .thumbnail-preview.vertical.length2>.thumb-item {
    aspect-ratio: 399/697
}

.feed-item.feed-preview .thumbnail-preview.vertical.length3,.feed-item.feed-preview .thumbnail-preview.vertical.length4 {
    aspect-ratio: 1;
    grid-template-columns: calc(62.2% - 8px) auto
}

.feed-item.feed-preview .thumbnail-preview.vertical.length3 {
    grid-template-rows: repeat(2, 1fr)
}

.feed-item.feed-preview .thumbnail-preview.vertical.length3>.thumb-item:first-child {
    grid-row: 1/3
}

.feed-item.feed-preview .thumbnail-preview.vertical.length4 {
    grid-template-rows: repeat(3, 1fr)
}

.feed-item.feed-preview .thumbnail-preview.vertical.length4>.thumb-item:first-child {
    grid-row: 1/4
}

.feed-item.feed-preview .thumbnail-preview .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.feed-item.feed-preview .thumbnail-preview .cover .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 100%;
    margin: -30px 0 0 -30px;
    background: rgba(0,0,0,.68)
}

.feed-item.feed-preview .thumbnail-preview .cover .play:before {
    content: "";
    margin: auto;
    -webkit-mask-image: url("../img/icon/community-symbols.svg#play");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: rgba(255,255,255,.6);
    height: 24px;
    width: 22px;
    mask-size: 22px 24px;
    -webkit-mask-size: 22px 24px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#play")) {
    .feed-item.feed-preview .thumbnail-preview .cover .play:before {
        mask-image:url("../img/icon/community-symbols.svg#play")
    }
}

.feed-item.feed-preview .thumbnail-preview .thumbnail-more {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,.7);
    color: var(--ncui-ui-white);
    font-size: 12px;
    border-radius: 4px;
    padding: 0 8px
}

.feed-item.feed-preview .thumbnail-preview .thumbnail-more .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#thumbnail_more");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: rgba(255,255,255,.6);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block;
    margin-inline-end:3px}

@supports(mask-image: url("../img/icon/community-symbols.svg#thumbnail_more")) {
    .feed-item.feed-preview .thumbnail-preview .thumbnail-more .iconc {
        mask-image:url("../img/icon/community-symbols.svg#thumbnail_more")
    }
}

.feed-item.feed-preview .thumbnail-preview.playing .thumb-item,.feed-item.feed-preview .thumbnail-preview.playing .thumbnail-more {
    display: none
}

.feed-item.feed-preview .video-player {
    position: relative;
    flex: 1;
    aspect-ratio: unset;
    padding-bottom: 36px
}

@media(min-width: 960px) {
    .feed-item.feed-preview .video-player {
        padding-bottom:32px
    }
}

.feed-item.feed-preview .video-player .video-wrap {
    position: relative;
    border-radius: 4px;
    aspect-ratio: 16/9;
    background: var(--ncui-gray012);
    animation: skeleton-animation .8s infinite alternate;
    overflow: hidden
}

@supports not (aspect-ratio: 16 / 9) {
    .feed-item.feed-preview .video-player .video-wrap:before {
        content:"";
        display: block;
        padding-top: 56.25%
    }
}

.feed-item.feed-preview .video-player .video-wrap iframe {
    width: 100%;
    height: 100%
}

@supports not (aspect-ratio: 1) {
    .feed-item.feed-preview .video-player .video-wrap iframe {
        position:absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }
}

.feed-item.feed-preview .video-player .btn-close {
    position: absolute;
    bottom: 0
}

html:not([dir=rtl]) .feed-item.feed-preview .video-player .btn-close {
    right: 0
}

[dir=rtl] .feed-item.feed-preview .video-player .btn-close {
    left: 0
}

.feed-item.feed-preview .vote-preview {
    position: relative;
    max-width: 328px;
    border: 1px solid var(--ncui-gray012);
    border-radius: 4px;
    line-height: 22px;
    margin-top: 16px;
    padding: 16px 0 10px;
    padding-inline-start:46px;padding-inline-end:16px}

@media(min-width: 960px) {
    .feed-item.feed-preview .vote-preview {
        max-width:400px;
        margin-top: 20px
    }
}

.feed-item.feed-preview .vote-preview .iconc-vote_feed {
    position: absolute;
    top: 16px
}

html:not([dir=rtl]) .feed-item.feed-preview .vote-preview .iconc-vote_feed {
    left: 16px
}

[dir=rtl] .feed-item.feed-preview .vote-preview .iconc-vote_feed {
    right: 16px
}

.feed-item.feed-preview .vote-preview .vote-title {
    display: block;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: var(--ncui-black068)
}

.feed-item.feed-preview .vote-preview .vote-info {
    display: flex;
    font-size: 13px;
    color: var(--ncui-black045);
    margin-top: 3px
}

.feed-item.feed-preview .vote-preview .vote-info>span:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.feed-item .recent-comments {
    border-top: 1px solid var(--ncui-gray008);
    padding: 16px 0 8px;
    color: var(--ncui-black045);
    margin-top: 13px
}

@media(min-width: 960px) {
    .feed-item .recent-comments {
        padding-top:23px;
        padding-bottom: 0
    }
}

.feed-item .recent-comments .writer {
    margin-bottom: 6px
}

@media(max-width: 959px) {
    .feed-item+.feed-aside {
        border-top:8px solid var(--ncui-gray008)
    }
}

.btn-recommend {
    display: inline-flex;
    align-items: center
}

.btn-recommend .level {
    width: 22px;
    height: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    background-color: #8c8c8c
}

.dark-mode .btn-recommend .level {
    background-color: #636363
}

.btn-recommend .number {
    position: relative
}

.btn-recommend .number em {
    font-style: normal
}

.btn-recommend.btn-recommend_same .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-same_s");
    background-color: #d3a749
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-same_s")) {
    .btn-recommend.btn-recommend_same .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-same_s")
    }
}

html[data-service=h3] .btn-recommend.btn-recommend_same .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-same_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-same_s")) {
    html[data-service=h3] .btn-recommend.btn-recommend_same .level {
        mask-image:url("../img/icon/h3.svg#recommend-same_s")
    }
}

html[data-service=h2] .btn-recommend.btn-recommend_same .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-same_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-same_s")) {
    html[data-service=h2] .btn-recommend.btn-recommend_same .level {
        mask-image:url("../img/icon/h3.svg#recommend-same_s")
    }
}

html[data-service=lovebeat] .btn-recommend.btn-recommend_same .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-same_s")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-same_s")) {
    html[data-service=lovebeat] .btn-recommend.btn-recommend_same .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-same_s")
    }
}

.dark-mode .btn-recommend.btn-recommend_same .level {
    background-color: #99814f
}

button.btn-recommend {
    cursor: pointer
}

.btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-up_s")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-up_s")) {
    .btn-recommend_up .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-up_s")
    }
}

html[data-service=h3] .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up_s")) {
    html[data-service=h3] .btn-recommend_up .level {
        mask-image:url("../img/icon/h3.svg#recommend-up_s")
    }
}

html[data-service=h2] .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up_s")) {
    html[data-service=h2] .btn-recommend_up .level {
        mask-image:url("../img/icon/h3.svg#recommend-up_s")
    }
}

html[data-service=lovebeat] .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-up_s")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-up_s")) {
    html[data-service=lovebeat] .btn-recommend_up .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-up_s")
    }
}

.btn-recommend_up.level1 span {
    color: #1eb22e
}

.dark-mode .btn-recommend_up.level1 span {
    color: #52b35c
}

.btn-recommend_up.level1 .level {
    background-color: #1eb22e
}

.dark-mode .btn-recommend_up.level1 .level {
    background-color: #52b35c
}

.btn-recommend_up.level2 span {
    color: #376fee
}

.dark-mode .btn-recommend_up.level2 span {
    color: #6a98ff
}

.btn-recommend_up.level2 .level {
    background-color: #376fee
}

.dark-mode .btn-recommend_up.level2 .level {
    background-color: #6a98ff
}

.btn-recommend_up.level3 span {
    color: #dc4141
}

.dark-mode .btn-recommend_up.level3 span {
    color: #e65353
}

.btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-up-level3_s");
    background-color: #dc4141
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-up-level3_s")) {
    .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-up-level3_s")
    }
}

html[data-service=h3] .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level3_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level3_s")) {
    html[data-service=h3] .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level3_s")
    }
}

html[data-service=h2] .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level3_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level3_s")) {
    html[data-service=h2] .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level3_s")
    }
}

html[data-service=lovebeat] .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-up-level3_s")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-up-level3_s")) {
    html[data-service=lovebeat] .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-up-level3_s")
    }
}

.dark-mode .btn-recommend_up.level3 .level {
    background-color: #e65353
}

.btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-down_s")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-down_s")) {
    .btn-recommend_down .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-down_s")
    }
}

html[data-service=h3] .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-down_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-down_s")) {
    html[data-service=h3] .btn-recommend_down .level {
        mask-image:url("../img/icon/h3.svg#recommend-down_s")
    }
}

html[data-service=h2] .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-down_s")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-down_s")) {
    html[data-service=h2] .btn-recommend_down .level {
        mask-image:url("../img/icon/h3.svg#recommend-down_s")
    }
}

html[data-service=lovebeat] .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-down_s")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-down_s")) {
    html[data-service=lovebeat] .btn-recommend_down .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-down_s")
    }
}

.btn-recommend_down.level1 span {
    color: #527855
}

.dark-mode .btn-recommend_down.level1 span {
    color: #3f5a41
}

.btn-recommend_down.level1 .level {
    background-color: #527855
}

.dark-mode .btn-recommend_down.level1 .level {
    background-color: #3f5a41
}

.btn-recommend_down.level2 span {
    color: #55668f
}

.dark-mode .btn-recommend_down.level2 span {
    color: #485471
}

.btn-recommend_down.level2 .level {
    background-color: #55668f
}

.dark-mode .btn-recommend_down.level2 .level {
    background-color: #485471
}

.btn-recommend_down.level3 span {
    color: #926464
}

.dark-mode .btn-recommend_down.level3 span {
    color: #814747
}

.btn-recommend_down.level3 .level {
    background-color: #926464
}

.dark-mode .btn-recommend_down.level3 .level {
    background-color: #814747
}

.wrap-tag {
    position: relative
}

.tag-list {
    display: flex;
    flex-wrap: wrap
}

.tag-list .tag {
    position: relative;
    white-space: nowrap;
    word-wrap: break-word;
    color: var(--ncui-point-text080)
}

.tag-list .tag:before {
    content: "#"
}

.tag-list .tag:hover {
    text-decoration: underline
}

.new-tag {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    width: 100%
}

@media(min-width: 960px) {
    .new-tag {
        position:static;
        width: auto;
        display: inline-flex;
        min-height: 26px
    }
}

@media(min-width: 960px) {
    .new-tag .tag-auto-suggest {
        position:relative;
        min-width: 165px
    }
}

.new-tag .wrap-tag-input {
    position: relative;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center
}

@media(min-width: 960px) {
    .new-tag .wrap-tag-input {
        padding:0
    }
}

.new-tag .wrap-tag-input label {
    color: var(--ncui-black045)
}

.new-tag .tag-input {
    display: block;
    min-width: 50%;
    height: 22px;
    padding: 0;
    font-size: 16px;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    color: var(--ncui-black093)
}

.new-tag .tag-input:hover,.new-tag .tag-input:focus {
    outline: none
}

.new-tag .tag-input:focus+label {
    color: var(--ncui-black093)
}

.new-tag .tag-input::-webkit-placeholder,.new-tag .tag-input::placeholder {
    color: var(--ncui-black045)
}

@media(min-width: 960px) {
    .new-tag .tag-input {
        width:100%;
        display: inline-block;
        font-size: 15px;
        height: 44px
    }
}

.new-tag .suggest_wrap {
    position: relative;
    z-index: 99990;
    overflow: hidden;
    color: var(--ncui-black093);
    border-top: 1px solid var(--ncui-gray008);
    font-size: 16px;
    line-height: 34px;
    padding: 12px 16px 0;
    margin: 16px -16px 0
}

@media(min-width: 960px) {
    .new-tag .suggest_wrap {
        position:absolute;
        margin: 0;
        padding: 16px 20px;
        font-size: 15px;
        line-height: 22px;
        background: var(--ncui-white100);
        border: 1px solid var(--ncui-gray012)
    }
}

.new-tag .suggest_wrap .suggest_list ul {
    margin: 0
}

.new-tag .suggest_wrap .suggest_list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.new-tag .suggest_wrap .suggest_list li:before {
    content: "#"
}

.new-tag .suggest_wrap .suggest_list li mark {
    color: inherit;
    background-color: rgba(0,0,0,0)
}

.new-tag .suggest_wrap .suggest_list li.focus {
    text-decoration: underline
}

@media(min-width: 960px) {
    .new-tag .suggest_wrap .suggest_list li:not(:last-child) {
        margin-bottom:12px
    }
}

.plus-tag {
    margin-bottom: 20px;
    padding: 9px 18px 12px;
    border-bottom: 1px solid var(--ncui-gray010-hex);
    font-size: 15px;
    color: #2c589e;
    cursor: pointer
}

.plus-tag .btn-plus-tag,.plus-tag .iconc {
    vertical-align: middle
}

.fr-element .fr-tag-items {
    color: red
}

.delete-tag-input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 0
}

.wrap-tag-input {
    position: relative
}

.wrap-tag-info {
    position: relative;
    display: inline-flex;
    position: absolute;
    top: 0
}

html:not([dir=rtl]) .wrap-tag-info {
    right: 0
}

[dir=rtl] .wrap-tag-info {
    left: 0
}

@media(min-width: 960px) {
    .wrap-tag-info {
        margin-top:10px
    }
}

.btn-tag-recommend {
    height: 23px;
    padding: 0 12px;
    font-size: 13px;
    border: 1px solid var(--ncui-gray012);
    color: var(--ncui-black068);
    white-space: nowrap;
    cursor: pointer;
    background: rgba(0,0,0,0);
    margin-inline-end:8px}

@media(min-width: 960px) {
    .btn-tag-recommend {
        top:13px
    }
}

.btn-tag-recommend .recommend-toggle-on {
    display: none
}

.btn-tag-recommend .recommend-toggle-off {
    display: inline-block
}

.btn-tag-recommend.is-active .recommend-toggle-on {
    display: inline-block
}

.btn-tag-recommend.is-active .recommend-toggle-off {
    display: none
}

.btn-tag-recommend:not(.is-active)~.tag-tooltip {
    animation-delay: 0ms;
    animation-duration: 0ms
}

.tag-info {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    font-weight: 300;
    color: var(--ncui-black068);
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    background-color: var(--ncui-bg);
    cursor: pointer
}

.tag-info:hover {
    background-color: var(--ncui-point);
    color: #fff
}

.tag-info:hover+.tag-tooltip {
    animation-fill-mode: backwards
}

@media(min-width: 960px) {
    .tag-info {
        top:12px
    }
}

.tag-tooltip {
    position: absolute;
    display: block;
    bottom: calc(100% + 7px);
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid var(--ncui-gray012);
    color: var(--ncui-black068);
    z-index: 2;
    animation: hideTooltip 300ms linear 3000ms;
    animation-fill-mode: forwards
}

html:not([dir=rtl]) .tag-tooltip {
    right: -15px
}

[dir=rtl] .tag-tooltip {
    left: -15px
}

.tag-tooltip:before {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 11px;
    height: 9px;
    transform: rotate(-44deg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    background-color: var(--ncui-bg);
    z-index: 1
}

html:not([dir=rtl]) .tag-tooltip:before {
    right: 18px
}

[dir=rtl] .tag-tooltip:before {
    left: 18px
}

.tag-tooltip.hide {
    opacity: 0;
    transform: scale(0);
    transition: opacity 300ms linear,transform 0ms 300ms linear
}

.tag-tooltip .tag-tooltip-contents {
    position: relative;
    z-index: 2;
    padding: 13px 16px 14px;
    background: var(--ncui-bg)
}

@media(min-width: 960px) {
    .tag-tooltip {
        line-height:1.5;
        text-align: end
    }

    .tag-tooltip .tag-tooltip-contents {
        padding: 8px 12px 9px
    }
}

@keyframes hideTooltip {
    99% {
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

@media(max-width: 959px) {
    .ncuim-backdrop .community-modal.ncuim-container .ncuim-title {
        max-width:90%
    }
}

.purple-community-node {
    display: flex;
    flex-direction: column;
    min-height: unset;
    position: relative;
    height: calc(100vh - var(--community-offset-y) - 58px);
    margin-bottom: -20px
}

.purple-community-node>:not(.purple-wrapper) {
    flex: none
}

html[data-platform=purpleLauncher] .purple-community-node ::-webkit-scrollbar {
    width: 4px
}

html[data-platform=purpleLauncher] .purple-community-node ::-webkit-scrollbar-thumb {
    border-width: 0
}

html[data-platform=purpleLauncher] .purple-community-node ::-webkit-scrollbar-button {
    display: unset;
    width: 2px;
    height: 2px
}

.purple-community-node .purple-wrapper {
    height: -webkit-fill-available;
    min-height: 300px
}

.purple-community-node .board-search-top {
    padding-inline-start:16px;padding-inline-end:20px}

.purple-community-node .board-search-top~.purple-wrapper {
    border-top-width: 1px
}

.purple-community-node .board-search-top_tag {
    height: 0;
    overflow: hidden
}

.purple-community-node .board-top-category {
    margin-bottom: 12px
}

.purple-community-node .board-top-category+.board-top-utils {
    padding-top: 12px
}

.purple-community-node .board-top-utils {
    margin-bottom: 12px
}

.purple-community-node>.nc-community-loader {
    bottom: 50%;
    margin-top: -12px
}

.purple-wrapper.purple-board {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 420px auto;
    border-top: 5px solid var(--ncui-gray008)
}

.tab~.nc-community-list .purple-wrapper.purple-board {
    border: 0 none
}

.purple-wrapper.purple-board>div {
    position: relative;
    height: 100%;
    overflow: hidden
}

.purple-wrapper.purple-board .nc-community-loader {
    top: 50%;
    left: 50%;
    padding: 0;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.purple-wrapper.purple-board .board-notice {
    margin-bottom: 8px
}

.purple-wrapper.purple-board .board-notice .board-notice-item {
    cursor: pointer
}

.purple-wrapper.purple-board .board-notice .board-notice-item:hover {
    background-color: var(--ncui-gray002)
}

.purple-wrapper.purple-board .board-article-container {
    height: 100%;
    overflow-y: overlay;
    border-top-width: 0;
    padding-bottom: 12px
}

.purple-wrapper.purple-board .board-items {
    position: relative;
    cursor: pointer
}

.purple-wrapper.purple-board .board-items:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.purple-wrapper.purple-board .board-items:hover {
    background-color: var(--ncui-gray002)
}

.purple-wrapper.purple-board .board-items.is-active:before {
    content: "";
    background-color: var(--ncui-point);
    opacity: .1
}

.purple-wrapper.purple-board .board-items .title,.purple-wrapper.purple-board .board-items .summary,.purple-wrapper.purple-board .board-items .thumb a,.purple-wrapper.purple-board .board-items button>* {
    pointer-events: none
}

.purple-wrapper.purple-board .board-list-classic .board-items {
    padding-top: 13px
}

.purple-wrapper.purple-board .board-list-classic .board-items .board-meta {
    margin: 12px 0 16px
}

.purple-wrapper.purple-board .board-list-classic+.wrap-community-more .nc-comment-more {
    border-top: 0 none
}

.purple-wrapper.purple-board .board-list-card {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 245px;
    column-gap: 2px;
    row-gap: 8px;
    margin-top: 0
}

.purple-wrapper.purple-board .board-list-card .board-items {
    height: 100%;
    border-bottom: 0 none;
    padding-top: 12px
}

.purple-wrapper.purple-board .board-list-card .board-items:not(.is-active):before {
    content: "";
    background-color: var(--ncui-ui-white);
    opacity: .01
}

.purple-wrapper.purple-board .board-list-card .thumb {
    margin: 0 12px 10px
}

.purple-wrapper.purple-board .board-list-card .board .wrap-title {
    height: 48px
}

.purple-wrapper.purple-board .board-list-card .board .wrap-title .title {
    font-size: 16px;
    position: relative;
    display: block;
    display: -webkit-inline-box;
    overflow: hidden;
    max-height: 3em;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.purple-wrapper.purple-board .board-list-card .board .wrap-title .icons {
    height: 24px
}

.purple-wrapper.purple-board .board-list-card .board .summary {
    display: none
}

.purple-wrapper.purple-board .board-list-card .board-meta {
    font-size: 13px;
    line-height: 19px;
    height: 22px;
    margin: auto 0 10px
}

.purple-wrapper.purple-board .board-list-card .reactions {
    border-width: 0;
    background: var(--ncui-gray004)
}

.purple-wrapper.purple-board .board-list-card .reactions .recent-comment-name,.purple-wrapper.purple-board .board-list-card .reactions .commented-at {
    display: none
}

.purple-wrapper.purple-board .empty-board {
    display: flex;
    flex-direction: column;
    border-inline-end:2px solid var(--ncui-gray004);padding-bottom: 0
}

.purple-wrapper.purple-board .empty-board .ncCommunityBoardList {
    margin-block:auto}

.purple-wrapper.purple-board .empty-board .empty-item {
    text-align: start;
    font-size: 18px;
    padding: 0 16px
}

.purple-wrapper.purple-board .empty-board .empty-item .none {
    display: block;
    color: var(--ncui-black093)
}

.purple-wrapper.purple-board .empty-board .empty-item ul {
    font-size: 15px;
    color: var(--ncui-black045);
    line-height: 25px;
    margin-top: 8px
}

.purple-wrapper.purple-board .empty-board .empty-item ul li {
    position: relative;
    padding-inline-start:8px}

.purple-wrapper.purple-board .empty-board .empty-item ul li:before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    content: "·"
}

.purple-wrapper.purple-feed {
    overflow-y: overlay;
    padding-bottom: 12px
}

html[data-platform=purpleLauncher] .purple-wrapper.purple-feed .feed-aside-item:last-child:not(:first-child) {
    top: 0
}

.purple-wrapper .view-container .empty-view {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.purple-wrapper .view-container .empty-view .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#project");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-gray020);
    height: 60px;
    width: 60px;
    mask-size: 60px 60px;
    -webkit-mask-size: 60px 60px;
    display: inline-block;
    margin-inline-end:3px}

@supports(mask-image: url("../img/icon/community-symbols.svg#project")) {
    .purple-wrapper .view-container .empty-view .iconc {
        mask-image:url("../img/icon/community-symbols.svg#project")
    }
}

.purple-wrapper .view-container .empty-view p {
    color: var(--ncui-black045);
    font-size: 14px
}

.purple-wrapper .view-container .board-comment {
    margin-top: 50px
}

.purple-wrapper .view-container .view-body table::-webkit-scrollbar-thumb {
    border-width: 6px
}

.purple-wrapper .article-container {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding-top: 24px;
    padding-inline-start:40px;padding-inline-end:20px;overflow-y: overlay;
    padding-bottom: 12px
}

.purple-wrapper .article-container .view-body {
    min-height: 100px
}

.purple-wrapper .article-container .article-view:last-child {
    padding-bottom: 0;
    border-bottom: 0 none
}

.ncCommunityBoardList {
    padding: 0
}

.ncCommunityBoardList .empty-item {
    margin: 0;
    flex: 1;
    padding-top: 120px;
    list-style-type: none;
    font-size: 16px;
    color: var(--ncui-black093);
    text-align: center
}

.ncCommunityBoardList .empty-item .co-btn-wrap,.ncCommunityBoardList .empty-item .view-bottom {
    justify-content: center;
    margin-top: 15px
}

.ncCommunityBoardList .empty-item .co-btn,.ncCommunityBoardList .empty-item .nc-comment-more,.ncCommunityBoardList .empty-item .nc-comment-more_tag,.ncCommunityBoardList .empty-item .ncCommentMore {
    padding: 9px 13px;
    font-size: 15px;
    border-radius: 20px;
    color: var(--ncui-black068)
}

@media(min-width: 960px) {
    .ncCommunityBoardList .empty-item .co-btn,.ncCommunityBoardList .empty-item .nc-comment-more,.ncCommunityBoardList .empty-item .nc-comment-more_tag,.ncCommunityBoardList .empty-item .ncCommentMore {
        padding:10px 20px
    }
}

.board-article-container {
    container: list/inline-size;
    position: relative
}

.board-article-container.list-type01 {
    border-top: 1px solid var(--ncui-gray008)
}

@media(min-width: 960px) {
    .board-article-container.list-type01 {
        border-top-width:5px
    }
}

.tab~.nc-community-list .board-article-container {
    border: 0 none
}

[class^=board-list-],[class*=board-list-] {
    margin: 0;
    padding: 0;
    list-style: none
}

[class^=board-list-] a,[class*=board-list-] a {
    text-decoration: none
}

[class^=board-list-] em,[class*=board-list-] em {
    font-style: normal
}

[class^=board-list-] .name-admin img,[class^=board-list-] .admin-icon,[class*=board-list-] .name-admin img,[class*=board-list-] .admin-icon {
    display: block;
    max-height: 18px
}

[class^=board-list-] .iconc-new,[class*=board-list-] .iconc-new {
    display: none
}

@container list (min-width: 960px) {
    [class^=board-list-] .iconc-new,[class*=board-list-] .iconc-new {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        [class^=board-list-] .iconc-new,[class*=board-list-] .iconc-new {
            display:inline-block
        }
    }
}

[class^=board-list-] .wrap-title,[class*=board-list-] .wrap-title {
    position: relative;
    font-size: 18px
}

[class^=board-list-] .title,[class*=board-list-] .title {
    color: var(--ncui-black093);
    word-wrap: break-word;
    word-break: break-all
}

[class^=board-list-] .title:hover,[class*=board-list-] .title:hover {
    text-decoration: underline
}

[class^=board-list-] .title:visited,[class*=board-list-] .title:visited {
    color: #a7a7a7
}

[class^=board-list-] .title:visited+*,[class*=board-list-] .title:visited+* {
    color: #a7a7a7;
    fill: #a7a7a7
}

.dark-mode [class^=board-list-] .title:visited,.dark-mode [class*=board-list-] .title:visited {
    color: #747474
}

.dark-mode [class^=board-list-] .title:visited+*,.dark-mode [class*=board-list-] .title:visited+* {
    color: #747474;
    fill: #747474
}

[class^=board-list-] .title strong,[class*=board-list-] .title strong {
    text-decoration: underline
}

[class^=board-list-] .category,[class*=board-list-] .category {
    flex: none;
    color: var(--ncui-black045);
    margin-inline-end:6px}

[class^=board-list-] .icons,[class*=board-list-] .icons {
    display: inline-flex;
    height: 24px;
    vertical-align: top;
    flex: none;
    align-items: center;
    margin: 0 4px
}

@media(min-width: 960px) {
    [class^=board-list-] .icons,[class*=board-list-] .icons {
        height:27px
    }
}

[class^=board-list-] .icons .iconc,[class*=board-list-] .icons .iconc {
    margin: 0 2px
}

[class^=board-list-] .reactions,[class*=board-list-] .reactions {
    font-size: 13px;
    color: var(--ncui-black045)
}

[class^=board-list-] .reactions .wrap-count,[class*=board-list-] .reactions .wrap-count {
    display: flex
}

[class^=board-list-] .reactions span[class$=count],[class*=board-list-] .reactions span[class$=count] {
    display: flex;
    align-items: center
}

[class^=board-list-] .reactions span[class$=count] .iconc,[class*=board-list-] .reactions span[class$=count] .iconc {
    margin-inline-end:4px}

@media(max-width: 959px) {
    [class^=board-list-] .reactions.empty,[class*=board-list-] .reactions.empty {
        display:none
    }
}

[class^=board-list-] .reactions .wrap-recommend,[class*=board-list-] .reactions .wrap-recommend {
    display: flex
}

[class^=board-list-] .reactions .wrap-recommend .count,[class*=board-list-] .reactions .wrap-recommend .count {
    margin: auto 0;
    margin-inline-start:4px;margin-inline-end:8px}

[class^=board-list-] .board-meta,[class*=board-list-] .board-meta {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--ncui-black045)
}

[class^=board-list-] .board-utils,[class*=board-list-] .board-utils {
    margin-top: 12px
}

@media(min-width: 960px) {
    [class^=board-list-] .board-utils,[class*=board-list-] .board-utils {
        margin:0
    }
}

[class^=board-list-] .board-utils .co-btn-delete,[class*=board-list-] .board-utils .co-btn-delete {
    padding: 7px 12px 8px;
    border-radius: 4px;
    font-size: 13px;
    background-color: var(--ncui-gray004)
}

@media(min-width: 960px) {
    [class^=board-list-] .board-utils .co-btn-delete,[class*=board-list-] .board-utils .co-btn-delete {
        min-width:100px;
        padding: 9px 12px 10px
    }
}

[class^=board-list-] .summary,[class*=board-list-] .summary {
    color: var(--ncui-black045);
    word-wrap: break-word
}

[class^=board-list-] .summary strong,[class*=board-list-] .summary strong {
    text-decoration: underline
}

[class^=board-list-] .search-tags a,[class*=board-list-] .search-tags a {
    display: inline-block;
    margin-right: 4px
}

[class^=board-list-] .thumb,[class*=board-list-] .thumb {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

[class^=board-list-] .thumb a,[class*=board-list-] .thumb a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

[class^=board-list-] .thumb a:after,[class*=board-list-] .thumb a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(34,34,34,.12);
    border-radius: 8px
}

[class^=board-list-] .thumb img,[class*=board-list-] .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

[data-new=true] .wrap-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--ncui-error);
    transform: translateY(0);
    margin-top: 10px;
    margin-inline-start:-8px}

[dir=rtl] [data-new=true] .wrap-title:before {
    right: 0
}

html:not([dir=rtl]) [data-new=true] .wrap-title:before {
    left: 0
}

@container list (min-width: 960px) {
    [data-new=true] .wrap-title: before {
        display:none
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        [data-new=true] .wrap-title:before {
            display:none
        }
    }
}

@media(min-width: 1296px) {
    [class^=nc-community-] [class^=board-list-],[class^=nc-community-] [class*=" board-list-"],[class^=nc-community-] .board-top-utils,[class*=" nc-community-"] [class^=board-list-],[class*=" nc-community-"] [class*=" board-list-"],[class*=" nc-community-"] .board-top-utils {
        padding-left:0;
        padding-right: 0
    }
}

@media(max-width: 959px) {
    .nc-community-list:has(.feed-wrapper) .board-search-top {
        border-color:var(--ncui-gray012)
    }

    .nc-community-list:has(.feed-wrapper) .board-top-utils,.nc-community-list:has(.feed-wrapper) .list-option {
        border-color: var(--ncui-gray012)
    }
}

@media(max-width: 959px) {
    .board-article-container.list-type02 {
        border-top:1px solid var(--ncui-gray012)
    }
}

.board-article-container.list-type02 .empty-item {
    padding-bottom: 120px
}

@media(min-width: 960px) {
    .board-article-container.list-type02 .empty-item {
        border:1px solid var(--ncui-gray012);
        border-radius: 4px
    }
}

@media(max-width: 959px) {
    .board-article-container.list-type02 .feed-item {
        border-bottom:8px solid var(--ncui-gray012)
    }
}

@media(min-width: 960px) {
    .board-article-container.list-type02 .feed-item {
        margin-bottom:30px
    }
}

.board-article-container.list-type02 .nc-comment-more {
    border-radius: 4px
}

@media(max-width: 959px) {
    .board-article-container.list-type02 .nc-comment-more {
        border-top:0 none
    }
}

@media(min-width: 960px) {
    .board-list-list~.wrap-community-more {
        margin-top:24px
    }
}

.board-list-list .board-items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid var(--ncui-gray012);
    align-items: center;
    padding: 16px 16px 20px
}

@media(max-width: 959px) {
    .board-list-list .board-items:first-child {
        border-top:0 none
    }

    .board-list-list .board-items:last-child {
        border-bottom: 1px solid var(--ncui-gray012)
    }
}

@media(min-width: 960px) {
    .board-list-list .board-items {
        border:1px solid var(--ncui-gray012);
        padding: 24px
    }

    .board-list-list .board-items:first-child {
        border-start-start-radius: 4px;
        border-start-end-radius: 4px
    }

    .board-list-list .board-items:last-child {
        border-end-start-radius: 4px;
        border-end-end-radius: 4px
    }

    .board-list-list .board-items:not(:last-child) {
        border-bottom: 0 none
    }
}

.board-list-list .board-items[data-new=true] .wrap-title:before {
    display: none
}

.board-list-list .board-items .article-wrap {
    flex: 1;
    min-width: 1%
}

.board-list-list .board-items .article-wrap .wrap-title .icons {
    height: 27px
}

.board-list-list .board-items .article-wrap .title {
    line-height: 27px
}

.board-list-list .board-items .article-wrap .title.question:before {
    content: "Q. "
}

.board-list-list .board-items .article-wrap .board-meta {
    height: 20px;
    white-space: nowrap;
    margin-top: 6px
}

.board-list-list .board-items .article-wrap .board-meta .name {
    min-width: 1%;
    overflow: hidden;
    text-overflow: ellipsis
}

.board-list-list .board-items .article-wrap .board-meta .posted-at:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 6px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-list .board-items .article-wrap .board-meta .reactions {
    display: flex;
    align-items: center;
    font-size: inherit
}

.board-list-list .board-items .article-wrap .board-meta .reactions>span {
    margin-inline-start:10px}

.board-list-list .board-items .article-wrap .board-meta .reactions [class$=count] .iconc {
    margin-top: 1px
}

.board-list-list .board-items .article-wrap .board-meta .reactions .btn-recommend .level {
    width: 18px;
    height: 18px;
    mask-size: 18px 18px;
    -webkit-mask-size: 18px 18px
}

.board-list-list .board-items .article-wrap .board-meta .btn-translate {
    margin-inline-start:10px}

.board-list-list .board-items .article-wrap .board-meta .btn-translate .iconc {
    width: 18px;
    height: 18px;
    mask-size: 18px 18px;
    -webkit-mask-size: 18px 18px
}

.board-list-list .board-items .article-wrap~.btn-translate {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: var(--ncui-gray004);
    margin-inline-start:16px}

@media(max-width: 959px) {
    .board-list-list .board-items .article-wrap .summary {
        position:relative;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        max-height: 3em;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .board-list-list .board-items .article-wrap .summary:not(:empty) {
        margin-top: 7px
    }
}

@media(min-width: 960px) {
    .board-list-list .board-items .article-wrap .summary {
        display:block;
        height: 1.5em;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        margin-top: 10px
    }
}

.board-list-list .board-items .article-wrap .search-tags {
    margin-top: 5px
}

.board-list-list .board-items .board-utils {
    width: 100%
}

@media(min-width: 960px) {
    .board-list-list .board-items .board-utils {
        width:auto;
        margin-inline-start:16px}
}

.board-list-list .board-items .thumb {
    width: 66px;
    height: 66px;
    margin-inline-start:12px}

@media(max-width: 959px) {
    .board-list-list .board-items .thumb {
        margin-top:8px
    }
}

@media(min-width: 960px) {
    .board-list-list .board-items .thumb {
        width:94px;
        height: 94px
    }
}

.board-list-list .board-items .feed-view,.board-list-list .board-items .feed-comment {
    width: 100%
}

@media(min-width: 960px) {
    .feed-wrapper {
        display:flex;
        justify-content: space-between
    }

    .feed-wrapper>:first-child {
        flex: 1;
        min-width: 1%;
        align-self: flex-start
    }

    .feed-wrapper>:not(:first-child) {
        margin-inline-start:30px}
}

@media(min-width: 960px) {
    .feed-wrapper .feed-aside {
        width:297px
    }
}

.feed-wrapper .feed-aside-item {
    padding: 24px 16px;
    font-size: 14px
}

@media(max-width: 959px) {
    .feed-wrapper .feed-aside-item {
        border-bottom:8px solid var(--ncui-gray008)
    }
}

@media(min-width: 960px) {
    .feed-wrapper .feed-aside-item {
        border-radius:4px;
        border: 1px solid var(--ncui-gray012);
        padding-top: 20px
    }

    .feed-wrapper .feed-aside-item:not(:first-child) {
        margin-top: 16px
    }

    .feed-wrapper .feed-aside-item:last-child:not(:first-child) {
        position: sticky;
        top: 74px
    }

    html[data-platform=purpleLauncher] .feed-wrapper .feed-aside-item:last-child:not(:first-child) {
        top: 16px
    }
}

.feed-wrapper .feed-aside-item .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 16px;
    margin-bottom: 20px
}

.feed-wrapper .feed-aside-item .article-list {
    margin: 0
}

.feed-wrapper .feed-aside-item .article-list li {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden
}

.feed-wrapper .feed-aside-item .article-list li a:hover {
    text-decoration: underline
}

.feed-wrapper .feed-aside-item .article-list.dot-list li:before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    vertical-align: middle;
    background: var(--ncui-gray040);
    margin-bottom: 2px;
    margin-inline-end:8px}

.feed-wrapper .feed-aside-item .article-list.dot-list li:not(:last-child) {
    margin-bottom: 5px
}

.feed-wrapper .feed-aside-item .aside-title {
    font-size: 16px;
    font-weight: normal;
    color: var(--ncui-black093);
    margin: 0
}

.feed-wrapper .feed-aside-item .item-body.swiper-initialized {
    touch-action: pan-y;
    overflow: hidden;
    margin: 0 -16px
}

.feed-wrapper .feed-aside-item .swiper-autoheight .slide-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.feed-wrapper .feed-aside-item .slide-wrapper {
    position: relative;
    display: flex;
    transition-property: transform
}

.feed-wrapper .feed-aside-item .slide-wrapper .slide-item {
    flex-shrink: 0;
    width: 100%;
    padding: 0 16px
}

.feed-wrapper .feed-aside-item .slide-nav {
    display: inline-flex;
    align-items: center
}

[dir=rtl] .feed-wrapper .feed-aside-item .slide-nav {
    flex-flow: row-reverse
}

.feed-wrapper .feed-aside-item .slide-nav button {
    width: 16px;
    height: 16px
}

.feed-wrapper .feed-aside-item .slide-nav button .iconc {
    display: block;
    width: 16px;
    height: 16px;
    background-color: var(--ncui-black068);
    margin: 0 auto
}

.feed-wrapper .feed-aside-item .slide-nav button.disabled .iconc {
    background-color: var(--ncui-black045)
}

.feed-wrapper .feed-aside-item .slide-nav button:not(:first-child) {
    margin-inline-start:5px}

.feed-wrapper .feed-aside-item .slide-nav .btn-prev .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_left_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_left_s")) {
    .feed-wrapper .feed-aside-item .slide-nav .btn-prev .iconc {
        mask-image:url("../img/icon/community-symbols.svg#arrow_left_s")
    }
}

.feed-wrapper .feed-aside-item .slide-nav .btn-next .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_right_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_right_s")) {
    .feed-wrapper .feed-aside-item .slide-nav .btn-next .iconc {
        mask-image:url("../img/icon/community-symbols.svg#arrow_right_s")
    }
}

.feed-wrapper .feed-aside-item .slide-nav .btn-next .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_right_s");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_right_s")) {
    .feed-wrapper .feed-aside-item .slide-nav .btn-next .iconc {
        mask-image:url("../img/icon/community-symbols.svg#arrow_right_s")
    }
}

.feed-wrapper .feed-aside-item .slide-pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.feed-wrapper .feed-aside-item .slide-pagination span {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--ncui-gray020);
    margin: 0
}

.feed-wrapper .feed-aside-item .slide-pagination span:not(:first-child) {
    margin-inline-start:6px}

.feed-wrapper .feed-aside-item .slide-pagination .is-active {
    background-color: var(--ncui-black093)
}

.feed-wrapper .feed-aside-item+.board-items {
    border-top: 0 none
}

@media(min-width: 960px) {
    .feed-wrapper .cmpick-item .slide-item {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.feed-wrapper .cmpick-item .cm-image {
    position: relative;
    width: 100%;
    background-color: var(--ncui-gray004)
}

.feed-wrapper .cmpick-item .cm-image.nc-home {
    aspect-ratio: 41/15
}

@supports not (aspect-ratio: 41 / 15) {
    .feed-wrapper .cmpick-item .cm-image.nc-home:before {
        content:"";
        display: block;
        padding-top: 36.58%
    }
}

.feed-wrapper .cmpick-item .cm-image.nc-home a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 53.58%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.feed-wrapper .cmpick-item .cm-image.m2 {
    aspect-ratio: 263/134
}

@supports not (aspect-ratio: 263 / 134) {
    .feed-wrapper .cmpick-item .cm-image.m2:before {
        content:"";
        display: block;
        padding-top: 50.95%
    }
}

@media(min-width: 960px) {
    .feed-wrapper .cmpick-item .cm-image {
        height:auto;
        max-width: 263px;
        margin-top: 16px
    }

    .feed-wrapper .cmpick-item .cm-image.nc-home {
        aspect-ratio: 263/140
    }

    @supports not (aspect-ratio: 263 / 140) {
        .feed-wrapper .cmpick-item .cm-image.nc-home:before {
            content:"";
            display: block;
            padding-top: 53.23%
        }
    }
}

.feed-wrapper .cmpick-item .cm-image a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 0 16px 11px
}

@supports not (aspect-ratio: 1) {
    .feed-wrapper .cmpick-item .cm-image a {
        position:absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }
}

.feed-wrapper .cmpick-item .cm-image span {
    position: relative;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.feed-wrapper .cmpick-item .cm-image .category {
    color: var(--ncui-point-text)
}

.feed-wrapper .cmpick-item .cm-image .title {
    color: var(--ncui-ui-white)
}

.feed-wrapper .question-item .scroll-wrapper {
    position: relative;
    overflow-x: scroll;
    margin: 0 -16px;
    padding: 0 16px
}

.feed-wrapper .question-item .scroll-wrapper::-webkit-scrollbar {
    display: none
}

.feed-wrapper .question-item .question-list {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0
}

.feed-wrapper .question-item .question-list li:not(:first-child) {
    margin-inline-start:8px}

.feed-wrapper .question-item li {
    font-size: 14px
}

@media(max-width: 959px) {
    .feed-wrapper .question-item li {
        flex:none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        white-space: initial;
        word-break: keep-all;
        width: 182px;
        height: 140px;
        border-radius: 4px;
        background: var(--ncui-gray004)
    }
}

@media(min-width: 960px) {
    .feed-wrapper .question-item li:not(:last-child) {
        margin-bottom:14px
    }

    .feed-wrapper .question-item li>a {
        display: flex;
        align-items: center
    }
}

@media(max-width: 959px) {
    .feed-wrapper .question-item .profile-image {
        width:38px;
        height: 38px;
        margin: 0 auto 13px
    }
}

@media(min-width: 960px) {
    .feed-wrapper .question-item .profile-image {
        flex:none;
        width: 36px;
        height: 36px;
        margin-inline-end:8px}
}

.feed-wrapper .question-item .question {
    line-height: 20px
}

@media(max-width: 959px) {
    .feed-wrapper .question-item .question {
        padding:0 18px;
        width: 100%;
        word-wrap: break-word;
        word-break: keep-all;
        height: 40px;
        text-align: center;
        position: relative;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        max-height: 2.86em;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media(min-width: 960px) {
    .feed-wrapper .question-item .question {
        word-break:break-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(max-width: 959px) {
    .feed-wrapper .popular-search .item-header {
        margin-bottom:4px
    }
}

@media(min-width: 960px) {
    .feed-wrapper .popular-search .item-header {
        margin-bottom:12px
    }
}

.feed-wrapper .popular-search .search-list {
    display: flex;
    flex-wrap: wrap
}

.feed-wrapper .popular-search .search-list a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    color: var(--ncui-point-text080)
}

.feed-wrapper .popular-search .search-list a:before {
    content: "#"
}

@media(max-width: 959px) {
    .feed-wrapper .popular-search .search-list a {
        margin-inline-end:16px;
        margin-top: 16px
    }
}

@media(min-width: 960px) {
    .feed-wrapper .popular-search .search-list a {
        margin-inline-end:8px;
        margin-top: 8px
    }
}

@media(max-width: 959px) {
    .feed-wrapper .empty-item+.feed-aside-item,.feed-wrapper .board-items+.feed-aside-item {
        border-top:8px solid var(--ncui-gray008)
    }
}

@media(min-width: 600px) {
    .board-list-card {
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 20px
    }

    .board-list-card .empty-item {
        grid-column: 1/end
    }

    .board-list-card+.wrap-community-more {
        margin-top: 25px
    }
}

.board-list-card .board-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding-top: 16px;
    border-bottom: 8px solid var(--ncui-gray008)
}

@container list (min-width: 600px) {
    .board-list-card .board-items {
        height: 456px;
        min-width: 0;
        padding-top: 24px;
        border: 1px solid var(--ncui-gray008)
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 600px) {
        .board-list-card .board-items {
            height:456px;
            min-width: 0;
            padding-top: 24px;
            border: 1px solid var(--ncui-gray008)
        }
    }
}

.board-list-card .board-items.board-itmes-delete {
    padding: 10px;
    text-align: center
}

.board-list-card .thumb {
    flex: none;
    aspect-ratio: 83/40;
    width: -moz-available;
    width: -webkit-fill-available;
    align-self: flex-start;
    margin: 0 16px 16px
}

@supports not (aspect-ratio: 83/40) {
    .board-list-card .thumb a {
        padding-top:48.193%
    }

    .board-list-card .thumb a img {
        position: absolute;
        top: 0
    }
}

@container list (min-width: 600px) {
    .board-list-card .thumb {
        margin: 0 24px 16px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 600px) {
        .board-list-card .thumb {
            margin:0 24px 16px
        }
    }
}

@media(min-width: 960px) {
    .board-list-card .thumb+.board .wrap-title {
        max-height:81px;
        overflow: hidden
    }
}

.board-list-card .board {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 16px 0
}

@container list (min-width: 600px) {
    .board-list-card .board {
        flex-grow: 1;
        padding: 0 24px 0
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 600px) {
        .board-list-card .board {
            flex-grow:1;
            padding: 0 24px 0
        }
    }
}

.board-list-card .board .summary {
    margin-top: 6px;
    font-size: 15px;
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: keep-all;
    color: var(--ncui-black045)
}

@media(min-width: 960px) {
    .board-list-card .board .summary {
        font-size:16px
    }
}

.board-list-card .board-meta {
    width: 100%;
    white-space: nowrap;
    margin: 9px 0 15px;
    padding: 0 16px
}

@container list (min-width: 600px) {
    .board-list-card .board-meta {
        margin: 18px 0 24px;
        padding: 0 24px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 600px) {
        .board-list-card .board-meta {
            margin:18px 0 24px;
            padding: 0 24px
        }
    }
}

.board-list-card .btn-translate {
    margin-left: auto
}

.board-list-card .name {
    line-height: 19px
}

.board-list-card .race,.board-list-card .server {
    display: none
}

.board-list-card .race:before,.board-list-card .server:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

@media(min-width: 960px) {
    .board-list-card .race,.board-list-card .server {
        display:inline-block
    }
}

.board-list-card .posted-at {
    line-height: 19px
}

.board-list-card .posted-at:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-card .reactions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 38px;
    padding: 0 16px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

@container list (min-width: 600px) {
    .board-list-card .reactions {
        height: 50px;
        padding: 0 24px;
        border-width: 0;
        background-color: var(--ncui-gray004)
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 600px) {
        .board-list-card .reactions {
            height:50px;
            padding: 0 24px;
            border-width: 0;
            background-color: var(--ncui-gray004)
        }
    }
}

.board-list-card .reactions .wrap-count {
    align-items: center
}

.board-list-card .reactions .wrap-count span+span:not(.recent-comment-name) {
    margin-inline-start:8px}

.board-list-card .reactions .recent-comment-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ncui-black068)
}

.board-list-card .reactions .recent-comment-name:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-card .reactions .btn-recommend {
    margin-inline-start:8px}

.board-list-classic .board-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding-top: 20px
}

.board-list-classic .board-items:not(:first-child) {
    border-top: 1px solid var(--ncui-gray008)
}

.board-list-classic .board-items:last-child {
    border-bottom: 1px solid var(--ncui-gray008)
}

@container list (min-width: 960px) {
    .board-list-classic .board-items {
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        padding: 24px 0
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .board-items {
            flex-direction:row;
            align-items: stretch;
            justify-content: space-between;
            padding: 24px 0
        }
    }
}

.board-list-classic .board {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    padding: 0 16px
}

@container list (min-width: 960px) {
    .board-list-classic .board {
        padding: 0 24px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .board {
            padding:0 24px
        }
    }
}

.board-list-classic .article-wrap {
    display: flex;
    justify-content: space-between
}

@container list (min-width: 960px) {
    .board-list-classic .article-wrap {
        min-height: 94px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .article-wrap {
            min-height:94px
        }
    }
}

.board-list-classic .article {
    display: flex;
    flex-flow: column nowrap;
    min-width: 0
}

@container list (min-width: 960px) {
    .board-list-classic .article .wrap-title {
        display: flex;
        align-items: center;
        margin-top: 3px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .article .wrap-title {
            display:flex;
            align-items: center;
            margin-top: 3px
        }
    }
}

@container list (min-width: 960px) {
    .board-list-classic .article .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .article .title {
            white-space:nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }
    }
}

@container list (min-width: 960px) {
    .board-list-classic .article .category {
        margin-inline-end:8px}
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .article .category {
            margin-inline-end:8px
        }
    }
}

.board-list-classic .article .summary {
    margin-top: 5px;
    font-size: 15px;
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 3.8em;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@container list (min-width: 960px) {
    .board-list-classic .article .summary {
        font-size: 16px;
        margin-top: 6px;
        position: relative;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        max-height: 1.9em;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .article .summary {
            font-size:16px;
            margin-top: 6px;
            position: relative;
            display: block;
            display: -webkit-box;
            overflow: hidden;
            max-height: 1.9em;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1
        }
    }
}

.board-list-classic .thumb {
    flex-shrink: 0;
    width: 66px;
    height: 66px;
    margin-inline-start:16px}

@container list (min-width: 960px) {
    .board-list-classic .thumb {
        width: 94px;
        height: 94px;
        margin-inline-start:24px;margin-top: -1px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .thumb {
            width:94px;
            height: 94px;
            margin-inline-start:24px;margin-top: -1px
        }
    }
}

.board-list-classic .board-meta {
    width: 100%;
    margin: 15px 0 17px
}

.board-list-classic .board-meta .writer-wrap {
    display: flex
}

@container list (min-width: 960px) {
    .board-list-classic .board-meta {
        justify-content: initial;
        margin: -26px 0 4px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .board-meta {
            justify-content:initial;
            margin: -26px 0 4px
        }
    }
}

.board-list-classic .board-meta .name {
    color: var(--ncui-black068)
}

.board-list-classic .board-meta .server,.board-list-classic .board-meta .race {
    display: none
}

.board-list-classic .board-meta .server:before,.board-list-classic .board-meta .race:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

@container list (min-width: 960px) {
    .board-list-classic .board-meta .server,.board-list-classic .board-meta .race {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .board-meta .server,.board-list-classic .board-meta .race {
            display:inline-block
        }
    }
}

.board-list-classic .board-meta .posted-at {
    margin-inline-end:8px}

.board-list-classic .board-meta .posted-at:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-classic .board-meta .btn-translate {
    margin-inline-start:auto}

@container list (min-width: 960px) {
    .board-list-classic .board-meta .btn-translate {
        margin: unset !important
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .board-meta .btn-translate {
            margin:unset !important
        }
    }
}

.board-list-classic .reactions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 16px;
    border-top: 1px solid var(--ncui-gray008)
}

@container list (min-width: 960px) {
    .board-list-classic .reactions {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex-shrink: 0;
        width: 273px;
        padding: 7px 0 8px;
        border-top-width: 0;
        border-inline-start:1px solid var(--ncui-gray008);padding-inline-start: 24px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions {
            display:flex !important;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            flex-shrink: 0;
            width: 273px;
            padding: 7px 0 8px;
            border-top-width: 0;
            border-inline-start:1px solid var(--ncui-gray008);padding-inline-start: 24px
        }
    }
}

.board-list-classic .reactions .wrap-count {
    min-width: 0
}

@container list (min-width: 960px) {
    .board-list-classic .reactions .wrap-count {
        flex-direction: column;
        align-items: flex-start
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions .wrap-count {
            flex-direction:column;
            align-items: flex-start
        }
    }
}

.board-list-classic .reactions .wrap-count>span+div,.board-list-classic .reactions .wrap-count>div+span,.board-list-classic .reactions .wrap-count>span+span {
    margin-inline-start:14px}

@container list (min-width: 960px) {
    .board-list-classic .reactions .wrap-count>span+div,.board-list-classic .reactions .wrap-count>div+span,.board-list-classic .reactions .wrap-count>span+span {
        margin: 6px 0 0 !important
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions .wrap-count>span+div,.board-list-classic .reactions .wrap-count>div+span,.board-list-classic .reactions .wrap-count>span+span {
            margin:6px 0 0 !important
        }
    }
}

.board-list-classic .reactions .view-count {
    display: flex;
    align-items: center
}

.board-list-classic .reactions .recent-comment {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0
}

.board-list-classic .reactions .recent-comment .comment-count {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.board-list-classic .reactions .recent-comment .recent-comment-name {
    display: flex;
    align-items: center;
    min-width: 0;
    color: var(--ncui-black068)
}

@container list (min-width: 960px) {
    .board-list-classic .reactions .recent-comment .recent-comment-name {
        max-width: 150px;
        margin-inline-start:4px}
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions .recent-comment .recent-comment-name {
            max-width:150px;
            margin-inline-start:4px}
    }
}

.board-list-classic .reactions .recent-comment .recent-comment-name:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-classic .reactions .recent-comment .recent-comment-name em {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.board-list-classic .reactions .recent-comment .commented-at {
    display: none;
    margin-inline-start:8px;flex-shrink: 0
}

@container list (min-width: 960px) {
    .board-list-classic .reactions .recent-comment .commented-at {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions .recent-comment .commented-at {
            display:inline-block
        }
    }
}

.board-list-classic .reactions .count-like {
    display: flex;
    align-items: center
}

@container list (min-width: 960px) {
    .board-list-classic .reactions>.btn-recommend,.board-list-classic .reactions .wrap-recommend {
        margin-top: 6px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions>.btn-recommend,.board-list-classic .reactions .wrap-recommend {
            margin-top:6px
        }
    }
}

@container list (min-width: 960px) {
    .board-list-classic .reactions .btn-recommend {
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 4px;
        background-color: var(--ncui-gray004)
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .reactions .btn-recommend {
            width:32px;
            height: 32px;
            padding: 5px;
            border-radius: 4px;
            background-color: var(--ncui-gray004)
        }
    }
}

.board-list-classic .search-tags {
    font-size: 15px;
    margin-bottom: -3px
}

@container list (min-width: 960px) {
    .board-list-classic .search-tags {
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 31px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-classic .search-tags {
            font-size:16px;
            margin-bottom: 0;
            padding-bottom: 31px
        }
    }
}

.board-list-classic+.wrap-community-more .nc-comment-more {
    border-top: 0 none
}

.board-list-tag .article .wrap-summary .summary {
    margin-top: 5px
}

@container list (min-width: 960px) {
    .board-list-tag .board-meta {
        margin-top: -5px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-tag .board-meta {
            margin-top:-5px
        }
    }
}

.board-list-compact .board-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding: 16px 0
}

.board-list-compact .board-items:not(:first-child) {
    border-top: 1px solid var(--ncui-gray008)
}

.board-list-compact .board-items:last-child {
    border-bottom: 1px solid var(--ncui-gray008)
}

@container list (min-width: 960px) {
    .board-list-compact .board-items {
        flex-direction: row;
        align-items: center;
        padding: 20px 0
        
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .board-items {
            flex-direction:row;
            align-items: center;
            padding: 24px 0
        }
    }
}

.board-list-compact .board {
    position: relative;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    min-width: 0;
    padding: 0 16px
}

@container list (min-width: 960px) {
    .board-list-compact .board {
        padding: 0 24px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .board {
            padding:0 24px
        }
    }
}

.board-list-compact .board .wrap-title {
    min-width: 0;
    padding-inline-end:16px
    }

@container list (min-width: 960px) {
    .board-list-compact .board .wrap-title {
        display: flex;
        align-items: center
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .board .wrap-title {
            display:flex;
            align-items: center
        }
    }
}

@container list (min-width: 960px) {
    .board-list-compact .board .wrap-title .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .board .wrap-title .title {
            white-space:nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }
    }
}

.board-list-compact .board .co-btn-translate {
    flex-shrink: 0
}

.board-list-compact .board-meta {
    flex-shrink: 0;
    margin-top: 5px;
    padding: 0 16px
}

@container list (min-width: 960px) {
    .board-list-compact .board-meta {
        max-height: 36px;
        align-items: stretch;
        margin: 0;
        padding: 0
    }

    .board-list-compact .board-meta>div {
        border-inline-start: 1px solid var(--ncui-gray008)
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .board-meta {
            max-height:36px;
            align-items: stretch;
            margin: 0;
            padding: 0
        }

        .board-list-compact .board-meta>div {
            border-inline-start:1px solid var(--ncui-gray008)}
    }
}

.board-list-compact .writer {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 14px
}

@container list (min-width: 960px) {
    .board-list-compact .writer {
        width: 220px;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .writer {
            width:220px;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }
    }
}

.board-list-compact .writer .date {
    display: flex;
    align-items: center
}

@container list (min-width: 960px) {
    .board-list-compact .writer .date {
        margin-top: 2px
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .writer .date {
            margin-top:2px
        }
    }
}

.board-list-compact .writer .racr,.board-list-compact .writer .server {
    display: none
}

@container list (min-width: 960px) {
    .board-list-compact .writer .racr,.board-list-compact .writer .server {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .writer .racr,.board-list-compact .writer .server {
            display:inline-block
        }
    }
}

.board-list-compact .writer .racr:after,.board-list-compact .writer .server:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 4px 1px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: var(--ncui-gray020)
}

.board-list-compact .writer .posted-at {
    margin: 0 8px
}

@container list (min-width: 960px) {
    .board-list-compact .writer .posted-at {
        margin: 0
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .writer .posted-at {
            margin:0
        }
    }
}

.board-list-compact .reactions {
    display: flex;
    flex-shrink: 0
}

@container list (min-width: 960px) {
    .board-list-compact .reactions {
        justify-content: space-between;
        align-items: center;
        width: 170px;
        padding-inline-start:20px;padding-inline-end:24px}
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .reactions {
            justify-content:space-between;
            align-items: center;
            width: 170px;
            padding-inline-start:20px;padding-inline-end:24px}
    }
}

@container list (min-width: 960px) {
    .board-list-compact .reactions .wrap-count {
        flex-direction: column;
        justify-content: center
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .reactions .wrap-count {
            flex-direction:column;
            justify-content: center
        }
    }
}

.board-list-compact .reactions .wrap-count>span {
    margin-inline-end:8px}

@container list (min-width: 960px) {
    .board-list-compact .reactions .wrap-count>span {
        align-self: baseline;
        margin-inline-end:0}
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .reactions .wrap-count>span {
            align-self:baseline;
            margin-inline-end:0}
    }
}

@container list (min-width: 960px) {
    .board-list-compact .reactions .comment-count {
        margin: 2px 0
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .reactions .comment-count {
            margin:2px 0
        }
    }
}

@container list (min-width: 960px) {
    .board-list-compact .reactions .btn-recommend {
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 4px;
        background-color: var(--ncui-gray004)
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-list-compact .reactions .btn-recommend {
            width:32px;
            height: 32px;
            padding: 5px;
            border-radius: 4px;
            background-color: var(--ncui-gray004)
        }
    }
}

.board-list-compact .board-utils {
    padding: 0 16px
}

.board-list-compact+.wrap-community-more .nc-comment-more {
    border-top: 0 none
}

.board-notice {
    overflow: hidden;
    background-color: var(--ncui-gray004)
}

.board-notice .board-notice-item {
    display: flex;
    border-bottom: 1px solid var(--ncui-bg);
    font-size: 16px
}

.board-notice .board-notice-item:last-child {
    border: 0 none
}

.board-notice .board-notice-item .wrap-title {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%
}

.board-notice .board-notice-item .wrap-title .iconc-new {
    display: none;
    margin: 0 3px
}

@container list (min-width: 960px) {
    .board-notice .board-notice-item .wrap-title .iconc-new {
        flex-shrink: 0;
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-notice .board-notice-item .wrap-title .iconc-new {
            flex-shrink:0;
            display: inline-block
        }
    }
}

.board-notice .board-notice-item.is-new .wrap-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--ncui-error);
    transform: translateY(-50%);
    margin-top: -1px;
    margin-inline-start:-8px}

@container list (min-width: 960px) {
    .board-notice .board-notice-item.is-new .wrap-title:before {
        display: none
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-notice .board-notice-item.is-new .wrap-title:before {
            display:none
        }
    }
}

.board-notice .board-notice-item .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    text-decoration: none;
    color: var(--ncui-black093)
}

.board-notice .board-notice-item a.title:hover {
    text-decoration: underline
}

.board-notice .board-notice-item a.title:hover .category {
    text-decoration: none
}

.board-notice .board-notice-item .category {
    display: flex;
    align-items: center;
    height: 22px;
    text-align: center;
    vertical-align: baseline;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    color: var(--ncui-point-text);
    text-decoration: none !important;
    margin-inline-end:10px}

@container list (min-width: 960px) {
    .board-notice .board-notice-item .category {
        margin: 0
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-notice .board-notice-item .category {
            margin:0
        }
    }
}

.board-notice .board-notice-item .category:after {
    content: "";
    display: none;
    width: 4px;
    height: 4px;
    margin: 0 12px;
    border-radius: 100%;
    background-color: var(--ncui-gray012)
}

@container list (min-width: 960px) {
    .board-notice .board-notice-item .category:after {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-notice .board-notice-item .category:after {
            display:inline-block
        }
    }
}

.board-notice .board-notice-item .writer {
    flex-shrink: 0;
    font-size: 15px;
    color: var(--ncui-black068)
}

.board-notice .board-notice-item .writer img {
    display: block;
    max-width: 100%;
    max-height: 18px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

.board-notice .board-notice-item .writer.user {
    font-size: 13px;
    color: var(--ncui-black093)
}

.board-notice .board-notice-item .writer .server {
    position: relative;
    color: var(--ncui-black045)
}

.board-notice .board-notice-item .writer .server:before {
    content: "";
    width: 1px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--ncui-gray008);
    margin: 0 6px
}

.board-notice .board-notice-item {
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px 9px
}

@container list (min-width: 960px) {
    .board-notice .board-notice-item {
        padding: 11px 24px
    }

    .board-notice .board-notice-item .info {
        display: inline-block
    }
}

@supports not (container-type: inline-size) {
    @media(min-width: 960px) {
        .board-notice .board-notice-item {
            padding:11px 24px
        }

        .board-notice .board-notice-item .info {
            display: inline-block
        }
    }
}

@media(max-width: 959px) {
    .board-notice .board-notice-item .writer {
        display:none
    }
}

.board-notice .board-notice-item .writer.user {
    padding: 0 10px;
    border: 1px solid var(--ncui-gray012);
    border-radius: 100px;
    background: var(--ncui-bg);
    line-height: 24px
}

.uikit-nccommunity-node .wrap-option-toggle {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 58px;
    box-sizing: content-box
}

@media(min-width: 960px) {
    .uikit-nccommunity-node .wrap-option-toggle {
        display:none
    }
}

.uikit-nccommunity-node .wrap-option-toggle .btn-toggle-option {
    width: 30px;
    height: 30px;
    border: 1px solid var(--ncui-gray008);
    border-radius: 4px;
    font-size: 0;
    background: var(--ncui-gray004);
    fill: var(--ncui-black068);
    padding: 0;
    margin-inline-start:16px}

.uikit-nccommunity-node .wrap-option-toggle .btn-toggle-option .iconc {
    vertical-align: middle
}

.uikit-nccommunity-node .wrap-option-toggle .list-option {
    position: absolute;
    top: 100%;
    left: 0;
    border-top: 1px solid var(--ncui-gray008);
    display: none;
    width: 100vw;
    height: 53px;
    overflow-x: auto;
    align-items: center;
    padding: 0 16px
}

.uikit-nccommunity-node .wrap-option-toggle .list-option::-webkit-scrollbar {
    display: none
}

.uikit-nccommunity-node .wrap-option-toggle .ui-dropdown-wrap+.ui-dropdown-wrap {
    margin-inline-start:8px}

.uikit-nccommunity-node .wrap-option-toggle .ui-dropdown-elements {
    height: 28px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid var(--ncui-gray008);
    background: var(--ncui-gray004);
    padding-inline-start:8px;padding-inline-end:6px}

.uikit-nccommunity-node .wrap-option-toggle .ui-dropdown-elements select {
    background: var(--ncui-gray004-hex)
}

.uikit-nccommunity-node .wrap-option-toggle.is-option {
    padding-bottom: 53px
}

.uikit-nccommunity-node .wrap-option-toggle.is-option .btn-toggle-option {
    border-color: var(--ncui-black068)
}

.uikit-nccommunity-node .wrap-option-toggle.is-option .btn-toggle-option .iconc {
    background-color: var(--ncui-black100)
}

.uikit-nccommunity-node .wrap-option-toggle.is-option .list-option {
    display: flex
}

.uikit-nccommunity-node .wrap-option-toggle .option-wrapper {
    display: flex
}

.uikit-nccommunity-node .wrap-option-toggle .ui-dropdown+.ui-dropdown {
    margin-inline-start:20px}

.board-top-utils {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: var(--ncui-black068)
}

@media(min-width: 960px) {
    .board-top-utils {
        margin-bottom:20px
    }
}

.board-top-utils.is-search .board-utils {
    width: 100%
}

@media(min-width: 960px) {
    .board-top-utils.is-search .board-utils {
        width:auto
    }
}

.board-top-utils.is-search .left,.board-top-utils.is-search .wrap-btn-type {
    display: none
}

@media(min-width: 960px) {
    .board-top-utils.is-search .left {
        display:inline-flex
    }
}

@media(min-width: 960px) {
    .board-top-utils.is-search .wrap-btn-type {
        display:block
    }
}

.board-top-utils.is-hide {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 0;
    overflow: hidden
}

@media(min-width: 960px) {
    .board-top-utils.is-hide {
        border-width:6px 0 0
    }
}

.board-top-utils .left {
    display: inline-flex;
    align-items: center
}

.board-top-utils .left>.ui-dropdown-wrap {
    font-size: 15px
}

@media(max-width: 959px) {
    .board-top-utils .left>.ui-dropdown-wrap {
        display:none
    }
}

.board-top-utils .left>.ui-dropdown-wrap+.ui-dropdown-wrap {
    margin-inline-start:20px}

.board-top-utils .left .wrap-option-toggle .board-language .ui-dropdown-elements:before {
    content: "";
    -webkit-mask-image: url("../img/icon/community-symbols.svg#globe");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 16px;
    width: 16px;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
    display: inline-block;
    margin-inline-end:6px}

@supports(mask-image: url("../img/icon/community-symbols.svg#globe")) {
    .board-top-utils .left .wrap-option-toggle .board-language .ui-dropdown-elements:before {
        mask-image:url("../img/icon/community-symbols.svg#globe")
    }
}

.board-top-utils .left .wrap-option-toggle .list-option {
    bottom: 0;
    top: auto
}

.board-top-utils .right {
    display: flex;
    height: 58px
}

@media(min-width: 960px) {
    .board-top-utils .right {
        height:auto
    }
}

.board-top-utils .right .board-utils-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0
}

.board-top-utils .right .co-btn-write {
    position: fixed;
    right: 16px;
    bottom: 16px;
    min-width: auto;
    width: 52px;
    height: 52px;
    z-index: 10;
    border-radius: 50px;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25)
}

.board-top-utils .right .co-btn-write span {
    display: none
}

.board-top-utils .right .co-btn-write svg {
    width: 26px;
    height: 26px
}

@media(min-width: 960px) {
    .board-top-utils .right .co-btn-write {
        position:relative;
        right: auto;
        bottom: auto;
        display: inline-flex;
        justify-items: center;
        width: auto;
        height: 36px;
        margin-inline-start:8px;align-items: center;
        padding: 0 15px 0 12px;
        border-radius: 4px;
        box-shadow: none;
        font-size: 15px
    }

    .board-top-utils .right .co-btn-write span {
        display: inline-block;
        padding: 2px 0
    }

    .board-top-utils .right .co-btn-write svg {
        width: 22px;
        height: 22px
    }
}

.board-top-utils .right .wrap-option-toggle {
    display: none
}

.board-top-utils .wrap-btn-type {
    position: relative;
    display: block;
    padding: 0 6px
}

@media(min-width: 960px) {
    .board-top-utils .wrap-btn-type {
        margin-inline-start:8px;
        padding: 0
    }
}

.board-top-utils .wrap-btn-type.is-show .btn-type-list {
    display: block
}

.board-top-utils .wrap-btn-type button svg {
    display: block;
    margin: 0 auto
}

.board-top-utils .wrap-btn-type .btn-type-selected {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 1;
    font-size: 0;
    background: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    cursor: pointer
}

.board-top-utils .wrap-btn-type .btn-type-selected:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 22px;
    background-color: var(--ncui-gray012);
    transform: translateY(-50%)
}

html:not([dir=rtl]) .board-top-utils .wrap-btn-type .btn-type-selected:before {
    left: 0
}

html:not([dir=rtl]) .board-top-utils .wrap-btn-type .btn-type-selected:before {
    right: 0
}

@media(min-width: 960px) {
    .board-top-utils .wrap-btn-type .btn-type-selected {
        border-color:var(--ncui-gray012)
    }

    .board-top-utils .wrap-btn-type .btn-type-selected:before {
        display: none
    }
}

.board-top-utils .wrap-btn-type .btn-type-list {
    display: none;
    position: absolute;
    top: 0;
    left: 6px;
    right: 6px;
    border: 1px solid var(--ncui-gray012-hex);
    background: var(--ncui-gray004-hex);
    z-index: 1
}

@media(min-width: 960px) {
    .board-top-utils .wrap-btn-type .btn-type-list {
        left:0;
        right: 0
    }
}

.dark-mode .board-top-utils .wrap-btn-type .btn-type-list {
    background: var(--ncui-gray008-hex)
}

.board-top-utils .wrap-btn-type .btn-type-list,.board-top-utils .wrap-btn-type .btn-type-list [class^=co-btn] {
    font-size: 0
}

.dark-mode .board-top-utils .wrap-btn-type .btn-type-list,.dark-mode .board-top-utils .wrap-btn-type .btn-type-list [class^=co-btn] {
    border-color: var(--ncui-gray020-hex)
}

.board-top-utils .wrap-btn-type [class^=co-btn] {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    border-bottom: 1px solid var(--ncui-gray012-hex)
}

.board-top-utils .wrap-btn-type [class^=co-btn].is-selected {
    cursor: default;
    background: var(--ncui-white100)
}

.dark-mode .board-top-utils .wrap-btn-type [class^=co-btn].is-selected {
    background: var(--ncui-gray012-hex)
}

.board-top-utils .wrap-btn-type [class^=co-btn]:last-child {
    border-bottom-width: 0
}

.board-top-utils .tooltip-viewmode .tooltip-content {
    padding-top: 13px;
    padding-bottom: 14px;
    left: auto;
    right: -6px
}

[dir=rtl] .board-top-utils .tooltip-viewmode .tooltip-content {
    left: -6px
}

[dir=rtl] .board-top-utils .tooltip-viewmode .tooltip-content {
    right: auto
}

.board-top-utils .tooltip-viewmode .tooltip-content .button {
    margin-top: 6px
}

.board-top-utils .tooltip-viewmode .tooltip-content:before {
    left: auto;
    right: 23px
}

[dir=rtl] .board-top-utils .tooltip-viewmode .tooltip-content:before {
    left: 23px
}

[dir=rtl] .board-top-utils .tooltip-viewmode .tooltip-content:before {
    right: auto
}

.board-top-category {
    position: relative;
    z-index: 13;
    min-height: 76px;
    padding: 16px
}

@media(min-width: 960px) {
    .board-top-category {
        min-height:44px;
        margin-bottom: 20px;
        padding: 0
    }
}

.board-top-category+.board-top-utils {
    border-top: 7px solid var(--ncui-gray004)
}

.board-top-category+.board-top-utils:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    width: 100%;
    border-top: 1px solid var(--ncui-gray004)
}

@media(min-width: 960px) {
    .board-top-category+.board-top-utils {
        border-top:1px solid var(--ncui-gray008);
        padding-top: 20px
    }

    .board-top-category+.board-top-utils:before {
        content: unset
    }
}

.board-top-category .board-category.ui-dropdown-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 44px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    border-radius: 4px;
    font-size: 15px;
    padding: 0 10px 0 20px
}

@media(min-width: 960px) {
    .board-top-category .board-category.ui-dropdown-wrap {
        min-width:118px;
        padding: 0 10px 0 10px
    }
}

@media(min-width: 960px) {
    .board-top-category .board-category.ui-dropdown-wrap {
        width:auto
    }
}

.board-top-category .board-category.ui-dropdown-wrap select {
    min-width: 60px;
    height: 100%;
    width: 100%;
    font-weight: 400;
    background-color: var(--ncui-bg)
}

.board-top-category .board-category.ui-dropdown-wrap .ui-dropdown {
    width: 100%;
    color: var(--ncui-black093);
    justify-content: space-between;
    align-items: center;
    font-weight: 400
}

.board-top-category .board-category.ui-dropdown-wrap .ui-dropdown-community .selected {
    flex: 1
}

.board-top-category .board-category.ui-dropdown-wrap .option,.board-top-category .board-category.ui-dropdown-wrap .option-list {
    min-width: 100%
}

.board-top-category .board-category.ui-dropdown-wrap .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_updown_s")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_updown_s")) {
    .board-top-category .board-category.ui-dropdown-wrap .iconc {
        mask-image:url("../img/icon/community-symbols.svg#arrow_updown_s")
    }
}

.board-top-category.board-top-category_scroll {
    min-height: 65px;
    padding: 0
}

@media(min-width: 960px) {
    .board-top-category.board-top-category_scroll {
        min-height:33px
    }
}

.board-top-category .scroll-category {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    border: 0
}

.board-top-category .scroll-category::-webkit-scrollbar {
    display: none
}

.board-top-category .scroll-category .category-list {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 16px
}

@media(min-width: 960px) {
    .board-top-category .scroll-category .category-list {
        padding:0
    }
}

.board-top-category .scroll-category .category-items {
    display: block;
    margin-inline-end:8px;padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid var(--ncui-gray012);
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    flex: none;
    color: var(--ncui-black093);
    background-color: rgba(0,0,0,0);
}

.board-top-category .scroll-category .category-items.is-active {
    font-weight: 400;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    color: #D27328;
    border-color: #D27328;
}

.pc .wrap-option-toggle.is-option .list-option,.launcher .wrap-option-toggle.is-option .list-option,.ingame .wrap-option-toggle.is-option .list-option {
    overflow: visible
}

.board-top-utils {
    position: relative
}

.board-top-utils .board-utils-search {
    width: 100%;
    height: 58px;
    display: flex
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search {
        width:auto;
        height: auto;
        margin-inline-start:8px}
}

.board-top-utils .board-utils-search.disabled {
    width: 0;
    height: 0;
    overflow: hidden !important
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .board-search {
        position:relative;
        font-size: 14px;
        min-width: 120px;
        display: inline-flex;
        border: 1px solid var(--ncui-gray012);
        border-inline-end-width:0;padding-inline-start:13px;padding-inline-end:10px}

    .board-top-utils .board-utils-search .board-search span {
        flex: 1;
        padding-inline-end:20px}

    .board-top-utils .board-utils-search .board-search .option {
        top: 100%;
        min-width: calc(100% + 2px);
        margin-inline-start:-1px}
}

.board-top-utils .board-utils-search .board-search.is-show {
    display: inline-block
}

.board-top-utils .board-utils-search .ui-input-box {
    position: relative;
    display: flex;
    width: 47px;
    height: 58px
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-input-box {
        width:230px;
        height: 36px;
        border: 1px solid var(--ncui-gray012)
    }
}

.board-top-utils .board-utils-search .ui-input-box button {
    height: 100%
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search {
    display: block;
    flex: 1;
    min-width: 1%;
    height: 100%;
    padding: 0 0 2px;
    border: 0;
    outline: 0;
    font-size: 16px;
    background: rgba(0,0,0,0);
    line-height: 1.5;
    color: var(--ncui-black093);
    cursor: pointer;
    -webkit-appearance: none !important;
    text-align: start
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search::-webkit-input-placeholder {
    color: var(--ncui-black045)
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search:-ms-input-placeholder {
    color: var(--ncui-black045)
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search::-ms-clear {
    display: none
}

@media(max-width: 959px) {
    .board-top-utils .board-utils-search .ui-input-box .input-board-search {
        display:none
    }
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-input-box .input-board-search {
        font-size:14px;
        cursor: text;
        padding-bottom: 2px;
        padding-inline-start:10px}
}

.board-top-utils .board-utils-search .ui-input-box .co-btn-reset {
    display: none;
    bottom: 0;
    width: 45px;
    padding-top: 1px
}

.board-top-utils .board-utils-search .ui-input-box .co-btn-reset.is-show {
    display: block
}

@media(max-width: 959px) {
    .board-top-utils .board-utils-search .ui-input-box .co-btn-reset {
        padding-inline-end:5px
    }
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-input-box .co-btn-reset {
        width:28px;
        right: 35px
    }

    .board-top-utils .board-utils-search .ui-input-box .co-btn-reset .iconc {
        width: 16px;
        height: 16px;
        mask-size: 16px 16px;
        -webkit-mask-size: 16px 16px
    }
}

.board-top-utils .board-utils-search .ui-input-box .co-btn-search-submit {
    display: none
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-input-box .co-btn-search-submit {
        display:block;
        padding-top: 1px;
        padding-inline-end:9px}
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search:not(:valid) {
    background-color: var(--ncui-bg)
}

.board-top-utils .board-utils-search .ui-input-box .input-board-search:not(:valid)~.co-btn-reset {
    display: none !important
}

.board-top-utils .board-utils-search .ui-input-box .co-btn-search-toggle {
    width: 47px
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-input-box .co-btn-search-toggle {
        display:none
    }
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .ui-dropdown-wrap {
        margin:0 !important
    }
}

.board-top-utils .board-utils-search .predict-layer {
    clear: both;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 36px;
    margin-top: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    font-size: 16px;
    line-height: 2.333em;
    background-color: var(--ncui-bg)
}

.board-top-utils .board-utils-search .predict-layer.is-show {
    display: block
}

.board-top-utils .board-utils-search .predict-layer-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.board-top-utils .board-utils-search .predict-layer-items a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    padding: 0 13px;
    text-decoration: none
}

.board-top-utils .board-utils-search .predict-layer-items a:hover {
    background-color: rgba(153,153,153,.1)
}

.board-top-utils .board-utils-search .predict-layer-items em {
    font-style: normal
}

.board-top-utils .board-utils-search .predict-layer-close {
    height: 40px;
    padding-right: 13px;
    border-top: 1px solid var(--ncui-gray012);
    text-align: right;
    font-size: 15px;
    line-height: 40px
}

@media(min-width: 960px) {
    .board-top-utils .board-utils-search .predict-layer {
        font-size:15px
    }

    .board-top-utils .board-utils-search .predict-layer-close {
        font-size: 14px
    }
}

.board-top-utils.is-tag .wrap-option-toggle {
    margin-top: 70px
}

@media(min-width: 960px) {
    .board-top-utils.is-tag .wrap-option-toggle {
        margin-top:0
    }
}

.board-top-utils.is-search .right {
    flex: 1
}

@media(min-width: 960px) {
    .board-top-utils.is-search .right {
        flex:unset
    }
}

@media(max-width: 959px) {
    .board-top-utils.is-search .right .input-board-search {
        display:block
    }
}

.board-top-utils.is-search .board-utils-search {
    z-index: 1
}

@media(max-width: 959px) {
    .board-top-utils.is-search .board-utils-search .ui-input-box {
        width:100%
    }
}

.board-top-utils.is-search .board-utils-search .ui-input-box .input-board-search {
    cursor: text
}

.board-top-utils.is-search .board-utils-search .ui-input-box .co-btn-reset,.board-top-utils.is-search .board-utils-search .ui-input-box .co-btn-search-toggle {
    display: block
}

@media(min-width: 960px) {
    .board-top-utils.is-search .board-utils-search .ui-input-box .co-btn-search-toggle {
        display:none !important
    }
}

.board-top-utils.is-search .board-utils-buttons .wrap-btn-type {
    display: none
}

@media(min-width: 960px) {
    .board-top-utils.is-search .board-utils-buttons .wrap-btn-type {
        display:inline-block
    }
}

.board-top-utils+[class^=board-search-top] {
    border-top: 1px solid var(--ncui-gray008)
}

@media(min-width: 960px) {
    .board-top-utils+[class^=board-search-top] {
        border-top-width:5px
    }

    .board-top-utils+[class^=board-search-top]~.board-article-container.list-type01 {
        border-top-width: 1px
    }
}

.board-search-top {
    position: relative;
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0 16px;
    font-size: 15px
}

.board-search-top:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 960px) {
    .board-search-top {
        height:52px;
        padding: 0 24px
    }
}

.board-search-top .wrap-count {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: none;
    color: var(--ncui-black068);
    margin-inline-end:auto}

.board-search-top .wrap-count .btn-delete .iconc {
    display: block;
    margin-top: 1px
}

.board-search-top .count {
    margin: 0 3px;
    color: inherit !important;
    font-style: normal
}

@media(max-width: 959px) {
    .board-search-top .tag-list-option {
        display:none
    }
}

@media(min-width: 960px) {
    .board-search-top .tag-list-option .ui-dropdown-community {
        position:relative;
        width: auto;
        margin-inline-start:22px}
}

.board-search-top .tag-list-option+.wrap-auto-translate {
    margin-inline-start:22px}

.board-search-top+.board-list-default {
    margin-top: 0
}

.board-search-top+.board-list-default li:first-child {
    border-top: 1px solid var(--ncui-gray012)
}

.board-search-top .wrap-option-toggle {
    margin-top: auto
}

.board-search-top .wrap-option-toggle.is-option {
    position: static
}

.board-search-top .wrap-option-toggle.is-option .list-option {
    right: 0;
    top: 100%
}

.is-option~.board-search-top {
    margin-bottom: 53px
}

@media(min-width: 960px) {
    .is-option~.board-search-top {
        margin-bottom:0
    }
}

.board-search-top_tag {
    display: flex;
    height: 70px;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--ncui-black093);
    background-color: var(--ncui-gray004)
}

@media(min-width: 960px) {
    .board-search-top_tag {
        height:88px;
        font-size: 26px
    }
}

.board-search-top_tag:before {
    content: "#"
}

@media(min-width: 960px) {
    .board-search-top_tag+.board-search-top {
        padding:0 20px
    }
}

.wrap-auto-translate {
    align-items: center;
    margin-inline-start:8px}

@media(min-width: 960px) {
    .wrap-auto-translate {
        height:auto;
        margin-inline-start:20px}
}

@media(max-width: 959px) {
    .is-option~.wrap-auto-translate {
        margin-top:14px;
        margin-bottom: auto
    }
}

.ui-dialog-translate .dialog {
    max-width: 90%;
    width: 280px;
    font-size: 14px;
    color: var(--ncui-black045);
    line-height: 1.43;
    border-radius: 4px 4px 8px 8px;
    border: 0 none
}

@media(min-width: 960px) {
    .ui-dialog-translate .dialog {
        width:352px
    }
}

.ui-dialog-translate .title {
    font-weight: normal;
    margin: unset
}

.ui-dialog-translate .dialog-header {
    padding: 28px 20px 0;
    margin-bottom: 16px
}

.ui-dialog-translate .dialog-header .wrap-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.ui-dialog-translate .dialog-header .title {
    font-size: 18px;
    color: var(--ncui-black093)
}

.ui-dialog-translate .dialog-header .toggle {
    position: relative;
    display: inline-flex;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: var(--ncui-gray008);
    border-radius: 14px
}

.ui-dialog-translate .dialog-header .toggle:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    border-radius: 14px;
    transition: all 200ms linear
}

.ui-dialog-translate .dialog-header .toggle .label {
    position: relative;
    width: 50%;
    flex: 1;
    font-size: 10px;
    background: rgba(0,0,0,0);
    color: inherit
}

.ui-dialog-translate .dialog-header .toggle input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.ui-dialog-translate .dialog-header .toggle label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer
}

.ui-dialog-translate .dialog-header .toggle.on:before {
    transform: translateX(0);
    background-color: var(--ncui-point)
}

.ui-dialog-translate .dialog-header .toggle.on .on label {
    color: var(--ncui-ui-white)
}

.ui-dialog-translate .dialog-header .toggle.off:before {
    transform: translateX(100%);
    background-color: var(--ncui-gray040)
}

[dir=rtl] .ui-dialog-translate .dialog-header .toggle.off:before {
    transform: translateX(-100%)
}

.ui-dialog-translate .dialog-header .toggle.off .off label {
    color: var(--ncui-ui-white)
}

.ui-dialog-translate .dialog-body {
    padding-top: 16px;
    margin: 0 20px 28px;
    border-top: 1px solid var(--ncui-gray008)
}

@media(min-width: 960px) {
    .ui-dialog-translate .dialog-body .language {
        display:flex;
        justify-content: space-between;
        align-items: center
    }
}

.ui-dialog-translate .dialog-body .title {
    font-size: inherit;
    margin-bottom: 8px
}

@media(min-width: 960px) {
    .ui-dialog-translate .dialog-body .title {
        margin-bottom:0
    }
}

.ui-dialog-translate .dialog-body .translate-language {
    display: inline-flex;
    height: 28px;
    border-radius: 4px;
    background-color: var(--ncui-gray004);
    border: 1px solid var(--ncui-gray008);
    padding-inline-start:12px;padding-inline-end:6px}

.ui-dialog-translate .dialog-body .translate-language .ui-dropdown-community {
    height: auto
}

.ui-dialog-translate .dialog-body .translate-language .ui-dropdown-community li {
    box-sizing: border-box
}

.dark-mode .ui-dialog-translate .dialog-body .translate-language select {
    background: #292929
}

.ui-dialog-translate .dialog-footer {
    height: 48px;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

.ui-dialog-translate .dialog-footer .confirm {
    height: 100%;
    flex: 1;
    border-radius: 0
}

.article-view {
    word-wrap: break-word
}

.article-view .tag-list .tag {
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-inline-end:16px}

.article-view .tag-list .tag:hover {
    text-decoration: underline
}

.article-view~.board-prev-next-article {
    margin-top: 50px
}

@media(min-width: 960px) {
    .article-view~.board-prev-next-article {
        margin-top:42px
    }
}

.view-header {
    position: relative
}

.view-header .view-title {
    margin: 0;
    font-weight: normal;
    color: var(--ncui-black093)
}

.view-header .article-info-wrap {
    display: flex;
    align-items: center
}

@media(min-width: 960px) {
    .view-header .article-info-wrap {
        justify-content:space-between
    }
}

.view-header .article-info {
    position: relative;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    color: var(--ncui-black045)
}

.view-header .article-info em {
    margin-inline-start:3px;font-style: normal
}

.view-header .article-info .writer:not(:empty) {
    min-width: 1%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media(min-width: 960px) {
    .view-header .article-info .writer .name-admin {
        display:flex;
        height: 100%;
        align-items: center
    }
}

.view-header .article-info .writer img {
    position: relative;
    display: block;
    max-height: 18px;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    margin-bottom: 5px
}

@media(min-width: 960px) {
    .view-header .article-info .writer img {
        margin-bottom:0
    }
}

.view-header .article-info .view-count,.view-header .article-info .comment-count {
    display: inline-flex;
    align-items: center;
    font-size: 13px
}

@media(min-width: 960px) {
    .view-header .article-info .view-count,.view-header .article-info .comment-count {
        font-size:inherit
    }
}

.view-header .util-btn-wrap {
    width: 30px;
    height: 30px
}

.view-header .util-btn-wrap em {
    font-style: normal
}

.view-body {
    font-size: 16px;
    color: var(--ncui-black093);
    min-height: 300px
}

@media(min-width: 960px) {
    .view-body {
        font-size:18px
    }
}

.view-body a {
    text-decoration: underline
}

.view-body a[href] {
    color: var(--ncui-point-text)
}

.view-body a[href=NOT_ALLOWED_URL] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit
}

.view-body .fe-toc-inner a {
    color: inherit
}

.view-body a.tag {
    text-decoration: none
}

.view-body a.tag:before {
    content: "#"
}

.view-body p {
    margin: 0
}

.view-body pre {
    white-space: pre-wrap
}

.view-body iframe {
    border: 0 none
}

.view-body img {
    max-width: 100%
}

@media(min-width: 768px) {
    .view-body .is-portrait {
        max-width:640px
    }
}

.view-body .fe-image {
    cursor: pointer
}

.view-body .tag,.view-body .alpha-tag-node {
    color: var(--ncui-point-text080)
}

.view-body ul,.view-body ol {
    list-style-position: inside
}

.view-body ul {
    list-style-type: disc
}

.view-body ol {
    list-style-type: decimal
}

.view-body table {
    overflow-x: auto;
    white-space: nowrap;
    display: block
}

@media(max-width: 960px) {
    .view-body table {
        width:auto !important;
        margin: 0 !important
    }
}

.view-body table .fe-image-inner img {
    min-width: 15vw
}

@media(min-width: 960px) {
    .view-body table .fe-image-inner img {
        min-width:auto
    }
}

.view-body table.fr-dashed-borders td,.view-body table.fr-dashed-borders th {
    border-style: dashed
}

.view-body table td,.view-body table th {
    padding: 4px 8px;
    vertical-align: middle
}

.view-body table td:empty,.view-body table th:empty {
    height: 20px
}

.view-body table td.fr-highlighted,.view-body table th.fr-highlighted {
    border: 1px double red
}

.view-body table td.fr-thick,.view-body table th.fr-thick {
    border-width: 2px
}

.view-body table th {
    background: #e6e6e6
}

.view-body>table {
    width: 100%
}

.btn-share-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    background: rgba(0,0,0,0);
    overflow: visible;
    color: var(--ncui-black068);
    fill: var(--ncui-black068);
    cursor: pointer
}

.btn-share-toggle:hover {
    text-decoration: none
}

.btn-share-toggle:focus {
    outline: 0
}

.btn-share-toggle .label {
    display: block;
    font-size: 16px
}

.ui-dialog-share .close {
    position: absolute;
    top: 7px;
    width: 40px;
    height: 40px;
    outline: 0;
    border: 0;
    cursor: pointer;
    background: rgba(0,0,0,0)
}

html:not([dir=rtl]) .ui-dialog-share .close {
    right: 8px
}

[dir=rtl] .ui-dialog-share .close {
    left: 8px
}

.ui-dialog-share .dialog {
    z-index: 11;
    width: 340px;
    padding: 40px 36px 36px;
    box-sizing: border-box;
    overflow: hidden
}

.ui-dialog-share .dialog .share__title {
    margin-bottom: 11px;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: var(--ncui-black068)
}

.ui-dialog-share .share-list {
    display: flex;
    justify-content: center;
    max-width: 220px;
    margin: 0 auto;
    text-align: left
}

.ui-dialog-share .share-list [class^=btn__share] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 7px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ncui-gray012);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    background: rgba(0,0,0,0)
}

.ui-dialog-share .share-list [class^=btn__share] .icon {
    width: 32px;
    height: 32px
}

.ui-dialog-share .share-list [class^=btn__share] .iconc-facebook {
    background-color: #386db4
}

.ui-dialog-share .share-list [class^=btn__share] .iconc-twitter {
    background-color: var(--ncui-black100)
}

.ui-dialog-share .share-list [class^=btn__share] .iconc-url {
    background-color: var(--ncui-black068)
}

.nc-share .btn__share--toggle {
    display: inline-flex;
    align-items: center;
    color: inherit
}

.nc-share .btn__share--toggle i {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#share");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#share")) {
    .nc-share .btn__share--toggle i {
        mask-image:url("../img/icon/community-symbols.svg#share")
    }
}

.nc-share .btn__share--toggle .label {
    white-space: nowrap;
    margin-inline-start:3px}

.nc-share .share__wrap {
    display: none;
    position: fixed;
    z-index: 100;
    width: 340px;
    top: 50%;
    left: 0;
    right: 0;
    margin: -128px auto 0;
    padding: 40px 36px 36px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(34,34,34,.12);
    overflow: hidden;
    background: var(--ncui-ui-white)
}

@media(min-width: 960px) {
    .nc-share .share__wrap {
        margin-top:-94px
    }
}

.dark-mode .nc-share .share__wrap {
    background: var(--ncui-gray004-hex)
}

.nc-share .share__wrap.is-active {
    display: inline-block
}

.nc-share .share__wrap .share__title {
    margin-bottom: 11px;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: var(--ncui-black068)
}

.nc-share .share__wrap .btn__close {
    position: absolute;
    top: 7px;
    width: 40px;
    height: 40px;
    outline: 0;
    border: 0;
    cursor: pointer;
    background: rgba(0,0,0,0)
}

html:not([dir=rtl]) .nc-share .share__wrap .btn__close {
    right: 8px
}

[dir=rtl] .nc-share .share__wrap .btn__close {
    left: 8px
}

.nc-share .share__wrap .btn__close i {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#close");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#close")) {
    .nc-share .share__wrap .btn__close i {
        mask-image:url("../img/icon/community-symbols.svg#close")
    }
}

.nc-share .share__wrap .share__list {
    display: flex;
    justify-content: center;
    max-width: 220px;
    margin: 0 auto;
    text-align: left
}

.nc-share .share__wrap .share__list [class^=btn__share] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 7px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ncui-gray012);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    background: rgba(0,0,0,0)
}

.nc-share .share__wrap .share__list [class^=btn__share] .icon__facebook {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#facebook");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #386db4;
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#facebook")) {
    .nc-share .share__wrap .share__list [class^=btn__share] .icon__facebook {
        mask-image:url("../img/icon/community-symbols.svg#facebook")
    }
}

.nc-share .share__wrap .share__list [class^=btn__share] .icon__twitter {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#twitter");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black100);
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#twitter")) {
    .nc-share .share__wrap .share__list [class^=btn__share] .icon__twitter {
        mask-image:url("../img/icon/community-symbols.svg#twitter")
    }
}

.nc-share .share__wrap .share__list [class^=btn__share] .icon__url {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#url");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 32px;
    width: 32px;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#url")) {
    .nc-share .share__wrap .share__list [class^=btn__share] .icon__url {
        mask-image:url("../img/icon/community-symbols.svg#url")
    }
}

.view-signature {
    display: flex;
    padding: 24px;
    background-color: var(--ncui-gray004);
    flex-direction: column;
    align-items: center
}

@media(min-width: 960px) {
    .view-signature {
        flex-direction:row
    }
}

.view-signature .profile-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px
}

@media(min-width: 960px) {
    .view-signature .profile-info {
        align-items:flex-start;
        padding-inline-start:16px}
}

.view-signature .writer {
    margin-top: 10px
}

@media(max-width: 959px) {
    .view-signature .writer {
        text-align:center
    }
}

@media(min-width: 960px) {
    .view-signature .writer {
        display:flex;
        align-items: center;
        font-size: 14px;
        margin-top: 0
    }
}

.view-signature .writer .name {
    display: block;
    margin-bottom: 5px
}

@media(min-width: 960px) {
    .view-signature .writer .name {
        font-size:14px;
        margin-bottom: 0
    }
}

@media(max-width: 959px) {
    .view-signature .writer .name+span:before {
        display:none
    }
}

.view-signature .writer .info {
    display: flex
}

.view-signature .writer .info span {
    display: inline-block
}

@media(min-width: 960px) {
    .view-signature .writer .info {
        margin-top:0
    }
}

.view-signature .writer a {
    white-space: nowrap
}

.view-signature .writer-profile {
    margin: 0 auto
}

@media(min-width: 960px) {
    .view-signature .writer-profile {
        margin:0
    }
}

.view-signature .btn-profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 109px;
    height: 24px;
    margin: 9px auto 0;
    text-indent: 8px;
    font-size: 13px;
    border-radius: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    color: var(--ncui-black045)
}

@media(min-width: 960px) {
    .view-signature .btn-profile {
        font-size:12px;
        margin: 9px 0 0
    }
}

.view-body .fe-image-inner {
    position: relative;
    display: inline-block
}

.view-body .fe-video {
    position: relative;
    max-width: 1260px;
    max-height: 708.75px;
    margin: 1em 0 !important;
    padding-bottom: 56.25% !important
}

.view-body .fe-video-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.view-body .fe-video-inner iframe {
    width: 100%;
    height: 100%
}

.view-recent {
    position: relative;
    margin: 25px 0 36px;
    padding: 30px 0;
    touch-action: pan-y;
    background-color: var(--ncui-gray008)
}

@media(min-width: 960px) {
    .view-recent {
        padding:30px 63px 25px
    }
}

.view-recent .view-recent-list {
    position: relative;
    overflow: hidden;
    max-width: 1165px;
    margin: 0 16px
}

@media(min-width: 960px) {
    .view-recent .view-recent-list {
        margin:0 auto
    }
}

.view-recent .swiper-wrapper {
    display: flex;
    transition-property: transform
}

.view-recent .view-recent-items {
    flex-shrink: 0;
    transition-property: transform
}

.view-recent .view-recent-items a {
    position: relative;
    display: block;
    text-decoration: none;
    outline: none;
    color: var(--ncui-black045)
}

.view-recent .view-recent-items a img {
    display: block;
    width: 100%
}

.view-recent .view-recent-items a .thumb {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 83/40;
    background-color: var(--ncui-gray004);
    overflow: hidden
}

@supports not (aspect-ratio: 83/40) {
    .view-recent .view-recent-items a .thumb {
        padding-top:48.193%
    }

    .view-recent .view-recent-items a .thumb img {
        position: absolute;
        top: 0
    }
}

.view-recent .view-recent-items a .number {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word
}

.view-recent .view-recent-items[data-is-current=true] .thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px var(--ncui-black100)
}

.view-recent .view-recent-items[data-is-current=true] a {
    color: var(--ncui-point-text);
    text-decoration: underline
}

.view-recent .item-navigation {
    display: none;
    z-index: 2;
    position: absolute;
    top: 50%;
    height: 22px;
    margin-top: -11px;
    outline: none;
    cursor: pointer
}

@media(min-width: 960px) {
    .view-recent .item-navigation {
        display:block
    }
}

.view-recent .item-navigation.item-prev {
    left: 21px
}

.view-recent .item-navigation.item-next {
    right: 21px
}

.view-recent .item-navigation.item-next .iconc {
    transform: rotate(180deg)
}

.view-recent .item-navigation:disabled {
    display: none
}

.view-recent .pagination {
    display: flex;
    justify-content: center;
    margin-top: 22px
}

.view-recent .pagination>span {
    width: 8px;
    height: 2px;
    margin: 0 2px;
    background: var(--ncui-gray020-hex)
}

.view-recent .pagination .is-active {
    background-color: var(--ncui-button-hover)
}

@media(min-width: 960px) {
    .view-recent .pagination {
        display:none
    }
}

.view-recent .slick-slider .slick-dots {
    margin-bottom: -33px !important
}

.view-recent .slick-slider .slick-dots li {
    width: 8px;
    height: 2px;
    margin: 0 2px !important
}

.view-recent .slick-slider .slick-dots li button {
    width: 8px;
    height: 2px;
    padding: 0;
    background: var(--ncui-gray020)
}

.view-recent .slick-slider .slick-dots li.slick-active button {
    background: var(--ncui-black093)
}

@media(min-width: 960px) {
    .view-recent .slick-slider .slick-dots {
        display:none !important
    }

    .view-recent-items a .number {
        font-size: 15px
    }
}

.ui-checkbox {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 3px 0
}

.ui-checkbox input {
    position: absolute
}

html:not([dir=rtl]) .ui-checkbox input {
    left: -999em
}

[dir=rtl] .ui-checkbox input {
    right: -999em
}

.ui-checkbox label {
    display: inline-block
}

.ui-checkbox label span {
    vertical-align: middle
}

.ui-checkbox .icon {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    line-height: 1
}

.ui-checkbox .icon:before,.ui-checkbox .icon:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    height: 1px;
    background-color: rgba(128,128,128,.3)
}

.ui-checkbox .icon:before {
    width: 8px;
    margin: 1px 0 0 -8px;
    transform: rotate(50deg)
}

.ui-checkbox .icon:after {
    width: 15px;
    margin: -2px 0 0 -5px;
    transform: rotate(120deg)
}

.view-body .fe-btn-modify,.view-body .fe-btn-remove {
    display: none
}

.view-body .vote-editor:not(.fr-disabled) {
    min-height: 260px
}

.view-body .vote-view {
    box-sizing: border-box;
    position: relative;
    display: block;
    max-width: 400px;
    min-width: 300px;
    margin: 10px 0;
    padding: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012);
    outline: none;
    line-height: 150%;
    text-align: start
}

.view-body .vote-view .vote-title {
    font-size: 18px;
    word-wrap: break-word;
    word-break: keep-all
}

.view-body .vote-view .vote-info {
    font-size: 13px;
    color: var(--ncui-black045)
}

.view-body .vote-view .vote-info span {
    display: inline-block;
    margin-right: 3px
}

.view-body .vote-view .vote-info span:before {
    content: "|";
    padding-right: 4px
}

.view-body .vote-view .vote-info span:first-child {
    padding: 0
}

.view-body .vote-view .vote-info span:first-child:before {
    display: none
}

.view-body .vote-view .vote-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none
}

.view-body .vote-view .vote-items {
    margin-bottom: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ncui-gray012)
}

.view-body .vote-view .vote-items.best label {
    background-color: var(--ncui-gray002)
}

.view-body .vote-view .vote-items .ui-checkbox {
    padding: 0
}

.view-body .vote-view .vote-items .ui-checkbox label {
    position: relative;
    display: flex;
    line-height: 1.5;
    padding: 14px 12px;
    cursor: pointer
}

.view-body .vote-view .vote-items .ui-checkbox .icon {
    position: absolute;
    top: 15px;
    display: none;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px
}

.view-body .vote-view .vote-items .ui-checkbox .icon:before {
    content: ""
}

.view-body .vote-view .vote-items .ui-checkbox .label-text {
    flex: 1;
    font-size: 16px;
    transition: all .1s
}

.view-body .vote-view .vote-items .ui-checkbox .count {
    display: inline-flex;
    justify-content: flex-end;
    max-height: 22px;
    text-align: end;
    font-size: 14px;
    white-space: nowrap;
    color: var(--ncui-black045);
    margin-inline-start:10px}

.view-body .vote-view .vote-items .ui-checkbox .count em {
    font-style: normal
}

.view-body .vote-view .vote-items .ui-checkbox input:checked+label .icon {
    display: block
}

.view-body .vote-view .vote-items .ui-checkbox input:checked+label .icon:before,.view-body .vote-view .vote-items .ui-checkbox input:checked+label .icon:after {
    background-color: var(--ncui-black100)
}

.view-body .vote-view .vote-items .ui-checkbox input:checked+label .label-text {
    padding-inline-start:30px}

.view-body .vote-view .fe-btn-wrap {
    text-align: center;
    margin-top: 15px
}

.view-body .vote-view .editor-icon-vote-user {
    position: relative;
    -webkit-mask-image: url("../img/icon/community-symbols.svg#vote-user");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 22px;
    width: 22px;
    mask-size: 22px 22px;
    -webkit-mask-size: 22px 22px;
    display: inline-block;
    margin-inline-start:6px}

@supports(mask-image: url("../img/icon/community-symbols.svg#vote-user")) {
    .view-body .vote-view .editor-icon-vote-user {
        mask-image:url("../img/icon/community-symbols.svg#vote-user")
    }
}

.view-utils {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}

@media(min-width: 600px) {
    .view-utils {
        margin-bottom:74px
    }
}

.view-utils .co-btn,.view-utils .nc-comment-more,.view-utils .nc-comment-more_tag,.view-utils .ncCommentMore {
    position: relative;
    box-sizing: border-box;
    border: 1px solid var(--ncui-gray012);
    border-radius: 50px;
    font-size: 15px;
    line-height: 150%;
    color: var(--ncui-black068)
}

.view-utils .co-btn em,.view-utils .nc-comment-more em,.view-utils .nc-comment-more_tag em,.view-utils .ncCommentMore em,.view-utils .co-btn span,.view-utils .nc-comment-more span,.view-utils .nc-comment-more_tag span,.view-utils .ncCommentMore span {
    position: relative
}

.view-utils .co-btn span,.view-utils .nc-comment-more span,.view-utils .nc-comment-more_tag span,.view-utils .ncCommentMore span {
    margin: 0 5px 0 3px
}

.view-utils .co-btn em,.view-utils .nc-comment-more em,.view-utils .nc-comment-more_tag em,.view-utils .ncCommentMore em {
    font-style: normal
}

.view-utils .view-bookmark {
    display: flex;
    align-items: center;
    margin-top: 20px
}

@media(min-width: 960px) {
    .view-utils .view-bookmark {
        position:absolute;
        margin-top: 0
    }

    html:not([dir=rtl]) .view-utils .view-bookmark {
        right: 0
    }

    [dir=rtl] .view-utils .view-bookmark {
        left: 0
    }
}

.view-utils .co-btn-like {
    padding: 8px 15px 8px 39px
}

.view-utils .co-btn-like .iconc {
    position: absolute;
    left: 16px
}

.view-utils .co-btn-like.is-active .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#like_fill")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#like_fill")) {
    .view-utils .co-btn-like.is-active .iconc {
        mask-image:url("../img/icon/community-symbols.svg#like_fill")
    }
}

.view-utils+.view-recent {
    margin-top: 144px
}

.view-recommend {
    display: flex;
    justify-content: center;
    align-items: center
}

.view-recommend .btn-recommend {
    color: var(--ncui-black068)
}

.view-recommend .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-up_l")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-up_l")) {
    .view-recommend .btn-recommend_up .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-up_l")
    }
}

html[data-service=h3] .view-recommend .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up_l")) {
    html[data-service=h3] .view-recommend .btn-recommend_up .level {
        mask-image:url("../img/icon/h3.svg#recommend-up_l")
    }
}

html[data-service=h2] .view-recommend .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up_l")) {
    html[data-service=h2] .view-recommend .btn-recommend_up .level {
        mask-image:url("../img/icon/h3.svg#recommend-up_l")
    }
}

html[data-service=lovebeat] .view-recommend .btn-recommend_up .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-up_l")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-up_l")) {
    html[data-service=lovebeat] .view-recommend .btn-recommend_up .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-up_l")
    }
}

.view-recommend .btn-recommend_up.level2 .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-up-level2_l")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-up-level2_l")) {
    .view-recommend .btn-recommend_up.level2 .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-up-level2_l")
    }
}

html[data-service=h3] .view-recommend .btn-recommend_up.level2 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level2_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level2_l")) {
    html[data-service=h3] .view-recommend .btn-recommend_up.level2 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level2_l")
    }
}

html[data-service=h2] .view-recommend .btn-recommend_up.level2 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level2_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level2_l")) {
    html[data-service=h2] .view-recommend .btn-recommend_up.level2 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level2_l")
    }
}

html[data-service=lovebeat] .view-recommend .btn-recommend_up.level2 .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-up-level2_l")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-up-level2_l")) {
    html[data-service=lovebeat] .view-recommend .btn-recommend_up.level2 .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-up-level2_l")
    }
}

.view-recommend .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-up-level3_l")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-up-level3_l")) {
    .view-recommend .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-up-level3_l")
    }
}

html[data-service=h3] .view-recommend .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level3_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level3_l")) {
    html[data-service=h3] .view-recommend .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level3_l")
    }
}

html[data-service=h2] .view-recommend .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-up-level3_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-up-level3_l")) {
    html[data-service=h2] .view-recommend .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/h3.svg#recommend-up-level3_l")
    }
}

html[data-service=lovebeat] .view-recommend .btn-recommend_up.level3 .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-up-level3_l")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-up-level3_l")) {
    html[data-service=lovebeat] .view-recommend .btn-recommend_up.level3 .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-up-level3_l")
    }
}

.view-recommend .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#recommend-down_l")
}

@supports(mask-image: url("../img/icon/community-symbols.svg#recommend-down_l")) {
    .view-recommend .btn-recommend_down .level {
        mask-image:url("../img/icon/community-symbols.svg#recommend-down_l")
    }
}

html[data-service=h3] .view-recommend .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-down_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-down_l")) {
    html[data-service=h3] .view-recommend .btn-recommend_down .level {
        mask-image:url("../img/icon/h3.svg#recommend-down_l")
    }
}

html[data-service=h2] .view-recommend .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/h3.svg#recommend-down_l")
}

@supports(mask-image: url("../img/icon/h3.svg#recommend-down_l")) {
    html[data-service=h2] .view-recommend .btn-recommend_down .level {
        mask-image:url("../img/icon/h3.svg#recommend-down_l")
    }
}

html[data-service=lovebeat] .view-recommend .btn-recommend_down .level {
    -webkit-mask-image: url("../img/icon/lovebeat.svg#recommend-down_l")
}

@supports(mask-image: url("../img/icon/lovebeat.svg#recommend-down_l")) {
    html[data-service=lovebeat] .view-recommend .btn-recommend_down .level {
        mask-image:url("../img/icon/lovebeat.svg#recommend-down_l")
    }
}

.board-view {
    padding: 26px 16px 0
}

@media(min-width: 960px) {
    .board-view {
        padding:0
    }
}

.board-view .view-header {
    border-bottom: 1px solid var(--ncui-gray012);
    padding-bottom: 18px
}

.board-view .view-header .view-title {
    font-size: 22px;
    min-height: 35px;
    line-height: 1.25
}

@media(min-width: 960px) {
    .board-view .view-header .view-title {
        font-size:28px
    }
}

.board-view .view-header .writer {
    width: 100%
}

.board-view .view-header .writer+span:before {
    content: unset
}

@media(min-width: 600px) {
    .board-view .view-header .writer {
        width:auto
    }

    .board-view .view-header .writer+span:before {
        content: ""
    }
}

.board-view .view-header .article-info-wrap {
    min-height: 30px;
    margin-top: 10px
}

.board-view .view-header .article-info-wrap .article-info {
    flex: 1;
    flex-wrap: wrap
}

@media(max-width: 959px) {
    .board-view .view-header .article-info-wrap {
        flex-direction:column;
        align-items: flex-start
    }

    .board-view .view-header .article-info-wrap .button-list {
        right: auto
    }

    [dir=rtl] .board-view .view-header .article-info-wrap .button-list {
        right: 0
    }

    [dir=rtl] .board-view .view-header .article-info-wrap .button-list {
        left: auto
    }
}

.board-view .view-header .util-btn-wrap {
    background: var(--ncui-gray004);
    border-radius: 4px
}

@media(max-width: 959px) {
    .board-view .view-header .util-btn-wrap {
        margin-top:12px
    }
}

.board-view .view-body {
    padding: 16px 0 12px;
    line-height: 1.6
}

@media(min-width: 960px) {
    .board-view .view-body {
        line-height:1.7;
        padding-bottom: 22px
    }
}

.board-view .view-recommend {
    margin-top: 61px
}

@media(min-width: 960px) {
    .board-view .view-recommend {
        margin-top:74px
    }
}

.board-view .view-recommend .btn-recommend {
    height: 56px;
    position: relative;
    border: 1px solid var(--ncui-gray008);
    font-size: 16px;
    padding-inline-start:16px;padding-inline-end:10px}

.board-view .view-recommend .btn-recommend:hover {
    background-color: var(--ncui-gray004-hex)
}

.board-view .view-recommend .btn-recommend:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-width: 1px;
    border-right-width: 0
}

.board-view .view-recommend .btn-recommend:first-child:hover {
    border-right-width: 1px
}

.board-view .view-recommend .btn-recommend:first-child:hover~button {
    border-width: 1px;
    border-left-width: 0
}

.board-view .view-recommend .btn-recommend:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.board-view .view-recommend .btn-recommend .level {
    width: 40px;
    height: 40px
}

@supports(mask-size: 40px 40px) {
    .board-view .view-recommend .btn-recommend .level {
        mask-size:40px 40px
    }
}

@supports not (mask-size: 40px 40px) {
    .board-view .view-recommend .btn-recommend .level {
        -webkit-mask-size:40px 40px
    }
}

@supports(mask-size: 28px 28px) {
    html[data-service=lovebeat] .board-view .view-recommend .btn-recommend .level {
        mask-size:28px 28px;
        mask-position: center;
        mask-repeat: no-repeat
    }
}

@supports not (mask-size: 28px 28px) {
    html[data-service=lovebeat] .board-view .view-recommend .btn-recommend .level {
        -webkit-mask-size:28px 28px;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat
    }
}

.board-view .view-recommend .btn-recommend .number {
    width: 65px
}

.board-view .view-signature {
    margin-top: 39px
}

@media(max-width: 959px) {
    .board-view .view-signature {
        margin-inline-start:-16px;
        margin-inline-end:-16px}
}

@media(min-width: 960px) {
    .board-view .view-signature {
        margin-top:74px
    }
}

.board-view:not(:has(.view-signature)) {
    border-bottom: 1px solid var(--ncui-gray008);
    padding-bottom: 39px
}

@media(min-width: 960px) {
    .board-view:not(:has(.view-signature)) {
        padding-bottom:74px
    }
}

.board-prev-next-article {
    font-size: 14px;
    border-bottom: 1px solid var(--ncui-gray008)
}

.board-prev-next-article p {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 12px 18px 11px;
    font-size: 14px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

.board-prev-next-article p svg {
    flex-shrink: 0
}

.board-prev-next-article p a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-inline-start:13px;text-decoration: none;
    color: var(--ncui-black045)
}

@media(min-width: 960px) {
    .board-prev-next-article p {
        font-size:15px
    }
}

.nc-community-comment .board-prev-next-article p:first-child {
    border-top: 0
}

.view-bottom {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.view-bottom:not(:empty) {
    margin-top: 25px
}

@media(max-width: 959px) {
    .view-bottom:not(:empty) {
        padding:0 16px
    }
}

.view-bottom .co-btn-list {
    font-size: 0;
    padding-inline-start:10px}

.view-bottom .co-btn-list span,.view-bottom .co-btn-list .iconc {
    vertical-align: middle
}

.view-bottom .co-btn-list .iconc {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#chevron_left");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black068);
    height: 20px;
    width: 11px;
    mask-size: 11px 20px;
    -webkit-mask-size: 11px 20px;
    display: inline-block;
    margin-inline-end:8px}

@supports(mask-image: url("../img/icon/community-symbols.svg#chevron_left")) {
    .view-bottom .co-btn-list .iconc {
        mask-image:url("../img/icon/community-symbols.svg#chevron_left")
    }
}

[dir=rtl] .view-bottom .co-btn-list .iconc {
    transform: rotate(180deg)
}

.view-bottom .co-btn-list span {
    font-size: 14px
}

.view-bottom .co-btn-write {
    width: 36px;
    padding: 0
}

@keyframes tagAdded {
    from {
        transform: scale(0);
        opacity: 0
    }
}

.board-write {
    color: var(--ncui-black093)
}

@media(min-width: 960px) {
    .board-write {
        border-width:5px 0 0;
        border-style: solid;
        border-color: var(--ncui-gray008)
    }
}

.board-write div[class^=board-write-] {
    font-size: 16px
}

@media(min-width: 960px) {
    .board-write div[class^=board-write-] {
        font-size:15px
    }
}

.board-write .alpha-tag-node {
    color: var(--ncui-point-text080)
}

.board-write .co-btn-wrap,.board-write .view-bottom {
    padding: 16px 16px 0;
    border-top: 1px solid var(--ncui-gray008);
    z-index: 1
}

@media(min-width: 960px) {
    .board-write .co-btn-wrap,.board-write .view-bottom {
        padding:24px 0 0
    }
}

.board-write .co-btn-wrap .co-btn,.board-write .view-bottom .co-btn,.board-write .co-btn-wrap .nc-comment-more,.board-write .view-bottom .nc-comment-more,.board-write .co-btn-wrap .nc-comment-more_tag,.board-write .view-bottom .nc-comment-more_tag,.board-write .co-btn-wrap .ncCommentMore,.board-write .view-bottom .ncCommentMore {
    font-size: 15px
}

.board-write .co-btn-wrap .co-btn span,.board-write .view-bottom .co-btn span,.board-write .co-btn-wrap .nc-comment-more span,.board-write .view-bottom .nc-comment-more span,.board-write .co-btn-wrap .nc-comment-more_tag span,.board-write .view-bottom .nc-comment-more_tag span,.board-write .co-btn-wrap .ncCommentMore span,.board-write .view-bottom .ncCommentMore span {
    display: inline-block
}

.board-write .co-btn-wrap .co-btn+.co-btn,.board-write .view-bottom .co-btn+.co-btn,.board-write .co-btn-wrap .nc-comment-more+.co-btn,.board-write .view-bottom .nc-comment-more+.co-btn,.board-write .co-btn-wrap .nc-comment-more_tag+.co-btn,.board-write .view-bottom .nc-comment-more_tag+.co-btn,.board-write .co-btn-wrap .ncCommentMore+.co-btn,.board-write .view-bottom .ncCommentMore+.co-btn,.board-write .co-btn-wrap .co-btn+.nc-comment-more,.board-write .view-bottom .co-btn+.nc-comment-more,.board-write .co-btn-wrap .nc-comment-more+.nc-comment-more,.board-write .view-bottom .nc-comment-more+.nc-comment-more,.board-write .co-btn-wrap .nc-comment-more_tag+.nc-comment-more,.board-write .view-bottom .nc-comment-more_tag+.nc-comment-more,.board-write .co-btn-wrap .ncCommentMore+.nc-comment-more,.board-write .view-bottom .ncCommentMore+.nc-comment-more,.board-write .co-btn-wrap .co-btn+.nc-comment-more_tag,.board-write .view-bottom .co-btn+.nc-comment-more_tag,.board-write .co-btn-wrap .nc-comment-more+.nc-comment-more_tag,.board-write .view-bottom .nc-comment-more+.nc-comment-more_tag,.board-write .co-btn-wrap .nc-comment-more_tag+.nc-comment-more_tag,.board-write .view-bottom .nc-comment-more_tag+.nc-comment-more_tag,.board-write .co-btn-wrap .ncCommentMore+.nc-comment-more_tag,.board-write .view-bottom .ncCommentMore+.nc-comment-more_tag,.board-write .co-btn-wrap .co-btn+.ncCommentMore,.board-write .view-bottom .co-btn+.ncCommentMore,.board-write .co-btn-wrap .nc-comment-more+.ncCommentMore,.board-write .view-bottom .nc-comment-more+.ncCommentMore,.board-write .co-btn-wrap .nc-comment-more_tag+.ncCommentMore,.board-write .view-bottom .nc-comment-more_tag+.ncCommentMore,.board-write .co-btn-wrap .ncCommentMore+.ncCommentMore,.board-write .view-bottom .ncCommentMore+.ncCommentMore {
    margin-left: 25px
}

.board-write .write-tag {
    border-top: 1px solid var(--ncui-gray008);
    padding: 12px 16px
}

@media(min-width: 960px) {
    .board-write .write-tag {
        padding:6px 20px
    }
}

.board-write .write-tag .wrap-tag {
    position: relative
}

@media(min-width: 960px) {
    .board-write .write-tag.is-plus-tag .wrap-tag {
        padding-inline-end:140px
    }
}

.board-write .write-tag .user-tags .tag-list {
    margin: 0
}

@media(min-width: 960px) {
    .board-write .write-tag .user-tags .tag-list {
        display:inline;
        vertical-align: top
    }
}

.board-write .write-tag .user-tags .tag-list .tag-items {
    height: 32px;
    line-height: 32px;
    display: inline-flex;
    align-items: center;
    animation: tagAdded .2s ease-out;
    border: 1px solid var(--ncui-gray012);
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 12px;
    margin-inline-end:12px;padding-inline-start:12px;padding-inline-end:8px;cursor: pointer
}

@media(min-width: 960px) {
    .board-write .write-tag .user-tags .tag-list .tag-items {
        margin-top:6px;
        margin-bottom: 6px
    }
}

.board-write .write-tag .user-tags .tag-list .tag-items .tag-delete {
    display: inline-flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    margin-inline-start:6px}

.board-write .write-tag .user-tags .tag-list .tag-items .tag-delete .iconc {
    background-color: var(--ncui-black068);
    opacity: .3
}

.board-write .write-tag .user-tags .tag-list .tag-items.is-selected .tag {
    text-decoration: underline
}

@media(max-width: 959px) {
    .board-write .write-tag .ip-tags:not(:empty) {
        margin-top:6px
    }
}

@media(min-width: 960px) {
    .board-write .write-tag .ip-tags:not(:empty) {
        font-size:15px;
        margin-bottom: 8px
    }
}

.board-write .write-tag .ip-tags .tag {
    margin-inline-end:12px;margin-top: 6px
}

@media(min-width: 960px) {
    .board-write .write-tag .ip-tags .tag {
        margin-top:5px
    }
}

.board-write div[class^=board-write] {
    width: 100%;
    align-items: center;
    height: 50px;
    padding: 0 16px
}

.board-write div[class^=board-write]:not(:empty) {
    display: flex
}

@media(min-width: 960px) {
    .board-write div[class^=board-write] {
        padding:0 20px
    }
}

.board-write div[class^=board-write] .ui-dropdown-wrap,.board-write div[class^=board-write] .ui-dropdown-wrap select {
    width: 100%
}

@media(min-width: 960px) {
    .board-write div[class^=board-write] .ui-dropdown-wrap {
        width:auto
    }
}

.board-write-category:empty {
    display: none
}

.board-write-title {
    border: 0;
    padding: 0
}

.board-write-title input {
    width: 100%;
    height: 100%;
    flex: 1;
    border: 0;
    outline: 0;
    font-size: inherit;
    color: var(--ncui-black093);
    padding: 0
}

.board-write-title input::placeholder {
    color: var(--ncui-black045)
}

.board-write-title input:-ms-input-placeholder {
    color: var(--ncui-black045)
}

.board-write .board-write-alias {
    color: var(--ncui-black068)
}

.board-write .board-write-alias+.board-write-category,.board-write .board-write-category+.board-write-title,.board-write .fr-box+.co-btn-wrap,.board-write .fr-box+.view-bottom {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008)
}

.fr-box+.co-btn-wrap,.fr-box+.view-bottom {
    padding: 18px
}

.fr-box.fr-basic.fr-top .fr-wrapper .fr-placeholder,.fr-wrapper .fr-placeholder {
    color: var(--ncui-black045)
}

.fr-box.fr-basic .fr-element {
    color: var(--ncui-black093)
}

.fr-box.fr-basic .fr-element .tag {
    color: #c69c7c !important
}

.board-write input,.fr-toolbar,.fr-box.fr-basic .fr-wrapper,.fr-box.fr-basic.fr-top .fr-wrapper {
    border-color: var(--ncui-gray012) !important;
    background: var(--ncui-bg) !important
}

.co-btn-write-submit {
    background: var(--ncui-point);
    color: var(--ncui-ui-white);
    min-width: 87px
}

.co-btn-write-submit svg {
    margin-inline-start:-8px}

@keyframes slide-up-recommend {
    0% {
        opacity: 0;
        top: 10px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

.uikit-nccommunity-node .comment-contents {
    font-size: 16px;
    word-wrap: break-word;
    word-break: keep-all
}

.uikit-nccommunity-node .comment-contents img {
    image-rendering: crisp-edges;
    display: block;
    max-height: 140px;
    margin-top: 6px
}

.uikit-nccommunity-node .comment-contents img:not(.comment-emoticon) {
    max-width: 200px
}

.uikit-nccommunity-node .comment-contents .comment-emoticon {
    max-width: 100%
}

.uikit-nccommunity-node .comment-contents:has(img:not(.comment-emoticon))+.comment-tools {
    margin-top: 20px
}

@media(min-width: 960px) {
    .uikit-nccommunity-node .comment-contents:has(img:not(.comment-emoticon))+.comment-tools {
        margin-top:12px
    }
}

.comment-wrap {
    position: relative
}

.comment-wrap .fe-layer-emoticon {
    top: auto;
    left: -1px;
    right: -1px;
    margin-top: -1px
}

.comment-wrap .uploadForm {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.comment-wrap .comment-upload {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    line-height: 1;
    overflow: hidden;
    cursor: pointer
}

.comment-wrap .comment-recommend {
    margin-inline-start:auto}

.comment-wrap .iconc-like_s {
    vertical-align: middle
}

.comment-wrap textarea {
    display: block;
    overflow: auto;
    width: 100%;
    min-height: 21px !important;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    background: rgba(0,0,0,0);
    color: var(--ncui-black093)
}

.comment-wrap textarea:-ms-input-placeholder {
    color: var(--ncui-black045) !important
}

.comment-form {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--ncui-gray012);
    border-radius: 4px;
    background-color: var(--ncui-white100)
}

.comment-form .comment-toolbar {
    display: flex;
    height: 40px;
    border-top: 1px solid var(--ncui-gray008);
    align-items: center
}

.dark-mode .comment-form .comment-toolbar {
    border-color: var(--ncui-gray010)
}

.comment-form .comment-toolbar .toolbar-actions {
    padding-inline-start:9px}

.comment-form .comment-toolbar .coment-btns {
    height: 100%;
    display: flex;
    align-items: center;
    margin-inline-start:auto}

.comment-form .comment-upload,.comment-form .btn-emoticon {
    position: relative;
    float: left;
    width: 38px;
    height: 37px;
    margin-right: 3px;
    text-align: center;
    cursor: pointer
}

.comment-form .comment-upload svg,.comment-form .btn-emoticon svg {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    pointer-events: none
}

.comment-form .comment-upload {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 37px;
    margin-right: 7px;
    cursor: pointer
}

.comment-form .count-word {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-inline-end:8px;font-size: 14px;
    color: var(--ncui-black045);
    font-weight: 400
}

@media(min-width: 960px) {
    .comment-form .count-word {
        margin-inline-end:14px
    }
}

.comment-form .count-word em {
    font-style: normal
}

.comment-form .btn-confirm {
    height: 100%;
    font-size: 14px;
    padding: 0 16px;
    line-height: 150%;
    color: var(--ncui-point-text);
    border-inline-start:1px solid var(--ncui-gray012);background: rgba(0,0,0,0)
}

.comment-form .comment-form-textarea {
    position: relative;
    min-height: 87px
}

.comment-form .comment-form-textarea textarea {
    width: calc(100% - 32px);
    height: 42px;
    margin: 12px 16px;
    scrollbar-width: 0
}

.comment-form .comment-form-textarea textarea::-webkit-scrollbar {
    width: 0
}

.comment-header {
    position: relative;
    margin-bottom: 10px
}

.comment-header .comment-title {
    display: flex;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    color: var(--ncui-black093)
}

.comment-header .comment-title span:first-child {
    margin-inline-end:5px}

.comment-title em {
    font-style: normal
}

.comment-order {
    display: flex;
    align-items: center;
    position: relative
}

.comment-order .co-btn[data-order],.comment-order [data-order].nc-comment-more,.comment-order [data-order].nc-comment-more_tag,.comment-order [data-order].ncCommentMore {
    margin-inline-end:12px;padding-bottom: 2px;
    font-size: 14px;
    color: var(--ncui-black045)
}

.comment-order .co-btn[data-order].is-active,.comment-order [data-order].is-active.nc-comment-more,.comment-order [data-order].is-active.nc-comment-more_tag,.comment-order [data-order].is-active.ncCommentMore {
    color: var(--ncui-black068)
}

.comment-order .co-btn-reload {
    margin-inline-start:auto;color: var(--ncui-black045)
}

.comment-body .comment-form+[class^=comment-article-reply] {
    border-top: 0
}

.comment-body .comment-form-update {
    margin: 10px 0
}

.comment-body .iconc-comment_reply {
    -webkit-mask-image: url("../img/icon/community-symbols.svg#comment_reply");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--ncui-black045);
    height: 10px;
    width: 8px;
    mask-size: 8px 10px;
    -webkit-mask-size: 8px 10px;
    display: inline-block
}

@supports(mask-image: url("../img/icon/community-symbols.svg#comment_reply")) {
    .comment-body .iconc-comment_reply {
        mask-image:url("../img/icon/community-symbols.svg#comment_reply")
    }
}

.comment-wrap .wrap-community-more {
    margin-bottom: 20px
}

.comment-wrap .wrap-community-more>.nc-comment-more {
    border: 0;
    background-color: var(--ncui-gray004)
}

.delete-article {
    clear: both;
    overflow: hidden;
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 50px;
    text-align: center
}

[class^=comment-article] {
    position: relative;
    padding: 16px 0;
    border-top: 1px solid var(--ncui-gray008)
}

[class^=comment-article] .comment-info {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--ncui-black045);
    margin-bottom: 10px
}

@media(min-width: 960px) {
    [class^=comment-article] .comment-info {
        margin-bottom:6px
    }
}

[class^=comment-article] .comment-info .iconc-comment_reply {
    display: none;
    position: absolute;
    top: 4px
}

[dir=rtl] [class^=comment-article] .comment-info .iconc-comment_reply {
    right: -16px
}

html:not([dir=rtl]) [class^=comment-article] .comment-info .iconc-comment_reply {
    left: -16px
}

[class^=comment-article] .comment-info .profile-image {
    display: none;
    position: absolute
}

[class^=comment-article] .comment-info .writer {
    position: relative;
    display: inline-flex;
    min-height: 20px;
    flex: 1
}

[class^=comment-article] .comment-info .writer.owner .name {
    height: 22px;
    line-height: 22px;
    background: var(--ncui-gray012);
    border-radius: 11px;
    padding: 0 8px
}

[class^=comment-article] .comment-info .writer img {
    max-height: 19px;
    vertical-align: middle;
    image-rendering: crisp-edges
}

[class^=comment-article] .comment-info .server img,[class^=comment-article] .comment-info .race img {
    max-height: 19px;
    vertical-align: middle;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

[class^=comment-article] .util-btn-wrap {
    width: 18px
}

[class^=comment-article] .util-btn-wrap .btn-more {
    text-align: right
}

[class^=comment-article] .util-btn-wrap .co-btn-modify.is-active~button {
    display: none
}

[class^=comment-article] .comment-contents {
    color: var(--ncui-black068)
}

[class^=comment-article] .comment-tools {
    display: flex;
    align-items: center;
    margin-top: 6px;
    color: var(--ncui-black045);
    font-size: 14px
}

[class^=comment-article] .comment-tools em {
    font-style: normal
}

[class^=comment-article] .comment-tools .co-btn,[class^=comment-article] .comment-tools .nc-comment-more,[class^=comment-article] .comment-tools .nc-comment-more_tag,[class^=comment-article] .comment-tools .ncCommentMore {
    display: inline-flex;
    align-items: center;
    color: inherit
}

[class^=comment-article] .comment-tools .co-btn-comments {
    margin-inline-start:12px}

[class^=comment-article] .comment-tools .co-btn-comments em {
    margin-inline-start:4px}

[class^=comment-article] .comment-tools .comment-translate {
    display: block
}

[class^=comment-article] .comment-tools .comment-translate .is-active .iconc {
    background-color: var(--ncui-black093)
}

[class^=comment-article] .comment-recommend {
    display: inline-flex;
    margin-inline-start:12px}

[class^=comment-article] .comment-recommend .btn-recommend {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: rgba(0,0,0,0);
    color: inherit;
    line-height: 1
}

[class^=comment-article] .comment-recommend .btn-recommend .level {
    position: relative;
    width: 18px;
    height: 18px;
    mask-size: 18px 18px;
    -webkit-mask-size: 18px 18px;
    margin-inline-end:6px}

[class^=comment-article] .comment-recommend .btn-recommend:hover:before {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 0;
    right: 0;
    margin-inline-start:-4px;margin-inline-end:4px;background-color: var(--ncui-gray004);
    border-radius: 4px
}

[class^=comment-article] .comment-recommend .btn-recommend[disabled] {
    cursor: default
}

[class^=comment-article] .comment-recommend .btn-recommend .number {
    min-width: 22px;
    text-align: left
}

@media(min-width: 600px) {
    [class^=comment-article] .comment-info .iconc-comment_reply {
        top:0
    }

    [dir=rtl] [class^=comment-article] .comment-info .iconc-comment_reply {
        right: -94px
    }

    html:not([dir=rtl]) [class^=comment-article] .comment-info .iconc-comment_reply {
        left: -94px
    }

    [class^=comment-article] .comment-info .profile-image {
        display: block
    }

    [class^=comment-article] .comment-tools {
        display: flex;
        align-items: center
    }

    [class^=comment-article] .comment-tools .comment-translate {
        display: flex;
        align-items: center
    }

    [class^=comment-article] .comment-tools .comment-translate:after {
        content: "";
        display: inline-block;
        width: 2px;
        height: 2px;
        margin: 0 6px;
        border-radius: 100%;
        vertical-align: middle;
        background-color: var(--ncui-gray020)
    }

    [class^=comment-article] .comment-tools .comment-utils_next {
        flex-grow: 1;
        margin-top: initial
    }
}

.comment-article-reply {
    padding-inline-start:16px}

.comment-article-reply:before {
    content: "";
    position: absolute;
    top: 17px;
    width: 8px;
    height: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--ncui-black045)
}

html:not([dir=rtl]) .comment-article-reply:before {
    border-left: 1px solid var(--ncui-black045)
}

[dir=rtl] .comment-article-reply:before {
    border-right: 1px solid var(--ncui-black045)
}

html:not([dir=rtl]) .comment-article-reply:before {
    left: 0
}

[dir=rtl] .comment-article-reply:before {
    right: 0
}

@media(min-width: 960px) {
    .comment-article-reply:before {
        top:25px
    }
}

.comment-article-delete {
    padding: 26px 0 !important;
    text-align: center;
    color: var(--ncui-black045)
}

.comment-article-none {
    padding: 65px 0 65px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--ncui-gray008);
    font-size: 15px;
    text-align: center;
    color: var(--ncui-black068)
}

.comment-article-none p {
    margin: 0
}

.comment-form-update,.comment-form-reply {
    display: none
}

.comment-form-update.show,.comment-form-reply.show {
    display: block
}

.comment-form-reply {
    position: relative;
    padding-inline-start:14px}

.comment-form-reply:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 10px;
    box-sizing: border-box;
    border-inline-start:1px solid var(--ncui-black045);border-block-end: 1px solid var(--ncui-black045)
}

[dir=rtl] .comment-form-reply:before {
    right: 0
}

html:not([dir=rtl]) .comment-form-reply:before {
    left: 0
}

.comment-wrap-form-preview {
    display: inline-block;
    position: relative;
    width: 122px
}

.comment-wrap-form-preview .btn-delete-preview {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 6px;
    top: 6px;
    border-radius: 100%
}

.comment-form-preview {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ncui-gray012);
    border-radius: 4px;
    width: 100px;
    height: 100px;
    margin: 0 0 20px 20px
}

.comment-form-preview img {
    width: 100%;
    height: auto
}

.comment-recommend-list .comment-recommend-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--ncui-black068)
}

.comment-recommend-list .comment-recommend-list_items {
    margin: 0 -18px;
    padding: 0 18px
}

@media(min-width: 960px) {
    .comment-recommend-list .comment-recommend-list_items {
        margin:0;
        padding: 0
    }
}

.comment-recommend-list .comment-recommend-list_items .writer:before {
    content: "BEST";
    border: 1px solid var(--ncui-point040);
    border-radius: 11px;
    font-size: 13px;
    height: 22px;
    color: var(--ncui-point);
    padding: 0 9px;
    margin-inline-end:8px}

@media(min-width: 960px) {
    .comment-recommend-list .comment-recommend-list_items .writer:before {
        margin-inline-end:10px
    }
}

.board-comment {
    border-bottom: 1px solid var(--ncui-gray008)
}

.nc-community-view~.nc-community-comment .board-comment {
    margin-top: 42px
}

@media(min-width: 960px) {
    .nc-community-view~.nc-community-comment .board-comment {
        margin-top:65px
    }
}

@media(max-width: 959px) {
    .board-comment {
        padding:0 16px
    }
}

.board-comment .comment-form-write {
    margin-bottom: 22px
}

@media(min-width: 960px) {
    .board-comment .comment-form-write {
        margin-bottom:30px
    }
}

.board-comment .comment-form-reply {
    padding-top: 16px;
    margin-top: 20px;
    border-top: 1px solid var(--ncui-gray008)
}

@media(min-width: 600px) {
    .board-comment .comment-form-reply {
        margin:24px 0 4px;
        padding-inline-start:24px;padding-top: 24px
    }
}

.board-comment .comment-recommend-list {
    margin: 30px 0 22px
}

@media(min-width: 960px) {
    .board-comment .comment-recommend-list {
        margin-bottom:30px
    }
}

.board-comment .comment-order {
    margin-bottom: 10px
}

@media(min-width: 960px) {
    .board-comment .comment-order {
        margin-bottom:13px
    }
}

.board-comment .comment-order button {
    height: 21px
}

.board-comment .comment-order .co-btn-reload .iconc {
    vertical-align: middle
}

.board-comment [class^=comment-article].is-highlight:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    bottom: 0;
    background-color: var(--ncui-gray002)
}

.board-comment [class^=comment-article].is-highlight:before>div {
    position: relative
}

@media(min-width: 600px) {
    .board-comment [class^=comment-article].is-highlight {
        background-color:var(--ncui-gray002)
    }

    .board-comment [class^=comment-article].is-highlight:before {
        content: unset
    }
}

.board-comment [class^=comment-article] .comment-info .profile-image {
    top: -6px
}

[dir=rtl] .board-comment [class^=comment-article] .comment-info .profile-image {
    right: -70px
}

html:not([dir=rtl]) .board-comment [class^=comment-article] .comment-info .profile-image {
    left: -70px
}

@media(min-width: 600px) {
    .board-comment [class^=comment-article]:not(.comment-article-none) {
        padding:24px 0 20px;
        padding-inline-start:94px;padding-inline-end:24px}
}

@media(min-width: 600px) {
    .board-comment .comment-article-reply {
        margin-inline-start:94px
    }
}

.board-comment .nc-community-loader {
    padding: 5px
}

.feed-comment {
    border-top: 1px solid var(--ncui-gray008);
    margin-top: 13px
}

.feed-comment .comment-form-write {
    margin-top: 10px
}

.feed-comment .comment-form-reply {
    margin-top: 18px
}

@media(min-width: 960px) {
    .feed-comment .comment-form-reply {
        padding-inline-start:22px
    }
}

.feed-comment .comment-more {
    position: relative;
    display: flex;
    font-size: 14px;
    z-index: 1
}

.feed-comment .comment-more button {
    color: inherit
}

.feed-comment .comment-order {
    font-size: 14px;
    justify-content: space-between;
    margin: 16px 0 10px
}

@media(min-width: 960px) {
    .feed-comment .comment-order {
        margin-top:19px
    }
}

.feed-comment .comment-order .feed-comment-order .selected {
    line-height: 16px
}

.feed-comment .comment-order .feed-comment-order .iconc {
    margin-left: 4px
}

.feed-comment .comment-more {
    justify-content: flex-end
}

.feed-comment .comment-more .btn-comment-first {
    color: var(--ncui-black045);
    margin-inline-start:12px}

.feed-comment .comment-more~.comment-form-write {
    margin-top: 17px
}

.feed-comment .comment-more+.comment-article-reply {
    margin-top: -4px;
    border: 0 none
}

.feed-comment .comment-recommend-list {
    border-bottom: 1px solid var(--ncui-gray008);
    padding-top: 11px
}

@media(min-width: 960px) {
    .feed-comment .comment-recommend-list {
        padding-top:3px
    }
}

.feed-comment .comment-recommend-list~.comment-order {
    margin-top: 20px
}

.feed-comment [class^=comment-article]:first-child {
    border-top: 0 none
}

.feed-comment [class^=comment-article] .comment-info .profile-image {
    width: 40px;
    height: 40px;
    top: -8px
}

html:not([dir=rtl]) .feed-comment [class^=comment-article] .comment-info .profile-image {
    left: -50px
}

[dir=rtl] .feed-comment [class^=comment-article] .comment-info .profile-image {
    right: -50px
}

@media(min-width: 600px) {
    .feed-comment [class^=comment-article]:not(.comment-article-none) {
        padding:25px 0 20px;
        padding-inline-start:50px}

    .feed-comment [class^=comment-article].comment-article-reply {
        padding-inline-start:74px}
}

.feed-comment .comment-body {
    min-height: 110px
}

.feed-comment .comment-body .comment-reply-wrap:not(:empty) {
    border-top: 1px solid var(--ncui-gray008)
}

@media(min-width: 600px) {
    .feed-comment .comment-body .comment-reply-wrap {
        margin-inline-start:50px
    }
}

.feed-comment .comment-body .comment-reply-wrap .comment-more {
    padding-top: 12px
}

.feed-comment .comment-body+.nc-community-loader {
    margin-top: -25px;
    padding: 0
}

body.page-search .wrap-contents {
    max-width: inherit
}

.nc-community-tag-search .nc-community-keyword {
    padding: 0 18px;
    color: var(--ncui-black093);
    background-color: var(--ncui-gray004)
}

@media(min-width: 960px) {
    .nc-community-tag-search .nc-community-keyword {
        margin:-55px -40px 0;
        padding: 0 40px
    }
}

.nc-community-tag-search .nc-community-keyword .max-width-container {
    padding: 21px 0
}

@media(min-width: 960px) {
    .nc-community-tag-search .nc-community-keyword .max-width-container {
        padding:25px 0
    }
}

.nc-community-tag-search .nc-community-keyword .tag-search-btn-prev {
    display: block;
    position: absolute;
    padding: 14px 0;
    margin-top: 3px;
    border: 0;
    white-space: nowrap;
    background: rgba(0,0,0,0)
}

.nc-community-tag-search .nc-community-keyword .tag-search-btn-prev .icon-arrow_left {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -14px;
    -webkit-mask-image: url("../img/icon/community-symbols.svg#arrow_prev");
    background-color: var(--ncui-black068)
}

@supports(mask-image: url("../img/icon/community-symbols.svg#arrow_prev")) {
    .nc-community-tag-search .nc-community-keyword .tag-search-btn-prev .icon-arrow_left {
        mask-image:url("../img/icon/community-symbols.svg#arrow_prev")
    }
}

@media(min-width: 960px) {
    .nc-community-tag-search .nc-community-keyword .tag-search-btn-prev .icon-arrow_left {
        margin-top:-13px
    }
}

[dir=rtl] .nc-community-tag-search .nc-community-keyword .tag-search-btn-prev .icon-arrow_left {
    transform: rotate(180deg)
}

.nc-community-tag-search .nc-community-keyword .tag-search-btn-prev span {
    display: none
}

.nc-community-tag-search .nc-community-keyword .tag-search-keyword {
    display: block;
    padding-left: 20px;
    padding-right: initial;
    font-size: 20px
}

[dir=rtl] .nc-community-tag-search .nc-community-keyword .tag-search-keyword {
    padding-left: initial
}

[dir=rtl] .nc-community-tag-search .nc-community-keyword .tag-search-keyword {
    padding-right: 20px
}

@media(min-width: 960px) {
    .nc-community-tag-search .nc-community-keyword .tag-search-keyword {
        font-size:26px
    }
}

.nc-community-tag-search .nc-community-keyword .tag-search-keyword .keyword {
    display: block;
    margin: auto;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.nc-community-tag-search .board-search-top.is-option {
    margin-bottom: 53px
}

@media(min-width: 960px) {
    .nc-community-tag-search .board-search-top.is-option {
        margin-bottom:0
    }
}

@media(min-width: 960px) {
    .nc-community-tag-search .uikit-nccommunity-node {
        margin-top:70px
    }
}

@media(min-width: 960px) {
    .nc-community-tag-search .board-search-top {
        border-top:5px solid var(--ncui-gray008)
    }
}

.nc-community-tag-search .board-article-container.list-type01,.nc-community-tag-search .board-article-container.list-type02 {
    border-top: 1px solid var(--ncui-gray008)
}

.nc-community-tag-search .board-article-container.list-type01 .board-items,.nc-community-tag-search .board-article-container.list-type02 .board-items {
    border-color: var(--ncui-gray008);
    border-radius: 0
}

.nc-community-tag-search .board-article-container.list-type02 .board-items {
    border-right: 0;
    border-left: 0
}

.nc-community-tag-search .board-article-container.list-type02 .board-items:first-child {
    border-top: 0
}

.nc-community-tag-search .board-article-container .wrap-community-more {
    margin-top: 0
}

.nc-community-tag-search .board-article-container .wrap-community-more .nc-comment-more {
    border-top: 0;
    border-radius: 0
}

.nc-community-tag-search .global-tag-search-item {
    padding: 50px 18px;
    text-align: left;
    border-top: 0 !important
}

.nc-community-tag-search .global-tag-search-item .empty-item-title {
    margin: 0;
    font-size: 18px;
    color: var(--ncui-black093)
}

.nc-community-tag-search .global-tag-search-item .empty-item-reason {
    margin-top: 20px
}

.nc-community-tag-search .global-tag-search-item .empty-item-reason li {
    margin-top: 4px;
    font-size: 14px;
    color: var(--ncui-black045);
    line-height: 1.5
}

.nc-community-tag-search .global-tag-search-item .empty-item-reason li::before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 2px;
    vertical-align: middle;
    margin: 0 5px 2px 0;
    background-color: var(--ncui-black045)
}

.nc-community-tag-search .board-article-container.list-type02 .empty-item {
    padding-bottom: 50px;
    border-left: 0;
    border-right: 0
}

.dark-mode .pagination-list li a {
    color: rgba(255,255,255,.38)
}

.dark-mode .pagination-list li.current {
    color: rgba(255,255,255,.83)
}

.dark-mode .pagination-list .prev a,.dark-mode .pagination-list .next a {
    border-color: rgba(255,255,255,.08)
}

.dark-mode .pagination-list .prev a:hover,.dark-mode .pagination-list .next a:hover {
    border-color: rgba(255,255,255,.38)
}

.dark-mode .pagination-list .prev a:before,.dark-mode .pagination-list .next a:before {
    border-color: rgba(255,255,255,.38)
}