.fieldHead {
    padding-top: 90px;
    height: calc(680px + 90px);
    display: flex;
    padding: 90px 0 0 var(--common-padding);
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.fieldHead .pageTitle {
    padding: 0;
    width: fit-content;
    margin-bottom: 0;
}

.fieldHead img {
    width: calc(100% - 600px);
    max-width: 960px;
    margin-left: auto;
}

.fieldNav {
    display: flex;
    align-items: center;
    width: 100%;
    height: 84px;
    background: #0064ff;
    padding: 0 60px;
    position: sticky;
    top: 90px;
    left: 0;
    z-index: 995;
}

@media (max-width: 990px) {
    .fieldNav {
        top: 64px;
    }
}

.fieldNav button:not(.mo_scrollBtn) {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.fieldNav button:not(.mo_scrollBtn) img {
    width: 24px;
    height: 24px;
    margin-left: 12px;
}

.fieldNav ul {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-left: auto;
}

.mo_scrollBtn {
    position: absolute;
    right: var(--common-padding);
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: none;
    transition: 0.25s ease;
}

.mo_scrollBtn.invisible {
    pointer-events: none;
    opacity: 0;
}

.fieldNav ul li {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    opacity: 0.2;
    cursor: pointer;
    padding: 15px 0;
    transition: 0.25s ease;
}

.fieldNav ul li.on {
    opacity: 1;
}

.contentsWrap .titGroup {
    margin-bottom: 50px;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > div {
    padding: 120px 0;
}

.filed .contentsWrap > div:first-child {
    padding: 180px 0 120px;
}

/* 첫 번째 섹션 - 아파트 사전점검 */
.filed .SwiperWrap {
    width: 100%;
    height: 929px;
    background: #f1f7ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filed .SwiperWrap .swiper {
    width: 100%;
    height: fit-content;
}

.filed .SwiperWrap .swiper-wrapper {
    width: 100%;
}

.filed .SwiperWrap .swiper-slide {
    height: 573px;
    background: #fff;
    border-radius: 24px;
    padding: 84px 80px;
    display: flex;
}

.filed .SwiperWrap .swiper-slide img {
    width: calc(100% - 500px);
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.filed .SwiperWrap .swiper-slide .right {
    width: 500px;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
}

.filed .SwiperWrap .swiper-slide .right .num {
    color: #0064ff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.filed .SwiperWrap .swiper-slide .right .tit {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.32px;
    margin: 16px 0;
}

.filed .SwiperWrap .swiper-slide .right .lead {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36; /* 136.364% */
    letter-spacing: -0.22px;
    margin-bottom: auto;
}

.filed .SwiperWrap .swiper-slide .right .images {
    display: flex;
    gap: 16px;
}

.filed .SwiperWrap .swiper-slide .right .images img {
    width: calc((100% - 32px) / 3);
    height: 102px;
    cursor: pointer;
    filter: brightness(0.6);
    border-radius: 16px;
    object-fit: cover;
    transition: 0.15s ease;
}

.filed .SwiperWrap .swiper-slide .right .images img.on {
    filter: brightness(1);
    border: 6px solid #0064ff;
}

.filed .SwiperWrap .swiper-pagination {
    position: unset;
    margin-top: 60px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filed .SwiperWrap .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 100px;
    opacity: 0.2;
    background: #999999;
    margin: 0 4px;
    transition: 0.35s ease;
}

.filed .SwiperWrap .swiper-pagination-bullet-active {
    width: 42px;
    opacity: 1;
}

.filed .SwiperWrap .swiper-button-prev,
.filed .SwiperWrap .swiper-button-next {
    top: calc(50% - 76px);
}

/* 두 번째 섹션 */
.filed .contentsWrap > .MajorSec .majorWrap {
    display: flex;
    flex-direction: column;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .MajorSec .majorWrap > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.filed .contentsWrap > .MajorSec .majorWrap > div:last-child {
    margin-bottom: 0;
}

.filed .contentsWrap > .MajorSec .majorWrap > div img {
    width: 540px;
    height: 405px;
    border-radius: 24px;
}

.filed .contentsWrap > .MajorSec .majorWrap > div > div {
    width: 540px;
}

.filed .contentsWrap > .MajorSec .majorWrap > div > div span {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.32px;
}

.filed .contentsWrap > .MajorSec .majorWrap > div > div p {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.24px;
    margin-top: 14px;
}

/* 세 번째 섹션 */
.filed .contentsWrap .processSec .processWrap {
    max-width: 2120px;
    display: flex;
    margin: 0 auto;
}

.filed .contentsWrap .processSec .processWrap > div {
    width: 33.3333%;
    height: 480px;
    position: relative;
    color: #fff;
    padding: 54px 60px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;

}

.filed .contentsWrap .processSec .processWrap > div:not(:last-child) {
    margin-right: 2px;
}

.filed .contentsWrap .processSec .processWrap > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.filed .contentsWrap .processSec .processWrap > div .step {
    color: #fff;
    font-family: Pretendard;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.54px;
    line-height: 1.2;
}

.filed .contentsWrap .processSec .processWrap > div .tit {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    display: block;
    letter-spacing: -0.28px;
}

.filed .contentsWrap .processSec .processWrap > div .info {
    height: 150px;
    max-height: 150px;
    transition: 0.3s ease 0.3s;
    z-index: 1;
}

.filed .contentsWrap .processSec .processWrap > div:hover .info {
    max-height: 100%;
    height: 100%;
    transition: 0.3s ease;
}

.filed .contentsWrap .processSec .processWrap > div::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0064ff;
    display: block;
    top: 200%;
    left: 0;
    z-index: 0;
    transition: 0.3s ease 0.3s;
    transform: skewY(40deg);
}

.filed .contentsWrap .processSec .processWrap > div:hover::after {
    top: 0;
    transform: skewY(0);
    transition: 0.3s ease;
}

.filed .contentsWrap .processSec .processWrap > div ul {
    margin-top: 0;
    width: 100%;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: 0.3s ease;
}

.filed .contentsWrap .processSec .processWrap > div:hover .info ul {
    opacity: 1;
    transition: 0.3s ease 0.3s;
}

.filed .contentsWrap .processSec .processWrap > div ul li {
    color: #fff;
    max-width: 432px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    padding-left: 12px;
    position: relative;
    margin-bottom: 10px;
}

.filed .contentsWrap .processSec .processWrap > div ul li:last-child {
    margin-bottom: 0;
}

.filed .contentsWrap .processSec .processWrap > div ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 12px;
}

/* 네 번째 섹션 */
.filed .contentsWrap > .AfterServiceSec .buttonList {
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .AfterServiceSec .differWrap {
    padding: 0 var(--common-padding);
    margin-top: 40px;
}

.filed .contentsWrap > .AfterServiceSec .differWrap > div {
    display: flex;
    gap: 60px;
}

.filed .contentsWrap > .AfterServiceSec .differWrap > div > img {
    width: 540px;
    height: 405px;
    border-radius: 16px;
    object-fit: cover;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > p {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.3px;
    margin-bottom: 40px;
    /* white-space: nowrap; */
}

.filed .contentsWrap > .AfterServiceSec .serviceList > p strong {
    color: #0064ff;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li {
    display: flex;
    background: #f1f7ff;
    border-radius: 16px;
    padding: 36px;
    width: 100%;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li.half {
    width: calc(50% - 4px);
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li.list {
    align-items: flex-start;
    justify-content: space-between;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li span {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.22px;
    display: flex;
    line-height: 1.36;
    align-items: center;
    width: calc(100% - 366px);
    white-space: nowrap;
}

.filed .contentsWrap > .AfterServiceSec .serviceList ul li span::before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/svg/check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li p {
    width: 366px;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.22px;
    margin-left: auto;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 162px);
    list-style: none;
    gap: 16px;
    margin-left: auto;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul li {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.22px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 137.5px;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li.half span {
    width: fit-content;
}

.filed .contentsWrap > .AfterServiceSec .serviceList > ul > li.half p {
    width: fit-content;
}

/* 다섯 번째 섹션 */
.filed .contentsWrap > .ServiceSec .serviceWrap {
    display: flex;
    flex-direction: column;
    padding: 180px var(--common-padding) 0;
    position: relative;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    gap: 10px;
}

.filed .contentsWrap > .ServiceSec .serviceBanner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    z-index: -1;
    object-fit: cover;
}

@media (max-width: 990px) {
    .filed .contentsWrap > .ServiceSec .serviceBanner {
        height: 426px;
    }
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox {
    width: 100%;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    padding: 54px 60px 60px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox.half {
    width: calc(50% - 5px);
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox.flex {
    display: flex;
    align-items: flex-start;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.28px;
    width: 210px;
    margin-right: 120px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .accent {
    color: #0064ff;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.28;
    letter-spacing: -0.3px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit mark {
    color: #0064ff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.555;
    letter-spacing: -0.18px;
    display: block;
    margin-top: 8px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div {
    width: calc(100% - 330px);
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:first-child > div {
    color: #0064ff;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:first-child > div strong {
    font-weight: 700;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 0;
}

/*.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle .boxStyle_accent {
  color: #0064FF;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; !* 133.333% *!
  letter-spacing: -0.3px;
}*/

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle > li {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li span {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li span img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li p {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: -0.22px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li sub {
    color: #666;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.18px;
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li sub::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li sub.accent_sub {
    color: #666666;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li sub.accent_sub::before {
    background: #666666;
}

.filed .contentsWrap > .ServiceSec .serviceWrap > div ul.listStyle {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .header {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.25rem;
    padding-bottom: 1rem;
}
.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .header > b {
    border-radius: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border : 2px solid #333;
    padding : 0.3rem;
    text-align: center;
    width: 2rem;
    margin-right: 0.5rem;
    aspect-ratio: 1/1;
    font-size: 1rem;
}
.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.listStyle li {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: -0.18px;
    display: flex;
    align-items: flex-start;
    padding-left: 12px;
    position: relative;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.listStyle li::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-right: 8px;
    background: #999;
    display: block;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 10px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child:not(.not-last) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 160px 0;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 100px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > div {
    display: flex;
    gap: 10px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > div img {
    height: 124px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > p {
    margin-left: 40px;
    color: #000;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.42px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award {
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
    column-gap: 50px;
    width: 760px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li img {
    width: 180px;
    height: 180px;
    background-color: #f8f8f8;
    border-radius: 50%;
    padding: 28px;
    object-fit: contain;
    margin-bottom: 22px;
    overflow: visible;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li span {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.24px;
    margin-bottom: 4px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li p {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.24px;
}

/* 여섯 번째 섹션 */
.filed .contentsWrap > .ReviewSec .reviewWrap {
    padding: 0 var(--common-padding);
}

/* 일곱 번째 섹션 */

.filed .contentsWrap > .FaqSec .faqWrap {
    width: 100%;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .FaqSec .faqWrap .faqList li {

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filed .contentsWrap > .FaqSec .faqWrap .faqList li > .question {
    padding: 0;
}

.filed .contentsWrap > .FaqSec .faqWrap .faqList li > .answer {
    padding: 0 98px 0 40px;
}

.filed .contentsWrap > .FaqSec .faqWrap .faqList li.is_active .answer {
    padding: 40px 98px 40px 40px;
}

/* 여덟 번째 섹션 */

.filed .contentsWrap > .InquirySec .inquiryWrap {
    padding: 0 var(--common-padding);
    height: fit-content;
    width: 100%;
}
/*
.filed .contentsWrap > .InquirySec .inquiryWrap > div {
    width: 100%;
    height: 335px;
    border-radius: 24px;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(/img/field/banner.png);
    background-size: cover;
    background-position: 75% center;
    padding: 74px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/

.filed .contentsWrap > .InquirySec .inquiryWrap .titGroup {
    margin-bottom: 0;
}

.filed .contentsWrap > .InquirySec .inquiryWrap .titGroup span {
    color: #fff;
    margin-top: 0;
    margin-bottom: 16px;
}

.filed .contentsWrap > .InquirySec .inquiryWrap .titGroup sub {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    opacity: 0.8;
}

/*.filed .contentsWrap > .InquirySec .inquiryWrap button {
    !*  width: 256px;
      height: 84px;*!
    padding: 1.6rem 4.8rem;

    border-radius: 8px;
    background: #0064ff;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.22px;
}*/

/* 아홉 번째 섹션 */

.filed .contentsWrap > .DirectSec {
    padding-bottom: 150px;
}

.filed .contentsWrap > .DirectSec .directWrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 120px;
    column-gap: 100px;
    width: 100%;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .DirectSec .directWrap li {
    width: 540px;
    display: flex;
    align-items: center;
}

.filed .contentsWrap > .DirectSec .directWrap li img {
    width: 220px;
    height: 220px;
    border-radius: 16px;
    margin-right: 40px;
}

.filed .contentsWrap > .DirectSec .directWrap li > div {
    display: flex;
    flex-direction: column;
}

.filed .contentsWrap > .DirectSec .directWrap li > div span {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.28px;
}

.filed .contentsWrap > .DirectSec .directWrap li > div p {
    color: #666;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin: 12px 0 32px;
    word-break: keep-all;
}


.filed .contentsWrap > .DirectSec .directWrap li > div button,
.filed .contentsWrap > .DirectSec .directWrap li > div a {
    box-sizing: border-box;
    padding: 1rem 2rem;
    align-self: flex-start;
    border: 1px solid #000;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.18px;
    border-radius: 8px;
    transition: 0.25s ease;

    text-align: center;
}

.filed .contentsWrap > .DirectSec .directWrap li > div button:hover,
.filed .contentsWrap > .DirectSec .directWrap li > div a:hover {
    border: 1px solid transparent;
    color: #fff;
    background: #0064ff;
}

/* 시설물안전점검 시설물안전점검 시설물안전점검 시설물안전점검 시설물안전점검 시설물안전점검 */
.IntroduceSec .infoWrap {
    display: flex;
    padding: 0;
}

.IntroduceSec .infoWrap .left {
    width: calc(100% - 640px - 2px);
    height: 100%;
    margin-right: 2px;
    object-fit: cover;
}

.IntroduceSec .infoWrap .right {
    width: 640px;
    height: 100%;
}

.FacilitiesSafetyInspect .infoWrap {
    height: 670px;
    max-width: 2120px;
    margin: 0 auto;
}

.FacilitiesSafetyInspect .infoWrap ul li {
    height: calc(100% / 6);
    padding: 0 60px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #f8f8f8;
    border-bottom: 2px solid #fff;
    transition: 0.25s ease;
}
.FacilitiesSafetyInspect .infoWrap ul li.ground {
    height: calc(100% /3);
}

.FacilitiesSafetyInspect .infoWrap ul li * {
    transition: 0.25s ease;
}

.FacilitiesSafetyInspect .infoWrap ul li:hover {
    background: #f2f1f1;
}

.FacilitiesSafetyInspect .infoWrap ul li.is_active {
    background: #0064ff;
}

.FacilitiesSafetyInspect .infoWrap ul li.is_active * {
    color: #fff;
}

.FacilitiesSafetyInspect .infoWrap ul li:last-child {
    border-bottom: none;
}

.FacilitiesSafetyInspect .infoWrap ul li span {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: -0.22px;
    margin-right: 32px;
}

.FacilitiesSafetyInspect .infoWrap ul li p {
    color: #666;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.22px;
}

.filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle > li {
    width: 100%;
}

.filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li span {
    color: #000;
}

.filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
    padding: 54px 100px 80px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
    width: 100%;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead td {
    color: #0064ff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.22px;
    padding-bottom: 32px;
    line-height: 1.4;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody td {
    padding: 54px 0;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.4;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:not(:first-child) {
    width: 25%;
    text-align: center;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(1) {
    width: 25%;
    font-weight: 700;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(2) {
    border-radius: 16px 0 0 16px;
    box-shadow: 0 0 0 1px transparent;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:last-child {
    border-radius: 0 16px 16px 0;
    box-shadow: 0 0 0 1px transparent;
}

.filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr:last-child td {
    border-radius: 16px;
    box-shadow: 0 0 0 1px transparent;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(1) sub {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-top: 7px;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr:nth-child(2n - 1) td:not(:first-child) {
    background: #f1f7ff;
}

.filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td mark {
    color: inherit;
}

/* 내진성능평가 내진성능평가 내진성능평가 내진성능평가 내진성능평가 내진성능평가 */
.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap {
    height: 864px;
    padding: 0 var(--common-padding);
    background-image: url(/img/field/serviceBanner3.png);
    background-size: cover;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox {
    padding: 54px 60px 48px;
    min-height: 190px;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit {
    width: 140px;
    margin-right: 15px;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div {
    width: calc(100% - 155px);
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
    align-items: flex-start;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .tit {
    width: 100%;
    margin-bottom: 32px;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > div {
    width: 100%;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .boxStyle {
    width: 100%;
    flex-wrap: nowrap;
    margin-top: 60px;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .boxStyle li {
    margin-top: 0;
    width: calc(100% / 4);
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li p {
    font-size: 32px;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:nth-child(1) {
    border-radius: 16px 0 0 0;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:nth-child(2) {
    border-radius: 0 16px 0 0;
}

.filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:nth-child(3) {
    border-radius: 0 0 16px 16px;
}

/* 구조안전진단 구조안전진단 구조안전진단 구조안전진단 구조안전진단 구조안전진단 */
.StructureSafetyTest .IntroduceSec .infoWrap {
    max-width: 2120px;
    margin: 0 auto;
    height: 532px;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right {
    background: #0064ff;
    color: #fff;
    padding: 54px 60px;
    display: flex;
    flex-direction: column;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > p {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.3px;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox {
    padding: 36px 36px 56px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox .tit {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.22px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox .tit::before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/svg/check_wh.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox ul li {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.22px;
    position: relative;
    padding-left: 12px;
    margin-bottom: 16px;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox ul li:last-child {
    margin-bottom: 0;
}

.StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
}

/* 건설공사 정기안전점검 건설공사 정기안전점검 건설공사 정기안전점검 건설공사 정기안전점검  */

.RegularSafetyInspect .infoWrap {
    height: 532px;
}

.RegularSafetyInspect .infoWrap ul li {
    height: 23%;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    background: #f8f8f8;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    transition: 0.25s ease;
}

.RegularSafetyInspect .infoWrap ul li * {
    transition: 0.25s ease;
}

.RegularSafetyInspect .infoWrap ul li:hover {
    background: #f2f1f1;
}

.RegularSafetyInspect .infoWrap ul li.is_active {
    background: #0064ff;
    height: 54%;
    padding: 54px 60px;
}

.RegularSafetyInspect .infoWrap ul li.is_active * {
    color: #fff;
}

.RegularSafetyInspect .infoWrap ul li:last-child {
    border-bottom: none;
}

.RegularSafetyInspect .infoWrap ul li span {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
}

.RegularSafetyInspect .infoWrap ul li span mark {
    display: flex;
    width: 117px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.16px;
    margin-right: 16px;
}

.RegularSafetyInspect .infoWrap ul li.is_active span mark {
    color: #0064ff;
    border: none;
}

.RegularSafetyInspect .infoWrap ul li p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin-top: 0;
    display: block;
    max-height: 0;
    overflow: hidden;
}

.RegularSafetyInspect .infoWrap ul li.is_active p {
    margin-top: 32px;
    display: block;
    max-height: 500px;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap {
    background-image: none;
    padding: 0 var(--common-padding);
}

.filed.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox {
    border: 1px solid #005ae6;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead tr td {
    font-weight: 600 !important;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:first-child > div {
    color: #000;
    width: 100%;
    margin: 0;
    font-weight: 500;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:first-child > div strong {
    color: #0064ff;
    font-weight: 700;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
    padding: 54px 100px 80px;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:first-child {
    width: 238px;
    padding-right: 38px;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead tr td {
    text-align: left !important;
    padding: 40px 0 40px 70px !important;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead tr td:first-child {
    padding: 0 0 32px !important;
}

.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr td:not(:first-child) {
    width: calc((998px - 238px) / 3);
    padding: 40px 0 40px 70px;
    text-align: left;
}

/* 인접건출물 현황조사 인접건출물 현황조사 인접건출물 현황조사 인접건출물 현황조사*/

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap {
    width: 100%;

    display: flex;
    padding: 6rem var(--common-padding);
    background-image: url(/img/field/serviceBanner2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    gap: 10px;
    display: flex;

    justify-content: center;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox {
    padding: 54px 60px;
    min-height: 190px;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox.flex {
    display: flex;
    align-items: flex-start;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox.half {
    width: calc(50% - 5px);
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox {
    width: 100%;
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 54px 60px 60px;
    display: flex;
    flex-direction: column;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox:first-child {
    border-radius: 16px 0 0 16px;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox:last-child {
    border-radius: 0 16px 16px 0;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox .tit {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.42px;
    margin-bottom: 60px;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox span:not(.tit) {
    color: #0064ff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.28px;
    margin-bottom: 12px;
}

.filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox p {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
}

.solutionSec .solutionWrap {
    padding: 0 var(--common-padding);
}

.solutionSec .solutionWrap .solutionBox {
    margin-bottom: 120px;
}

.solutionSec .solutionWrap .solutionBox:last-child {
    margin-bottom: 0;
}

.solutionSec .solutionWrap .solutionBox > img {
    width: 100%;
    height: 430px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.solutionSec .solutionWrap .solutionBox > div {
    display: flex;
}

.solutionSec .solutionWrap .solutionBox > div .left {
    padding-left: 20px;
    padding-right: 60px;
    width: 50%;
}

.solutionSec .solutionWrap .solutionBox > div .left span {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.28px;
}

.solutionSec .solutionWrap .solutionBox > div .left p {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.24px;
    margin-top: 12px;
}

.checkInfoWrap {
    width: 50%;
    background: #f1f7ff;
    border-radius: 16px;
    padding: 48px 60px 48px 36px;
    display: flex;
    align-items: flex-start;
}

.checkInfoWrap span {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: -0.22px;
    display: flex;
    align-items: center;
    margin-right: auto;
}

.checkInfoWrap span::before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/svg/check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
}

.checkInfoWrap ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    width: 342px;
}

.checkInfoWrap ul li {
    width: 100%;
    position: relative;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -0.22px;
    padding-left: 12px;
}

.checkInfoWrap ul li.half {
    width: 50%;
}

.checkInfoWrap ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
}

.checkInfoWrap ul li.noList {
    padding-left: 0;
}

.checkInfoWrap ul li.noList::before {
    display: none;
}

/* 앱솔루션*/
.AppSolution .infoWrap {
    height: 532px;
    max-width: 2120px;
    margin: 0 auto;
}

.AppSolution .infoWrap ul li {
    height: 23%;
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    background: #f8f8f8;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    transition: 0.25s ease;
}

.AppSolution .infoWrap ul li * {
    transition: 0.25s ease;
}

.AppSolution .infoWrap ul li:hover {
    background: #f2f1f1;
}

.AppSolution .infoWrap ul li.is_active {
    background: #0064ff;
    height: 54%;
    padding: 54px 60px;
}

.AppSolution .infoWrap ul li.is_active * {
    color: #fff;
}

.AppSolution .infoWrap ul li:last-child {
    border-bottom: none;
}

.AppSolution .infoWrap ul li span {
    color: #333;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
}

.AppSolution .infoWrap ul li span mark {
    display: flex;
    width: 85px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.16px;
    margin-right: 16px;
}

.AppSolution .infoWrap ul li.is_active span mark {
    color: #0064ff;
    border: none;
}

.AppSolution .infoWrap ul li p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin-top: 0;
    display: block;
    max-height: 0;
    overflow: hidden;
}

.AppSolution .infoWrap ul li.is_active p {
    margin-top: 32px;
    display: block;
    max-height: 500px;
}

.AppSolution .contentsWrap > .backupSec .backupWrap {
    padding: 0 var(--common-padding);
    display: flex;
    align-items: center;
}

.AppSolution .contentsWrap > .backupSec .backupWrap > img {
    width: 540px;
    height: 405px;
    flex-shrink: 0;
    background-color: #b9dcf8;
    padding: 25px;
    object-fit: contain;
    border-radius: 24px;
    margin-right: 60px;
}

.AppSolution .contentsWrap > .backupSec .backupWrap > div p {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.3px;
}

.AppSolution .contentsWrap > .backupSec .backupWrap > div p strong {
    color: #0064ff;
}

.AppSolution .contentsWrap > .backupSec .backupWrap .checkInfoWrap {
    width: 100%;
}

.AppSolution .contentsWrap > .backupSec .backupWrap .checkInfoWrap:nth-last-child(2) {
    margin-top: 40px;
    margin-bottom: 10px;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
    padding: 54px 60px 80px;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .tit {
    width: 100%;
    margin: 0 0 24px;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
    width: 860px;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:not(:first-child) {
    width: 37.5%;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr td:nth-child(2) {
    color: #666;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead tr td:nth-child(2) {
    color: #999;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr:last-child td:nth-child(1) {
    color: #0064ff;
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr:last-child td:nth-child(2) {
    /* box-shadow: 0 0 0 1px rgba(0, 100, 255, 0.2); */
}

.filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr:last-child td:last-child {
    /* box-shadow: 0 0 0 1px rgba(0, 100, 255, 0.2); */
    font-weight: 700;
}

/* 주거통합솔루션 주거통합솔루션 주거통합솔루션 주거통합솔루션 주거통합솔루션 주거통합솔루션 */

.ResidentIntegrationSolution .IntroduceSec {
    padding: 180px 0;
}

.ResidentIntegrationSolution .swiper {
    display: none;
    padding: 0 var(--common-padding);
}

.ResidentIntegrationSolution .swiper .swiper-pagination {
    position: unset !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 24px;
}

.ResidentIntegrationSolution .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    opacity: 0.2;
    background: #999;
    transition: 0.25s ease;
    margin: 0 3px;
}

.ResidentIntegrationSolution .swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 22px;
    opacity: 1;
}

.filed .contentsWrap > .SystemSec > .systemBox2 .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
}

.ResidentIntegrationSolution .cardWrap {
    display: flex;
    gap: 24px;
    padding: 0 var(--common-padding);
}

.ResidentIntegrationSolution .cardWrap .card {
    width: calc((100% - 48px) / 3);
    height: fit-content;
    background: #fff;
    overflow: hidden;
    border-radius: 24px;
}

.ResidentIntegrationSolution .swiper .swiper-slide {
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ResidentIntegrationSolution .cardWrap .card img {
    width: 394px;
    object-fit: contain;
}

.ResidentIntegrationSolution .fieldNav {
    margin-bottom: 0;
}

.filed .contentsWrap > .SystemSec {
    padding-top: 0;
}

.filed .contentsWrap > .SystemSec > div {
    padding: 120px 0;
}

.filed .contentsWrap > .SystemSec > div:first-child {
    padding-top: 0;
}

.filed .contentsWrap > .SystemSec > div:last-child {
    padding-bottom: 0;
}

.SystemSec > div .titGroup {
    margin-bottom: 0;
}

.SystemSec > div .boxBody {
    padding: 0 var(--common-padding);
    display: flex;
    align-items: flex-start;
}

.SystemSec > div .boxBody .boxTit {
    width: 240px;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.28px;
    margin-top: 40px;
}

.SystemSec > div .boxBody .systemProcess {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 240px);
    gap: 8px;
}

.SystemSec > div .boxBody .systemProcess .card {
    height: 334px;
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
}

.SystemSec > div .boxBody .systemProcess .card .num {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    margin-bottom: 8px;
}

.SystemSec > div .boxBody .systemProcess .card > div {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
}

.SystemSec > div .boxBody .systemProcess .card .tit {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.24px;
}

.SystemSec > div .boxBody .systemProcess .card img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin: 0 auto;
}

.SystemSec > div .boxBody .systemProcess.step4 .card {
    width: calc((100% - 24px) / 4);
}

.SystemSec > div .boxBody .systemProcess.step3 .card {
    width: calc((100% - 24px) / 3);
}

.filed .contentsWrap > .SystemSec > .systemBox2 {
    width: 100%;
    background-image: url(/img/field/systemBox_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0;
}

.filed .contentsWrap > .SystemSec > .systemBox2 * {
    color: #fff;
}

.filed .contentsWrap > .SystemSec > .systemBox2 .cardWrap {
    margin-top: 50px;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec > .systemBox2 .swiper {
    margin-top: 32px;
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec .program {
    width: 100%;
    position: relative;
    margin: 50px auto 60px;
    padding: 0 var(--common-padding);
    display: flex;
    align-items: center;
    justify-content: center;
}

.filed .contentsWrap > .SystemSec .program img {
    width: 100%;
    max-width: 1200px;
}

.filed .contentsWrap > .SystemSec .program img.mo {
    display: none;
    max-width: 270px;
}

.filed .contentsWrap > .SystemSec .program {
    position: relative;
}

.filed .contentsWrap > .SystemSec .program .anim01 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-54%);
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec .program .anim01_mo {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50.7%);
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec .program .anim01::after {
    content: "";
    width: 100%;
    height: calc(100% + 20px);
    background-image: url(/img/field/solution1-0.svg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    animation: rotate-anim01 3.5s infinite;
}

.filed .contentsWrap > .SystemSec .program .anim01_mo::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/field/solution1-0.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    animation: rotate-anim01_mo 3.5s infinite;
}

@keyframes rotate-anim01 {
    0% {
        background-image: url(/img/field/solution1-0.svg);
    }
    20% {
        background-image: url(/img/field/solution1-1.svg);
    }
    40% {
        background-image: url(/img/field/solution1-2.svg);
    }
    60% {
        background-image: url(/img/field/solution1-3.svg);
    }
    80% {
        background-image: url(/img/field/solution1-4.svg);
    }
    100% {
        background-image: url(/img/field/solution1-0.svg);
    }
}

@keyframes rotate-anim01_mo {
    0% {
        background-image: url(/img/field/solution1-0_mo.svg);
    }
    20% {
        background-image: url(/img/field/solution1-1_mo.svg);
    }
    40% {
        background-image: url(/img/field/solution1-2_mo.svg);
    }
    60% {
        background-image: url(/img/field/solution1-3_mo.svg);
    }
    80% {
        background-image: url(/img/field/solution1-4_mo.svg);
    }
    100% {
        background-image: url(/img/field/solution1-0_mo.svg);
    }
}

.filed .contentsWrap > .SystemSec .program .anim02 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec .program .anim02_mo {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 var(--common-padding);
}

.filed .contentsWrap > .SystemSec .program .anim02::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/field/program2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    animation: rotate-anim02 3.5s infinite;
}

.filed .contentsWrap > .SystemSec .program .anim02_mo::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/img/field/solution1-0.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    animation: rotate-anim02_mo 3.5s infinite;
}

@keyframes rotate-anim02 {
    0% {
        background-image: url(/img/field/solution2-0.svg);
    }
    25% {
        background-image: url(/img/field/solution2-1.svg);
    }
    50% {
        background-image: url(/img/field/solution2-2.svg);
    }
    75% {
        background-image: url(/img/field/solution2-3.svg);
    }
    100% {
        background-image: url(/img/field/solution2-0.svg);
    }
}

@keyframes rotate-anim02_mo {
    0% {
        background-image: url(/img/field/solution2-0_mo.svg);
    }
    25% {
        background-image: url(/img/field/solution2-1_mo.svg);
    }
    50% {
        background-image: url(/img/field/solution2-2_mo.svg);
    }
    75% {
        background-image: url(/img/field/solution2-3_mo.svg);
    }
    100% {
        background-image: url(/img/field/solution2-0_mo.svg);
    }
}

@media (max-width: 1400px) {
    .fieldNav {
        padding: 0;
    }

    .mo_scrollBtn {
        display: block;
    }

    .fieldNav ul {
        padding: 0 0 0 var(--common-padding);
    }

    .fieldNav ul::-webkit-scrollbar {
        display: none;
    }

    .fieldNav ul li:last-child {
        margin-right: var(--common-padding);
    }

    .fieldNav > button:not(.mo_scrollBtn) {
        display: none;
    }

    .fieldNav ul {
        margin-left: 0;
        width: 100%;
        white-space: nowrap;
        overflow-x: scroll;
    }
}

@media (max-width: 1300px) {
    .filed .SwiperWrap .swiper-slide {
        padding: 50px;
    }

    .filed .contentsWrap .processSec .processWrap > div ul li {
        max-width: fit-content;
    }

    .filed .contentsWrap .processSec .processWrap {
        flex-direction: column;
        gap: 2px;
    }

    .filed .contentsWrap .processSec .processWrap > div {
        width: 100%;
    }

    .filed .contentsWrap .processSec .processWrap > div::after {
        top: 220%;
    }

    .filed .contentsWrap > .AfterServiceSec .differWrap > div {
        flex-direction: column;
    }

    .filed .contentsWrap > .AfterServiceSec .differWrap > div > img {
        width: 100%;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul {
        gap: 16px 25px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul li {
        width: fit-content;
        min-width: unset;
    }

    .filed .contentsWrap > .DirectSec .directWrap {
        gap: 120px 0;
    }

    .filed .contentsWrap > .DirectSec .directWrap li {
        width: 50%;
        /*    align-items: flex-start;*/
    }

    .filed .contentsWrap > .DirectSec .directWrap li img {
        width: 150px;
        height: 150px;
        margin-right: 30px;
    }

    .filed .contentsWrap > .DirectSec .directWrap li > div span {
        font-size: 24px;
    }

    .filed .contentsWrap > .DirectSec .directWrap li > div p {
        margin: 12px 0 20px;
        font-size: 18px;
    }

    .FacilitiesSafetyInspect .infoWrap ul li {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .IntroduceSec .infoWrap .left {
        width: calc(100% - 450px - 2px);
    }

    .IntroduceSec .infoWrap .right {
        width: 450px;
    }

    .filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
        padding: 54px 60px 80px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right {
        padding: 32px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox {
        width: 100% !important;
    }

    .RegularSafetyInspect .infoWrap ul li,
    .AppSolution .infoWrap ul li {
        padding: 34px 36px;
    }

    .RegularSafetyInspect .infoWrap ul li.is_active,
    .AppSolution .infoWrap ul li.is_active {
        padding: 34px 36px;
    }

    .RegularSafetyInspect .infoWrap ul li span {
        font-size: 24px;
    }

    .solutionSec .solutionWrap .solutionBox > div {
        flex-direction: column;
    }

    .solutionSec .solutionWrap .solutionBox > div .left {
        width: 100%;
        margin-bottom: 32px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .checkInfoWrap {
        width: 100%;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap > img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap {
        flex-direction: column;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap > div p {
        width: 100%;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap > div {
        width: 100%;
    }

    .SystemSec > div .boxBody .systemProcess.step4 .card {
        width: calc((100% - 8px) / 2);
    }

    .SystemSec > div .boxBody .systemProcess.step3 .card {
        width: calc((100% - 8px) / 2);
    }
}

@media (max-width: 990px) {


    /*  .filed .contentsWrap > .DirectSec .directWrap li > div button, .filed .contentsWrap > .DirectSec .directWrap li > div a {


        height: unset;
        line-height: unset;
        width: fit-content;
        padding : 12px 18px;


        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.12px;
        text-transform: uppercase;
      }*/
    .filed .contentsWrap > div {
        padding: 40px 0;
    }

    .filed .contentsWrap > div:first-child {
        padding: 60px 0 40px;
    }

    .fieldHead {
        height: fit-content;
        padding: 104px var(--common-padding) 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .fieldHead img {
        width: 100%;
        max-width: 500px;
        margin-bottom: 20px;
    }

    .fieldNav {
        height: 62px;
        margin-bottom: 0;
    }

    .fieldNav ul {
        gap: 16px;
    }

    .fieldNav ul li {
        font-size: 16px;
    }

    .contentsWrap .titGroup {
        margin-bottom: 32px;
    }

    .filed .SwiperWrap {
        height: fit-content;
        align-items: flex-start;
        padding: 32px 0;
    }

    .filed .SwiperWrap .swiper-slide {
        height: fit-content;
        border-radius: 16px;
        padding: 32px 24px 178px;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .filed .SwiperWrap .swiper-pagination {
        margin-top: 24px;
    }

    .filed .SwiperWrap .swiper-button-prev,
    .filed .SwiperWrap .swiper-button-next {
        display: none;
    }

    .filed .SwiperWrap .swiper-slide .right {
        width: 100%;
        padding: 0;
    }

    .filed .SwiperWrap .swiper-slide .right .num {
        font-size: 20px;
    }

    .filed .SwiperWrap .swiper-slide .right .tit {
        font-size: 24px;
        line-height: 1.33;
        margin: 4px 0 12px;
    }

    .filed .SwiperWrap .swiper-slide .right .lead {
        font-size: 16px;
        line-height: 1.375;
    }

    .filed .SwiperWrap .swiper-slide > img {
        width: 100%;
        height: 290px;
        margin-top: 32px;
    }

    .filed .SwiperWrap .swiper-slide .right .images {
        position: absolute;
        bottom: 32px;
        gap: 6px;
        width: calc(100% - var(--common-padding));
    }

    .filed .SwiperWrap .swiper-slide .right .images img {
        width: calc(33.3333% - 2px);
        height: 140px;
    }

    .filed .SwiperWrap .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 3px;
    }

    .filed .SwiperWrap .swiper-pagination-bullet-active {
        width: 22px;
    }

    .filed .contentsWrap > .MajorSec .majorWrap {
        display: none;
        /*       flex-direction: row;
               overflow-x: scroll;
               gap: 14px;*/
    }

    /*   .filed .contentsWrap > .MajorSec .majorWrap::-webkit-scrollbar {
           display: none;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div {
           flex-direction: column;
           margin-bottom: 0;
           height: fit-content;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div:nth-child(2) {
           flex-direction: column-reverse;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div img {
           width: 292px;
           height: 219px;
           margin-bottom: 20px;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div > div {
           width: 292px;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div > div span {
           font-size: 20px;
           line-height: 1.4;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div > div p {
           font-size: 16px;
           line-height: 1.375;
           margin-top: 8px;
       }

       .filed .contentsWrap > .MajorSec .majorWrap > div > div p br {
           display: none;
       }
   */
    .filed .contentsWrap .processSec .processWrap > div {
        height: 294px;
        padding: 32px 38px;
    }

    .filed .contentsWrap .processSec .processWrap > div .info {
        height: 75px;
        max-height: 75px;
    }

    .filed .contentsWrap .processSec .processWrap > div .step {
        font-size: 32px;
        line-height: 1.25;
    }

    .filed .contentsWrap .processSec .processWrap > div .tit {
        font-size: 18px;
        line-height: 1.44;
        margin-top: 6px;
    }

    .filed .contentsWrap .processSec .processWrap > div ul {
        margin-top: 60px;
    }

    .filed .contentsWrap .processSec .processWrap > div::after {
        top: 165%;
        transform: skewY(20deg);
    }

    .filed .contentsWrap .processSec .processWrap > div ul li {
        font-size: 14px;
        line-height: 1.28;
        padding-left: 8px;
        margin-bottom: 6px;
    }

    .filed .contentsWrap .processSec .processWrap > div ul li::before {
        width: 3px;
        height: 3px;
        top: 6px;
    }

    .filed .contentsWrap > .AfterServiceSec .differWrap > div {
        gap: 24px;
    }

    .filed .contentsWrap > .AfterServiceSec .differWrap > div > img {
        height: 257px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > p {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 24px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li {
        padding: 23px 24px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li span {
        font-size: 18px;
        width: fit-content;
        margin-right: 20px;
        line-height: 1.888;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList ul li span::before {
        width: 20px;
        height: 20px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li p,
    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul li {
        font-size: 18px;
        line-height: 1.888;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul {
        gap: 0px 25px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox.flex {
        flex-direction: column;
        padding: 24px 24px 40px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit {
        width: 100%;
        margin: 0 0 12px;
        font-size: 20px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit br {
        display: none;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:first-child > div {
        width: 100%;
        font-size: 22px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li span {
        font-size: 16px;
        line-height: 1.375;
        margin-bottom: 8px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li span img {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li p {
        font-size: 18px;
        line-height: 1.444;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li sub {
        display: none;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div {
        width: 100%;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle {
        width: 100%;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap {
        padding: 80px var(--common-padding) 0;
        background-size: 100% 320px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.listStyle li {
        font-size: 16px;
        line-height: 1.375;
        padding-left: 10px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.listStyle li::before {
        margin-right: 6px;
        top: 7px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
        padding: 44px 35px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer {
        margin-bottom: 44px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > div img {
        height: 80px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > p {
        font-size: 24px;
        line-height: 1.4;
        margin-left: 14px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li {
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li img {
        width: 110px;
        height: 110px;
        padding: 13.75px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li span {
        font-size: 20px;
        line-height: 1.375;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li p {
        font-size: 19px;
        line-height: 1.28; /* 128.571% */
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li {
        width: 180px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award {
        row-gap: 48px;
        column-gap: 18px;
        width: 576px;
    }

    .filed .contentsWrap > .DirectSec .directWrap li img {
        width: 132px;
        height: 132px;
        margin-right: 20px;
    }

    .filed .contentsWrap > .DirectSec .directWrap li > div span {
        font-size: 18px;
        line-height: 1.88;
    }

    .filed .contentsWrap > .DirectSec .directWrap li > div p {
        font-size: 14px;
        line-height: 1.28;
        margin: 0 0 24px;
    }

    .filed .contentsWrap > .DirectSec .directWrap li > div a,
    .filed .contentsWrap > .DirectSec .directWrap li > div button {

        padding: .6rem 1rem;
        font-size: 12px;

    }

    .filed .contentsWrap > .DirectSec {
        padding-bottom: 96px;
    }

    .FacilitiesSafetyInspect .infoWrap {
        flex-direction: column;
        height: fit-content;
    }

    .FacilitiesSafetyInspect .infoWrap ul li {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 var(--common-padding);
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .tit mark {
        font-size: 16px;
        line-height: 1.375;
        margin-top: 4px;
    }

    .IntroduceSec .infoWrap .left {
        width: 100%;
        height: 300px;
    }

    .IntroduceSec .infoWrap .right {
        width: 100%;
        height: 454px;
    }

    .AppSolution .IntroduceSec .infoWrap .right {
        height: 400px;
    }

    .FacilitiesSafetyInspect .infoWrap ul li span {
        font-size: 18px;
        margin-right: 24px;
    }

    .FacilitiesSafetyInspect .infoWrap ul li p {
        font-size: 16px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle {
        gap: 32px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
        width: 800px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead td {
        padding-bottom: 30px;
    }

    .filed:not(.apartmentPreInspect) .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
        overflow-x: scroll;
        align-items: flex-start;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child::-webkit-scrollbar {
        display: none;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody td {
        font-size: 16px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody td {
        padding: 0;
        height: 98px;
    }

    .filed.FacilitiesSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
        padding: 32px 24px 40px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(1) sub {
        font-size: 16px;
        margin-top: 0;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead td {
        font-size: 20px;
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox {
        width: 100%;
        min-height: fit-content;
        border-radius: 10px !important;
        padding: 24px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap {
        flex-direction: column;
        height: fit-content;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right {
        height: fit-content;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > p {
        font-size: 20px;
        line-height: 1.4;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > p br {
        display: none;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox .tit {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox .tit::before {
        width: 20px;
        height: 20px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox ul li {
        font-size: 18px;
        line-height: 1.44;
        padding-left: 10px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > .infoBox ul li::before {
        top: 9px;
    }

    .RegularSafetyInspect .infoWrap,
    .AppSolution .infoWrap {
        height: fit-content;
        flex-direction: column;
    }

    .RegularSafetyInspect .infoWrap ul li span mark,
    .AppSolution .infoWrap ul li span mark {
        width: 88px;
        height: 28px;
        border-radius: 6px;
        color: #666;
        font-size: 12px;
        margin-right: 12px;
    }

    .AppSolution .infoWrap ul li span mark {
        width: 64px;
    }

    .RegularSafetyInspect .infoWrap ul li span,
    .AppSolution .infoWrap ul li span {
        font-size: 20px;
    }

    .RegularSafetyInspect .infoWrap ul li p,
    .AppSolution .infoWrap ul li p {
        font-size: 16px;
        line-height: 1.375;
        letter-spacing: -0.16px;
        margin-top: 20px;
    }

    .RegularSafetyInspect .IntroduceSec .infoWrap .right {
        height: 396px;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap {
        padding: 0 var(--common-padding);
    }

    .filed.RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox {
        padding: 24px;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:first-child {
        padding-right: 20px;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr td:not(:first-child) {
        padding: 20px;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr td {
        word-break: keep-all;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody tr td br {
        display: none;
    }

    .solutionSec .solutionWrap .solutionBox > img {
        height: 257px;
        margin-bottom: 20px;
    }

    .solutionSec .solutionWrap .solutionBox > div .left span {
        font-size: 20px;
        line-height: 1.4;
    }

    .solutionSec .solutionWrap .solutionBox > div .left p {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 8px;
    }

    .checkInfoWrap {
        width: 100%;
        border-radius: 10px;
        padding: 24px;
    }

    .checkInfoWrap span {
        font-size: 18px;
    }

    .checkInfoWrap span::before {
        width: 20px;
        height: 20px;
    }

    .checkInfoWrap ul li {
        font-size: 18px;
        padding-left: 10px;
    }

    .checkInfoWrap ul li::before {
        top: 9px;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap > div p {
        font-size: 20px;
        line-height: 1.4;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap .checkInfoWrap:nth-last-child(2) {
        margin-top: 24px;
        margin-bottom: 8px;
    }

    .filed .contentsWrap > .ReviewSec .reviewWrap {
        padding: 0;
    }

    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList {
        overflow-x: scroll;
    }

    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList::-webkit-scrollbar {
        display: none;
    }

    /*
    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList > div:last-child {
      display: none;
    }
    */
    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList > div {
        padding: 0 var(--common-padding);
        display: flex;
        flex-wrap: nowrap;
    }

    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList > div li {
        min-width: 292px;
    }

    .filed .contentsWrap > .ReviewSec .reviewWrap .reviewList > div li:last-child {
        margin-right: var(--common-padding);
    }

    .ResidentIntegrationSolution .swiper {
        display: block;
    }

    .ResidentIntegrationSolution .cardWrap {
        display: none;
    }

    .ResidentIntegrationSolution .cardWrap .card img,
    .ResidentIntegrationSolution .swiper img {
        max-height: 487px;
    }

    .filed .contentsWrap > .SystemSec > .systemBox2 {
        padding: 50px 0 32px;
    }

    .SystemSec > div .boxBody .systemProcess .card {
        padding: 26px 24px;
    }

    .SystemSec > div .boxBody {
        flex-direction: column;
    }

    .SystemSec > div .boxBody .boxTit {
        width: 100%;
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 1.33;
        letter-spacing: -0.24px;
    }

    .SystemSec > div .boxBody .boxTit br {
        display: none;
    }

    .SystemSec > div .boxBody .systemProcess {
        width: 100%;
    }

    .SystemSec > div .boxBody .systemProcess .card {
        height: 270px;
    }

    .SystemSec > div .boxBody .systemProcess .card .num {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.375;
    }

    .SystemSec > div .boxBody .systemProcess .card .tit {
        font-size: 18px;
        line-height: 1.444;
        letter-spacing: -0.18px;
    }

    .SystemSec > div .boxBody .systemProcess .card img {
        width: 72px;
        height: 72px;
    }

    .SystemSec > div .boxBody .systemProcess.step4 .card {
        width: calc((100% - 8px) / 2);
    }

    .SystemSec > div .boxBody .systemProcess.step3 .card {
        width: 100%;
        height: fit-content;
        flex-direction: row;
    }

    .SystemSec > div .boxBody .systemProcess.step3 .card img {
        margin-right: 0;
        margin-top: auto;
    }

    .SystemSec > div .boxBody .systemProcess .card br {
        display: none;
    }
}

@media (max-width: 768px) {
    .filed .contentsWrap > .DirectSec .directWrap {
        gap: 48px;
    }

    .filed .contentsWrap > .SystemSec .program .anim01 {
        display: none;
    }

    .filed .contentsWrap > .SystemSec .program .anim01_mo {
        display: block;
    }

    .filed .contentsWrap > .SystemSec .program .anim02 {
        display: none;
    }

    .filed .contentsWrap > .SystemSec .program .anim02_mo {
        display: block;
    }

    .filed .contentsWrap > .DirectSec .directWrap li {
        width: 100%;
    }

    .IntroduceSec .infoWrap .left {
        height: 162px;
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle li p {
        font-size: 18px;
    }

    .AppSolution .contentsWrap > .backupSec .backupWrap > img {
        height: 257px;
    }
}

@media (max-width: 700px) {
    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li img {
        width: 90px;
        height: 90px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li span {
        font-size: 16px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li p {
        font-size: 14px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award li {
        width: 130px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award {
        row-gap: 24px;
        column-gap: 18px;
        width: 426px;
    }

    .filed .faqList li .question p i {
        display: inline-block;
    }

    .filed .contentsWrap > .FaqSec .faqWrap .faqList li > .question {
        padding: 0;
    }

    .filed .contentsWrap > .FaqSec .faqWrap .faqList li.is_active .answer {
        padding: 24px 28px;
    }

    .filed .faqList li p {
        width: calc(100% - 40px);
    }
}

@media (max-width: 600px) {
    .filed .SwiperWrap .swiper-slide .right .images {
        width: calc(100% - var(--common-padding) * 2);
    }

    .filed .SwiperWrap .swiper-slide {
        padding: 32px 24px 108px;
    }

    .filed .SwiperWrap .swiper-slide .right .images img {
        height: 70px;
    }

    .filed .SwiperWrap .swiper-slide > img {
        height: 220px;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul {
        gap: 0px;
        width: 150px;
        margin-left: 0;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li.half {
        width: 100%;
    }

    .filed .contentsWrap > .AfterServiceSec .serviceList > ul > li > ul li {
        width: 100%;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle {
        gap: 32px 0;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle > li {
        width: 100%;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle > li br {
        display: none;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > div img {
        height: 36px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .consumer > p {
        font-size: 20px;
    }

    .StructureSafetyTest .IntroduceSec .infoWrap .right > p br {
        display: block;
    }
}

@media (max-width: 500px) {
    .SystemSec > div .boxBody .systemProcess .card br {
        display: block;
    }
}

@media (max-width: 400px) {
    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox ul.boxStyle > li br {
        display: block;
    }
}

@media (max-width: 990px) {

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox .accent {

        font-size: 22px;
    }
/*
    .filed .contentsWrap > .InquirySec .inquiryWrap > div {
        padding: 40px 24px;
        height: 214px;
    }*/

    .RegularSafetyInspect .infoWrap ul li,
    .AppSolution .infoWrap ul li {
        padding: 32px 24px;
    }

    .RegularSafetyInspect .infoWrap ul li.is_active,
    .AppSolution .infoWrap ul li.is_active {
        padding: 32px 24px;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup {
        padding: 0;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup span {
        font-size: 24px;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup sub {
        font-size: 19px;
        line-height: 1.37;
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .boxStyle {
        gap: 0;
        flex-wrap: wrap;
        gap: 24px 0;
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child .boxStyle li {
        width: 50%;
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap {
        height: fit-content;
        padding: 32px var(--common-padding);
    }

    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div,
    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div ul,
    .filed.seismicPerformanceEvaluation .contentsWrap > .ServiceSec .serviceWrap .serviceBox > div ul li {
        width: 100%;
    }

    .filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox {
        border-radius: 16px !important;
        padding: 32px 24px 40px;
    }

    .filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox .tit {
        font-size: 28px;
        line-height: 1.285;
        margin-bottom: 32px;
    }

    .filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox span:not(.tit) {
        font-size: 18px;
        line-height: 1.44;
        margin-bottom: 6px;
    }

    .filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap .serviceBox p {
        font-size: 16px;
        line-height: 1.375;
        letter-spacing: -0.16px;
    }

    .solutionSec .solutionWrap .solutionBox {
        margin-bottom: 80px;
    }

    .AppSolution .infoWrap {
        height: fit-content;
        flex-direction: column;
    }

    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child {
        padding: 24px;
    }

    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
        width: 100%;
    }

    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead td {
        font-size: 16px;
    }

    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tbody td {
        padding: 0;
        height: 78px;
    }

    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(2),
    .filed.AppSolution .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td:nth-child(3) {
        width: 111px !important;
    }
}

@media (max-width: 768px) {
    .filed .contentsWrap > .InquirySec .inquiryWrap > div p {
        font-size: 20px;
        line-height: 1.4;
    }

    .filed .contentsWrap > .SystemSec .program img.pc {
        display: none;
    }

    .filed .contentsWrap > .SystemSec .program img.mo {
        display: block;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap > div button {
        width: 86px;
        height: 44px;
        border-radius: 6px;
        font-size: 14px;
        color: transparent;
        position: relative;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup sub {
        font-size: 16px;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap > div button::after {
        content: "상담 신청";
        color: #fff;
        font-weight: 700;
        letter-spacing: -0.14px;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup span {
        font-size: 20px;
        white-space: nowrap;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup sub {
        white-space: nowrap;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup span br,
    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup sub br {
        display: block;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
        width: 650px;
    }
}

@media (max-width: 650px) {
    .filed.StatusOfAdjacentBuildings .contentsWrap .serviceWrap {
        height: fit-content;
        padding: 32px var(--common-padding);
        flex-direction: column;
    }

    .checkInfoWrap:not(.AppSolution .checkInfoWrap) {
        flex-direction: column;
    }

    .checkInfoWrap:not(.AppSolution .checkInfoWrap) ul {
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
        width: 100%;
        margin-top: 10px;
    }

    .checkInfoWrap ul li.half {
        width: 100%;
    }

    .AppSolution .checkInfoWrap ul {
        width: 130px;
    }
}

@media (max-width: 500px) {
    .filed .contentsWrap > .InquirySec .inquiryWrap .titGroup {
        width: 170px;
    }

    .supportWrap .fifthSec {
        align-items: flex-start;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap > div {
        min-width: fit-content;
        padding: 24px;
    }

    .filed .contentsWrap > .InquirySec .inquiryWrap > div button {
        margin-top: 70px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table {
        width: 498px;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table td {
        text-align: center !important;
    }

    .RegularSafetyInspect .contentsWrap > .ServiceSec .serviceWrap .serviceBox table thead tr td {
        text-align: center !important;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox table tr td mark {
        display: none;
    }

    .filed .contentsWrap > .ServiceSec .serviceWrap .serviceBox:last-child > .award {
        width: 278px;
    }
}