/* 예가산출 분석 */
.yega_wrap{
    width:100%;
    padding:1rem;
}
.yega_info_wrap {
    padding-bottom: 2rem;
}
.yega_info_wrap h3{
    font-size: 1.2rem; color: var(--blue-1);
    padding:.5rem;
}
.yega_info_wrap table {
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    color:var(--gray-1);
    width:100%; font-size: .9rem;
}
.yega_info_wrap table tr{
    border-top:var(--border-1)
}
.yega_info_wrap table tbody tr th,
.yega_info_wrap table tbody tr td {
    padding:.7rem 1rem; text-align: left;
}

.yega_info_wrap table tbody th {
    background-color: var(--gray-6);
}

.yega_bottom {
    width:100%;
    display: flex; gap:1rem; align-items: flex-start;
}
.yega_help_wrap, .yega_result_wrap {
    flex: 1; width:100%;
}
.yega_help_wrap > div {
    display: flex; flex-direction: column; gap:1rem;
}
.help_title {
    display: flex; justify-content: space-between;
}
.help_title h3 {
    font-size: 1rem; color:var(--gray-1); 
}
.help_title > div {
    display: flex; gap:.5rem;
}
.yega_bottom>.yega_help_wrap> div {
    padding:1rem;
}

.yega_help_table {
    width:100%;
    font-size: .9rem;
    box-sizing: border-box;
    border-top:var(--border-3)
}
.yega_help_table table {
    width:100%; 
    background-color: var(--white);
}
.yega_help_table thead tr,
.yega_help_table tbody tr {
    border-bottom: var(--border-1);
}
.yega_help_table thead th:nth-child(1), 
.yega_help_table tbody td:nth-child(1){ width:5%} 
.yega_help_table thead th:nth-child(2), 
.yega_help_table tbody td:nth-child(2){ width:40%} 
.yega_help_table thead th:nth-child(3), 
.yega_help_table tbody td:nth-child(3){ width:40%} 
.yega_help_table thead th:nth-child(4), 
.yega_help_table tbody td:nth-child(4){ width:5%} 

.yega_help_table thead th {
    background-color: var(--gray-5);
    color:var(--gray-2);
    padding:.7rem; text-align: center;
}

.yega_help_table tbody td {
    padding:.5rem .3rem; text-align: left;    
}
.yega_help_table tbody #help_num{
    border: var(--border-1);
    background-color: var(--gray-5);
    border-radius: 3px;
    display: block; width:24px; height:24px;
    text-align: center; line-height: 24px;
    font-size: .9rem; font-weight: 600;
}

.yega_help_table tbody td #help_num.active {
    background-color: var(--blue-1); 
    color:var(--white); border: 0;
    border-radius: 3px;
}
.yega_help_table tbody td div {
    width:100%;
    display: flex; align-items: center; gap: .3rem;
}
.yega_help_btn {
    text-align: center;
}
.yega_help_table input[type="number"] {
    width:100%;
}
/* 예가분석도우미 선택된 input number 세팅 */
.yega_help_table input[type="number"].active {
    background-color: var(--red-3);
}
.yega_help_table input[type="number"].active::placeholder {
    color:var(--black); opacity: 1;
}
/* Firefox */
.yega_help_table input[type="number"]::-moz-placeholder {
  color:var(--black); opacity: 1;
}

/* IE 10~11 */
.yega_help_table input[type="number"]:-ms-input-placeholder {
  color:var(--black); opacity: 1;
}

/* 구형 Edge */
.yega_help_table tbody tr td div input[type="number"]::-ms-input-placeholder {
  color:var(--black); opacity: 1;
}
.yega_bottom>.yega_result_wrap {
    flex: 1;
}
.yega_result_wrap h3 {
    font-size: 1rem;
    color:var(--gray-1); padding-bottom: .5rem;
}
.choice_wrap {
    display: flex; gap:.7rem;
}
.self_choice, .auto_choice {
    background-color: var(--white); padding:1rem;
    border: var(--border-1);
    flex: 1; display: flex; gap: .5rem; align-items: center;
}
.choice_wrap, .auto_choice p {
    font-weight: 600; white-space: nowrap; 
    letter-spacing: -1px; font-size: .9rem; color:var(--gray-2);
}
.yega_num_box_self, .yega_num_box_auto {
    display: flex; gap:.5rem;
}
.yega_num_box_self span {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    background-color: var(--white); color:var(--gray-1);
    border:none; border-bottom: 2px solid var(--gray-4);
    border-radius: 0px;
}
.yega_num_box_self span.choice {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    border-bottom: 2px solid var(--blue-4);
    background-color: var(--blue-4); color:var(--white);
    border-radius: 3px;
}
.yega_num_box_auto span {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    background-color: var(--white); color:var(--gray-1);
    border:none; border-bottom: 2px solid var(--gray-4);
    border-radius: 0px;
}
.yega_num_box_auto span.choice {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    border:none; border-bottom: 2px solid var(--blue-3);
    background-color: var(--blue-3); color:var(--white);
    border-radius: 3px;
}
.yega_result_btn {
    text-align: right;
}

.yega_price_wrap {
    display: flex; flex-direction: column; gap:1rem;
    padding-bottom: 1rem;
}
.yega_price_wrap div { 
    display: flex; gap:1rem;
    align-items: center;
    border: var(--border-1);
    background-color: var(--white);
}
.yega_price_wrap div > *{padding:.5rem}
.yega_price_wrap p {
    min-width:140px; text-align: center; font-size: .9rem;
    background-color: var(--blue-1);
    color:var(--white)
}
.yega_price_wrap span {
    font-size: 1rem; font-weight: 700;
}
.memo_wrap textarea{
    width:100%; height:60px;
    padding:7px; border-radius: 4px;
    margin-bottom: .5rem;
}
.memo_wrap > div{
    text-align: right;
}


/* 발주기관 성향 분석 */
.anal_container {
    width:100%;
    padding:1rem; margin: 0 auto;
}
.anal_step1_wrap{
    background-color:var(--white);
}
.anal_table {
    width:100%;
    border-top:var(--border-3);
    border-bottom:var(--border-3);
}
.anal_table tbody tr {
    border-bottom:var(--border-1);
}
.anal_table tbody th {
    background-color: var(--gray-6);
    font-weight: 500;
}
.anal_table tbody th,
.anal_table tbody td {
    padding-left:.5rem;
    vertical-align: middle;
    text-align: left;
}
.anal_table tbody td div {
    display: flex; align-items: center; gap:.5rem;
}
.anal_step2_wrap {
    width:100%;
    display: flex; 
}
.anal_step2_left { 
    flex: 1;
    background-color: aquamarine;
}
.anal_step2_right {
    flex: .5;
    background-color:bisque;
}
.anal_tab_wrap{
    background-color: burlywood;
}
.anal_result_wrap {
    background-color: darkgray;
}
.anal_table input {
    width:3rem;
}
.anal_table select {
    width:4rem; height: 36px; 
    border: 1px solid var(--color-6);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
}
.date-wrapper input[type="text"] {
    width: 8rem;
    height: 36px;
    padding: 0 4px;
    border: var(--border-1);
    border-radius: 6px;
    font-size: .9rem;
    cursor: pointer;
}

@media (max-width:768px) {
    .yega_info_wrap tr{
        display: grid;
        grid-template-columns: 25% 1fr;        
    }
    .yega_info_wrap table tr {
        border-top: 0;
    }
    .yega_info_wrap table tbody tr th{
        font-size: .85rem;
    }
    .yega_info_wrap table tbody tr th, 
    .yega_info_wrap table tbody tr td {
        padding: .6rem .3rem;
        white-space: nowrap;
        border-bottom : var(--border-1);
    }

    .yega_bottom{
        flex-direction: column; gap:0px;
    }
    .choice_wrap {
        flex-direction: column;
    }
    .self_choice, .auto_choice{
        display: flex; 
    }
    .self_choice p, .auto_choice p{
        width:50px; display: block;
    }
    .yega_result_btn {
        display: flex; justify-content: space-evenly;
    }
}