@charset "utf-8";

/********************
** header
********************/
.headerBg {box-shadow:0 0 24px rgba(0, 0, 0, 0.05);}
.toggleBtn{cursor:pointer;}
.toggleBtn span{transition:ease-in-out 0.3s;}
.toggleBtn span:nth-child(1){left:0;top:0}
.toggleBtn span:nth-child(2){left:0;top:10px;}
.toggleBtn span:nth-child(3){left:0;top:20px}

.toggleBtn.active span:nth-child(1){
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#222;
}
.toggleBtn.active span:nth-child(2){left:9999px;top:10px;}
.toggleBtn.active span:nth-child(3){
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  background:#222;
}
/********************
** index
********************/
/** mainBanner **/
.mainBanner {background:#FFF;}
.mainBanner.hasSalesCodeBg {background: linear-gradient(to bottom,#FFF 0%, #FFF 50%, #F7F8F8 50%, #F7F8F8 100%);}
/** memberMainBanner **/
.memberMainBannerCard {border-radius:16px 16px 0 0; border-bottom:6px solid #636ACE; box-shadow:2px 2px 16px #D9DADE;}
.memberApply {bottom:0; right:0;}
.memberLimit {bottom:0; right:0;}
/** info **/
/** situation **/
.situation {background:linear-gradient(to bottom, #26272B, #302D62);}
.situationBubble {position: relative;}
.situationBubbleTail {position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); width: 30px; height: 34px;}
.rentFeedCard {overflow: hidden;}
.rentFeedList {overflow: hidden;}
.rentFeedItem {transition: transform 0.6s ease, opacity 0.6s ease;}
.rentFeedItem.is-new {opacity: 0; transform: translateY(-12px); animation: rentFeedSlideIn 0.7s ease forwards;}
.rentFeedItem.is-removing {opacity: 0; transform: translateY(8px); transition: transform 0.4s ease, opacity 0.4s ease;}
@keyframes rentFeedSlideIn {
    from {opacity: 0; transform: translateY(-12px);}
    to {opacity: 1; transform: translateY(0);}
}
/** solution **/
.solutionCnt1 {background:linear-gradient(to right, #4B45B0, #302D62);}
.solutionCnt2 {background:linear-gradient(to right, #4F4FC1, #443D90);}
/** calculating **/
.calculatingBtn {border:1px solid #D9DADE; cursor:pointer; transition:border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;}
.calculatingBtn.active,
.calculatingBtn:active {border:1px solid #4F4FC1; background:#F2F3FC; color:#4F4FC1;}
.calculatingInputWrap {position:relative;}
.calculatingInputWrap .inputBox {padding-right:72px;}
.calculatingInputUnit {position:absolute; top:50%; right:20px; transform:translateY(-50%); color:#8D919B; font-size:20px; font-weight:600; line-height:1; pointer-events:none;}
.calculatingSelect {appearance:none; background-image:url('/img/inputArrow.svg'); background-repeat:no-repeat; background-position:right 20px center; background-size:14px auto; cursor:pointer;}
.calculatingSelect:disabled {background-color:#F7F8F8; color:#8D919B; cursor:not-allowed;}
/** step **/
.step {background: linear-gradient(to bottom,#FFF 0%, #FFF 50%, #F7F8F8 50%, #F7F8F8 100%); --step-inner-offset: 0px; position: relative; z-index: 2; overflow: hidden;}
.stepLead,
.stepOutro {padding-left: var(--step-inner-offset); padding-right: var(--step-inner-offset); box-sizing: border-box; opacity: 1; transform: none;}
.stepScroller {position: relative; width: calc(100% - var(--step-inner-offset)); max-width: none; margin-left: var(--step-inner-offset); overflow:hidden; box-sizing:border-box;}
.stepCnts {display:flex; padding-bottom:8px; box-sizing:border-box;}
.stepCard {opacity:1; transform:none; height:auto; box-sizing:border-box; min-width:0;}
.stepCard.swiper-slide {flex-shrink:0; height:auto; box-sizing:border-box; min-width:0;}
.stepCard > div {min-width:0; box-sizing:border-box;}
.stepSwiper {cursor:grab;}
.stepSwiper * {user-select:none; -webkit-user-select:none;}
.stepSwiper.swiper-horizontal .stepCnts {transform: translate3d(0, 0, 0);}
.stepImage {display: block; width: 70%; max-width: 100%; height: auto; user-select: none; -webkit-user-drag: none;}
.stepLine {top: 50%; transform: translateY(-50%);}
.stepPoint {border: 6px solid #4F4FC1; box-sizing: border-box;}
.stepPoint.active {box-shadow: 0 0 16px rgba(79, 79, 193, 0.35);}
/** telContact **/
.memberTelContact {right:0; bottom:0;}
/********************
** footer
********************/

/********************
** calculating
********************/
.calculatingBg {right:0; bottom:0;}

/********************
** login
********************/
.loginBg {background: linear-gradient(to bottom, #26272B 80%, #302D62 100%);}
.loginBoxLine {border:1px solid #D9DADE;}

/********************
** progressSearch
********************/
.progressSearchBox {box-shadow:0 0 8px #D9DADE;}

/********************
** solution
********************/
.LimitBtnBg {background:url('/img/LimitBtnBg.png'); background-position:center; background-size:cover;}
.ApplyBtnBg {background:url('/img/ApplyBtnBg.png'); background-position:center; background-size:cover;}
.solutionBtn {box-shadow: none; filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.25));}
.solutionCnt {box-shadow:0 0 8px #D9DADE;}

/********************
** newLimit
********************/
.limitBoxline {border:1px solid #D9DADE;}
.limitStatusMessage {border:1px solid #D9DADE;}
.limitStatusMessage.isSuccess {background:#EAF7EC; border-color:#9AD4A5; color:#23663A;}
.limitStatusMessage.isError {background:#FFF1F1; border-color:#E5A0A0; color:#B42318;}
.limitPolicyFieldset input {width:24px; height:24px; flex:0 0 24px; accent-color:#4F4FC1;}
.limitAgreementList {border:1px solid #D9DADE; background:#fff;}
.limitAgreementAll {padding:18px 20px; border-bottom:1px solid #D9DADE;}
.limitAgreementItem {padding:16px 20px; border-bottom:1px solid #EEF0F4;}
.limitAgreementItem:last-child {border-bottom:0;}
.limitAgreementPreview {border:0; background:transparent; cursor:pointer; flex:0 0 auto;}
.limitAgreementModal[hidden] {display:none;}
.limitAgreementModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.limitAgreementContent {max-height:56vh; overflow:auto; border:1px solid #EEF0F4; padding:18px; background:#fff;}
.limitSignatureBox {width:100%;}
.limitSignatureCanvas {display:block; height:180px; border:1px solid #D9DADE; background:#fff; touch-action:none;}
.limitSignatureClear {border:1px solid #D9DADE; background:#fff; color:#26272B; cursor:pointer;}
.limitActionButton {border:0; cursor:pointer; transition:opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;}
.limitActionButton[disabled] {background:#B8BAC1; cursor:not-allowed; opacity:0.7;}
.limitStepPlaceholder {border:1px dashed #BFC5EF; background:#F7F8FD;}
.limitTypeButton {border:0; cursor:pointer; transition:background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;}
.limitTypeButton.active,
.limitTypeButton[aria-pressed="true"] {background:#26272B !important; color:#F7F8F8 !important;}
.limitApplicantPanel[hidden] {display:none;}
.limitFileInput {display:none;}
.limitFileButton {border:0; cursor:pointer; flex:0 0 auto;}
.limitFileName {flex:1 1 auto; min-width:0; word-break:break-all;}
.limitResidentNumber {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.limitResidentFrontInput {flex:1 1 240px; min-width:180px;}
.limitResidentBackField {position:relative; display:flex; align-items:center; flex:1 1 220px; min-width:180px; cursor:text; overflow:hidden; transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;}
.limitResidentBackField:focus-within {border-color:#26272B !important; background:#F7F8FD;}
.limitResidentBackField.isFilled {border-color:#26272B !important; background:#F7F8FD;}
.limitResidentBackInput {position:absolute; inset:0; width:100%; height:100%; padding:0 !important; border:0; background:transparent; color:transparent; caret-color:transparent; opacity:0; z-index:2;}
.limitResidentMask {display:flex; align-items:center; gap:4px; pointer-events:none; transition:transform 0.2s ease;}
.limitResidentBackField:focus-within .limitResidentMask {transform:scale(1.02);}
.limitResidentDot,
.limitResidentDots {font-size:24px; font-weight:700; line-height:1; white-space:nowrap;}
.limitResidentDotFirst {color:#B8BAC1; transition:color 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;}
.limitResidentBackField.isFilled .limitResidentDotFirst {color:#26272B; transform:scale(1.08);}
.limitResidentDots {color:#26272B; letter-spacing:2px;}
.limitResultOpenButton {box-shadow:0 8px 24px rgba(79, 79, 193, 0.18);}
.limitResultModal[hidden] {display:none;}
.limitResultModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.limitResultBackdrop {position:absolute; inset:0; border:0; background:rgba(38, 39, 43, 0.65); cursor:default;}
.limitResultDialog {position:relative; width:min(100%, 720px); max-height:calc(100vh - 48px); overflow:auto; box-shadow:0 24px 80px rgba(0, 0, 0, 0.22);}
.limitResultClose {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; border-radius:999px; background:#F7F8FD; color:#4B45B0; font-size:28px; line-height:1; cursor:pointer; flex:0 0 40px;}
.limitResultCard {border:1px solid #D9DADE; background:linear-gradient(180deg, #F8F9FF 0%, #FFFFFF 100%);}
body.limitResultModalOpen {overflow:hidden;}

/********************
** newApply
********************/
.applyBtnLine {border:1px solid #D9DADE; cursor:pointer; transition:border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;}
.applyBtnLine.active,
.applyBtnLine[aria-pressed="true"] {color:#4F4FC1 !important; background:#F2F3FC !important; border-color:#4F4FC1 !important;}
.applyTable {border-top:2px solid #818CD9;}
.applyTable tr {border-bottom:1px solid #CCD0F1;}
.applyTable tr:last-child {border-bottom:0;}
.applybottmoline {border-bottom:1px solid #D9DADE;}
.throughLine {text-decoration:line-through;}

/********************
** progressResult
********************/
.resultCnts {display:grid; grid-template-columns:repeat(6, 1fr);}
.resultCntItem {display:flex; flex-direction:column; position:relative; overflow:visible;}
.resultCnt {border:1px solid #EEEEF0; background:#FFF; transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;}
.resultCnt.isCurrent {border-color:#4F4FC1; box-shadow:0 16px 32px rgba(79, 79, 193, 0.18);}
.progressCurrentMarker {
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    width:max-content;
    min-height:0;
    margin:0 !important;
    z-index:2;
}
.progressCurrentTriangle {display:block;
    width:24px;
    height:20.7846px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20.7846'%3E%3Cpath d='M5.1962 3H18.8038L12 14.7846Z' fill='%234F4FC1' stroke='%234F4FC1' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/*************************************************** admin ***************************************************/

/********************
** header
********************/
.adminDrawerOpen {overflow: hidden;}
.adminHeader {border-right:1px solid #D9DADE;}
.adminHeaderSpacer {display: none; pointer-events: none;}
.adminHeaderBar,
.adminHeaderOverlay,
.adminHeaderPanelHeader {display:none;}
.adminHeaderPanel {width: 100%; height: 100%;}
.adminHeaderPanelBody {flex: 1 1 auto;}
.adminHeaderLogoutButton,
.adminHeaderPanelLogout {text-decoration:none;}
.adminHeaderIconButton {width: 24px; height: 24px;display: inline-flex; align-items: center; justify-content: center; background: #ffffff; cursor: pointer; padding: 0;}
.adminHeaderCollapseButton {position:absolute; top:24px; right:-17px; z-index:3; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:34px; height:34px; padding:0; border:1px solid #D9DADE; border-radius:50%; color:#443D90; background:#FEFEFE; box-shadow:0 3px 10px rgba(31,32,38,.10); cursor:pointer; transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.adminHeaderCollapseButton:hover {border-color:#443D90; color:#FEFEFE; background:#443D90;}
.adminHeaderCollapseIcon {display:block; width:8px; height:8px; border:solid currentColor; border-width:0 2px 2px 0; transform:translateX(2px) rotate(135deg); transition:transform .2s ease;}
.adminHeader.is-collapsed .adminHeaderCollapseIcon {transform:translateX(-2px) rotate(-45deg);}
.adminHeaderOverlay {border: 0; padding: 0;}
.adminMenuLink {transition: background-color 0.2s ease, color 0.2s ease; text-decoration: none;}
.adminMenuLink.active {background-color: #E2E4F7; color: #4B45B0 !important; font-weight: 600 !important;}
.adminMenuLink.active img {flex-shrink: 0;}
@media only screen and (min-width:1201px) {
  .adminHeader {transition:width .25s ease,padding .25s ease;}
  .adminHeader ~ section > .tmInner.wwd80 {transition:width .25s ease;}
  html.adminHeaderCollapsed .adminHeader {width:76px !important; padding:72px 12px 24px !important;}
  html.adminHeaderCollapsed .adminHeaderPanel {display:none !important;}
  html.adminHeaderCollapsed .adminHeaderCollapseButton {right:-17px;}
  html.adminHeaderCollapsed .adminHeader ~ section > .tmInner.wwd80 {width:calc(100% - 76px) !important;}
}

/********************
** visitor
********************/
.visitorChartBox canvas {width: 100% !important; height: 420px !important;}
.visitorFilterTabs button {transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;}
.visitorFilterTabs button.active {color: #FEFEFE !important; background: #443D90 !important; box-shadow: 0 2px 4px #B8BAC1;}

/********************
** opertor
********************/
.operatorBg {background: radial-gradient(ellipse 100% 50% at center, #E2E4F7 0%, #F7F8FD 45%, #FFFFFF 78%);}
.operatorCnts {display:grid; grid-template-columns:repeat(3,1fr);}
.opertorCnt {box-shadow:0 0 4px #CCD0F1;}

/********************
** tecent
********************/
.recentTableScroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.tecentTable {width:100%; min-width:980px; table-layout:auto;}
.tecentTable tr{border-top:1px solid #D9DADE;}
.tecentTable tr:last-child{border-bottom:1px solid #D9DADE;}
.tecentTable tr.tecentTableLastDataRow{border-bottom:1px solid #D9DADE;}
.tecentTable th, .tecentTable td {border-right:1px solid #D9DADE;}
.tecentTable th:last-child, .tecentTable td:last-child {border-right:0;}
.leadDbDateField {position:relative; display:flex; align-items:center;}
.leadDbDateInput {padding-right:44px !important;}
.leadDbDateInput::-webkit-calendar-picker-indicator {opacity:0; position:absolute; inset:0; width:100%; height:100%; cursor:pointer;}
.leadDbDatePickerButton {position:absolute; top:50%; right:12px; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; padding:0; border:0; background:transparent; cursor:pointer;}
.leadDbDatePickerButton img {display:block; width:20px; height:20px;}
.leadDbFilterSelect {appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-right:40px !important; background-image:url('/img/inputArrow.svg'); background-repeat:no-repeat; background-position:right 12px center; background-size:14px auto;}
.leadDbMenuTabs button {border:1px solid #D9DADE; background:#FEFEFE; transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;}
.leadDbMenuTabs button.active {color:#FEFEFE !important; background:#443D90; border-color:#443D90; box-shadow:0 2px 4px #B8BAC1;}
.leadProgressTable {min-width:var(--lead-table-min-width, 2200px); table-layout:auto; transition:min-width 0.2s ease;}
.leadProgressTable [data-lead-column][hidden],.leadSettlementTable [data-lead-column][hidden],.leadSettlementTable [data-lead-column-content][hidden],.leadSettlementTable [data-lead-combined-product-header][hidden],.leadSettlementTable [data-lead-combined-product-cell][hidden] {display:none !important;}
.leadColumnVisibility {display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 16px; padding:12px 14px; border:1px solid #E1E2E6; border-radius:8px; background:#FAFAFC;}
.leadColumnVisibilityTitle {flex:0 0 auto; color:#5C5E66; font-size:14px; font-weight:600; line-height:1.3;}
.leadColumnVisibilityButtons {display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px;}
.leadColumnVisibilityButtons button {padding:8px 12px; border:1px solid #D9DADE; border-radius:6px; color:#5C5E66; background:#FEFEFE; font-size:13px; font-weight:600; line-height:1.2; cursor:pointer; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;}
.leadColumnVisibilityButtons button:hover {border-color:#7771B5; color:#443D90;}
.leadColumnVisibilityButtons button.isCollapsed {border-color:#443D90; color:#FEFEFE; background:#443D90;}
.leadSettlementTable {min-width:var(--lead-table-min-width, 2700px); table-layout:auto; transition:min-width 0.2s ease;}
.leadSettlementTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadSettlementTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadSettlementProductCell span, .leadSettlementProductCell small {display:block;}
.leadSettlementProductCell small {margin-top:4px; color:#777A83; font-size:12px;}
.leadSettlementStatus {display:inline-flex; align-items:center; justify-content:center; min-width:56px; padding:6px 10px; border-radius:999px; color:#6B6E76; background:#EEEFF2; font-size:13px; font-weight:600; line-height:1;}
.leadInfoTable {min-width:1300px; table-layout:auto;}
.leadInfoTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadInfoTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadInfoRelation {display:inline-flex; align-items:center; justify-content:center; min-width:80px; padding:6px 10px; border-radius:999px; color:#62656D; background:#EEEFF2; font-size:13px; font-weight:600;}
.leadInfoRelation.isSelf {color:#443D90; background:#EAE8FA;}
.leadInfoTreeName {display:inline-flex; align-items:center; padding-left:calc(var(--lead-info-depth,0) * 18px);}
.leadInfoTreeName::before {content:'└'; margin-right:6px; color:#A09CBF; font-weight:700;}
.leadInfoSubordinateActions {display:flex; justify-content:center; margin-top:20px;}
.leadInfoSubordinateToggle {min-width:240px; padding:14px 22px; border:1px solid #443D90; border-radius:8px; color:#443D90; background:#FEFEFE; font-size:15px; font-weight:600; cursor:pointer; transition:color 0.2s ease,background-color 0.2s ease;}
.leadInfoSubordinateToggle[aria-expanded="true"] {color:#FEFEFE; background:#443D90;}
.leadInfoSubordinatePanel {margin-top:28px;}
.leadInfoSubordinateTitle {margin-bottom:14px; color:#292A2F; font-size:18px; font-weight:600;}
.leadInfoTable tr[data-lead-member-rental-owner] {cursor:pointer; transition:background-color 0.2s ease;}
.leadInfoTable tr[data-lead-member-rental-owner]:hover,.leadInfoTable tr[data-lead-member-rental-owner]:focus-visible {background:#F8F7FF; outline:none;}
.leadInfoTable tr[data-lead-member-rental-owner][aria-expanded="true"] {background:#F1EFFF;}
.leadMemberRentalCount {display:inline-flex; margin-left:6px; padding:3px 7px; border-radius:999px; color:#443D90; background:#EAE8FA; font-size:11px; font-weight:700; vertical-align:middle;}
.leadMemberRentalPanelRow > td {padding:0 !important; background:#F8F7FF; white-space:normal !important;}
.leadMemberRentalPanel {padding:20px 24px;}
.leadMemberRentalTitle {margin-bottom:12px; color:#292A2F; font-size:16px; font-weight:600;}
.leadMemberRentalTable {width:100%; min-width:900px; border-collapse:collapse; background:#FEFEFE;}
.leadMemberRentalTable th,.leadMemberRentalTable td {padding:12px 14px; border:1px solid #E1E2E6; font-size:13px; white-space:nowrap;}
.leadMemberRentalTable th {color:#5C5E66; background:#F2F2F5; font-weight:600; text-align:center;}
.leadMemberRentalEmpty {padding:20px; border:1px solid #E1E2E6; border-radius:6px; color:#777A83; background:#FEFEFE; font-size:14px; text-align:center;}
.leadProgressTable th {padding:12px 16px; background:#F5F5F7; color:#5C5E66; font-size:14px; font-weight:500; line-height:1.3; text-align:center; vertical-align:middle; white-space:nowrap;}
.leadProgressTable td {padding:16px; font-size:14px; font-weight:400; line-height:1.3; vertical-align:middle; white-space:nowrap;}
.leadProgressDataRow[role="button"] {cursor:pointer; transition:background-color 0.2s ease;}
.leadProgressDataRow[role="button"]:hover {background:#F8F7FF;}
.leadProgressDataRow[role="button"]:focus-visible {outline:2px solid #443D90; outline-offset:-2px; background:#F8F7FF;}
.leadEstimateModeActive .leadProgressDataRow[role="button"] {cursor:alias;}
.leadEstimateModeActive .leadProgressDataRow[role="button"]:hover {background:#F0EEFF;}
.leadProgressDataRow.hasNewComment td {background:#FFF9E9;}
.leadProgressDataRow.isCommentPulse td {animation:leadCommentRowPulse 0.8s ease-in-out 2;}
.leadProgressNumberCell {position:relative;}
.leadNewCommentBadge {display:inline-flex; align-items:center; justify-content:center; margin-left:6px; padding:3px 6px; border-radius:999px; color:#FEFEFE; background:#E34B4B; font-size:10px; font-weight:700; line-height:1; vertical-align:middle;}
.leadNewCommentBadge[hidden] {display:none;}
.leadProgressStatus {display:inline-flex; align-items:center; justify-content:center; min-width:48px; padding:6px 10px; border-radius:999px; font-size:13px; font-weight:600; line-height:1;}
.leadProgressStatusWaiting {color:#6B6E76; background:#EEEFF2;}
.leadProgressStatusIncomplete {color:#C27400; background:#FFF1D6;}
.leadProgressStatusComplete {color:#197A4B; background:#DFF5E8;}
.leadCommentPanelRow > td {padding:0 !important; background:#F8F7FF; white-space:normal !important;}
.leadCommentPanel {position:sticky; left:0; box-sizing:border-box; width:var(--lead-comment-panel-width,100vw); max-width:100vw; padding:24px 28px;}
.leadCommentPanelHeader {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px;}
.leadCommentPanelHeader strong {font-size:16px; font-weight:600; color:#292A2F;}
.leadAdminOnlyBadge {display:inline-flex; margin-left:6px; padding:3px 7px; border-radius:999px; color:#8A3B12; background:#FFE8D6; font-size:10px; font-weight:700; vertical-align:middle;}
.leadCreditModal {position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:24px;}
.leadCreditModal[hidden] {display:none;}
.leadCreditModalBackdrop {position:absolute; inset:0; border:0; background:rgba(20,21,26,0.68); cursor:pointer;}
.leadCreditModalDialog {position:relative; z-index:1; display:flex; flex-direction:column; width:min(720px,calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:hidden; border-radius:18px; background:#FEFEFE; box-shadow:0 24px 70px rgba(0,0,0,0.28);}
.leadCreditModalHeader {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px 24px 16px; border-bottom:1px solid #E1E2E6;}
.leadCreditModalTitle {color:#292A2F; font-size:22px; font-weight:700; line-height:1.3;}
.leadCreditModalDescription {margin-top:5px; color:#676A72; font-size:13px; line-height:1.5;}
.leadCreditModalClose {display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:36px; height:36px; padding:0; border:1px solid #D9DADE; border-radius:50%; background:#FEFEFE; cursor:pointer;}
.leadCreditModalClose img {width:14px; height:14px;}
.leadCreditModalBody {position:relative; min-height:0; overflow-y:auto; flex:1 1 auto; padding:24px; background:#F4F5F7;}
.leadCreditLookupForm{display:flex;flex-direction:column;gap:16px}.leadCreditStep{padding:20px;border:1px solid #E1E2E8;border-radius:14px;background:#FFF}.leadCreditStepTitle{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.leadCreditStepTitle>em{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border-radius:50%;background:#443D90;color:#FFF;font-size:13px;font-style:normal;font-weight:700}.leadCreditStepTitle strong,.leadCreditStepTitle span{display:block}.leadCreditStepTitle strong{color:#292A2F;font-size:17px}.leadCreditStepTitle span{margin-top:4px;color:#777A83;font-size:12px;line-height:1.5}.leadCreditConsentLine{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid #E1E2E8;border-radius:8px;background:#FAFAFC;color:#42444B;font-size:13px;line-height:1.5;cursor:pointer}.leadCreditConsentLine.isAll{border-color:#CBC8E5;background:#F5F3FF;font-weight:700}.leadCreditConsentLine input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;accent-color:#443D90}.leadCreditIdentityButton,.leadCreditSubmit,.leadCreditRetry{width:100%;border:0;border-radius:8px;background:#443D90;color:#FFF;font-weight:700;cursor:pointer}.leadCreditIdentityButton{margin-top:10px;padding:14px;font-size:14px}.leadCreditIdentityButton:disabled,.leadCreditSubmit:disabled{cursor:not-allowed;opacity:.55}.leadCreditIdentityStatus{margin-top:10px;color:#777A83;font-size:12px;text-align:center}.leadCreditIdentityStatus.isVerified{color:#197A4B;font-weight:700}.leadCreditIdentityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.leadCreditIdentityGrid label>span{display:block;margin-bottom:7px;color:#555860;font-size:12px;font-weight:600}.leadCreditIdentityGrid input{box-sizing:border-box;width:100%;height:42px;padding:10px 11px;border:1px solid #D9DADE;border-radius:7px;background:#FFF;color:#292A2F;font-size:13px}.leadCreditIdentityGrid input[readonly]{background:#F2F3F6;color:#62656D}.leadCreditAgreementList{display:grid;gap:8px;margin-top:10px}.leadCreditAgreementItem{border:1px solid #E1E2E8;border-radius:8px;background:#FFF}.leadCreditAgreementItem summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;list-style:none;cursor:pointer}.leadCreditAgreementItem summary::-webkit-details-marker{display:none}.leadCreditAgreementItem summary label{display:flex;align-items:flex-start;min-width:0;gap:8px;color:#44464E;font-size:13px;cursor:pointer}.leadCreditAgreementItem summary input{flex:0 0 auto;width:16px;height:16px;accent-color:#443D90}.leadCreditAgreementItem summary b{flex:0 0 auto;color:#666975;font-size:11px;text-decoration:underline;text-underline-offset:2px}.leadCreditAgreementContent{max-height:220px;padding:16px;overflow-y:auto;border-top:1px solid #E8E9EE;background:#FAFAFC;color:#555860;font-size:12px;line-height:1.7}.leadCreditSignatureHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#62656D;font-size:12px}.leadCreditSignatureHeader button{padding:0;border:0;background:transparent;color:#443D90;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.leadCreditSignatureCanvas{display:block;box-sizing:border-box;width:100%;height:150px;border:1px solid #CDD0D8;border-radius:8px;background:#FFF;touch-action:none;cursor:crosshair}.leadCreditFormMessage{padding:13px 15px;border-radius:8px;background:#FFF0F0;color:#B83434;font-size:13px;line-height:1.5}.leadCreditSubmit{padding:17px;font-size:16px}.leadCreditResult{padding:34px 8px 18px;text-align:center}.leadCreditResultIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#E2F5E9;color:#197A4B;font-size:30px;font-weight:800}.leadCreditResultIcon.isRejected{background:#FFF0E3;color:#C27400}.leadCreditResultTitle{margin-top:16px;color:#292A2F;font-size:23px;font-weight:700}.leadCreditResultCard{margin-top:20px;padding:24px;border:1px solid #E1E2E8;border-radius:14px;background:#FFF}.leadCreditResultCard strong{font-size:18px}.leadCreditResultCard p{margin-top:8px;color:#555860;font-size:14px}.leadCreditResultCard em{display:block;margin-top:12px;color:#443D90;font-size:28px;font-style:normal;font-weight:800}.leadCreditResultCard span{display:block;margin-top:10px;color:#777A83;font-size:12px}.leadCreditRetry{margin-top:16px;padding:15px;font-size:14px}
.leadCreditModalBody{background:#FFF}.leadCreditLookupForm{max-width:560px;margin:0 auto;padding:12px 8px 18px}.leadCreditFlowStep[hidden]{display:none}.leadCreditFlowCount{margin-bottom:10px;color:#443D90;font-size:22px}.leadCreditFlowStep h3{color:#292A2F;font-size:28px;font-weight:700;line-height:1.35}.leadCreditFlowGuide{margin-top:10px;margin-bottom:28px;color:#747780;font-size:14px;line-height:1.6}.leadCreditFlowGuide strong{color:#443D90}.leadCreditPassBox{display:flex;align-items:center;gap:15px;margin-bottom:12px;padding:18px;border:1px solid #E3E4E9;border-radius:10px;background:#F7F8FA}.leadCreditPassLogo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 60px;height:60px;border-radius:16px;background:#292A2F;color:#FFF;font-size:15px;font-weight:800;letter-spacing:-.5px}.leadCreditPassBox strong,.leadCreditPassBox p{display:block}.leadCreditPassBox strong{color:#292A2F;font-size:16px}.leadCreditPassBox p{margin-top:5px;color:#858790;font-size:12px}.leadCreditIdentityButton{margin-top:12px;padding:18px;border-radius:4px;background:#443D90;font-size:17px}.leadCreditIdentityGrid.isManual{padding:16px;border-radius:8px;background:#F7F8FA}.leadCreditAgreementList{max-height:250px;overflow-y:auto;padding-right:4px}.leadCreditAgreementItem{border-width:0 0 1px;border-radius:0}.leadCreditAgreementItem summary{padding:14px 4px}.leadCreditAgreementContent{max-height:180px}.leadCreditSignatureBlock{margin-top:24px;padding-top:22px;border-top:1px solid #E3E4E9}.leadCreditSignatureHeader strong{margin-right:7px;color:#292A2F;font-size:14px}.leadCreditSubmit{margin-top:16px;border-radius:4px;background:#443D90}.leadCreditFormMessage{order:10;margin-top:0}.leadCreditResult{max-width:520px;margin:0 auto;padding:38px 8px}.leadCreditLocalNotice{margin-bottom:12px;padding:12px 14px;border-radius:7px;background:#FFF6DF;color:#8A5A00;font-size:12px;font-weight:600;line-height:1.5}.leadCreditLocalConsent{margin-top:10px;margin-bottom:18px}
.leadCreditAgreementSubitem+ .leadCreditAgreementSubitem{margin-top:18px;padding-top:18px;border-top:1px solid #E1E2E8}.leadCreditAgreementSubitem>label{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;color:#3F4148;font-size:13px}.leadCreditAgreementSubitem>label input{flex:0 0 auto;width:16px;height:16px;accent-color:#443D90}.leadCreditAgreementSubitem>div{color:#62656D;font-size:12px;line-height:1.7}
.leadCreditLookupForm[hidden],.leadCreditResult[hidden]{display:none!important}.leadCreditModalBody.isResultStep{display:flex;align-items:center;justify-content:center}.leadCreditResult{width:100%;opacity:0;transform:translateX(18px);transition:opacity .25s ease,transform .25s ease}.leadCreditResult.isVisible{opacity:1;transform:translateX(0)}
.leadCommentDetailButton {padding:9px 14px; border:0; border-radius:4px; color:#FEFEFE; background:#443D90; font-size:14px; font-weight:600; cursor:pointer;}
.leadCommentList {display:flex; flex-direction:column; align-items:stretch; gap:10px; max-height:360px; margin-bottom:16px; padding-right:6px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable;}
.leadSettlementEditForm,.leadSettlementEditForm * {box-sizing:border-box;}
.leadSettlementEditForm[hidden] {display:none;}
.leadSettlementEditForm {border:0; border-radius:24px; background:#FFF;}
.leadSettlementEditGrid .leadReceptionField>span {justify-content:space-between; gap:8px;}
.leadSettlementEditGrid .leadReceptionField>span small {flex:0 0 auto; color:#686B73; font-size:11px; font-weight:500; white-space:nowrap;}
.leadSettlementInputWrap {display:flex; align-items:center; gap:10px; width:calc(100% - 32px); min-width:0; margin:8px 16px;}
.leadSettlementEditGrid .leadSettlementInputWrap input {flex:1 1 auto; width:100%; min-width:0; height:40px; margin:0; padding:9px 12px; text-align:right;}
.leadSettlementReasonField .leadSettlementInputWrap input {text-align:left;}
.leadSettlementInputWrap em {flex:0 0 auto; color:#686B73; font-size:14px; font-style:normal;}
.leadSettlementEditActions button {min-width:0; border:1px solid #4F4FC1; border-radius:4px; background:#4F4FC1; color:#FFF; cursor:pointer;}
.leadSettlementEditActions button:disabled {cursor:not-allowed; opacity:.55;}
.leadCommentEmpty {color:#777A83; font-size:14px;}
.leadCommentItem {display:flex; flex-direction:column; align-self:flex-start; width:fit-content; max-width:min(72%,680px); padding:10px 13px; border:1px solid #D5D7DD; border-radius:4px 14px 14px 14px; background:#F5F6F8; color:#24262B; font-size:14px; line-height:1.5; word-break:break-word;}
.leadCommentItem.isMine {align-self:flex-end; border-color:#9A91CD; border-radius:14px 4px 14px 14px; color:#27234D; background:#EEEAFB;}
.leadCommentItemAuthor {margin-bottom:4px; color:#555860; font-size:11px; font-weight:700;}
.leadCommentItem.isMine .leadCommentItemAuthor {color:#594EA0; text-align:right;}
.leadCommentItemText {white-space:pre-wrap;}
.leadCommentItem.isNewComment {animation:leadCommentItemIn 0.35s ease-out; border-color:#C8C3ED; box-shadow:0 4px 12px rgba(68,61,144,0.12);}
.leadCommentItemTime {display:block; margin-top:6px; color:#6F727A; font-size:12px;}
.leadCommentItem.isMine .leadCommentItemTime {color:#655D8D; text-align:right;}
.leadCommentEditLink {align-self:flex-start; margin-top:4px; padding:0; border:0; background:transparent; color:#686B73; font-size:11px; line-height:1.4; text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.leadCommentItem.isMine .leadCommentEditLink {align-self:flex-end; color:#655D8D;}
.leadCommentItem.isEditing {width:min(72%,680px);}
.leadCommentEditor[hidden] {display:none;}
.leadCommentEditor {width:100%; margin-top:8px;}
.leadCommentEditInput {display:block; box-sizing:border-box; width:100%; min-height:84px; padding:10px 12px; border:1px solid #B8BAC1; border-radius:4px; outline:none; background:#FFF; color:#24262B; font:inherit; font-size:14px; line-height:1.5; resize:vertical;}
.leadCommentEditInput:focus {border-color:#443D90; box-shadow:0 0 0 2px rgba(68,61,144,.12);}
.leadCommentEditActions {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px;}
.leadCommentEditActionGroup {display:flex; align-items:center; gap:6px;}
.leadCommentDeleteButton,.leadCommentEditCancel,.leadCommentEditSave {padding:0; border:0; background:transparent; font-size:12px; cursor:pointer;}
.leadCommentDeleteButton {color:#C53A3A; text-decoration:underline; text-underline-offset:2px;}
.leadCommentEditCancel {padding:7px 10px; color:#686B73;}
.leadCommentEditSave {padding:7px 12px; border-radius:4px; background:#443D90; color:#FFF; font-weight:600;}
.leadCommentDeleteButton:disabled,.leadCommentEditCancel:disabled,.leadCommentEditSave:disabled {cursor:not-allowed; opacity:.55;}
.leadCommentLabel {display:block; margin-bottom:8px; color:#4B4D54; font-size:14px; font-weight:600;}
.leadCommentComposer {display:flex; align-items:stretch; gap:8px;}
.leadCommentInput {min-width:0; flex:1 1 auto; padding:12px 14px; border:1px solid #D9DADE; border-radius:4px; background:#FEFEFE; font:inherit; line-height:1.5; resize:vertical;}
.leadCommentInput:focus {outline:2px solid #CBC8E5; border-color:#443D90;}
.leadCommentSubmit {flex:0 0 auto; padding:12px 20px; border:0; border-radius:4px; color:#FEFEFE; background:#443D90; font-size:14px; font-weight:600; cursor:pointer;}
@keyframes leadCommentRowPulse {0%,100%{background:#FFF9E9;} 50%{background:#FFE7A8;}}
@keyframes leadCommentItemIn {from{opacity:0;transform:translateY(-8px);} to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce) {.leadProgressDataRow.isCommentPulse td,.leadCommentItem.isNewComment{animation:none;}}
@media (max-width:767px) {.leadCommentPanel{padding:16px}.leadCommentItem{max-width:85%}.leadCommentItem.isEditing{width:85%}.leadCommentComposer{flex-direction:column}.leadCommentSubmit{width:100%}}
@media (max-width:767px) {.leadColumnVisibility{align-items:flex-start;flex-direction:column}.leadColumnVisibilityButtons{justify-content:flex-start;width:100%}.leadColumnVisibilityButtons button{flex:1 1 auto}}
@media (max-width:800px) {.leadSettlementEditForm{border-radius:16px}.leadSettlementInputWrap{width:calc(100% - 20px);margin:8px 10px}}
@media (max-width:767px) {.leadCreditModal{padding:0}.leadCreditModalDialog{width:100vw;height:100vh;max-height:none;border-radius:0}.leadCreditModalHeader{padding:16px}.leadCreditModalDescription{font-size:12px}.leadCreditModalBody{padding:14px}.leadCreditStep{padding:16px}.leadCreditIdentityGrid{grid-template-columns:1fr}.leadCreditSignatureCanvas{height:130px}.leadCreditAgreementContent{max-height:180px}}
.leadDbDocumentField {display:flex; flex-direction:column; gap:12px;}
.leadDbDocumentList {display:flex; flex-wrap:wrap; gap:8px;}
.leadDbDocumentLink {display:inline-flex; align-items:center; max-width:100%; border:1px solid #D9DADE; text-decoration:none; word-break:break-all;}
.leadDbDocumentUploadForm {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.leadDbDocumentFileInput {display:none;}
.leadDbDocumentTrigger, .leadDbDocumentSubmit {border:0; cursor:pointer; flex:0 0 auto;}
.leadDbDocumentFileSummaryInput {min-width:0; flex:1 1 220px; cursor:pointer;}
.leadDbDocumentUploadForm.isUploading {opacity:0.65; pointer-events:none;}


/********************
** member
********************/
/** list **/
.memberSearch {border:1px solid #D9DADE;}
.memberAddButton {cursor:pointer;}
.memberPlus {position:relative; width:16px; height:16px; flex:0 0 16px;}
.memberPlus span {position:absolute; top:50%; left:50%; width:16px; height:2px; background:#FEFEFE; border-radius:999px; transform:translate(-50%, -50%);}
.memberPlus span:last-child {transform:translate(-50%, -50%) rotate(90deg);}
.memberModal[hidden] {display:none;}
.memberModal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; z-index:3000;}
.solutionAuthView[hidden] {display:none !important;}
.memberConfirmModal {z-index:3100;}
.memberModalBackdrop {position:absolute; inset:0; border:0; background:rgba(38, 39, 43, 0.6); cursor:pointer;}
.memberModalDialog {position:relative; width:min(100%, 640px); max-height:calc(100vh - 48px); box-shadow:0 20px 60px rgba(0, 0, 0, 0.2); overflow:auto;}
.memberModalClose {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:999px; background:transparent; cursor:pointer; flex:0 0 32px; padding:0;}
.memberModalClose img {display:block; width:16px; height:16px;}
.memberModalBody {min-height:160px;}
body.memberModalOpen {overflow:hidden;}
.memberModalForm {border-top:1px solid #D9DADE;}
.memberModalForm:last-child {border-bottom:1px solid #D9DADE;}
.memberModalForm.memberModalFormVisibleLast {border-bottom:1px solid #D9DADE;}
.memberModalForm label {border-right:1px solid #D9DADE;}
.leadDetailEstimateDownloadButton {display:inline-flex; align-items:center; justify-content:center; text-decoration:none; vertical-align:top;}
.leadDetailEstimateDownloadButton.isDisabled {pointer-events:none; cursor:default; color:#8D919B; text-decoration:none;}
.memberPercentField {position:relative;}
.memberPercentInput {padding-right:48px !important;}
.memberPercentSuffix {position:absolute; top:50%; right:16px; transform:translateY(-50%); pointer-events:none;}
.memberRadioGroup {display:flex; flex-wrap:wrap;}
.memberRadioLabel {cursor:pointer;}
.memberRadioInput {width:16px; height:16px; accent-color:#4F4FC1;}
.memberPasswordField {position:relative;}
.memberPasswordInput {padding-right:52px !important;}
.memberPasswordToggle {position:absolute; top:50%; right:16px; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:transparent; transform:translateY(-50%); cursor:pointer;}
.memberPasswordToggle img {display:block; width:20px; height:20px;}
.memberModalSelect {appearance:none; background-image:url('/img/down.svg'); background-repeat:no-repeat; background-position:right 16px center; background-size:12px auto; cursor:pointer;}
.memberModalFileInput {display:none;}
.memberLogoUploadButton {border:0; cursor:pointer; flex:0 0 auto;}
.memberModalBtn1 {border:1px solid #B8BAC1;}
.memberListTableScroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.memberListTable tr {border-top:1px solid #D9DADE;}
.memberListTable {width:100%; border-bottom:1px solid #D9DADE;}
.memberListTable th, .memberListTable td {border-right:1px solid #D9DADE;}
.memberListTable th:last-child {border-right:0;}
.memberListTable td:last-child {border-right:0;}
.topLineNo {border-top:0;}
.rightLine {border-right:1px solid #D9DADE;}
.memberSalesLinkText {display:inline-block; max-width:100%; cursor:pointer; word-break:break-all; text-decoration:underline; text-underline-offset:3px;}
.memberSalesLinkText.isDisabled {cursor:default; color:#8D919B; text-decoration:none;}
.memberSalesLinkText:focus-visible {outline:2px solid #2F7DF4; outline-offset:2px; border-radius:4px;}
.memberSalesLinkFeedback {display:none; color:#2F7DF4;}
.memberSalesLinkFeedback.isVisible {display:block; margin-top:8px;}
.memberSalesLinkFeedback.isError {color:#D93025;}
.memberModalBtn1 {border:1px solid #B8BAC1;}
.memberModalBtns {position:sticky; bottom:-32px; z-index:5; margin-top:24px; padding-top:16px; padding-bottom:32px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 16px, #FFFFFF 100%);}