@charset "utf-8";

/* font size 관련 class */
.font-size-s .Chat .messages-chat-list li {
  font-size: 11px;
}

.font-size-s .Chat .messages-chat-list li.dateinfo p {
  font-size: 11px;
}

.font-size-s .Chat .messages-chat-list li .msgname {
  font-size: 12px;
}

.font-size-s .Chat .messages-chat-list li .file-name {
  font-size: 12px;
}

.font-size-s .Chat .messages-chat-list li .file-func-txt {
  font-size: 10px;
}

.font-size-l .Chat .messages-chat-list li {
  font-size: 15px;
}

.font-size-l .Chat .messages-chat-list li.dateinfo p {
  font-size: 15px;
}

.font-size-l .Chat .messages-chat-list li .msgname {
  font-size: 16px;
}

.font-size-l .Chat .messages-chat-list li .file-name {
  font-size: 16px;
}

.font-size-l .Chat .messages-chat-list li .file-func-txt {
  font-size: 14px;
}

/* theme */
/*  PURPLE ============================================================================================================== */
.purple .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_purple.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.purple .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_purple.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.purple .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_purple.svg)
    no-repeat center;
  background-size: 15px 15px;
}

.purple input[id="chkStyle03"]:checked + label {
  background-color: #745fe2;
  border: 2px solid #745fe2;
}
.purple input[id="chkStyle04"]:checked + label {
  background-color: #745fe2;
  border: 2px solid #745fe2;
}
.purple .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_purple.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.purple .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #9337ef 0%, #2778fb 100%) 0% 0%
    no-repeat padding-box;
}
.purple .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #9337ef 0%, #2778fb 100%) 0% 0% no-repeat border-box;
  color: #9337ef;
}
.purple .menu {
  background: #e6e1ff;
}
.purple .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #745fe2;
}
.purple .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #745fe2;
}
.purple .menu .menu-ul .menu-div-line {
  background-color: #745fe280;
}
.purple .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_purple.svg)
    no-repeat 0 0;
}
.purple .OrgList .org_tree_wrap li:last-child a {
  background-color: #745fe2;
}
.purple .messages-chat-list li.replies .msgtxt {
  background: #e6e1ff;
}
.purple .opt_setting.on {
  background: #745fe2;
}
.purple .Config-save-btn {
  border: 1px solid #745fe2;
  color: #745fe2;
}
.purple .photocheck {
  border: 4px solid #745fe2;
}
.purple .popup-layer .tittxt:after {
  background: #745fe2;
}
.purple .chat-sync-date {
  float: right;
  color: #745fe2;
}
.purple .Btn-pointcolor-full {
  background: #745fe2;
}
.purple .messages-chat-list .chatinfo .Unreadcount {
  color: #745fe2;
}
.purple .profileheader {
  background: #e6e1ff;
}
.purple .cover_profile.type2 .abcense-wrap {
  border: 1px solid #745fe2;
  color: #745fe2;
}
.purple .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #745fe2;
}
.purple .NoticeLayer .notice-ico {
  background: #745fe2
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.purple .colortxt-point {
  color: #745fe2;
}
.purple
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #745fe2;
}
.purple .progress-wrap .progress-box .progress-bar .progress {
  background-color: #745fe2;
}
.purple .Chat .top {
  background: #e6e1ff;
}
.purple .MessageList .alarm {
  background-color: #e6e1ff99;
}
.purple .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_purple.svg)
    no-repeat center;
}
.purple .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_purple.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.purple .people .person .absence {
  border: 1px solid #745fe2;
}
.purple .rightCont .alwaysontop.active {
  background: #745fe2
    url(/chatStyleDefault/common/image/common/ico_pin_black.svg) no-repeat
    center;
}

.purple .NoteList .note_tree_wrap li.active a {
  background-color: #745fe2;
}
.purple .NoteList .note_info .txt .count {
  color: #745fe2;
}
.purple .Btn-pointcolor-mini {
  background: #745fe2;
}
.purple .receive-box .rtxt {
  color: #745fe2;
  border: 1px solid #745fe2;
}
.purple .groupEditBtn {
  background: #745fe2;
  border: 1px solid #745fe2;
}
.purple .system-talk .system-btn {
  background-color: #745fe2;
}

.purple .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_purple.svg)
    no-repeat center !important;
}
.purple .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_purple.svg)
    no-repeat center !important;
}

.purple .NewMessageBtn {
  background: #745fe2;
}
.purple .NewMessageBtn .closeWrap {
  fill: #745fe2;
}

.purple .mentionColor {
  color: #745fe2;
}
/*  BLUE ============================================================================================================== */
.blue .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_blue.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.blue .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_blue.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.blue .chkStyle01 input[type="radio"]:checked + label span {
  background: #0095eb
    url(/chatStyleDefault/common/image/common/ico_checkbox_blue.svg) no-repeat
    center;
  background-size: 15px 15px;
}

.blue input[id="chkStyle03"]:checked + label {
  background-color: #0095eb;
  border: 2px solid #0095eb;
}
.blue input[id="chkStyle04"]:checked + label {
  background-color: #0095eb;
  border: 2px solid #0095eb;
}
.blue .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_blue.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.blue .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #0095eb 0%, #52d4ef 100%) 0% 0%
    no-repeat padding-box;
}
.blue .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #0095eb 0%, #52d4ef 100%) 0% 0% no-repeat border-box;
  color: #0095eb;
}
.blue .menu {
  background: #cceafb;
}
.blue .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #0095eb;
}
.blue .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #0095eb;
}
.blue .menu .menu-ul .menu-div-line {
  background-color: #0095eb80;
}
.blue .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_blue.svg)
    no-repeat 0 0;
}
.blue .OrgList .org_tree_wrap li:last-child a {
  background-color: #0095eb;
}
.blue .messages-chat-list li.replies .msgtxt {
  background: #cceafb;
}
.blue .opt_setting.on {
  background: #0095eb;
}
.blue .Config-save-btn {
  border: 1px solid #0095eb;
  color: #0095eb;
}
.blue .photocheck {
  border: 4px solid #0095eb;
}
.blue .popup-layer .tittxt:after {
  background: #0095eb;
}
.blue .chat-sync-date {
  float: right;
  color: #0095eb;
}
.blue .Btn-pointcolor-full {
  background: #0095eb;
}
.blue .messages-chat-list .chatinfo .Unreadcount {
  color: #0095eb;
}
.blue .profileheader {
  background: #cceafb;
}
.blue .cover_profile.type2 .abcense-wrap {
  border: 1px solid #0095eb;
  color: #0095eb;
}
.blue .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #0095eb;
}
.blue .NoticeLayer .notice-ico {
  background: #0095eb
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.blue .colortxt-point {
  color: #0095eb;
}
.blue
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #0095eb;
}
.blue .progress-wrap .progress-box .progress-bar .progress {
  background-color: #0095eb;
}
.blue .Chat .top {
  background: #cceafb;
}
.blue .MessageList .alarm {
  background-color: #cceafb99;
}
.blue .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_blue.svg)
    no-repeat center;
}
.blue .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_blue.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.blue .people .person .absence {
  border: 1px solid #0095eb;
}
.blue .rightCont .alwaysontop.active {
  background: #0095eb
    url(/chatStyleDefault/common/image/common/ico_pin_black.svg) no-repeat
    center;
}

.blue .NoteList .note_tree_wrap li.active a {
  background-color: #0095eb;
}
.blue .NoteList .note_info .txt .count {
  color: #0095eb;
}
.blue .Btn-pointcolor-mini {
  background: #0095eb;
}
.blue .receive-box .rtxt {
  color: #0095eb;
  border: 1px solid #0095eb;
}
.blue .groupEditBtn {
  background: #0095eb;
  border: 1px solid #0095eb;
}
.blue .system-talk .system-btn {
  background-color: #0095eb;
}

.blue .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_blue.svg)
    no-repeat center !important;
}
.blue .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_blue.svg)
    no-repeat center !important;
}

.blue .NewMessageBtn {
  background: #0095eb;
}
.blue .NewMessageBtn .closeWrap {
  fill: #0095eb;
}

.blue .mentionColor {
  color: #0095eb;
}
/*  RED ============================================================================================================== */
.red .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_red.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.red .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_red.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.red .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_red.svg)
    no-repeat center;
  background-size: 15px 15px;
}

.red input[id="chkStyle03"]:checked + label {
  background-color: #f04040;
  border: 2px solid #f04040;
}
.red input[id="chkStyle04"]:checked + label {
  background-color: #f04040;
  border: 2px solid #f04040;
}
.red .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_red.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.red .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #f04040 0%, #fe7d6a 100%) 0% 0%
    no-repeat padding-box;
}
.red .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #f04040 0%, #fe7d6a 100%) 0% 0% no-repeat border-box;
  color: #f04040;
}
.red .menu {
  background: #fedbdb;
}
.red .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #f04040;
}
.red .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #f04040;
}
.red .menu .menu-ul .menu-div-line {
  background-color: #f0404080;
}
.red .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_red.svg)
    no-repeat 0 0;
}
.red .OrgList .org_tree_wrap li:last-child a {
  background-color: #f04040;
}
.red .messages-chat-list li.replies .msgtxt {
  background: #fedbdb;
}
.red .opt_setting.on {
  background: #f04040;
}
.red .Config-save-btn {
  border: 1px solid #f04040;
  color: #f04040;
}
.red .photocheck {
  border: 4px solid #f04040;
}
.red .popup-layer .tittxt:after {
  background: #f04040;
}
.red .chat-sync-date {
  float: right;
  color: #f04040;
}
.red .Btn-pointcolor-full {
  background: #f04040;
}
.red .messages-chat-list .chatinfo .Unreadcount {
  color: #f04040;
}
.red .profileheader {
  background: #fedbdb;
}
.red .cover_profile.type2 .abcense-wrap {
  border: 1px solid #f04040;
  color: #f04040;
}
.red .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #f04040;
}
.red .NoticeLayer .notice-ico {
  background: #f04040
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.red .colortxt-point {
  color: #f04040;
}
.red
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #f04040;
}
.red .progress-wrap .progress-box .progress-bar .progress {
  background-color: #f04040;
}
.red .Chat .top {
  background: #fedbdb;
}
.red .MessageList .alarm {
  background-color: #fedbdb99;
}
.red .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_red.svg)
    no-repeat center;
}
.red .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_red.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.red .people .person .absence {
  border: 1px solid #f04040;
}
.red .rightCont .alwaysontop.active {
  background: #f04040
    url(/chatStyleDefault/common/image/common/ico_pin_black.svg) no-repeat
    center;
}

.red .NoteList .note_tree_wrap li.active a {
  background-color: #f04040;
}
.red .NoteList .note_info .txt .count {
  color: #f04040;
}
.red .Btn-pointcolor-mini {
  background: #f04040;
}
.red .receive-box .rtxt {
  color: #f04040;
  border: 1px solid #f04040;
}
.red .groupEditBtn {
  background: #f04040;
  border: 1px solid #f04040;
}
.red .system-talk .system-btn {
  background-color: #f04040;
}

.red .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_red.svg)
    no-repeat center !important;
}
.red .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_red.svg) no-repeat
    center !important;
}

.red .NewMessageBtn {
  background: #f04040;
}
.red .NewMessageBtn .closeWrap {
  fill: #f04040;
}

.red .mentionColor {
  color: #f04040;
}
/*  GREEN ============================================================================================================== */
.green .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_green.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.green .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_green.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.green .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_green.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.green input[id="chkStyle03"]:checked + label {
  background-color: #6fb128;
  border: 2px solid #6fb128;
}
.green input[id="chkStyle04"]:checked + label {
  background-color: #6fb128;
  border: 2px solid #6fb128;
}
.green .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_green.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.green .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #6fb128 0%, #73dc99 100%) 0% 0%
    no-repeat padding-box;
}
.green .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #6fb128 0%, #73dc99 100%) 0% 0% no-repeat border-box;
  color: #6fb128;
}
.green .menu {
  background: #e2efd4;
}
.green .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #6fb128;
}
.green .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #6fb128;
}
.green .menu .menu-ul .menu-div-line {
  background-color: #6fb12880;
}
.green .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_green.svg)
    no-repeat 0 0;
}
.green .OrgList .org_tree_wrap li:last-child a {
  background-color: #6fb128;
}
.green .messages-chat-list li.replies .msgtxt {
  background: #e2efd4;
}
.green .opt_setting.on {
  background: #6fb128;
}
.green .Config-save-btn {
  border: 1px solid #6fb128;
  color: #6fb128;
}
.green .photocheck {
  border: 4px solid #6fb128;
}
.green .popup-layer .tittxt:after {
  background: #6fb128;
}
.green .chat-sync-date {
  float: right;
  color: #6fb128;
}
.green .Btn-pointcolor-full {
  background: #6fb128;
}
.green .messages-chat-list .chatinfo .Unreadcount {
  color: #6fb128;
}
.green .profileheader {
  background: #e2efd4;
}
.green .cover_profile.type2 .abcense-wrap {
  border: 1px solid #6fb128;
  color: #6fb128;
}
.green .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #6fb128;
}
.green .NoticeLayer .notice-ico {
  background: #6fb128
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.green .colortxt-point {
  color: #6fb128;
}
.green
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #6fb128;
}
.green .progress-wrap .progress-box .progress-bar .progress {
  background-color: #6fb128;
}
.green .Chat .top {
  background: #e2efd4;
}
.green .MessageList .alarm {
  background-color: #e2efd499;
}
.green .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_green.svg)
    no-repeat center;
}
.green .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_green.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.green .people .person .absence {
  border: 1px solid #6fb128;
}
.green .rightCont .alwaysontop.active {
  background: #6fb128
    url(/chatStyleDefault/common/image/common/ico_pin_black.svg) no-repeat
    center;
}

.green .NoteList .note_tree_wrap li.active a {
  background-color: #6fb128;
}
.green .NoteList .note_info .txt .count {
  color: #6fb128;
}
.green .Btn-pointcolor-mini {
  background: #6fb128;
}
.green .receive-box .rtxt {
  color: #6fb128;
  border: 1px solid #6fb128;
}
.green .groupEditBtn {
  background: #6fb128;
  border: 1px solid #6fb128;
}
.green .system-talk .system-btn {
  background-color: #6fb128;
}

.green .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_green.svg)
    no-repeat center !important;
}
.green .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_green.svg)
    no-repeat center !important;
}

.green .NewMessageBtn {
  background: #6fb128;
}
.green .NewMessageBtn .closeWrap {
  fill: #6fb128;
}

.green .mentionColor {
  color: #6fb128;
}
/*  Black ============================================================================================================== */
.black .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_black.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.black .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_black.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.black input[id="chkStyle03"]:checked + label {
  background-color: #333;
  border: 2px solid #333;
}
.black input[id="chkStyle04"]:checked + label {
  background-color: #333;
  border: 2px solid #333;
}
.black .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_black.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.black .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_black.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.black .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #333333 0%, #959595 100%) 0% 0%
    no-repeat padding-box;
}
.black .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #333333 0%, #959595 100%) 0% 0% no-repeat border-box;
  color: #333333;
}
.black .menu {
  background: #dedede;
}
.black .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #333;
}
.black .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #333;
}
.black .menu .menu-ul .menu-div-line {
  background-color: #33333380;
}
.black .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_black.svg)
    no-repeat 0 0;
}
.black .OrgList .org_tree_wrap li:last-child a {
  background-color: #333;
}
.black .messages-chat-list li.replies .msgtxt {
  background: #dedede;
}
:not(.black) .messages-chat-list li.replies .msgtxt span.mention {
  color: black;
}
.black .messages-chat-list li.replies .msgtxt span.mention {
  color: white;
}
.black .opt_setting.on {
  background: #333;
}
.black .Config-save-btn {
  border: 1px solid #333;
  color: #333;
}
.black .photocheck {
  border: 4px solid #333;
}
.black .popup-layer .tittxt:after {
  background: #333;
}
.black .chat-sync-date {
  float: right;
  color: #333;
}
.black .Btn-pointcolor-full {
  background: #333;
}
.black .messages-chat-list .chatinfo .Unreadcount {
  color: #333;
}
.black .profileheader {
  background: #dedede;
}
.black .cover_profile.type2 .abcense-wrap {
  border: 1px solid #333;
  color: #333;
}
.black .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #333;
}
.black .NoticeLayer .notice-ico {
  background: #333
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.black .colortxt-point {
  color: #333;
}
.black
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #333;
}
.black .progress-wrap .progress-box .progress-bar .progress {
  background-color: #333;
}
.black .Chat .top {
  background: #dedede;
}
.black .MessageList .alarm {
  background-color: #dedede99;
}
.black .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_black.svg)
    no-repeat center;
}
.black .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_black.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.black .people .person .absence {
  border: 1px solid #333;
}
.black .rightCont .alwaysontop.active {
  background: #333 url(/chatStyleDefault/common/image/common/ico_pin_black.svg)
    no-repeat center;
}
.black .profileheader .closebtn {
  background: url(/chatStyleDefault/common/image/common/ico_cancelbutton_white.svg)
    no-repeat center !important;
  height: 48px;
  width: 48px;
  display: inline-block;
}
.black .NoteList .note_tree_wrap li.active a {
  background-color: #333;
}
.black .NoteList .note_info .txt .count {
  color: #333;
}
.black .Btn-pointcolor-mini {
  background: #333;
}
.black .receive-box .rtxt {
  color: #333;
  border: 1px solid #333;
}
.black .groupEditBtn {
  background: #333;
  border: 1px solid #333;
}
.black .system-talk .system-btn {
  background-color: #333;
}

.black .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_black.svg)
    no-repeat center !important;
}
.black .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_black.svg)
    no-repeat center !important;
}

.black .NewMessageBtn {
  background: #333;
}
.black .NewMessageBtn .closeWrap {
  fill: #333;
}

.black .mentionColor {
  color: #000;
}
/*  Yellow ============================================================================================================== */
.yellow .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_yellow.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.yellow .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_yellow.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.yellow .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_yellow.svg)
    no-repeat center;
  background-size: 15px 15px;
}

.yellow input[id="chkStyle03"]:checked + label {
  background-color: #ffbb00;
  border: 2px solid #ffbb00;
}
.yellow input[id="chkStyle04"]:checked + label {
  background-color: #ffbb00;
  border: 2px solid #ffbb00;
}
.yellow .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_yellow.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.yellow .LoginBox .LoginBtn.Type1 {
  background: transparent linear-gradient(80deg, #ffbb00 0%, #ffe591 100%) 0% 0%
    no-repeat padding-box;
}
.yellow .LoginBox .LoginBtn.Type2 {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(80deg, #ffbb00 0%, #ffe591 100%) 0% 0% no-repeat border-box;
  color: #ffbb00;
}
.yellow .menu {
  background: #fff1cc;
}
.yellow .menu .menu-ul .menu-li.active .menu-li-svg path {
  fill: #ffbb00;
}
.yellow .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #ffbb00;
}
.yellow .menu .menu-ul .menu-div-line {
  background-color: #ffbb0080;
}
.yellow .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_yellow.svg)
    no-repeat 0 0;
}
.yellow .OrgList .org_tree_wrap li:last-child a {
  background-color: #ffbb00;
}
.yellow .messages-chat-list li.replies .msgtxt {
  background: #fff1cc;
}
.yellow .opt_setting.on {
  background: #ffbb00;
}
.yellow .Config-save-btn {
  border: 1px solid #ffbb00;
  color: #ffbb00;
}
.yellow .photocheck {
  border: 4px solid #ffbb00;
}
.yellow .popup-layer .tittxt:after {
  background: #ffbb00;
}
.yellow .chat-sync-date {
  float: right;
  color: #ffbb00;
}
.yellow .Btn-pointcolor-full {
  background: #ffbb00;
}
.yellow .messages-chat-list .chatinfo .Unreadcount {
  color: #ffbb00;
}
.yellow .profileheader {
  background: #fff1cc;
}
.yellow .cover_profile.type2 .abcense-wrap {
  border: 1px solid #ffbb00;
  color: #ffbb00;
}
.yellow .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #ffbb00;
}
.yellow .NoticeLayer .notice-ico {
  background: #ffbb00
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.yellow .colortxt-point {
  color: #ffbb00;
}
.yellow
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #ffbb00;
}
.yellow .progress-wrap .progress-box .progress-bar .progress {
  background-color: #ffbb00;
}
.yellow .Chat .top {
  background: #fff1cc;
}
.yellow .MessageList .alarm {
  background-color: #fff1cc99;
}
.yellow .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_yellow.svg)
    no-repeat center;
}
.yellow .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_yellow.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.yellow .people .person .absence {
  border: 1px solid #ffbb00;
}
.yellow .rightCont .alwaysontop.active {
  background: #ffbb00
    url(/chatStyleDefault/common/image/common/ico_pin_black.svg) no-repeat
    center;
}

.yellow .NoteList .note_tree_wrap li.active a {
  background-color: #ffbb00;
}
.yellow .NoteList .note_info .txt .count {
  color: #ffbb00;
}
.yellow .Btn-pointcolor-mini {
  background: #ffbb00;
}
.yellow .receive-box .rtxt {
  color: #ffbb00;
  border: 1px solid #ffbb00;
}
.yellow .groupEditBtn {
  background: #ffbb00;
  border: 1px solid #ffbb00;
}
.yellow .system-talk .system-btn {
  background-color: #ffbb00;
}

.yellow .profile-photo.group {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_closed_yellow.svg)
    no-repeat center !important;
}
.yellow .profile-photo.group-open {
  background: #fff
    url(/chatStyleDefault/common/image/common/ico_folder_open_yellow.svg)
    no-repeat center !important;
}

.yellow .NewMessageBtn {
  background: #ffbb00;
}
.yellow .NewMessageBtn .closeWrap {
  fill: #ffbb00;
}

.yellow .mentionColor {
  color: #ffbb00;
}
/*  DarkMode ============================================================================================================== */
.dark .TopBar {
  background: #222;
  color: #fff;
}
.dark .TopBar {
  border-bottom: 1px solid #555;
}
.dark .TopBar .topbar-name {
  color: #fff;
}
.dark .TopBar .rightCont .alwaysontop {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_pin_black_dark.svg) no-repeat
    center;
}
.dark .TopBar .rightCont .minisize {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_topbar_mini_dark.svg)
    no-repeat center;
}
.dark .TopBar .rightCont .close {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_topbar_close_dark.svg)
    no-repeat center;
}
/* 로그인 */
.dark,
.dark .LoginInputBox .LoginInput {
  background-color: #222;
}
.dark .LoginInputBox .LoginInput {
  border-bottom: 1px solid #555555;
}
.dark .LoginBox .eumtalkText,
.dark .LoginBox .loginText,
.dark .LoginInputBox .LoginInput,
.dark .Topheader .TopTitle,
.dark .Searchbar input,
.dark .people .person .name,
.dark .people .person a,
.dark .people .person .absence > span:first-child,
.dark .ChannelListHorizon .channel .item .channelName,
.dark .people .person .channelName,
.dark .NoteList .note_info .txt,
.dark .NoteList .note_info .note_btn a,
.dark .NoteList .people .person .tit {
  color: #ffffff;
}
.dark .chkStyle01 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_dark.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.dark .chkStyle02 input[type="checkbox"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_check_dark.svg)
    no-repeat center;
  background-size: 20px 20px;
}
.dark .chkStyle01 input[type="radio"]:checked + label span {
  background: url(/chatStyleDefault/common/image/common/ico_checkbox_dark.svg)
    no-repeat center;
  background-size: 15px 15px;
}
.dark input[id="chkStyle03"]:checked + label {
  background-color: #222;
  border: 2px solid #222;
}
.dark input[id="chkStyle04"]:checked + label {
  background-color: #555;
  border: 2px solid #666;
}

.dark .LoginBox .logo-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_purple.svg)
    no-repeat center;
  background-size: 80px 80px;
}
.dark .LoginBox .chkStyle01,
.dark .LoginBox .loginOptionBox .link_select_box a {
  color: #ababab;
}
.dark .LoginBox .loginOptionBox .link_select_box a:after {
  background: url(/chatStyleDefault/common/image/common/ico_select_arrow_dark.svg)
    no-repeat center;
}
.dark .LoginBox .LoginBtn.Type1 {
  background: #454545 0% 0% no-repeat padding-box;
}
.dark .LoginBox .LoginBtn.Type2 {
  background: #222 0% 0% no-repeat padding-box;
  border: 1px solid #454545;
  color: #ffffff;
}
.dark .LoginBox .IpSecurityBtn {
  border: 1px solid #555555;
}
.dark .menu {
  background: #353535;
}
.dark .menu .menu-ul .menu-li.active {
  background-color: #555555;
}
.dark .menu .menu-ul .menu-li.active .menu-li-svg path,
.dark .menu .menu-ul .menu-li.active .menu-li-svg rect {
  fill: #222;
}
.dark .menu .menu-ul .menu-div-line {
  background-color: #99999980;
}
.dark .menu-bottom-box .bell {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_bell_off_dark.svg)
    no-repeat center;
}
.dark .menu-bottom-box .bell.active {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_bell_dark.svg)
    no-repeat center;
}
.dark .menu-bottom-box .more {
  background: url(/chatStyleDefault/common/image/common/ico_setting_dark.svg)
    no-repeat center;
}
.dark .react-contextmenu {
  background: #454545 0% 0% no-repeat padding-box;
  color: #ffffff;
}
.dark .react-contextmenu-item.react-contextmenu-item--divider {
  background: #555;
}
.dark .react-contextmenu .react-contextmenu-item strong {
  color: #ffffff !important;
}
.dark .Topheader .headerBtnBox button svg path,
.dark .Searchbar input,
.Searchbar .searchico svg path {
  fill: #999999;
}
.dark .Searchbar,
.dark .ListDivisionLine:hover,
.dark .people li:hover,
.dark .people ul:hover,
.dark .MessageList .people .person.active,
.dark .MessageList .people .person:hover,
.dark .chat_sticker_list a:hover,
.dark .addemaillist > li:hover,
.dark .Mention-list > ul > li > a:hover,
.dark .react-contextmenu .react-contextmenu-item:hover {
  background-color: #353535;
}
.dark .OrgList .org_tree_wrap {
  border-bottom: 1px solid #353535;
}
.dark .OrgList .org_tree_wrap .top_folder {
  background: url(/chatStyleDefault/common/image/common/ico_folder_arrow_dark.svg)
    no-repeat 0 0;
}
.dark .OrgList .org_tree_wrap li a,
.dark .NoteList .note_tree_wrap li a {
  background-color: #353535;
  color: #ffffff;
}
.dark .OrgList .org_tree_wrap li:last-child a,
.dark .NoteList .note_tree_wrap li.active a {
  background-color: #777777;
  color: #ffffff;
}
.dark .OrgList .people .SbTitleDiv:hover {
  background: #353535;
}
.dark .opt_setting.on {
  background: #222;
}
.dark .Config-save-btn {
  border: 1px solid #222;
  color: #222;
}
.dark .photocheck {
  border: 4px solid #222;
}
.dark .Btn-pointcolor-full {
  background: #222;
}
.dark .colortxt-point {
  color: #fff;
}
/* 채팅 */
.dark .people .person .preview {
  color: #ddd;
}
.dark .SearchLayer,
.dark .Chat {
  background: #222 !important;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #555555;
}
.dark .Chat .SearchLayer .Searchbar {
  background-color: #353535;
  color: #999999;
  border: 1px solid #555555;
}
.dark .Chat .SearchLayer button {
  color: #ffffff;
}
.dark .SearchLayer-control {
  background-color: #353535;
  color: #999999;
}
.dark .SearchLayer-control .numbertxt {
  color: #999999 !important;
}
.dark .MessageList .alarm {
  background-color: #353535;
}
.dark .MessageList .alarm .people .person .alarm-photo {
  background: url(/chatStyleDefault/common/image/common/ico_alarm_talk_dark.svg)
    no-repeat center;
}
.dark .MessageList .alarm .people .person .alarm-img {
  background: url(/chatStyleDefault/common/image/common/eum_logo_dark.svg)
    no-repeat center;
  background-size: 40px 40px;
}
.dark .alarm .cZbPzu {
  color: #fff;
}
.dark .start-chat-wrap {
  background: #353535;
}
.dark .start-chat-wrap .start-chat-img {
  background: url(/chatStyleDefault/common/image/common/img_startchat_dark.svg)
    no-repeat center;
  background-size: 120px auto;
}
.dark
  .Chat
  .message-input
  .input-bottombox
  .input-icobox
  button.active
  svg
  path {
  fill: #ffffff;
}
.dark .progress-wrap .progress-box .progress-bar .progress {
  background-color: #222;
}
.dark .Chat .top,
.dark .Chat .top span {
  background: #353535;
  color: #ffffff;
}
.dark .Chat .top .LeftMenuBox svg path {
  fill: #fff;
}
.dark .dateinfo p,
.dark .meassage-newline p {
  background-color: #353535;
  color: #999999;
}
.dark .messages-chat-list li .msgname,
.dark .Chat .message-input .message-to-send {
  color: #ffffff;
}
.dark .messages-chat-list li.replies .msgtxt,
.dark .messages-chat-list li.replies .msgtxt span {
  background: #555555;
  color: #ffffff;
}
.dark .messages-chat-list li.sent .msgtxt,
.dark .messages-chat-list li.sent .msgtxt a,
.dark .messages-chat-list li.sent .msgtxt span {
  background: #353535;
  color: #ffffff;
}
.dark .chat-sync-date {
  float: right;
  color: #222;
}
.dark .messages-chat-list .chatinfo .Unreadcount {
  color: #ababab;
}
.dark .Chat .message-input {
  border: 1px solid #555555;
  background-color: #222222;
}
.dark .Chat .message-input .message-to-send {
  background-color: #222222;
}
.dark .Chat .message-input .input-bottombox .sendbtn {
  background: #777777;
}
.dark .Chat .message-input .input-bottombox .sendbtn:hover {
  background: #555555;
}
.dark .Chat .message-input .input-bottombox .sendbtn svg path {
  fill: #fff;
}
.dark .system-talk .msgtxt {
  border: 1px solid #555;
  background: #222
    url(/chatStyleDefault/common/image/common/ico-alarm-bell-dark.svg) no-repeat
    20px 30px !important;
}
.dark .system-talk .system-btn {
  background-color: #555;
}
.dark .system-talk .msgtxt span {
  background: #222 !important;
  color: #fff;
}
.dark .chat_sticker,
.dark .chat_sticker_list {
  border-color: #555;
  background-color: #353535;
}
.dark .chat_sticker_tab .chat_sticker_prev,
.dark .chat_sticker_tab .chat_sticker_next,
.dark .chat_sticker_tab .chat_lst_sticker_set button,
.dark .chat_sticker_tab .chat_lst_sticker_set .btn_setup {
  background-color: #353535;
}
.dark .chat_sticker_tab .chat_lst_sticker_set > li .stickerPackBtn:hover {
  background: #777;
}
.dark .chat_sticker_list a:hover {
  background: #777;
  border-radius: 10px;
}
.dark .chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  background-color: #fff;
}
.dark .chat_sticker_tab .chat_lst_sticker_set button,
.dark .chat_sticker_tab .chat_lst_sticker_set .btn_setup {
  background-color: #353535;
}
.dark .NoticeLayer {
  background: #555555;
  border-bottom: 1px solid #777;
}
.dark .NoticeBtn {
  background: #999 url(/chatStyleDefault/common/image/common/ico_notice.svg)
    no-repeat center;
  box-shadow: none;
}
.dark .ChatDownBtn {
  background: #000
    url(/chatStyleDefault/common/image/common/ico_chatdownbtn.svg) no-repeat
    center;
  box-shadow: none;
  border: 1px solid #333;
}
.dark .NoticeLayer .notice-ico {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_notice-white.svg) no-repeat
    center;
}
.dark .notice-message-box,
.dark .file-message,
.dark .file-message:hover,
.dark .Before-file-transfer,
.dark .file-doc-list {
  color: #fff !important;
  background: #222 !important;
  border: 1px solid #555 !important;
}
.dark .NoticeLayer .notice-txt .txt,
.dark .NoticeLayer .notice-txt .txt a,
.dark .NoticeLayer .notice-txt .subtxt,
.dark .file-info-txt p,
.dark .file-func-list,
.dark .file-name {
  color: #ffffff !important;
}
.dark .file-name {
  font-weight: bold;
}
.dark .notice-message-box .sys-tit svg path,
.dark .notice-message-box .sys-tit svg rect {
  stroke: #fff;
}
.dark .Before-file-transfer .del {
  background: url(/chatStyleDefault/common/image/common/ico_select_delete_dark.svg)
    no-repeat 0 0;
}
.dark .cover_chat_menu {
  background: #222;
}
.dark .cover_chat_menu .MenuList a,
.dark .AddnPersonlist,
.dark .InviteUser .Addusertxt {
  color: #ffffff;
}
.dark .cover_chat_menu .divideline {
  border-bottom: 1px solid #555;
}
.dark .cover_chat_menu .MenuList ul li a:hover {
  background: #353535;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_01 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_01.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_02 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_02.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_03 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_03.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_04 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_04.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_05 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_05.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList .c_menu_ico_06 {
  background: url(/chatStyleDefault/common/image/common/ico_chatmenu_dark_06.svg)
    no-repeat 0 center;
  background-size: 17px;
}
.dark .cover_chat_menu .MenuList ul li a .c_menu_ico svg path {
  fill: #fff;
}
.dark .cover_chat_menu .BottomContent {
  background: #353535;
  border-top: 1px solid #555;
}
.dark .InviteUser .Extuserbox {
  background: #353535;
  border: 1px solid #555;
}
.dark .InviteUser .AddBoxIco {
  background: #353535 url(/chatStyleDefault/common/image/common/ico_plus.svg)
    no-repeat center;
  border: 1px solid #555;
}
.dark .color-box .topH_colorSbox,
.dark .color-box .topH_colorS li {
  border: 2px solid #999;
}
.dark .color-box .topH_colorSbox span:after {
  background: none;
}
.dark .Layer-fileView .file-message {
  border: 0 !important;
  border-bottom: 1px solid #555 !important;
}
.dark .photo-list-img {
  border: 1px solid #555;
}
.dark .bookmark-list:hover {
  background: #353535;
  cursor: pointer;
}
.dark .del-bookmark-btn svg {
  fill: #fff;
}
.dark .NewMessageBtn {
  background: #745fe2;
}
.dark .NewMessageBtn .closeWrap {
  fill: #745fe2;
}

/* 채널 */
.dark .ChannelListHorizon .scrollbar-horizontal .scrollbar-tumb,
.dark .scrollbar-vertical-tumb {
  background-color: #555555;
}
.dark .mentionColor {
  color: #745fe2;
}
/* 쪽지 */
.dark .NoteList .note_tree_wrap,
.dark .NoteList .note_info {
  border-bottom: 1px solid #353535;
}
.dark .NoteList .note_tree_wrap li.active a .icon-note path {
  fill: #ffffff;
}
.dark .NoteList .note_tree_wrap li a .icon-note path {
  fill: #999999;
}
.dark .NoteList .note_info .txt .count {
  color: #999999;
}
.dark .NoteList .btn_sort {
  background: url(/chatStyleDefault/common/image/common/ico_note_sort_dark.svg)
    no-repeat 0 50%;
}
.dark .NoteList .btn_delete {
  background: url(/chatStyleDefault/common/image/common/ico_note_trash_dark.svg)
    no-repeat 0 50%;
}
.dark .Layer-Notepop .Profile-info-input .input,
.dark .Layer-Notepop .Profile-info-input .input input,
.dark .toastui-editor-ww-container,
.dark .toastui-editor-contents p,
.dark .noteWrap .file-message {
  background: #222;
  border-color: #555555 !important;
  color: #fff;
}
.dark .Layer-Notepop .toastui-editor-defaultUI-toolbar {
  background: #2f2f2f;
}
.dark .Btn-pointcolor-mini {
  background: #353535;
}
.dark .Btn-pointcolor-mini:hover {
  background: #555555;
}
.dark .noteWrap {
  background: #222;
}
.dark .file-list_note .del {
  background: url(/chatStyleDefault/common/image/common/ico_select_delete_dark.svg)
    no-repeat 0 0;
}
.dark .send-box .people .person:hover,
.dark .receive-box .people .person:hover {
  background: #222 !important;
}
.dark .noteWrap div,
.dark .layer-bottom-btn-wrap.right {
  border-color: #555555 !important;
  color: #fff;
}
.dark .layer-bottom-btn-wrap .btn_delete {
  background: url(/chatStyleDefault/common/image/common/ico_note_trash_dark.svg)
    no-repeat 0 50%;
  color: #ffffff;
}
.dark .receive-box .rtxt {
  color: #999999;
  border: 1px solid #999999;
}
.dark .note-txt-tit,
.dark .note-txt-cont .toastui-editor-contents p {
  color: #ffffff !important;
}
.dark .people .person svg,
.dark .people .person svg path,
.dark .Chat .top .name span svg path,
.dark .messages-chat-list li .msgname span svg path {
  fill: #999;
}
.dark .profile-photo,
.dark .PeopleList .people .person .profile-photo {
  border: 1px solid #555555;
}
.dark .profile-photo.group {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_folder_closed_dark.svg)
    no-repeat center !important;
}
.dark .profile-photo.group-open {
  background: #222
    url(/chatStyleDefault/common/image/common/ico_folder_open_dark.svg)
    no-repeat center !important;
}
.dark .people .person .absence {
  background-color: #222;
  border: 1px solid #555555;
  color: #999999;
}
.dark .rightCont .alwaysontop.active {
  background: #222 url(/chatStyleDefault/common/image/common/ico_pin_black.svg)
    no-repeat center;
}
.dark .people .person .pic {
  background-color: #353535;
  color: #999999;
}
/* 모달창 */
.dark .modalheader {
  background-color: #353535;
  color: #ffffff;
  border-bottom: 1px solid #353535;
}
.dark .modalheader .Okbtn,
.dark .cover_chat_menu div,
.dark .org_select_wrap .name,
.dark .tab li.active a,
.dark .category-box-txt,
.dark .checkbtn {
  color: #ffffff;
}
.dark .closebtn {
  background: url(/chatStyleDefault/common/image/common/ico_cancel_button_dark.svg)
    no-repeat center;
}
.dark .modalheader svg path {
  fill: #ffffff;
}
.dark .layerWrap,
.dark .layerWrap .Layer-AddUser {
  background-color: #222;
}
.dark .org_select_wrap {
  background: #454545;
}
.dark .tab li {
  border-bottom: 1px solid #555;
}
.dark .tab li a {
  color: #999999;
}
.dark .tab li.active {
  border-bottom: 2px solid #999;
}
.dark .channel-category .category-box {
  border: 1px solid #555555;
  background-color: #454545 !important;
}
.dark .channel-category .category-box.all {
  background: #454545
    url(/chatStyleDefault/common/image/common/ico_all_dark.svg) no-repeat center
    20px !important;
}
.dark .channel-category .category-box:hover,
.dark .link_select_box ul li:hover,
.dark .Layer-AddChannel .add-cover-photo:hover {
  background-color: #555555 !important;
}
.dark .addchannel-btn {
  background: #999999
    url(/chatStyleDefault/common/image/common/ico_channel_add.svg) no-repeat
    center !important;
  border: 1px solid #555555;
}
.dark .Layer-AddChannel .popup-layer,
.dark .Layer-AddChannel .popup-layer .Profile-info-input .input.full {
  background: #222 !important;
}
.dark .Layer-AddChannel .Profile-info-input .input.full,
.dark .Layer-AddUser .Profile-info-input .input.full,
.dark .layer-bottom-btn-wrap {
  background-color: #222;
  color: #ffffff;
}
.dark .Layer-AddChannel .Profile-info-input .input input,
.dark .Layer-AddUser .Profile-info-input .input input,
.dark .Layer-AddChannel .chkStyle01 label,
.dark .link_select_box ul li {
  color: #ffffff;
  border-bottom: 1px solid #555;
}
.dark .layer-bottom-btn-wrap .Btn-pointcolor-full,
.dark .Layer-AddChannel .add-cover-photo {
  background-color: #353535;
}
.dark .link_select_box a {
  color: #ddd;
  border: 1px solid #555;
}
.dark .link_select_box a:after {
  background: url(/chatStyleDefault/common/image/common/ico_select_arrow_dark.svg)
    no-repeat center;
}
.dark .link_select_box ul {
  background: #454545;
  border: none;
  border-radius: 4px;
}
.dark .groupEditBtn {
  background: #222;
  border: 1px solid #222;
}
/*팝업*/
.dark .popup-layer,
.dark .popup-layer .Profile-info-input .input.full,
.dark .popup-layer .layer-bottom-btn-wrap {
  background: #454545 !important;
}
.dark .popup-layer .normaltxt,
.dark .popup-layer .normaltxt a,
.dark .popup-layer .menulist li a {
  color: #ffffff;
}
.dark .colortxt-grey {
  color: #999;
}
.dark .popup-layer .tittxt:after,
.dark .popup-layer .link_select_box ul {
  background: #777;
}
.dark .popup-layer .tittxt {
  color: #ffffff;
}
.dark .popup-layer.type06 .promptBox {
  background: #454545;
  border-bottom: 1px solid #555555;
  color: #fff;
}
.dark .snip-controls.text-center {
  color: #fff;
}
/* 프로필 팝업 */
.dark .profileheader {
  background: #353535;
}
.dark .status-msg-write input {
  background-color: #222;
  color: #fff;
}
.dark .cover_profile.type2 .abcense-wrap {
  border: 1px solid #999;
  color: #fff;
}
.dark .people .person .statusMessage {
  background-color: #353535;
  border: 1px solid #555;
}
.dark .cover_profile.type2,
.dark .cover_profile.type2 .profile-link-btn {
  background: #222;
}
.dark .cover_profile.type2 .profileheader {
  background: #353535;
}
.dark .cover_profile.type2 .profile-con-main .name-wrap .name,
.dark .cover_profile.type2 .profile-con-sub .inner .info-wrap .info-value {
  color: #fff;
}
.dark .profile-link-btn .btn-call-connect svg {
  stroke: #999;
}
.dark .profile-link-btn .btn-call-disconnect svg {
  fill: #999;
}
.dark .profile-link-btn .inner {
  border-top: 1px solid #555;
}
/* 환경설정 */
.dark .container.Config .tab li a,
.dark .container.Config .ChatConfigCon .Profile-info-input .input input,
.dark .ChatConfigCon .ChatConfig-list .ChatConfig-menu,
.dark .ChatConfigCon .ChatConfig-list .ChatConfig-menu a {
  color: #fff;
}
.dark .container.Config .ChatConfig-menu,
.dark .container.Config .ChatConfigCon .Profile-info-input .input label,
.dark .container.Config .ChatConfigCon .ChatConfig-list-sub a,
.dark .container.Config .ChatConfigCon .last-login,
.dark .container.Config .ChatConfigCon .chat-sync-date {
  color: #ddd;
}
.dark .container.Config .ChatConfigCon .Profile-info-input .input input {
  border: 1px solid #555;
}
.dark .ChatConfigCon .ChatConfig-list {
  border-bottom: 1px solid #555;
}
.dark .container.Config .ChatConfigCon .ChatConfig-list {
  background: #222;
  color: #ddd;
  border-bottom: 1px solid #555;
}
.dark .opt_setting.on {
  background: #555;
}
.dark .container.Config .ChatConfigCon .Profile-info-input .input {
  background: #222;
}
.dark .container.Config .divide-grey-line {
  background: #353535;
}
.dark .container.Config .ChatConfigCon .ChatConfig-list-sub {
  border-bottom: 1px solid #555;
  background-color: #353535;
}
.dark .MuiSlider-markLabel,
.dark .MuiSlider-markLabelActive {
  color: #ddd !important;
}
.dark .loadingBack {
  background-color: #222;
}
/* 알림톡 */
.dark .NotificationChannelList img {
  filter: none;
}
.dark .NotificationChannelList p,
.dark .Layer-Notepop .Profile-info-input .input textarea {
  color: #fff;
}
.dark .NotificationChannel:hover {
  background: #353535;
}