* {box-sizing:border-box;}
:root {--main : #4A80BE;}
.hide {display:none !important;}
.all-wrap strong {font-weight:700;}
.all-wrap {display:flex;align-items:center;justify-content:center;overflow:hidden;}
.all-wrap .right-cont {width: calc(100vw * 800 / 1920); height:100vh;background:var(--main);}
.all-wrap .company-logo {width:320px; height:106px;}
.all-wrap .company-logo img {width:100%; height:100%; object-fit:cover;}
/*--로그인--*/
.all-wrap {height:100vh;font-size:14px;color: #999;}
.all-wrap h2.title {font-size: 32px;font-weight:700; color: #000;margin-bottom:16px; text-align:center;line-height:120%;}
.all-wrap p.sub-title { font-size: 18px;text-align:center;}
.all-wrap [class*="cont"] {display:flex;align-items:center;justify-content:center;}
.all-wrap .sign-up-btn {color:var(--main);margin-left:4px;}
.all-wrap .welcome-cont {flex-direction:column; gap:40px;width:480px; height:fit-content;margin:0 auto;}
.all-wrap .welcome-cont.end-cont {gap:96px;}
.all-wrap ul li {width:100%;}
.all-wrap ul li.email p {color:#000;}
.all-wrap ul li:last-child {text-align:center;}
.all-wrap button[class*="btn"] {width:100%;border-radius:8px;font-size:16px;padding:19.5px 0;}
.all-wrap ul li.btn-cont {flex-direction:column;gap:40px;}
.all-wrap ul li.btn-cont p {display:flex;align-items:center;gap:16px;}
.all-wrap ul li.btn-cont p::before {content:"";width:113px; height:1px;background:#D9D9D9;display:inline-block;}
.all-wrap ul li.btn-cont p::after {content:"";width:113px; height:1px;background:#D9D9D9;display:inline-block;}
.all-wrap ul li.email input {margin-top:10px;padding:16px 0;width:100%; border:none; border-bottom:1px solid #D9D9D9;font-size:16px;}
.all-wrap input:focus {outline:none;}
.all-wrap .continue-btn {background:var(--main);color:#fff;}
.all-wrap .sign-google-btn {background:#f1f1f1;color:#000;display:flex;align-items:center;justify-content:center;gap:16px;}
.all-wrap .sign-google-btn::before {content:"";display:inline-block;width:24px;height:24px;
background-image: url('../images/icon_lettaga_sign.png');background-size: cover; background-repeat: no-repeat;}
.all-wrap ul li.email-code {display:flex;align-items:center;gap:8px;justify-content:center;}
.all-wrap ul li.email-code input {width:68px;height:68px;border:1px solid #4a80be;border-radius:8px;font-size:50px;text-align:center;}
.all-wrap ul li.email-code+li {text-align:center;}
.all-wrap input:focus {outline:none;}
.all-wrap .resend {color:var(--main);font-weight:700;text-align:center;}
.all-wrap ul li:last-child { display:flex;align-items:center;justify-content:center; gap:4px;}
.all-wrap [class*=button] {color:var(--main);}

@media screen and (max-width:950px){
.all-wrap ul.welcome-cont {padding:25px;}
.all-wrap .company-logo {width:280px; height:auto;}}
@media screen and (max-width:768px) {.all-wrap .right-cont {display:none;}}

/* sign_up */
.all-wrap select {border: none;outline: none;box-shadow: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-right: 0;}
.all-wrap .welcome-swiper {overflow:hidden; position:relative;padding-top:70px;font-size:16px;}
.all-wrap .welcome-swiper .swiper-slide .choice-options {display:none;}
.all-wrap .welcome-swiper .swiper-slide-active .choice-options {display:flex;}
.all-wrap .welcome-swiper .swiper-slide .sub-title {font-size:18px;margin-top:24px;}
.all-wrap .welcome-swiper .pagination-container {position:absolute;right:0;top:0;width:100%;}
.all-wrap .welcome-swiper .pagination-container .welcome-pagination {display: flex;gap:15px;justify-content:end;margin-top:18px;}
.all-wrap .welcome-swiper .pagination-container .welcome-progressbar {height:8px;background:#F1F1F1;border-radius:8px; overflow:hidden;}
.all-wrap .welcome-swiper .pagination-container .swiper-pagination-progressbar-fill {background:var(--main);}
.all-wrap .welcome-swiper .welcome-btn {position:absolute;padding:12px 16px;display:flex;align-items:center;gap:10px;border-radius:8px;cursor:pointer;}
.all-wrap .welcome-swiper .welcome-prev {left:0px;bottom:0;color:#555;}
.all-wrap .welcome-swiper .welcome-next {background:var(--main);color:#fff;right:0px;bottom:0;font-weight:700;}
.all-wrap .welcome-swiper .welcome-prev::before{content:"";display:inline-block;width:12px;height:24px;
background-image: url('../images/btn_arrow_left_gray.png');background-size: cover; background-repeat: no-repeat;}
.all-wrap .welcome-swiper .welcome-next::after{content:"";display:inline-block;width:12px;height:24px;
background-image: url('../images/btn_arrow_right_white.png');background-size: cover; background-repeat: no-repeat;}
.all-wrap .welcome-swiper .choice-options {display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:96px 0 61px;}
.all-wrap .welcome-swiper .swiper-slide .choice-options li {display:flex;align-items:start;flex-direction:column;}
.all-wrap .welcome-swiper .swiper-slide .choice-options .input-box {padding:12px; border-bottom: none; border:1px solid #d9d9d9; border-radius:8px;margin:12px 0
16px;width:100%;display:flex;align-items:center;box-sizing: border-box;}
.all-wrap .welcome-swiper .swiper-slide .choice-options .input-box select {padding:0 12px;}
.all-wrap .welcome-swiper .swiper-slide .choice-options li .input-box input {padding:0; border-bottom:none;}
.all-wrap .welcome-swiper .swiper-slide .choice-options input {border:none;border-bottom:1px solid #d9d9d9;width:100%;padding:16px;font-size:16px;box-sizing: border-box;}
.all-wrap .welcome-swiper .choice-options button .icon_company {width:24px; height:24px;}
.all-wrap .welcome-swiper .choice-options .welcome-btn {opacity: 0;}
.all-wrap .welcome-swiper .choice-options .welcome-btn + label {display:flex;align-items:center;gap:16px;width:100%;padding: 16px 12px; border:1px solid #d9d9d9;border-radius:10px; color:#000;height:70px;}
.all-wrap .welcome-swiper .choice-options input[type=radio]:checked + label {border:2px solid var(--main);}
.all-wrap .welcome-swiper .choice-options input[type=checkbox]:checked + label {border:2px solid var(--main);}
label.company-icon::before { content:"";display:inline-block;width:24px;height:24px;
background-image: url('../images/icon_company_blue.png');background-size: cover; background-repeat: no-repeat;}
.all-wrap .welcome-swiper #choice-btn2 + label + input[type="text"] {visibility:hidden;opacity:0;}
.all-wrap .welcome-swiper #choice-btn2:checked + label + input[type="text"] {visibility:visible;opacity:1;}
.all-wrap .welcome-swiper #choice-btn13 + label ~ * {visibility:hidden;opacity:0;max-height:0; transition: max-height 300ms;}
.all-wrap .welcome-swiper #choice-btn13:checked ~ * {visibility:visible;opacity:1;max-height:160px;}
.all-wrap .end-btn {width:100%;display:block;padding:14.5px 0; background:var(--main);border-radius:8px;color:#fff;}
.all-wrap .associated-companies {width:92%;height:160px;overflow-y: auto;box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.10);text-align:start;color:#000;border-radius:8px;}
.all-wrap .associated-companies p {padding:8px 16px;cursor:pointer;}
.all-wrap .associated-companies p:hover {background:var(--main);color:#fff;}

.wrap{display:flex;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
.wrap::-webkit-scrollbar{display:none;}

.menu-wrap{display:flex;flex-direction:column;gap:36px;flex:0 0 300px;overflow:hidden;height:100vh;padding:24px 66px 24px 24px;border-radius:0 48px 48px 0;background:#4A80BE;box-sizing:border-box;}
.menu-wrap .company-name-button{display:flex;align-items:center;gap:8px;flex:0 0 50px;}
.menu-wrap .company-name-button .company-logo{display:flex;overflow:hidden;width:50px;height:50px;border-radius:100%;}
.menu-wrap .company-name-button .company-logo img{width:100%;height:100%;object-fit:cover;}
.menu-wrap .company-name-button .company-name{font-size:1rem;color:#FFF;}
.menu-wrap .menu-list{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;}
.menu-wrap .menu-list .menu-item .menu-link{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border-radius:26px;box-sizing:border-box;}
.menu-wrap .menu-list .menu-item .menu-link.active{background:#FFFFFF26;}
.menu-wrap .menu-list .menu-item .menu-link .link-icon{display:flex;min-width:32px;height:32px;}
.menu-wrap .menu-list .menu-item .menu-link .link-icon img{width:100%;height:100%;}
.menu-wrap .menu-list .menu-item .menu-link .link-text{font-size:1rem;color:#FFF;}
.menu-wrap .menu-list .menu-item .menu-link.active .link-text{font-weight:bold;}
.menu-wrap .logout-link{display:flex;align-items:center;gap:8px;flex:0 0 24px;}
.menu-wrap .logout-link .link-icon{display:flex;width:24px;height:24px;}
.menu-wrap .logout-link .link-icon img{width:100%;height:100%;}
.menu-wrap .logout-link .link-text{font-size:1rem;color:#FFF;}

@media(max-width:767px){
	.menu-wrap{flex:0 0 220px;padding:24px;}
}

.container{flex:1 1 auto;overflow-y:scroll;height:100vh;padding:64px;box-sizing:border-box;scrollbar-width:none;}
.container.chats{overflow-y:visible;}
.container::-webkit-scrollbar{display:none;}
.container .home-wrap .wrap-title{font-size:1.75rem;font-weight:bold;}
.container .home-wrap .task-text-box{display:flex;flex-direction:column;gap:16px;margin:72px 0 0;line-height:1.2;}
.container .home-wrap .task-text-box .box-title{font-size:1.25rem;font-weight:bold;color:#4A80BE;}
.container .home-wrap .task-text-box .box-text{font-size:1.125rem;}
.container .home-wrap .task-list{display:flex;flex-direction:column;gap:24px;margin:32px 0 0;}
.container .home-wrap .task-list .task-item{display:flex;flex-direction:column;gap:16px;padding:24px 32px;background:#F8F8F8;}
.container .home-wrap .task-list .task-item .task-name{font-size:1.125rem;font-weight:bold;}
.container .home-wrap .task-list .task-item .progress-bar-wrap{display:flex;align-items:center;gap:24px;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .progress-bar-box{display:flex;align-items:center;flex:1 1 auto;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .progress-bar-box .progress-bar{display:flex;width:100%;height:8px;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .progress-bar-box .progress-bar:first-child{border-radius:8px 0 0 8px;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .progress-bar-box .progress-bar:last-child{border-radius:0 8px 8px 0;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .progress-bar-box .progress-bar.active{background:#4A80BE;}
.container .home-wrap .task-list .task-item .progress-bar-wrap .step-box{flex:0 0 auto;font-size:0.813rem;}
.container .home-wrap .notice-container{display:flex;flex-direction:column;gap:32px;margin:36px 0 0;}
.container .home-wrap .notice-container .container-title{display:flex;align-items:center;gap:8px;}
.container .home-wrap .notice-container .container-title .title-icon{display:flex;width:30px;height:30px;}
.container .home-wrap .notice-container .container-title .title-icon img{width:100%;height:100%;}
.container .home-wrap .notice-container .container-title .title-text{font-size:1.5rem;font-weight:bold;}
.container .home-wrap .notice-container .notice-box .notice-list{display:flex;flex-direction:column;gap:24px;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link{display:flex;flex-direction:column;gap:16px;padding:24px 32px;background:#F8F8F8;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link:hover{background:#E8F1FA;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link .item-title{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link .item-title .title-text{font-size:1.125rem;font-weight:bold;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link .item-title .date{font-size:0.813rem;color:#999;}
.container .home-wrap .notice-container .notice-box .notice-list .notice-item .notice-link .item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container .notice-wrap .back-link{display:flex;align-items:center;gap:16px;}
.container .notice-wrap .back-link .link-icon{display:flex;width:24px;height:24px;}
.container .notice-wrap .back-link .link-icon img{width:100%;height:100%;}
.container .notice-wrap .back-link .link-text{font-size:1.5rem;font-weight:bold;}
.container .notice-wrap .wrap-title{margin:72px 0 0;font-size:2rem;font-weight:bold;text-align:center;}
.container .notice-wrap .date-box{display:flex;justify-content:flex-end;gap:8px;margin:16px 0 0;}
.container .notice-wrap .date-box span{font-size:1.125rem;color:#999;}
.container .notice-wrap .wrap-text{margin:32px 0 0;line-height:1.5;}

.container .chats-wrap{display:flex;gap:32px;height:100%;}
.container .chats-wrap .chats-list-container{display:flex;flex-direction:column;flex:1 1 24%;max-width:480px;}
.container .chats-wrap .chats-list-container .container-title{flex:0 0 32px;font-size:1.5rem;font-weight:bold;}
.container .chats-wrap .chats-list-container .list-search-box{display:flex;align-items:center;gap:16px;flex:0 0 56px;margin:60px 0 0;padding:8px 16px;border-radius:8px;background:#F9F9F9;box-sizing:border-box;}
.container .chats-wrap .chats-list-container .list-search-box .list-search-button{display:flex;flex:0 0 24px;height:24px;}
.container .chats-wrap .chats-list-container .list-search-box .list-search-button img{width:100%;height:100%;}
.container .chats-wrap .chats-list-container .list-search-box input{flex:1 1 auto;height:24px;padding:0;border:none;background:none;}
.container .chats-wrap .chats-list-container .list-search-box input::placeholder{color:#999;}
.container .chats-wrap .chats-list-container .tab-menu-box{display:flex;align-items:center;justify-content:space-between;flex:0 0 36px;margin:24px 0 0;}
.container .chats-wrap .chats-list-container .tab-menu-box .tab-menu-list{display:flex;gap:36px;}
.container .chats-wrap .chats-list-container .tab-menu-box .tab-menu-list .tab-menu-button{padding:8px 10px;font-weight:bold;color:#999;}
.container .chats-wrap .chats-list-container .tab-menu-box .tab-menu-list .tab-menu-button.active{border-bottom:2px solid #4A80BE;color:#4A80BE;}
.container .chats-wrap .chats-list-container .tab-menu-box .add-button{display:flex;position:relative;width:32px;height:32px;border-radius:100%;background:#4A80BE;}
.container .chats-wrap .chats-list-container .tab-menu-box .add-button:before{position:absolute;top:50%;left:50%;width:12px;height:2px;background:#FFF;content:"";transform:translate(-50%,-50%);}
.container .chats-wrap .chats-list-container .tab-menu-box .add-button:after{position:absolute;top:50%;left:50%;width:2px;height:12px;background:#FFF;content:"";transform:translate(-50%,-50%);}
.container .chats-wrap .chats-list-container .chats-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;overflow-y:scroll;margin:24px 0 0;scrollbar-width:none;}
.container .chats-wrap .chats-list-container .chats-list::-webkit-scrollbar{display:none;}
.container .chats-wrap .chats-list-container .chats-list .no-item{display:none;flex-direction:column;align-items:center;justify-content:center;gap:32px;flex:0 0
100%;}
.container .chats-wrap .chats-list-container .chats-list .no-item.active{display:flex;}
.container .chats-wrap .chats-list-container .chats-list .no-item .no-item-icon{display:flex;width:116px;height:116px;}
.container .chats-wrap .chats-list-container .chats-list .no-item .no-item-icon img{width:100%;height:100%;}
.container .chats-wrap .chats-list-container .chats-list .no-item .text-box{display:flex;flex-direction:column;gap:12px;line-height:1.2;text-align:center;}
.container .chats-wrap .chats-list-container .chats-list .no-item .text-box .box-title{font-size:1.5rem;font-weight:bold;color:#515151;}
.container .chats-wrap .chats-list-container .chats-list .no-item .text-box .box-text{font-size:1.125rem;font-weight:500;color:#999;}
.container .chats-wrap .chats-list-container .chats-list .chats-item{display:none;}
.container .chats-wrap .chats-list-container .chats-list .chats-item[data-state="active"].active{display:block;}
.container .chats-wrap .chats-list-container .chats-list .chats-item[data-state="resolved"].active{display:block;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button{display:flex;gap:8px;width:100%;padding:16px 12px;box-sizing:border-box;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button.active{background:#F9F9F9;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .profile-image-box{flex:0 0 56px;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .profile-image-box .profile-image{display:flex;overflow:hidden;width:100%;height:56px;border-radius:100%;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .profile-image-box .profile-image img{width:100%;height:100%;object-fit:cover;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .detail-box{display:flex;flex-direction:column;gap:8px;width:calc(100% - 64px);}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .detail-box .user-name-box{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .detail-box .user-name-box .name{display:-webkit-box;overflow:hidden;font-size:1.125rem;font-weight:bold;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .detail-box .user-name-box .time{font-size:0.875rem;color:#999;}
.container .chats-wrap .chats-list-container .chats-list .chats-item .chats-button .detail-box .box-text{overflow:hidden;font-size:0.875rem;font-weight:500;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.container .chats-wrap .chats-list-container .chats-list .chats-item.multitude .chats-button .profile-image-box{position:relative;height:56px;}
.container .chats-wrap .chats-list-container .chats-list .chats-item.multitude .chats-button .profile-image-box .profile-image{position:absolute;width:38px;height:38px;border:1px solid #FFF;}
.container .chats-wrap .chats-list-container .chats-list .chats-item.multitude .chats-button .profile-image-box .profile-image:first-child{top:0;left:0;}
.container .chats-wrap .chats-list-container .chats-list .chats-item.multitude .chats-button .profile-image-box .profile-image:last-child{right:0;bottom:0;z-index:1;}

.container .chats-wrap .chats-window-container{display:none;flex-direction:column;gap:16px;flex:1 1 50%;position:relative;padding:20px;background:#F9F9F9;}
.container .chats-wrap .chats-window-container.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-header-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;padding:16px 20px;border-radius:8px;background:#FFF;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box{display:flex;align-items:center;gap:8px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .wrap-title{font-size:1.125rem;font-weight:bold;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box{position:relative;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-button{display:flex;align-items:center;gap:4px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-button .button-icon{display:flex;width:20px;height:20px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-button .button-icon img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-button .count{font-size:1.125rem;color:#999;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box{display:none;flex-direction:column;gap:16px;position:absolute;top:70px;left:0;z-index:10;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .member-list{display:flex;flex-direction:column;gap:16px;min-width:328px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .member-list .member-item{display:flex;align-items:center;gap:8px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .member-list .member-item .member-image{display:flex;width:36px;height:36px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .member-list .member-item .member-image img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .add-member-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;border-radius:4px;background:#EFF7FF;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .add-member-button .button-icon{display:flex;width:16px;height:16px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .title-box .member-button-box .member-box .add-member-button .button-icon img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container{display:flex;align-items:center;gap:16px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box{position:relative;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .search-button{display:flex;width:28px;height:28px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .search-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap{display:none;align-items:center;gap:36px;position:absolute;top:70px;right:0;z-index:10;max-width:504px;padding:16px;border-radius:8px;background:#FFF;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .chat-search-box{display:flex;align-items:center;gap:16px;flex:1 1 auto;padding:16px;border-radius:8px;background:#F9F9F9;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .chat-search-box .chat-search-button{display:flex;min-width:24px;height:24px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .chat-search-box .chat-search-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .chat-search-box input{height:24px;padding:0;border:none;background:none;font-size:1.125rem;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .chat-search-box input::placeholder{color:#999;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap{display:flex;align-items:center;gap:24px;flex:0 0 136px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-close-button{display:flex;width:16px;height:16px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-close-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-button-container{display:flex;gap:16px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-button-container button{display:flex;width:24px;height:24px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-button-container button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-button-container .search-button-box{display:flex;gap:8px;}

.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .search-button-box .chat-search-wrap .search-button-wrap .search-button-container .ui-datepicker-trigger{width:24px;height:24px;cursor:pointer;}

#ui-datepicker-div{width:504px;padding:24px;border:none;border-radius:8px;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
#ui-datepicker-div .ui-datepicker-header{padding:0;border:none;border-radius:0;background:none;font-weight:500;color:#000;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{display:flex;width:28px;height:28px;top:0;right:52px;left:unset;border:none;background:url(../images/btn_arrow_prev_darkgray.png) center/100% no-repeat;cursor:pointer;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{display:flex;width:28px;height:28px;top:0;right:0;border:none;background:url(../images/btn_arrow_next_darkgray.png) center/100% no-repeat;cursor:pointer;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{display:flex;width:fit-content;margin:0;padding:0 36px 0 0;background:url(../images/btn_arrow_down_darkgray.png) right center/28px no-repeat;cursor:pointer;line-height:28px;text-align:left;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span{font-size:1.125rem;font-weight:500;}
#ui-datepicker-div .ui-datepicker-header #yearPicker{display:none;flex-wrap:wrap;row-gap:16px;position:absolute;top:42px;left:0;z-index:1;width:100%;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
#ui-datepicker-div .ui-datepicker-calendar{margin:0;font-size:1rem;}
#ui-datepicker-div .ui-datepicker-calendar thead tr th{padding:24px 0 10px;font-weight:500;}
.ui-datepicker-calendar{margin:0;font-size:1rem;}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td{width:64px;padding:0;text-align:center;}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default{display:inline-block;padding:0;border:none;background:none;font-weight:500;color:#000;line-height:30px;text-align:center;}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active{width:30px;height:30px;border-radius:100%;background:#4A80BE;color:#FFF;}

.year-selection{display:none;flex-wrap:wrap;row-gap:16px;position:absolute;top:42px;left:0;width:100%;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.year-selection.active{display:flex;}
.year-selection .year-btn{width:20%;padding:6px 0;border-radius:4px;font-weight:500;}
.year-selection .year-btn:hover{border:none;}

.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box{position:relative;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box .more-button{display:flex;width:28px;height:28px;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box .more-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box .more-list-box{display:none;position:absolute;top:70px;right:0;z-index:10;width:200px;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box .more-list-box.active{display:block;}
.container .chats-wrap .chats-window-container .chats-header-wrap .button-container .more-button-box .more-list-box .more-list{display:flex;flex-direction:column;gap:16px;}

.container .chats-wrap .chats-window-container .chats-section-wrap{display:flex;flex-direction:column-reverse;gap:24px;flex:1 1 auto;overflow-y:scroll;scrollbar-width:none;}
.container .chats-wrap .chats-window-container .chats-section-wrap::-webkit-scrollbar{display:none;}
.container .chats-wrap .chats-window-container .chats-section-wrap .category-list{display:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .category-list.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-section-wrap .category-list .category-item .category-button{padding:12px 16px;border-radius:8px;border:1px solid #4A80BE;background:#FFF;color:#4A80BE;}
.container .chats-wrap .chats-window-container .chats-section-wrap .category-list .category-item .category-button:hover{background:#4A80BE;color:#FFF;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container{display:none;flex-direction:column;gap:40px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .date{text-align:center;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box{display:flex;flex-direction:column;gap:16px;}

.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box{width:100%;max-width:64%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .profile-box{display:flex;align-items:center;gap:8px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .profile-box .profile-image{display:flex;width:36px;height:36px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .profile-box .profile-image img{width:100%;height:100%;object-fit:cover;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list{margin:8px 0 0;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item{display:flex;align-items:center;gap:8px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item + .chat-item{margin:8px 0 0;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .more-button-box{display:flex;flex:0 0 24px;position:relative;height:24px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .more-button-box .chat-more-button{display:flex;width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .more-button-box .chat-more-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .more-button-box .more-button-list{display:none;flex-direction:column;gap:16px;position:absolute;top:50%;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translateY(-50%);}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .more-button-box .more-button-list.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .text-container{display:flex;flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:fit-content;padding:16px;border-radius:8px;box-sizing:border-box;line-height:1.5;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .text-container .text-box{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:4px;background:#E8F1FA;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .text-container .text-box .reply-name-box{overflow:hidden;max-width:fit-content;text-overflow:ellipsis;white-space:nowrap;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .text-container .text-box .existing-chat-text{overflow:hidden;width:100%;color:#999;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .image-button-box .image-button{display:flex;width:132px;height:192px;padding:16px;border-radius:8px;background:#FFF;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .chat-list .chat-item .image-button-box .image-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .state-box{display:flex;align-items:center;gap:8px;margin:8px 0 0;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box .state-box .date{font-size:0.875rem;color:#999;}

.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me{align-self:flex-end;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .profile-box{justify-content:flex-end;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .chat-list{padding:0 42px 0 0;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .chat-list .chat-item{justify-content:flex-end;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .chat-list .chat-item .more-button-box .more-button-list{right:32px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .chat-list .chat-item .text-container{background:#4A80BE;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .chat-list .chat-item .text-container .chat-text{color:#FFF;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box{justify-content:flex-end;padding:0 42px 0 0;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box{position:relative;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button{display:flex;align-items:center;gap:4px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button .button-icon{display:flex;width:16px;height:16px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button .button-icon img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button .button-text{font-size:0.875rem;color:#F00;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list{display:none;flex-direction:column;gap:16px;position:absolute;right:71px;bottom:0;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list .failed-button-item button{display:flex;align-items:center;gap:4px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list .failed-button-item button .button-icon{display:flex;min-width:24px;height:24px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list .failed-button-item button .button-icon img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.me .state-box .failed-button-box .failed-button-list .failed-button-item .delete-button .button-text{color:#F00;}

.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.user .chat-list{padding:0 0 0 42px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.user .chat-list .chat-item .more-button-box .more-button-list{left:32px;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.user .chat-list .chat-item .text-container{background:#FFF;}
.container .chats-wrap .chats-window-container .chats-section-wrap .chats-section-container .chats-section-box .chats-list-box.user .state-box{padding:0 0 0 42px;}

.container .chats-wrap .chats-window-container .chats-input-wrap{flex:0 0 56px;background:#FFF;}
.container .chats-wrap .chats-window-container .chats-input-wrap.active{flex:0 0 116px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap{display:none;align-items:center;justify-content:space-between;gap:8px;padding:10px 24px;border-bottom:1px solid #DBEDFE;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap.active{display:flex;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap .reply-container{display:flex;flex-direction:column;gap:8px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap .reply-container .reply-name-box{display:-webkit-box;overflow:hidden;color:#4A80BE;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap .reply-container .existing-chat-text{display:-webkit-box;overflow:hidden;color:#999;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap .cancel-button{display:flex;min-width:16px;height:16px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .reply-wrap .cancel-button img{width:100%;height:100%;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 24px;box-sizing:border-box;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .chats-input-box{flex:1 1 auto;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .chats-input-box input{width:100%;padding:0;border:none;line-height:36px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .chats-input-box input::placeholder{color:#999;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .button-box{display:flex;gap:16px;flex:0 0 88px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .button-box button{display:flex;width:36px;height:36px;}
.container .chats-wrap .chats-window-container .chats-input-wrap .chats-input-container .button-box button img{width:100%;height:100%;}

.container .files-wrap .wrap-title{font-size:1.5rem;font-weight:bold;}
.container .files-wrap .search-wrap{display:flex;gap:16px;margin:60px 0 0;}
.container .files-wrap .search-wrap .search-box{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:16px;border-radius:8px;background:#F9F9F9;}
.container .files-wrap .search-wrap .search-box .search-button{display:flex;min-width:24px;height:24px;}
.container .files-wrap .search-wrap .search-box .search-button img{width:100%;height:100%;}
.container .files-wrap .search-wrap .search-box input{flex:1;min-width:0;border:none;background:none;line-height:22px;}
.container .files-wrap .search-wrap .search-box input::placeholder{color:#999;}
.container .files-wrap .search-wrap .upload-button{display:flex;align-items:center;gap:16px;flex:0 0 auto;padding:16px;border-radius:8px;background:#4A80BE;box-sizing:border-box;}
.container .files-wrap .search-wrap .upload-button .button-icon{display:flex;min-width:20px;height:20px;}
.container .files-wrap .search-wrap .upload-button .button-icon img{width:100%;height:100%;}
.container .files-wrap .search-wrap .upload-button .button-text{font-size:0.875rem;color:#FFF;}
.container .files-wrap .sort-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;}
.container .files-wrap .sort-wrap .sort-button-box{display:flex;align-items:center;position:relative;height:56px;}
.container .files-wrap .sort-wrap .sort-button-box .sort-list-button{display:flex;align-items:center;gap:8px;}
.container .files-wrap .sort-wrap .sort-button-box .sort-list-button .button-text{font-weight:bold;color:#4A80BE;}
.container .files-wrap .sort-wrap .sort-button-box .sort-list-button .button-icon{display:flex;min-width:20px;height:20px;}
.container .files-wrap .sort-wrap .sort-button-box .sort-list-button .button-icon img{width:100%;height:100%;}
.container .files-wrap .sort-wrap .sort-button-box .sort-button-list{display:none;position:absolute;top:64px;left:0;width:200px;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .files-wrap .sort-wrap .sort-button-box .sort-button-list.active{display:block;}
.container .files-wrap .sort-wrap .sort-button-box .sort-button-list .sort-button{width:100%;text-align:left;}
.container .files-wrap .sort-wrap .array-button-box{display:flex;overflow:hidden;border-radius:8px;}
.container .files-wrap .sort-wrap .array-button-box button{display:flex;align-items:center;justify-content:center;padding:10px;background:#F1F1F1;box-sizing:border-box;}
.container .files-wrap .sort-wrap .array-button-box button.active{background:#98BFE6;}
.container .files-wrap .sort-wrap .array-button-box button img{width:20px;height:20px;}
.container .files-wrap .files-title-box{display:flex;align-items:center;gap:8px;margin:16px 0 0;}
.container .files-wrap .files-title-box .depth1{font-size:1.125rem;font-weight:500;color:#555;}
.container .files-wrap .files-title-box .depth1.active{padding:0 32px 0 0;background:url(../images/btn_arrow_next_darkgray.png) right center/24px no-repeat;}
.container .files-wrap .files-title-box .depth2{font-size:1.125rem;font-weight:500;}
.container .files-wrap .files-container{display:none;margin:64px 0 0;}
.container .files-wrap .files-container.icon-view.active{display:block;}
.container .files-wrap .files-container.one-line.active{display:block;}
.container .files-wrap .files-container.icon-view .folders-box .box-title{font-size:1.125rem;font-weight:bold;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 0;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item{width:calc(25% - 12px);min-width:360px;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-radius:8px;box-sizing:border-box;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link:hover{background:#E8F1FA;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .folders-detail-box{display:flex;align-items:center;gap:16px;overflow:hidden;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .folders-detail-box .box-icon{display:flex;min-width:36px;height:36px;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .folders-detail-box .box-icon img{width:100%;height:100%;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .folders-detail-box .box-text{flex:1;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .more-button-box{position:relative;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .more-button-box .more-list-button{display:flex;min-width:24px;height:24px;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .more-button-box .more-list-button img{width:100%;height:100%;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .more-button-box .more-button-list{display:none;flex-direction:column;gap:16px;position:absolute;top:60px;right:0;z-index:1;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .files-wrap .files-container.icon-view .folders-box .folders-list .folders-item .folders-link .more-button-box .more-button-list.active{display:flex;}
.container .files-wrap .files-container.icon-view .folders-box + .files-box{margin:64px 0 0;}
.container .files-wrap .files-container.icon-view .files-box .box-title{font-size:1.125rem;font-weight:bold;}
.container .files-wrap .files-container.icon-view .files-box .files-list{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 0;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item{width:calc(25% - 12px);min-width:360px;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:8px;background:#F1F1F1;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link:hover{background:#E8F1FA;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container{display:flex;align-items:center;justify-content:space-between;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .files-detail-box{display:flex;align-items:center;gap:16px;overflow:hidden;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .files-detail-box .box-icon{display:flex;min-width:30px;height:30px;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .files-detail-box .box-icon img{width:100%;height:100%;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .files-detail-box .box-text{flex:1;overflow:hidden;min-width:0;font-size:0.875rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .more-button-box{position:relative;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .more-button-box .more-list-button{display:flex;min-width:24px;height:24px;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .more-button-box .more-list-button img{width:100%;height:100%;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .more-button-box .more-button-list{display:none;flex-direction:column;gap:16px;position:absolute;top:60px;right:0;z-index:1;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .files-detail-container .more-button-box .more-button-list.active{display:flex;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .image-box{position:relative;}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .image-box:after{display:block;padding:88% 0 0;content:"";}
.container .files-wrap .files-container.icon-view .files-box .files-list .files-item .files-link .image-box img{position:absolute;width:100%;height:100%;object-fit:cover;}

.container .files-wrap .files-container.one-line .files-title-box .files-title-list{display:flex;gap:8px;width:100%;padding:24px 16px;box-sizing:border-box;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item{display:flex;align-items:center;font-size:1.125rem;font-weight:500;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item.name{flex:1 0 112px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item.owner{flex:1 0 180px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item.last-modified{flex:1 0 126px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item.file-size{flex:1 0 72px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item.button{position:relative;flex:0 0 24px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item .more-list-button{display:flex;min-width:24px;height:24px;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item .more-list-button img{width:100%;height:100%;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item .more-button-list{display:none;flex-direction:column;gap:16px;position:absolute;top:0;right:34px;z-index:1;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item .more-button-list.active{display:flex;}
.container .files-wrap .files-container.one-line .files-title-box .files-title-list .files-title-item .more-button-list .more-button-item{font-size:1rem;font-weight:400;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link{display:block;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link:hover{background:#E8F1FA;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list{display:flex;gap:8px;width:100%;padding:16px;box-sizing:border-box;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.name{display:flex;align-items:center;gap:16px;flex:1 0 112px;overflow:hidden;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.name .item-icon{display:flex;min-width:36px;height:36px;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.name .item-icon img{width:100%;height:100%;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.name .item-text{flex:1;overflow:hidden;min-width:0;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.owner{flex:1 0 180px;overflow:hidden;line-height:36px;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.last-modified{flex:1 0 126px;overflow:hidden;line-height:36px;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.file-size{flex:1 0 72px;overflow:hidden;line-height:36px;text-overflow:ellipsis;white-space:nowrap;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item.button{display:flex;align-items:center;position:relative;flex:0 0 24px;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item .more-list-button{display:flex;min-width:24px;height:24px;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item .more-list-button img{width:100%;height:100%;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item .more-button-list{display:none;flex-direction:column;gap:16px;position:absolute;top:0;right:34px;z-index:1;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item .more-button-list.active{display:flex;}
.container .files-wrap .files-container.one-line .files-detail-box .files-detail-link .files-detail-list .files-detail-item .more-button-list .more-button-item{font-size:1rem;font-weight:400;}

.container .transactions-wrap .wrap-title{font-size:1.5rem;font-weight:bold;}
.container .transactions-wrap .account-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:60px 0 0;}
.container .transactions-wrap .account-wrap .account-select-box{position:relative;flex:1 0 auto;}
.container .transactions-wrap .account-wrap .account-select-box .account-select-button{display:flex;align-items:center;gap:8px;height:56px;}
.container .transactions-wrap .account-wrap .account-select-box .account-select-button .box-text{font-weight:bold;color:#4A80BE;}
.container .transactions-wrap .account-wrap .account-select-box .account-select-button .box-icon{display:flex;min-width:24px;height:24px;}
.container .transactions-wrap .account-wrap .account-select-box .account-select-button .box-icon img{width:100%;height:100%;}
.container .transactions-wrap .account-wrap .account-select-box .account-list{display:none;flex-direction:column;gap:16px;position:absolute;top:56px;left:0;width:548px;padding:16px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;}
.container .transactions-wrap .account-wrap .account-select-box .account-list.active{display:flex;}
.container .transactions-wrap .account-wrap .account-search-container{display:flex;gap:24px;flex:0 0 auto;}
.container .transactions-wrap .account-wrap .account-search-container .check-button{padding:10px;border-radius:8px;background:#4A80BE;color:#FFF;box-sizing:border-box;}
.container .transactions-wrap .account-wrap .account-search-container .account-search-box{display:flex;align-items:center;gap:16px;padding:10px;border-radius:8px;background:#F9F9F9;box-sizing:border-box;}
.container .transactions-wrap .account-wrap .account-search-container .account-search-box .search-button{display:flex;min-width:24px;height:24px;}
.container .transactions-wrap .account-wrap .account-search-container .account-search-box .search-button img{width:100%;height:100%;}
.container .transactions-wrap .account-wrap .account-search-container .account-search-box input{padding:0;border:none;background:none;}
.container .transactions-wrap .account-wrap .account-search-container .account-search-box input::placeholder{color:#999;}
.container .transactions-wrap .account-history-list{margin:64px 0 0;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button{display:flex;align-items:center;width:100%;padding:18px 16px;border-bottom: 1px solid #F1F1F1;box-sizing:border-box;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button:hover{background:#E8F1FA;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container{display:flex;align-items:center;gap:16px;flex:1 1 auto;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container .account-icon{display:flex;min-width:54px;height:54px;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container .account-icon img{width:100%;height:100%;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container .account-history-box{display:flex;flex-direction:column;gap:8px;width:calc(100% - 80px);}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container .account-history-box .box-text{overflow:hidden;font-size:0.938rem;font-weight:500;text-overflow:ellipsis;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .account-history-container .account-history-box .date{font-size:0.813rem;color:#999;text-align:left;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .detail-box{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .detail-box .withdrawal{font-size:1.125rem;font-weight:bold;color:#F00;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .detail-box .deposit{font-size:1.125rem;font-weight:bold;color:#34A853;}
.container .transactions-wrap .account-history-list .account-history-item .account-history-button .detail-box .account{font-size:0.813rem;font-weight:500;color:#999;}

.container .company-wrap .wrap-title{font-size:1.5rem;font-weight:bold;}
.container .company-wrap .tab-menu-list{display:flex;gap:36px;margin:60px 0 0;}
.container .company-wrap .tab-menu-list .tab-menu-item .tab-menu-button{padding:8px 10px;font-size:1.125rem;font-weight:bold;color:#999;box-sizing:border-box;}
.container .company-wrap .tab-menu-list .tab-menu-item .tab-menu-button.active{border-bottom:2px solid #4A80BE;color:#4A80BE;}
.container .company-wrap .details-wrap{display:none;flex-direction:column;gap:24px;margin:32px 0 0;}
.container .company-wrap .details-wrap.active{display:flex;}
.container .company-wrap .details-wrap .registration-data-wrap{display:flex;flex-direction:column;gap:16px;}
.container .company-wrap .details-wrap .registration-data-wrap .wrap-title{font-size:1rem;font-weight:500;color:#999;}
.container .company-wrap .details-wrap .registration-data-wrap .registration-data-container{display:flex;align-items:center;gap:16px;max-width:450px;padding:16px;border:1px solid #D9D9D9;border-radius:8px;box-sizing:border-box;}
.container .company-wrap .details-wrap .registration-data-wrap .registration-data-container .container-icon{display:flex;min-width:56px;height:56px;}
.container .company-wrap .details-wrap .registration-data-wrap .registration-data-container .container-icon img{width:100%;height:100%;}
.container .company-wrap .details-wrap .registration-data-wrap .registration-data-container .registration-data-box{display:flex;flex-direction:column;gap:16px;}
.container .company-wrap .details-wrap .registration-data-wrap .registration-data-container .registration-data-box .download-link{font-weight:bold;color:#4285F4;}
.container .company-wrap .details-wrap .details-container{display:flex;flex-direction:column;gap:24px;max-width:450px;}
.container .company-wrap .details-wrap .details-container + .details-container{padding:24px 0 0;border-top:1px solid #D9D9D9;}
.container .company-wrap .details-wrap .details-container .details-box{display:flex;}
.container .company-wrap .details-wrap .details-container .details-box .box-title{min-width:200px;color:#999;}
.container .company-wrap .shares-wrap{display:none;margin:32px 0 0;}
.container .company-wrap .shares-wrap.active{display:block;}
.container .company-wrap .shares-wrap .shares-title-box .shares-title-list{display:flex;gap:40px;padding:16px;border-bottom:1px solid #F1F1F1;background:#F9F9F9;}
.container .company-wrap .shares-wrap .shares-title-box .shares-title-list .shares-title-item{flex:1 0 calc(25% - 30px);overflow:hidden;font-weight:500;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.container .company-wrap .shares-wrap .shares-title-box .shares-title-list .shares-title-item.number{text-align:right;}
.container .company-wrap .shares-wrap .shares-title-box .shares-title-list .shares-title-item.total{text-align:right;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list{display:flex;gap:40px;padding:24px 16px;border-bottom:1px solid #F1F1F1;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item{flex:1 0 calc(25% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item.type{display:flex;flex-direction:column;gap:24px;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item.type .type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item.number{display:flex;flex-direction:column;gap:24px;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item.number .number{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;}
.container .company-wrap .shares-wrap .shares-detail-box .shares-detail-list .shares-detail-item.total{text-align:right;}
.container .company-wrap .shares-wrap #myChart{width:100% !important;max-width:400px;height:auto !important;max-height:400px;margin:0 auto;}

.container .company-wrap .officer-wrap{display:none;margin:32px 0 0;}
.container .company-wrap .officer-wrap.active{display:block;}
.container .company-wrap .officer-wrap .officer-list{display:flex;flex-direction:column;gap:32px;}
.container .company-wrap .officer-wrap .officer-list .officer-item{display:flex;gap:32px;padding:24px 0;border-bottom:1px solid #D9D9D9;}
.container .company-wrap .officer-wrap .officer-list .officer-item:last-child{border:none;}
.container .company-wrap .officer-wrap .officer-list .officer-item .officer-title{min-width:250px;font-size:2rem;font-weight:bold;}
.container .company-wrap .officer-wrap .officer-list .officer-item .officer-detail-list{display:flex;flex-direction:column;gap:24px;}
.container .company-wrap .officer-wrap .officer-list .officer-item .officer-detail-list .officer-detail-item{display:flex;}
.container .company-wrap .officer-wrap .officer-list .officer-item .officer-detail-list .officer-detail-item .item-title{min-width:300px;color:#999;}

.container .company-wrap .controller-wrap{display:none;margin:32px 0 0;}
.container .company-wrap .controller-wrap.active{display:block;}
.container .company-wrap .controller-wrap .controller-list{display:flex;flex-direction:column;gap:32px;}
.container .company-wrap .controller-wrap .controller-list .controller-item{display:flex;gap:32px;padding:24px 0;border-bottom:1px solid #D9D9D9;}
.container .company-wrap .controller-wrap .controller-list .controller-item:last-child{border:none;}
.container .company-wrap .controller-wrap .controller-list .controller-item .controller-title{min-width:250px;font-size:2rem;font-weight:bold;}
.container .company-wrap .controller-wrap .controller-list .controller-item .controller-detail-list{display:flex;flex-direction:column;gap:24px;}
.container .company-wrap .controller-wrap .controller-list .controller-item .controller-detail-list .controller-detail-item{display:flex;}
.container .company-wrap .controller-wrap .controller-list .controller-item .controller-detail-list .controller-detail-item .item-title{min-width:300px;color:#999;}

.modal-window-overlay{display:none;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background:#00000080;}
.modal-window-overlay.chats{position:absolute;z-index:20;border-radius:16px;}
.modal-window-overlay.active{display:block;}
.modal-window-overlay .modal-window-wrap[data-modal="company"]{display:none;flex-direction:column;gap:24px;position:absolute;top:50%;left:50%;width:480px;padding:32px;border-radius:8px;background:#FFF;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="company"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="company"] .wrap-title{display:flex;align-items:center;justify-content:space-between;}
.modal-window-overlay .modal-window-wrap[data-modal="company"] .wrap-title .title-text{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="company"] .wrap-title .close-button{display:flex;width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="company"] .wrap-title .close-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="company"] .company-list{display:flex;flex-direction:column;gap:8px;}

.modal-window-overlay .modal-window-wrap[data-modal="member"]{display:none;flex-direction:column;gap:24px;position:absolute;top:50%;left:50%;width:480px;height:calc(100% - 200px);padding:32px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-wrap[data-modal="member"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .wrap-title{display:flex;align-items:center;justify-content:space-between;flex:0 0 24px;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .wrap-title .title-text{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .wrap-title .close-button{display:flex;width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .wrap-title .close-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-search-box{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;background:#F9F9F9;box-sizing:border-box;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-search-box .member-search-button{display:flex;flex:0 0 24px;height:24px;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-search-box .member-search-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-search-box input{flex:1 1 auto;height:24px;padding:0;border:none;background:none;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-search-box input::placeholder{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;overflow-y:scroll;scrollbar-width:none;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .member-list::-webkit-scrollbar{display:none;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .button-box{display:flex;justify-content:flex-end;gap:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .button-box button{padding:16px;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="member"] .button-box button.confirm-button{background:#4A80BE;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="rename"]{display:none;flex-direction:column;gap:24px;position:absolute;top:50%;left:50%;width:480px;padding:32px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="rename"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .wrap-title{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .rename-box input{width:100%;padding:10px;border:1px solid #D9D9D9;border-radius:8px;box-sizing:border-box;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .button-box{display:flex;justify-content:flex-end;gap:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .button-box button{padding:16px;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="rename"] .button-box button.confirm-button{background:#4A80BE;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="leave"]{display:none;flex-direction:column;gap:36px;position:absolute;top:50%;left:50%;width:480px;padding:32px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="leave"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .text-box{display:flex;flex-direction:column;align-items:center;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .text-box .box-title{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .text-box .box-text{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .button-box{display:flex;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .button-box button{width:100%;padding:16px;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="leave"] .button-box button.confirm-button{background:#4A80BE;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="image"]{display:none;flex-direction:column;gap:16px;position:absolute;top:50%;left:50%;width:480px;padding:20px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="image"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .button-box{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .button-box button{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .button-box button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .button-box .download-button{width:30px;height:30px;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .button-box .close-button{width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .image-box{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="image"] .image-box img{width:100%;height:100%;}

.modal-window-overlay .modal-window-wrap[data-modal="forward"]{display:none;flex-direction:column;gap:24px;position:absolute;top:50%;left:50%;width:480px;height:calc(100% - 200px);padding:32px;border-radius:8px;background:#FFF;box-shadow:6px 6px 37px -3px #0000001A;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-wrap[data-modal="forward"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .wrap-title{display:flex;align-items:center;justify-content:space-between;flex:0 0 24px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .wrap-title .title-text{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .wrap-title .close-button{display:flex;width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .wrap-title .close-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-search-box{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;background:#F9F9F9;box-sizing:border-box;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-search-box .group-search-button{display:flex;flex:0 0 24px;height:24px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-search-box .group-search-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-search-box input{flex:1 1 auto;height:24px;padding:0;border:none;background:none;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-search-box input::placeholder{color:#999;}

.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;overflow-y:scroll;scrollbar-width:none;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list::-webkit-scrollbar{display:none;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list .group-item.multitude .label-style.group .group-container .group-image-box{position:relative;min-width:44px;height:44px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list .group-item.multitude .label-style.group .group-container .group-image-box .group-image{position:absolute;min-width:30px;height:30px;border:1px solid #FFF;border-radius:100%;box-sizing:border-box;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list .group-item.multitude .label-style.group .group-container .group-image-box .group-image:first-child{top:0;left:0;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .group-list .group-item.multitude .label-style.group .group-container .group-image-box .group-image:last-child{right:0;bottom:0;z-index:1;}

.modal-window-overlay .modal-window-wrap[data-modal="forward"] .button-box{display:flex;justify-content:flex-end;gap:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .button-box button{padding:16px;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="forward"] .button-box button.confirm-button{background:#4A80BE;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="upload"]{display:none;flex-direction:column;gap:24px;position:absolute;top:50%;left:50%;width:550px;padding:32px;border-radius:8px;background:#FFF;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="upload"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .wrap-title{display:flex;align-items:center;justify-content:space-between;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .wrap-title .title-text{font-size:2rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .wrap-title .close-button{display:flex;min-width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .wrap-title .close-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-file-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:16px;border:1px dashed #D9D9D9;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-file-container .select-file-box{display:flex;flex-direction:column;align-items:center;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-file-container .select-file-box .box-icon{display:flex;width:60px;height:60px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-file-container .select-file-box .box-icon img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-file-container .select-file-box .box-text{font-size:1.125rem;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .select-document-container{display:flex;flex-direction:column;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .button-box{display:flex;justify-content:flex-end;gap:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .button-box button{padding:16px;border-radius:8px;font-size:1.125rem;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="upload"] .button-box button.upload-button{background:#4A80BE;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="delete"]{display:none;flex-direction:column;gap:36px;position:absolute;top:50%;left:50%;width:540px;padding:32px;border-radius:8px;background:#FFF;box-sizing:border-box;transform:translate(-50%,-50%);}
.modal-window-overlay .modal-window-wrap[data-modal="delete"].active{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .text-box{display:flex;flex-direction:column;gap:16px;text-align:center;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .text-box .box-title{font-size:1.125rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .text-box .file-name{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .button-box{display:flex;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .button-box button{width:100%;padding:16px;border-radius:8px;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .button-box button.cancel-button{border:1px solid #D9D9D9;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="delete"] .button-box button.delete-button{background:#DC2626;color:#FFF;}

.modal-window-overlay .modal-window-wrap[data-modal="account-history"]{display:none;position:absolute;top:0;right:0;width:480px;height:100vh;padding:24px;background:#FFF;box-sizing:border-box;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"].active{display:block;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .close-button-box{display:flex;justify-content:flex-end;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .close-button-box .close-button{display:flex;min-width:16px;height:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .close-button-box .close-button img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .wrap-title{margin:16px 0 0;font-size:2rem;font-weight:bold;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .account-detail-container{display:flex;flex-direction:column;gap:16px;margin:32px 0 0;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .account-detail-container .account-detail-box{display:flex;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .account-detail-container .account-detail-box .box-title{min-width:140px;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .attached-document-container{display:flex;flex-direction:column;gap:16px;margin:72px 0 0;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .attached-document-container .container-title{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .attached-document-container .attached-document-button{display:flex;align-items:center;gap:16px;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .attached-document-container .attached-document-button .attached-document-image{display:flex;min-width:56px;height:56px;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .attached-document-container .attached-document-button .attached-document-image img{width:100%;height:100%;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .line-item-wrap{display:flex;flex-direction:column;gap:16px;margin:72px 0 0;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .line-item-wrap .wrap-title{font-size:1rem;font-weight:400;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .line-item-wrap .line-item-container{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:8px;background:#F9F9F9;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .line-item-wrap .line-item-container .line-item-box{display:flex;justify-content:space-between;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .line-item-wrap .line-item-container .line-item-box .detail{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .total-container{display:flex;flex-direction:column;gap:16px;margin:16px 0 0;padding:16px 0 0;border-top:1px solid #D9D9D9;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .total-container div{display:flex;justify-content:space-between;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .total-container .subtotal-box .box-title{color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .total-container .total-box .box-title{font-size:1.125rem;font-weight:bold;color:#999;}
.modal-window-overlay .modal-window-wrap[data-modal="account-history"] .total-container .total-box .box-text{font-size:1.125rem;font-weight:bold;}

.label-style.company{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;cursor:pointer;}
.label-style.company:hover{background:#E8F1FA;}
.label-style.company .company-box{display:flex;align-items:center;gap:12px;}
.label-style.company .company-box .company-logo{display:flex;width:40px;height:40px;}
.label-style.company .company-box .company-logo img{width:100%;height:100%;object-fit:cover;}
.label-style.company input[type="radio"] + .label-icon{display:flex;position:relative;width:24px;height:24px;}
.label-style.company input[type="radio"]:checked + .label-icon:after{position:absolute;top:0;left:8px;width:8px;height:16px;border:solid #34A853;border-width:0 2px 2px 0;content:"";transform:rotate(45deg);}

.label-style.member{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;cursor:pointer;}
.label-style.member .member-box{display:flex;align-items:center;gap:12px;}
.label-style.member .member-box .member-image{display:flex;width:40px;height:40px;}
.label-style.member .member-box .member-image img{width:100%;height:100%;object-fit:cover;}
.label-style.member input[type="checkbox"] + .label-icon{display:flex;position:relative;width:18px;height:18px;border:2px solid #D9D9D9;border-radius:100%;box-sizing:border-box;}
.label-style.member input[type="checkbox"]:checked + .label-icon{border:2px solid #4A80BE;}
.label-style.member input[type="checkbox"]:checked + .label-icon:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:100%;background:#4A80BE;content:"";transform:translate(-50%,-50%);}

.label-style.group{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;cursor:pointer;}
.label-style.group .group-container{display:flex;align-items:center;gap:10px;flex:1 1 auto;overflow:hidden;width:100%;}
.label-style.group .group-container .group-image{display:flex;min-width:44px;height:44px;}
.label-style.group .group-container .group-image img{width:100%;height:100%;object-fit:cover;}
.label-style.group .group-container .group-box{display:flex;flex-direction:column;gap:10px;flex:1 0 auto;width:calc(100% - 68px);}
.label-style.group .group-container .group-box .box-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.label-style.group input[type="checkbox"] + .label-icon{display:flex;position:relative;min-width:18px;height:18px;border:2px solid #D9D9D9;border-radius:100%;box-sizing:border-box;}
.label-style.group input[type="checkbox"]:checked + .label-icon{border:2px solid #4A80BE;}
.label-style.group input[type="checkbox"]:checked + .label-icon:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:100%;background:#4A80BE;content:"";transform:translate(-50%,-50%);}

.label-style.file .label-text{display:flex;padding:16px;border:1px solid #D9D9D9;border-radius:8px;font-size:1.125rem;font-weight:500;box-sizing:border-box;cursor:pointer;}

.label-style.account{display:flex;align-items:center;gap:8px;cursor:pointer;}
.label-style.account .account-detail-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;}
.label-style.account .account-detail-wrap .account-detail-container{display:flex;align-items:center;gap:8px;}
.label-style.account .account-detail-wrap .account-detail-container .account-icon{display:flex;min-width:36px;height:36px;}
.label-style.account .account-detail-wrap .account-detail-container .account-icon img{width:100%;height:100%;}
.label-style.account .account-detail-wrap .account-detail-container .account-detail-box{display:flex;flex-direction:column;gap:4px;}
.label-style.account .account-detail-wrap .account-detail-container .account-detail-box .balance{color:#4A80BE;}
.label-style.account .account-detail-wrap .account-detail-container .account-detail-box .account{font-size:0.875rem;color:#999;white-space:nowrap;}
.label-style.account .account-detail-wrap .update-date{font-size:0.875rem;font-weight:500;color:#999;}
.label-style.account input[type="radio"] + .label-icon{display:flex;position:relative;min-width:16px;height:16px;}
.label-style.account input[type="radio"]:checked + .label-icon:after{position:absolute;top:0;left:4px;width:6px;height:10px;border:solid #4A80BE;border-width:0 2px 2px 0;content:"";transform:rotate(45deg);}

.select-style.document{width:100%;padding:16px 42px 16px 10px;border:1px solid #D9D9D9;border-radius:4px;background:url(../images/btn_arrow_down_black.png) right 10px center/24px 10px no-repeat;box-sizing:border-box;appearance:none;}

/*.chat-item.highlight {
    background-color: #ffffcc;
}*/