.nchat_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.nchat_container .white_txt {
  color: #fff;
  font-weight: 700
}

.nchat_container .guide_toggle {
  color: #333
}

.nchat_container .guide_toggle:before {
  background-position: -22px 0
}

.nchat_container .guide_toggle:hover:before {
  background-position: -44px 0
}

.nchat_container .guide_toggle:hover {
  color: #0075ff
}

.nchat_container .dropdown {
  width: 190px;
  height: 30px;
  padding: 0 5px;
  font-size: 13px;
  border: 1px solid #d6d6d6;
  border-radius: 5px
}

.nchat_container .header {
  border-bottom: 1px solid #000;
  background-color: #474747;
  padding: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.nchat_container .header .rank_section {
  min-width: 50px;
  text-align: center
}

.nchat_container .header .rank_section>p {
  font-size: 38px;
  font-weight: 900;
  font-family: helvetica neue,helvetica,arial,"sans-serif"
}

.nchat_container .header .rank_section>span {
  font-size: 10px
}

.nchat_container .header .thumb {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,.5);
  object-fit: cover;
  margin: 0 10px
}

.nchat_container .header .count_info,.nchat_container .header .game_record,.nchat_container .header .detail_record>li {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.nchat_container .header .count_info .nick {
  color: #77c3ef;
  font-size: 13px
}

.nchat_container .header .count_info .family {
  color: #bcc0cd;
  font-size: 13px;
  margin-right: 3px
}

.nchat_container .header .count_info .count_wrap>li {
  display: flex;
  align-items: center;
  color: #f8c410;
  font-size: 10px;
  font-weight: 600
}

.nchat_container .header .count_info .count_wrap>li:not(:last-child) {
  margin-right: 5px
}

.nchat_container .header .count_info .count_wrap>li:before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../../img/sp_cnt_ico.png?v=111) no-repeat;
  margin-right: 5px
}


.nchat_container .header .count_info .count_wrap>li.man_cnt:before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(../../img/sp_nchat.png) no-repeat;
  margin-right: 5px;
  background-position: -90px -0.4px;
}

.nchat_container .header .count_info .count_wrap>li.star_cnt:before {
  background-position: -35px -3.5px
}

.nchat_container .header .count_info .count_wrap>li.like_cnt:before {
  background-position: -71px -3.5px
}

.nchat_container .header .game_record {
  margin: 0 20px
}

.nchat_container .header .game_record>p {
  font-size: 13px;
  font-weight: 700
}

.nchat_container .header .detail_record {
  padding-left: 20px;
  border-left: 2px solid rgba(0,0,0,.1)
}

.nchat_container .header .detail_record>li:last-child {
  margin-left: 20px
}

.nchat_container .header .detail_record .type {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-right: 5px
}

.nchat_container .header .detail_record .type.powerball:before {
  content: '';
  width: 27px;
  height: 27px;
  background: url(../../img/sp_pick_type.png) no-repeat 0 0;
  margin-right: 5px
}

.nchat_container .header .detail_record .type.normal:before {
  content: '';
  width: 27px;
  height: 27px;
  background: url(../../img/sp_pick_type.png) no-repeat 0 0;
  margin-right: 5px;
  background-position: -35px 0
}

.nchat_container .header .detail_record .total_cnt>span {
  color: rgba(255,255,255,.5);
  margin: -2px 0 0 3px
}

.nchat_container .header .button_wrap>a {
  width: 16px;
  height: 16px;
  padding: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.nchat_container .header .button_wrap>a:not(:nth-last-of-type(1)) {
  margin-right: 10px
}

.nchat_container .header .button_wrap>a:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url(../../img/sp_page_ico.png?10) no-repeat 0 0
}

.nchat_container .header .button_wrap>a.off_btn:after {
  background-position: -86px 0
}

.nchat_container .header .strike_badges {
  width: 112px;
  height: 85px;
  margin-left: 50px;
  display: flex
}

.nchat_container .header .strike_badges>div {
  background: url(../../img/sp_medal_ico.png?v=200627) no-repeat;
  line-height: 105px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff
}

.nchat_container .header .strike_badges .badge_5 {
  width: 27px;
  height: 44px;
  background-position: 0 0;
  margin-left: -5px
}

.nchat_container .header .strike_badges .badge_10 {
  width: 39px;
  height: 44px;
  background-position: -37px 0;
  margin-left: -4px
}

.nchat_container .header .strike_badges .badge_15 {
  width: 42px;
  height: 44px;
  background-position: -86px 0;
  margin-left: -10px
}

.nchat_container .header .strike_badges .badge_20 {
  width: 43px;
  height: 44px;
  background-position: -137px 0;
  margin-left: -13px
}

.nchat_container .header .project_badge {
  padding: 8px 10px;
  margin-left: 30px
}

.nchat_container .header .project_badge>strong {
  font-size: 16px
}

.nchat_container .header .project_badge>strong>span {
  font-size: 14px
}

.nchat_container .sub_header {
  display: flex;
  height: 50px;
  background-color: #f4f4f3;
  border-bottom: 1px dashed #d0d0d0
}

.nchat_container .sub_header>div {
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.nchat_container .sub_header .chat_title {
  flex: 1;
  justify-content: space-between;
  padding: 0 10px
}

.nchat_container .sub_header .chat_tabs {
  width: 370px;
  color: #8e8e8e
}

.nchat_container .sub_header .chat_title>p>strong {
  color: #3c4a6f;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-left: 5px
}

.nchat_container .sub_header .chat_title>p>strong.lock:before {
  content: '';
  width: 42px;
  height: 22px;
  background: url(/public/img/nchat/ico_lock.svg?v=210620) no-repeat 0 0;
  margin-right: 5px
}

.nchat_container .sub_header .chat_title>div {
  text-align: right
}

.nchat_container .sub_header .chat_title .clock {
  color: #e74c3c;
  font-weight: 700;
  font-size: 14px
}

.nchat_container .sub_header .chat_title .expand_setting {
  display: flex;
  align-items: center;
  margin-top: 5px
}

.nchat_container .sub_header .chat_title .expand_setting .checkbox_item:not(:nth-last-of-type(1)) {
  margin-right: 10px
}

.nchat_container .sub_header .chat_tabs>a {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  color: #555
}

.nchat_container .sub_header .chat_tabs>a.active {
  font-weight: 700;
  color: #333
}

.nchat_container .sub_header .chat_tabs>a:not(:nth-last-of-type(1)):after {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  top: 50%;
  right: 0;
  margin-top: -7.5px;
  background-color: rgba(0,0,0,.1)
}

.nchat_container .divide_wrap {
  flex: 1;
  display: flex;
  overflow: hidden
}

.nchat_container .divide_wrap .message_container {
  flex: 1;
  display: flex;
  flex-direction: column
}

.nchat_container .message_wrap {

}

.nchat_container .divide_wrap .tab_container {
  border-left: 1px solid #d3d3d3;
  overflow-y: auto;
  width: 370px
}

.nchat_container .message_wrap>div {
  display: flex;
  align-items: center
}

.nchat_container .message_wrap>div:not(:nth-last-of-type(1)) {
  margin-bottom: 10px
}

.nchat_container .message_wrap .sys_msg {
  padding: 10px 15px;
  border: 1px dashed #d0d0d0;
  border-radius: 5px;
  color: #333;
  display: flex;
  align-items: center
}

.nchat_container .message_wrap>div>a {
  margin-left: 10px;
  text-decoration: underline
}

.nchat_container .message_wrap .sys_msg>span {
  color: #aaa;
  font-size: 11px;
  margin-left: 5px
}

.nchat_container .message_wrap .sys_msg>a.request {
  color: #ffc200
}

.nchat_container .message_wrap .sys_msg>a.block {
  color: #e74c3c
}

.nchat_container .message_wrap .sys_msg>a.reload {
  color: #ff0
}

.nchat_container .message_wrap .sys_msg.manage_msg {
  background-color: #77c3ef;
  border: 1px dashed #69b1db;
  color: #fff
}

.nchat_container .message_wrap .sys_msg.warning_msg {
  background-color: #e74c3c;
  border: 1px dashed #e74c3c;
  color: #fff;
  justify-content: space-between
}

.nchat_container .message_wrap .sys_msg.pick_result>img {
  width: 70px;
  margin-right: 15px
}

.nchat_container .message_wrap .sys_msg.pick_result>img.grey_icon {
  filter: grayscale(100%);
  opacity: .6
}

.message_wrap .sys_msg .explain>p>strong {
  font-size: 14px
}

.message_wrap .sys_msg .explain>p:nth-of-type(1) {
  margin-bottom: 3px
}

.message_wrap .streak_event_msg {
  border-radius: 5px;
  padding: 5px 15px 0
}

.message_wrap .streak_event_msg>img {
  margin-right: 30px
}

.message_wrap .streak_event_msg .streak_info>p {
  font-size: 24px;
  font-weight: 700
}

.message_wrap .streak_event_msg .streak_info>p>span {
  color: #a600ff
}

.message_wrap .streak_event_msg .streak_info>div {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 5px
}

.message_wrap .streak_event_msg .user_name {
  margin-right: 10px
}

.message_wrap .streak_event_msg .streak_star>span {
  color: #ff006e;
  font-weight: 700;
  font-size: 18px
}

.message_wrap .streak_event_msg.gradient-border {
  --borderWidth: 3px;
  background: #fff;
  position: relative;
  border-radius: var(--borderWidth)
}

.message_wrap .streak_event_msg.gradient-border:before {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg,#8000ff,#ff00aa);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedGradient 3s ease alternate infinite;
  background-size: 300% 300%
}

@keyframes animatedGradient {
  0% {
      background-position: 0% 50%
  }

  50% {
      background-position: 100% 50%
  }

  100% {
      background-position: 0% 50%
  }
}

.nchat_container .message_wrap .msg.mine .user_name>a {
  color: #e74c3c;
  font-weight: 700
}

.nchat_container .message_wrap .msg {
  align-items: flex-start;
  max-width: 80%
}

.nchat_container .message_wrap .msg .user_name {
  min-width: fit-content
}

.nchat_container .message_wrap .msg>p {
  margin: 5px 0 0 15px
}

.nchat_container .message_wrap .sys_msg.pick_register>img {
  width: 70px;
  margin-right: 15px
}

.nchat_container .message_wrap .project_msg {
  height: 130px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  background-color: #f6f6f6;
  border: 1px dashed #525252;
  border-radius: 5px
}

.nchat_container .message_wrap .project_msg>img {
  width: 90px;
  object-fit: contain;
  margin-right: 30px
}

.nchat_container .message_wrap .project_msg>p {
  color: rgba(0,0,0,.7);
  font-size: 18px;
  font-weight: 600
}

.nchat_container .message_wrap .project_msg>p>strong {
  color: #000;
  font-weight: 800
}

.nchat_container .message_wrap .project_msg.success {
  background-color: #fff0fa;
  border: 1px dashed #b3057c
}

.nchat_container .message_wrap .project_msg.success>p>strong {
  color: #b3057c
}

.nchat_container .message_wrap .project_msg.start {
  background-color: #f4f8ff;
  border: 1px dashed #006ae6
}

.nchat_container .message_wrap .project_msg.start>p>strong {
  color: #006ae6
}

.nchat_container .message_wrap .project_msg.fail {
  background-color: #e7ebf1;
  border: 1px dashed #2f404c
}

.nchat_container .message_wrap .project_msg.fail>p>strong {
  color: #2f404c
}

.nchat_container .message_wrap .sticker_msg {
  padding: 15px;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px dashed #dedede;
  border-radius: 10px;
  max-width: 95%
}

.nchat_container .message_wrap .sticker_msg .sticker_sender {
  display: flex;
  align-items: center;
  margin-top: 10px
}

.nchat_container .message_wrap .sticker_msg .sticker_sender>p,.nchat_container .message_wrap .sticker_msg .sticker_sender>a {
  font-size: 13px
}

.nchat_container .message_wrap .sticker_msg .sticker_sender>img {
  margin: 0 3px
}

.nchat_container .message_wrap .sticker_msg>img:not(.sticker_ani) {
  max-width: 210px
}

.nchat_container .message_wrap .star_msg {
  padding: 15px;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px dashed #dedede;
  border-radius: 10px
}

.nchat_container .message_wrap .star_msg .ani_wrap {
  position: relative
}

.nchat_container .message_wrap .star_msg .ani_wrap>img {
  width: 314px
}

.nchat_container .message_wrap .star_msg .ani_wrap .star_cnt {
  position: absolute;
  right: 18px;
  top: 35px;
  font-size: 26px
}

.nchat_container .message_wrap .star_msg .ani_wrap .outer_text {
  color: #fff;
  -webkit-text-stroke: 7px #f99d0a
}

.nchat_container .message_wrap .star_msg .ani_wrap .inner_text {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff
}

.nchat_container .message_wrap .star_msg .ani_wrap>img {
  max-width: 100%
}

.nchat_container .message_wrap .star_msg .receiver {
  font-size: 13px;
  color: #f03839;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin: 5px 0
}

.nchat_container .message_wrap .star_msg .receiver .user_name {
  margin-left: 3px
}

.nchat_container .message_wrap .star_msg .receiver .user_name>a {
  color: #f03839
}

.message_footer {
  background-color: #fff;
  height: 50px;
  border-top: 1px solid #d3d3d3;
  display: flex;
  align-items: center
}

.message_footer>input {
  flex: 1;
  height: 100%;
  border: 0;
  padding: 0 10px
}

.message_footer .manage_btns {
  display: flex;
  align-items: center;
  padding: 0 10px
}

.message_footer .manage_btns>a {
  background: url(../../img/sp_chat_menu.png?v=05) no-repeat;
  width: 19px;
  height: 16px;
  cursor: pointer;
  padding: 3px;
  position: relative
}

.message_footer .manage_btns>a:before {
  position: absolute;
  top: -32px;
  right: -20px;
  background-color: #333;
  border: 1px solid #000;
  padding: 5px;
  color: #fff;
  font-size: 11px;
  display: none;
  width: 60px;
  text-align: center;
  z-index: 2
}

.message_footer .manage_btns>a:hover:before {
  display: block
}

.message_footer .manage_btns>a:not(:nth-last-of-type(1)) {
  margin-right: 10px
}

.message_footer .manage_btns .sound_on {
  background-position: -29px 1px
}

.message_footer .manage_btns .sound_on:hover:before {
  content: '효과음ON'
}

.message_footer .manage_btns .sound_off {
  background-position: -58px 1px
}

.message_footer .manage_btns .sound_off:hover {
  background-position: -86px 1px
}

.message_footer .manage_btns .sound_off:hover:before {
  content: '효과음OFF'
}

.message_footer .manage_btns .like {
  background-position: -222px 0
}

.message_footer .manage_btns .like:hover {
  background-position: -248px 0
}

.message_footer .manage_btns .like:hover:before {
  content: '추천하기'
}

.message_footer .manage_btns .star {
  background-position: -275px 0
}

.message_footer .manage_btns .star:hover {
  background-position: -303px 0
}

.message_footer .manage_btns .star:hover:before {
  content: '별사탕 선물'
}

.message_footer .manage_btns .donate {
  background-position: -330px 0
}

.message_footer .manage_btns .donate:hover {
  background-position: -357px 0
}

.message_footer .manage_btns .report {
  background-position: -383px 0
}

.message_footer .manage_btns .report:hover {
  background-position: -410px 0
}

.message_footer .manage_btns .report:hover:before {
  content: '신고하기'
}

.message_footer .manage_btns .clean {
  background-position: -114px 0
}

.message_footer .manage_btns .clean:hover {
  background-position: -142px 0
}

.message_footer .manage_btns .clean:hover:before {
  content: '방청소'
}

.message_footer .manage_btns .mute {
  background-position: -170px 0
}

.message_footer .manage_btns .mute:hover {
  background-position: -196px 0
}

.message_footer .manage_btns .mute:hover:before {
  content: '방얼리기'
}

.tab_container>div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.tab_container .scroll_section {
  flex: 1;
  overflow-y: auto
}

.tab_container .tab_header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d3d3d3
}

.tab_container .tab_header button {
  width: 95px;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #e3e3e3;
  background-color: #fff
}

.tab_container .tab_header button.red {
  background-color: #e74c3c;
  border: 1px solid #cd4334;
  color: #fff
}

.tab_container .tab_header .expand_btn.active {
  border: 1px solid #c9c9ca;
  background-color: #eaeaea;
  outline: none
}

.tab_container ul>li {
  padding: 15px 10px;
  margin-left: 15px
}

.flex_row_spec ul>li {
  padding: 0 1px;
  margin-left: 0
}

.tab_container ul>li:not(:last-child) {
  border-bottom: 1px solid #e3e3e3
}

.tab_container .user_tab .tab_header select {
  height: 35px;
  border: 1px solid #e1e1e2;
  border-radius: 0;
  width: 95px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-left: 5px
}

.tab_container .user_tab .user_filter {
  width: 100%;
  height: 40px;
  display: flex
}

.tab_container .user_tab .user_filter>div {
  flex: 1;
  text-align: center;
  height: 100%;
  line-height: 40px;
  font-size: 13px;
  font-weight: 700;
  color: #7a7c80;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f0f0f0;
  cursor: pointer
}

.tab_container .user_tab .user_filter>div:nth-of-type(1) {
  border-right: 1px solid #d6d6d6
}

.tab_container .user_tab .user_filter>div.active {
  border-bottom: 0;
  background-color: #fff
}

.tab_container .user_tab>ul>li {
  padding-left: 0;
  position: relative
}

.tab_container .user_tab .more_btn {
  padding: 8px;
  margin-left: 10px
}

.tab_container .user_tab .more_btn:before {
  content: '';
  display: block;
  width: 3px;
  height: 13px;
  background: url(/public/img/nchat/sp_nchat.png) no-repeat 0 -30px
}

.tab_container .user_tab .more_btn.active:before {
  background-position: -10px -30px
}

.tab_container .user_tab .owner_badge {
  width: 30px;
  text-align: center;
  background-color: #e74c3c;
  border: 1px solid #d04335;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px
}

.tab_container .user_tab .manager_badge {
  width: 38px;
  text-align: center;
  background-color: #0fa9e5;
  border: 1px solid #156bb6;
  box-sizing: border-box;
  color: #fff;
  font-size: 10px;
  letter-spacing: -.1em
}

.tab_container .user_tab .layer_sideview {
  position: absolute;
  top: 41px;
  right: 10px;
  padding: 10px 0;
  width: 113px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  z-index: 1
}

.tab_container .user_tab .layer_sideview a {
  display: block;
  padding-left: 20px;
  height: 31px;
  line-height: 31px
}

.tab_container .user_tab .layer_sideview a:hover {
  background-color: #ededed
}

.tab_container .info_tab .title {
  margin-bottom: 10px
}

.tab_container .info_tab .title>p {
  color: #999;
  flex: 1
}

.tab_container .info_tab>ul>li {
  margin-left: 0;
  padding: 15px
}

.tab_container .info_tab .modify_btn {
  padding: 3px 5px;
  border: 1px solid #d3d3d3;
  font-size: 11px;
  color: #999;
  outline: none
}

.tab_container .info_tab .modify_btn.ing {
  background-color: #e74c3c;
  border: 1px solid #d04435;
  color: #fff
}

.tab_container .info_tab .modifying input,.tab_container .info_tab .modifying select {
  height: 35px;
  border: 1px solid #e1e1e2;
  border-radius: 0;
  flex: 1;
  padding: 0 10px;
  box-sizing: border-box
}

.tab_container .info_tab .modifying .save_btn {
  width: 45px;
  height: 35px;
  text-align: center;
  background-color: #333;
  color: #fff
}

.tab_container .info_tab .modifying.modify_title .explain_txt {
  margin-top: 8px;
  line-height: 20px
}

.tab_container .info_tab .modifying.modify_whitelist>input {
  display: block;
  width: 100%;
  margin-bottom: 10px
}

.tab_container .info_tab .modifying.modify_whitelist>button {
  align-self: flex-end
}

.tab_container .item_tab>ul>li {
  display: flex;
  align-items: center
}

.tab_container .item_tab>ul>li>img {
  height: 36px;
  object-fit: contain;
  margin-right: 10px
}

.tab_container .item_tab>ul>li>p {
  flex: 1
}

.tab_container .item_tab>ul>li>p>span {
  color: #999;
  margin-left: 3px;
  font-size: 11px
}

.tab_container .item_tab>ul>li>button {
  padding: 5px 10px;
  background-color: #333;
  color: #fff;
  border-radius: 3px
}

.tab_container .item_tab .manage_expand {
  padding: 15px;
  background-color: #fbfbfc;
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a
}

.tab_container .item_tab .manage_expand>p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px
}

.tab_container .item_tab .manage_expand>div:not(:nth-last-of-type(1)) {
  margin-bottom: 8px
}

.tab_container .item_tab .manage_expand .checkbox_item {
  font-size: 13px
}

.tab_container .item_tab .manage_expand .checkbox_item>input {
  margin-right: 8px
}

._master_info_ .profile_image {
  position: relative;
  width: 31px;
  height: 31px
}

._master_info_ .unick {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px
}

.profile_image {
  transition: transform .4s;
  transform-style: preserve-3d
}

._master_info_ .profile_image.best_fam:after {
  top: -10px;
  left: -1px;
  width: 33px;
  height: 42px;
  background-position: -200px 0
}

._master_info_ .profile_image:after {
  position: absolute;
  background: url(/public/img/profile/sp_img_frame.png?v=161010) no-repeat 0 -9999px;
  content: ''
}

._master_info_ .profile_image img {
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.15);
  box-sizing: border-box;
  vertical-align: top
}

.speed_pick_toast {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -100px;
  text-align: center;
  transition: top,bottom .2s cubic-bezier(.47,1.64,.41,.8)
}

.speed_pick_toast div {
  position: relative;
  padding: 10px 30px;
  color: #fff;
  background: rgba(0,0,0,.65);
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer
}

.speed_pick_toast_shake {
  animation: shake .4s
}

@keyframes shake {
  0% {
      transform: translate(1px,1px) rotate(0deg)
  }

  10% {
      transform: translate(-1px,-2px) rotate(-1deg)
  }

  20% {
      transform: translate(-3px,0px) rotate(1deg)
  }

  30% {
      transform: translate(3px,2px) rotate(0deg)
  }

  40% {
      transform: translate(1px,-1px) rotate(1deg)
  }

  50% {
      transform: translate(-1px,2px) rotate(-1deg)
  }

  60% {
      transform: translate(-3px,1px) rotate(0deg)
  }

  70% {
      transform: translate(3px,1px) rotate(-1deg)
  }

  80% {
      transform: translate(-1px,-1px) rotate(1deg)
  }

  90% {
      transform: translate(1px,2px) rotate(0deg)
  }

  100% {
      transform: translate(1px,-2px) rotate(-1deg)
  }
}

.room_top .rank_section { cursor: default }
.room_top .score_summary_box {
    position: absolute;
    left: 12px;
    top: 68px;
    background-color: #0075ff;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    min-width: 590px;
    display: none;
    line-height: 16px;
    z-index: 10;
}

.global_chat_list { 
	width: 100%;
	flex: 1;
	padding: 0;
	display: flex;
	flex-direction: column;
	z-index: 0;
	-webkit-font-smoothing: antialiased;
}

.global_chat_list .notify_admin {
	padding: 10px;
	background-color: #e74c3c;
	border: 1px solid #d74738;
	color: #fff;
	margin: 3px 0 5px;
	word-break: break-all;
	display: flex;
	align-items: center;
	position: relative;
}

.global_chat_list .notify_admin>img {
	margin-right: 8px;
	align-self: flex-start;
}

.level {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

img {
	border: none;
}

.global_chat_list .notify_admin {
	padding: 10px;
	background-color: #e74c3c;
	border: 1px solid #d74738;
	color: #fff;
	margin: 3px 0 5px 10px;
	word-break: break-all;
	display: flex;
	align-items: center;
	position: relative;
}

.global_chat_list .chat_item {
	padding: 5px 10px;
}

.global_chat_list .chat_user {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	position: relative;
	cursor: pointer;
	width: fit-content;
}

.global_chat_list .chat_user>p {
	font-weight: 700;
	margin: 0px;
}

.global_chat_list .chat_user .user_menu {
	position: absolute;
	left: 10%;
	top: 10px;
	background-color: #fff;
	border: 1px solid #34495e;
	width: 130px;
	z-index: 2;
	border-radius: 5px;
	overflow: hidden;
	display: none;
}

.global_chat_list .chat_user .user_menu>li:nth-of-type(1) {
	background-color: #34495e;
	color: #fff;
	padding: 8px 13px;
}

.global_chat_list .chat_user .user_menu>li:not(:nth-of-type(1)) {
	border-bottom: 1px solid #e4e4e4;
	margin-left: 10px;
	padding: 8px 10px 8px 5px;
}

.global_chat_list .chat_msg {	
	width: fit-content;
	margin-left: 10px;
	line-height: 24px;
	word-break: break-all;
	position: relative;
  top: -10px;
	display: inline;
}

.contents_blue {
	font-size: 14px;
	font-weight: 700;
	color: #1c5ad5 !important;
}

.global_chat_list .chat_user {
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	position: relative;
	cursor: pointer;
	width: fit-content;
}

.global_chat_list .ani_item {
	margin: 5px 10px;
	position: relative;
	border-radius: 10px;
	border: 1px dashed #bbbbba;
}

.global_chat_list .star_sticker .simple_box {
	padding-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.global_chat_list .star_sticker .simple_box>img {
	width: 50%;
	height: 50%;
	margin-bottom: 5px;
}

.global_chat_list .sender_wrap {
	max-width: 90%;
	margin: 10px auto;
	width: fit-content;
	width: -moz-fit-content;
}

.global_chat_list .star_sticker .sender {
	justify-content: center;
}

.global_chat_list .sender:not(:last-child) {
	margin-bottom: 3px;
}

.global_chat_list .star_sticker .sender>p {
	flex: inherit !important;
}

.global_chat_list .sender>p {
	cursor: pointer;
	margin-left: 2px;
}

.global_chat_list .sender>img {
	margin: 0 2px 0 3px;
}

.global_chat_list .sender {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

.global_chat_list .chat_user>img {
	margin-right: 5px;
}

.nchat_container .message_wrap>div {
    display: block;
    align-items: center;
    padding: 10px 0;   
}

.chatapp .messages {
    position: relative; 
    height: auto;
    margin-right: 10px;
    overflow-x: hidden;
}

.chatapp .message {
    display: flex;
    align-items: center;
   padding: 5px 10px;
}
.nchat_container .message_wrap {
    flex: 1;   
    overflow-x: hidden;
}
.chat_item { }