@charset "utf-8";


.ui_button__T73Sj {
    width: 100%;
    height: 42px;
    font-size: 15px;
    line-height: 42px
}

.ui_basic__eVwxV {
    color: #fff;
    background-color: #231f20;
    border-radius: 8px
}

.ui_rounded__RAIuN {
    color: #fff;
    background-color: #231f20;
    border-radius: 19px
}

.ui_border__XaYdE {
    color: #363b41;
    border: 1px solid #231f201a;
    border-radius: 8px
}

.ui_primary__JhjFU {
    color: #fff;
    background-color: #ff024a;
    border-radius: 24px
}

.ui_primaryBorder__i1TQD {
    color: #ff024a;
    border: 1px solid #ff024a;
    border-radius: 8px
}

.ui_disabled__ixrNs {
    color: #999;
    border: 1px solid #0000001a;
    border-radius: 8px;
    background-color: #f9f9fc;
    cursor: default
}

.ui_confirm__yB4Fk {
    color: #fff;
    border-radius: 8px;
    background-color: #231f20
}

.ui_action__IhFo4,
.ui_confirm__yB4Fk {
    flex: 1;
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer
}

.ui_action__IhFo4 {
    color: #363b41;
    border: 1px solid #231f201a;
    border-radius: 8px;
    background-color: #fff;
    margin-right: 16px
}

.Dialog_dialogWrap__7d8GF {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .2);
    z-index: 10000
}

.Dialog_dialogContainer__guBAz {
    width: 100%;
    min-width: 280px;
    max-width: 320px;
    padding: 0 24px 24px;
    background-color: #fff;
    border-radius: 16px
}

.Dialog_dialogHeader__0exYv {
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0
}

.Dialog_logo__b1MWv {
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
    height: 16px
}

.Dialog_headerTitle__iawyG {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000
}

.Dialog_dialogBody__yJuVd {
    padding: 8px 0 0
}

.Dialog_bodyText__9ZHlt {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #363b41
}

.Dialog_dialogFooter__ZP8Ik {
    padding: 24px 0 0
}

.Dialog_dialogBtns__MfOgd {
    display: flex;
    justify-content: space-between
}

.Dialog_btnClose__BndNd {
    width: 20px;
    height: 20px;
    background-image: url(/icon/ico_close.svg);
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: -4px;
    cursor: pointer
}

.Dialog_fanListModal__FPWcl .Dialog_dialogContainer__guBAz {
    max-width: 480px;
    min-width: 0;
    padding: 0 0 24px
}

.Dialog_fanListModal__FPWcl .Dialog_dialogHeader__0exYv {
    padding: 0 24px;
    margin-bottom: 8px
}

.Dialog_fanListModal__FPWcl .Dialog_fanList__28mgr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 520px
}

.Dialog_fanListItem__4h8Zo {
    display: flex;
    align-items: center;
    padding: 0 24px
}

.Dialog_fanListItem__4h8Zo:nth-child(n+11) {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.Dialog_rankNum__BvbjJ {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-right: 8px;
    width: 20px;
    text-align: center
}

.Dialog_rank1__gA7gg,
.Dialog_rank2__D36i6,
.Dialog_rank3__9R6xv {
    color: #ff024a
}

.Dialog_fanListEmpty__F_BhN {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    padding: 32px 0
}

@media screen and (max-width: 763px) {
    .Dialog_fanListModal__FPWcl .Dialog_dialogContainer__guBAz {
        max-width: 100% !important;
        height: 100%;
        border-radius: 0;
        overflow: hidden;
        padding: 0
    }

    .Dialog_fanListModal__FPWcl .Dialog_fanList__28mgr {
        display: block;
        height: calc(100% - 72px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 24px
    }

    .Dialog_fanListItem__4h8Zo:nth-child(n+11) {
        border: 0
    }

    .Dialog_fanListEmpty__F_BhN {
        height: calc(100% - 72px);
        padding: 0
    }
}

.cs_pointer__8Mhg6 {
    cursor: pointer
}

.cs_skeletonWrap__FjTW9 {
    margin: 72px 0 0;
    height: 300px;
    position: relative
}

.cs_resContainer__o7_f2 {
    max-width: 1128px;
    margin: 0 auto;
    padding: 0 24px
}

.cs_csTitle__f130c {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    color: #363b41
}

.cs_csTitle__f130c span {
    margin-left: 8px
}

.cs_csTitle__f130c img {
    height: 24px
}

.cs_boardHeader__4wRfn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 74px;
    margin-top: 24px
}

.cs_total__nlqKG {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #000
}

.cs_total__nlqKG strong {
    font-weight: 700;
    color: #ff024a
}

.cs_form__8uG7d {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 312px;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 0 0 16px;
    background-color: #fff;
    border: 1px solid #ebecef;
    border-radius: 8px
}

.cs_form__8uG7d .cs_textInput__clt6w {
    flex: 1
}

.cs_form__8uG7d .cs_textInput__clt6w input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 8px;
    border: 0;
    outline: none;
    background-color: transparent
}

.cs_form__8uG7d button {
    width: 52px;
    height: 100%;
    margin: 0;
    padding: 0;
    outline: none;
    background-image: url(/icon/ico_search.svg);
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1000em
}

.cs_tabList__RdH6M {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: flex
}

.cs_tab__rgFtH {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 12px;
    margin: 0 32px 0 0;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    color: #000
}

.cs_activeTab__mk_rJ {
    color: #ff024a;
    font-weight: 700
}

.cs_activeTab__mk_rJ:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ff024a;
    content: ""
}

.cs_bedge__OVrYm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    margin-top: 5px;
    margin-right: 8px;
    background-color: #03c75a;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap
}

.cs_bedge__OVrYm.cs_round__elZyc {
    background-color: #fff;
    border: 1px solid #03c75a;
    color: #03c75a
}

.cs_bedge__OVrYm.cs_dark__zHo5p {
    background-color: #4c4c4c
}

.cs_boardList__Bg4j_ {
    padding: 0;
    border-top: 2px solid #4c4c4c
}

.cs_boardListItem__WSS7w {
    padding: 24px 0;
    border-bottom: 1px solid #00000014
}

.cs_header__4FXol {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.cs_title__RAFlQ {
    flex: 1;
    margin: 0 8px 0 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    cursor: pointer;
    overflow: hidden
}

.cs_description__B4e2G {
    margin: 16px 0 0;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.cs_accordDescription__6EsJg,
.cs_description__B4e2G {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.cs_accordDescription__6EsJg {
    margin: 0
}

.cs_descriptionBox__MOqN7 {
    display: flex;
    max-height: 300px;
    padding: 24px 16px;
    overflow: hidden
}

.cs_faqImg___rgJq {
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s
}

.cs_faqImg___rgJq.cs_active__eIlCf {
    transform: rotate(0deg)
}

.cs_accordion__o8M3T {
    margin: 0;
    background-color: #f9f9fc;
    overflow: hidden
}

.cs_accordion__o8M3T.cs_hidden__mee9z {
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .35s
}

.cs_accordion__o8M3T.cs_active__eIlCf {
    min-height: 50px;
    max-height: 300px;
    transition: all .35s
}

.cs_question__eqfhn {
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all
}

.cs_questionImg__YpVCE {
    display: block;
    margin-top: 24px
}

.cs_questionImg__YpVCE img {
    max-height: 400px
}

.cs_answer__6qlqR {
    display: flex;
    flex-direction: row;
    height: 0;
    padding: 0 16px;
    background-color: #f9f9fc;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    overflow: hidden;
    position: relative;
    transition: all .1s ease-in-out
}

.cs_answer__6qlqR:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .05);
    content: ""
}

.cs_answer__6qlqR.cs_show__q2_nZ {
    height: auto;
    padding: 24px 16px
}

.cs_answer__6qlqR .cs_bedge__OVrYm {
    margin-top: 2px
}

.cs_button__B8kQx {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin: 0;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    border-radius: 21px
}

.cs_btnDark__Tdn6h {
    background-color: #231f20
}

.cs_btnWrite__sxfBX {
    width: 100%;
    margin-top: 24px;
    border-radius: 8px;
    display: none
}

.cs_boardDetail__pXZoy {
    border-top: 2px solid #000
}

.cs_detailContents__dC0tE,
.cs_detailHeader__6AGcx {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cs_detailContents__dC0tE * {
    word-wrap: break-word
}

.cs_detailFooter__IzHJ1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    margin-top: 24px
}

.cs_listLinks__LFcOZ {
    display: flex
}

.cs_listLinks__LFcOZ .cs_bedge__OVrYm {
    margin-top: 0
}

.cs_listLink__5_CPV {
    margin-right: 24px
}

.cs_linkLabel__ODN_c {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs_link__evKgU {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 24px;
    background-color: #fff;
    border: 1px solid #0000001a;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    white-space: nowrap
}

.cs_kebabIcon__f2JK9 {
    position: relative;
    width: 28px;
    height: 28px;
    background: url(/icon/ico_more.svg) no-repeat 100%;
    background-position: 50%
}

.cs_kebabIcon__f2JK9:hover {
    cursor: pointer
}

.cs_kebabLayer__eYsma {
    position: absolute;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 3px 5px #0000001a;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3;
    border-radius: 8px;
    margin-right: 16px;
    padding: 16px 0 20px
}

.cs_kebabItem__S29wP {
    width: 140px;
    padding: 0 0 0 20px;
    height: 40px;
    text-align: left;
    color: #000;
    font-size: 15px
}

.cs_kebabItem__S29wP:hover {
    background-color: #f9f9fc
}

s.cs_empty__PvdEb {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 32px 0
}

.cs_tabCategory__09S_f {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden
}

.cs_categoryItem__jSSTP {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #f9f9fc;
    border-left: 1px solid rgba(0, 0, 0, .1);
    font-size: 15px;
    font-weight: 300;
    color: #999
}

.cs_categoryItem__jSSTP:first-child {
    border-left: 0
}

.cs_categoryActive__ZFtBd {
    background: #fff;
    font-weight: 400;
    color: #000
}

.cs_faqCategory__klpnB .cs_categoryItem__jSSTP {
    width: 20%
}

.cs_qnaCategory__K9_W8 .cs_categoryItem__jSSTP {
    width: 50%
}

.cs_categorySelect__L_9S3 {
    margin: 0
}

.cs_selectTitle__B7HDO {
    display: none
}

.cs_guideWrap__TONIQ figure {
    margin: 0;
    padding: 0
}

.cs_guideSummary__UVbI1 {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #000;
    margin: 32px 0 24px
}

.cs_guideWrap__TONIQ {
    background-color: #333;
    border-radius: 16px;
    overflow: hidden
}

.cs_guideWrap__TONIQ .cs_guideImage__9ARhV,
.cs_guideWrap__TONIQ .cs_guideImage__9ARhV img {
    vertical-align: top
}

.cs_guideWrap__TONIQ .cs_guideImage__9ARhV.cs_mobileImage__B79Do img {
    max-width: 320px;
    margin: 0 auto
}

.cs_guideList__QGJb9 {
    display: flex;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.cs_guideList__QGJb9 h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000
}

.cs_guideList__QGJb9 ol {
    flex: 1;
    margin-left: 40px;
    padding-left: 20px
}

.cs_guideList__QGJb9 ol li {
    list-style: decimal;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #999;
    margin-top: 4px
}

.cs_guideList__QGJb9 ol li:first-child {
    margin-top: 0
}

.cs_boardHtml__Ai3Ff {
    overflow: hidden
}

.cs_boardHtml__Ai3Ff * {
    word-wrap: break-word
}

.cs_boardHtml__Ai3Ff table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0
}

.cs_boardHtml__Ai3Ff iframe {
    width: 100% !important
}

@media screen and (max-width: 768px) {
    .cs_resContainer__o7_f2 {
        padding: 0
    }

    .cs_tabListWrap__5OKj1 {
        overflow: hidden;
        position: relative;
        margin: 0 -16px
    }

    .cs_tabListWrap__5OKj1:after,
    .cs_tabListWrap__5OKj1:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 1px;
        width: 16px;
        z-index: 1;
        content: ""
    }

    .cs_tabListWrap__5OKj1:before {
        left: 0;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .8), #fff, #fff)
    }

    .cs_tabListWrap__5OKj1:after {
        right: 0;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .8), #fff, #fff)
    }

    .cs_tabList__RdH6M {
        padding: 16px 0 0;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .cs_tabList__RdH6M::-webkit-scrollbar {
        display: none
    }

    .cs_tab__rgFtH {
        margin: 0;
        padding: 0 16px 12px
    }

    .cs_activeTab__mk_rJ:after {
        left: 16px;
        right: 16px
    }

    .cs_overflowX__Kxz9v {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .cs_overflowX__Kxz9v::-webkit-scrollbar {
        display: none
    }

    .cs_detailFooter__IzHJ1 {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        margin: 0
    }

    .cs_link__evKgU {
        width: 100%;
        margin-top: 40px
    }

    .cs_listLinks__LFcOZ {
        flex-direction: column;
        width: 100%;
        padding: 24px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .cs_listLinks__LFcOZ .cs_listLink__5_CPV:first-child {
        margin-bottom: 8px
    }

    .cs_listLink__5_CPV {
        display: flex;
        flex-direction: row
    }

    .cs_linkLabel__ODN_c {
        flex: 1;
        min-width: 1px
    }

    .cs_btnWrite__sxfBX {
        display: block
    }
}

@media screen and (max-width: 680px) {
    .cs_boardHeader__4wRfn {
        margin: 0
    }

    .cs_total__nlqKG.cs_hideTotal__n4sv1 {
        display: none
    }

    .cs_form__8uG7d {
        max-width: none
    }

    .cs_categorySelect__L_9S3 {
        position: relative;
        display: block;
        height: 42px;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, .1);
        margin-top: 24px
    }

    .cs_selectTitle__B7HDO {
        display: flex;
        width: 100%;
        height: 42px;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px 0 24px;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        position: relative
    }

    .cs_categorySelect__L_9S3 .cs_tabCategory__09S_f {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 1;
        flex-direction: column;
        width: 100%;
        margin: 0
    }

    .cs_categorySelect__L_9S3 .cs_tabCategory__09S_f.cs_active__eIlCf {
        display: block
    }

    .cs_categorySelect__L_9S3 .cs_tabCategory__09S_f .cs_categoryItem__jSSTP {
        width: 100%;
        border: 0
    }

    .cs_guideList__QGJb9 {
        flex-direction: column
    }

    .cs_guideList__QGJb9 ol {
        padding: 0 0 0 14px;
        margin: 0
    }
}

.cs_service-header__BjJ9I {
    padding-bottom: 100px
}

.cs_service-title__1ZiLN {
    margin-top: 28px;
    margin-bottom: 19px;
    font-size: 24px;
    font-weight: 500;
    line-height: normal
}

.cs_service-banner__hRoTZ {
    display: block;
    width: 100%;
    background: #eee
}

.cs_service-banner__hRoTZ > img {
    width: 100%
}

.cs_service-tab__qzLnW {
    margin-top: 40px;
    margin-bottom: 25px;
    width: 100%;
    height: 41px;
    display: flex;
    text-align: center;
    padding: 0
}

.cs_service-tab__qzLnW div {
    width: 33%;
    line-height: 41px;
    background: #eee;
    border-bottom: 1px solid #000
}

.cs_service-tab__qzLnW .cs_active-tab__k01hm {
    background: #fff;
    border: 1px solid #000;
    border-bottom: 0;
    font-weight: 500
}

.cs_service-qusetion-list__EpFuq .cs_write-btn__7gRQG {
    width: 100%;
    margin: 0 auto;
    text-align: right
}

#cs___next__DDZ0q .cs_service-qusetion-list__EpFuq .cs_write-btn__7gRQG button {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    font-weight: 500;
    font-size: 14px
}

.cs_service-qusetion-list__EpFuq .cs_table-con__UMnND {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #bbb;
    margin: 15px auto 0
}

.cs_service-qusetion-list__EpFuq .cs_table-header__De71p {
    display: flex;
    width: 100%
}

.cs_service-qusetion-list__EpFuq .cs_table-header__De71p .cs_table-title__u8j_d {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 17px 10px
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW {
    display: table;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW .cs_table-body__zlfSC {
    padding: 17px 0;
    vertical-align: middle;
    display: table-cell
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW .cs_tb-title__5iPfs {
    text-align: left;
    padding-left: 20px;
    padding-right: 30px
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW .cs_tb-rows__pooJ_ {
    width: 100%;
    display: table
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW .cs_tb-answer__0njF4 {
    display: table;
    text-align: left;
    padding: 18px 25% 18px 18%;
    width: 100%;
    background: #eee
}

.cs_service-qusetion-list__EpFuq .cs_table-bodyer__CdSYW .cs_tb-answer__0njF4 span {
    text-align: left;
    padding-left: 20px;
    width: 100%
}

.cs_none-table__Dh4nQ {
    height: 120px;
    line-height: 120px
}

.cs_service-qusetion-list__EpFuq .cs_tb-no__WVloZ {
    width: 8%
}

.cs_service-qusetion-list__EpFuq .cs_tb-type__GT9pY {
    width: 10%
}

.cs_service-qusetion-list__EpFuq .cs_tb-title__5iPfs {
    width: 57%
}

.cs_service-qusetion-list__EpFuq .cs_tb-date__sIrC5 {
    width: 15%
}

.cs_service-qusetion-list__EpFuq .cs_tb-complete__pmMQu {
    width: 10%
}

.cs_signature-wrap__5aKJy {
    padding: 48px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -8px;
    overflow: hidden
}

.cs_signature-box__aaI_r {
    width: 20%
}

.cs_signature-box-inner__Btl5P {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border: 1px solid #dcdcdc;
    margin: 8px
}

.cs_signature-box-image__3LvQn {
    width: 100%;
    max-width: 180px
}

.cs_signature-box-text__lKTUf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: 8px;
    color: #333;
    font-size: 14px;
    line-height: 16px
}

.cs_signature-box-text__lKTUf:before {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/icon/icon_flex.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 12px 12px;
    content: ""
}

.cs_signature-empty__vNx7h {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 200px;
    font-size: 14px;
    color: #333;
    background-color: #f8f8f8
}

.cs_search-box__0nlV3 {
    display: inline-flex;
    position: absolute;
    right: 0
}

@media screen and (max-width: 1366px) {
    .cs_service-title__1ZiLN {
        font-size: 16px;
        margin: 0;
        padding: 16px
    }

    .cs_search-box__0nlV3 .cs_ui__0dwFe.cs_input__3e4u3 {
        margin: 0 !important
    }

    .cs_search-box__0nlV3 button {
        display: none
    }
}

@media screen and (max-width: 911px) {
    .cs_form__8uG7d .cs_textInput__clt6w input::-webkit-search-cancel-button {
        width: 10px;
        height: 10px;
        padding: 3px;
        margin-left: 10px;
        border-radius: 50%;
        background: #00000014 url(/icon/ico_close.svg) no-repeat 50%;
        background-size: 75%;
        cursor: pointer
    }

    .cs_service-banner-notice__51pNT,
    .cs_service-tab__qzLnW {
        width: 100%
    }

    .cs_service-tab__qzLnW {
        margin-top: 0;
        margin-bottom: 13px;
        background-color: #f7f7f7
    }

    .cs_signature-box__aaI_r {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .cs_signature-box__aaI_r {
        width: 50%
    }
}

.Link_fluid__Mogk3 {
    display: block;
    width: 100%
}

.Link_pull-content-box__FNxPn {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.Link_pull-box__bV6v_ {
    width: 100%;
    height: 70px;
    line-height: 30px;
    position: relative
}

.Link_pull-box__bV6v_ > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 1.4;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    background-color: #eee
}

.Link_pull-box__bV6v_ > div > strong {
    display: block;
    font-weight: 700
}

.Link_pull-box__bV6v_ > div.Link_select__ZlwsS {
    border-color: #ed7272;
    color: #fff;
    background-color: #ed7272
}


.author_author__EL1LX {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px
}

.author_thumb__9IVrg {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 4px #0000004d
}

.author_thumb__9IVrg:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 18px;
    content: ""
}

.author_thumb__9IVrg img {
    width: 36px;
    height: 36px;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.author_info__AjBsX {
    padding-left: 8px
}

.author_info__AjBsX span {
    display: block
}

.author_name__XosfI {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.author_date__DYWpF {
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    color: #999
}

.kebab_kebabIcon__uTC5R {
    position: relative;
    width: 28px;
    height: 28px;
    background: url(/icon/ico_more.svg) no-repeat 100%;
    background-position: 50%
}

.kebab_kebabIcon__uTC5R:hover {
    cursor: pointer
}

.kebab_kebabLayer__ZLx4f {
    position: absolute;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 3px 5px #0000001a;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3;
    border-radius: 8px;
    margin-right: 16px;
    padding: 16px 0 20px
}

.kebab_kebabItem__1sxuC {
    width: 140px;
    padding: 0 0 0 20px;
    height: 40px;
    text-align: left;
    color: #000;
    font-size: 15px
}

.kebab_kebabItem__1sxuC:hover {
    background-color: #f9f9fc
}

.cs_pointer__PIooG {
    cursor: pointer
}

.cs_skeletonWrap__pA44G {
    margin: 72px 0 0;
    height: 300px;
    position: relative
}

.cs_resContainer__rNjLM {
    max-width: 1128px;
    margin: 0 auto;
    padding: 0 24px
}

.cs_csTitle__u7jri {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    color: #363b41
}

.cs_csTitle__u7jri span {
    margin-left: 8px
}

.cs_csTitle__u7jri img {
    height: 24px
}

.cs_boardHeader__vZOJk {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 74px;
    margin-top: 24px
}

.cs_total___IWkW {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #000
}

.cs_total___IWkW strong {
    font-weight: 700;
    color: #ff024a
}

.cs_form__UW96T {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 312px;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 0 0 16px;
    background-color: #fff;
    border: 1px solid #ebecef;
    border-radius: 8px
}

.cs_form__UW96T .cs_textInput__xSmQD {
    flex: 1
}

.cs_form__UW96T .cs_textInput__xSmQD input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 8px;
    border: 0;
    outline: none;
    background-color: transparent
}

.cs_form__UW96T button {
    width: 52px;
    height: 100%;
    margin: 0;
    padding: 0;
    outline: none;
    background-image: url(/icon/ico_search.svg);
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1000em
}

.cs_tabList__bYQ5c {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: flex
}

.cs_tab__ONnu4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 12px;
    margin: 0 32px 0 0;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    color: #000
}

.cs_activeTab__ZfuF5 {
    color: #ff024a;
    font-weight: 700
}

.cs_activeTab__ZfuF5:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ff024a;
    content: ""
}

.cs_bedge__3SzKS {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    margin-top: 5px;
    margin-right: 8px;
    background-color: #03c75a;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap
}

.cs_bedge__3SzKS.cs_round__Aw_2u {
    background-color: #fff;
    border: 1px solid #03c75a;
    color: #03c75a
}

.cs_bedge__3SzKS.cs_dark___Rb7L {
    background-color: #4c4c4c
}

.cs_boardList__QP9X6 {
    padding: 0;
    border-top: 2px solid #4c4c4c
}

.cs_boardListItem__X4xn4 {
    padding: 24px 0;
    border-bottom: 1px solid #00000014
}

.cs_header__6mMcG {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.cs_title__klQrj {
    flex: 1;
    margin: 0 20px 0 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    cursor: pointer;
    overflow: hidden
}

.cs_description__P6Kyv {
    margin: 16px 0 0;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.cs_accordDescription__fBKQU,
.cs_description__P6Kyv {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.cs_accordDescription__fBKQU {
    margin: 0
}

.cs_descriptionBox__cvrd8 {
    display: flex;
    max-height: 300px;
    padding: 24px 16px;
    overflow: hidden
}

.cs_faqImg__CRtuQ {
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s
}

.cs_faqImg__CRtuQ.cs_active__qkigK {
    transform: rotate(0deg)
}

.cs_accordion__lF6GH {
    margin: 0;
    background-color: #f9f9fc;
    overflow: hidden
}

.cs_accordion__lF6GH.cs_hidden__BRMzy {
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .35s
}

.cs_accordion__lF6GH.cs_active__qkigK {
    min-height: 50px;
    max-height: 300px;
    transition: all .35s
}

.cs_question__C1ngB {
    margin: 16px 0 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all
}

.cs_questionImg__LkWCI {
    display: block;
    margin-top: 24px
}

.cs_questionImg__LkWCI img {
    max-height: 400px
}

.cs_answer__8MCZ_ {
    display: flex;
    flex-direction: row;
    height: 0;
    padding: 0 16px;
    background-color: #f9f9fc;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    overflow: hidden;
    position: relative;
    transition: all .1s ease-in-out
}

.cs_answer__8MCZ_:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .05);
    content: ""
}

.cs_answer__8MCZ_.cs_show__lYuCt {
    height: auto;
    padding: 24px 16px
}

.cs_answer__8MCZ_ .cs_bedge__3SzKS {
    margin-top: 2px
}

.cs_button__tKW4_ {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin: 0;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    border-radius: 21px
}

.cs_btnDark__gSUve {
    background-color: #231f20
}

.cs_btnWrite__gaXV6 {
    width: 100%;
    margin-top: 24px;
    border-radius: 8px;
    display: none
}

.cs_boardDetail__cfQqx {
    border-top: 2px solid #000
}

.cs_detailContents__Pv6FR,
.cs_detailHeader__IPxdr {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cs_detailContents__Pv6FR * {
    word-wrap: break-word
}

.cs_detailFooter__WcDWG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    margin-top: 24px
}

.cs_listLinks__pU2Kd {
    display: flex
}

.cs_listLinks__pU2Kd .cs_bedge__3SzKS {
    margin-top: 0
}

.cs_listLink__Ex7i_ {
    margin-right: 24px
}

.cs_linkLabel__3yqL_ {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #888;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs_link__SEqSc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 24px;
    background-color: #fff;
    border: 1px solid #0000001a;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    white-space: nowrap
}

.cs_kebabIcon__HuVIO {
    position: relative;
    width: 28px;
    height: 28px;
    background: url(/icon/ico_more.svg) no-repeat 100%;
    background-position: 50%
}

.cs_kebabIcon__HuVIO:hover {
    cursor: pointer
}

.cs_kebabLayer__W8Ov5 {
    position: absolute;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 3px 5px #0000001a;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3;
    border-radius: 8px;
    margin-right: 16px;
    padding: 16px 0 20px
}

.cs_kebabItem__2jKOp {
    width: 140px;
    padding: 0 0 0 20px;
    height: 40px;
    text-align: left;
    color: #000;
    font-size: 15px
}

.cs_kebabItem__2jKOp:hover {
    background-color: #f9f9fc
}

s.cs_empty__EYeex {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 32px 0
}

.cs_tabCategory__9_VHp {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden
}

.cs_categoryItem__cuVF2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #f9f9fc;
    border-left: 1px solid rgba(0, 0, 0, .1);
    font-size: 15px;
    font-weight: 300;
    color: #999
}

.cs_categoryItem__cuVF2:first-child {
    border-left: 0
}

.cs_categoryActive__WkM9W {
    background: #fff;
    font-weight: 400;
    color: #000
}

.cs_faqCategory__cd0y2 .cs_categoryItem__cuVF2 {
    width: 20%
}

.cs_qnaCategory__SuLz3 .cs_categoryItem__cuVF2 {
    width: 50%
}

.cs_categorySelect__xnZBn {
    margin: 0
}

.cs_selectTitle___JQnZ {
    display: none
}

.cs_guideWrap__eqYOp figure {
    margin: 0;
    padding: 0
}

.cs_guideSummary__kKlp_ {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #000;
    margin: 32px 0 24px
}

.cs_guideWrap__eqYOp {
    background-color: #333;
    border-radius: 16px;
    overflow: hidden
}

.cs_guideWrap__eqYOp .cs_guideImage__wGvyx,
.cs_guideWrap__eqYOp .cs_guideImage__wGvyx img {
    vertical-align: top
}

.cs_guideWrap__eqYOp .cs_guideImage__wGvyx.cs_mobileImage__dq_VX img {
    max-width: 320px;
    margin: 0 auto
}

.cs_guideList__cYUbU {
    display: flex;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.cs_guideList__cYUbU h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000
}

.cs_guideList__cYUbU ol {
    flex: 1;
    margin-left: 40px;
    padding-left: 20px
}

.cs_guideList__cYUbU ol li {
    list-style: decimal;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #999;
    margin-top: 4px
}

.cs_guideList__cYUbU ol li:first-child {
    margin-top: 0
}

.cs_boardHtml__uB4eu {
    overflow: hidden
}

.cs_boardHtml__uB4eu * {
    word-wrap: break-word
}

.cs_boardHtml__uB4eu table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0
}

.cs_boardHtml__uB4eu iframe {
    width: 100% !important
}

@media screen and (max-width: 768px) {
    .cs_resContainer__rNjLM {
        padding: 0
    }

    .cs_tabListWrap__DMumw {
        overflow: hidden;
        position: relative;
        margin: 0 -16px
    }

    .cs_tabListWrap__DMumw:after,
    .cs_tabListWrap__DMumw:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 1px;
        width: 16px;
        z-index: 1;
        content: ""
    }

    .cs_tabListWrap__DMumw:before {
        left: 0;
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .8), #fff, #fff)
    }

    .cs_tabListWrap__DMumw:after {
        right: 0;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .8), #fff, #fff)
    }

    .cs_tabList__bYQ5c {
        padding: 16px 0 0;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .cs_tabList__bYQ5c::-webkit-scrollbar {
        display: none
    }

    .cs_tab__ONnu4 {
        margin: 0;
        padding: 0 16px 12px
    }

    .cs_activeTab__ZfuF5:after {
        left: 16px;
        right: 16px
    }

    .cs_overflowX__Tu_Mt {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .cs_overflowX__Tu_Mt::-webkit-scrollbar {
        display: none
    }

    .cs_detailFooter__WcDWG {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        margin: 0
    }

    .cs_link__SEqSc {
        width: 100%;
        margin-top: 40px
    }

    .cs_listLinks__pU2Kd {
        flex-direction: column;
        width: 100%;
        padding: 24px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .cs_listLinks__pU2Kd .cs_listLink__Ex7i_:first-child {
        margin-bottom: 8px
    }

    .cs_listLink__Ex7i_ {
        display: flex;
        flex-direction: row
    }

    .cs_linkLabel__3yqL_ {
        flex: 1;
        min-width: 1px
    }

    .cs_btnWrite__gaXV6 {
        display: block
    }
}

@media screen and (max-width: 680px) {
    .cs_boardHeader__vZOJk {
        margin: 0
    }

    .cs_total___IWkW.cs_hideTotal__YdZGY {
        display: none
    }

    .cs_form__UW96T {
        max-width: none
    }

    .cs_categorySelect__xnZBn {
        position: relative;
        display: block;
        height: 42px;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, .1);
        margin-top: 24px
    }

    .cs_selectTitle___JQnZ {
        display: flex;
        width: 100%;
        height: 42px;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px 0 24px;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        position: relative
    }

    .cs_categorySelect__xnZBn .cs_tabCategory__9_VHp {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 1;
        flex-direction: column;
        width: 100%;
        margin: 0
    }

    .cs_categorySelect__xnZBn .cs_tabCategory__9_VHp.cs_active__qkigK {
        display: block
    }

    .cs_categorySelect__xnZBn .cs_tabCategory__9_VHp .cs_categoryItem__cuVF2 {
        width: 100%;
        border: 0
    }

    .cs_guideList__cYUbU {
        flex-direction: column
    }

    .cs_guideList__cYUbU ol {
        padding: 0 0 0 14px;
        margin: 0
    }
}

.cs_service-header__ksN0l {
    padding-bottom: 100px
}

.cs_service-title__jw2xv {
    margin-top: 28px;
    margin-bottom: 19px;
    font-size: 24px;
    font-weight: 500;
    line-height: normal
}

.cs_service-banner__SLYk1 {
    display: block;
    width: 100%;
    background: #eee
}

.cs_service-banner__SLYk1 > img {
    width: 100%
}

.cs_service-tab__hDwAd {
    margin-top: 40px;
    margin-bottom: 25px;
    width: 100%;
    height: 41px;
    display: flex;
    text-align: center;
    padding: 0
}

.cs_service-tab__hDwAd div {
    width: 33%;
    line-height: 41px;
    background: #eee;
    border-bottom: 1px solid #000
}

.cs_service-tab__hDwAd .cs_active-tab__jl8pj {
    background: #fff;
    border: 1px solid #000;
    border-bottom: 0;
    font-weight: 500
}

.cs_service-qusetion-list__Q5Sx5 .cs_write-btn__MfNdc {
    width: 100%;
    margin: 0 auto;
    text-align: right
}

#cs___next__j1Njq .cs_service-qusetion-list__Q5Sx5 .cs_write-btn__MfNdc button {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    font-weight: 500;
    font-size: 14px
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-con__0UoH8 {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #bbb;
    margin: 15px auto 0
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-header__WErbp {
    display: flex;
    width: 100%
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-header__WErbp .cs_table-title__XECB2 {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 17px 10px
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C {
    display: table;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C .cs_table-body__HOSsh {
    padding: 17px 0;
    vertical-align: middle;
    display: table-cell
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C .cs_tb-title__Lq3nu {
    text-align: left;
    padding-left: 20px;
    padding-right: 30px
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C .cs_tb-rows__KNY6g {
    width: 100%;
    display: table
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C .cs_tb-answer__2lv9r {
    display: table;
    text-align: left;
    padding: 18px 25% 18px 18%;
    width: 100%;
    background: #eee
}

.cs_service-qusetion-list__Q5Sx5 .cs_table-bodyer__trT1C .cs_tb-answer__2lv9r span {
    text-align: left;
    padding-left: 20px;
    width: 100%
}

.cs_none-table__K7bBL {
    height: 120px;
    line-height: 120px
}

.cs_service-qusetion-list__Q5Sx5 .cs_tb-no__71tAy {
    width: 8%
}

.cs_service-qusetion-list__Q5Sx5 .cs_tb-type__bqYWy {
    width: 10%
}

.cs_service-qusetion-list__Q5Sx5 .cs_tb-title__Lq3nu {
    width: 57%
}

.cs_service-qusetion-list__Q5Sx5 .cs_tb-date__5XuM_ {
    width: 15%
}

.cs_service-qusetion-list__Q5Sx5 .cs_tb-complete__RRy6M {
    width: 10%
}

.cs_signature-wrap___wB_q {
    padding: 48px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -8px;
    overflow: hidden
}

.cs_signature-box__4v6TK {
    width: 20%
}

.cs_signature-box-inner__aSmuM {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border: 1px solid #dcdcdc;
    margin: 8px
}

.cs_signature-box-image___lWqc {
    width: 100%;
    max-width: 180px
}

.cs_signature-box-text__rTYeg {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: 8px;
    color: #333;
    font-size: 14px;
    line-height: 16px
}

.cs_signature-box-text__rTYeg:before {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/icon/icon_flex.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 12px 12px;
    content: ""
}

.cs_signature-empty__q4nUF {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 200px;
    font-size: 14px;
    color: #333;
    background-color: #f8f8f8
}

.cs_search-box__PXL4O {
    display: inline-flex;
    position: absolute;
    right: 0
}

@media screen and (max-width: 1366px) {
    .cs_service-title__jw2xv {
        font-size: 16px;
        margin: 0;
        padding: 16px
    }

    .cs_search-box__PXL4O .cs_ui__kkOnA.cs_input__J6Cvn {
        margin: 0 !important
    }

    .cs_search-box__PXL4O button {
        display: none
    }
}

@media screen and (max-width: 911px) {
    .cs_form__UW96T .cs_textInput__xSmQD input::-webkit-search-cancel-button {
        width: 10px;
        height: 10px;
        padding: 3px;
        margin-left: 10px;
        border-radius: 50%;
        background: #00000014 url(/icon/ico_close.svg) no-repeat 50%;
        background-size: 75%;
        cursor: pointer
    }

    .cs_service-banner-notice__nr4_B,
    .cs_service-tab__hDwAd {
        width: 100%
    }

    .cs_service-tab__hDwAd {
        margin-top: 0;
        margin-bottom: 13px;
        background-color: #f7f7f7
    }

    .cs_signature-box__4v6TK {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .cs_signature-box__4v6TK {
        width: 50%
    }
}

.AnimatedMarquee_font00__A4Na8 {
    font-family: Do Hyeon, sans-serif
}

.AnimatedMarquee_font01__2MaSc {
    font-family: Black Han Sans, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font10__hXVEU {
    font-family: Godo, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font11__iFktq {
    font-family: Recipekorea, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font16__W_kMn {
    font-family: yg-jalnan, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font18__BJfzB {
    font-family: BMDOHYEON, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font22__WE6Vi {
    font-family: Jal_Onuel, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font28___WjDU {
    font-family: CookieRun-Regular, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font38__pwfyj {
    font-family: SDKukdetopokki-Lt, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font39__zjwvP {
    font-family: TTCrownMychewR, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font40__hhLiJ {
    font-family: SBAggroB, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font41__wqd55 {
    font-family: BMEuljiro10yearslater, sans-serif;
    color: #000
}

.AnimatedMarquee_marqueeWrap__RJjSD {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #000
}

.AnimatedMarquee_marqueeContainer__kWvj6 {
    display: flex;
    flex-direction: row;
    height: 60px;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    background: transparent
}

.AnimatedMarquee_char01__LkFm0 {
    width: 110px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char01.webp)
}

.AnimatedMarquee_char01__LkFm0,
.AnimatedMarquee_char02__1Aaay {
    height: 60px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char02__1Aaay {
    width: 150px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char02.webp)
}

.AnimatedMarquee_char03__61Dyf {
    width: 110px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char03.webp)
}

.AnimatedMarquee_char03__61Dyf,
.AnimatedMarquee_char04__ykQ7Z {
    height: 60px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char04__ykQ7Z {
    width: 150px;
    background-image: url(https://static.flextv.co.kr/20230913/_bb6b9ef016.webp)
}

.AnimatedMarquee_char05__OsXIY {
    width: 110px;
    height: 60px;
    overflow: hidden;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char05.webp);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char06__PZrRA {
    background-image: url(https://static.flextv.co.kr/20231205/christmas_30cc4931d5.webp)
}

.AnimatedMarquee_char06__PZrRA,
.AnimatedMarquee_char07__uJw4V {
    width: 110px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char07__uJw4V {
    background-image: url(https://static.flextv.co.kr/20231212/genie_0425113f87.webp)
}

.AnimatedMarquee_char08__KhYvr {
    width: 110px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    background-image: url(https://static.flextv.co.kr/lexboard/character/Kite_MoveScrollDPBoard.webp);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_marqueeWrap__RJjSD:after,
.AnimatedMarquee_special01__kB4K5:after,
.AnimatedMarquee_special02__pU_ky:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background-image: linear-gradient(90deg, transparent, #000);
    content: "";
    z-index: 100
}

.AnimatedMarquee_marqueeWrap__RJjSD:before,
.AnimatedMarquee_special01__kB4K5:before,
.AnimatedMarquee_special02__pU_ky:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    background-image: linear-gradient(270deg, transparent, #000);
    content: "";
    z-index: 100
}

.AnimatedMarquee_special01__kB4K5 {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_1.webp) 50%/cover no-repeat
}

.AnimatedMarquee_special01__kB4K5,
.AnimatedMarquee_special02__pU_ky {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special02__pU_ky {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_2.webp) 50%/cover no-repeat
}

.AnimatedMarquee_special03__YUdh8 {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_4.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special03__YUdh8,
.AnimatedMarquee_special04__MLvnT {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special04__MLvnT {
    background: #000 url(https://static.flextv.co.kr/20230911/baseball_Background_cf96d09d91.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special05__lD3rX {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_05.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special05__lD3rX,
.AnimatedMarquee_special06__ubCYQ {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special06__ubCYQ {
    background: #000 url(https://static.flextv.co.kr/20231205/christmas_930df087c0.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special07__m0Ofl {
    background: #000 url(https://static.flextv.co.kr/20231212/genie_cbbe7fec0d.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special07__m0Ofl,
.AnimatedMarquee_special08__JsMJh {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special08__JsMJh {
    background: #000 url(https://static.flextv.co.kr/lexboard/background/ScrollDPBoard_BG_1Min.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_marqueeText3__zxoew {
    animation-name: AnimatedMarquee_wrapAnimation__fV2bi;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: 3
}

.AnimatedMarquee_marqueeText2__kXZA1,
.AnimatedMarquee_marqueeText3__zxoew {
    font-family: Do Hyeon, sans-serif;
    font-size: 44px;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 60px;
    padding-top: 5px
}

.AnimatedMarquee_marqueeText2__kXZA1 {
    animation-name: AnimatedMarquee_wrapAnimation__fV2bi;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: 2
}

.AnimatedMarquee_marqueeText2__kXZA1 span,
.AnimatedMarquee_marqueeText3__zxoew span {
    color: #ffe600
}

.AnimatedMarquee_marqueeNick__TPrzh {
    animation: AnimatedMarquee_textColor__fzR9c 1s linear infinite
}

@keyframes AnimatedMarquee_textColor__fzR9c {
    0% {
        color: #81b214
    }
    20% {
        color: #fee440
    }
    40% {
        color: #f76e11
    }
    60% {
        color: #5ee6eb
    }
    80% {
        color: #e04db0
    }
    to {
        color: #fffa4d
    }
}

@keyframes AnimatedMarquee_wrapAnimation__fV2bi {
    to {
        transform: translateX(-100%)
    }
}

@keyframes AnimatedMarquee_opacity__IdzdC {
    to {
        opacity: 0
    }
}


.AnimatedMarquee_font00__A4Na8 {
    font-family: Do Hyeon, sans-serif
}

.AnimatedMarquee_font01__2MaSc {
    font-family: Black Han Sans, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font10__hXVEU {
    font-family: Godo, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font11__iFktq {
    font-family: Recipekorea, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font16__W_kMn {
    font-family: yg-jalnan, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font18__BJfzB {
    font-family: BMDOHYEON, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font22__WE6Vi {
    font-family: Jal_Onuel, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font28___WjDU {
    font-family: CookieRun-Regular, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font38__pwfyj {
    font-family: SDKukdetopokki-Lt, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font39__zjwvP {
    font-family: TTCrownMychewR, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font40__hhLiJ {
    font-family: SBAggroB, Dotum, 돋움, sans-serif
}

.AnimatedMarquee_font41__wqd55 {
    font-family: BMEuljiro10yearslater, sans-serif;
    color: #000
}

.AnimatedMarquee_marqueeWrap__RJjSD {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #000
}

.AnimatedMarquee_marqueeContainer__kWvj6 {
    display: flex;
    flex-direction: row;
    height: 60px;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    background: transparent
}

.AnimatedMarquee_char01__LkFm0 {
    width: 110px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char01.webp)
}

.AnimatedMarquee_char01__LkFm0, .AnimatedMarquee_char02__1Aaay {
    height: 60px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char02__1Aaay {
    width: 150px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char02.webp)
}

.AnimatedMarquee_char03__61Dyf {
    width: 110px;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char03.webp)
}

.AnimatedMarquee_char03__61Dyf, .AnimatedMarquee_char04__ykQ7Z {
    height: 60px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char04__ykQ7Z {
    width: 150px;
    background-image: url(https://static.flextv.co.kr/20230913/_bb6b9ef016.webp)
}

.AnimatedMarquee_char05__OsXIY {
    width: 110px;
    height: 60px;
    overflow: hidden;
    background-image: url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/character/char05.webp);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char06__PZrRA {
    background-image: url(https://static.flextv.co.kr/20231205/christmas_30cc4931d5.webp)
}

.AnimatedMarquee_char06__PZrRA, .AnimatedMarquee_char07__uJw4V {
    width: 110px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_char07__uJw4V {
    background-image: url(https://static.flextv.co.kr/20231212/genie_0425113f87.webp)
}

.AnimatedMarquee_char08__KhYvr {
    width: 110px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    background-image: url(https://static.flextv.co.kr/lexboard/character/Kite_MoveScrollDPBoard.webp);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.AnimatedMarquee_marqueeWrap__RJjSD:after, .AnimatedMarquee_special01__kB4K5:after, .AnimatedMarquee_special02__pU_ky:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background-image: linear-gradient(90deg, transparent, #000);
    content: "";
    z-index: 100
}

.AnimatedMarquee_marqueeWrap__RJjSD:before, .AnimatedMarquee_special01__kB4K5:before, .AnimatedMarquee_special02__pU_ky:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    background-image: linear-gradient(270deg, transparent, #000);
    content: "";
    z-index: 100
}

.AnimatedMarquee_special01__kB4K5 {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_1.webp) 50%/cover no-repeat
}

.AnimatedMarquee_special01__kB4K5, .AnimatedMarquee_special02__pU_ky {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special02__pU_ky {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_2.webp) 50%/cover no-repeat
}

.AnimatedMarquee_special03__YUdh8 {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_4.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special03__YUdh8, .AnimatedMarquee_special04__MLvnT {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special04__MLvnT {
    background: #000 url(https://static.flextv.co.kr/20230911/baseball_Background_cf96d09d91.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special05__lD3rX {
    background: #000 url(https://rlbmnicudtfv5809615.cdn.ntruss.com/lexboard/background/background_05.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special05__lD3rX, .AnimatedMarquee_special06__ubCYQ {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special06__ubCYQ {
    background: #000 url(https://static.flextv.co.kr/20231205/christmas_930df087c0.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special07__m0Ofl {
    background: #000 url(https://static.flextv.co.kr/20231212/genie_cbbe7fec0d.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_special07__m0Ofl, .AnimatedMarquee_special08__JsMJh {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.AnimatedMarquee_special08__JsMJh {
    background: #000 url(https://static.flextv.co.kr/lexboard/background/ScrollDPBoard_BG_1Min.webp) 50%/cover no-repeat;
    background-size: 100% 100%
}

.AnimatedMarquee_marqueeText3__zxoew {
    animation-name: AnimatedMarquee_wrapAnimation__fV2bi;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: 3
}

.AnimatedMarquee_marqueeText2__kXZA1, .AnimatedMarquee_marqueeText3__zxoew {
    font-family: Do Hyeon, sans-serif;
    font-size: 44px;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 60px;
    padding-top: 5px
}

.AnimatedMarquee_marqueeText2__kXZA1 {
    animation-name: AnimatedMarquee_wrapAnimation__fV2bi;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: 2
}

.AnimatedMarquee_marqueeText2__kXZA1 span, .AnimatedMarquee_marqueeText3__zxoew span {
    color: #ffe600
}

.AnimatedMarquee_marqueeNick__TPrzh {
    animation: AnimatedMarquee_textColor__fzR9c 1s linear infinite
}

@keyframes AnimatedMarquee_textColor__fzR9c {
    0% {
        color: #81b214
    }
    20% {
        color: #fee440
    }
    40% {
        color: #f76e11
    }
    60% {
        color: #5ee6eb
    }
    80% {
        color: #e04db0
    }
    to {
        color: #fffa4d
    }
}

@keyframes AnimatedMarquee_wrapAnimation__fV2bi {
    to {
        transform: translateX(-100%)
    }
}

@keyframes AnimatedMarquee_opacity__IdzdC {
    to {
        opacity: 0
    }
}

.author_author__EL1LX {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px
}

.author_thumb__9IVrg {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 4px #0000004d
}

.author_thumb__9IVrg:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 18px;
    content: ""
}

.author_thumb__9IVrg img {
    width: 36px;
    height: 36px;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.author_info__AjBsX {
    padding-left: 8px
}

.author_info__AjBsX span {
    display: block
}

.author_name__XosfI {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

.author_date__DYWpF {
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    color: #999
}

.exchangeRate_wrap__Yj3wC {
    max-width: 720px;
    margin: 24px auto;
    padding: 0;
    box-sizing: border-box
}

.exchangeRate_wrap__Yj3wC p {
    margin: 0;
    padding: 0
}

.exchangeRate_eventInfo__q997_ {
    background: #e580ac;
    padding: 16px;
    text-align: center
}

.exchangeRate_conBox__953wD {
    background: #fff;
    border-radius: 16px
}

.exchangeRate_eventCon__VMOVH {
    padding: 20px 10px 60px
}

.exchangeRate_label__dBBgE {
    display: inline-flex;
    width: 180px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #1f1a4e;
    border-radius: 25px;
    font-size: 22px;
    color: #fff
}

.exchangeRate_eventCon__VMOVH .exchangeRate_text__3pX8a {
    font-size: 24px;
    color: #000
}

.exchangeRate_eventCon__VMOVH .exchangeRate_text__3pX8a.exchangeRate_gab__Q_Pc9 {
    margin-bottom: 60px
}

.exchangeRate_eventNoti__HyBZ5 {
    padding: 60px 24px;
    margin-top: 16px
}

.exchangeRate_eventNoti__HyBZ5 .exchangeRate_img__Q0N8N {
    max-width: 540px;
    margin-bottom: 20px;
    width: 100%
}

.exchangeRate_eventNoti__HyBZ5 .exchangeRate_text__3pX8a {
    font-size: 24px;
    color: #000
}

.exchangeRate_eventNoti__HyBZ5 .exchangeRate_footLogo__1SIXK {
    width: 120px;
    margin-top: 40px
}

.exchangeRate_notiTitle__QvoDE {
    font-size: 26px;
    text-align: left;
    padding-top: 60px;
    margin-top: 50px;
    border-top: 1px solid #0000001a
}

.exchangeRate_notiList__rs7FF li {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #858585
}

.exchangeRate_bonusTitle__eIve9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    font-size: 26px
}

.exchangeRate_bonusTitle__eIve9 a {
    font-size: 24px;
    font-weight: 300
}

.exchangeRate_box__4FZQF {
    padding: 0 30px;
    border-radius: 16px;
    border: 1px solid #0000001a;
    margin-bottom: 16px
}

.exchangeRate_info__ZsIoi {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.exchangeRate_rateLabel__34Sb0 {
    font-size: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 44px;
    border-radius: 22px;
    background: #1f1a4e
}

.exchangeRate_rateLabel__34Sb0 img {
    width: 21px
}

.exchangeRate_total__s23m4 {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 30px 0
}

.exchangeRate_text1__sPfp8 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 10px
}

.exchangeRate_text2__NByM3 {
    font-size: 26px;
    font-weight: 300
}

.exchangeRate_text1__sPfp8 strong, .exchangeRate_text2__NByM3 strong {
    font-weight: 700
}

.exchangeRate_now__Y4mdP {
    text-align: left;
    font-size: 22px;
    font-weight: 300;
    padding: 30px 0;
    border-top: 1px solid #858585;
    margin-bottom: 16px
}

.exchangeRate_now__Y4mdP span {
    font-weight: 700;
    color: #d91111
}

.exchangeRate_exchangeBtn__SFJpw {
    display: flex;
    font-size: 26px;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100%;
    border-radius: 16px;
    background: #000
}

.exchangeRate_notiTextWrap__WQXUr {
    display: flex;
    margin-top: 40px
}

.exchangeRate_notiTextWrap__WQXUr img {
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: 8px
}

.exchangeRate_notiText__OKsWF {
    font-size: 22px;
    color: #000;
    font-weight: 300;
    text-align: left
}

.exchangeRate_notiText__OKsWF span {
    color: #d91111
}

.exchangeRate_tab__Nlurr li, .exchangeRate_tab__Nlurr ul {
    display: flex;
    background: #1f1a4e
}

.exchangeRate_tab__Nlurr li {
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 88px;
    color: #e580ac;
    cursor: pointer;
    font-size: 30px
}

.exchangeRate_tab__Nlurr li.exchangeRate_active__bc7Rw {
    color: #1f1a4e;
    background-color: #e580ac
}

.exchangeRate_tab__Nlurr li:first-child {
    border-radius: 0 20px 0 0
}

.exchangeRate_tab__Nlurr li:last-child {
    border-radius: 20px 0 0 0
}

.exchangeRate_alert__wcOkm {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #363b41
}

.exchangeRate_inputBox__XiV3y {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    background: #f9f9f9;
    border: 1px solid #0000001a;
    border-radius: 16px;
    padding: 0 30px
}

.exchangeRate_inputBox__XiV3y span {
    font-size: 22px
}

.exchangeRate_input__UreeE input {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 26px;
    font-weight: 700;
    background: #f9f9f9
}

.exchangeRate_exchangeInfo__Q1vq7 {
    padding: 30px
}

.exchangeRate_exchangeInfo__Q1vq7 li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    margin-top: 16px
}

.exchangeRate_exchangeInfo__Q1vq7 li:first-child {
    margin-top: 0
}

.exchangeRate_exchangeList__JHtRD {
    padding-top: 60px;
    margin-top: 40px;
    border-top: 1px solid #0000001a
}

.exchangeRate_exchangeList__JHtRD ul {
    max-height: 850px;
    overflow-x: hidden;
    overflow-y: auto
}

.exchangeRate_exchangeList__JHtRD li {
    margin-top: 16px
}

.exchangeRate_exchangeList__JHtRD li:first-child {
    margin-top: 0
}

.exchangeRate_exchangeItem__HBy0e {
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #0000001a;
    background: #f9f9f9;
    text-align: left
}

.exchangeRate_status__zpGcC {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    font-weight: 300;
    color: #858585
}

.exchangeRate_category__8_fe3 {
    margin: 8px 0 12px;
    font-size: 26px;
    color: #222
}

.exchangeRate_exchangeMoney__2FQ6T {
    font-size: 28px;
    font-weight: 400;
    color: #222
}

.exchangeRate_exchangeMoney__2FQ6T span {
    color: #d91111
}

.exchangeRate_empty__66gQp {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 100;
    color: #858585;
    padding: 60px 30px;
    border-radius: 16px;
    border: 1px solid #0000001a;
    background: #f9f9f9
}

@media screen and (max-width: 720px) {
    .exchangeRate_wrap__Yj3wC {
        margin: 0 auto
    }

    .exchangeRate_eventInfo__q997_ {
        background: #e580ac;
        padding: 16px;
        text-align: center
    }

    .exchangeRate_conBox__953wD {
        background: #fff;
        border-radius: 16px
    }

    .exchangeRate_eventCon__VMOVH {
        padding: 20px 10px 30px
    }

    .exchangeRate_label__dBBgE {
        display: inline-flex;
        width: 100px;
        height: 30px;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        background: #1f1a4e;
        border-radius: 25px;
        font-size: 14px;
        color: #fff
    }

    .exchangeRate_eventCon__VMOVH .exchangeRate_text__3pX8a {
        font-size: 14px;
        color: #000
    }

    .exchangeRate_eventCon__VMOVH .exchangeRate_text__3pX8a.exchangeRate_gab__Q_Pc9 {
        margin-bottom: 30px
    }

    .exchangeRate_eventNoti__HyBZ5 {
        padding: 30px 16px;
        margin-top: 16px
    }

    .exchangeRate_eventNoti__HyBZ5 .exchangeRate_img__Q0N8N {
        max-width: 540px;
        margin-bottom: 20px
    }

    .exchangeRate_eventNoti__HyBZ5 .exchangeRate_text__3pX8a {
        font-size: 14px;
        color: #000
    }

    .exchangeRate_eventNoti__HyBZ5 .exchangeRate_footLogo__1SIXK {
        width: 120px;
        margin-top: 20px
    }

    .exchangeRate_notiTitle__QvoDE {
        font-size: 13px;
        text-align: left;
        padding-top: 30px;
        margin-top: 25px;
        border-top: 1px solid #0000001a
    }

    .exchangeRate_notiList__rs7FF li {
        margin-top: 12px;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        text-align: left;
        color: #858585
    }

    .exchangeRate_bonusTitle__eIve9 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        font-size: 14px
    }

    .exchangeRate_bonusTitle__eIve9 a {
        font-size: 12px;
        font-weight: 300
    }

    .exchangeRate_box__4FZQF {
        padding: 0 16px;
        border-radius: 8px;
        border: 1px solid #0000001a;
        margin-bottom: 16px
    }

    .exchangeRate_info__ZsIoi {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .exchangeRate_rateLabel__34Sb0 {
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
        height: 30px;
        border-radius: 22px;
        background: #1f1a4e
    }

    .exchangeRate_rateLabel__34Sb0 img {
        width: 21px
    }

    .exchangeRate_total__s23m4 {
        display: flex;
        flex-direction: column;
        text-align: left;
        padding: 16px 0
    }

    .exchangeRate_text1__sPfp8 {
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 4px
    }

    .exchangeRate_text2__NByM3 {
        font-size: 14px;
        font-weight: 300
    }

    .exchangeRate_text1__sPfp8 strong, .exchangeRate_text2__NByM3 strong {
        font-weight: 700
    }

    .exchangeRate_now__Y4mdP {
        text-align: left;
        font-size: 14px;
        font-weight: 300;
        padding: 16px 0;
        border-top: 1px solid #858585;
        margin-bottom: 16px
    }

    .exchangeRate_now__Y4mdP span {
        font-weight: 700;
        color: #d91111
    }

    .exchangeRate_exchangeBtn__SFJpw {
        display: flex;
        font-size: 14px;
        color: #fff;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 100%;
        border-radius: 8px;
        background: #000
    }

    .exchangeRate_notiTextWrap__WQXUr {
        display: flex;
        margin-top: 24px
    }

    .exchangeRate_notiTextWrap__WQXUr img {
        width: 11px;
        height: 1px;
        margin-top: 5px;
        margin-right: 8px
    }

    .exchangeRate_notiText__OKsWF {
        font-size: 13px;
        color: #000;
        font-weight: 300;
        text-align: left
    }

    .exchangeRate_notiText__OKsWF span {
        color: #d91111
    }

    .exchangeRate_tab__Nlurr li, .exchangeRate_tab__Nlurr ul {
        display: flex;
        background: #1f1a4e
    }

    .exchangeRate_tab__Nlurr li {
        flex: 1;
        align-items: center;
        justify-content: center;
        height: 44px;
        color: #e580ac;
        cursor: pointer;
        font-size: 16px
    }

    .exchangeRate_tab__Nlurr li.exchangeRate_active__bc7Rw {
        color: #1f1a4e;
        background-color: #e580ac
    }

    .exchangeRate_tab__Nlurr li:first-child {
        border-radius: 0 10px 0 0
    }

    .exchangeRate_tab__Nlurr li:last-child {
        border-radius: 10px 0 0 0
    }

    .exchangeRate_inputBox__XiV3y {
        height: 40px;
        border-radius: 8px;
        padding: 0 16px
    }

    .exchangeRate_inputBox__XiV3y span {
        display: block;
        font-size: 14px
    }

    .exchangeRate_input__UreeE {
        margin-top: 8px
    }

    .exchangeRate_input__UreeE input {
        font-size: 16px
    }

    .exchangeRate_exchangeInfo__Q1vq7 {
        padding: 16px
    }

    .exchangeRate_exchangeInfo__Q1vq7 li {
        margin-top: 8px;
        font-size: 14px
    }

    .exchangeRate_exchangeList__JHtRD {
        padding-top: 30px;
        margin-top: 20px
    }

    .exchangeRate_exchangeList__JHtRD ul {
        max-height: 350px
    }

    .exchangeRate_exchangeList__JHtRD li {
        margin-top: 8px
    }

    .exchangeRate_exchangeList__JHtRD li:first-child {
        margin-top: 0
    }

    .exchangeRate_exchangeItem__HBy0e {
        padding: 16px;
        border-radius: 8px
    }

    .exchangeRate_status__zpGcC {
        font-size: 13px
    }

    .exchangeRate_category__8_fe3 {
        font-size: 14px
    }

    .exchangeRate_exchangeMoney__2FQ6T {
        font-size: 13px
    }

    .exchangeRate_empty__66gQp {
        font-size: 14px;
        padding: 32px 16px;
        border-radius: 8px
    }
}

.board_bedge__jfNLP {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    margin-top: 5px;
    margin-right: 8px;
    background-color: #03c75a;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap
}

.board_bedge__jfNLP.board_round__ilQoD {
    background-color: #fff;
    border: 1px solid #03c75a;
    color: #03c75a
}

.board_bedge__jfNLP.board_dark__4qfnV {
    background-color: #4c4c4c
}

.board_header__cSrE4 {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.board_title__LzCvG {
    flex: 1;
    margin: 0 20px 0 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    cursor: pointer;
    overflow: hidden
}

.board_detailContents__zR4hh, .board_detailHeader__HvSsI {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.board_detailContents__zR4hh * {
    word-wrap: break-word
}