/**************************************** product 공통*/

.product_sec1 .sub_banner_back {
    background-image: url(/img/sub02/sub02_banner_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/**************************************** product 시작*/

.prd_tab{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.prd_tab ul{
    max-width: 650px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}

.prd_tab ul li a{
    font-family: 'Pretendard-SemiBold';
    font-size: 1.875rem;
    color: #aaaaaa;
    transition: 0.4s;
}

.prd_tab ul li a:hover{
    color: #1e7135;
}

.prd_tab ul li.current a{
    position: relative;
    color: #1e7135;
}

.prd_tab ul li.current a::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #1e7135;
}

.prd_table_wrap{
    width: 100%;
    border-top: 2px solid #1e7135;
}

.prd_t_tr{
    width: 100%;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: 10% 55% 15% 10% 10%;
    border-bottom: 1px solid #e6e6e6;
}

.prd_t_tr.head{
    background-color: #f6f6f6;
}

.prd_t_th{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.125rem;
}

.prd_t_th:not(:last-child),
.prd_t_td:not(:last-child){
    border-right: 1px solid #e6e6e6;
}

.prd_t_td{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.prd_t_td,
.prd_t_td p{
    font-size: 1.125rem;
}

.prd_t_td.title{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.prd_t_td.title .sub{
    font-family: 'Pretendard-Light';
    font-size: .9375rem;
    color: #aaaaaa;
}

/**************************************** product 끝*/



@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1240px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {

    .prd_tab{
        margin-bottom: 40px;
    }

    .prd_tab ul{
        max-width: 540px;
    }

    .prd_tab ul li a{
        font-size: 1.625rem;
    }

    .prd_t_tr {
        grid-template-columns: 55% 20% 15% 10%;
    }

    .prd_t_th.num,
    .prd_t_td.num{
        display: none;
    }

}

@media screen and (max-width: 540px) {

    .prd_tab{
        margin-bottom: 30px;
    }

    .prd_tab ul li.current a::after {
        right: -10px;
        width: 6px;
        height: 6px;
    }

    .prd_tab ul{
        justify-content: center;
        column-gap: 30px;
    }

    .prd_tab ul li a{
        font-size: 1.25rem;
    }

    .prd_t_tr {
        grid-template-columns: 40% 25% 20% 15%;
    }

    .prd_t_th{
        font-size: .9375rem;
        padding: 15px 0;
    }

    .prd_t_td.title{
        word-break: keep-all;
    }

    .prd_t_td, 
    .prd_t_td p{
        font-size: .9375rem;
    }

    .prd_t_td{
        padding: 10px;
    }

}

@media screen and (max-width: 414px) {}