#memo { overflow:hidden; position:fixed; width:100%;max-width:420px;top:0; bottom:0;}
#memo-header {overflow:hidden; display:none;}
#memo-body {overflow:hidden; position:absolute; top:0px; left:0; right:0; bottom:80px; }
#memo-body #memo-left  { padding:20px; width:120px; height:100%; background:#f8f8f8; }
#memo-body #memo-right { padding:0;}
#memo-footer { overflow:hidden; position:absolute; left:0; right:0; bottom:0; height:60px; text-align: center; padding-top: 20px; font-size: 13px; border-top:1px solid #e2e8f0; color:#a0aec0;background:#fff}
#memo-footer #btn_close3 i {font-size:20px;color:#888}
#memo-mng { width:100%; }
#memo-mng .mng-pr {text-align:center;padding:10px;}
#memo-mng .chat-link{cursor:pointer;}
#memo-mng .mng-img,
#memo-mng .mng-name { width:100%; text-align:center; }
#memo-mng .mng-img { width:60px; height:60px; overflow: hidden; border-radius:100%; }
#memo-mng .mng-img img { width:100%; }
#memo-mng .mng-name .badge3 { display:block; width:auto; margin-top:3px !important; padding:0.25rem; font-size:1rem; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#e83e8c;color:#ffffff}
#memo-search { overflow:hidden; position:absolute; top:0; left:0; right:0; padding:10px 20px 10px 20px; height:60px; z-index:1; background-color: #ffcc00;}
#memo-search #search-input {}
#memo-search #search-submit {position:absolute; top: 12px; right:48px; padding: 3px 0px 2px 10px; height: 36px; background-color: #ffcc00; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color:#fff; border: 0px;}
#memo-search #search-submit:focus{outline: none !important;}

#btn_close {display:inline-block;cursor:pointer;}
#btn_close2 {position:absolute; top: 12px; right:15px;cursor:pointer;color:#fff}
#btn_close3 {position:absolute; bottom: 21px; right:20px;cursor:pointer; color:#a0aec0; font-size: 14px;}

#memo-chatlist { overflow:hidden; overflow-y:auto; position:absolute; top:60px; bottom:0; left:0; right:0; }
#memo-chatlist ul, #memo-chatlist ol, #memo-chatlist dl {margin:0; padding:0; list-style:none;}
#memo-chatlist li, #memo-chatlist dt, #memo-chatlist dd {margin:0; padding:0; list-style:none;}
#memo-chatlist .memo-chatlist {padding-top: 0px;}
#memo-chatlist .memo-chatroom {margin:20px 0; padding:20px 15px; -webkit-flex: 1; -ms-flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;cursor:pointer; background-color: #fff; margin-top: 0; margin-bottom: 0; border-bottom:1px solid #ddd; border-radius: 0;}
#memo-chatlist .memo-chatroom:hover {}
#memo-chatlist .memo-chatroom .chatroom-icon { display:inline-block; width:60px; border-radius:100%; overflow:hidden; }
#memo-chatlist .memo-chatroom .chatroom-icon img { width:100%; display:block; }
#memo-chatlist .memo-chatroom .chatroom-view {margin-left:15px;position:relative;}
#memo-chatlist .memo-chatroom .chatroom-title,
#memo-chatlist .memo-chatroom .chatroom-date {display:block;}
#memo-chatlist .memo-chatroom .chatroom-title strong {color:#84c93a}

.chatroom-name {font-size: 14px; font-weight: 700; color:#2D3748;}
.chatroom-title {padding:5px 0;color:#718096; font-size: 14px;}
.chatroom-date {color:#aaa; font-size: 12px;}

#memo-chatlist .memo-chatroom .chatroom-cnt2 {display:block; color:#666; margin-right: -25px;}
#memo-chatlist .memo-chatroom .chatroom-cnt {background:#EC0007;color:#fff !important;margin-right:0px;border-radius:100%;width:25px;height:25px;text-align:center;display:flex;align-items:center;justify-content:center;border:0px solid #e2e8f0;font-size:11px !important;}
#memo-chatlist .memo-chatroom .badge3 {position:absolute;right:35px;padding:0.25rem; font-size:1rem;font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#memo-chatlist .memo-chatroom .badge2 {position:absolute;right:20px; overflow:hidden; text-overflow:ellipsis;}
#memo-chatlist .memo-chatroom .badge2 .cntnum {font-weight: bold; color:#fff;}

.no_read {background:#FFCC00;border:2px solid #fff;border-radius:10px;width:14px;height:14px; margin-left: -7px;}
.no_read2 {width:14px;height:14px; margin-left: -7px;}
.no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
}

@media all and (max-width:440px) {
    .cnttxt {display: none;}
    #memo-chatlist .memo-chatroom .badge2 {width: 50px;}
}

@media all and (max-width:390px) {
    #memo-chatlist .memo-chatroom .badge2 {display: none;}
}

/*채팅 룸*/
#chat-header {overflow:hidden; position:absolute; top:0; left:0; right:0; height:90px; }
#chat-header .badge3 {font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#fff;font-weight: 500;}
#chat-header .mo-head {height:40px;background:#222;display:flex;align-items:center;}
#chat-header .mo_tits {float:left;margin-left:20px;color:#fff}
#chat-header .mo_tits i {margin-right:3px;font-size:16px}
#chat-header .mo_bdgs {}

#chat-body {position:absolute; top:90px; left:0; right:0; bottom:55px;overflow:hidden;overflow-y:scroll; background:#fff;}
#chat-history {background-color: #e2e8f0; border:0px; border-radius: 4px; font-size: 13px; padding: 10px; display:inline-block; width: 95%; color:#718096;}
.chat_history_div {width: 100%; top:95px; position: fixed; text-align: center; z-index: 9999;}
.chat_history_div_wrap {width: 100%; height: 60px;}

#chat-list {margin-bottom:10px}
#chat-list:after {display:block;visibility:hidden;clear:both;content:""}
#chat-list .recv {position:relative;float:right;margin:0 13px;clear:both;margin-bottom:20px}
#chat-list .send {position:relative;float:left;margin:0 13px;clear:both;margin-bottom:20px}
.bubble_left {position:relative}
.bubble_left:after {display:block;visibility:hidden;clear:both;content:""}
#chat-list .bubble_recv {float:right;}
#chat-list .bubble_recv_in {position: relative;padding: 12px 10px;background: #FCF4B4;border-radius: 10px;font-size:14px; line-height:20px;;margin-left:50px}
#chat-list .bubble_send {float:left;}
#chat-list .bubble_send_in:after {content: '';position: absolute;border-style: solid;border-width: 12px 8px 0px;border-color: #F7F8FA transparent;display: block;z-index: 1;top: 5px;left: -7px;}
#chat-list .bubble_send_in {position: relative;padding: 12px 10px;background: #F7F8FA;border-radius: 10px; font-size:14px; line-height:20px; margin-left: 50px;margin-right:50px}
#chat-list .chat_time2_send{position:absolute;right:0;bottom:0;text-align:left;font-size:11px;font-weight:400;color:#767676;}
#chat-list .chat_time2_send strong {display:block;color:#FF0000;text-align:left}
#chat-list .chat_time2_recv{position:absolute;left:0;bottom:0;;text-align:right;font-size:11px;font-weight:400;color:#767676;}
#chat-list .chat_time2_recv strong {display:block;color:#FF0000;text-align:right}
#chat-list .chat_time_send {position:absolute;right:0;bottom:0;text-align:left;font-size:11px;font-weight:400;color:#767676;}
#chat-list .chat_time_send strong {display:block;color:#FF0000;text-align:left}
#chat-list .chat_time_recv {position:absolute;left:0;bottom:0;;text-align:right;font-size:11px;font-weight:400;color:#767676;}
#chat-list .chat_time_recv strong {display:block;color:#FF0000;text-align:right}
#chat-list .p_icon{position: absolute;display:inline-block;width:40px;height:40px;border-radius:100%;overflow:hidden}
#chat-list .p_icon img{width:100%;}
#chat-list .p_nick {position:absolute;margin-top:10px;left:50px;width:150px;font-weight:500; font-size: 14px;background:#eee;}
#chat-list .chkdate{width:100%;text-align:center;line-height:50px; color: #a0aec0; font-size: 14px; font-weight: 400; border-top:1px solid #e2e8f0;}
#chat-list .chktotal{width:100%;padding:15px 15px;text-align:center;color:#777;font-size:13px;line-height:19px;font-weight:500;letter-spacing:-0.5px}
#chat-list .chkdate {clear:both;}

#chat-footer {overflow:hidden; position:absolute; left:0; right:0; bottom:0; height:60px; background:#fff; box-shadow: 0 -3px 15px rgba(0,0,0,0.05);}
#chat-footer input[type="checkbox"] {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}

.chat_message_alim {position:relative;padding:10px 15px 0;height:55px;background:#fef7e2}
.chat_message_alim input {position:absolute;top:12px;left:12px;width:20px;height:20px}
.chat_message_alim label {float:left;padding-left:26px;font-size:13px;color:#ff0b04;line-height:17px;letter-spacing:-1px}

#chat-message {overflow:hidden;margin:0;border:0;width:100%;height:50px;background:#F7F8FA;border-radius:8px; font-size: 14px;padding:16px 15px 10px}
.chat_message_div {float: left;width:100%;padding:5px 60px 5px 5px}
.chat_message_btn_div {float: right}
.chat_message_btn_div i {font-size:16px}

#btn-ref {position: absolute; align-items:center;justify-content:center;background:#fff;width:40px;height:60px !important;cursor:pointer;text-align:center;font-weight:bold; color:#a0aec0; margin-top: 0px; right: 0px; padding-top: 19px;}
#btn-chat {position: absolute;display:flex; align-items:center;justify-content:center;width:60px;height:60px !important;cursor:pointer;font-size:14px;text-align:center;font-weight:500; color:#fff; margin-top: 0px; right: 0px; border-right: 0px solid rgba(0,0,0,0.05); border-left: 0px solid rgba(0,0,0,0.05);}
#btn-chat span {display:inline-block;width:50px;height:50px;background:#B50005;border-radius:8px;display:flex; align-items:center;justify-content:center;}

.del_div {position: absolute; margin-top:-62px; margin-left:-20px;}
.sec_inp {background-color: #ffcc00; border:0px; border-radius: 4px; padding: 10px 0px 10px 0px; font-size: 14px; width:80%; color:#fff; font-weight: bold;}
.sec_inp:focus, #chat-message {
    outline: none !important; 
    border-color:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}
.sec_inp::placeholder {color:#fff;}
.sec_inp::-webkit-input-placeholder {color:#fff;}
.sec_inp:-ms-input-placeholder {color:#fff;}

#chat-message::placeholder {color:#a0aec0;}
#chat-message::-webkit-input-placeholder {color:#a0aec0;}
#chat-message:-ms-input-placeholder {color:#a0aec0;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	outline:none !important; border:0px !important;
}

#chat-message:focus {outline:none !important; border:0px !important;}
.ui-state-active {background: #f9f9f9 !important; color:#000 !important; font-weight: bold !important; border:1px solid #f1f1f1 !important; box-sizing: border-box}

.chat_od_wr {padding:0 0 40px}
.chat_order {margin:0 15px;padding:3px;background:#e2ecff;border-radius:4px}
.chat_od_hd {padding:10px 0 12px;font-size:17px;font-weight:bold;color:#111175;text-align:center}
.chat_od_hd p {margin:5px 0 0;font-size:13px}
.chat_od_con {padding:10px;text-align:center;background:#fff;border-radius:4px}
.chat_od_msg1 {padding:10px 0 12px;border-bottom:1px solid #eee}
.chat_od_msg2 {padding:12px 0 20px;font-size:14px}
.chat_od_msg2 div {padding:0 0 0 15px;text-align:left;color:#000;font-weight:bold;line-height:22px}
.chat_od_msg2 strong {display:inline-block;width:70px;color:#888}
.chat_od_name {margin:0 0 10px;font-size:14px}
.chat_od_name strong {font-size:20px;color:#000}
.chat_od_birth {font-size:13px;color:#666}
.chat_od_ext {padding:15px 0;text-align:center;color:#666;background:#f3f3f3;border-radius:4px}
.chat_od_ext p {padding:0 10px 3px;font-size:13px;font-weight:500;line-height:20px;letter-spacing:-1px}
.chat_od_ext strong {display:block;font-size:15px;margin:0 0 12px;letter-spacing:-0.5px}
.chat_od_btm {margin:10px 0 0;padding:0 10px;font-size:14px;color:#000;text-align:center;line-height:20px;letter-spacing:-0.5px}
.chat_od_btm p {margin:7px 0 0}
.chat_od_btm a {color:#005aff;text-decoration:underline}
.chat_order_close {margin:0 15px;padding:3px;background:#e2ecff;border-radius:4px}
.chat_od_con .od_close {padding:10px 0;font-size:15px}
p.chat_red {font-size:14px;color:#ff0000}
.chat_order_shop {margin:0 15px;padding:3px;background:#e2ecff;border-radius:4px}
.chat_order_shop .od_product {padding:10px 0 0;font-size:15px}
.chat_order_shop .od_product_msg {padding:10px;font-size:14px;color:#666}

.memo-guest {margin:80px 0 0;font-size:16px;text-align:center;line-height:25px}
.memo-guest strong {font-size:17px;color:#777}
.chat_none {margin:70px 0 0;font-size:16px;text-align:center}

#chat-header .pay_chat {position:absolute;bottom:0;width:100%;height:50px;background:#f8f8f8;text-align:left;}
.pay_mentor {padding:0 15px;height:50px;padding:15px 0 0;;border-bottom:1px solid #ddd;font-size:14px;color:#000}
.pay_mentor:after {display:block;visibility:hidden;clear:both;content:""}
.pay_mentor strong {color:#ff0b04}
.pay_mentor strong a {color:#ff0b04}
.pay_mentor .mt_name_od {position:relative;float:left;font-weight:600;padding-left:53px}
.pay_mentor .mt_name_od .mentor_icon {position:absolute;left:10px;top:-8px;width:35px;height:35px;border-radius:100%;overflow:hidden}
.pay_mentor .mt_name_od .mentor_icon img {width:35px;height:35px;}
.pay_mentor .mt_link_od {float:right;padding-right:15px}
.pay_mentor .mt_link_od a {padding:7px 15px;font-size:12px;color:#fff;background:#B50005;letter-spacing:-1px;border-radius:25px}