/* 입찰공고 검색 */
.content_wrap {width:100%}
.content_wrap form{ 
    width:100%; justify-content: space-between; display: flex; align-items: flex-end;
}
.content_wrap form fieldset {width:100%}
.bid_search_wrap {
    width:100%;
    display: flex;flex-direction: column;gap: .5rem;
}
.bid_search_wrap > div { 
    width:100%;
    display: flex; gap:1rem; align-items: flex-start;
}
.div_title {
    display: block; 
    color:var(--blue-1);
    width:100px;
    font-size: .9rem; font-weight: 600;    
}
.bid_search_wrap .work_btn_wrap {
    display: flex; gap:.5rem; width:100%;
}
.bid_search_wrap .work_btn_wrap button {
    font-size: .8rem; font-weight: 600; width:60px; height:28px;
    text-align: center; padding:0;
}
.bid_search_wrap .select_wrap > div {width:100%}
.bid_search_wrap .license_choice_radio { width:100%; display: flex; gap:1rem;}
.bid_search_wrap .license_choice_wrap {
    margin:.2rem 0;
    width:100%; display: flex; gap:1rem;
}
.bid_search_wrap .license_choice_wrap > div > div {
    width:100%;
}

.bid_direct_wrap, .bid_category_wrap {
    display: flex; gap:1rem; width:100%;
}

.bid_direct_wrap_input, .bid_category_wrap_input {
    display: flex; flex-direction: column;
    gap:.5rem; width:100%;
}

.bid_direct_wrap p, .bid_category_wrap p {
    display: block; 
    width:100px;
    height:28px;
    line-height: 28px;
    background-color: var(--gray-6);
    border-radius: 14px;
    color: var(--gray-2);
    font-size: .85rem;
    text-align: center;
    font-weight: 700;
}
.bid_direct_text, .bid_category_text{
    font-size: .9rem; font-weight: 600; 
    color: var(--blue-1);
}


/* 직접입력 면허명/지역설정 */
.bid_direct_wrap_input > div,
.bid_category_wrap_input > div {
    width:100%;
    display: flex; flex-direction: row; align-items: center;
    gap:.5rem;
}
.bid_direct_wrap_input > div > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;     
}

.bid_direct_wrap_input input[type="text"]{
    width:200px; height:28px;
}

.bid_direct_wrap_input select {
    width:200px; height:28px;
}

.bid_category_wrap > div {
    width:100%; 
    display: flex; flex-direction: column; gap:.5rem;
}
.bid_category_wrap_input > div > div {
    width:auto; display: flex; gap:.5rem;
}
.direct_input_area > div { 
    width: 100%; 
    display: flex;  align-items: center; gap:.5rem;
}
.category_input_area > div {
    width:100%; 
    display: flex; align-items: center; gap:.5rem;
}
.category_input_area > div span{white-space: nowrap;}
.category_input_area select{width:auto}

.bid_category_wrap_input select{width:200px; height:28px}
.bid_search_wrap .period_wrap > div {
    width:100%;
    display: flex; flex-direction: row; gap:.5rem;
    align-items: center;
}
.bid_search_wrap .period_input {display: flex; gap:.5rem}
.bid_search_wrap .period_input select,
.bid_search_wrap .period_input .date-wrapper input[type="text"]{
    width: 200px; height:28px;
}
.bid_search_wrap .searchword_wrap > div { 
    width:100%; display: flex; gap:.5rem;
}
.bid_search_wrap .searchword_wrap > div > div {
    display: flex; gap:.5rem;
}
.bid_search_wrap .searchword_wrap select{
    width:200px; height:28px;
}
.bid_search_wrap .searchword_wrap input {
    width:452px; height:28px;
}

.bid_search_btn_wrap { 
    margin-top: .5rem;
    display: flex; gap:.5rem;
    justify-content: flex-end;
}
.bid_search_btn_wrap button {
    height:80px;
}

.bid_category_wrap { display: none; }
.bid_category_text { display: none; }

.license_choice_radio {
    display: flex; flex-direction: row;
    align-items: flex-start; gap: 1rem;
}
.license_choice_radio > div {
    display: flex; gap:2rem;
}
.license_choice_radio label {cursor: pointer; font-size: .85rem;}

.bid_search_wrap .period_btn {
    display: flex; flex-wrap: nowrap; gap:.3rem
}
.bid_search_wrap .period_btn button {
    width: 45px ; height:28px; text-align: center; padding: 0;
    font-size: .8rem;
}
.period_input .date-wrapper input[type="text"] {
    height: 36px;
    padding: 0 4px;
    border: var(--border-1);
    border-radius: 6px;
    font-size: .9rem;
    cursor: pointer;
}

/* 입찰공고 중간 버튼/정렬/페이지수 */
.bid_func_wrap {
    position: relative;
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}
#legendview {
  display: none;
  position: relative;
  background-color: var(--white);
  width: auto;
  z-index: 1000;
  padding:.5rem 1rem;
  border: var(--border-1);
}
.legendview_wrap {
    display: flex; align-items: center; gap:1rem;
    font-size: .9rem;
    margin: 10px;
}
.legendview_wrap div {display: flex; gap:.5rem; align-items: center;}
.legendview_wrap h4 {color: var(--gray-2); font-weight: 600;}

.bid_func_wrap .btn_func_btn {
    display: flex; align-items: center; gap:.3rem;
}
.bid_func_wrap .btn_func_btn ul {display: flex; align-items: center; gap:.5rem;}
.bid_func_wrap .btn_func_btn span{font-size: .9rem; color:var(--gray-2); white-space: nowrap;}
.bid_func_wrap .btn_func_btn button {
    height: 28px; font-size:.9rem ;
    padding:0 28px 0 10px;
}
.bid_func_wrap .btn_func_right {
    display: flex; align-items: center; gap:.5rem
}
.bid_func_wrap .btn_func_align ul {display: flex; gap:.5rem}
.bid_func_wrap .btn_func_align select { 
    padding: 0px 25px 1px 5px;
    font-size: .85rem;
    height:28px; width:70px;
}
.bidetail_func_wrap {margin-bottom: 1rem;}
.bidetail_func_wrap ul {display: flex; gap:.5rem}
.btn_func_right .sub_title_num_wrap .legend2{ height:28px; width:70px; line-height: 26px;}

/* 입찰공고 상세페이지 */

.bidetail_container {
  width: 100%; 
  margin-bottom: 1rem;
  display: flex; gap:1rem;
}
.bidetail_line {
    width:100%; height:2px;
    display: block; 
    background-color: var(--blue-4);
    margin:.7rem 0;
}

.bidetail_info_l {width:100%; flex: 1;}

.bidetail_info_l th:nth-child(1){min-width: 160px;}
.bidetail_info_l td:nth-child(2){ width:50%}
.bidetail_info_l th:nth-child(3){ min-width: 160px;}
.bidetail_info_l td:nth-child(4){ width:50%}
.bidetail_info_l  table{
    border-top: var(--border-1);
    font-size: 1rem;
    width:100%; 
    border-collapse: collapse; 
}

.bid_title_wrap div {text-align: left;}
.bid_title_wrap div div {}
.bidetail_info_table table {
    border-collapse: collapse;
    border: var(--border-1); font-size: 1rem;
}
.bidetail_info_l th {
  font-weight: 600; text-align: left;
  background-color: #f5f5f5; color:#333; 
  vertical-align: middle;  padding: 6px 0 6px 10px;
  border: var(--border-1); 
}
.bidetail_info_l td{
  border: var(--border-1);
  padding:.7rem 1rem; color:#333;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}
.bidetail_info_l button {height:24px; border-radius: 3px; line-height: 24px;}

.bidetail_info_l .part_title {
  background-color: var(--white);
  padding:0; 
}
.bidetail_info_l .part_title h3 {
  font-size: 1rem; font-weight: 600;
}


.bidetail_title {
    width:100%;
    min-width: 0;
    max-width: 100%;
    display: block;
    background-color: var(--white); color:var(--blue-1);
    border-top: var(--border-2);
    border-bottom: var(--border-1);
}
.table_title1 { 
    display: grid; 
    grid-template-columns: 1fr auto;
    align-items: center; 
    gap: .5rem; 
    padding: .7rem 1rem;
}
.table_title1 h3 {
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.plan_title h3 { 
    color:var(--gray-3); font-size: 1.1rem; font-weight: 600;
}

.table_title3 h3 { 
    display: flex; gap:.5rem; font-weight: 600;
    color: var(--orange-1); font-size: 1rem;
}
.table_title4 h3 { 
    display: flex; gap:.5rem;
    color: var(--red-1); font-size: 1rem; font-weight: 600;
    line-height: 1.5rem;
}
.inner_table {background-color: var(--white);}

.attach_wrap > a {display: block; line-height: 1.5rem;}

.original_wrap { width:100%; }
.original_wrap .original_title h3{
    display: flex; gap:.5rem;  padding:.7rem 0;  
}
.original_wrap h3 {font-size: 1.1rem;}
.original_wrap .orginal_btn { display: none;}

.original_file_wrap {
    width:100%; overflow: hidden;
}
.bidetail_info_l .notice_text{
  font-size: .9rem; color: var(--blue-1);
}
.bidetail_info_l .notice_text::before{
  content: ""; padding:3px;
}

.bidetail_info_l .input_select {
  width:100%; 
  display: flex; gap:1rem;
}
.bidetail_info_l .input_select .input_wrap {
  display: flex; align-items: center; gap:.5rem;
}
.bidetail_info_l .input_select > div  input[type="radio"]{
   width: 14px; height: 14px;
  position: relative; bottom: 1.5px;
  accent-color: var(--blue-1);
}

.bidetail_info_l .input_select input{
  width:18rem; height: var(--h20); border: var(--border-1);
}

.bidetail_info_l .input_select .text_blue{ color:var(--blue-1); font-size: .9rem;}

.btn_wrap {
  display:flex; justify-content: center; gap:.5rem; padding:1rem
}

.inner_table { 
    border:3px solid #2282c5;
}
.inner_table  table {
    border:none;
}
.inner_table th:nth-child(1) { width:20%}
.inner_table td:nth-child(1) { width:25%}
.inner_table th:nth-child(2) { width:20%}
.inner_table td:nth-child(2) { width:25%}
.inner_table th {border-left: 0;}
.inner_table td:first-child {

    background-color: #2282c5; color:var(--white);border: 0;
}
.inner_table .text_yellow {color:#FF0}
.inner_table .total_price {color: var(--blue-1); font-weight: 700;}

.bidetail_info_r {
    width:310px; 
    position: relative;
}
.bidetail_info_r > div {
    margin-bottom: 1rem;
}
.bidetail_info_r .bidetail_schedule {
    background-color: var(--blue-3);
    border-bottom: 1px solid var(--blue-3);
} 
.bidetail_info_r .bidetail_schedule p {
    padding: .5rem; 
    color:var(--white); font-weight: 600;
    text-align: center;
}
.bidetail_info_r .bidetail_schedule div {
    margin: .1rem;
    background-color: var(--white);
    padding:.5rem;
}

.bidetail_info_r .bidetail_schedule div > ul {
    display: flex; flex-direction: column;   
}
.bidetail_info_r .bidetail_schedule div > ul > li.active{
    background-color: var(--blue-4);
    color:var(--white);
    border-radius: 1.5rem 0 0 1.5rem;
    background-image: url("/assets/images/svg/arrow_left.svg");
    background-position: 2rem center;
    background-repeat: no-repeat;
    background-size: 5%;
}
.bidetail_info_r .bidetail_schedule div > ul > li{
    margin:.5rem;
    padding:.3rem;
    background-color: var(--blue-6);
    border: solid 1px #bdd6ea;
    border-radius: 1.5rem 0 0 1.5rem;
    padding-left: 3.5rem;
}

.bidetail_info_r .bidetail_schedule div > ul > .arrow_col{
    height: .8rem;
    border: none;
    background-color: transparent;
    background-image: url("/assets/images/svg/arrow_2down.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 0;
    margin: 0;
}
.bidetail_info_r .bidetail_basic p {
    color:var(--blue-1);
    padding: .5rem; font-weight: 600;
}
.bidetail_info_r .bidetail_basic table {
    width:100%; font-size: .9rem; line-height: 1.2rem;
} 
.bidetail_info_r .bidetail_basic table th {
    background-color: #f0f5f9; text-align: left;
}
.bidetail_info_r .bidetail_basic table th,
.bidetail_info_r .bidetail_basic table td {
    border:var(--border-1);
    padding:.5rem;
    font-weight: normal;
}
.bidetail_info_r .bidetail_basic table th {width:30%}
.bidetail_info_r .bidetail_basic table td {width:70%}

.bidetail_info_r .bidetail_calc p{
    color:var(--blue-1);
    padding: .5rem; font-weight: 600;
}

.bidetail_info_r .bidetail_calc .calc_title {
    background-color: var(--blue-3);
    padding:.5rem 0; font-size: .9rem;
    color:var(--white);
    display: flex; gap:.5rem; align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.bidetail_info_r .bidetail_calc .calc_title input {
    width: 8rem; height:30px
}

.bidetail_info_r .bidetail_calc .calc_wrap table {
    width:100%; font-size: .9rem;
}
.bidetail_info_r .bidetail_calc .calc_wrap table th{
    background-color: #e2e6ea; font-weight: normal; 
    vertical-align: middle; text-align: left;
    padding:.2rem 1rem; white-space: nowrap; border: none;
}

.bidetail_info_r .bidetail_calc .calc_wrap table td{
    padding:.2rem 0; white-space: nowrap; border: none;
    background-color: #e2e6ea;
}

.bidetail_info_r .bidetail_calc .calc_wrap input {width:8rem}

.bidetail_info_r .bidetail_calc .calc_wrap table tr:last-child th{
    text-align: right; 
    background: var(--gray-6); padding:.5rem 0; 
    color: var(--red-2);
    font-weight: 700;
}
.bidetail_info_r .bidetail_calc .calc_wrap table tr:last-child td {
    background: var(--gray-6); padding:.5rem 0; 
    color: var(--red-2);
    font-weight: 700;
}

.bidetail_info_r .bidetail_calc .calc_wrap .col_line{
    display: block;
    width:100%; height:2px; background-color: var(--blue-3);
}
.topbtn_wrap{
    margin-top: 1rem;
    text-align: center;
}
.topbtn_wrap a {
    font-size: 1rem; font-weight: 500;
}

/* 낙찰상세페이지 하단테이블 */
/* 복수예가항목 */
.multi_bid_wrap {
    width:100%; margin-bottom: 2rem;
}
.multi_bid_title h3{padding:.7rem 0; font-size: 1.1rem;}

.multi_bid_table table {
    width:100%;
    border-top:3px solid #2282c5;
    border-bottom:1px solid #2282c5;
}
.multi_bid_table th{width:5%}
.multi_bid_table td{width:5%;}

.multi_bid_table th, .multi_bid_table td {
    padding:.7rem .3rem;
    border-bottom: var(--border-1);    
}
.multi_bid_table th{
    background-color: var(--gray-6); 
    font-weight: normal;
}
.multi_bid_table td {white-space: nowrap;}
.multi_bid_table td.active{
    background-color: #d7e3ff;
}
.bided_times .bided_times_n{color:var(--gray-2); font-weight: 600;}

/* 기초금액 등등 테이블 */

.bided_price_table { 
    width:100%; margin-bottom: 2rem;
}
.bided_price_table table{
    width: 100%; 
    border:3px solid #2282c5;
}
.bided_price_table th{width:10%; text-align: left;}
.bided_price_table td{width:14%; text-align: right;}

.bided_price_table th {
    white-space: nowrap; padding:.7rem .5rem; 
    font-weight: normal;
    background-color: var(--gray-6); 
    border-bottom: var(--border-1);   
}
.bided_price_table td{border:var(--border-1)}

/* 투찰 참여업체 */
.bided_com_list {width:100%}
.bided_com_top {
    display: flex; align-items: center; justify-content: space-between;
}
.bided_com_title h3 { padding:.7rem 0; font-size: 1.1rem;}
.bided_com_align {display: flex; align-items: center; gap:.3rem}
.bided_com_align ul {
    display: flex; align-items: center; justify-content: space-between; gap:.5rem;
}
.bided_com_align .total_count{
    font-weight: 500; color: var(--blue-3);
}
.bided_com_align select, 
.bided_com_align input {
    padding:0 .3rem ; font-size: .85rem;
    width:150px; height:32px;    
}
.bided_com_table {
    margin-bottom: 1rem;
}
.bided_com_table table {
    width:100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.bided_com_table th:nth-child(1){width:5%}
.bided_com_table th:nth-child(2){width:5%}
.bided_com_table th:nth-child(3){width:auto}
.bided_com_table th:nth-child(4){width:7%}
.bided_com_table th:nth-child(5){width:5%}
.bided_com_table th:nth-child(6){width:5%}
.bided_com_table th:nth-child(7){width:8%}
.bided_com_table th:nth-child(8){width:5%}
.bided_com_table th:nth-child(9){width:5%}

.bided_com_table td { padding:.7rem .3rem;}
.bided_com_table th{
    background-color: var(--gray-6); font-weight: normal;
    vertical-align: middle; padding:.3rem .3rem;
    border-bottom: var(--border-1);
}
.bided_com_table tr.active {
    background-color: #fff7f7;
}
.bided_p_rate {
    font-size: .9rem; white-space: nowrap;
}
.bided_p_rate p:first-child{text-decoration: underline;  text-underline-offset:2px;}
.bided_com_name {
    display: grid; width:100%;
    grid-template-columns:1fr auto;
    align-items: center;
}
.bided_com_name .com_name{
    max-width:100%;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bided_com_name button{height:28px}

#memo {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.memo_container{
    background: #fff;
    border: var(--border-2, 1px solid #ddd);
    border-radius: 12px;
    width: 370px; 
    max-width: 95%;
    height: 250px;   
    padding: 1rem;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    position: relative;
    animation: fadeInUp .3s ease; /* 등장 애니메이션 */
}
.memo_container .title_wrap{
    display: flex; justify-content: space-between;
    margin-bottom: .5rem;
}
.memo_container .memo_text {
    width:100%; height:150px;
    overflow-x: auto;
    display: flex; flex-direction: column; gap:.5rem;
}
.memo_container .memo_text textarea {
    width:100%; height:100%;
    white-space: normal;
    color:var(--color-blk);
    padding: 0.5rem; 
    border-radius: 6px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    display: block;
    width: 100%;
    resize: none;    
}
.memo_container .memo_text div {
    display: flex; align-items: center; gap:.5rem;
    font-size: .9rem; 
}
.memo_container .btn_wrap{
    display:flex; float: right;
    padding: 0;
}
.memo_container .btn_wrap button {
    width:45px; height:27px;
    border-radius: 5px;
}
legend { display: none; }

/* 일반설정맞춤설정관심어 팝업 */
.setting_wrap_01, .setting_wrap_02,.setting_wrap_03 {
    width:calc(100% - 30px); margin: 0 auto;
}
.bidsetting_title {
    display: flex; gap:.5rem; align-items: flex-end;
    font-size: 1rem; font-weight: 600; color:var(--gray-2)
}
.text_nomarl {font-weight: normal; font-size: 1rem; letter-spacing: -0.03rem;}
.bidsetting_title .num {
    display: block;
    width:24px; height:24px; line-height: 24px;
    border-radius: 3px;
    background-color: var(--blue-1);
    color:var(--white);
    text-align: center; font-weight: 600;
}
.bidsetting_content span {
	margin-left: 10px;
    color: var(--color-point);
}
.group_name_wrap {
    display: flex; justify-content: space-between;
    margin-bottom: 2rem;
}
.group_name_wrap > ul {
    display: flex; gap:.5rem; align-items: center;
    flex-wrap: wrap;
}
.group_name_wrap > ul > li {
    border: var(--border-1);
    padding: .3rem .7rem .3rem .7rem; 
    font-size: .9rem; font-weight: 600; 
    border-radius: 6px;
    cursor: pointer;
}
.group_name_wrap > ul > li.active{
    background-color: var(--gray-1); color:var(--white);
}
.bidsetting_content{
    padding: 0.5rem 0 0.5rem 1.5rem;
    display: flex; gap:.5rem; align-items: center;
}
.bidsetting_content2 {
    display: flex;  
    padding:1rem 0 1rem 1.5rem; 
}
.bidsetting_content2 {
    padding:1rem 0 1rem 1.5rem; 
    display: flex; flex-direction: column;
}
.bidsetting_content2 >div {
    display: flex;; gap:.5rem; align-items: center;
}
.bidsetting_content ul,.bidsetting_content2 ul {
    display: flex; gap:.3rem;
}
.bidsetting_content label, .license_select label {
    cursor: pointer;
}

.bidsetting_content input[type="radio"],
.bidsetting_content2 label input[type="radio"],
.bidsetting_content2 div input[type="radio"],
.bidsetting_license  div input[type="radio"]
{ width:15px; position: relative; top:2px}

.bidsetting_content input[type="checkbox"],
.bidsetting_content2 label input[type="checkbox"],
.bidsetting_content2 div input[type="checkbox"]
{ width:15px; position: relative; top:4px}

.license_select {padding:0 0 .5rem 0;}

.bidsetting_area select{
    width:50%; 
    height:35px; 
    border-radius: 4px;
}
.bidsetting_box {
    display: flex; flex-direction: column; justify-content: space-between;
    height:100%;
}
.bidsetting_license {width:100%; height:100%}
.bidsetting_license > div {display: flex; gap:.5rem; flex-direction: column;}
.bidsetting_license > .bid_category_wrap > div > div > select {
    width:50%; 
    height:35px; 
    border-radius: 4px;
}
.bidsetting_license >.bid_category_wrap > div .license_title{
    display: flex; flex-wrap: wrap;
}
.bidsetting_license, 
.bidsetting_area {padding:1rem 0; }
.bidsetting_wrap6, .bidsetting_wrap9 {display: flex; gap:1rem}
.bidsetting_area {
    height: 100%;
    display: flex; flex-direction: column; gap: .5rem;    
}

.bidsetting_wrap6 .bidsetting_title,
.bidsetting_wrap9 .bidsetting_title{
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--gray-4);
}
.bidsetting_wrap6>div, .bidsetting_wrap9>div {
    flex:1;
    padding:1rem;
}
.license_title, .bidsetting_area_title {
    display: flex; flex-wrap: wrap; gap:.5rem;
    min-height: 100px; 
    max-height: 250px;
    overflow-y: auto;
    align-content: flex-start;
}
.bidsetting_area_title .select_work,
.license_title .select_work {
    line-height: 1.5rem;
}
#bidsetting1 li{
    width:auto;
}
#bidsetting1 li.active{
    font-weight: 600;
}
#bidsetting2 li{
    border: var(--border-1);
    padding: .3rem .4rem .3rem .4rem;
    line-height: 25px;  
}
#bidsetting2 li.active{
    background-color: var(--gray-6);
}

.bidsetting_wrap4 .bidsetting_content input {

    width:300px; min-width: 200px;
}
.bidsetting_wrap5 .bidsetting_content2 input,
.bidsetting_wrap8 .bidsetting_content2 input  
{
    width:300px; min-width: 200px;
}
.bidsetting_wrap5 .bidsetting_content2,
.bidsetting_wrap8 .bidsetting_content2  {
    display: block; white-space: nowrap;
}

.aleft {text-align: left;}

.calc_container {
    width:calc(100% - 30px);
    margin: 0 auto;
	line-height: 27px;
}
.calc_top {
    padding:1rem;
}
.calc_title1 {
    margin: 0 auto; display: block; 
    text-align: center; color:var(--red-1); font-weight: 500;
    padding-bottom: 1rem;
}
.calc_title {
    text-align: center; font-size: 1.1rem; font-weight: 600;
    color: var(--blue-1);
    padding-top: 1rem;
}
.calc_table_wrap {
    padding:1rem;
}
.input_area1, .input_area2 {
    display: flex;  gap:.5rem; align-items: center;
}
.input_area2 {
    flex-wrap: wrap;
}
.input_area1 > div {
    flex: 1;
    display: flex; align-items: center; gap:.5rem;
}
.input_area1 > div > input {
    width:100%; flex: 1; 
}
.input_area2 label {cursor: pointer;}
.input_area1 span {
    display: block;
    width:50px;
    white-space: nowrap; font-weight: 500; font-size:.9rem;    
}

.acenter {text-align: center;}
.calc_table { 
    background-color: var(--white); width:100%;
}
.calc_table th, .calc_table td {
    border:none; white-space: nowrap;
    padding:.7rem .7rem;
}
.calc_table td span {
    color:var(--gray-2)
}
.calc_table th {color: var(--blue-1); vertical-align: middle; font-size: .9rem;}
.btn_div { padding-bottom: 1rem;}
.calc_text {
    padding:1rem;
    border:var(--border-1);
    margin-bottom: 1rem;
}
.content_text {
    border:var(--border-1);
    padding:1rem;
}
.content_text_title {
    padding:.8rem 0;
}
.content_text_container table {
    width:100%; 
    color:var(--gray-2);
    border-top:var(--border-3);
    border-bottom:var(--border-2);
}
.content_text_container table th{
    background-color: var(--gray-6);
    color:var(--blue-1);
}
.content_text_container table th,
.content_text_container table td{
    padding:.7rem .7rem;
}
.calc_table th:first-child {
        padding-bottom: 12px;
    }
.btn_right {
    text-align: right;
}

.page_title .dot_question {
    display: block;
    width: 600px;
    padding-left:14px;
    background-position: left top 6px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
    height: 24px;
    line-height: 24px;
    color: darkgray;
    font-size: .9rem;
    background-size: 12px;
}
@media screen and  (max-width:1600px) {
	.page_title .dot_question {
		display: none;
	}
}

@media screen and  (max-width:1200px) {
    .bid_search_wrap > div { 
        gap:.5rem;
    }
     .bid_search_wrap .period_wrap > div {
        display: flex; flex-direction: column; gap: .3rem;
        align-items: flex-start;
    }
    .bid_func_wrap {align-items: flex-end;}
    .bid_func_wrap .btn_func_btn {
        flex-direction: column; align-items: flex-start;
    }
    .legendview_wrap {
        flex-direction: column; align-items: flex-start;
    }
    .legendview_wrap div {display: flex; gap:.3rem; align-items: center;}
    .legendview_wrap h4 {color: var(--gray-2); font-weight: 300;}
    .bidetail_info_r {display: none;}

    .multi_bid_table table {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
    .multi_bid_table tbody,
    .multi_bid_table tr {
        display: contents;
    }
    .multi_bid_table th {display: none;}

    .multi_bid_table td {
        font-size: .9rem;
        padding: .5rem .5rem;
        display: block;  width:100%;
        text-align: left;
        
        background: var(--white, #fff);
    }
    .multi_bid_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    .multi_bid_table td .bided_times {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: .25rem .5rem;
    }

    /* 기초금액 테이블 모바일 */
    .bided_price_table table {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
    
    .bided_price_table tbody,
    .bided_price_table tr {
        display: contents;
    }
    .bided_price_table th {display: none;}

    .bided_price_table td {
        font-size: .9rem;
        padding: .5rem .5rem;
        display: block;  width:100%;
        text-align: left;
        border-bottom: none;
        border-right: none;
        background: var(--white, #fff);
    }
    .bided_price_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    /* 투찰참여업체 */
    .bided_com_list { 
        --c1: 1;
        --c2: 2;
        --c3: 3;
        --c4: 4;
        --c5: 5;
        --c6: 6;
        --c7: 8;
        --c8: 9;
        --c9: 9;
        --c10:10;
    }
    .bided_com_list td:nth-child(1) { order: var(--c1); }
    .bided_com_list td:nth-child(2) { order: var(--c3); }
    .bided_com_list td:nth-child(3) { order: var(--c2); }
    .bided_com_list td:nth-child(4) { order: var(--c4);}
    .bided_com_list td:nth-child(5) { order: var(--c5); }
    .bided_com_list td:nth-child(6) { order: var(--c6);}
    .bided_com_list td:nth-child(7) { order: var(--c7); }
    .bided_com_list td:nth-child(8) { order: var(--c8); }
    .bided_com_list td:nth-child(9) { order: var(--c9); }
    .bided_com_list td:nth-child(10) { order: var(--c10); }   
    
    .bided_com_list thead { display: none; }
    .bided_com_list tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;  
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .bided_com_list td:nth-child(1)::before, 
    .bided_com_list td:nth-child(3)::before {
        display: none;    
    }
    .bided_com_list td::before {
        font-size: 12px; color:var(--gray-3); font-weight: 400;
    }
    .bided_com_list td:nth-child(1){
        display: block;
        width:45px; height:30px; line-height: 22px;
        background:#eef4ff;
        border:1px solid #dbe6ff;
        border-radius:10px;
        text-align: center;
        color:var(--blue-1); font-weight:700; font-size:13px;
    }
    .bided_com_list td:nth-child(3){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;
        
    }
    .bided_com_list th, .bided_com_list td { 
        padding: .2rem .3rem;        
    }
    .bided_com_list td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .bided_com_list td::before {
        content: attr(data-label);
        font-weight: 600;
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        min-width:0; 
        width:100%; 
    }
}

@media screen and  (max-width:768px) {
    .div_title {font-size: .9rem;}
    .bid_search_wrap .work_btn_wrap button {
        width:60px; height:28px; font-size: .8rem;
        padding:0;
    }
    .setting_wrap_01, .setting_wrap_02,.setting_wrap_03 {
        font-size: .9rem;
    }
    .group_name_wrap {
        flex-direction: column; gap:.5rem;
    }
    .bidsetting_content, .bidsetting_content2{
        font-size: .9rem;
    }
    
    .bidsetting_wrap6, .bidsetting_wrap9 {
        flex-direction: column; gap:0;
    }
    .bidsetting_content > ul {
        flex-wrap: wrap;
    }
    .bidsetting_wrap5 .bidsetting_content2 input, 
    .bidsetting_wrap8 .bidsetting_content2 input{
        width: 100%;     min-width: 0;
    }
    .bidsetting_wrap4 .bidsetting_content input {
        width: 100%; 
    }
    .input_area1 {
        flex-direction: column;
    }
    .calc_table tr:nth-child(1) th {
        padding-bottom: 50px;
    }
    .license_title, .bidsetting_area_title {
        min-height: 0; 
        max-height: 200px;
    }
    #bidsetting1 li{
        width:32%;
    }
    .bidsetting_content{
        gap:.3rem;
    }
    .license_choice_radio { 
        flex-direction: column; gap:.1rem
    }
    .bid_category_wrap_input {
        flex-direction: column; gap:.5rem
    }
    .bidsetting_license > .bid_category_wrap > div > div > select {
        width:50%;         
    }
    .content_wrap form {
        flex-direction: column;
    }
    .tab_content2 {
        min-width: 310px;
    }
    .bid_direct_wrap_input > div {
        flex-direction: column; gap:.3rem;
    }
    .bid_direct_wrap p, .bid_category_wrap p 
    {display: none;}
    .bid_direct_wrap_input input[type="text"]{
        width:100%;
    }
    
    .bid_direct_wrap_input, .bid_category_wrap_input {
        gap:.3rem;
    }
    .bid_direct_wrap_input select{width:49%}
    .bid_category_wrap_input > div{
        flex-direction: column; width:100%; gap:.3rem;
    }
    .bid_direct_wrap_input > div > div {
        display: flex; flex-direction: row;
        gap:.3rem;  width:100%;
    }
    .bid_category_wrap_input > div > div {
        display: flex; flex-direction: row; width:100%;
        gap:.3rem
    } 
    .bid_category_wrap_input select{width:100%;}

    .bid_direct_wrap_input > div > div > div{
        display: flex;
        flex-direction: row; gap:.3rem; 
    }
    .bid_category_wrap_input > div > div > div {
        display: flex;
        flex-direction: column; gap:.3rem; 
    }
    .bid_search_wrap .period_wrap > div {
        display: flex; flex-direction: column; gap:.3rem;
        align-items: flex-start;
    }
    .bid_search_wrap .period_input {
        align-items: flex-start; gap:.3rem;
    }
    .bid_search_wrap .period_input select, 
    .bid_search_wrap .period_input .date-wrapper input[type="text"] {
        width: 100%; font-size: .8rem;
    }
    .bid_search_wrap .period_btn {
        display: flex; flex-wrap: nowrap; gap:.3rem
    }
    .bid_search_wrap .period_btn button {
        width:44px; height: 26px; font-size: .8rem;
        padding:0;
    }
    .bid_search_wrap .period_input select, 
    .period_input .date-wrapper input[type="text"]{
        width:100px;
    }
    .direct_input_area > div,
    .category_input_area > div {
        flex-direction: column; align-items: flex-start;
    }
    .bid_search_wrap .searchword_wrap > div {
        flex-direction: row; gap:.3rem; flex-direction: column; 
    }
    .bid_search_wrap .searchword_wrap > div > div {
        flex-direction: row; gap:.3rem;
    }
    .bid_search_wrap .searchword_wrap select {
        width:50%;
    }
    .bid_search_wrap .searchword_wrap input {
        width:100%;
    }
    .bid_search_wrap .license_choice_radio { gap: .05rem;}
    .bid_direct_text, .bid_category_text {
        padding-left:20px; font-size: .85rem;
    } 
    .bid_search_btn_wrap {
        margin-top: .5rem;
    }
    .bid_search_btn_wrap button {
        height:35px; width:80px; 
        background-size: 18%;
    }
    .bid_search_wrap .license_choice_wrap {
        padding:.5rem;
    }
    .bid_func_wrap {
        display: flex;
        flex-direction: column; gap:.3rem;
        align-items: flex-start;
        margin-bottom: .5rem;
    }
    .bid_func_wrap .btn_func_btn {
        flex-direction: column; align-items: flex-start;
    }
    .bid_func_wrap .btn_func_btn li:first-child {display: none;}
    .bid_func_wrap .btn_func_btn button {
        background-image: none;
        padding: .2rem .4rem; 
    }
    .bid_func_wrap .btn_func_btn span{
        display: none;
        font-size: .9rem; color:var(--gray-2)
    }

    .btn_func_right { width:100%; justify-content: space-between;}
    .bid_func_wrap .btn_func_align ul li:first-child select { height:28px; width:80px}
    .bid_func_wrap .btn_func_align select { height:28px;}

    #legendview {
    display: none;
    position: relative;
    background-color: var(--white);
    width: auto;
    z-index: 1000;
    padding:.5rem 1rem;
    border: var(--border-1);
    }
    .legendview_wrap {
        display: flex; align-items: flex-start; gap:1rem;
        font-size: .9rem; 
    }
    .legendview_wrap .popup_text { 
        display:flex; flex-direction: column;
    }
    .legendview_wrap .popup_text .legend {
        width:28px; height:20px; line-height: 20px;
    }
    .bidetail_title {
        border-top:none;
        border-bottom: none;
    }
    .bid_title_wrap div { }
    .table_title3 h3 { font-size: .8rem; font-weight: 600;}
    .table_title4 h3 { font-size: .8rem; font-weight: 600;}

    /* 상세페이지 테이블1구역 */
    .bidetail_info_table table {
        display: block;
        padding:0 .3rem; font-size: .9rem;
        border:var(--border-1);
        border-radius: 12px; 
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0,0,0,.04);
    }
    .bidetail_info_table td, .bidetail_info_table th {
        font-size: .9rem; padding:.3rem .5rem;
        border: 0;
    }
    .bidetail_info_table th { display: none; }
    .bidetail_info_table tr { 
        width:100%; font-size: .9rem; line-height: 1.2rem;
        display: grid; 
        grid-template-columns: 50% auto;
        width: 100%;                  
    }
    .bidetail_info_table tr:nth-child(1) {
        display: grid;   grid-template-columns : none       
    }
    .bidetail_info_table tr:nth-child(2) { 
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(3) { 
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(7) {
        grid-template-columns: 100%; 
    }
    .bidetail_info_table tr:nth-child(12) {
        border-top:var(--border-1);
        border-bottom:var(--border-1);
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(16) {
        border-top:var(--border-1);        
        grid-template-columns: 100%;
    }

    .bidetail_info_table tr:nth-child(17) {
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(18) {
        border-top:var(--border-1);  
        grid-template-columns: 100%;
    }
    .bidetail_info_table td{
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .bidetail_info_table td {
       border-bottom: none;
    }
    .plan_title{
        font-size: .8rem; padding:.3rem 0; 
        background-color: var(--gray-6);
    }

    .bidetail_info_table .inner_table table {
        border-radius: 0; border: 0; padding:0;
    }
    .bidetail_info_table .inner_table tr { 
        width:100%; font-size: .9rem;
        display: grid; border-radius: 0;
        border: none;
        grid-template-columns: 1fr 1fr;
    }
    .bidetail_info_table .inner_table th { display: none; }

    .bidetail_info_table .inner_table tr:nth-child(1){ 
        grid-template-columns: 100%;
        background-color:#2282c5;
    }
    .bidetail_info_table .inner_table tr:nth-child(2){
        grid-template-columns: 1fr 1fr !important;
    } 
    .bidetail_info_table .inner_table td {
        width:100%;
    }
    .bidetail_info_table .inner_table th { display: none; }
    
    .bidetail_info_table .inner_table td[data-label]::before, 
    .bidetail_info_table .inner_table th[scope="row"]::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        color: #64748b;
        margin-bottom: 2px;
        font-weight: 600;
        letter-spacing: .2px;
    }
    .bidetail_info_l .inner_table tr:nth-child(5) {
        grid-template-columns: 100%;
    }

    
    .bidetail_info_l .original_wrap {
        border: none; padding:.5rem 0;
    }
    .original_wrap img {
        width:100%;
    }

    .bidetail_info_l table td[data-label],
    .bidetail_info_l table th[scope="row"] {
        padding: .2rem .5rem;
        position: relative;
    }
    .bidetail_info_l table td[data-label]::before,
    .bidetail_info_l table th[scope="row"]::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        color: var(--gray-3);
        margin-bottom: 2px;
        font-weight: 600;
        letter-spacing: .2px;
    }

    .inner_table, 
    .inner_table tbody, 
    .inner_table tr, 
    .inner_table th, 
    .inner_table td {
        display: block; width: 100%;
    }
  
    .inner_table td[data-label]::before,
    .inner_table th[data-label]::before {
        content: attr(data-label);
        display: block; font-size: 12px; color:#64748b; 
        margin-bottom:6px; font-weight:600;
    }
    .inner_table .total_price { 
        background:#eef6ff; border-radius: 8px; 
    }
    .original_file_wrap {display: none;}
    
    .bidetail_info_l table a { color: #0369a1; text-decoration: underline; word-break: break-all; }
    .original_wrap h3 {font-size: .95rem;}
    .original_wrap .orginal_btn { display: block;}   
    
    /* 복수예가 모바일 */
    .multi_bid_table table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    
    .multi_bid_table td {
        font-size: .85rem;
        padding: .5-rem .5rem;
        display: block;  width:100%;
        border-bottom:var(--border-1);        
    }
    .bided_price_table table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .bided_com_top {display: grid;}
    .multi_bid_title h3 {font-size: .95rem; padding:.5rem 0;}
    .bided_com_title h3 {padding:0 0 .5rem 0 ; font-size: .95rem;}
    .bided_com_align {
        align-items: flex-start;
        display: flex; flex-direction: column;
    }
    .bided_com_align ul{
        width:100%;
        display: grid;
        grid-template-columns: 1fr 1fr auto;
        margin-bottom: .5rem;
    }
    .total_wrap {font-size: .8rem;}
    .bided_com_align select,
    .bided_com_align input {width:100%; height:30px}
    .bided_com_align button {
        border-radius: 4px;
    }

     .bided_com_list tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .bided_com_table table {font-size: .9rem;}
    .bided_com_table button {
        width:55px; height:24px;
        padding:0; border-radius: 4px;
    }
	.page_title .dot_question {
		display: none;
	}
}