@charset "UTF-8";
/*!
    * STAR BID - SB Admin v1.0/
    * style
*/
a {color: var(--font-color); text-decoration: none;}
a:hover{color:unset; text-decoration: none;}
/* 스타일 클래스 없이 동작만 하는 button(아이콘 버튼 등): 브라우저 기본 버튼 모양 제거 */
button:not([class]){padding: 0; border: 0; background: none; color: inherit;}
/* a 태그 형태와 동일하게 보이도록 button 기본 테두리 제거 */
button.badge{border: 0;}
p, dl, dt, dd, h1, h2, h3, h4, h5, h6, ul{margin: 0 0 0 0;}
li{list-style: none;}


input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  border: 2px solid var(--sb-gray-300);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
  border-radius: 6px;
  position: relative;
  top: 3px;
}

input[type="checkbox"]:checked { background-color: var(--sb-primary); border-color: var(--sb-primary); background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5L8.5 14L15 7' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

input[type="checkbox"]:disabled{background: var(--sb-gray-200);}

/* disabled만 있는 경우와 구분: checked+disabled는 체크 표시 유지 */
input[type="checkbox"]:checked:disabled {
  background-color: var(--sb-primary);
  border-color: var(--sb-primary);
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5L8.5 14L15 7' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  opacity: 0.7;
  cursor: default;
}

/* 라디오 버튼 스타일 */
input[type="radio"] { border-radius: 50%; }
input[type="radio"]:checked { background-color: var(--sb-primary); border-color: var(--sb-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 10 10' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/svg%3E");
}

.cursor-pointer{cursor: pointer;}
.form-line-hidden{border-color: #f8f5ff;}

input.form-control[type="date"]{width: 150px;}
input.form-control[type="datetime-local"]{width: 220px;}

.form-control.center{text-align: center;}
.form-control.right{text-align: right;}

.form-line-hidden{display: inline-block; width: auto; background: transparent; background: #f8f5ff;}
.form-line-hidden.center{text-align: center;}
.form-line-hidden.right{text-align: right;}
.form-line-hidden:focus{ background: #f8f5ff; border: 1px solid var(--sb-primary);}

.btn-icon-copy{cursor: pointer;}

.form-control.w50{width: 50px;}
.form-control.w60{width: 60px;}
.form-control.w70{width: 70px;}
.form-control.w80{width: 80px;}
.form-control.w90{width: 90px;}
.form-control.w100{width: 100px;}
.form-control.w120{width: 120px;}
.form-control.w150{width: 150px;}
.form-control.w180{width: 180px;}
.form-control.w200{width: 200px;}
.form-control.w250{width: 250px;}

.btn.w60{width: 60px;}
.btn.w100{width: 100px;}
.btn.w150{width: 150px;}
.btn.w200{width: 200px;}

.text-red{color: var(--sb-danger);}

.td-fix-area{position: relative;}
.td-tag{position: absolute; top: 0; left: 0; border-radius: 0 0 3px 3px; background: var(--sb-danger); color: #fff; font-size: 10px; line-height: 100%; padding: 2px 3px 2px 3px;}

.layout-table{width: 100%;}
.layout-table tr td{padding: 5px 10px;}
.layout-table tr td:first-child{padding-left:0;}
.layout-table tr td:last-child{padding-right:0;}

.member-toggle-btn { width: 180px; font-weight: 600; }
.title-label-box {position: absolute; top: -30px;}
.status-label {font-size: 1rem; font-weight: 400;}
.family-label {font-size: 1rem; height: 30px; padding: 6px 10px 0 10px; border-radius: 4px;}
.tit-postit-tag{ background-color:#aa1e1e; border-left: 7px solid var(--sb-danger); color: #fff; padding: 7px 13px 6px 13px; border-radius: 2px; font-size: 1rem; box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.2); transform: rotate(-5deg); position: relative; top: -4px; }

.progress-step-area { display: flex; align-items: center; justify-content: flex-end; gap: 5px; width: 570px;}
.progress-step-area .step { background-color: #f0f4ff; color: var(--sb-primary); padding: 7px 15px 5px 15px; border-radius: 20px; font-weight: 600; font-size: 0.875rem; position: relative;}
.progress-step-area .arrow::before {font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f061"; color: var(--sb-primary); font-size: 14px; }

.bid-notice-sort{display: flex; align-items: center; justify-content: flex-end; gap: 50px; margin-bottom: 5px;}
.bid-notice-sort dl{display: flex; align-items: center; justify-content: center; gap: 20px;}
.bid-notice-sort dl dd{display: flex; align-items: center; justify-content: center; gap: 10px;}
.bid-notice-sort dl dd a span{position: relative; top: -1px; width: 18px; height: 18px; display: inline-block; text-align: center; line-height: 17px; border-radius: 3px; margin-left: 3px; border:1px solid var(--sb-dark); font-size: 12px;}
/*
.bid-notice-sort dl dd p span::before{content: '['; position: relative; top: -1px; padding-right: 2px;}
.bid-notice-sort dl dd p span::after{content: ']'; position: relative; top: -1px; padding-left: 2px;}
*/
.bid-notice-sort dl dd a.on{color: var(--sb-danger); }
.bid-notice-sort dl dd a.on span{border-color: var(--sb-danger); background: var(--sb-danger); color: #fff;}

.progress-step-area .arrow { display: flex; align-items: center; justify-content: center; padding: 0 2px;}
.progress-step-area .current { background-color: var(--sb-primary); color: #ffffff; transform: scale(1.05); box-shadow: 0px 3px 0px #e2d2ff;}

.member-terminate-group { display: flex; align-items: center; gap: 1rem;}
.member-status-cont{font-size: 1rem;}
.member-status-cont .img-area{font-size: 5rem;}
.member-status-cont dt{margin-bottom: 10px; color: var(--sb-primary);}

.topbar-slide-content{opacity: 0; display: none; overflow: hidden; margin-top: 50px; width: 100%;  padding: 0 20px; position: fixed; z-index: 100000;}
.topbar-slide-content .topbar-slide-box{display: flex; align-items: top; justify-content:center; gap: 30px; padding: 10px 0 20px 0;}
.topbar-slide-content .topbar-bid-total-box{background: var(--sb-primary); height: 121px; width: 250px; border-radius: 3px; display: inline-block; padding: 10px 20px 15px 0px;}
.topbar-slide-content .topbar-bid-total-box ul li{ list-style: decimal; padding: 0; font-size: 0.8rem; color:#fff; margin-bottom: 1px;}
.topbar-slide-content .topbar-bid-total-box .company-info-box .amount{padding-left: 5px; color: #fff; font-weight: 700;}
.topbar-slide-content .topbar-bid-total-box .company-info-box .amount::before{content: '-'; padding-right: 5px;}
.topbar-slide-content .topbar-slide-box .topbar-detail-part{width: 25%;}
.topbar-slide-content .topbar-slide-box .topbar-detail-part .table{margin-bottom: 0;}
.topbar-slide-content .topbar-slide-box .topbar-detail-part .table thead th{padding-left: 10px; padding-right: 10px;}
.topbar-slide-content .topbar-slide-box .topbar-detail-part .table tbody th{font-size: 0.75rem; padding-left: 10px; padding-right: 10px;}
.topbar-slide-content.open{  opacity: 1; padding: 10px; transform: translateY(0); }
.topbar:hover .topbar-slide-content{display: block}


.float-fix-area{position: fixed; bottom: 50px; right: 50px; z-index: 1000;}
.page-seting-box{display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 0.7rem 1rem; border-radius: 20px; background: rgba(256, 256, 256, 0.4);}
.page-seting-box .btn{padding: 10px 20px 8px 20px; font-size: 1rem;}
.page-seting-box .btn.save{min-width: 170px;}
.page-seting-box .btn-outline-primary{background: #fff; color: var(--sb-primary); font-weight: 600;}
.page-seting-box .btn-outline-primary:hover{background: #fdf4ff;}

.tr-disabled td{background: var(--sb-gray-200) !important; color: rgba(0, 0, 0, 0.3);}
.tr-point td{background: #eefdff !important;}

.license-group-area label{position: relative; top: -4px;}
td.td-disabled{background: var(--sb-gray-500); color: #fff;}

.editable-text-area { display: flex; align-items: center; justify-content: center; gap: 5px; }
.editable-text-area .editable-text-display{ min-height: 35px; line-height: 36px; text-align: left;}
.editable-text-area .editable-text-display.center{text-align:center;}
.editable-text-area .editable-text-input {display: none;}
.editable-text-area .editable-btn { background: none; border: none; cursor: pointer; }
.editable-text-area .editable-text-display.name,
.editable-text-area .editable-text-input.name{width: 80px; text-align: center;}
.editable-text-area .editable-btn.cn{font-size: 1.2rem;}
.editable-text-area .editable-text-display.cn{line-height: 43px; text-align: left;}
.editable-text-area .editable-text-input.cn{font-size: 1.2rem; font-weight: 700; text-align: left;}
.editable-text-area .editable-text-display.full,
.editable-text-area .editable-text-input.full{width: 95%;}
.editable-text-area .editable-text-display.memo,
.editable-text-area .editable-text-input.memo{width: 200px;}

.modal-footer .btn{min-width: 100px;}
.modal-body .detail-part-search{display: flex; align-items: center; justify-content:center; width: 100%;}
.modal-bg-box { background: #f8f9fc; padding: 1.2rem; border-radius: 10px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.05);}
.modal-footer .btn-primary{min-width: 150px;}

.alert-modal{text-align: center;}
.alert-modal .modal-body{padding: 2rem 2rem 0 2rem;}
.alert-modal .modal-footer{border: none; justify-content: center; padding: 1rem 2rem 1.5rem 2rem;}
.alert-modal .modal-body img{max-width: 200px;}
.alert-modal .modal-body dl dt{margin-bottom: 20px;}
.alert-modal .modal-body dl dd{font-size: 1.125rem; line-height: 140%;}
.alert-modal .btn{min-width: 100px;}


.table thead{background: rgba(115, 85, 204, 0.1); border-top: 1px solid var(--sb-gray-300);}
.table thead tr th{text-align: center; vertical-align: middle;}
.table thead tr td{background: #fff;}
.table tbody tr th{background: var(--sb-gray-100); text-align: center;}
.table tbody tr td{text-align: center; vertical-align: middle;}
.table tr th{text-align: center; vertical-align: middle;}
.table tr td{text-align: center; vertical-align: middle;}
.table-select tr td.selected { border: 2px solid var(--sb-danger); }


th.left{text-align: left !important;}
th.center{text-align: center !important;}
th.right{text-align: right !important;}
td.left{text-align: left !important;}
td.center{text-align: center !important;}
td.right{text-align: right !important;}

.ellipsis-title {
  display: inline-block;
  max-width: 400px;     /* 원하는 영역 너비 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-instt {
  display: inline-block;
  max-width: 300px;     /* 원하는 영역 너비 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-link,
.text-link:hover{text-decoration: underline; cursor: pointer;}
/* a 태그 형태와 동일하게 보이도록 button 기본 스타일 제거 */
button.text-link{padding: 0; border: 0; background: none; color: inherit; text-align: inherit;}

.dashboard-bg{background-color: #f8f9fc;}

.vertical-wrapper { display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - (1.625rem * 2));}
.btn-warp{text-align: center;}
.vertical-wrapper .btn{padding: 12px 20px 12px 20px; width: 100%; font-weight: 600; }


.error-cont-area {max-width: 500px; width: 70%; margin: 0 auto; text-align: center;}
.error-cont-area dl{ margin:0 auto 30px auto;}
.error-cont-area dl dt img{width: 100%; max-width: 300px;}
.error-cont-area dl dd{padding: 0 30px; word-break: keep-all; line-height: 180%;}
.error-cont-area dl dd p{font-size: 1.75rem; padding: 50px 0 20px 0; font-weight: 700;}
.error-cont-area dl dd span{font-size: 1rem; line-height: 120%;}
.error-cont-area dl dd a{background: #fffecd; color: #000; display: inline-block; padding: 0 5px; border-radius: 3px;}
.error-cont-area dl dd a:hover{color: #000;}
.error-cont-area .btn{max-width: 200px; width: 100%;}

.login-area{padding: 2rem; border-radius: 30px; min-width: 500px; margin: 0 auto; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.login-area .login-title{text-align: center;}
.login-area .login-title dl{margin: 20px 0 30px 0;}
.login-area .login-title dl dt{font-size: 1.5rem; padding-bottom: 10px; color: var(--sb-primary);}
.login-area .login-title .logo{padding: 30px 0 30px 0;}
.login-area .login-title .logo img{height: 60px;}

.sb-topnav .navbar-brand {width: auto;}
.sb-topnav .input-group{width: 350px;}
.sb-topnav .input-group button{background-color: var(--sb-primary); border: 1px solid var(--sb-primary);}
.sb-topnav .input-group button:hover{background-color: #8043cb; border: 1px solid var(--sb-primary);}

.navbar-brand .logo img{height: 34px;}

.navbar-icon-menu .nav-link{position: relative;}
.navbar-icon-menu .dropdown-toggle::after {display: none;}
.counter-tag{background: var(--sb-danger); color: #fff; font-size: 12px; position: absolute; top: 0; left: 18px; padding: 2px 3px 0px 3px; min-width: 18px; text-align: center; border-radius: 30px; font-size: 11px;}

.sb-work-current{font-size: 0.875rem; width: 100%; margin: 0 10px 0 20px; display: flex; justify-content:space-between; align-items: center;}
.sb-work-current .left{display: flex; justify-content:flex-start; align-items: center; gap: 10px;}
.sb-work-current .right{display: flex; justify-content:right; align-items: center; gap: 10px;}
.sb-work-current .live-bid-box{display: flex; justify-content:flex-start; align-items: center; background: var(--sb-primary); border-radius: 4px; padding: 0 5px;}

.sb-work-current .topbar-cont-area{display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.sb-work-current .total-part-box .icon{position: relative; top: -1px;}
.sb-work-current .total-part-box .icon svg{width: 16px; fill: var(--sb-primary);}
.sb-work-current .total-part-box p{display: inline-block; font-weight: 700;}
.sb-work-current .total-part-box .part-area{display: inline-block; font-size: 85%;}
.sb-work-current .total-part-box .part-area::before{content: '['; position: relative; top: -1px;}
.sb-work-current .total-part-box .part-area::after{content: ']'; position: relative; top: -1px;}
.sb-work-current .total-part-box .part-area span{display: inline-block; padding: 0 2px;}

.sb-work-current .total-part-box .part-area-ar{display: flex; align-items: center; justify-content: center; gap: 7px;}
.sb-work-current .total-part-box .part-area-ar span{display: inline-block; line-height: 18px;}
.sb-work-current .total-part-box .part-area-ar span strong{display: inline-block;padding-left: 3px;}


.live-bid-box .live-bid-total{height:30px; width: 230px; padding-left: 20px; overflow: hidden;}
.live-bid-box .live-bid-total li{line-height:30px;}
.live-bid-box .live-bid-total li::marker{color: #fff;}
.live-bid-box .live-bid-stats{width: 170px; display: flex; justify-content:space-between; align-items: center; background: #fff; padding: 0 7px; font-weight: 700; border-radius: 3px;}
.live-bid-box .live-bid-stats em{font-size: 10px; font-style: normal; position: relative; top: -1px; color: #5e646b;}
.live-bid-box .live-bid-stats span:last-child::after{content: ''; padding-right: 0;}
.live-bid-box .live-bid-stats .today-amt{color: var(--sb-primary); font-size: 0.75rem;}
.live-bid-box .live-bid-stats .today-amt.missed{color: #ff0000;}
.live-bid-box .company-info-box {color: #fff;}
.live-bid-box .company-info-box .company{display: inline-block; padding-right: 5px;}
.live-bid-box .company-info-box .amount{font-weight: 700;}

.page-search-area{background: #f8f9fc; padding: 20px 30px 20px 30px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.05);}
.page-search-area-inner{display: flex; align-items: center; justify-content:center; gap: 10px;}

.search-detail-cont .form-control:focus, .search-detail-cont .datatable-input:focus {border-color: var(--sb-detail-search);}
.search-detail-cont .form-select:focus, .search-detail-cont .datatable-selector:focus { border: 1px solid var(--sb-detail-search); }
.search-detail-cont .form-select.active{color: var(--sb-detail-search);}

.page-search-box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.page-search-box .form-box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.page-search-box .form-box .form-control{width: 130px;}
.page-search-box .btn {font-size: 0.875rem; min-width: 100px;}
.page-search-box .form-box-chack label{padding-left: 5px; position: relative; top: -4px; cursor: pointer;}

.page-search-box .daterange .form-control{width: 120px;}
.page-search-box .daterange{width: auto;}

.input-width-120 {width: 120px; display: inline-block;}

.participate-company-sort span{padding-right: 3px;}
.participate-company-sort span::after{content: '|'; padding-left: 5px; color: var(--sb-gray-500);}
.participate-company-sort span:last-child::after{content: ''; padding-left: 0px;}
.participate-company-sort span:nth-child(2){color: var(--sb-danger);}
.participate-company-sort span:nth-child(3){color: var(--sb-success);}
.participate-company-sort span:nth-child(4){color: var(--sb-bidteam);}


.search-detail-btn{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.search-detail-btn svg{width: 20px; height: 20px; fill: #5e646b;}

.collapse-call-box{position: relative; border-radius: 0.375rem; margin: 10px 0; border-radius: calc(0.375rem - 1px); border: 1px solid var(--sb-border-color-translucent); background: #fff; padding: 1.5rem;} 
.collapse-call-box .btn-close{position: absolute; right: 5px; top: 5px; z-index: 1000;}
.collapse-call-box.dark{background: var(--sb-gray-200);}

.search-detail-cont .search-detail-part{width: 100%;}
.search-detail-cont .search-detail-part tbody tr th{background: var(--sb-gray-600); color:#fff; padding: 10px; width: 150px;}
.search-detail-cont .search-detail-part tbody tr:first-child th{border-radius: 5px 5px 0 0 ;}
.search-detail-cont .search-detail-part tbody tr:last-child th{border-radius: 0 0 5px 5px ;}
.search-detail-cont .search-detail-part tbody tr td{text-align: left; padding: 5px 10px; }
.search-detail-cont .search-detail-part tfoot tr td{padding: 20px 0 0 0;}

.fee-setting-area{display: inline-block; margin-right: 20px;}
.input-fee-setting{display: flex; align-items: center; justify-content: center; gap: 5px;}
.input-fee-setting input{width: 70px;}
.input-fee-setting input.w150{width: 150px;}
.input-fee-setting input.w200{width: 200px;}

td.td-yellow{background: #fffcda;}

.tag-area{padding-right: 10px;}
.tag-area::after{content: '|'; padding-left: 10px; opacity: 0.5;}
.tag-area:last-child::after{content: '';}

.license-output-area{display:block; text-align: left;}
.license-output-area span{display:inline-block; padding: 1px 7px 1px 0; text-align: center;}
.license-output-area span:after{content: '|'; padding-left: 7px; opacity: 0.3;}
.license-output-area p span:last-child:after{display: none;}
.license-output-area span:last-child:after{content: '';}
.license-output-area .main-force-license{border: 1px solid var(--sb-dark); padding: 3px 7px; border-radius: 4px;}

.joint-matching-area{display: inline-block; margin:3px 10px 3px 0; border: 1px solid var(--sb-gray-300); min-width: 200px; background: var(--sb-gray-100); padding: 5px; border-radius: 5px;}
.joint-matching-area.on{background: #fffce2; border-color: #f6e990;}
.joint-matching-area dl{position: relative; display: flex; align-items: center; flex-direction:column; gap: 5px; padding: 3px 30px 3px 7px;}
.joint-matching-area dl dt{display: flex; align-items: center; justify-content: center; gap: 5px;}
.joint-matching-area dl dd::before{content: '지분율:'; padding: 0 4px;}
.joint-matching-area dl dt input{ position: absolute; top: 2px; left: 0;}
.joint-matching-area .del{position: absolute; top: 4px; right: 5px; line-height: 100%; padding: 2px 4px 2px 4px; background:var(--sb-danger); color: #fff; display: block; border-radius: 10px; }

.choice-tag-area{text-align: left;}
.choice-tag-btn [type="radio"],
.choice-tag-btn [type="checkbox"]{display: none;}
.choice-tag-btn span{display: inline-block; background: #fff; margin: 2px ; padding: 7px 6px; cursor: pointer; border: 1px dashed var(--sb-gray-400); border-radius: 6px; line-height: 100%;}
.choice-tag-btn span:hover{background: var(--sb-primary-bg); color: #13181d;}
.choice-tag-btn [type="radio"]:checked + span,
.choice-tag-btn [type="checkbox"]:checked + span{color: var(--sb-primary); background: #fff;  border-style: solid; border-color: var(--sb-primary); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.choice-tag-btn [type="radio"]:disabled + span,
.choice-tag-btn [type="checkbox"]:disabled + span{ border-color: #f3f3f3; background-color: #f3f3f3; color:#dcdcdc; }

.choice-tag-area .open-input-box{display: inline-block;}
.choice-tag-area .form-control-group{display: inline-block;}
.choice-tag-area .form-control-group label{padding-left: 10px;}
.choice-tag-area .form-control-group .form-control{display: inline-block;}
.choice-tag-area .form-control:focus{border-color: var(--sb-primary);}

.license-group-area p{display:inline-block; padding: 1px 3px 1px 0; text-align: left;}
.license-group-area p:after{content: '|'; padding-left: 3px; opacity: 0.3;}
.license-group-area p:last-child:after{display: none; content: '';}


.data-tag-area > span{display: inline-block; background: #fff; margin:2px ; padding: 7px 6px; text-align: center; border: 1px solid var(--sb-primary); border-radius: 6px; line-height: 100%; color: var(--sb-primary); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.force-license{font-weight: 700;}
.license-setting{cursor: pointer; display: inline-block;}
/* a 태그 형태와 동일하게 보이도록 button 기본 스타일 제거 */
button.license-setting{padding: 0; border: 0; background: none; color: inherit;}


.search-detail-cont .choice-tag-area .form-control:focus{ border: 1px solid var(--sb-detail-search); }
.modal .search-detail-cont .choice-tag-area .form-control:focus{border-color: var(--sb-primary);}

.mix-array-left{display: flex; align-items: center; justify-content: flex-start; gap: 5px;}
.mix-array-center{display: flex; align-items: center; justify-content: center; gap: 5px;}
.mix-array-between{display: flex; align-items: center; justify-content: space-between; gap: 5px;}

.mix-array-left.g10,
.mix-array-center.g10,
.mix-array-between.g10{gap: 10px;}

.message-send-cont-area{display: flex; align-items: center; justify-content: center; gap: 10px;}
.message-send-cont-area a{display: block; width: 38px; height: 38px; cursor: pointer;}
.message-send-cont-area a img{width: 100%;}

.table .message-send-cont-area{height: 100%;}
.table .message-send-cont-area a{width: 24px; height: 24px;}

.memo-btn-area{display: flex; align-items: center; justify-content: space-between; gap: 5px;}
.memo-btn-area textarea{height: 63px; border: none;}
.memo-btn-area .btn-area{width: 110px;}
.memo-btn-area .btn-area a{width: 88px; display: inline-block; margin: 1px;}

.page-search-area .choice-tag-btn span:hover{background: var(--sb-detail-search-bg);}
.page-search-area .choice-tag-btn [type="radio"]:checked + span,
.page-search-area .choice-tag-btn [type="checkbox"]:checked + span{color: var(--sb-detail-search); border-color: var(--sb-detail-search);}


.sales-data-list .choice-tag-btn span{width: 34px; height: 40px; display: flex; justify-content: center; align-items: center; }
.sales-data-list .choice-tag-btn [type="radio"]:checked + span,
.sales-data-list .choice-tag-btn [type="checkbox"]:checked + span{color: #fff; background: var(--sb-salesteam); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);}
.sales-data-list .choice-tag-btn [type="radio"]:disabled + span,
.sales-data-list .choice-tag-btn [type="checkbox"]:disabled + span{ border-color: #f3f3f3; background-color: #f3f3f3; color:#dcdcdc; }

.page-search-area .detail-part-search{display: flex; align-items: center; justify-content:center; width: 100%; max-width: 1240px; margin: 20px auto 0 auto;}
.page-search-area .detail-part-search .btn{min-width: 200px; display: none;}

.detail-part-tit{display: flex; align-items: center; justify-content:space-between; font-weight: 600;}
.detail-part-tit .btn-add{font-size: 1rem; cursor: pointer; content: '+';}

.sub-menu .detail-part-tit{padding-left: 20px; opacity: 0.7; justify-content: flex-start;}
.sub-menu .detail-part-tit::before{content: '┗'; padding-right: 5px;}
.sub-menu .choice-tag-btn span{border: none; position: relative;}
.sub-menu .choice-tag-btn span::after{content: '|'; position: absolute; right: -7px;}
.sub-menu .choice-tag-btn span:last-child::after{content: '';}
.sub-menu .choice-tag-btn [type="radio"]:checked + span, 
.sub-menu .choice-tag-btn [type="checkbox"]:checked + span{border: none; box-shadow: none; background: none; color: var(--sb-detail-search-bg); color: var(--sb-primary);}

.choice-tag-btn.input-in-area{border: 1px dashed var(--sb-gray-400); border-radius: 6px;}
.choice-tag-btn.input-in-area input{ width: 30px; text-align: center; border: none;}
.choice-tag-btn.input-in-area span{border: none; margin: 0; padding-left: 0;}


.choice-tag-btn.input-in-area input:checked + span{color: #fff; background: var(--sb-salesteam); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);}


.selected-items-area{padding: 20px 0 0px 0;}
.selected-item {background-color:#ebfbff; border: 1px solid var(--sb-detail-search); font-weight: 600; color: var(--sb-detail-search); padding: 4px 3px 3px 10px; border-radius: 20px; font-size: 0.875rem; display: inline-block; gap: 5px; margin: 2px 3px; }
.selected-item button { border: none; background: none; color: var(--sb-detail-search); cursor: pointer;}


.sales-data-list{text-align: left;}
.sales-data-choice input[type="radio"],
.sales-data-choice input[type="checkbox"]{display: none;}
.sales-data-choice span{display: inline-block; color: #737373; background: url(/images/sales_data_choice_bg.png); background-size: 30px; margin: 2px ; cursor: pointer; width: 30px; height: 38px; text-align: center; line-height: 38px;}
.sales-data-choice [type="radio"]:checked + span,
.sales-data-choice [type="checkbox"]:checked + span{color: #fff; background-color: #404752;}
.sales-data-choice [type="radio"]:disabled + span,
.sales-data-choice [type="checkbox"]:disabled + span{ background-color: #d4d4d4; color:#ffffff; opacity: 0.4;}


.progress{position: relative;}
.progress-area-dashboard .progress{background: var(--sb-gray-500); height: 70px;}
.progress-area-dashboard .progress-bar{overflow: visible; padding: 0 10px;}
.progress-area-dashboard .progress-bar.bid-result-counting{background: linear-gradient(-45deg, #38ba11,#4083FE,#2c62c6 ); animation: gradientMoving 5s ease infinite; background-size: 400% 400%;}
.progress-area-dashboard .progress-bar.bid-result-amount{background: linear-gradient(-45deg, #2c62c6, #4083FE, #8e6eb5); animation: gradientMoving 5s ease infinite; background-size: 400% 400%;}
.progress-area-dashboard .progress-bar.sales-result-counting{background: linear-gradient(-45deg, #00986f, #008C80, #0095a5); animation: gradientMoving 5s ease infinite; background-size: 400% 400%;}

.progress .progress-stats{color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.progress .progress-stats p{font-size: 1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 3px;}
.progress .progress-stats .stats-detail{display: inline-block; padding: 0 5px; font-weight: 400;}

@keyframes gradientMoving{
    0%{background-position: 0% 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0% 50%;}
}


.flag-area{fill:#fff; width: 20px;}
.flag-area .flag-body { position: relative; left: -1px;
    transform-origin: left center;
    animation: wave-flag 1.5s infinite ease-in-out;
  }

  @keyframes wave-flag {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(4deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
  }
.progress-area-dashboard.several{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.progress-area-dashboard.several .progress{width: 100%;}

.dashboard-card-table .table{margin: 0;}
.dashboard-card-table .table thead{background: var(--sb-gray-100); border-top: 1px solid var(--sb-gray-300);}
.dashboard-card-table .table tr th{text-align: center; vertical-align: middle;}
.dashboard-card-table .table tr td{text-align: center; vertical-align: middle;}

.sb-sidenav .sb-sidenav-header{ padding:1.2rem 1rem; background-color: #343a40;}
.sb-sidenav .collapse{ background-color:#13181d;}

.member-data{display: flex; justify-content: space-between; align-items: center;}
.member-data .team{font-size: 0.875rem;}
.member-data .name{font-size: 1.25rem; color: #fff; font-weight: 700; letter-spacing: 5px;}

.sb-sidenav-menu{-ms-overflow-style: none;}
.sb-sidenav-menu::-webkit-scrollbar{ display:none;}

.main-title-area{margin: 15px 0 15px 0; display: flex; justify-content:space-between; align-items:flex-end;}
.main-title-area .title{display: flex; justify-content:flex-start; align-items: center; gap: 20px; position: relative;}
.main-title-area .title h5{font-size: 1.5rem;}
.main-title-area .title .btn-mudify{display: inline-block; cursor: pointer;}
.main-title-area .title .btn-mudify span{font-size: 1.2rem; width: 40px; height: 30px; display: flex; justify-content: center; align-items: center;}
.main-title-area .title .btn-mudify i{fill: #5e6367;}
.main-title-area .form-date-fix{width: 170px; display: inline-block; font-size: 0.9rem; font-weight: 700;}
.main-title-area .title h3{font-weight: 700;}


.main-title-area .title.bid{display: block;}
.main-title-area .title.bid h5{font-size: 1.0rem;}
.main-title-area .title.bid h3{margin: 5px 0 3px 0; display: flex; justify-content:flex-start; align-items: center; gap: 10px;}
.main-title-area .title .bid-serial-number{font-size: 1.2rem; background:  #5e6367;; color: #fff; padding: 3px 10px; border-radius: 10px;}
.main-title-area .title .bid-details-data{ font-size: 1.0rem;}

.card-fix-height{height: 320px;}
.card-header{padding: 12px 15px;}

.card-title{display: flex; justify-content: space-between; align-items:center; margin-bottom: 0;}
.card-title h5{color: var(--sb-primary); font-weight: 700; font-size: 1.5rem; margin-bottom: 10px;}
.card-title h3{font-weight: 600; font-size: 1rem; line-height: 100%;}
.card-title .icon{position: relative; top: -2px; padding-right: 5px;}
.card-title .icon img{width: 18px;}

.bg-salesteam .card-title h5{color: #fff; margin-bottom: 0;}

.month-goal{font-weight: 600;}

.bidteam-card .card-title h5{color: var(--sb-bidteam);}
.salesteam-card .card-title h5{color: var(--sb-salesteam);}

.overflow-table .overflow-table-fix{border-right:7px solid var(--sb-gray-200);}
.overflow-table .overflow-table-scroll{height: 190px; overflow-y: scroll; -ms-overflow-style: none;}
.overflow-table .overflow-table-scroll::-webkit-scrollbar{ width: 7px;}
.overflow-table .overflow-table-scroll::-webkit-scrollbar-thumb {background-color: var(--sb-gray-400);}
.overflow-table .overflow-table-scroll::-webkit-scrollbar-track {background-color:var(--sb-gray-200);}

.border-left-green .card-body .card-title h5{color: var(--sb-green)}
.btn-more{font-size: 12px;}
.btn-list{border: 1px solid var(--sb-salesteam); color: var(--sb-salesteam); padding: 5px 10px; border-radius: 4px; margin-left: 5px; cursor: pointer;}
.btn-list:hover{color: var(--sb-salesteam);}

.list-staff-select select{border: none;}
.list-staff-select select:focus{border: none; color: var(--sb-salesteam);}

.post-status{border: 1px solid var(--sb-primary); background: #fff; color: var(--sb-primary); display: inline-block; min-width: 60px; font-size: 0.825rem; border-radius: 5px; padding: 4px 5px 3px 5px; line-height: 100%;}
.post-status.check{ background: var(--sb-gray-500); border-color: var(--sb-gray-500); color: #fff;}
.post-status.ing{border-color: var(--sb-primary); background: var(--sb-primary); color: #fff;}


.tooltip-box { display: none; position: absolute; z-index: 2; min-width: 100px; border-radius: 5px; padding: 5px; color: #fff; background: var(--sb-body-color); box-shadow: 0 0.5em 1em -0.5em rgba(0, 0, 0, 0.2);}
.tooltip-area:hover .tooltip-box { display: block; }
.tooltip-ranking li{padding: 0;}

.tooltip-text { position: relative; display: inline-block; cursor: pointer; }
.tooltip-text .tooltip-cont { visibility: hidden; min-width: 150px; background-color: #333; color: #fff; text-align: center; padding: 7px 10px 5px 10px; border-radius: 6px; position: absolute; z-index: 3; top: 115%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; font-size: 0.75rem; }
.tooltip-text .tooltip-cont::after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -5px; z-index: 100; border-style: solid; border-width: 0px 10px 10px 10px; border-color: transparent transparent #333 transparent;}
.tooltip-text:hover .tooltip-cont { visibility: visible; opacity: 1; }
.tooltip-text:hover .tooltip-cont.left{text-align: left;}

.tooltip-cont .table-area{padding: 13px 10px 15px 10px;}
.tooltip-text .tooltip-cont.right::after{left: 85%; }
.tooltip-text .tooltip-cont.left::after{left: 15%; }
.tooltip-text .tooltip-cont.center::after{left: 50%; }

.tooltip-text .tooltip-cont.mw200{min-width: 200px;}

.save-license-group{display: block;}
.save-license-group label{position: relative; top: -3px;}
.save-license-group label::after{content: ','; color: var(--sb-dark);}
.save-license-group label:last-child::after{content: '';}

.breadcrumb{z-index: 100; position: fixed; top: 56px; right: 5px; background: var(--sb-primary); color: #fff; padding: 3px 10px; border-radius: 0 0 5px 5px;}
.breadcrumb-item{opacity: 0.6;}
.breadcrumb-item + .breadcrumb-item::before {color:#fff; opacity: 0.4;}
.breadcrumb-item.active{color: #ffffff; opacity: 1.0;}


.sb-sidenav-menu-nested{padding: 0.5rem 0;}
.sb-sidenav-menu-nested .nav-link { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; color: #343a40;}

.nav-tab-area{margin: 10px 0; display: flex; align-items: center; justify-content:space-between;}
.nav-tab .nav-item{min-width: 200px; margin: 0 1px; text-align: center; font-size: 14px; font-weight: 500;}
.nav-tab .nav-item .nav-link{background-color: var(--sb-primary-bg); font-size: 15px;}
.nav-tab .nav-link.active, .nav-tab .nav-pills .show > .nav-link{background-color: var(--sb-primary);}
/* a 태그 형태와 동일하게 보이도록 button 기본 스타일 제거 (배경색은 위 규칙이 우선) */
button.nav-link{width: 100%; border: 0; background: none;}
.nav-tab-area .open-input-box .input-box{left: -80%;}
.nav-tab-area label [type="radio"],
.nav-tab-area label [type="checkbox"]{display: none;}
.nav-tab-area label span{display: inline-block; background: #fff; margin: 2px ; padding: 7px 6px; cursor: pointer; border: 1px solid var(--sb-warning); border-radius: 0.25rem; line-height: 100%; color: var(--sb-warning);}
.nav-tab-area label span:hover{background: var(--sb-warning); color: #13181d;}
.nav-tab-area label [type="radio"]:checked + span,
.nav-tab-area label [type="checkbox"]:checked + span{ background: var(--sb-warning);  border-style: solid; border-color: var(--sb-warning); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #13181d;}

.modal .nav-tab{margin-bottom: 10px;}
.modal .nav-tab::after{ content: ''; border-bottom: 3px solid var(--sb-primary);}
.modal h3.title{display: inline-block;}

.modal .selected-items-area{padding: 10px 0 0px 0;}
.modal .detail-licenses-search .input-group{border-color: var(--sb-primary);}
.modal .detail-licenses-search .input-group .btn i{color: var(--sb-primary);}
.modal .selected-item{color: var(--sb-primary); border-color: var(--sb-primary); background-color:var(--sb-primary-bg);}
.modal .selected-item button{color: var(--sb-primary);}

.list-warp .nav-tab{ padding: 10px 0 15px 0;}

#Calendar{height: 650px; margin: 0 auto; }

.calendar-area{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; background: #f8f9fc; border: 2px solid rgba(0, 0, 0, 0.05); padding: 1rem; border-radius: 10px; margin-bottom: 2rem;}
.calendar-area table{background: #fff;}
.calendar-area .fc-h-event{background: #ffd7a6; border: none; border-left:  3px solid #ff6a00; padding-left: 3px;}
.calendar-area .fc-h-event.work-below{background: #a6ceff; border-left:  3px solid #007bff;}
.calendar-area .fc-h-event.work-all{background: #cbccce; border-left:  3px solid #5e646a;}
.calendar-area .fc-h-event .fc-event-main{ color: #343a40;}
.calendar-area .fc-theme-standard th{background-color: #F1EEFA;}
.calendar-area .fc .fc-button-primary { background-color: var(--sb-primary-bg); border-color: var(--sb-primary); color: var(--sb-primary);}
.calendar-area .fc .fc-button-primary:not(:disabled).fc-button-active, .calendar-area .fc .fc-button-primary:not(:disabled):active { background-color: var(--sb-primary); border-color: var(--sb-primary);}
.calendar-area .fc-toolbar-chunk .fc .fc-button-primary { background-color: var(--sb-primary); border-color: var(--sb-primary); color: #fff;}
.calendar-area .fc .fc-toolbar-title{color: var(--sb-primary);}

.calendar-area.day-calendar .fc-view-harness{display: none;}
.calendar-area.day-calendar .day-calendar-cont table{width: 100%; border: 1px solid #ddd;}
.calendar-area.day-calendar .day-calendar-cont table tr th{border: 1px solid #ddd; text-align: center; padding: 3px 0; background-color: #F1EEFA;}
.calendar-area.day-calendar .day-calendar-cont table tr td{text-align: center; padding: 8px 10px; background: #fff;}
.calendar-area.day-calendar .day-calendar-cont table tr td .data-box{display: flex; align-items: center; justify-content: center; background: #f3f3f3; min-height: 32px; border-radius: 30px; font-weight: 700;}
.calendar-area.day-calendar .day-calendar-cont table tr td.on .data-box{background:var(--sb-primary-bg); color: var(--sb-primary);}


.call-results-area span{display: block;}
.data-list-area{display: flex; align-items: center; justify-content: space-between;}
.data-list-area .data-list-peview a{cursor: pointer;}

.sales-promotional-data a{display: inline-block; margin: 2px; cursor: pointer;}
.sales-promotional-data a span{display: inline-block; background: url(/images/sales_data_choice_bg.png); background-size: 30px; cursor: pointer; width: 30px; height: 38px; text-align: center; line-height: 38px; color: #fff; background-color: #404752;}

.history-below-text{font-size: 0.9rem; display: inline-block; padding: 5px 0;}
.history-below-text.on{color: var(--sb-danger);}

.pagination-area{display: flex; align-items: center; justify-content: center; margin: 30px 0 30px 0;}

.list-top-area{display: flex; align-items: end; justify-content:space-between; margin-bottom: 10px; width: 100%;}
.list-top-area .list-total{line-height: 100%;}
.list-top-area label [type="radio"],
.list-top-area label [type="checkbox"]{display: none;}
.list-top-area label span{display: inline-block; background: #fff; margin: 2px ; padding: 7px 6px; cursor: pointer; border: 1px solid var(--sb-salesteam); border-radius: 0.25rem; line-height: 100%; color: var(--sb-salesteam);}
.list-top-area label span:hover{background: var(--sb-salesteam); color: #fff;}
.list-top-area label [type="radio"]:checked + span,
.list-top-area label [type="checkbox"]:checked + span{ background: var(--sb-salesteam);  border-style: solid; border-color: var(--sb-salesteam); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); color: #fff;}

.btn-group-area{display: flex; align-items: center; justify-content: center; gap: 5px;}


h5.title{font-size: 1.4rem; font-weight: 600; margin-bottom: 0.5rem; position: relative;}
h5.title::before{content: ''; color: var(--sb-primary); border-left: 5px solid var(--sb-primary); padding-left: 7px; height: 17px; display: inline-block;}
h5.title .right{position: absolute; top: -10px; right: 0;}

h6.title{font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; position: relative;}
h6.title span{color: var(--sb-primary); font-weight: 700;}

h6.title.sub::before{content: 'ㄴ'; position: relative; top: -3px; padding: 0 3px 0 5px;}


.staff-kpi-area table tr th{width: 100px; vertical-align: top; padding: 10px 0 10px 0;}
.staff-kpi-area table tr th h3{background: var(--sb-salesteam-bg); color: var(--sb-salesteam); height: 67px; font-size: 1.1rem; display: flex; align-items: center; justify-content: center;}
.staff-kpi-area table tr td{padding: 10px 0 10px 10px;}

.staff-kpi-list .staff-kpi-box{width: 80px; margin: 0 5px 5px 0; display: inline-block; border: 1px solid var(--sb-gray-300); text-align: center;}
.staff-kpi-list .staff-kpi-box dt{font-weight: 400; background: var(--sb-gray-100); padding: 3px 0;}
.staff-kpi-list .staff-kpi-box dd{border-top: 1px solid var(--sb-gray-300); height: 36px; display: flex; align-items: center; justify-content: center; font-weight: 700;}

.staff-kpi-list .staff-kpi-box.unassigned{border-color: #b9d2d6;}
.staff-kpi-list .staff-kpi-box.unassigned dt{ background: var(--sb-salesteam-bg); padding: 3px 0; color: #568c92;}
.staff-kpi-list .staff-kpi-box.unassigned dd{border-color: #b9d2d6; color: var(--sb-salesteam);}

.joint-company-data-box{margin: 0 5px 5px 0; display: inline-block; border: 1px solid var(--sb-gray-300); text-align: center;}
.joint-company-data-box dt{font-weight: 400; background: var(--sb-gray-100); padding: 3px 10px;}
.joint-company-data-box dd{border-top: 1px solid var(--sb-gray-300); height: 36px; display: flex; align-items: center; justify-content: center; font-weight: 700;}

.hover-area{position: relative; cursor: pointer;}
.hover-area .hover-content{position: absolute; bottom: 40px; right: 0; border: 1px solid #ccc; padding: 1rem;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); background: #333; border-radius: 10px;}

.btn-list.release{background: #d90000; border-color: #d90000; color: #fff;}
.btn-list.exchange{background: #007bff; border-color: #007bff; color: #fff;}
.btn-list.fill{background: var(--sb-salesteam); color: #fff;}

.cont-between{display: flex; justify-content: space-between; align-items: center;}

.license-tag-area{position: relative; z-index: 1001; padding-right: 120px;}
.license-tag-area .tag{cursor: pointer; border: 1.5px solid var(--sb-gray-500); background: #fff; padding:7px 20px; margin: 0 3px 5px 0; font-size: 0.9rem; line-height: 100%; border-radius: 7px; display: inline-block;}
.license-tag-area .tag.gc{border-color: var(--sb-license-gc); color: var(--sb-license-gc);}
.license-tag-area .tag.sc{border-color: var(--sb-license-sc); color: var(--sb-license-sc);}
.license-tag-area .tag.mc{border-color: var(--sb-license-mc); color: var(--sb-license-mc);}
.license-tag-area .tag:hover.gc{background: var(--sb-license-gc); color: #fff;}
.license-tag-area .tag:hover.sc{background: var(--sb-license-sc); color: #fff;}
.license-tag-area .tag:hover.mc{background: var(--sb-license-mc); color: #fff;}
.license-tag-area .license-set{position: absolute; top: 0; right: 0; z-index: 1001;}

.license-choice-tag{display: flex; align-items: center; justify-content: center; gap: 10px;}
.license-choice-tag .choice-tag-btn span{border: 1.5px dashed var(--sb-gray-500); position: relative; padding:7px 20px; margin: 0 3px 5px 0; font-size: 0.9rem; box-shadow: none;}
.license-choice-tag .choice-tag-btn [type="radio"]:checked + span, 
.license-choice-tag .choice-tag-btn [type="checkbox"]:checked + span{color: var(--sb-detail-search-bg); color: var(--sb-primary);}
.license-choice-tag .choice-tag-btn.gc [type="checkbox"]:checked + span{border-color: var(--sb-license-gc); color: var(--sb-license-gc);}
.license-choice-tag .choice-tag-btn.sc [type="checkbox"]:checked + span{border-color: var(--sb-license-sc); color: var(--sb-license-sc);}
.license-choice-tag .choice-tag-btn.mc [type="checkbox"]:checked + span{border-color: var(--sb-license-mc); color: var(--sb-license-mc);}
.license-choice-tag .choice-tag-btn:hover.gc [type="checkbox"]:checked + span{background: var(--sb-license-gc); color: #fff;}
.license-choice-tag .choice-tag-btn:hover.sc [type="checkbox"]:checked + span{background: var(--sb-license-sc); color: #fff;}
.license-choice-tag .choice-tag-btn:hover.mc [type="checkbox"]:checked + span{background: var(--sb-license-mc); color: #fff;}



.chart-set{text-align: right; position: relative;}
.chart-set .fix-left{position: absolute; left: 0;}
.chart-set .btn-area{display: flex; justify-content: right; align-items: center; gap: 10px;}

.detail-view-card{background-color: var(--sb-salesteam-bg); border: 2px solid rgba(3, 166, 65, 0.1); padding: 1rem; border-radius: 10px; margin-bottom: 2rem;}

.chart-warp{ position: relative; background: #fff; padding: 0px 20px 20px 20px; margin: 10px 0 20px 0; border-radius: 30px; border: 1px solid rgba(3, 166, 65, 0.1);}
.chart-warp h5{position: absolute; top: 30px; z-index: 1000; font-size: 18px; font-weight: 700;}
.chart-warp h5 .btn-icon{cursor: pointer;}
.chart-warp h5 .btn-icon span{display: inline-block; width: 20px; height: 20px; position: relative; top: -3px;}


.detail-view-chart{height: 300px;}
.report-chart-area{height: 300px;}
.pie-chart-area{height: 130px;}

.modal-chart-area { width: 100%; height: 70vh; }

.modal .modal-chart{padding: 0 0 0 0; margin: 0 0 0  0; border-radius: 0px; border:none;}

.hashtag-area .hashtag{padding: 0.3rem 0.7rem; background: #fff396; border-radius: 3px;}
.hashtag-area .hashtag::before{content: '#'; padding-right: 5px;}

.email-entry-area{display: flex; justify-content: center; align-items: center; gap: 5px;}
.email-entry-area input,
.email-entry-area select{width: 150px;}
td.left .email-entry-area{justify-content: flex-start;}

.sontact-settings-area{display: flex; align-items: center; justify-content: center; gap: 6px;}
.sontact-settings-area input{width: 18px; height: 18px; position: relative; top: -2px;}

.domain-self-input{display: none;}

.list-add-tr td{background: var(--sb-gray-200);}
.list-add-btn{cursor: pointer; display: block;}
/* a 태그 형태와 동일하게 보이도록 button 기본 스타일 제거 */
button.list-add-btn{width: 100%; padding: 0; border: 0; background: none; color: inherit; text-align: inherit;}
.list-add-btn:hover{color: var(--sb-primary);}
.list-add-btn i{margin-right: 10px; display: inline-block;}

.btn .icon{ padding-right: 10px;}

.appoint-btn-area .btn{width: 70px;}

.file-btn #file { display: none; }

.thumb-contract-document{width: 530px; margin: 0 auto;}
.thumb-contract-document img{width: 100%;}

.enable-click-area{display: flex; justify-content: space-between; align-items: center;}
.enable-click-area input{border-color: #fff; text-align: center;}
.enable-click-area .form-control.release{color: #d90000;}
.enable-click-area .form-control.exchange{color: #007bff;}
.enable-click-area .btn-list{width: 180px;}

.timeline-bid-area{ margin: 4.5rem 0 2rem 0;}
.timeline-bid{ display: flex; border-top: 2px solid var(--sb-salesteam); position: relative;}
.timeline-event { position: relative; flex: 0 0 25%; text-align: center; cursor: pointer;}
.timeline-event .timeline-title{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 200px; height: 60px; color: #fff; background-color: var(--sb-salesteam-sub); border-radius: 100px; border: 2px solid #fff; box-shadow: 0 0 0 2px var(--sb-salesteam); display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 120%;}
.timeline-event .timeline-title p span{display: inline-block; padding-left: 5px; font-weight: 600;}
.timeline-event .timeline-title h4 {margin-top:5px; font-size: 1rem; color: #fffb00; font-weight: 600;}

.timeline-event-cont{display:inline-block; margin-top: 40px; height: 42px;}
.timeline-event-cont dl dt{font-weight: 400; display: inline-block;}
.timeline-event-cont dl dd{font-weight: 700; display: inline-block;}

.hover-slide-content {position: absolute; top: 90px; width: 1200px; border-radius: 3px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); border: 2px solid var(--sb-salesteam); display: none; overflow: hidden; opacity: 0; transition: all 0.4s ease; z-index: 10; }
.hover-slide-content .table{ border-color: var(--sb-salesteam);}
.hover-slide-content .table thead{border-color: var(--sb-salesteam);}
.hover-slide-content .table thead th{background: var(--sb-salesteam); color: #fff; border-color: var(--sb-salesteam-sub);}
.timeline-event-cont:hover{color: var(--sb-salesteam);}
.timeline-event-cont:hover .hover-slide-content { max-height: 300px; opacity: 1; display: block;}


.timeline-event.part1 .hover-slide-content{ left: 0px;}
.timeline-event.part2 .hover-slide-content{ left: -300px;}
.timeline-event.part3 .hover-slide-content{ left: -400px;}
.timeline-event.part4 .hover-slide-content{ left: -800px;}


.timeline-bid-detail{position:relative; border: 3px solid var(--sb-salesteam-sub);}
.timeline-bid-detail h3{font-size: 1.2rem; margin-bottom: 0.5rem;}

.detail-licenses-search {display: flex; flex-direction: column; gap: 5px;}
.detail-licenses-search .input-group{width: 300px; border: 1px solid var(--sb-primary); border-radius: 5px;}
.detail-licenses-search .input-group .form-control{border: none; height: 32px; }
.detail-licenses-search .input-group .btn{height: 28px; min-width: auto; background: #fff; border:none; padding-top: 6px;}
.detail-licenses-search .input-group .btn i{color: var(--sb-primary);}

.page-search-area .detail-licenses-search .input-group{border-color: var(--sb-detail-search);}
.page-search-area .detail-licenses-search .input-group .form-control{height: 28px;}
.page-search-area .detail-licenses-search .input-group .btn{max-width: auto; padding-top: 3px;}
.page-search-area .detail-licenses-search .input-group .btn i{color: var(--sb-detail-search);}


.open-input-box.tooltip-text .tooltip-cont{ z-index: 1000; }
.open-input-box .tooltip-cont p:empty { display: none; }
.open-input-box.tooltip-text:hover .tooltip-cont:not(:has(p:not(:empty))) { visibility: hidden; opacity: 0; }
.open-input-box .input-box { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display: none; background:  var(--sb-primary); border: 1px solid var(--sb-primary); padding: 3px 7px 3px 3px; z-index: 999; border-radius: 10px; }

.open-input-box .input-box input[type="text"],
.open-input-box .input-box input:not([type]) { width: 200px; }
.open-input-box .input-box i {color: #fff;}
.open-input-box .input-box.period-input-box{ top: -58px; padding: 6px 8px; white-space: nowrap; }
.open-input-box .input-box.period-input-box .editable-text-area{ gap: 6px; }
.open-input-box .input-box.period-input-box .editable-text-area > span{ color: #fff; }
.open-input-box .input-box.period-input-box input[type="date"]{ width: 135px; }
.open-input-box .input-box.period-input-box input.address-field{ width: 200px; }
.open-input-box .input-box.period-input-box .period-smpp-label{ display: inline-flex; align-items: center; gap: 4px; color: #fff; margin: 0; cursor: pointer; }
.open-input-box .input-box.period-input-box .period-smpp-label input[type="checkbox"]{
    width: 22px;
    height: 22px;
    margin: 0;
    top: 0;
    flex-shrink: 0;
    border-color: #fff;
    background-color: #fff;
}
.open-input-box .input-box.period-input-box .period-smpp-label input[type="checkbox"]:checked{
    background-color: #fff;
    border-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.5L8.5 14L15 7' stroke='%237355CC' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 20px;
}

td.td-top-memo{padding-top: 0; padding-left: 0; padding-right: 0;}
td.td-top-memo .memo-box{background: #d6d6ff; padding: 3px 10px; border: 1px solid #ffeeb0; position: relative; top: -1px; margin-bottom: 3px;}
td.td-top-memo .memo-box::before{content: '해지사유 및 특이사항'; font-size: 11px; padding: 7px 5px 5px 5px; background: #ccadfe; color: #6c0faa; position: absolute; top: 0; left: 0;}

.report-view-area{width: 100%; background-color: rgba(248, 249, 250);}
.report-board-area{background: #fff; border: 1px solid #ccc; max-width: 1000px; height: 1414px; margin: 0 auto; border-radius: 10px;}
.report-board-area .report-board{padding: 2.5rem 2rem 2rem 2rem;}
.report-board-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.report-board-header > div{width: 20%;}
.report-board-header h3{font-size: 2rem; font-weight: 700;}
.report-board-header .logo{width: 170px; display: block;}
.report-board-header .logo img{width: 100%;}
.report-board-header .right{text-align: right;}

.report-sub-title{margin: 30px 0 10px 0; font-weight: 700;}
.fixed-rate-example{display: flex; align-items: center; justify-content: space-between;  border: 2px solid var(--sb-primary); color: var(--sb-primary); margin-bottom: 10px;}
.fixed-rate-example div{padding: 10px; text-align: center; width: 33.333%; font-weight: 700; font-size: 0.875rem; position: relative;}
.fixed-rate-example div::after{content: '|'; position: absolute; right: 0;}
.fixed-rate-example div:last-child::after{display: none;}

.form-inline-area{display: flex; justify-content: center; align-items: center; gap: 10px;}
.absent-money-area span{background-color: var(--sb-primary-bg); display: flex; justify-content: center; align-items: center; color: var(--sb-primary); padding: 0 5px; border: 1px solid #ced4da;}


/* 아이콘 기본 설정 */
.collapse-up-icon::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078"; /* fa-chevron-down */
  transition: transform 0.3s ease;
}

/* aria-expanded가 true일 때 아이콘 변경 */
button[aria-expanded="true"] .collapse-up-icon::before {
  content: "\f077"; /* fa-chevron-up */
}

/* 아래에서 위로 여닫히는 collapse 애니메이션 */
.collapse-up {
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform-origin: bottom;
}

.collapse-up.show {
  transform: scaleY(1);
  max-height: 500px;
}

.collapse-up:not(.show) {
  transform: scaleY(0);
  max-height: 0;
}

.collapse-bar-area{position: relative; background:#eceef0;}
.collapse-bar-area .collapse-up-btn{position: absolute; bottom: 0; right: 0; padding: 1px 10px; background:#eceef0; cursor: pointer;}

.form-switch.form-switch-area{margin-left: 0; padding-left: 20px; text-align: center; width: 100%;}
.form-switch.form-switch-area .form-check-input{width: 3em; margin: 0 auto;}

.tag-tit-text{ color: #b7b9cc;}
.tag-tit-text span{border: 1px solid #b7b9cc; font-size: 0.7rem; padding: 1px 5px; margin: 0 5px; border-radius: 10px;}

.tit-tag{border: 1px solid var(--sb-dark); font-size: 0.7rem; padding: 1px 5px; margin: 0 5px; border-radius: 10px;}
.tit-tag.request{background: #fff; border-color: var(--sb-primary); color: var(--sb-primary);}
.tit-tag.request strong{color: var(--sb-danger);}

.p-m-state-tit label{line-height: 22px; position: relative; top: -3px; padding-left: 5px;}

.modal-dim-area{width: 100%; text-align: center; color: #fff; font-size: 2rem;}
.modal-dim-area dl{margin-bottom: 10px;}
.modal-dim-area dl dt{font-size: 3rem;}
.modal-dim-area dl dt.img-area{font-size: 7rem; line-height: 120%;}

/* 최종검수·입찰금액 업체 표 행 hover */
.table.table-hover #notice-companies-body > tr:not(.no-notice-companies-row):hover > * {
    --sb-table-accent-bg: #ffeaea;
}

.bid-check-box{padding: 10px 0 5px 0; background: var(--sb-gray-800); border-color: var(--sb-gray-800);}
.table-point{margin-bottom:0px; color: #fff;}
.table-point .tit{font-weight: 400; position: relative; top: -1px}
.table-point .cont{ font-size: 1rem;}
.table-point input[type="text"]{font-weight: 700; font-size: 1rem;}
.table-point input[type="datetime-local"]{font-weight: 700; width: auto; padding: 0 0 0 0; font-size: 1rem; border: none; background: transparent; color: #fff;}
.table-point input[type="datetime-local"]::marker{ color: #fff;}

.btn-outline-bidteam.danger{background: #ffd8d8;}

.table-point-cell:first-child{ border-radius: 10px 0 0 10px;}
.table-point-cell .tit{ font-weight: 700; font-size: 1rem; top: 1px; padding-right: 5px; text-align: center; color: #00fff7;}
.table-point-cell .form-control{background: #00fff7 !important; border-color: #00fff7; color: #001831;}
.table-point-cell input[type="radio"]:checked { background-color: #00fff7; border-color:#00fff7;}

.table-point tbody tr{border: none; border-color: var(--sb-gray-800);}
.table-point tbody tr th{background-color: var(--sb-gray-800); border-color: var(--sb-gray-800); border: none; height: 50px;}

.table-point .form-control:focus{ color: #212529; border-color: var(--sb-detail-search);}
.custom-datetime::-webkit-calendar-picker-indicator { filter: invert(100%); cursor: pointer; }
.custom-datetime { accent-color: #ffffff;}


.table-in-tbl{width: 100%; border: 1px solid var(--sb-gray-400); border-radius: 10px;}
.table-in-tbl tr th,
.table-in-tbl tr td{text-align: center; padding: 10px; border-radius: 10px; font-weight: 700; background: var(--sb-gray-100);}
.table-in-tbl tr th{color: var(--sb-primary);}
.table-in-tbl tr td.on{color: var(--sb-primary); font-size: 110%;}

.table tr.bg-warning td{background:#ffeaea;}

.agreement-matching-area ul{display: flex; align-items:flex-start; justify-content: space-between; gap: 10px; margin: 0; padding: 0;}
.agreement-matching-area ul li{width: 33.3333%;}
.agreement-matching-area .table-exclude-company tr td{padding: 5px 0; background: #fff9f9;}

.icon-circle-btn{border: 1px solid var(--sb-dark); display: inline-block; padding: 2px 2px 1px 2px; border-radius: 6px; font-size: 12px; line-height: 100%; margin-left: 6px;}
.icon-circle-btn.del{color: var(--sb-danger); border-color: var(--sb-danger);}
.icon-circle-btn.add{color: var(--sb-customer); border-color: var(--sb-customer);}

@media print {
  .topbar, #layout-nav, .page-search-area,
  .report-board-header .right a {
      display: none;
  }
  .form-line-hidden{background: transparent; border: none; padding: 0;}
}

@page {
  size: A4; margin: 0; padding: 1cm;
}