.table thead th {
    text-align:center;
    background: #5D87FF;
    color: #fff;
    border-bottom: 0 !important;
    border-top: 0 !important;
}
.table tbody td {
    vertical-align: middle;
}

.page-nav-wrap > span {
    color:#aaa;
    cursor:pointer;
    margin:0 0.25rem;
}
.page-nav-wrap > span.active {
    color:#333;
    font-weight: 700;
}


.form-group label:has( + .required) {
    color:#ee3f3f;
}
.form-group label:has( + .required)::after {
    content:'*';color:#ee3f3f;margin-left:5px;
}

.hidden, .no_print.hidden {display:none !important;}

.custorm-form-floating {position:relative;border:1px solid #ced4da;border-radius:0.375rem;overflow:hidden;}
.custorm-form-floating textarea {border:0;width:100%;padding:0 1rem;margin-top:2rem;}
.custorm-form-floating textarea:focus {outline:none;}
.custorm-form-floating textarea+label {position:absolute;top:0.5rem;left:1rem;color:#ccc;}
.custorm-form-floating .custorm-form-bottom {display:flex;justify-content:space-between;}
.custorm-form-floating .custorm-form-bottom .left {}
.custorm-form-floating .custorm-form-bottom .right {}

.cmt_btn_wrap a {
    text-decoration:none !important;
    color:#aaa;
    font-size:0.85em;
}

.doc_file_list_wrap {position:relative;}
.doc_file_list_wrap .doc_file_list_contents {
    position:absolute;
    bottom:-30px;
    right:0;
    border:1px solid #ccc;
    padding:10px 20px;
    z-index:2;
    background:#fff;
}

.doc_contents img {max-width:100%;}



.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #858796;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dddfeb
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #eaecf4 #eaecf4 #dddfeb
}

.nav-tabs .nav-link.disabled {
    color: #858796;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #6e707e;
    background-color: #fff;
    border-color: #dddfeb #dddfeb #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .35rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #4e73df
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}
.custorm.nav-tabs .nav-link {cursor:pointer;color:#333;}
.custorm.nav-tabs .nav-link.active {background:#5D87FF;color:#fff;}

.category.nav-tabs .nav-link {cursor:pointer;color:#333;font-size:16px;padding:.5rem 1.5rem;}
.category.nav-tabs .nav-link.active {background:#193356;color:#fff;}

.layer_wrap {
   position:fixed;
   width:100%;
   height:100%;
   top:0;
   left:0;
   z-index: 99;
   display:flex;
   justify-content:center;
   align-items:center;
}
.layer_wrap > .layer_bg {
   position:fixed;
   width:100%;
   height:100%;
   top:0;
   left:0;
   background:#000;
   opacity:0.3;
   z-index:1;
}
.layer_wrap > .layer_contents {
    position:relative;
    z-index:2;
    width:100%;
    height:auto;
    display:flex;
    justify-content:center;
    align-items:center;
}
.layer_wrap > .layer_contents > .row {
    justify-content:center;
    align-items:center;
    width:100%;
}
.layer_wrap > .layer_contents > .row .card .card-body {
    max-height:60vh;
}
.layer_wrap i {cursor:pointer;}

.program.table .select2-container .select2-selection--single {height:24px;}
.program.table .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:24px;}
.program.table .select2-container .select2-selection--single .select2-selection__rendered {padding-left:3px;color:#fff;}
.program.table .select2-container--default .select2-selection--single {background-color:#5D87FF;border:0;}
.program.table .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#fff transparent transparent transparent}


.price_wrap {position:relative;}
.price_wrap > input {padding-right:2rem !important;text-align:right;}
.price_wrap:after {content:'(원)';position:absolute;bottom:.5rem;right:1.2rem;}
.percentage_wrap {position:relative;}
.percentage_wrap > input {padding-right:2rem !important;text-align:right;}
.percentage_wrap:after {content:'(%)';position:absolute;bottom:.5rem;right:1.2rem;}
.cc_wrap {position:relative;}
.cc_wrap > input {padding-right:2rem !important;text-align:right;}
.cc_wrap:after {content:'(cc)';position:absolute;bottom:.5rem;right:1.2rem;}

.list.price_wrap {position:relative;}
.list.price_wrap > span {padding-right:1.2rem;}
.list.price_wrap:after {content:'(원)';position:absolute;bottom:0;right:0;}
.list.percentage_wrap {position:relative;}
.list.percentage_wrap > span {padding-right:1.2rem;}
.list.percentage_wrap:after {content:'(%)';position:absolute;bottom:0;right:0;}
.list.cc_wrap {position:relative;}
.list.cc_wrap > span {padding-right:1.2rem;}
.list.cc_wrap:after {content:'(cc)';position:absolute;bottom:0;right:0;}

.btn_primary {background:#0067c4; color:#fff;border:1px solid #0067c4;}
.btn_primary:hover {background:#fff;color:#0067c4;}
.btn_primary.none_hover:hover {background:#0067c4; color:#fff;}
.btn_outline_primary {background:#fff; color:#0067c4;border:1px solid #0067c4;}
.btn_outline_primary:hover {background:#0067c4; color:#fff;}
.btn_outline_primary.none_hover:hover {background:#fff; color:#0067c4;}

a {text-decoration:none !important;}
.toggle {
  height: 0;
  width: 0;
  visibility: hidden;
}

.toggle_label {
  cursor: pointer;
  width: 45px;
  height: 18px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.toggle_label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.toggle_label p {
	font-family: 'Pretendard-Regular';
	font-weight: bold;
	display:none;
	color:#fff;
	align-items:center;
	width:100%;
	height:100%;
	margin:0 5px;
}
.toggle_label p.off {
	display:flex;
	justify-content:end;
	margin:0 -5px;
}

input[class='toggle']:checked + .toggle_label {
  background: #0067c4;
}
input[class='toggle']:checked + .toggle_label p.off {
	display:none;
}
input[class='toggle']:checked + .toggle_label p.on {
	display:flex;
}

input[class='toggle']:checked + .toggle_label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.toggle_label:active:after {
  width: 25px;
}


/* 리스쪽 css : S */
.calc_wrap > form {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.calc_wrap .section {width:31%;margin:10px;height:400px;border:1px solid #0067c4;border-radius:10px;padding:10px;position:relative;background:#fff;}
.form_div {font-size:12px;display:flex;align-items:center;padding:3px 10px;position:relative;}
.form_div > label {flex:1;text-align:left;}
.form_div .form_controller {flex:2;text-align:left;display:flex;}
.form_div .form_controller select
, .form_div .form_controller input {width:100%;}

.form_div .form_select {border:0;border-bottom:1px solid #ccc;height:35px;line-height: 30px;outline:none;font-size:12px;}
.form_div .form_input {border:0; border-bottom:1px solid #ccc;height:35px;line-height:30px;outline:none;font-size:12px;}
.form_div .form_input:read-only {color:#aaa;border-bottom:0;}
.form_div .form_input:focus {border-bottom:1px solid #000;}
.form_div .form_input:read-only:focus {border-bottom:0;}
.form_div .toggle_btn {position: absolute;top: 18px;}

.form_input.price {text-align:right;}

.calc_wrap .section .primary_div {font-size:16px;display:flex;align-items:center;padding:10px;color:#0067c4;font-weight:700;position:absolute;bottom:0;left:10px;width:calc(100% - 20px);}
.calc_wrap .section .primary_div label {flex:1;text-align:left;}
.calc_wrap .section .primary_div span {flex:2;text-align:right;}
.calc_wrap .section .primary_div strong {font-size:1.2em;font-weight:900;}


.form_div .price_wrap {position:relative;width:100%;}
.form_div .price_wrap > input {padding-right:3rem !important;text-align:right;}
.form_div .price_wrap:after {content:'\f159';position:absolute;bottom:.5rem;right:.3rem;font-family: 'FontAwesome';}
.form_div .percentage_wrap {position:relative;width:100%;}
.form_div .percentage_wrap > input {padding-right:3rem !important;text-align:right;}
.form_div .percentage_wrap:after {content:'\f541';position:absolute;bottom:.5rem;right:.3rem;font-family: 'FontAwesome';}

.primary_div .btn.submit_btn {border:1px solid #0067c4;width:100%;padding:8px;border-radius:10px;font-size:16px;font-weight:700;background:#0067c4;color:#fff;}
.primary_div .btn.submit_btn:hover {background:#fff;color:#0067c4;}

.calc_result_wrap {display:flex;justify-content:start;flex-wrap:wrap;}
.calc_result_wrap .section {font-size:12px;width:31%;border:1px solid #0067c4;border-radius:10px;padding:10px;position:relative;background:#fff;margin:10px;}
.calc_result_wrap .section .section_title {display:flex;justify-content:space-between;align-items:center;}
.calc_result_wrap .section .section_title strong {font-size:1.2em;font-weight:900;}
.calc_result_wrap .section .section_contents {text-align:right;padding:10px 0;margin:10px 0;border-top:1px solid #0067c4;border-bottom:1px solid #0067c4;}
.calc_result_wrap .section .section_contents .notice_tgt {font-size:1.2em;font-weight:900;color:#af1e1e;}
.calc_result_wrap .section .section_contents .notice_tgt strong {font-weight:900;}
.calc_result_wrap .section .section_contents .info_wrap {font-size:1em;}
.calc_result_wrap .section .section_contents .info_wrap strong {font-weight:900;}

.form_div.required label::after {content:'*';color:red;}


@media screen and (max-width: 640px) {
    .calc_wrap .section {width:100%;}
	/*
	20241120 주석
    #content .section.comm:first-child {margin-top:60px !important;}
	*/
    #content .section.comm {padding:0;}

    .calc_result_wrap .section {width:100%;}
}

/* 리스쪽 css : E */
/*
20241120 주석
#content .section.comm {margin:60px auto;}
*/
#content .section.comm .tit_wrap {font-size:16px;display:flex;align-items:end;justify-content:center;}

.search_form_wrap {display:flex;margin:40px;justify-content:center;align-items:end;flex-wrap:wrap;}
.search_form_wrap > div {display:flex; align-items:end;flex-wrap:Wrap;}
.search_form_wrap > div > div {margin:10px;}
.search_form_wrap select {border: 0;border-bottom: 1px solid #ccc;height: 35px;line-height: 30px;outline: none;font-size: 12px;}
.search_form_wrap input {border:0; border-bottom:1px solid #ccc;height:35px;line-height:30px;outline:none;font-size:12px;}

.search_form_wrap .datepicker_wrap {position:relative;}
.search_form_wrap .datepicker_wrap > input {width:100px;}
.search_form_wrap .datepicker_wrap::after {content:'\f133';position:absolute;bottom:.5rem;right:.3rem;font-family: 'FontAwesome';font-size:16px;}

.list {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:start;align-items:center;}
.row_contents {width:calc(100% - 20px);background:#f8fafb;border-radius:20px;margin-bottom:10px;}
.row_contents:nth-child(even) {
	background:#fdf8ed;
}
.row_contents > div {padding:10px 20px;}
.row_contents .top {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px;}
.row_contents .top .calc_type {font-weight:700;}
.row_contents .top .t_status {color:#0067c4;border:1px solid #0067c4;font-size:1em;padding:1px 16px;border-radius:5px;margin:0 10px;font-weight:700;}
.row_contents .top .est_doc_num {font-size:.85em;color:#aaa;}
.row_contents .top i {font-size:1.2em;cursor:pointer;color:#0067c4;}

.row_contents .contents {font-size:12px;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;}
.row_contents .contents .left {display:flex;flex-direction:column;align-items:start;}
.row_contents .contents .left > div {display:flex;justify-content:start;align-items:center;flex-wrap:wrap;margin-bottom:3px;}
.row_contents .contents .left strong {font-weight:700;margin-right:5px;}
.row_contents .contents .left label {color:#aaa;margin-right:5px;cursor:default;}
.row_contents .contents .left label span {color:#333;}

.row_contents .contents .right > div:has(:not(button)) {display:flex;flex-direction:column;padding:4px;font-size:12px;}

.list .no_estimate {font-size:16px;width:90%;padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#ccc;}

#header>.header_inner .menu_area nav ul > li > a.active
,#header>.header_inner .log_area a.active {
    color:#0067c4;
    font-weight: 700;
}

.financial_est.card-body span {position:absolute;}


.program.table.contract tbody th,.program.table.contract tbody td {vertical-align:middle;font-weight:500;}
.program.table.contract tbody th {}
.tr_bolder {border:2px solid #4e73df!important}
.tr_bolder th {font-weight:700 !important;}
#search_form .stx_input {border-radius: 4px;border: 1px solid #aaa;height: 28px;padding-inline-start: 5px;margin-right:5px;}


.hidden_2line{ 
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  max-height:44px;
  overflow: hidden;  
 }
.hidden_line{ 
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  max-height:44px;
  overflow: hidden;  
 }
 #popupView .program.table.contract tbody th, #popupView .program.table.contract tbody td {padding:.5rem .25rem;}
 
@media screen and (max-width: 1024px) {
    #content .section.comm .tit_wrap {width:100%;padding:40px 0;margin:40px 0 0;}
    .search_form_wrap {margin:10px 20px 40px;}

    .row_contents .contents .right {margin-top:10px;width:100%;}
    .row_contents .contents .right > * {width:100%;padding:15px;}
}