.common_date__RsOah {
    font-size: 13px;
    color: var(--gray-30);
    white-space: nowrap
}

.common_btn_wrap__UsTuw {
    gap: 0 16px
}

.common_btn__cc5_u,.common_btn_wrap__UsTuw {
    display: flex;
    align-items: center;
    justify-content: center
}

.common_btn__cc5_u {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
    transition: all .2s
}

.common_btn_primary__r0mnG {
    background: var(--primary-50);
    color: var(--white);
    font-weight: 500
}

.common_btn_primary__r0mnG:disabled {
    background: var(--gray-20)!important;
    cursor: default
}

.common_btn_primary__r0mnG:hover {
    background: var(--primary-40)
}

.common_btn_secondary__nUnBt {
    background: var(--secondary-50);
    color: var(--white);
    font-weight: 500
}

.common_btn_secondary__nUnBt:hover {
    background: var(--secondary-40)
}

.common_btn_gray__5H5TV {
    background: var(--gray-30);
    color: var(--white)
}

.common_btn_gray__5H5TV:hover {
    background: var(--gray-40)
}

.common_btn_gray_line__VaSwD {
    border: 1px solid var(--gray-30);
    border-radius: 4px;
    color: var(--gray-80)
}

.common_btn_gray_line__VaSwD:hover {
    background: var(--gray-10)
}

.common_btn_black___BNN9 {
    background: var(--gray-90);
    color: var(--white)
}

.common_btn_black___BNN9:hover {
    background: #333
}

.common_table__SQ9lV {
    border: 1px solid var(--gray-20)
}

.common_table__SQ9lV th {
    height: 36px;
    background: var(--primary-10);
    border-bottom: 1px solid var(--gray-20);
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-40)
}

.common_table__SQ9lV td {
    border-bottom: 1px solid var(--gray-10);
    font-size: 14px;
    color: var(--gray-80);
    text-align: center;
    padding: 12px 8px
}

.common_table__SQ9lV tbody tr {
    position: relative
}

.common_table__SQ9lV tbody tr:last-child td {
    border-bottom: 0
}

.common_table__SQ9lV td .common_status__hIxe_ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 28px;
    background: var(--gray-20);
    color: var(--gray-50);
    font-size: 13px
}

.common_table__SQ9lV td .common_status__hIxe_.common_done__sMtUq {
    background: var(--primary-50);
    color: var(--white)
}

.common_table__SQ9lV td a:hover {
    text-decoration: underline
}

.common_table__SQ9lV .common_notice__jUZeP {
    background: var(--primary-10)
}

.common_table__SQ9lV .common_notice__jUZeP td:first-child span {
    background: var(--primary-50);
    border-radius: 16px;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px
}

.common_table__SQ9lV .common_blue__Ie7X9 {
    color: var(--primary-50)
}

.common_table__SQ9lV .common_gray__LHFn8 {
    color: var(--gray-30)
}

.common_table__SQ9lV .common_center__fdRdP {
    text-align: center!important
}

.common_table__SQ9lV .common_left__shBSW {
    text-align: left
}

.common_category__cPwqG {
    display: inline-flex;
    align-items: center;
    height: 24px;
    background: var(--primary-20);
    border-radius: 4px;
    color: var(--primary-50);
    font-size: 12px;
    font-weight: 500;
    padding: 0 6px;
    margin-right: 8px;
    transition: background-color .2s
}

.common_category__cPwqG:hover {
    text-decoration: none;
    background: var(--primary-25)
}

.common_tab_menu__kBUKT,.common_tab_menu__kBUKT>* {
    display: flex;
    align-items: center
}

.common_tab_menu__kBUKT>* {
    flex: 1 1;
    justify-content: center;
    height: 40px;
    background: var(--primary-10);
    border-top: 1px solid var(--gray-20);
    color: var(--gray-40);
    font-size: 13px;
    transition: color .2s;
    position: relative
}

.common_tab_menu__kBUKT>:hover {
    color: var(--primary-50)
}

.common_tab_menu__kBUKT>.common_on__5Zw24 {
    background: var(--white);
    color: var(--primary-50);
    border-top-color: var(--primary-50);
    font-weight: 500
}

.common_tab_menu__kBUKT>.common_on__5Zw24:after,.common_tab_menu__kBUKT>.common_on__5Zw24:before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% + 1px);
    background: var(--gray-20);
    position: absolute;
    top: -1px;
    z-index: 1
}

.common_tab_menu__kBUKT>.common_on__5Zw24:before {
    left: -1px
}

.common_tab_menu__kBUKT>.common_on__5Zw24:after {
    right: -1px
}

.common_tab_list__4gaMy {
    flex-wrap: wrap;
    gap: 8px
}

.common_tab_list__4gaMy,.common_tab_list__4gaMy>* {
    display: flex;
    align-items: center;
    justify-content: center
}

.common_tab_list__4gaMy>* {
    width: 84px;
    height: 32px;
    border: 1px solid var(--gray-40);
    border-radius: 40px;
    font-size: 14px;
    color: var(--gray-40)
}

.common_tab_list__4gaMy>.common_on__5Zw24 {
    border-color: var(--primary-50);
    background: var(--primary-50);
    color: var(--white);
    font-weight: 500
}

.common_chk_box__1NctQ input {
    display: none
}

.common_chk_box__1NctQ input:checked+label:before {
    border-color: var(--primary-50);
    background: var(--primary-50) url(/_next/static/media/check.15b520e0.svg) no-repeat center/10px
}

.common_chk_box__1NctQ label {
    display: flex;
    align-items: center;
    gap: 0 6px;
    font-size: 14px;
    cursor: pointer
}

.common_chk_box__1NctQ label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gray-20);
    border-radius: 3px
}

.common_chk_box__1NctQ label em {
    color: var(--red);
    margin-left: -4px
}

.common_input_wrap__46vRk {
    display: flex;
    align-items: center;
    height: 48px
}

.common_input_wrap__46vRk+.common_input_wrap__46vRk {
    margin-top: 12px
}

.common_input_wrap__46vRk button {
    width: 100px;
    min-width: 100px
}

.common_input_box___N_S3 {
    width: 100%;
    height: 48px;
    border: 1px solid var(--gray-20);
    padding: 0 16px;
    font-size: 14px;
    transition: border .2s
}

.common_input_box___N_S3:focus {
    border-color: var(--black)
}

.common_input_box___N_S3:disabled {
    background: var(--gray-10);
    color: var(--gray-40)
}

.common_popup_wrap__6ezRC {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.common_popup_wrap__6ezRC>div {
    padding: 36px 30px 32px
}

.common_popup_wrap__6ezRC>div>.common_btn_wrap__UsTuw {
    height: 36px;
    margin-top: 20px
}

.common_popup_wrap__6ezRC>div>.common_btn_wrap__UsTuw>* {
    width: 100px
}

.common_popup_wrap__6ezRC h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px
}

.common_link_wrap__tlper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.common_link_wrap__tlper a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--gray-80);
    position: relative
}

.common_link_wrap__tlper a:hover {
    text-decoration: underline
}

.common_link_wrap__tlper a:first-child {
    color: var(--primary-50);
    font-weight: 500
}

.common_profile_wrap__YUXEb {
    display: flex;
    align-items: center;
    gap: 0 8px;
    font-size: 14px
}

.common_profile_img__1cubm {
    border-radius: 100px
}

.common_opt_box__ijfCa {
    margin-left: auto;
    position: relative
}

.common_opt_box__ijfCa .common_opt_open__x_rFT {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-left: auto;
    transition: all .2s
}

.common_opt_box__ijfCa .common_opt_open__x_rFT:hover {
    background: var(--gray-10)
}

.common_paging_wrap___YZ3Y,.common_paging_wrap___YZ3Y>* {
    display: flex;
    align-items: center
}

.common_paging_wrap___YZ3Y>* {
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    color: var(--gray-40);
    font-size: 14px;
    transition: all .2s
}

.common_paging_wrap___YZ3Y>:hover {
    background: var(--primary-10);
    color: var(--primary-50)
}

.common_paging_wrap___YZ3Y .common_current__cx_J9 {
    background: var(--primary-50);
    color: var(--white);
    font-weight: 500
}

.common_point_charge__gYxKM {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 400px;
    height: 100vh
}

.common_point_charge__gYxKM .common_head__976Lt {
    display: flex;
    align-items: center;
    width: 100%;
    height: 55px;
    background: var(--primary-90);
    color: var(--white);
    padding: 0 4px 0 16px
}

.common_point_charge__gYxKM .common_head__976Lt h1 {
    font-size: 20px;
    font-weight: 600
}

.common_point_charge__gYxKM .common_cont__NKbHI {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column
}

.common_point_charge__gYxKM .common_cont__NKbHI .common_inner__JV1iy {
    flex: 1 1;
    overflow-y: auto;
    padding: 22px 16px
}

.common_point_charge__gYxKM .common_cont__NKbHI .common_box__uSFih+.common_box__uSFih {
    margin-top: 24px
}

.common_point_charge__gYxKM .common_cont__NKbHI .common_box__uSFih .common_tit__TD0OC {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-80);
    margin-bottom: 8px
}

.common_point_charge__gYxKM .common_cont__NKbHI .common_box__uSFih .common_input_box___N_S3 {
    text-align: center
}

.common_point_charge__gYxKM .common_select_btn__nz7ub li {
    border-right: 1px solid var(--gray-20);
    border-bottom: 1px solid var(--gray-20)
}

.common_point_charge__gYxKM .common_select_btn__nz7ub button {
    width: 100%;
    height: 44px;
    text-align: center;
    font-size: 14px;
    position: relative;
    transition: all .2s
}

.common_point_charge__gYxKM .common_select_btn__nz7ub button:hover {
    background: rgba(0,0,0,.02)
}

.common_point_charge__gYxKM .common_select_btn__nz7ub button.common_on__5Zw24 {
    background: var(--secondary-10);
    color: var(--secondary-50);
    font-weight: 600
}

.common_point_charge__gYxKM .common_select_btn__nz7ub button.common_on__5Zw24:before {
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid var(--secondary-50);
    position: absolute;
    top: -1px;
    left: -1px
}

.common_point_charge__gYxKM .common_select_btn__nz7ub .common_price__CGdnc {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border-top: 1px solid var(--gray-20);
    border-left: 1px solid var(--gray-20)
}

.common_point_charge__gYxKM .common_select_btn__nz7ub .common_price__CGdnc button.common_on__5Zw24:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/_next/static/media/carrot.89d71b55.svg);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.common_point_charge__gYxKM .common_select_btn__nz7ub .common_col2__PKHPC {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.common_point_charge__gYxKM .common_bottom__dr5tb {
    margin-top: auto
}

.common_point_charge__gYxKM .common_bottom__dr5tb dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-top: 1px solid var(--gray-20);
    padding: 0 16px
}

.common_point_charge__gYxKM .common_bottom__dr5tb dt {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-80)
}

.common_point_charge__gYxKM .common_bottom__dr5tb dd {
    font-size: 15px;
    font-weight: 500
}

.common_point_charge__gYxKM .common_bottom__dr5tb dd strong {
    font-size: 16px;
    color: var(--secondary-50)
}

.common_point_charge__gYxKM .common_bottom__dr5tb .common_btn_wrap__UsTuw .common_btn__cc5_u {
    height: 52px;
    font-size: 16px
}

.common_attend__pSE8B h1 {
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G {
    margin-top: 18px
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G .common_head__976Lt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 16px;
    height: 44px;
    border: 1px solid var(--gray-20);
    border-bottom: 0
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G .common_head__976Lt a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--gray-20)
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G .common_head__976Lt a:first-child img {
    transform: rotate(90deg)
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G .common_head__976Lt a:last-child img {
    transform: rotate(-90deg)
}

.common_attend__pSE8B .common_calendar_wrap__aUd1G .common_head__976Lt .common_tit__TD0OC {
    font-size: 16px;
    font-weight: 600
}

.common_attend__pSE8B .common_calendar__1iu4O th {
    height: 30px;
    border: 1px solid var(--gray-20);
    font-size: 13px;
    font-weight: 500
}

.common_attend__pSE8B .common_calendar__1iu4O td:first-child,.common_attend__pSE8B .common_calendar__1iu4O th:first-child {
    color: #e65932
}

.common_attend__pSE8B .common_calendar__1iu4O td {
    border: 1px solid var(--gray-20);
    position: relative
}

.common_attend__pSE8B .common_calendar__1iu4O td a {
    display: flex;
    justify-content: flex-end;
    height: 108px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 500
}

.common_attend__pSE8B .common_calendar__1iu4O td a.common_on__5Zw24 {
    background: var(--primary-20)
}

.common_attend__pSE8B .common_calendar__1iu4O td img {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%)
}

.common_attend__pSE8B .common_attend_check___Kefe {
    display: flex;
    align-items: center;
    gap: 0 14px;
    width: 600px;
    margin: 60px auto 24px
}

.common_attend__pSE8B .common_attend_check___Kefe .common_btn_primary__r0mnG {
    width: 120px;
    height: 48px;
    min-width: 120px
}

.common_attend__pSE8B .common_table__SQ9lV {
    border: 0;
    margin-top: 12px
}

.common_attend__pSE8B .common_table__SQ9lV thead tr {
    border: 1px solid var(--gray-20);
    border-bottom: 0
}

.common_attend__pSE8B .common_table__SQ9lV tbody tr:last-child td {
    border-bottom: 1px solid var(--gray-10)
}

.common_attend__pSE8B .common_paging_wrap___YZ3Y {
    margin: 30px auto 0
}

.chat_go_down__jH02m {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,.3);
    border-radius: 50px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    transition: background-color .1s;
    z-index: 1
}

.chat_go_down__jH02m:hover,.chat_popup__K_DZL {
    background: rgba(0,0,0,.5)
}

.chat_popup__K_DZL {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 70px 14px
}

.chat_popup__K_DZL .chat_box__VtJvI {
    width: 100%;
    background: var(--white);
    border-radius: 8px;
    padding: 20px 16px
}

.chat_popup__K_DZL .chat_head__z_JkU {
    padding-bottom: 20px
}

.chat_popup__K_DZL .chat_head__z_JkU h2 {
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.chat_popup__K_DZL .chat_btn_wrap__50WU_ {
    height: 36px;
    gap: 0 10px;
    margin-top: 12px
}

.chat_popup__K_DZL .chat_ban_wrap__YFVdL .chat_nick__zC8AC {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.chat_popup__K_DZL .chat_ban_wrap__YFVdL .chat_nick__zC8AC span {
    color: var(--gray-50);
    margin-left: 4px
}

.chat_popup__K_DZL .chat_ban_wrap__YFVdL select,.chat_popup__K_DZL .chat_notice__ehs6A input {
    width: 100%;
    height: 36px;
    border: 1px solid var(--gray-20);
    font-size: 14px;
    padding: 0 16px;
    margin-top: 12px;
    transition: all .2s
}

.chat_popup__K_DZL .chat_notice__ehs6A input:focus {
    border-color: var(--black)
}

.chat_popup__K_DZL .chat_ban_wrap__YFVdL select {
    background: url(/_next/static/media/icon_down.3906c22a.svg) no-repeat right 12px center
}

.chat_all_chat__TD_Oq {
    position: relative
}

.chat_all_chat__TD_Oq .chat_top__qG_CL {
    display: flex;
    align-items: center;
    gap: 0 8px;
    height: 30px;
    border-bottom: 1px solid var(--gray-20);
    padding: 0 14px
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_now_on__dbSl2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 2px;
    color: var(--primary-50);
    font-size: 12px;
    font-weight: 500;
    margin-left: auto
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_btn__nxd7d {
    width: auto;
    height: 22px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 8px;
    position: relative
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_btn__nxd7d:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_ice___46sG {
    background: linear-gradient(#eaf4ff,#99c2ef);
    color: #2e68a8
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_heat__eNC3j {
    background: linear-gradient(#ffebe5,#f0a28b);
    color: #e65932
}

.chat_all_chat__TD_Oq .chat_top__qG_CL .chat_gray__i_D5F {
    background: linear-gradient(#f7f7f7,#e0e0e0);
    color: var(--gray-50)
}

.chat_chat_cont__QrW7H {
    position: relative
}

.chat_chat_cont__QrW7H .chat_inner__ox_Vm {
    height: 446px;
    padding: 14px;
    overflow-y: auto;
    color: var(--gray-80)
}

.chat_chat_cont__QrW7H>.chat_inner__ox_Vm>ul {
    display: flex;
    flex-direction: column;
    gap: 6px 0
}

.chat_chat_cont__QrW7H .chat_date__3wmZm {
    text-align: center;
    font-size: 11px
}

.chat_chat_cont__QrW7H .chat_item__DmSws {
    display: flex;
    align-items: flex-start;
    gap: 0 12px
}

.chat_chat_cont__QrW7H .chat_item__DmSws>img {
    border-radius: 40px
}

.chat_chat_cont__QrW7H .chat_item__DmSws>div {
    width: 100%
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_nick__zC8AC {
    display: block;
    font-size: 13px;
    color: var(--gray-80);
    padding: 5px 0 6px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_cont__YeXs_ {
    display: flex;
    align-items: flex-end;
    gap: 0 6px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_chat_opt__QsDpq {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_chat_opt__QsDpq .chat_opt_box__H3wDY {
    margin: 0
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_chat_opt__QsDpq .chat_opt_open__D4_NV {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 2px 0 -6px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_chat_opt__QsDpq .chat_opt_open__D4_NV svg {
    height: 11px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_chat_opt__QsDpq .chat_date__3wmZm {
    font-size: 10px;
    color: var(--gray-40);
    white-space: nowrap
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_img_wrap__d3a_k {
    max-width: 150px;
    border-radius: 8px;
    overflow: hidden
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_img_wrap__d3a_k img {
    width: 100%
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_bubble__PEcqH {
    max-width: 78%;
    line-height: 1.4;
    background: var(--primary-10);
    border-radius: 0 8px 8px 8px;
    padding: 8px 10px;
    font-size: 13px;
    position: relative
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_bubble__PEcqH:before {
    content: "";
    display: block;
    width: 6px;
    height: 7px;
    background: url(/_next/static/media/chat_tri.7840dfe3.svg) no-repeat 50%/6px;
    position: absolute;
    top: 0;
    left: -6px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_bubble__PEcqH .chat_delete_message__rLz9r {
    display: flex;
    align-items: flex-start;
    gap: 0 5px;
    color: var(--gray-40)
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_bubble__PEcqH .chat_delete_message__rLz9r img {
    margin-top: 1px
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_info__iZZST {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: flex-end
}

.chat_chat_cont__QrW7H .chat_item__DmSws .chat_info__iZZST .chat_unread__hRTId {
    font-size: 11px;
    color: var(--primary-40)
}

.chat_chat_cont__QrW7H .chat_notice__ehs6A {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    background: var(--gray-10);
    border: 1px solid var(--gray-20);
    border-radius: 8px;
    text-align: center;
    padding: 10px 20px 16px
}

.chat_chat_cont__QrW7H .chat_notice__ehs6A .chat_tit__QjN19 {
    font-weight: 600;
    color: #ff430f
}

.chat_chat_cont__QrW7H .chat_notice__ehs6A p {
    line-height: 1.4;
    margin-top: 12px
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws {
    justify-content: flex-end
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_cont__YeXs_ {
    flex-direction: row-reverse
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_bubble__PEcqH {
    border-radius: 8px 0 8px 8px
}

.chat_chat_cont__QrW7H .chat_highlight__IhlFa .chat_item__DmSws .chat_bubble__PEcqH {
    background: #ff0;
    color: red
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_bubble__PEcqH:before {
    background-image: url(/_next/static/media/chat_tri_01.4fc5e519.svg);
    left: auto;
    right: -6px
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_chat_opt__QsDpq,.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_info__iZZST {
    align-items: flex-end
}

.chat_chat_cont__QrW7H .chat_my__MRIr1 .chat_item__DmSws .chat_chat_opt__QsDpq .chat_opt_open__D4_NV {
    margin: 0 -6px 0 2px
}

.chat_write_area__IENPZ {
    display: flex;
    align-items: center;
    min-height: 44px;
    border-top: 1px solid var(--gray-20);
    padding: 0 4px 0 10px
}

.chat_write_area__IENPZ>div {
    position: relative
}

.chat_write_area__IENPZ input {
    flex: 1 1;
    height: 100%;
    font-size: 13px;
    border: 0;
    padding: 0 8px
}

.chat_write_area__IENPZ textarea {
    flex: 1 1;
    height: 24px;
    line-height: 1.4;
    font-size: 14px;
    border: 0;
    padding: 2px 8px;
    margin: 8px 0
}

.chat_write_area__IENPZ .chat_btn__nxd7d {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50px;
    transition: all .2s
}

.chat_write_area__IENPZ .chat_btn__nxd7d:hover {
    background: var(--primary-10)
}

.chat_write_area__IENPZ .chat_btn__nxd7d:hover path {
    fill: var(--primary-50)
}

.chat_write_area__IENPZ .chat_btn_send___xmVG {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px
}

.chat_write_area__IENPZ .chat_btn_send___xmVG.chat_on__ARrJ4 svg path {
    fill: var(--primary-50)
}