li{list-style:none}input::-ms-clear{visibility:hidden}input::-ms-reveal{visibility:hidden}body{position:relative}.contents-wrapper{width:100%;height:100vh;background:transparent linear-gradient(180deg, #0D5AC6 0%, #175AC6 50%, #008FC4 100%);overflow:hidden;position:relative;margin:0 auto;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.l-header{width:100%;height:55px;min-width:1000px;margin:0 auto}.l-header-box{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 20px}.l-header-box .c-header-logo{width:157px}.l-header-box .c-header-logo img{width:100%}.p-header-user{display:flex;align-items:center}.p-header-user .user-name{color:#fff;font-size:12px;margin:0 0 0 6px}.p-header-user:hover{cursor:pointer}.l-main{position:relative;width:100%;height:calc( 100% - 55px);height:calc( 100% - 55px);min-width:1080px;margin:0 auto}.l-main-container{position:relative;display:flex;height:calc( 100% - 55px);height:calc( 100% - 55px);height:100%;min-width:1000px;margin:0 auto;width:100%}.l-main-mask{display:none;position:absolute;top:0;left:0;z-index:10;height:100vh;height:100%;width:100%}.l-main-mask.active{display:block}.l-nav-section-wrapper,.l-nav-section,.l-rooms-section,.l-chat-section,.l-expand-section{position:relative}.l-nav-section-mask,.l-rooms-section-mask,.l-chat-section-mask,.l-expand-section-mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.l-nav-section-mask.active,.l-rooms-section-mask.active,.l-chat-section-mask.active,.l-expand-section-mask.active{display:block}.l-nav-section-mask.active2,.l-rooms-section-mask.active2,.l-chat-section-mask.active2,.l-expand-section-mask.active2{display:block;width:calc( 100% - 280px );max-width:100%;left:auto;right:0}.l-rooms-section-mask{width:220px;width:280px}.l-pop-position{display:none;position:absolute;top:0;left:0;z-index:11}.l-pop-position.active{display:block}.l-pop-position-inner{position:relative;z-index:12;width:100%}.l-nav-section{width:56px;height:calc( 100% - 55px);height:calc( 100% - 55px);height:100%;overflow:hidden}.l-rooms-section{width:280px;min-width:280px;height:100%;background:#F0F0F0;border-radius:20px 0px 0px 0px;overflow:hidden;resize:horizontal}.l-chat-section{width:100%;max-width:calc( 100% - 280px - 56px);height:100%;background:#F0F0F0}.l-expand-section{position:relative;width:calc( 100% - 56px);height:calc( 100% - 55px);height:calc( 100% - 55px);height:100%;background:#F0F0F0;border-radius:20px 0px 0px 0px;overflow-x:auto;overflow-y:hidden;border-radius:20px 0 0 0}.l-iframe-nav{width:56px;height:calc( 100% - 55px);height:100%}.l-iframe-rooms{width:220px;width:280px;width:100%;height:calc( 100% - 55px);height:100%}.l-iframe-chat{width:100%;height:calc( 100% - 55px);height:100%;border-radius:20px 0 0 0}.l-iframe-user{width:100%;height:calc( 100% - 55px);height:100%;border-radius:20px 0 0 0}.l-iframe-expand{width:100%;height:calc( 100% - 55px);height:100%;border-radius:20px 0 0 0;min-width:1000px}.l-iframe-expand.header-error{padding:52px 0 0 0}.nav-contents-wrapper{width:56px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc( 100vh - 15px )}.nav-contents-wrapper li{margin:3px 0 0}.nav-contents-wrapper li:first-of-type{margin:0 0 0}.l-expand-contents-wrapper{background:#F0F0F0;width:100%;height:calc( 100% - 55px)}.c-input{border-radius:23px;border:none;font-size:16px;color:#222}.c-input:focus{outline:none;box-shadow:0 0 0px 2px #175AC6}.c-input::placeholder{font-size:12px;color:#919191}.c-input:-ms-input-placeholder{font-size:12px;color:#919191}.c-input.val-error{border:2px solid #FD0D1B}.p-search-box-room{position:relative;width:225px;width:calc( 100% - 35px )}.p-search-box-room .c-input{padding:0 22px 0 10px;font-size:10px}.p-search-box-room ::placeholder{font-size:10px;color:#222}.p-search-box-room :-ms-input-placeholder{font-size:10px;color:#222}.p-search-box-input-out{position:relative;display:block;width:calc( 100% - 35px)}.p-search-box-input-out .search_content_delete{position:absolute;right:8px;top:10px;width:11px;height:11px;line-height:1;font-size:11px}.p-search-box-input-out.p-filterbtn-none{width:100%}.p-rooms-search-form.inactive .search_content_delete{display:none}.p-create-btn-room.hide{display:none}.p-search-box-chat{position:relative}.p-search-box-chat .c-input{padding:0 15px 0 33px;font-size:14px}.p-search-box-chat .search-icon{position:absolute;top:50%;left:17px;transform:translateY(-50%);width:11px;height:11px;background:url("") no-repeat;background-size:contain;background-position:center}.p-search-box-chat ::placeholder{position:relative;top:-0.05em;font-size:13px}.p-search-box-chat :-ms-input-placeholder{position:relative;top:-0.05em;font-size:13px}.p-create-group-box{position:relative;width:100%;padding:0 0 0 0;background:#fff;z-index:5}.p-create-group-box .c-input-create-group{width:100%;height:60px;border-bottom:1px solid #C3C3C3;padding:0 28px 0 96px}.p-create-group-box .c-input-create-group:focus{outline:none;box-shadow:0px -2px 0px 0px #175AC6 inset;border-bottom:0}.p-create-group-box .c-input-create-group::placeholder{padding-top:0px}.p-create-group-box .c-input-create-group:-ms-input-placeholder{padding-top:0px}.p-create-group-box .label-group{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:14px}.p-create-group-box .label-group.focus{color:#175AC6}.p-create-group-box.top-box{height:60px}.p-create-group-box.bottom-box{height:auto;min-height:60px;padding:0;width:100%}.p-create-group-box.bottom-box .bottom-box-inner{width:100%;height:100%;min-height:60px;padding:0 28px 0 80px;border-bottom:1px solid #C3C3C3}.p-create-group-box.bottom-box .bottom-box-inner.focus{border-bottom:2px solid #175AC6}.p-create-group-box .member-input-wrapper{width:100%;height:100%;position:relative;display:flex;flex-wrap:wrap}.p-create-group-box .member-input-wrapper .p-users-info-box .c-name-user{display:block;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-create-group-box .member-input-wrapper .p-users-info-box .c-name-user .co{margin:0}.p-create-group-box .member-input-wrapper .p-user-box-border{position:relative;display:flex;align-items:center;max-width:200px;height:50px;border:1px solid #C3C3C3;border-radius:22px;padding:0 26px 0 8px;margin:5px 0 0 4px}.p-create-group-box .member-input-wrapper .p-user-box-border .btn-delete-icon-btn{position:absolute;top:11px;right:-16px;display:block;width:12px;height:12px;background:url("") no-repeat;background-size:contain;background-position:center}.p-create-group-box .member-input-wrapper .btn-delete-icon-btn{width:10px;height:10px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 0 0 10px}.p-create-group-box .member-input-wrapper .p-add-user-textarea-box{margin:5px 0 0 3px;height:50px;display:flex;align-items:center;width:auto}.p-create-group-box .member-input-wrapper .p-add-user-textarea-box .textarea-elm{resize:none;border:none;overflow:hidden;width:auto;height:50px;padding:14px 0;line-height:normal}.p-create-group-box .member-input-wrapper .p-add-user-textarea-box .textarea-elm:focus{outline:none}.p-create-group-box .member-input-wrapper .p-add-user-textarea-box .textarea-elm::placeholder{font-size:12px;color:#919191;padding-top:2px}.p-create-group-box .member-input-wrapper .p-add-user-textarea-box .textarea-elm:-ms-input-placeholder{font-size:12px;color:#919191;padding-top:2px}.c-input-with-heading{position:relative;width:100%;background:#fff;border:1px solid #C3C3C3;border-radius:5px;padding:0 0 0;overflow:hidden}.c-input-with-heading .input-ttl{position:absolute;top:12px;left:18px;font-size:12px;color:#919191;margin:0 0 0 0}.c-input-with-heading .main-textarea{position:absolute;top:24px;left:0;width:100%;height:calc(100% - 24px);border:none;font-size:14px;font-weight:normal;color:#222;padding:2px 18px 16px 18px;resize:none;border-radius:5px;-ms-overflow-style:none;scrollbar-width:none}.c-input-with-heading .main-textarea::-webkit-scrollbar{display:none}.c-input-with-heading .main-textarea:focus{outline:0}.c-input-with-heading .textarea-height-elm{padding:0 18px 16px 18px;margin:26px 0 0 0;width:100%;min-height:40px;max-height:80px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;visibility:hidden;font-size:14px}.c-input-with-heading.error{border:2px solid #FD0D1B}.p-input-user-select{position:relative;display:flex;justify-content:flex-start;flex-wrap:wrap;background:#fff;border:1px solid #C3C3C3;border-radius:5px;padding:4px 14px 8px}.p-input-user-select .p-user-box-border{position:relative;display:flex;align-items:center;max-width:200px;height:50px;border:1px solid #C3C3C3;border-radius:22px;padding:0 26px 0 8px;margin:4px 0 0 4px}.p-input-user-select .p-user-box-border .btn-delete-icon-btn{position:absolute;top:19px;right:8px;display:block;width:12px;height:12px;background:url("") no-repeat;background-size:contain;background-position:center}.p-input-user-select .user-name-textarea{width:100%;max-width:170px;height:50px;border:none;resize:none;font-size:14px;padding:18px 0 14px 6px;margin:0 0 4px;outline:0;-ms-overflow-style:none;scrollbar-width:none}.p-input-user-select .user-name-textarea::-webkit-scrollbar{display:none}.c-datetime-select-area{display:flex;align-items:center;width:100%;background:#fff;border:solid 1px #C3C3C3;border-radius:5px;padding:18px 18px}.c-datetime-select-area .display-datetime{font-size:14px}.c-datetime-select-area .btn-datetime-modal{appearance:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;text-align:center;outline:none;text-decoration:none;transition:background-color .2s ease;background:#F8F8F8;height:26px;width:75px;font-size:14px;border:1px solid #C3C3C3;border-radius:13px;margin:0 0 0 25px}.input-white{background:#fff}.input-white-border{background:#fff;border:1px solid #C3C3C3}.input-gray-border{background:#F0F0F0;border:1px solid #C3C3C3}.input-gray{background:#F0F0F0}.input-size-max{width:100%;height:100%;border-radius:0;padding:0 28px}.input-size-max-search{width:100%;height:30px;border-radius:15px;padding:0 15px}.input-size-305{width:305px;height:46px;border-radius:23px;padding:0 28px}.input-size-255{width:255px;height:46px;border-radius:5px;padding:0 15px}.input-size-290{width:290px;height:30px;border-radius:15px;padding:0 15px}.input-size-165{width:165px;height:30px;border-radius:15px;padding:0 15px}.p-form-box-with-icon{position:relative;padding:0 32px}.p-form-box-with-icon .form-icon{position:absolute;top:20px;left:0;width:22px;height:22px}.p-form-box-with-icon .form-icon.edit{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.create{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.user{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.time{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.repeat{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.user2{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.user3{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.eye{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.file{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.comment{background:url("") no-repeat;background-size:contain;background-position:center}.p-form-box-with-icon .form-icon.datasize{background:url("") no-repeat;background-size:contain;background-position:center;top:17px}.c-form-error{color:#FD0D1B;font-size:14px;line-height:20px}.c-submit-btn{appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;text-align:center;outline:none;text-decoration:none;transition:background-color .2s ease}.c-calender-btn,.c-add-user-btn{appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0;position:relative;text-align:center;outline:none;text-decoration:none;transition:background-color .2s ease;padding:0 15px;margin:0 0 0 10px}.c-calender-btn .calender-icon,.c-add-user-btn .calender-icon{width:19px;height:19px;background:url("") no-repeat;background-size:contain;background-position:center}.c-calender-btn .user-icon,.c-add-user-btn .user-icon{width:19px;height:19px;background:url("") no-repeat;background-size:contain;background-position:center}.c-calender-btn .plus-icon,.c-add-user-btn .plus-icon{width:9px;height:9px;background:url("") no-repeat;background-size:contain;background-position:center}.img-btn{width:100%;height:100%}.img-btn-filter{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-filter:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-filter.-filterd{background:url("") no-repeat;background-size:contain;background-position:center center}.img-btn-filter.-filterd:hover{background:url("") no-repeat;background-size:contain;background-position:center center}.img-btn-refine{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-refine:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-create{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-create:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-create-user{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-create-user:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-send{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-send:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-file{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-file:hover{background:url("") no-repeat;background-size:contain;background-position:center}.img-btn-edit{background:url("") no-repeat;background-size:contain;background-position:center}.p-meeting-search-form .img-btn-refine{background:url("") no-repeat;background-size:contain;background-position:center}.c-search-inner-btn{display:none;position:absolute;top:50%;right:9px;transform:translateY(-50%);width:13px;height:13px}.c-search-inner-btn.active{display:block}.c-room-filter-btn{display:none;position:absolute;top:50%;right:34px;transform:translateY(-50%);width:13px;height:13px}.c-room-filter-btn.active{display:block}.c-close-icon-btn{width:13px;height:13px;cursor:pointer}.c-close-icon-btn .close-icon{width:100%;height:100%;background:url("") no-repeat;background-size:contain;background-position:center}.c-switch-chat-file{display:flex;height:22px;width:128px;border:1px solid #175AC6;border-radius:11px}.c-switch-chat-file .chat-btn{display:flex;align-items:center;justify-content:center;width:64px;height:100%;background:#fff;border-radius:11px 0 0 11px;color:#175AC6;font-size:10px}.c-switch-chat-file .chat-btn.active{background:#175AC6;color:#fff}.c-switch-chat-file .file-btn{display:flex;align-items:center;justify-content:center;width:64px;height:100%;background:#fff;border-radius:0 11px 11px 0;color:#175AC6;font-size:10px}.c-switch-chat-file .file-btn.active{background:#175AC6;color:#fff}.c-switch-chat-file.active{background:#175AC6;color:#fff}.c-which-file-btn{appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;outline:none;text-decoration:none;transition:background-color .2s ease;width:100%;padding:0 0;margin:0;font-size:12px}.c-which-file-btn.template-btn .img-icon{width:19.5px;height:19.5px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 4px 0 0}.c-which-file-btn.local-btn .img-icon{width:19.5px;height:19.5px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 4px 0 0}.c-btn-more-user .arrow{height:8px;width:8px;background:url("") no-repeat;background-position:center;background-size:contain}.btn-login{background-color:#333;color:#fff;transition:opacity .2s ease}.btn-login:hover{opacity:0.8}.btn-black{background-color:#535353;color:#fff;transition:opacity .2s ease}.btn-black:hover{opacity:0.8}.btn-gray{background-color:#F8F8F8;color:#222}.btn-gray:hover{background-color:#fff}.btn-blue{background-color:#175AC6;color:#fff;transition:opacity .2s ease}.btn-blue:hover{opacity:0.8}.btn-white{background-color:#fff;color:#222;border:solid 1px #C3C3C3}.btn-white:hover{background-color:#F8F8F8}.btn-red{background-color:#AF3434;color:#fff;border:solid 1px #AF3434}.btn-red:hover{background-color:#fff;color:#AF3434}.btn-disabled{background-color:#868686;color:#fff;border:solid 1px #868686}.btn-delete{background-color:#5D5D5D;color:#fff;border:solid 1px #5D5D5D;transition:opacity .2s ease}.btn-delete:hover{opacity:0.85}.btn-size-370{border-radius:25px;font-size:14px;font-weight:bold;height:40px;width:370px;max-width:100%}.btn-size-185{border-radius:25px;font-size:14px;font-weight:bold;height:50px;width:185px}.btn-size-150{border-radius:20px;font-size:14px;font-weight:500;height:40px;width:150px}.btn-size-135{border-radius:20px;font-size:12px;font-weight:bold;height:40px;width:135px}.btn-size-140{border-radius:20px;font-size:14px;font-weight:bold;height:40px;width:140px}.btn-size-125{border-radius:20px;font-size:14px;font-weight:bold;height:40px;width:120px}.btn-size-120{border-radius:20px;font-size:14px;font-weight:bold;height:40px;width:120px}.btn-size-95{border-radius:20px;font-size:12px;font-weight:bold;height:40px;width:95px}.btn-size-85{border-radius:12px;font-size:12px;font-weight:bold;height:25px;width:85px}.btn-size-80{border-radius:20px;font-size:12px;font-weight:bold;height:40px;width:80px}.btn-size-65{border-radius:15px;font-size:14px;font-weight:bold;height:30px;width:65px}.btn-size-56{border-radius:12px;font-size:12px;font-weight:normal;height:24px;width:56px}.btn-size-30{border-radius:15px;font-size:14px;font-weight:bold;height:30px;width:30px}.btn-size-21{border-radius:5px;font-size:14px;font-weight:bold;height:21px;width:21px}.radio-label{display:inline-flex;align-items:center;align-self:center;cursor:pointer;font-size:14px;color:#222;margin:8px auto 0 0}.radio-label input{filter:alpha(opacity=0);opacity:0;appearance:none;position:absolute}.radio-label input+.radio-icon{position:relative;vertical-align:middle;display:inline-block;box-sizing:border-box;width:18px;height:18px;margin:0 8px 0 0;border-radius:50%;border:none;background:#fff;box-shadow:none;box-shadow:0 0 0px 1px #C3C3C3}.radio-label input:disabled+.radio-icon{border:none}.radio-label input:focus+.radio-icon{border:0;box-shadow:0}.radio-label input:checked+.radio-icon{background:#535353;border:3px solid #fff;box-shadow:0 0 0px 1px #C3C3C3}.check-label{display:inline-block;cursor:pointer}.input-checkbox{opacity:0;appearance:none;position:absolute}.input-checkbox+.check-icon{position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;border-radius:12px;width:24px;height:24px;transition:all 0.2s ease-out}.input-checkbox+.check-icon:after{position:absolute;top:-6px;left:0;content:"";display:inline-block;box-sizing:border-box;width:24px;height:24px;border-radius:12px;box-shadow:none;transition:all 0.1s ease-out;background:url("") no-repeat;background-position:center;background-size:contain}.input-checkbox:checked+.check-icon:after{position:absolute;left:0;content:"";display:inline-block;box-sizing:border-box;width:24px;height:24px;border-radius:12px;box-shadow:none;background:url("") no-repeat;background-position:center;background-size:contain}.input-checkbox:focus+.check-icon{border-radius:12px}.input-checkbox:focus+.check-icon:after{border-radius:12px;box-shadow:none}.input-checkbox:focus:not(:checked)+.check-icon:after{border-radius:12px;border:0}.input-checkbox:disabled+.check-icon:after{background:#E5E5E5}.ipad .input-checkbox+.check-icon::after,.mac.safari .input-checkbox+.check-icon::after{top:0}.c-user-icon{display:flex;justify-content:center;align-items:center}.c-user-icon .user-icon-text{color:#fff;font-size:13px;line-height:30px}.c-user-icon.icon-size-20 .user-icon-text{font-size:10px;line-height:20px;transform:scale(0.7)}.c-user-icon .user-icon-img{width:15px;height:17px;background:url("") no-repeat;background-size:contain;background-position:center}.c-nav-icon{position:relative;width:40px;height:40px;border-radius:16px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.2);justify-content:center;align-items:center;transition:background-color .2s ease}.c-nav-icon.c-nav-icon-help{border-radius:50%;background-color:transparent;width:25px;height:25px;margin:auto auto auto}.c-nav-icon.c-nav-icon-help+span{text-align:center;font-size:12px;color:#ffffff}.c-nav-icon .user-icon-text{color:#fff;font-size:13px;line-height:30px}.c-nav-icon .icon-img-chat{width:21.14px;height:18.26px;background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon .icon-img-user{width:14.87px;height:17.4px;background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon .icon-img-calender{width:19.11px;height:18.53px;background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon .icon-img-stamp{width:18px;height:20px;background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon .icon-img-help{width:100%;height:100%;background-image:url("");background-repeat:no-repeat;background-size:100%;background-position:center;transition:0.3s}.c-nav-icon .icon-img-help:hover{opacity:0.7}.c-nav-icon.active{background:#fff}.c-nav-icon.active:hover{background:#fff}.c-nav-icon.active .icon-img-chat{background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon.active .icon-img-user{background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon.active .icon-img-calender{background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon.active .icon-img-stamp{background:url("") no-repeat;background-size:100%;background-position:center}.c-nav-icon:hover{background:#ccc}.icon-size-20.c-user-icon{width:20px;height:20px;border-radius:14.5px}.icon-size-30.c-user-icon{width:30px;height:30px;border-radius:13px}.icon-size-35.c-user-icon{width:35px;height:35px;border-radius:14.5px}.icon-size-48.c-user-icon{width:48px;height:48px;border-radius:20px}.icon-color-01.c-user-icon{background:#DEDEDE}.icon-color-01 .user-icon-text{color:#717171}.icon-color-02.c-user-icon{background:#89D8A1}.icon-color-02 .user-icon-text{color:#18622F}.icon-color-03.c-user-icon{background:#faa}.icon-color-03 .user-icon-text{color:#AF3636}.icon-color-04.c-user-icon{background:#80C5DE}.icon-color-04 .user-icon-text{color:#165D76}.icon-color-05.c-user-icon{background:#F4C88E}.icon-color-05 .user-icon-text{color:#844F09}.icon-color-06.c-user-icon{background:#F8E88F}.icon-color-06 .user-icon-text{color:#695D19}.icon-color-07.c-user-icon{background:#CDCEE6}.icon-color-07 .user-icon-text{color:#434695}.p-users-info-box,.p-group-info-box{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%}.p-users-icon-box{display:flex;align-items:center}.p-users-icon-box .c-user-icon{position:relative;margin:0 0 0 -14px}.p-users-icon-box .c-user-icon:first-of-type{margin:0;z-index:0}.p-users-icon-box .c-user-icon:nth-of-type(2){z-index:1}.p-users-icon-box .c-user-icon:nth-of-type(3){z-index:2}.c-name-user{width:calc(100% - 35px);color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 7px 0 7px}.c-name-user .co{color:#666}.c-name-user .id-num{display:block;font-size:80%;color:#175AC6;color:#222}.c-name-user.font-size-12{font-size:12px;line-height:17px}.c-name-user.font-size-12 .co{font-size:10px;line-height:15px}.c-name-user.font-size-16{font-size:16px;line-height:24px}.c-name-user.font-size-16 .co{font-size:10px;line-height:15px}.c-name-group{color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 7px}.c-name-group.font-size-12{font-size:12px;line-height:17px}.c-name-group.font-size-16{font-size:16px;line-height:24px}.c-name-group.width-160{width:160px}.p-message-box{width:100%;padding:7px 0 0 0}.c-search-bold{font-weight:bold}.p-opp-message{width:50%;min-width:500px;display:flex;flex-direction:column;align-items:flex-start;margin:0 auto 0 0}.p-opp-message.search .c-opp-message-main{background:#FBF1AF}.p-opp-message.search .c-message-opp-strip{background:#FBF1AF}.p-opp-message.search .p-message-user-icon{background:#FBF1AF}.c-opp-message-info{display:flex;align-items:center;font-size:10px;line-height:15px;padding:0 0 0 41px}.c-opp-message-info .name{color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:11em;display:inline-block}.c-opp-message-info .co{color:#666;margin:0 0 0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:11em;display:inline-block}.c-opp-message-info .timestamp{color:#666;margin:0 0 0 13px}.p-opp-message-body{width:100%;display:flex;align-items:flex-start;flex-shrink:0}.p-opp-message-body .p-message-user-icon{background:#F0F0F0}.p-opp-message-body .p-users-icon-box{padding:5px 6px 0 0;border-radius:0 20px 0 0;background:#fff}.c-opp-message-main{border-radius:0px 20px 20px 20px;background:#F0F0F0;padding:10px 18px 10px 23px}.c-opp-message-main .message-inner{font-size:14px;line-height:22px;color:#222;white-space:pre-wrap;word-break:break-word}.p-self-message{width:50%;min-width:500px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin:0 0 0 auto}.p-self-message.search .c-self-message-main{background:#FBF1AF}.p-self-message.search .c-message-self-strip{background:#FBF1AF}.c-self-message-info{display:flex;align-items:center;justify-content:flex-end;font-size:10px;line-height:15px;padding:0 16px 0 0}.c-self-message-info .name{color:#222}.c-self-message-info .co{color:#666;margin:0 0 0 6px}.c-self-message-info .timestamp{color:#666;margin:0 0 0 13px}.c-self-message-info .message-edited-msg{color:#666}.p-self-message-body{width:100%;display:flex;align-items:flex-start;justify-content:flex-end;flex-shrink:0}.c-already-read{display:flex;align-items:center;font-size:10px;align-self:flex-end;flex-shrink:0;width:28px}.c-already-read .read-mark{color:#175AC6}.c-already-read .read-num{color:#175AC6}.c-self-message-main{position:relative;border-radius:20px 0px 20px 20px;background:#D1E5FF;padding:10px 55px 10px 23px}.c-self-message-main.file-message{padding:16px 55px 17px 20px}.c-self-message-main.file-message .message-inner{white-space:nowrap}.c-self-message-main .message-inner{font-size:14px;line-height:22px;color:#222;white-space:pre-wrap;word-break:break-word}.c-self-message-main:hover .c-message-edit-icon{opacity:1}.c-message-edit-icon{display:block;position:absolute;top:9px;right:27px;appearance:none;cursor:pointer;padding:0;outline:none;text-decoration:none;transition:all .2s ease;width:23px;height:23px;border:none;border-radius:23px;background:url("") no-repeat;background-position:center;background-size:50%;background-color:#9ABEEA;opacity:1}.c-message-edit-icon:hover{opacity:1 !important;background-color:#175AC6}.c-message-edit-icon.active{opacity:1;background-color:#175AC6}.c-message-self-strip{width:16px;height:16px;flex-shrink:0;background:#D1E5FF}.c-message-self-strip .stripe-space{width:100%;height:100%;border-radius:16px 0 0 0;background:#fff}.edit .c-self-message-main{background:#F0F0F0 !important;border:#ccc 1px solid;position:relative}.edit .c-self-message-main::after{content:"";width:2px;top:1px;height:14px;right:-1px;display:block;position:absolute;background-color:#F0F0F0}.edit .c-self-message-main .message-inner{position:relative;white-space:inherit}.edit .c-self-message-main .message-inner .edit-textarea-wrapper{position:relative}.edit .c-self-message-main .message-inner .edit-textarea-wrapper .edit-textarea-height-elm{min-height:45px;max-height:300px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;visibility:hidden;border:1px solid;padding:12px 16px 6px 16px;font-size:16px;line-height:20px}.edit .c-self-message-main .message-inner .edit-textarea-wrapper .c-message-edit-txt{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:0;resize:none;padding:0 0 0;background:#F0F0F0;font-size:14px;line-height:20px;-ms-overflow-style:none;scrollbar-width:none}.edit .c-self-message-main .message-inner .edit-textarea-wrapper .c-message-edit-txt:focus{outline:none}.edit .c-self-message-main .c-message-edit-btnarea{display:flex;justify-content:flex-end;margin:8px 0 0}.edit .c-self-message-main .c-message-edit-btnarea .c-message-edit-btn{appearance:none;cursor:pointer;padding:0;outline:none;text-decoration:none;transition:background-color .2s ease;width:20px;height:20px;border:none;border-radius:10px;background-image:url("");background-repeat:no-repeat;background-size:contain}.edit .c-self-message-main .c-message-edit-btnarea .c-message-edit-btn.c-message-edit-cansel{background-image:url("");background-color:#535353;background-size:50%;background-repeat:no-repeat;background-position:center center}.edit .c-self-message-main .c-message-edit-btnarea .c-message-edit-btn+.c-message-edit-btn{margin:0 0 0 8px}.edit .c-self-message-main .c-self-file-message{margin:8px 0 0}.edit .c-self-message-main .file-edit-icon{display:none}.edit .c-self-message-main .file-delete-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);appearance:none;cursor:pointer;padding:0;outline:none;text-decoration:none;transition:background-color .2s ease;width:20px;height:20px;border:none;border-radius:10px;background:url("") no-repeat;background-position:center;background-size:50%;background-color:#535353}.edit .c-message-self-strip{background:#F0F0F0 !important;border-top:#ccc 1px solid}.edit .c-message-self-strip .stripe-space{border:1px solid #ccc;border-width:1px 0 0 1px}.p-opp-message-deleted,.p-self-message-deleted{width:50%;min-width:500px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;margin:0 0 0 auto;padding:18px 0 0 0}.p-opp-message-deleted .c-opp-message-main,.p-opp-message-deleted .c-self-message-main,.p-self-message-deleted .c-opp-message-main,.p-self-message-deleted .c-self-message-main{border-radius:20px;border:solid 1px #175AC6;background:#F8FBFF}.p-opp-message-deleted .c-opp-message-main .message-inner,.p-opp-message-deleted .c-self-message-main .message-inner,.p-self-message-deleted .c-opp-message-main .message-inner,.p-self-message-deleted .c-self-message-main .message-inner{line-height:18px;color:#175AC6;white-space:pre-wrap}.p-opp-message-deleted{margin-left:0}.c-self-file-message{position:relative;display:flex;align-items:center;background:#fff;width:212px;height:52px;border-radius:10px;border:none;font-size:14px;padding:0 36px 0 17px;margin-top:5px;margin-right:-35px}.c-self-file-message:first-child{margin-top:0}.c-self-file-message .clip-icon{width:13px;height:18px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 8px 0 0}.c-self-file-message .file-edit-icon{position:absolute;top:50%;right:7px;transform:translateY(-50%);appearance:none;cursor:pointer;padding:0;outline:none;text-decoration:none;transition:all .2s ease;width:23px;height:23px;border:none;border-radius:23px;background:url("") no-repeat;background-position:center;background-size:50%;background-color:#9ABEEA}.c-self-file-message .file-edit-icon:hover{opacity:1 !important;background-color:#175AC6}.c-self-file-message .file-edit-icon.active{opacity:1;background-color:#175AC6}.c-self-file-message .file-name{width:calc(100% - 0px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2}.c-self-file-message:hover .file-edit-icon{opacity:1;background-color:#175AC6}.c-opp-message-main .c-self-file-message{margin-right:0}.c-notification-message{margin:0 auto 0 0;display:flex;align-items:center;font-size:12px;padding:12px 0}.c-notification-message .icon{width:16px;height:17px;margin:0 4px 0 0}.c-notification-message .icon.img-add-user{background:url("") no-repeat;background-size:contain;background-position:center}.c-notification-message .icon.img-del-user{background:url("") no-repeat;background-size:contain;background-position:center}.c-notification-message .icon.img-edit{background:url("") no-repeat;background-size:contain;background-position:center}.c-notification-message .icon+.text{max-width:calc( 100% - 20px )}.c-textarea-message{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:5px;resize:none;padding:12px 16px 6px 16px;background:#F0F0F0;font-size:16px;line-height:20px;-ms-overflow-style:none;scrollbar-width:none}.c-textarea-message:focus{outline:none}.c-textarea-message::placeholder{font-size:12px;color:#919191}.c-textarea-message:-ms-input-placeholder{font-size:12px;color:#919191}.c-textarea-message::-webkit-scrollbar{display:none}.p-send-form{width:100%;display:flex}.p-send-form .p-input-send-wrapper{width:calc(100% - 60px);border:solid 1px #C3C3C3;border-radius:5px;background:#F0F0F0;padding:2px 2px}.p-send-form .textarea-wrapper{position:relative}.p-send-form .textarea-height-elm{min-height:45px;max-height:300px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;visibility:hidden;border:1px solid;padding:12px 16px 6px 16px;font-size:16px;line-height:20px}.p-send-form .p-send-items-wrapper{position:relative;width:30px;display:flex;justify-content:center;align-items:flex-end;padding:0 0 8px 0}.p-send-form .p-send-items-wrapper .c-submit-btn{position:relative;transition:all .2s ease}.p-send-form .p-send-items-wrapper .c-submit-btn:hover+.chip{opacity:1}.p-send-form .p-send-items-wrapper .c-file-btn{margin:0}.p-send-form .p-send-items-wrapper .c-send-btn{margin:0}.p-send-form .p-send-items-wrapper .chip{display:block;position:absolute;bottom:32px;left:-4px;width:32px;text-align:center;padding:4px 0;background:#E8E8E8;border-radius:2px;font-size:12px;font-weight:normal;opacity:0}.p-send-form .file-box-outer{width:100%;overflow-x:scroll}.p-send-form .file-box-outer.non-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}.p-send-form .file-box-outer.non-scroll-bar::-webkit-scrollbar{display:none}.p-send-form .p-input-files-wrapper{width:auto}.p-send-form .c-input-file-box{position:relative;display:flex;align-items:center;flex-shrink:0;background:#fff;width:212px;height:52px;border-radius:10px;border:none;font-size:14px;padding:0 36px 0 17px;margin:8px 0 8px 5px}.p-send-form .c-input-file-box .clip-icon{width:12px;height:18px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 8px 0 0;flex-shrink:0}.p-send-form .c-input-file-box .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2}.p-send-form .c-input-file-box .file-delete-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);appearance:none;cursor:pointer;padding:0;outline:none;text-decoration:none;transition:background-color .2s ease;width:20px;height:20px;border:none;border-radius:10px;background:url("") no-repeat;background-position:center;background-size:50%;background-color:#175AC6}.c-notice-icon{display:none;position:absolute;top:auto;left:auto;width:16px;height:16px;border-radius:8px;background:red;background-color:#175AC6;border:1px solid #fff}.c-notice-icon.chat{top:-4px;right:2px}.c-notice-icon.user{top:38px;right:2px}.c-notice-icon.calender{top:81px;right:2px}.c-notice-icon.room{width:8px;height:8px;top:20px;left:4px}.c-notice-icon.active{display:block}.c-notice-icon .num{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:10px;z-index:1;font-weight:500;transform:scale(0.8)}.l-expand-header{height:52px;width:100%;padding:0 13px 0 16px}.l-expand-header-inner{display:flex;align-items:center;height:52px;width:100%;border-bottom:1px solid #C3C3C3}.c-expand-header-title{width:170px;display:flex;align-items:center;padding:0 0 0 0}.c-expand-header-title .calender-img{width:21px;height:21px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 10px 0 10px}.c-expand-header-title .stamp-img{width:21px;height:24px;background:url("") no-repeat;background-size:contain;background-position:center;margin:0 10px 0 10px}.c-expand-header-title .title{font-size:16px;font-weight:500}.p-header-menu{display:flex;align-items:center}.p-expand-header-menu{display:none;align-items:center;justify-content:space-between;width:calc(100% - 170px);padding:0 0 0 20px}.p-expand-header-menu .p-search-box-room{width:290px}.p-expand-header-menu .c-calender-btn{font-weight:normal;height:30px}.p-expand-header-menu .c-calender-btn .plus-icon{position:relative;top:1px;right:-2px}.p-expand-header-menu.active{display:flex}.l-expand-body{position:relative;width:100%;min-width:calc(1000px - 56px);height:100%;overflow-y:auto;font-weight:normal;padding:0 16px;background:#F0F0F0}.t-tip{position:relative}.c-tip-box{display:none;position:absolute;top:8px;left:0px;width:auto;height:auto;font-size:10px;background:#fff;padding:1.5px 3px;z-index:99;border:1px solid #ccc}.c-tip-box.file-list-tip{font-size:14px;padding:4px 6px}.datepicker-days table tbody tr:hover{background-color:#808080}.ui-datepicker{width:266px !important}.ui-datepicker td{padding:0 !important;width:37px !important;height:30px !important}.ui-datepicker td a{padding:2.5px 0.2em !important}.ui-datepicker th{padding:0.7em 0.3em 4px !important}#ui-datepicker-div{border:solid 1px #ccc;border-radius:4px;box-shadow:0px 0px 15px rgba(0,0,0,0.27)}.ui-datepicker-title{border:0;background:#fff;color:#222;font-size:14px !important;font-family:NotoSansJapanese !important}.ui-widget-header{background:#fff !important;border:0 !important;border-radius:0 !important}.ui-datepicker-prev.ui-corner-all{border-radius:0;left:0 !important;top:0 !important}.ui-datepicker-next.ui-corner-all{border-radius:0;right:0 !important;top:0 !important}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{margin-left:0 !important;margin-top:0 !important;transform:translate(-50%, -50%)}.ui-datepicker-next-hover,.ui-datepicker-prev-hover{background:#F0F0F0 !important;border:0 !important;right:0 !important;top:0 !important}.ui-datepicker-prev{width:36px !important;height:30px !important}.ui-datepicker-prev .ui-icon{top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:url("") no-repeat !important;background-size:27% !important;background-position:center !important;transform:rotate(180deg) !important}.ui-datepicker-next{width:36px !important;height:30px !important}.ui-datepicker-next .ui-icon{top:0 !important;right:0 !important;width:100% !important;height:100% !important;background:url("") no-repeat !important;background-size:27% !important;background-position:center !important;transform:translate(-50%, 0%) !important}.ui-state-default{background:#fff !important;border:0 !important;font-family:NotoSansJapanese !important;font-weight:normal !important;color:#222 !important;line-height:25px;text-align:center !important}.ui-state-default:hover{background:#E5E5E5 !important}.ui-state-default:active{background:#9ABEEA !important}.ui-state-highlight,.ui-widget-content .ui-state-highlight{background:#175AC6 !important;color:#fff !important}.c-toggle-switch{height:24px}.c-toggle-switch .switchArea{line-height:22px;letter-spacing:0;text-align:center;font-size:11px;position:relative;margin:0 0 0 6px;width:50px;height:24px;background:#fff;border-radius:12px}.c-toggle-switch .switchArea input[type="checkbox"]{display:none}.c-toggle-switch .switchArea label{position:relative;display:block;box-sizing:border-box;height:24px;border:1px solid #C3C3C3;border-radius:30px;z-index:2}.c-toggle-switch .switchArea input[type="checkbox"]:checked+label{border-color:#175AC6}.c-toggle-switch .switchArea label span:after{content:"OFF";padding:0 0 0 16px;color:#222;font-size:11px;font-weight:normal;cursor:pointer}.c-toggle-switch .switchArea input[type="checkbox"]:checked+label span:after{content:"ON";padding:0 14px 0 0;color:#175AC6;font-size:11px;font-weight:normal;cursor:pointer}.c-toggle-switch .switchArea #swImg{position:absolute;width:16px;height:16px;background:#999;top:4px;left:4px;border-radius:26px;transition:.2s;z-index:1}.c-toggle-switch .switchArea input[type="checkbox"]:checked ~ #swImg{transform:translateX(26px);background:#175AC6}.m-mainbox{background-color:#ffffff;border-radius:5px;max-width:100%}@media screen and (max-width: 767px){.m-mainbox{max-width:85%}}.m-mainbox-ttl{font-size:14px;text-align:center;border-bottom:#CCCCCC 1px solid;padding:20px 0 15px}.m-mainbox-cnt{padding:25px 35px 30px;box-sizing:border-box}@media screen and (max-width: 767px){.m-mainbox-cnt{padding:6.6vw 4vw}}.m-mainbox-txt{color:#666666;font-size:16px}.completion{position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%}.completion-wrapper{background-color:#fff;background:transparent}.completion-popup{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto auto auto;width:300px;height:60px;padding:1.5em 2em 1.3em;font-size:15px;text-align:center;background-color:#fff;border-radius:5px}
/*# sourceMappingURL=component_pc.css.map */