#ServiceHistory{display:flex;flex-direction:column;padding-bottom:0}#ServiceHistory .page-title.prw .pr{right:0}#ServiceHistory .page-title.prw .chat img{width:20px;height:auto}#ServiceHistory .page-title.prw .chat .alert{width:4px;height:4px;background-color:#1142bf;border-radius:4px;position:absolute;right:-5px;top:0}#ServiceHistory .bloc-tabs.simple{background-color:transparent}#ServiceHistory .bloc-tabs.simple ul{display:flex;gap:30px}#ServiceHistory .bloc-tabs.simple ul li{display:inline-flex;cursor:pointer;padding:10px 0;font-size:18px;color:#9b9fa8;text-align:center;font-family:var(--sr)}#ServiceHistory .bloc-tabs.simple ul li.active-tabs{color:#18171a;font-family:var(--sm);border-bottom:3px solid #18171a;box-sizing:border-box}#ServiceHistory .bloc-tabs.simple ul li.on:after{content:"";display:block;width:4px;height:4px;border-radius:100%;background-color:#1142bf;margin-left:3px;margin-top:3px}#ServiceHistory .border-link{height:30px;display:flex;gap:5px;border-radius:20px;border:1px solid #ededed;color:#18171a;font-size:14px;padding:7px 12px;align-items:center}#ServiceHistory .border-link img{height:12px}#ServiceHistory .search{width:22px;height:22px}#ServiceHistory .search-empty{margin-top:15px;padding:46px 15px 15px;background:url(/asset/img/modal/empty-icon.png) no-repeat;background-size:21px;background-position:top 15px center}#ServiceHistory .search-empty,#ServiceHistory .search-empty .ment{color:#8894a0;font-size:14px;text-align:center}#ServiceHistory .empty{width:-moz-fit-content;width:fit-content;height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#ServiceHistory .empty img{width:58px;height:auto}#ServiceHistory .empty .main-text{font-size:14px;font-family:var(--sm);color:#4e5968}#ServiceHistory .empty .sub-text{font-size:13px;font-family:var(--sr);color:#8894a0;text-align:center}#ServiceHistory .empty button{width:-moz-fit-content;width:fit-content;padding:0 25px}#ServiceHistory .empty .card-preview{background-color:#f8f8f8;border:1px solid #ededed;padding:5px;border-radius:5px}#ServiceHistory .empty .card-preview img{width:auto;max-height:120px}#ServiceHistory .list-content{width:calc(100% + 60px);margin-left:-30px;background-color:#f6f8fa;padding:40px 30px;flex:1 1}#ServiceHistory .list-content .check-cnt{margin-bottom:30px;gap:10px;justify-content:flex-start}#ServiceHistory .list-content .check-cnt img{width:9px;height:12px}#ServiceHistory .list-content ul{display:flex;flex-direction:column;gap:20px}#ServiceHistory .list-content ul li{width:100%;background-color:#fff;border-radius:5px;padding:0 15px}#ServiceHistory .list-content ul li .block{padding:20px 0}#ServiceHistory .list-content ul li .block .block-code{color:#8894a0;font-size:12px}#ServiceHistory .list-content ul li .block .status{position:absolute;right:0;top:0;width:15px;height:15px}#ServiceHistory .list-content ul li .block .status.star{background:url(/asset/img/realtor/home/star-yellow.png) no-repeat;background-size:16px}#ServiceHistory .list-content ul li .block .status.toggle{background:url(/asset/img/payment/report/arrow-simple-top.svg) no-repeat;background-size:14px}#ServiceHistory .list-content ul li .block .status.toggle.down{transform:scaleY(-1)}#ServiceHistory .list-content ul li .block .block-main{font-size:15px;line-height:24px;display:inline-flex;align-items:center;gap:15px;width:100%}#ServiceHistory .list-content ul li .block .block-main input{color:#18171a;caret-color:#1142bf;font-size:15px;height:100%}#ServiceHistory .list-content ul li .block .block-main img{width:16px;height:16px}#ServiceHistory .list-content ul li .block .block-small{font-size:13px;display:flex;align-items:center;gap:10px}#ServiceHistory .list-content ul li .block .block-small .gray{color:#999}#ServiceHistory .list-content ul li .block .block-small small{display:block;font-size:10px;color:#8894a0}#ServiceHistory .list-content ul li .block .share-status.red{transform:scaleX(-1)}#ServiceHistory .list-content ul li .block .share-status.red svg path{fill:#e03d38}#ServiceHistory .list-content ul li .block .memo{background-color:#edf0f7;padding:20px;font-size:13px;border-radius:5px}#ServiceHistory .list-content ul li .block .memo .content{color:#999;white-space:break-spaces}#ServiceHistory .list-content ul li .block .user-img{background-color:#edf0f7;width:30px;height:30px;border-radius:100%;align-content:center;justify-items:center}#ServiceHistory .list-content ul li .block .user-img img{width:14px;height:14px;margin:auto}#ServiceHistory .list-content ul li .block .tag-wrap{display:inline-flex;gap:5px 10px;flex-wrap:wrap}#ServiceHistory .list-content ul li .block .tag-wrap .tag{font-size:12px;font-family:var(--sm);border-radius:5px;padding:4px;width:-moz-fit-content;width:fit-content}#ServiceHistory .list-content ul li .block .tag-wrap .tag.blue{background-color:#edf0f7;color:#1142bf}#ServiceHistory .list-content ul li .block .tag-wrap .tag.gray{background-color:#edf0f7;color:#999}#ServiceHistory .list-content ul li .block .tag-wrap .tag.red{background-color:#ff6b6b;color:#fff}#ServiceHistory .list-content ul li .block button.basic.small{height:40px;font-size:15px}#ServiceHistory .list-content ul li .block button.basic.small.more{width:70px;min-width:70px;border:1px solid #ededed;display:flex;align-items:center;justify-content:center;gap:4px}#ServiceHistory .list-content ul li .block button.basic.small.more .dot{background-color:#8894a0;width:3px;height:3px;border-radius:3px}#ServiceHistory .list-content ul li .block button.basic.small.more:disabled{cursor:default;background-color:inherit}#ServiceHistory .list-content ul li .block button.basic.small.more:disabled .dot{background-color:rgba(136,148,160,.2)}#ServiceHistory .list-content ul li .block button.basic.small.blue:disabled{background-color:#f2f3f5;color:#999}#ServiceHistory .list-content ul li .block:not(:first-child){border-top:1px dashed #ededed}#ServiceHistory .basic.light-gray{background:#f2f3f5;color:#464c52;border-radius:5px}#ServiceHistory .bottom-float{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:14px;background-color:#1142bf;border-radius:20px;box-shadow:0 4px 4px rgba(0,0,0,.251);position:absolute;bottom:50px;right:20px}#ServiceHistory .bottom-float.b-80{bottom:80px}#ServiceHistory .bottom-float.open{gap:10px}#ServiceHistory .bottom-float.open .float-ment{max-width:130px;overflow:visible}#ServiceHistory .bottom-float img{width:12px;height:12px}#ServiceHistory .bottom-float .float-ment{transition:max-width .3s ease-in-out;display:inline-block;text-overflow:clip;white-space:nowrap;color:#fff;font-family:var(--sm);font-size:15px;line-height:0;overflow:hidden;max-width:0}@media screen and (max-width:1220px){#ServiceHistory .list-content{width:calc(100% + 40px);margin-left:-20px;background-color:#f6f8fa;padding:40px 20px;flex:1 1}}.PageTemplate:has(.NavigationTab) #ServiceHistory .bottom-float{bottom:82px}#ContextMenu .content{width:200px;right:42px;transform:translateY(-50%)}#ContextMenu .content .button-list li button{align-items:center}#ContextMenu .content .button-list li button img{width:auto;height:12px}@media screen and (max-width:1220px){#ContextMenu .content{right:32px}}#ProcessNotice{padding:20px;top:0}#ProcessNotice .content{height:-moz-fit-content;height:fit-content;position:absolute;bottom:20px;width:calc(100% - 40px);background:#fff;border-radius:10px;padding:20px}#ProcessNotice .content .main-comment{font-family:var(--sm);font-size:20px;line-height:30px}#ProcessNotice .content .flex{display:flex;gap:15px}#ProcessNotice .content .flex p{font-family:var(--sr);font-size:18px;color:#4e5968}#ProcessNotice .content .flex p span{font-family:var(--sm);color:#1142bf}#ProcessNotice .content .check-list{background:#f5f6fa;display:flex;flex-direction:column;gap:15px;padding:20px 15px;border-radius:10px;margin-top:30px}#ProcessNotice .content .check-list li{position:relative;padding-left:27px;color:#999}#ProcessNotice .content .check-list li:before{content:"";display:block;width:12px;height:9px;background:url(/asset/img/common/icon/check-gray.svg);background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:6px}#ProcessNotice .content .check-list li.on{color:#1142bf}#ProcessNotice .content .check-list li.on:before{background:url(/asset/img/common/icon/check-blue.svg);background-repeat:no-repeat;background-size:cover}