.robot_pop {padding:0 1rem;}
.robot_title {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 1rem;
}

.robot_pop01 {
  background-image: url("/assets/images/robot_pop_bg.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 40%;
  width: 100%;
  max-width: 1100px;
  overflow-y: hidden;
}

.robot_pop01_top {
    padding: 3rem; line-height: 2.2rem;
}
.robot_pop01_text1 {
    font-size: 1.5rem; font-weight: 800; 
    color: #8F8F8F; 
    margin-bottom: 0.5rem;
}
.robot_pop01_text2 {
    font-size: 1.5rem; font-weight: 800; 
    color:#2B2B2B; 
    margin-bottom: 0.5rem;
}
.robot_pop01_text3 {
    font-size: 1.5rem; font-weight: 800;
    color:#FF7200;
}
.robot_pop01_text4 {
    font-size: 1rem; font-weight: 800;
    color:#585858; line-height: 1.8rem;
}
.robot_pop01_mid {
    display: flex; justify-content: space-evenly;
    margin:1.5rem;
}
.robot_pop01_mid img{
    transition: all .2s;
}
.robot_pop01_bottom{
    display: flex; justify-content: right; gap:.5rem;
    padding-right: 1rem;
}
.robot_pop01_bottom button{
    font-size: 1.2rem; font-weight: 700;
    padding:.8rem 3rem; color:var(--white);
    background-color: #585858;
    border-radius: .5rem;
}
.robot_pop01_bottom button:last-child{
    background-color: #FF7200;
}

.robot_title_wrap {display: flex; gap:.5rem; align-items: center;}
.robot_title_wrap span { 
    font-weight: 700; color:var(--orange-1); font-size: .8rem; 
}
.robot_title h3{font-size: 1.2rem; font-weight: 900; color:var(--blue-1)}

.robot_title2 {
    display: flex; justify-content: space-between; 
    align-items: center;
    margin: .3rem 0;
}
.robot_title2 h3{
    font-size: 1.2rem; font-weight: 900; color:var(--blue-1);
    white-space: nowrap; 
}

.robot_table table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table th:nth-child(1){width:10%}
.robot_table td:nth-child(2){width:35%}
.robot_table th:nth-child(3){width:10%}
.robot_table td:nth-child(4){width:35%}

.robot_table tr{border-bottom: var(--border-1);}
.robot_table th, .robot_table td {
    padding:.7rem;
}
.robot_table th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table td { text-align: left;}
.robot_table .aright { text-align: right; }

.robot_table2 table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table2 th:nth-child(1){width:10%}
.robot_table2 td:nth-child(2){width:35%}
.robot_table2 th:nth-child(3){width:10%}
.robot_table2 td:nth-child(4){width:35%}

.robot_table2 tr{border-bottom: var(--border-1);}
.robot_table2 th, .robot_table2 td {
    padding:.7rem;
}
.robot_table2 th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table2 td { text-align: left;}
.robot_table2 .aright { text-align: right; }


.robot_table3 table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table3 th:nth-child(1){width:10%}
.robot_table3 td:nth-child(2){width:35%}
.robot_table3 th:nth-child(3){width:10%}
.robot_table3 td:nth-child(4){width:35%}

.robot_table3 tr{border-bottom: var(--border-1);}
.robot_table3 th, .robot_table3 td {
    padding:.7rem;
}
.robot_table3 th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table3 td { text-align: left;}
.robot_table3 .aright { text-align: right; }

.robot_price_r {color:var(--red-1)}
.robot_price_b {color:var(--blue-1)}

.robot_btn {
    display: flex; justify-content: center; gap:.5rem;
    margin-bottom: 1rem; 
}
.robot_text01 {font-size: 1rem;font-weight: 400;line-height: 30px;color: chocolate;}
.robot_text01 p:first-child{color:var(--gray-2)}
.robot_text02 {font-size: 1rem; font-weight: 700; color: var(--red-1);}
.robot_text03 {
    display: block;
    font-size: 1.4rem; font-weight: 700; 
    color: var(--gray-1);
    margin-top: 1rem;    
}

.blank_space {
    display: block; padding:2rem; pointer-events: none;
    border-bottom: 2px dotted var(--gray-5); width:100%;
}

.blank_space2 {
    display: block; padding:.5rem; pointer-events: none;
}
@media (max-width:768px) {
    .robot_pop01 {
  background-size: 50%;  
  background-position: top -30px right;
}
.robot_pop01_top {
    padding: 1.5rem; line-height: 2rem;
}
.robot_pop01_text1 {
    font-size: 1.3rem; font-weight: 800; 
    color: #8F8F8F; 
    margin-bottom: .5rem;
}
.robot_pop01_text2 {
    font-size: 1.3rem; font-weight: 800; 
    color:#2B2B2B; 
    margin-bottom: .5rem;
}
.robot_pop01_text3 {
    font-size: 1.3rem; font-weight: 800;
}
.robot_pop01_text4 {
    font-size: .85rem; font-weight: 700; 
    line-height: 1.5rem;
}
.robot_pop01_mid {
    display: flex; justify-content: space-evenly;
    margin:0 0 1rem 0;
}
.robot_pop01_mid img{
    width:25%;
}
.robot_pop01_bottom{
    display: flex; justify-content: right; gap:.5rem;
    padding-right: 1rem;
}
.robot_pop01_bottom button{
    font-size: .9rem; font-weight: 700;
    padding:.5rem 1.5rem; 
    border-radius: .3rem;
}

    .robot_pop {padding:0 15px}
    .robot_title h3{font-size: 1rem; }
    .robot_title2 h3{font-size: 1rem; }
    .robot_title button {
        height:28px; font-size: .8rem;
    }
    .robot_table table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table th{display: none;}
    .robot_table td { 
        padding: .2rem .3rem; 
        border:none;
    }
    .robot_table td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .robot_table td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table td:nth-child(4) {width:100%}
    .robot_table tr:nth-child(3) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 0;
        width: 100%;
    }
    
    .robot_table tr:last-child{border-bottom: none;}
    .robot_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    .robot_table2 table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table2 tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table2 th{display: none;}
    .robot_table2 td { 
        padding: .2rem .3rem; border:none;    
    }
    .robot_table2 td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .robot_table2 td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table2 td:nth-child(4) {width:100%}

    .robot_table2 tr:nth-child(2) {
        display: grid;
        grid-template-columns: 1fr 40%;
        border-bottom: 0;
        width: 100%;
    }
    
    .robot_table2 tr:last-child{border-bottom: none;}
    .robot_table2 td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }



    .robot_table3 table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table3 tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table3 th{display: none;}
    .robot_table3 td { 
        padding: .2rem .3rem;  border:none;      
    }
    .robot_table3 td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    
    .robot_table3 tr:nth-child(1) {
        display: grid;
        grid-template-columns: 1fr 40%;
        border-bottom: 0;
        width: 100%;
    }
    .robot_table3 td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table3 td:nth-child(4) {width:100%;}
    .robot_table3 tr:last-child{border-bottom: none;}
    .robot_table3 td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    

    .robot_text01 {font-size: .9rem;}
    .robot_text02 {font-size: .9rem;}

    .robot_title2 {
        flex-direction: row; align-items: center;
        margin:.2rem 0;
    }
    .robot_title2_btn {
        width:100%;
        display: flex; justify-content: right; gap:.3rem;
    }
    .robot_title2_btn button{height:28px; font-size: .8rem;}
    .robot_btn  button{
        height:30px; font-size: .8rem;
        background-image: none; padding:0 10px;        
    }
    .robot_btn  button:hover{
        background-image: none;
    }
    .robot_title_wrap span  {display: none;}
}