@charset "utf-8";
.sub_con {margin-bottom:0}
.sub_con section + section {padding-top: var(--sub_pd)}
h4.title-h {text-align: left;}
.title h4.title-h {text-align:center; margin-bottom:0}
.title-img {width: 100%;margin: 0 auto;}
.title-img img {width:100%;height: 100%;object-fit: contain;}
.title-h.nomb {margin-bottom:0}
.sub-p {font-size:24px;text-align: center;font-weight:600;margin-bottom: 2rem;}
.title span {color: #ed7d31;font-weight:600}

.title-txt {
    padding-top: var(--sub_pd);
}
.title-txt h4 {
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 4rem;
}
.title-txt p {
    color: #686868;
    font-size: 22px;
    line-height: 160%;
}
.title-txt p span {color:#ff8c00; font-weight:600}

.group-img {width: 100%;margin: 0 auto;}
.group-img img {width:100%;height: 100%;object-fit: contain;}
.group-img img + img {padding-top:2rem}
.benefit-table {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    }
.benefit-table table {    
    border-collapse: collapse;
    width: 48%;
    margin: 10px 0;
}
.benefit-table th, .benefit-table td {border: 1px solid black;padding: 20px;text-align: left;font-size: 18px;font-weight: 300;}
.benefit-table th {text-align:center;font-size: 20px;font-weight: 500;}
.benefit-table td span {font-weight: 600; color: #ed7d31}
.bos .group + .group {margin-top: var(--sub_pd);}
.txt-box {text-align: center;padding-bottom: 2rem;}
.txt-box .txt {background-color:#ed7d31;padding: 4rem;display: inline-block;width: 60%;border-radius: 1rem;}
.txt-box p {font-size: 40px;color:#fff;text-align:center}
.txt-box p strong {font-weight: 600;font-size: 45px;}
.bos ul {list-style: disc;padding-left: 2rem;margin: 1rem 0;}
.bos ul li {
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}
 
.sensor_img {width: 70%;margin: 0 auto;padding-top: var(--sub_pd);}
.sensor_img img {width:100%}
.p-box {
    padding-top: var(--sub_pd);
}
.p-box p {font-size: 22px;color: #686868;line-height: 1.8;}

.relia p {font-size: 22px;color: #686868;line-height: 1.8;}
.desc {font-size: 20px;color: #686868;line-height: 1.8;counter-reset: list;}
.desc li {list-style: none;font-size: 22px;color: #686868;line-height: 1.8;}
.desc li:before {content: counter(list) ') ';counter-increment: list;}
.relia .group-img {margin-top:var(--sub_pd_half)}
.group-img p {padding:var(--sub_pd_half) 0}
.group-img .img-title {font-size:24px;text-align: center;font-weight: 600;color: var(--color-black);padding: 0;}
.sub-conts {padding-top:var(--sub_pd)}
.sub-conts .sub-p {color:#222;text-align: left;font-size: 26px;margin-bottom: 1rem;}
.sub-conts .type-table table td {text-align: center;}
.sub-conts .type-table table td:nth-of-type(2) {color:#ec7d3f}
.subgroup-img {width: 100%;margin: 0 auto;}
.subgroup-img img {width:100%;height: 100%;object-fit: contain;}
.subgroup-img .img + .img {padding-top:var(--sub_pd_half)}
.subgroup-img p{color:#222;padding:0;margin:0;padding-left: 1rem;padding-bottom: 1rem;}



/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1400px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {

}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .title-txt h4 {font-size:30px}
    .title-txt p {font-size:20px}
    .benefit-table table {width:100%}
    .benefit-table th {width: 30%;}
    .benefit-table th, .benefit-table td {font-size:15px}
    .sub-conts .type-table table td img {width:100%}
    .txt-box .txt {width:100%;padding: 2rem;}
    .txt-box p {font-size: 24px;}
    .bos ul li {font-size:20px}
    .p-box p, .relia p, .desc li {font-size:20px;line-height: 1.6;word-break: keep-all;}
    .desc {padding-inline-start: 20px;}
    
}