.swalPolyade_classroom_chat{background-image:url('../../images/classroom/polyade/chat_bg.jpg') !important;background-position:top center !important;background-size:contain !important;background-repeat:no-repeat !important;}.swalPolyade_classroom_chat .swal2-title{color:#fff;}.swalPolyade_classroom_chat .swal2-close{top:4px;right:4px;font-size:1.5em;}.swalPolyade_classroom_chat .swal2-content{padding-top:20px;}.swalPolyade_classroom_chat .swal2-actions{margin:1.05em auto 0;}#chatWrap_1{width:420px;min-width:400px;height:380px;min-height:320px;border:1px solid #d3d3d3;position:absolute;right:3px;bottom:3px;background-color:#fff;border-radius:10px;font-family:'Noto Sans KR';}#chatWrap_1 #chatHeader{width:100%;height:34px;position:relative;}#chatWrap_1 #chatHeader #chatHandle{width:9.25em;height:100%;float:left;background-color:#f8fafb;cursor:all-scroll;border-top-left-radius:.5em;box-shadow:0 4px 4px 0 rgb(000%),0 3px 1px -2px rgb(000%);}#chatWrap_1 #chatHeader #chatRoomName{width:calc(100% - 148px);height:100%;float:right;text-align:center;cursor:all-scroll;z-index:3;position:absolute;padding:7px;font-family:'S-CoreDream-7ExtraBold';font-size:15px;left:148px;box-shadow:0 5px 7px -4px #dfdfdf;}#chatWrap_1 #chatHeader #chatRoomNameText{left:50%;position:absolute;width:60%;transform:translate(-50%,0%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#163a5a;}#chatWrap_1 #chatHeader .button{width:24px;height:24px;position:absolute;top:0;cursor:pointer;transform:scale(1);padding-top:3px;margin-right:3px;}#chatWrap_1 #chatHeader .button .material-icons{font-size:20px;padding-top:3px;}#chatWrap_1 #chatHeader .button :hover{transform:scale(1.2);}#chatWrap_1 #chatHeader #chatHide{right:24px;z-index:4;}#chatWrap_1 #chatHeader #chatClose{right:0;z-index:4;}#chatWrap_1 #chatContent{width:100%;height:calc(100% - 34px);background-color:#fff;border-radius:0 0 10px 10px;}#chatWrap_1 #chatContent .chatContent_sub{height:100%;float:left;background-color:#fff;}#chatWrap_1 #chatContent #id_chat_form_input_message{border-bottom-right-radius:.5em;}#chatWrap_1 #chatContent #chatInfo{border-bottom-left-radius:.5em;width:9.25em;height:100%;position:relative;color:#333;background-color:#f8fafb;box-shadow:0 4px 4px 0 rgb(000%),0 3px 1px -2px rgb(000%);z-index:3;}#chatWrap_1 #chatContent #chatInfo .chatLogo{padding:20px 0 20px 15px;background-color:#26292d;}#chatWrap_1 #chatContent #chatInfo .chatLogo img{width:90%;display:block;margin-top:-25px;}#chatWrap_1 #chatContent #chatInfo #participantList{width:100%;height:calc(100% - 51px);overflow-y:auto;background-color:#f8fafb;font-size:15px;}#chatWrap_1 #chatContent #chatInfo #participantList::-webkit-scrollbar{width:9px;}#chatWrap_1 #chatContent #chatInfo #participantList::-webkit-scrollbar-thumb{background-color:#163a5a;border-radius:10px;box-shadow:inset 0 0 5px white;}#chatWrap_1 #chatContent #chatInfo #participantList::-webkit-scrollbar-track{background-color:#444343;border-radius:10px;box-shadow:inset 0 0 3px #444343;}#chatWrap_1 #chatContent #chatInfo .participant{padding:10px 15px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'twayair';}#chatWrap_1 #chatContent #chatInfo .participant:hover{background-color:#ededed;color:#333;}#chatWrap_1 #chatContent #chatInfo .participant:first-child{margin-top:0;}#chatWrap_1 #chatContent #chatInfo .participant:last-child{margin-bottom:15px;}#chatWrap_1 #chatContent #chatInfo .participant.me{color:#add8e6;}#chatWrap_1 #chatContent #chatInfo .participant.head{color:#ff693c;position:relative;padding-bottom:7px;padding-top:20px;}#chatWrap_1 #chatContent #chatInfo .participant.head ::after{content:"방장";position:absolute;top:23%;left:22%;transform:translateY(-50%);color:#fff;width:31px;border:1px solid #6aa2d8;background-color:#6aa2d8;border-radius:10px;font-size:11px;padding:0 2px 0 4px;padding-bottom:0;padding-top:1px;}#chatWrap_1 #chatContent #chatInfo .participant[data-exist="true"] div{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:12px;background-color:#4ac57b;}#chatWrap_1 #chatContent #chatInfo .participant[data-exist="false"]{color:#bcbcbc;}#chatWrap_1 #chatContent #chatInfo .participant[data-exist="false"] div{width:7px;height:7px;border-radius:50%;background-color:#f00;margin-right:12px;display:inline-block;}#chatWrap_1 #chatContent #chatInfo #invite{position:absolute;bottom:0;width:9.25em;height:51px;text-align:center;cursor:pointer;margin-bottom:0;border-bottom-left-radius:.5em;}#chatWrap_1 #chatContent #chatInfo #invite span:first-child{padding-top:20px;}#chatWrap_1 #chatContent #chatInfo #invite span:first-child .addBtn{width:24%;display:block;margin-bottom:6px;margin-top:-7px;}#chatWrap_1 #chatContent #chatInfo #invite .invite-text{vertical-align:bottom;display:inline-block;padding:5px;font-size:15px;margin-bottom:9px;font-family:'S-CoreDream-5Medium';}#chatWrap_1 #chatContent #chat{border-bottom-right-radius:.5em;width:calc(100% - 150px);background-color:#fff;position:relative;z-index:2;}#chatWrap_1 #chatContent #chat #messageWrap{width:100%;height:calc(100% - 70px);overflow-y:auto;padding-top:10px;font-family:'Pretendard-Regular';overflow-x:hidden;}#chatWrap_1 #chatContent #chat #messageWrap .messageContent{margin:1px 8px;width:96%;height:auto;min-height:35px;font-size:15px;}#chatWrap_1 #chatContent #chat #messageWrap .messageContent span{height:auto;width:fit-content;max-width:250px;display:inline-block;border:1px solid #d3d3d3;background-color:#fff;padding:4px 15px;border-radius:10px;word-break:break-word;}#chatWrap_1 #chatContent #chat #messageWrap #groupMessage{text-align:left;margin-top:2px;}#chatWrap_1 #chatContent #chat #messageWrap #myMessage{text-align:right;}#chatWrap_1 #chatContent #chat #messageWrap #myMessage span{background-color:#163a5a;color:#fff;text-align:left;margin-top:2px;}#chatWrap_1 #chatContent #chat #messageWrap .enterInfo{width:100%;text-align:center;font-size:14px;padding:4px 0;}#chatWrap_1 #chatContent #chat #messageWrap::-webkit-scrollbar{width:12px;height:13px;}#chatWrap_1 #chatContent #chat #messageWrap::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px white;}#chatWrap_1 #chatContent #chat #messageWrap::-webkit-scrollbar-track{background-color:#fff;box-shadow:inset 0 0 3px white;}#chatWrap_1 #chatContent #chat form{width:100%;height:50px;position:absolute;bottom:0;margin-bottom:1px;overflow:hidden;}#chatWrap_1 #chatContent #chat form .form-wrap{width:100%;height:85px;background-color:#fff;border-top:1px solid #efefef;}#chatWrap_1 #chatContent #chat form #chatMessage{width:calc(100% - 110px);height:50%;border-radius:0;outline-style:none;margin:6px 2px 0 5px;font-size:15px;border:none;border-right:0;border-top:0;border-left:0;border-bottom:0;font-family:'Pretendard-Regular';color:#163a5a;}#chatWrap_1 #chatContent #chat form #chatMessage::placeholder{padding-left:5px;}#chatWrap_1 #chatContent #chat form #send{width:90px;height:43%;border:1px solid #d3d3d3;background-color:#163a5a;border-radius:10px;color:#fff;text-align:left;padding-left:17px;margin-top:5px;}#chatWrap_1 #chatContent #chat form .sendBtn{background-image:url('../../images/classroom/polyade/send_w.png');background-position:60px 10px;background-repeat:no-repeat;background-size:18%;}#chatWrap_1 #chatContent #chat form #send:hover{cursor:pointer;background-color:#fff;color:#163a5a;background-image:url('../../images/classroom/polyade/send.png');background-position:60px 10px;background-repeat:no-repeat;background-size:18%;}