@charset "utf-8";

.pcView{display:block;}
.mView{display:none;}

.fullCont{width:calc(100% + 225px);position:relative;left:-113px;}
.banner{border-radius:18px;margin-top:80px;}
.basicText{font-size:2.6rem;font-weight:500;letter-spacing:-0.04em;color:#555;line-height:1.61538;word-break:keep-all;}
.c_002f65{color:#002f65;}
.mont{font-family:'Montserrat';}
.boderTop{position:relative;}
.boderTop:before{width:100vw;max-width:1905px;height:1px;background:#e5e5e5;position:absolute;top:0;left:50%;transform:translateX(-50%);content:'';}

/* 회사소개 */
#introduceGroup .banner{display:flex;justify-content:center;align-items:center;text-align:center;font-size:4.5rem;font-weight:600;letter-spacing:-0.04em;color:#fff;line-height:1.466666;word-break:keep-all;padding:186.5px 50px;background:url('/img/introduce/introduce_banner.png')no-repeat center / cover;border-radius: 16px;}
.greetingWrap .ideology{display:flex;justify-content:space-between;margin-top:100px;}
.greetingWrap .ideology li{width:49.105%;padding:92px 20px 84px;border-radius:20px;box-shadow:0px 0px 35px 5px rgba(0,0,0,0.09);background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.greetingWrap .ideology li p{font-size:3rem;font-weight:600;letter-spacing:-0.04em;color:#111;margin-top:30px;}
.greetingWrap .basicText{margin-top:90px;text-align:center;}

/* 사업영역 */
#businessGroup .banner{border-radius:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:187px 20px 189px;background:url('/img/business/business_banner.jpg')no-repeat center / cover;}
#businessGroup .banner h3{text-align:center;font-size:6.8rem;font-weight:500;letter-spacing:-0.04em;color:#111;line-height:1.17647;word-break:keep-all;}
#businessGroup .banner .basicText{margin-top:74px;text-align:center;}
.businessWrap .businessList li{padding:100px 0;display:flex;justify-content:center;align-items:center;}
.businessWrap .businessList li:last-child{padding:100px 0 20px;}
.businessWrap .businessList li img{width:50%;border-radius: 20px;}
.businessWrap .businessList li dl {width:50%;padding:0 1% 0 7.024%;margin-top:-15px;}
.businessWrap .businessList li dl dt{font-size:3.8rem;font-weight:500;letter-spacing:-0.04em;color:#111;line-height:1.5789;}
.businessWrap .businessList li dl dt .mont{display:inline-block;font-size:5.8rem;font-weight:500;letter-spacing:-0.04em;color:#111;line-height:1.03448;word-break:keep-all;}
.businessWrap .businessList li dl dd{font-size:2.4rem;font-weight:400;letter-spacing:-0.04em;color:#555;line-height:1.75;margin-top:54px;word-break:keep-all;}

/* 기술소개 */
#tech_roomGroup .banner{border-radius:0;padding:321px 20px 343px;background:url('/img/technology/technology_banner.jpg')no-repeat center top / cover;}
#tech_roomGroup .banner h3{text-align:center;font-size:5.4rem;font-weight:600;letter-spacing:-0.04em;color:#fff;line-height:1.25925;word-break:keep-all;}
#tech_roomGroup .banner h3 + p{font-size:2.2rem;font-weight:400;letter-spacing:-0.04em;color:#fff;line-height:1.54545;margin-top:31px;word-break:keep-all;text-align:center;}

.technologyWrap .subTxt{font-size:2rem;font-weight:400;letter-spacing:-0.04em;color:#444;line-height:1.6;}
.technologyWrap .subTxt02{font-size:1.9rem;font-weight:400;letter-spacing:-0.04em;color:#444;line-height:1.68421;}
.technologyWrap .num{display:inline-block;margin-right:6px;}
.technologyWrap .techTitle dt{font-size:4.8rem;font-weight:600;letter-spacing:-0.04em;color:#111;line-height:1.25;}
.technologyWrap .techTitle dt .subTit{font-size:2.4rem;font-weight:600;letter-spacing:-0.04em;color:#002f65;}
.technologyWrap .techTitle dt .subTit02{font-size:3.2rem;font-weight:500;letter-spacing:-0.04em;color:#002f65;}
.technologyWrap .techTitle dt strong{display:flex;align-items:flex-start;word-break:keep-all;}
.technologyWrap .techTitle dd.subTxt{margin-top:7.8%;padding-left:38px;}
.technologyWrap .technologyList > li{padding:121px 0 149px;}
.technologyWrap .technologyList > li:last-child{padding:121px 0 19px;}
.technologyWrap .technologyList > li .diffrence{display:flex;margin-top:94px;}
.technologyWrap .technologyList > li .diffrence li{width:32.15%;padding:56px 3.19% 3.39% 3.57%;border-radius:15px;box-shadow:0px 0px 35px 5px rgba(0,0,0,0.09);margin-right:1.78%;}
.technologyWrap .technologyList > li .diffrence li:first-child{background:#fff url('/img/technology/diffrence01.png')no-repeat right 13% top 48px / 13% auto;}
.technologyWrap .technologyList > li .diffrence li:nth-child(2){background:#fff url('/img/technology/diffrence02.png')no-repeat right 6% top 48px / 13% auto;}
.technologyWrap .technologyList > li .diffrence li:last-child{background:#fff url('/img/technology/diffrence03.png')no-repeat right 10% top 48px / 13% auto;margin-right:0;}
.technologyWrap .technologyList > li .diffrence li strong{width:80%;display:inline-block;font-size:2.8rem;font-weight:700;letter-spacing:-0.04em;color:#111;}
.technologyWrap .technologyList > li .diffrence li strong .subTxt{display:inline-block;color:#111;line-height:1.2;}
.technologyWrap .technologyList > li .diffrence li .subTxt02{margin-top:43px;}
.technologyWrap .technologyList > li .field {display:flex;justify-content:space-between;margin-top:76px;}
.technologyWrap .technologyList > li .field li{width:48.8%;padding:3.93% 1.2% 4.35% 4.05%;border-radius:15px;color:#fff;}
.technologyWrap .technologyList > li .field li:first-child{background:url('/img/technology/field01.png')no-repeat center top / cover;}
.technologyWrap .technologyList > li .field li:nth-child(2){background:url('/img/technology/field02.png')no-repeat center top / cover;}
.technologyWrap .technologyList > li .field li > strong{font-size:3.8rem;font-weight:600;letter-spacing:-0.04em;color:#fff;}
.technologyWrap .technologyList > li .field li .subTxt{color:#fff;vertical-align:13px;}
.technologyWrap .technologyList > li .field li .subTxt02{margin-top:304px;color:#fff;}
.technologyWrap .technologyList > li .infra {margin-top:76px;padding:144px 0 142px 79px;border-radius:15px;background:url('/img/technology/infra.png')no-repeat left top / cover;}
.technologyWrap .technologyList > li .infra > strong{font-size:3.4rem;font-weight:700;letter-spacing:-0.04em;color:#fff;}
.technologyWrap .technologyList > li .infra > p.subTxt{margin-top:30px;color:#fff;}
.technologyWrap .technologyList > li:first-child{display:flex;align-items:center;padding:27.2% 0 25.6%;position:relative;}
.technologyWrap .technologyList > li:first-child .techTitle{width:45%;}
.technologyWrap .technologyList > li:first-child .imgBox{width:61.905%;position:absolute;right:-112px;top:calc(50% + 15px);transform: translateY(-50%);z-index:-1;}
.technologyWrap .technologyList > li:first-child .imgBox img{border-radius:20px 0 0 20px;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle{display:flex;align-items:center;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle dt{width:50%;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle dd{width:50%;margin-top: 59px;padding-left: 0;}


@media all and (max-width:1680px) {
.technologyWrap .subTxt02 br{display:none;}
.technologyWrap .techTitle dt br{display:none;}
.technologyWrap .techTitle dd.subTxt br{display:none;}
}


@media all and (max-width:1279px) {
#introduceGroup .banner br{display:none;}
.greetingWrap .basicText br{display:none;}

#tech_roomGroup .banner {padding:221px 20px 243px;}
}

@media all and (max-width:979px) {
.fullCont{width: 100vw;left: 50%;transform: translateX(-50%);}

/* 사업영역 */
.businessWrap .businessList li {display:flex;flex-wrap:wrap;}
.businessWrap .businessList li img{width:100%;border-radius:10px;}
.businessWrap .businessList li dl {width:100%;padding:0;margin-top:40px;}

/* 기술소개 */
.technologyWrap .techTitle dt br{display:none;}
.technologyWrap .techTitle dd.subTxt br{display:none;}

}

@media all and (max-width:767px) {

.pcView{display:none;}
.mView{display:block;}

.banner{border-radius:9px;margin-top:40px;}
.basicText {font-size: 2rem;}

/* 회사소개 */
#introduceGroup .banner{font-size:3.5rem;padding:94px 20px;border-radius:8px;}
.greetingWrap .ideology{flex-wrap:wrap;margin-top:50px;}
.greetingWrap .ideology li{width:100%;padding:46px 10px 42px;border-radius:10px;}
.greetingWrap .ideology li:nth-child(n+2){margin-top:30px;}
.greetingWrap .ideology li img{width:49px;}
.greetingWrap .ideology li p{margin-top:15px;font-size:2rem;}
.greetingWrap .basicText{margin-top:45px;}

/* 사업영역 */
#businessGroup .banner{padding:94px 30px 90px;}
#businessGroup .banner h3 {font-size: 4.8rem;}
#businessGroup .banner .basicText{margin-top:37px;}
.businessWrap .businessList li{padding:50px 0;}
.businessWrap .businessList li:last-child{padding:50px 0 10px;}
.businessWrap .businessList li dl dt{font-size:2.8rem;}
.businessWrap .businessList li dl dt .mont{font-size:3.8rem;}
.businessWrap .businessList li dl dd{margin-top:27px;font-size: 2rem;}

/* 기술소개 */
#tech_roomGroup .banner {padding:121px 20px 143px;}
#tech_roomGroup .banner h3 {font-size:4rem;}
#tech_roomGroup .banner h3 + p {font-size:1.8rem;}
#tech_roomGroup .banner h3 + p br{display:none;}
.technologyWrap .techTitle dt {font-size: 3.4rem;}
.technologyWrap .techTitle dd.subTxt {margin-top:20px;padding-left:25px;}
.technologyWrap .subTxt {font-size: 1.6rem;}
.technologyWrap .subTxt02 {font-size: 1.5rem;}

.technologyWrap .technologyList > li {padding:60px 0 75px;}
.technologyWrap .technologyList > li .diffrence{flex-wrap:wrap;margin-top:47px;}
.technologyWrap .technologyList > li .diffrence li{width:100%;padding:7.3% 3.19% 10.8% 3.57%;margin-right:0;border-radius: 10px;}
.technologyWrap .technologyList > li .diffrence li:first-child {background: #fff url('/img/technology/diffrence01.png') no-repeat right 4% top 25px / 8% auto;}
.technologyWrap .technologyList > li .diffrence li:nth-child(2) {margin-top:30px;background: #fff url('/img/technology/diffrence02.png') no-repeat right 4% top 25px / 8% auto;}
.technologyWrap .technologyList > li .diffrence li:last-child {margin-top:30px;background: #fff url('/img/technology/diffrence03.png') no-repeat right 4% top 25px / 8% auto;}
.technologyWrap .technologyList > li .diffrence li .subTxt02{margin-top:22px;}
.technologyWrap .technologyList > li:first-child{flex-wrap:wrap;padding:100px 0 75px;}
.technologyWrap .technologyList > li:first-child .techTitle {width:100%;}
.technologyWrap .technologyList > li:first-child .imgBox{width:100%;position:unset;transform:unset;margin-top:20px;z-index:0;}
.technologyWrap .technologyList > li:first-child .imgBox img {border-radius:10px;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle{flex-wrap:wrap;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle dt{width:100%;}
.technologyWrap .technologyList > li:nth-child(2) .techTitle dd{width:100%;margin-top:30px;}
.technologyWrap .technologyList > li:last-child{padding:60px 0 10px;}
.technologyWrap .technologyList > li .field {flex-wrap:wrap;margin-top:38px;}
.technologyWrap .technologyList > li .field li > strong {font-size: 3.2rem;}
.technologyWrap .technologyList > li .field li{width:100%;padding:3.93% 1.2% 4.35% 4.05%;border-radius:10px;}
.technologyWrap .technologyList > li .field li:last-child{margin-top:30px;}
.technologyWrap .technologyList > li .field li .subTxt{vertical-align:13px;}
.technologyWrap .technologyList > li .field li .subTxt02{margin-top:152px;}
.technologyWrap .technologyList > li .infra {margin-top:38px;padding: 104px 20px 102px 39px;border-radius:10px;}
.technologyWrap .technologyList > li .infra > strong {font-size: 2.8rem;}
.technologyWrap .technologyList > li .infra > p.subTxt {margin-top:15px;}

}