@charset "UTF-8";.bg-set,.class_list_box>div .class_item,.side_setting .member_group>li .lanking_img{background-position:50%;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}.card-view{background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 10px hsla(0,0%,71%,.5);-moz-box-shadow:0 0 10px hsla(0,0%,71%,.5);box-shadow:0 0 10px hsla(0,0%,71%,.5);padding:16px}:root{--main:#ff5a5f;--color_s1:#ff0f16;--color_s2:#ffa7a9;--color_s3:#ffe3ef;--color_s4:#fff7f7;--color_b:#484848;--color_b1:#000;--color_b2:#767676;--color_b3:#b4b4b4;--bg_gray1:#efefef;--bg_gray2:#f9f9f9;--bg_white:#fff;--white:#fff;--black:#000;--bg_yello:#ffed75}.btn-katalk-chat,.sk-circle-wrap{display:none}.chat__ico{background-color:transparent;background-image:url(//cdn.classu.co.kr/img/class/ico_chat_primary.png);background-position:50%;background-repeat:no-repeat;-moz-background-size:100%;background-size:100%;height:220px;margin:140px auto 80px;max-width:289px;width:100%}@media screen and (max-width:767px){.chat__ico{height:expression(110px);height:110px;max-width:expression(144.5px);max-width:144.5px}}.chat__desc{font-size:13px;font-weight:400;margin:0 auto 140px;text-align:center}@media screen and (max-width:767px){.chat__desc{font-size:11px}.page-top{display:none}.chat_room{padding-top:56px}}.class_list_box{left:0;position:absolute;top:1px;width:100%;z-index:7}.class_list_box>div{background:hsla(0,0%,100%,.9);display:block;overflow:hidden;padding:16px;width:100%}.class_list_box>div .class_item{float:left;height:80px;margin-right:8px;overflow:hidden;position:relative;width:-moz-calc(43% - 8px);width:calc(43% - 8px)}.class_list_box>div .class_item:before{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.class_list_box>div .class_item>p{color:#fff;font-size:12px;left:8px;position:absolute;top:8px;z-index:2}.class_list_box>div .class_item>span{background:#484848;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;bottom:8px;color:#fff;font-size:12px;padding:3px 5px;position:absolute;right:8px;z-index:2}.class_list_box button{background:#efefef;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:38px;position:absolute;right:16px;top:33px;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;width:38px}.class_list_box button.on{background:#fff;-webkit-box-shadow:2px 3px 7px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 7px rgba(0,0,0,.2);-o-box-shadow:2px 3px 7px rgba(0,0,0,.2);box-shadow:2px 3px 7px rgba(0,0,0,.2)}.class_list_box button.on img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.header_chat{background:#fff;display:none;font-size:16px;font-weight:500;height:56px;line-height:56px;opacity:.9;position:fixed;text-align:center;top:-1px;width:100%;z-index:5}@media screen and (max-width:767px){.header_chat{display:block;width:100%}}.header_chat.pc{display:block}@media screen and (max-width:767px){.header_chat.pc{display:none}}.header_chat.pc .inner{height:56px}.header_chat .btn-link__set,.header_chat .btn_list_back{background-image:url(//cdn.classu.co.kr/img/class/btn_back.png?v=1912091710);background-position:50%;background-repeat:no-repeat;-moz-background-size:24px;background-size:24px;height:24px;left:16px;width:24px;z-index:1}.header_chat .btn-link__set,.header_chat .btn_list_back,.header_chat .messege_setting{cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.header_chat .messege_setting{height:55px;right:16px;width:48px!important}.header_chat .messege_setting img{height:auto;max-width:32px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}@media screen and (max-width:640px){.header_chat .messege_setting img{max-width:24px}}.header_chat .messege_setting .new-alram{background:#ff005a;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;height:6px;position:absolute;right:0;top:12px;width:6px}.chat_box{background:#fff;border:1px solid #e0e0e0;border-top:0;display:block;float:left;margin:0 auto;overflow:hidden;position:relative;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;width:420px}@media screen and (max-width:767px){.chat_box{border:0;height:100%;width:100%}}.chat_box.on{bottom:40px;opacity:1}.chat_box .slimScrollDiv{width:100%}.chat_box .chat_top{background-color:#fb577c;color:#fff;font-size:16px;font-weight:600;padding:15px 0;position:relative;text-align:center}.chat_box .chat_top i{cursor:pointer;font-size:18px;padding:10px;position:absolute;right:20px;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%)}.chat_box .chat_date{text-align:center}.chat_box .chat_date span{background:#f9f9f9;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#b4b4b4;display:inline-block;font-size:11px;margin:0 auto;padding:5px 7px}.chat_box .chat_body{-webkit-overflow-scrolling:touch;border-top:1px solid #eee;max-width:100%;overflow-y:auto;padding:0 16px 8px;position:relative;-webkit-transition:all .05s;-moz-transition:all .05s;-o-transition:all .05s;transition:all .05s;width:100%}@media screen and (max-width:767px){.chat_box .chat_body{max-height:none}}.chat_box .chat_body .btn-class-in{background:#fff7f7;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;-webkit-box-shadow:0 0 10px hsla(0,0%,71%,.5);-moz-box-shadow:0 0 10px hsla(0,0%,71%,.5);box-shadow:0 0 10px hsla(0,0%,71%,.5);color:#ff5a5f;cursor:pointer;font-size:12px;left:50%;opacity:.95;padding:6px 12px;position:fixed;top:62px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.chat_box .chat_body>div{margin:15px 0;overflow:hidden}.chat_box .chat_body .profile_box{display:inline-block;vertical-align:top}.chat_box .chat_body .profile_box .coach_profile{background-repeat:no-repeat;-moz-background-size:34px;background-size:34px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:34px;margin-right:8px;width:34px}.chat_box .chat_body .chat_coach .chat_area,.chat_box .chat_body .chat_me .chat_area{display:inline-block;font-size:0;width:-moz-calc(100% - 50px);width:calc(100% - 50px)}.chat_box .chat_body .chat_coach .chat_area .chat_unread,.chat_box .chat_body .chat_me .chat_area .chat_unread{color:#ffa7a9;display:inline-block;font-size:11px;padding-bottom:4px}.chat_box .chat_body .chat_coach .chat_area .chat_txt:not(:last-child) .chat_time,.chat_box .chat_body .chat_me .chat_area .chat_txt:not(:last-child) .chat_time{display:none}.chat_box .chat_body .chat_coach .chat_area .chat_txt p,.chat_box .chat_body .chat_me .chat_area .chat_txt p{word-wrap:break-word;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:inline-block;font-size:14px;line-height:1.4;margin-top:12px;max-width:-moz-calc(100% - 50px);max-width:calc(100% - 50px);overflow:hidden;padding:10px;white-space:pre-line;word-break:break-all}.chat_box .chat_body .chat_coach .chat_area .chat_txt p.chat_notice,.chat_box .chat_body .chat_me .chat_area .chat_txt p.chat_notice{background:#bdbdbd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;font-size:11px;font-weight:300;margin-top:4px;max-width:-moz-calc(100% - 92px);max-width:calc(100% - 92px);padding:2px 10px}.chat_box .chat_body .chat_coach .chat_area .chat_txt p.chat_speech_w,.chat_box .chat_body .chat_me .chat_area .chat_txt p.chat_speech_w{max-width:-moz-calc(100% - 50px);max-width:calc(100% - 50px)}.chat_box .chat_body .chat_coach .chat_area .chat_txt span,.chat_box .chat_body .chat_me .chat_area .chat_txt span{background-position:top;background-repeat:no-repeat;-moz-background-size:130px;background-size:130px;display:inline-block;height:130px;margin-top:12px;width:130px}.chat_box .chat_body .chat_coach .chat_area .review_msg .chat_speech_w,.chat_box .chat_body .chat_me .chat_area .review_msg .chat_speech_w{background:#f9f9f9;border:1px solid #efefef;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#484848}.chat_box .chat_body .chat_coach .chat_area .start_msg,.chat_box .chat_body .chat_me .chat_area .start_msg{position:relative}.chat_box .chat_body .chat_coach .chat_area .start_msg b,.chat_box .chat_body .chat_me .chat_area .start_msg b{font-weight:700}.chat_box .chat_body .chat_coach .chat_area .start_msg .start_msg_top,.chat_box .chat_body .chat_me .chat_area .start_msg .start_msg_top{background:#ffe3ef;display:block;font-size:15px;height:auto;margin:-10px 0 10px -15px;padding:9px 0;text-align:center;width:-moz-calc(100% + 30px);width:calc(100% + 30px)}.chat_box .chat_body .chat_coach .chat_area .start_msg2,.chat_box .chat_body .chat_me .chat_area .start_msg2{color:#7461f2;display:none!important}.chat_box .chat_body .chat_coach .chat_area .start_msg2 .chat_speech_w,.chat_box .chat_body .chat_me .chat_area .start_msg2 .chat_speech_w{background:#e4e1ff}.chat_box .chat_body .chat_coach .chat_area .coach_name,.chat_box .chat_body .chat_me .chat_area .coach_name{font-size:12px;margin-top:3px}.chat_box .chat_body .chat_coach .join-us,.chat_box .chat_body .chat_me .join-us{margin:15px 0 0;text-align:center}.chat_box .chat_body .chat_coach .join-us button,.chat_box .chat_body .chat_me .join-us button{background:#f9f9f9;border:1px solid #ff5a5f;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#767676;font-size:14px;height:48px;padding-left:30px;position:relative;vertical-align:middle;width:80%}.chat_box .chat_body .chat_coach .join-us button:before,.chat_box .chat_body .chat_me .join-us button:before{background-image:url(//cdn.classu.co.kr/img/class/ico_together.png);background-position:-24px 0;background-repeat:no-repeat;-moz-background-size:125px;background-size:125px;content:"";height:24px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-340%);-moz-transform:translateX(-340%);-ms-transform:translateX(-340%);transform:translateX(-340%);width:24px}.chat_box .chat_body .chat_coach .chat_time,.chat_box .chat_body .chat_me .chat_time{color:#bdbdbd;display:inline-block;font-size:11px;padding:0 8px 4px;position:relative;vertical-align:bottom}.chat_box .chat_body .chat_coach .chat_time div,.chat_box .chat_body .chat_me .chat_time div{color:#959595;font-size:12px;position:absolute;right:7px;top:-20px;white-space:nowrap}.chat_box .chat_body .chat_coach{position:relative}.chat_box .chat_body .chat_coach .chat_area .chat_txt p{background-color:#fff7f7;color:#767676;margin-top:4px}.chat_box .chat_body .chat_coach .chat_area .chat_txt:nth-child(2) p{margin-top:4px}.chat_box .chat_body .chat_me{position:relative;text-align:right}.chat_box .chat_body .chat_me .chat_area{width:100%}.chat_box .chat_body .chat_me .chat_area .chat_txt p{background-color:#ffa7a9;color:#fff;text-align:left}.chat_box .chat_body .chat_me .chat_area .chat_txt:first-child p{margin-top:0}.chat_foot{background:#fff;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;bottom:0;font-size:0;margin-left:-1px;position:fixed;text-align:center;width:420px}@media screen and (max-width:767px){.chat_foot{border:0;position:fixed;width:100%}}.chat_foot .emoticon-preview{background:rgba(0,0,0,.5);height:128px;left:0;opacity:0;position:absolute;top:-128px;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;visibility:hidden;width:100%}.chat_foot .emoticon-preview.on{opacity:1;visibility:visible}.chat_foot .emoticon-preview>div{background-position:50%;background-repeat:no-repeat;-moz-background-size:106px;background-size:106px;height:106px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:106px}.chat_foot .emoticon-preview>img{cursor:pointer;height:24px;position:absolute;right:20px;top:15px;width:24px}.chat_foot .messege{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:6px 16px}.chat_foot .messege>div{border:1px solid #eee;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;display:inline-block;min-height:36px;padding:3px 5px 3px 16px;width:-moz-calc(100% - 38px);width:calc(100% - 38px)}.chat_foot .messege>div *{display:inline-block;vertical-align:middle}.chat_foot textarea{display:inline-block;font-family:sans-serif,맑은 고딕;font-size:14px;height:20px;line-height:20px;max-height:100px;min-height:20px;overflow:hidden;padding:0 10px 0 0;width:-moz-calc(100% - 66px);width:calc(100% - 66px)}.chat_foot textarea.placeholder{color:#d3d3d3;font-family:sans-serif,맑은 고딕;font-size:14px}.chat_foot textarea:-moz-placeholder,.chat_foot textarea::-moz-placeholder{color:#d3d3d3;font-family:sans-serif,맑은 고딕;font-size:14px}.chat_foot textarea:-ms-input-placeholder{color:#d3d3d3;font-family:sans-serif,맑은 고딕;font-size:14px}.chat_foot textarea::-webkit-input-placeholder{color:#d3d3d3;font-family:sans-serif,맑은 고딕;font-size:14px}.chat_foot .chat_add_file,.chat_foot .chat_emoticon,.chat_foot .chat_submit{background-repeat:no-repeat;-moz-background-size:28px 28px;background-size:28px 28px;height:28px;vertical-align:middle;width:28px}.chat_foot .chat_add_file{background-image:url(//cdn.classu.co.kr/img/class/btn_add_file_0.png);margin-right:10px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.chat_foot .chat_add_file.on{background-image:url(//cdn.classu.co.kr/img/class/btn_add_file_1.png)}.chat_foot .chat_emoticon{background-image:url(//cdn.classu.co.kr/img/class/btn_emoticon_0.png);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.chat_foot .chat_emoticon.on{background-image:url(//cdn.classu.co.kr/img/class/btn_emoticon_1.png)}.chat_foot .chat_submit{background-image:url(//cdn.classu.co.kr/img/class/btn_submit_chat_primary.png);margin-left:10px}.chat_foot .emoticon-box{height:0}.chat_foot .emoticon-box.on{height:220px;padding:10px 0}.chat_foot .emoticon-box .swiper-pagination-bullet{height:5px;width:5px}.chat_foot .emoticon-box .swiper-pagination-bullet-active{background:#767676}.chat_foot .emoticon-box ul{font-size:0;height:100%;margin:0 auto;width:96%}.chat_foot .emoticon-box ul li{background-position:50%;background-repeat:no-repeat;-moz-background-size:55px;background-size:55px;cursor:pointer;display:inline-block;font-size:14px;height:63px;text-align:center;width:25%}.bg_black,.bg_black2{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;top:0;width:100%;z-index:11}.side_setting{background:#fff;bottom:0;overflow-y:scroll;padding:45px 15px 24px;position:absolute;right:-85%;top:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:75%}@media screen and (max-width:767px){.side_setting{position:fixed}}@media screen and (max-width:320px){.side_setting{width:85%}}.side_setting.on{-webkit-box-shadow:-6px 0 10px 0 rgba(0,0,0,.14);-moz-box-shadow:-6px 0 10px 0 rgba(0,0,0,.14);box-shadow:-6px 0 10px 0 rgba(0,0,0,.14);right:0;z-index:12}.side_setting .settomg_height>button{background:#efefef;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#b4b4b4;font-size:14px;padding:12px 0;text-align:center;width:100%}.side_setting hr{margin-left:-15px;width:-moz-calc(100% + 30px);width:calc(100% + 30px)}.side_setting .group_txt{color:#484848;padding:0}.side_setting .group_txt b{font-weight:700}.side_setting .group_progress{background:#d7d8da;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;display:inline-block;height:8px;overflow:hidden;position:relative;width:75%}.side_setting .group_progress .progress_primary{background:#484848;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;height:100%;left:0;position:absolute;top:0}.side_setting .group_progress .progress_goal:after{background:#484848;content:"";height:12px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1px}.side_setting .progress_value{font-size:14px;line-height:10px;padding-left:10px}@media screen and (max-width:320px){.side_setting .progress_value{padding-left:5px}}.side_setting>img{cursor:pointer;height:24px;position:absolute;right:16px;top:16px;width:24px}@media screen and (max-width:320px){.side_setting>img{right:14px}}.side_setting strong{display:block;font-size:18px;font-weight:700;margin-bottom:20px;position:relative;width:100%}.side_setting strong>span{color:#484848;font-size:12px;font-weight:400;position:absolute;right:0;top:5px}.side_setting>div>p{color:#9e9e9e;font-size:12px;position:relative}.side_setting>div>p span{color:#ff5a5f!important}.side_setting ul{margin-top:5px;padding-bottom:24px}.side_setting ul li{display:block;font-size:14px;overflow:hidden;padding:8px 0;position:relative}.side_setting .btn-infos{background:#dadde2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#adb5bd!important;cursor:pointer;font-size:10px;height:14px;line-height:14px;position:absolute;right:0;text-align:center;top:0;width:14px}.side_setting .info-content{background:#f3f3f3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#adb5bd;display:none;font-size:11px;margin-top:5px;padding:7px}.side_setting .member_group>li>span{display:inline-block;font-size:12px;vertical-align:middle}.side_setting .member_group>li .lanking_friend{text-align:center;width:40px}.side_setting .member_group>li .lanking_friend.me img{margin-left:10px}.side_setting .member_group>li .lanking_friend:not(.me){cursor:pointer}.side_setting .member_group>li .lanking_friend img{display:block;height:20px;margin-left:8px;width:20px}.side_setting .member_group>li .lanking_friend.following{color:#000}.side_setting .member_group>li .lanking_friend.follower{color:#ccc}.side_setting .member_group>li .lanking_img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;height:40px;margin-right:8px;position:relative;width:40px}.side_setting .member_group>li .lanking_name{font-size:14px}.side_setting .member_group>li .lanking_name img{margin-left:5px;margin-top:5px;width:8px}.side_setting .member_group>li .lanking_history{cursor:pointer;font-size:18px;margin-left:8px}.side_setting .member_group>li .lanking_info{color:#b4b4b4;font-size:12px}.side_setting .member_group>li .lanking_point{color:#767676;float:right;text-align:right;z-index:3}.side_setting .member_group>li .lanking_point span{cursor:pointer;text-decoration:underline}.side_setting .member{overflow-y:auto}.side_setting .member li>div{float:left}.side_setting .member li>div:first-child{width:-moz-calc(100% - 76px);width:calc(100% - 76px)}.side_setting .member li>div.btn_follow_n,.side_setting .member li>div.btn_follow_y{width:76px}.side_setting .member .member_profile{background-position:50%;background-repeat:no-repeat;-moz-background-size:40px;background-size:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;float:left;height:40px;margin-right:8px;vertical-align:middle;width:40px}.side_setting .member .member_name{float:left;font-size:14px;line-height:36px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:50%}.side_setting .member .member_name p{color:#959595;font-size:12px}.side_setting .member .btn_follow{background-color:#efefef;border:1px solid #efefef;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#767676;height:24px;margin-top:7px;width:76px}.side_setting .member .btn_follow.add:before{content:"팔로잉";font-size:11px;font-weight:400;margin-left:5px;vertical-align:middle}.side_setting .member .btn_follow.add:after{background-color:#fff;background-image:url(//cdn.classu.co.kr/img/class/icon_addFriend.png);background-position:50%;background-repeat:no-repeat;-moz-background-size:16px;background-size:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:"";display:inline-block;height:20px;margin-left:2px;vertical-align:middle;width:20px}.side_setting .member .btn_follow.message{background:#fff7f7;border:1px solid #ffe3ef;color:#ffa7a9}.side_setting .member .btn_follow.message:before{background-color:transparent;background-image:url(//cdn.classu.co.kr/img/class/ico_together.png);background-position:-60px;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover;content:"";display:inline-block;height:20px;margin-right:3px;vertical-align:middle;width:20px}.side_setting .member .btn_follow.message:after{content:"메세지";font-size:11px;font-weight:400;vertical-align:middle}.side_setting .member .btn_follow.cancel{background:#fff7f7;border:1px solid #ffe3e4;color:#ffa7a9}.side_setting .member .btn_follow.cancel:after{content:"취소";font-size:11px;font-weight:400}.side_setting .onoffswitch{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:36px}.side_setting .onoffswitch .onoffswitch-checkbox{display:none}.side_setting .onoffswitch .onoffswitch-label{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;cursor:pointer;display:block;overflow:hidden}.side_setting .onoffswitch .onoffswitch-inner{display:block;margin-left:-100%;-webkit-transition:margin .3s ease-in 0s;-moz-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s;width:200%}.side_setting .onoffswitch .onoffswitch-inner:after,.side_setting .onoffswitch .onoffswitch-inner:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#000;display:block;float:left;font-size:12px;font-weight:400;height:20px;width:50%}.side_setting .onoffswitch .onoffswitch-inner:before{background-color:#ff5a5f;color:#fff;content:""}.side_setting .onoffswitch .onoffswitch-inner:after{background-color:#d8d8d8;color:#fff;content:"";text-align:right}.side_setting .onoffswitch .onoffswitch-switch{background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;bottom:0;display:block;height:16px;margin:2px;position:absolute;right:16px;top:0;-webkit-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;width:16px}.side_setting .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.side_setting .onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.leave-chat-pop{background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:none;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:345px;z-index:12}.leave-chat-pop div{font-size:18px;margin-bottom:8px}.leave-chat-pop div div{color:#707070;font-size:14px;margin-top:5px}.leave-chat-pop p{text-align:right}.leave-chat-pop button{color:#ff5a5f}.leave-chat-pop button:last-child{color:#767676;margin-left:20px}.move-profile-pop{background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:none;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:345px;z-index:12}.move-profile-pop div{font-size:18px;margin-bottom:8px}.move-profile-pop div div{color:#707070;font-size:14px;margin-top:5px}.move-profile-pop p{text-align:right}.move-profile-pop button{color:#767676}.move-profile-pop button:last-child{color:#ff5a5f;margin-left:20px}.emti1{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti1.png)}.emti2{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti2.png)}.emti3{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti3.png)}.emti4{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti4.png)}.emti5{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti5.png)}.emti6{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti6.png)}.emti7{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti7.png)}.emti8{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti8.png)}.emti9{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti9.png)}.emti10{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti10.png)}.emti11{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti11.png)}.emti12{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti12.png)}.emti13{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti13.png)}.emti14{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti14.png)}.emti15{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti15.png)}.emti16{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti16.png)}.emti17{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti17.png)}.emti18{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti18.png)}.emti19{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti19.png)}.emti20{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti20.png)}.emti21{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti21.png)}.emti22{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti22.png)}.emti23{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti23.png)}.emti24{background-image:url(//cdn.classu.co.kr/img/class/emoticon/emti24.png)}.inner>.slimScrollDiv{float:left;width:330px}@media screen and (max-width:767px){.inner>.slimScrollDiv{width:100%}}.chat_list{border-left:1px solid #e0e0e0;float:left;overflow-y:auto;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;vertical-align:top;width:330px}@media screen and (max-width:767px){.chat_list{border:0;padding-top:56px;width:100%}.chat_list.hide{display:none}}.chat_list>ul>li{border-bottom:1px solid #f1f1f1;cursor:pointer;overflow:hidden;padding:18px 15px;position:relative}.chat_list>ul>li>div{float:left}.chat_list>ul>li .messege_time{color:#9e9e9e;font-size:10px;position:absolute;right:15px;top:20px}.chat_list>ul>li .unread_messege{background:#ff5a5f;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:25px;color:#fff;font-size:12px;height:18px;line-height:18px;position:absolute;right:15px;text-align:center;width:18px}.chat_list>ul>li .unread_messege.on{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:30px}.chat_list>ul>li .unread_messege.on2{width:34px}.chat_list>ul .chat_group3 .profile,.chat_list>ul .chat_group4 .profile,.chat_list>ul .chat_group5 .profile,.chat_list>ul .chat_personal .profile{height:48px;width:48px}.chat_list>ul .chat_group3 .info,.chat_list>ul .chat_group4 .info,.chat_list>ul .chat_group5 .info,.chat_list>ul .chat_personal .info{font-size:14px;width:200px}.chat_list>ul .chat_group3 .info div,.chat_list>ul .chat_group4 .info div,.chat_list>ul .chat_group5 .info div,.chat_list>ul .chat_personal .info div{font-weight:500}.chat_list>ul .chat_group3 .info p,.chat_list>ul .chat_group4 .info p,.chat_list>ul .chat_group5 .info p,.chat_list>ul .chat_personal .info p{color:#9e9e9e;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.chat_list>ul .chat_personal .profile{background-position:50%;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover;border:1px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:48px;margin-right:12px!important;width:48px}.chat_list>ul .chat_group3 .profile,.chat_list>ul .chat_group4 .profile,.chat_list>ul .chat_group5 .profile{margin-right:12px;overflow:hidden}.chat_list>ul .chat_group3 .profile ul,.chat_list>ul .chat_group4 .profile ul,.chat_list>ul .chat_group5 .profile ul{height:48px;position:relative;width:48px}.chat_list>ul .chat_group3 .profile ul li,.chat_list>ul .chat_group4 .profile ul li,.chat_list>ul .chat_group5 .profile ul li{background-position:50%;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover;border:1px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:24px;padding:0;width:24px}.chat_list>ul .chat_group3 .info div span,.chat_list>ul .chat_group4 .info div span,.chat_list>ul .chat_group5 .info div span{color:#9e9e9e;display:inline-block;font-size:11px;height:20px;padding-left:5px;vertical-align:middle}.chat_list>ul .chat_group3 .profile ul li{height:30px;position:absolute;width:30px}.chat_list>ul .chat_group3 .profile ul li:first-child{left:3px;top:3px}.chat_list>ul .chat_group3 .profile ul li:nth-child(2){bottom:3px;right:3px}.chat_list>ul .chat_group4 .profile ul li{position:absolute}.chat_list>ul .chat_group4 .profile ul li:first-child{left:13.5px;top:4px;z-index:2}.chat_list>ul .chat_group4 .profile ul li:nth-child(2){bottom:4px;left:4px;z-index:3}.chat_list>ul .chat_group4 .profile ul li:nth-child(3){bottom:4px;right:4px;z-index:1}.chat_list>ul .chat_group5 .profile ul li{float:left}
/* file : ./_chat.css */