.inner{width:1500px; margin:0 auto;}
.con{width:1500px; margin:0 auto;}


@media (max-width:1500px){
	.con{width:100%; padding:0 1rem;}
	.inner{width:100%; padding:0 1rem;}
}

/**************공용**************/

h4.tit-top {font-size:2rem;color:#333;font-weight:800;font-fcatalogamily:'Pretendard';text-align:center;letter-spacing:-0.04rem;line-height:1.25;}
h4.tit-top span{color:#004ea2;}

@media (max-width:1030px){	
	h4.tit-top {font-size:1.5rem;}
}


/**************인사말**************/


.company .company-bg {height:15.75rem;border-radius:1.25rem;background:url(/images/default/content/company-bg.jpg)no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;margin:2.5rem 0 3rem 0;text-align:center;}
.company .company-bg strong {font-size:1.5rem;font-weight:800;color:#fff;}

.company .company-txt-zone {display:flex;}
.company .company-txt-zone .left-bx {width:15.9rem;}
.company .company-txt-zone .right-bx{width:100%;}
.company .company-txt-zone .right-bx strong {font-size:1.3rem;font-weight:700;color:#333;}
.company .company-txt-zone .right-bx > p {margin-top:2.5rem;font-size:1rem;color:#555;}
.company .company-txt-zone .right-bx > p b{font-family:'Pretendard';} 

.company .company-txt-zone p.txt-zone-p{color:#555;font-size:1rem;}
.company .ceo {margin-top:3rem;font-size:1rem;font-weight:800;color:#333;font-family:'Pretendard';}
.company .ceo b{font-size:1.4rem;font-weight:800;margin-left:0.6rem;display:inline-block;}
.company .ceo p{display:inline-block;position:relative;z-index:1;}

@media (max-width:1400px){
	.company .company-txt-zone .right-bx{padding-left:1rem;}
	.company .company-txt-zone .left-bx{width:30%;}
	.company .company-txt-zone .left-bx img{max-width:100%;}
	.company .company-txt-zone .right-bx{width:70%;}
}
@media (max-width:767px){
	.company .company-txt-zone{display:block;}
	.company .company-txt-zone .right-bx{width:100%;padding-left:0;margin-top:1rem;}
	.company .company-txt-zone .left-bx{width:100%;text-align:center;}
}


.history-con{margin-top:5rem;}
.history .history-bx-tit {margin-top:6.5rem;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .history-bx-tit.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.history .history-bx {margin-top:2.5rem;height:20rem;display:flex;justify-content:center;align-items:center;position:relative;text-align:center;}
.history .history-bx .history-bx-bg {position:absolute;left:0;top:0;background:url(/images/default/content/history-bg.jpg)no-repeat center center;background-size:cover;width:100%;height:100%;z-index:-1;transition: all 0.9s ease;clip-path: inset(0 50%);opacity: 0.5;}
.history .history-bx.go .history-bx-bg {    clip-path: inset(0);opacity: 1;}

.history .history-bx strong{font-size:1.5rem;color:#fff;font-weight:700;font-family:'Pretendard';}
.history .history-bx strong em{color:#004ea2;}
.history .history-bx .con {opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .history-bx.go .con{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}

.history-list{position:relative;}
.history-list:before{content:'';display:block;position:absolute;width:1px;height:100%;background:#ccc;left:50%;transform:translateX(-50%);top:1rem;}
.history-list:after{content:'';display:block;position:absolute;width:2.75rem;height:2.75rem;background:url(/images/default/content/point-img.png)no-repeat center center;background-size:cover;left:50%;top:0;transform:translateX(-50%);}

.history-list > div{position:relative;display:flex;justify-content:center;}
.history-list > div:not(:last-child){padding-bottom:3rem;}
.history-list > div:after{content:'';display:block;position:absolute;width:1px;height:0;background:#004ea2;top:1rem;    transition: all .3s;}
.history-list > div:nth-child(odd){}
.history-list > div .year{font-size:2rem;font-weight:600;color:#004ea2;margin-bottom:1rem;position:relative;width:50%;text-align:right;padding-right:3rem;line-height:1;}
.history-list > div .year:before{content:'';display:block;position:absolute;width:0.45rem;height:0.45rem;background:#004ea2;left:0;top:1rem;transform:translate(-50%,-50%);border-radius:50%;}
.history-list > div ul{position:relative;width:50%;padding-left:3rem;margin-top:0.5rem;}
.history-list > div ul li.day{display:flex;font-size:0.9rem;}
.history-list > div ul li.day span{font-weight:800;}
.history-list > div ul li.day p {width:calc(100% - 3.5rem);padding-left:0.6rem;}
.history-list > div ul li.day:not(:last-child){margin-bottom:1rem;}
.history-list > div:nth-child(even){flex-direction:row-reverse;}
.history-list > div:nth-child(even) ul{padding-right:2.5rem;padding-left:0;}
.history-list > div:nth-child(even) .year{padding-left:0;padding-left:3rem;text-align:left;}
.history-list > div:nth-child(even) ul li.day {flex-direction:row-reverse;}
.history-list > div:nth-child(even) ul li.day span{text-align:right;}
.history-list > div:nth-child(odd) .year:before{left:auto;right:0;transform:translateX(50%);}
.history-list > div:nth-child(even):after{left:auto;transform:translateX(0%);}
.history-list > div.effect:after {height:100%;    transition: all .3s;}
.history-list > div:nth-child(even) ul li.day p{text-align:right;padding-left:0rem;padding-right:0.6rem;}
.his-bottom-img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
@media (max-width:1200px){	
	.history .history-bx{height:auto;padding:3rem 1rem;}
	.history-list > div .year{margin-bottom:1.5rem;}
	.history-con{margin-top:3rem;}
}
@media (max-width:1030px){	
	.history-list > div .year {font-size:2rem;padding-left:1.5rem;}
	.history-list > div:nth-child(even) .year{padding-left:1.5rem;}
	.history .history-bx strong{font-size:1.5rem;}
}
@media (max-width:767px){	
	.history-list:before{left:0;transform:translateX(-50%);}
	.history-list > div{display:block;}
	.history-list > div ul {width:100%;padding-left:1.5rem;}
	.history-list > div .year{width:100%;text-align:left;}
	.history-list > div:nth-child(even) ul{padding-left:1.5rem;}
	.history-list > div:nth-child(even) ul li.day{flex-direction: inherit;}
	.history-list > div:nth-child(even) ul li.day span{text-align:left;}
	.history-list > div:nth-child(even) ul li.day p{text-align:left;}
	.history-list > div:nth-child(odd) .year:before{left:0;right:auto;transform: translateX(-50%);}
	.history-list:after{display:none;}
	.history-list > div:nth-child(even) ul li.day p{padding-right:0;padding-left:0.6rem;}

}
@media (max-width:500px){
	.history-list > div ul {padding-left:1.5rem;}
	.history-list > div:nth-child(even) ul{padding-left:1.5rem;}
	.history-list > div ul li.day span{}
	.history-list > div ul li.day p{width:calc(100% - 2rem);}
	.history .history-bx strong{font-size:1.3rem;}


}


/*비전&미션*/
.vision {position:relative;}
.vision .vision-tit{font-size:5rem;font-weight:800;color:#fff;text-align:center;line-height:1;}
.vision ul {display:flex;justify-content:center;gap:5rem;margin-top:-1.35rem;position:relative;z-index:1;}
.vision ul li {text-align:center;width:17.5rem;}
.vision ul li img {box-shadow: 20px 0 40px rgb(0 0 0 / 15%);border-radius:50%;}
.vision ul li .tit{font-size:1.2rem;color:#333;font-weight:700;margin:2.25rem 0 0.45rem 0;}
.vision ul li .txt{color:#555;font-size:1rem;letter-spacing:-0.04rem;}
.vision ul li:nth-child(2) {margin-top:6.25rem;}

.vision .vision-point {width:42.5rem;height:6.25rem;border-radius:3.125rem;background:#004ea2;color:#fff;font-size:1.5rem;font-weight:600;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:6.5rem;position:relative;}
.vision .vision-point:after{content:'';display:block;position:absolute;width:58.4rem;height:17.5rem;background:url(/images/default/content/vision-point.png)no-repeat center center;background-size:cover;left:50%;transform:translate(-50%,-100%);top:0;z-index:-1;}

@media (max-width:1300px){
	.vision ul{gap:0;margin:-0.5rem;}
	.vision ul li {width:calc(100% / 3 - 1rem);margin:0.5rem;}
	.vision ul li img{max-width:100%;}
	.vision ul li .tit{margin-top:1rem;}
	.vision .vision-tit{font-size:3rem;}
}
@media (max-width:850px){
	.vision .vision-point {width:100%;}
	.vision .vision-point:after{width:calc(100% + 2rem);}

}
@media (max-width:680px){
	.vision ul{display:block;margin:0;}
	.vision ul li{width:100%;}
	.vision ul li:nth-child(2){margin-top:1rem;}
	.vision ul li:not(:last-child) {margin-bottom:1rem;}
	.vision ul li img{width:50%;}
	.vision .vision-tit{font-size:2.5rem;}
	.vision .vision-point:after{display:none;}
	.vision .vision-point{font-size:1.1rem;height:5rem;padding:0 1rem;text-align:center;margin-top:3rem;}

}


/*오시는 길*/
.location-list > div {display:flex;padding:4.25rem 0;}
.location-list > div:first-child{padding-top:0;}
.location-list > div:last-child{padding-bottom:0;}

.location-list > div:not(:last-child){border-bottom:1px solid #ddd;}
.location-list > div .left{width:40.625%;padding-right:4.5rem;}
.location-list > div .left .cate-bx span {display:flex;width:4rem;height:1.75rem;justify-content:center;align-items:center;background:#e7f6d5;border-radius:0.5rem;color:#48b155;font-weight:600;font-size:1rem;}
.location-list > div .left .tit {font-size:1.75rem;font-weight:700;color:#333;line-height:1;margin:0.75rem 0 1rem 0;display:flex;justify-content:space-between;}
.location-list > div .left .list-con {background:#fff;border-radius:1rem;padding:1.1rem 1.25rem;}
.location-list > div .left .list-con .map-bx {font-size:1.15rem;color:#333;font-weight:700;padding-left:1.5rem;position:relative;letter-spacing:-0.035rem;}
.location-list > div .left .list-con .map-bx:after{content:'';display:block;position:absolute;width:0.9rem;height:1.1rem;background:url(/images/default/content/map-icon.svg)no-repeat center center;background-size:cover;left:0;top:0.45rem;}
.location-list > div .left .list-con  ul {display:flex;gap:1.4rem;margin-top:1.9rem;}
.location-list > div .left .list-con  ul li {display:flex;padding-left:1rem;position:relative;color:#555;}
.location-list > div .left .list-con  ul li:after{content:'';display:block;position:absolute;width:0.65rem;height:0.65rem;background:url(/images/default/content/tel-icon.svg)no-repeat center center;background-size:cover;left:0;top:0.45rem;}
.location-list > div .left .list-con  ul li:nth-child(2):after{content:'';display:block;position:absolute;width:0.8rem;height:0.7rem;background:url(/images/default/content/tel-icon02.svg)no-repeat center center;background-size:cover;left:0;top:0.35rem;}
.location-list > div .left .list-con  ul li span{color:#333;display:inline-block;margin-right:5px;}
.location-list > div .left .button-list {display:flex;margin-top:1.25rem;gap:0.7rem;}
.location-list > div .left .button-list a {width:10rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:1.5rem;font-size:0.9rem;}
.location-list > div .left .button-list a:first-child {background:#fae100;color:#333333;}
.location-list > div .left .button-list a:nth-child(2) {background:#00c73c;color:#ffffff;}
.location-list > div .left .button-list a img {width:0.85rem;margin-right:0.45rem;}

.location-list > div .left .list-con  ul li img {margin-right:5px;display:inline-block;}
.location-list > div .right{width:calc(100% - 40.625%);}
.location-list > div .right .root_daum_roughmap{width:100% !important;border-radius:1rem;}
.location-list > div .right .root_daum_roughmap .map_border {display:none;}


@media (max-width:1600px){
	.location-list > div .left{padding-right:1rem;}
}
@media (max-width:1200px){
	.location-list > div{display:block;}
	.location-list > div .left{width:100%;padding-right:0;margin-bottom:1.5rem;}
	.location-list > div .left .tit{font-size:1.5rem;}
	.root_daum_roughmap .wrap_map{height:20rem !important;}
	.location-list > div .right{width:100%;margin-bottom:1rem;}
	.location-list > div .left .tit{margin-bottom:1.5rem;}

}
@media (max-width:1030px){
	.root_daum_roughmap .wrap_map{height:17rem !important;}
	.location-list > div{padding:3rem 0;}
}
@media (max-width:500px){
	.location-list > div .left .button-list{gap:1%;    justify-content: space-between;}
	.location-list > div .left .button-list a{width:49%;}
	.location-list > div .left .tit{display:block;}
	.location-list > div .left .tit img{display:block;margin-top:1rem;}
}
 
@media (max-width:400px){
	.location-list > div .left .list-con ul{display:block;margin-top:1rem;}
	.location-list > div .left .list-con ul li:not(:last-child){margin-bottom:0.25rem;}
 }


/*IoT Gateway*/
.iot {padding-bottom:2.5rem;}
.iot .iot-tit {font-size:2rem;font-weight:700;color:#333;letter-spacing:-0.04rem;}
.iot .iot-txt {font-size:1.2rem;font-weight:600;color:#333;margin:1.6rem 0 1.8rem;letter-spacing:-0.04rem;}
.iot .iot-txt-bx {text-align:center;}
.iot .iot-txt-bx ul li {width:20rem;height:2.75rem;border-radius:1.375rem;margin:0 auto;background:#fff;box-shadow: 18px 0px 25px rgb(0 0 0 / 5%);display:flex;justify-content:center;align-items:center;color:#555;}
.iot .iot-txt-bx ul li:not(:last-child){margin-bottom:0.75rem}
.iot .iot-txt-bx .img-zone{margin-top:2.5rem;}
.iot .iot-txt-bx .img-zone img{max-width:100%;}

@media (max-width:1030px){
	.iot .iot-tit {font-size:1.75rem;}
	.iot .iot-txt{font-size:1rem;}
}


.iot02{position:relative;background:url(/images/default/content/iot-bg02.png)no-repeat center top;padding-top:6rem;padding-bottom:5.5rem;}
.iot02 .pro-tit {font-size:1.75rem;text-align:center;color:#fff;font-weight:700;}
.iot02 .pro-list .list-con{display:flex;margin:-0.5rem;margin-top:2.5rem;}
.iot02 .pro-list .list-con > div {background:#fff;margin:0.5rem;width:calc(100% / 3 - 1rem);border-radius:1rem;padding:1.5rem 1rem;text-align:center;}
.iot02 .pro-list  span {display:flex;width:2.5rem;height:1.4rem;justify-content:center;align-items:center;border-radius:0.7rem;background:#004ea2;color:#fff;font-weight:600;font-size:0.9rem;margin:0 auto;}
.iot02 .pro-list  b{color:#333;font-size:1.2rem;font-weight:600;margin:0.5rem 0;display:block;}
.iot02 .pro-list p{color:#555;font-size:1rem;}
.iot02 .list-con2 {background:#fff;border-radius:1rem;padding:1.5rem 11rem 3rem 11rem;text-align:center;margin-top:1.6rem;}
.iot02 .list-con2 ul {display:flex;margin:-1rem -0.6rem;flex-wrap:wrap;margin-top:1.9rem;}
.iot02 .list-con2 ul li {width:calc(100% / 3 - 1.2rem);margin:1rem 0.6rem;}
.iot02 .list-con2 ul li img{max-width:100%;}
.iot02 .list-con2 ul li p{font-size:1rem;color:#333;font-weight:600;margin-top:1rem;}
.horizontal_scroll .xi-touch {position: relative;left: 0;animation: h_move 1s infinite linear;}
@keyframes h_move{
    25%{left:3px}
    50%{left:0}
    75%{left:-3px}
    100%{left:0}
}

.horizontal_scroll{display:none}
@media (max-width:1300px){
	.iot02 .list-con2{padding:1.5rem 1rem 3rem 1rem;}
	.iot02 .list-con2 ul{margin-top:1rem;}
}

@media (max-width:1030px){
	.iot02 .pro-list p br{display:none;}
	.iot02{padding-top:4rem;padding-bottom:4rem;}
}
@media (max-width:767px){
	.iot02 .pro-list .list-con{flex-wrap:wrap;margin-top:1.5rem;}
	.iot02 .pro-list .list-con > div{width:100%;}

}
@media (max-width:500px){
	.iot02 .list-con2 ul li{    width: calc(100% / 2 - 1.2rem);}
}


.iot03 {background:#fff;padding:4.25rem 0 6rem 0;}
.iot03 .tit{font-size:1.75rem;color:#333;font-weight:700;text-align:center;}
.iot03 .table-con {margin-top:2.25rem;font-family:'Pretendard';}

.iot03 table td{border-bottom:1px solid #ddd;text-align:center;padding:0.75rem 1rem;color:#333;}
.iot03 table td.bg{background:#f7f7f7;color:#333;font-size:1rem;font-weight:700;}
.iot03 table td.br {border-right:1px solid #ddd;}
.iot03 table th{background:#004ea2;color:#fff;text-align:center;padding:0.75rem 1rem;}
.iot03 table th:first-child {border-radius:1rem 0 0 0 ;}
.iot03 table th:last-child {border-radius:0 1rem 0 0 }

@media (max-width:650px){
	.horizontal_scroll{display:block;margin-bottom:0.5rem;}
}
@media (max-width:1030px){
	.iot03 {padding:4rem 0 ;}
	.table-zone { width:100%;overflow-x:auto;}
	.table-zone table {min-width:1030px;}
}

.iot04 {background:url(/images/default/content/iot-bg03.png)no-repeat center center;padding:5.25rem 0 6.25rem;}
.iot04 .tit{text-align:center;font-size:2rem;color:#333;font-weight:700;font-family:'Pretendard';letter-spacing:-0.04rem;}
.iot04 .tit em {color:#004ea2;}
.iot04 ul{display:flex;justify-content:center;gap:1.5rem;margin-top:2.25rem;}
.iot04 ul li {width:9.5rem;border-radius:1rem;background:#fff;box-shadow: 0px 20px 20px -10px rgb(0 0 0 / 10%);text-align:center;padding: 0.9rem 1rem;min-height:8rem;color:#666;font-size:0.9rem;}
.iot04 ul li img{height:1.25rem;}
.iot04 ul li .tit {font-size:0.9rem;padding:0.5rem 0;}

@media (max-width:1030px){
	.iot04{padding:4rem 0;}
	.iot04 .tit {font-size:1.5rem;}
	.iot04 .tit br{display:none;}
}
@media (max-width:500px){
	.iot04 ul{display:block;}
	.iot04 ul li{width:100%;}
	.iot04 ul li:not(:last-child){margin-bottom:1rem;}
}


/*설치업체 모집*/
.recruit .txt {color:#666;font-size:1rem;text-align:center;margin:2.5rem 0 1.75rem 0;}
.recruit .img-zone {text-align:center;}

.recruit .img-zone .img-txt {font-size:1.3rem;font-weight:700;color:#333;margin:2.25rem 0 1.75rem 0;}
.recruit .img-zone a {width:12.5rem;height:3.75rem;border-radius:1.875rem;background:#004ea2;display:flex;justify-content:center;align-items:center;color:#fff;margin:0 auto;margin-top:1.75rem;}
.recruit .img-zone a img {height:1.5rem;margin-right:0.5rem;}

.recruit .recruit-list {display:flex;border-top:1px solid #333;border-bottom:1px solid #333;width:45rem;margin:0 auto;margin-top:3rem;}
.recruit .recruit-list li{width:50%;padding:1.25rem 2.75rem;position:relative;}
.recruit .recruit-list li:first-child:after{content:'';display:block;position:absolute;width:100%;height:calc(100% - 2.5rem);top:1.2rem;right:0;background:#333;width:1px;}
.recruit .recruit-list li b{font-size:1rem;color:#004ea2;font-weight:700;}
.recruit .recruit-list li p{color:#333;font-size:1.3rem;margin-top:0.5rem;}

@media (max-width:1030px){
	.recruit .img-zone > img{width:40%;}
	.recruit .img-zone .img-txt{font-size:1.1rem;}
}
@media (max-width:767px){
	.recruit .recruit-list{width:100%;}
	.recruit .recruit-list li{padding:1rem;}
	h4.tit-top br{display:none;}
	.recruit .img-zone .img-txt br{display:none;}
}
@media (max-width:500px){
	.recruit .recruit-list{flex-wrap:wrap;}
	.recruit .recruit-list li{width:100%;padding:1rem 0;}
	.recruit .recruit-list li:first-child:after{height:1px;width:100%;bottom:0;top:auto;}
	.recruit .recruit-list li p{font-size:1rem;}
}

/*조직도*/
.org img{max-width:100%;}


/*사업분야*/
.system .auto-con {display:flex;margin:-1.125rem;}
.system .auto-con > div {margin:1.125rem;width:calc(100% / 2 - 2.25rem);background:#fff;border-radius:1rem;padding:0.75rem;}
.system .auto-con > div .tit {font-size:1.15rem;color:#fff;font-weight:700;text-align:center;padding:0.638rem 1rem ;background:#004ea2;border-radius:10px;}
.system .auto-con > div .img-zone {text-align:center;padding-top:1rem;height:calc(100% - 3rem);display:flex;justify-content:center;align-items:center;}
.system .auto-con > div .img-zone img{max-width:100%;}

.system .auto-tit {font-size:2rem;color:#333;font-weight:700;text-align:center;margin-bottom:2rem;}
.system .system-bg {padding:4.5rem 0 0 0;margin:4.5rem 0 0 0;position:relative;}
.system .system-bg:before{content:'';display:block;position:absolute;width:100%;height:41.5rem;background:#004ea2;left:0;top:0;z-index:-1;}
.system .system-bg .auto-tit{color:#fff;}
.system .system-bg .auto-con > div .tit {background:#e8eef3;color:#333;}
.system .system-bg .auto-con > div .plant-txt{display:flex;align-items:center;}

.system .system-bg .auto-con > div .plant-txt {height:calc(100% - 3rem);padding:1rem 0 0 0;}
.system .system-bg .auto-con > div .plant-txt ul{margin:0 auto;}
.system .system-bg .auto-con > div .plant-txt ul li {color:#333;font-size:1rem;padding-left:0.8rem;position:relative;}
.system .system-bg .auto-con > div .plant-txt ul li:before{content:'';display:block;position:absolute;width:5px;height:5px;background:#004ea2;border-radius:50%;left:0;top:0.75rem;left:0;}
.system .system-bg .auto-con02 {background: #fff;border-radius: 1rem;padding: 0.75rem 0.75rem 1.25rem 0.75rem;margin-top:2.25rem;}
.system .system-bg .auto-con02 .tit {background:#e8eef3;color:#333;font-size:1.15rem;font-weight:700;text-align:center;padding:0.638rem 1rem ;border-radius:10px;margin-bottom:1rem;}

.system .system-bg .auto-con02 .auto-list {display:flex;flex-wrap:wrap;margin:-0.5rem;}
.system .system-bg .auto-con02 .auto-list .list-bx {width:calc(100% / 2 - 1rem);margin:0.5rem;background:#f7f7f7;padding:1.25rem 1.5rem;border-radius:0.5rem;}
.system .system-bg .auto-con02 .auto-list .list-bx .num {width:2.5rem;height:1.4rem;display:flex;font-size:0.9rem;font-weight:600;text-align:center;justify-content:center;align-items:center;display:flex;background:#004ea2;border-radius:0.7rem;color:#fff;}
.system .system-bg .auto-con02 .auto-list .list-bx strong {display:block;font-size:1rem;font-weight:700;color:#333;line-height:1;margin-top:0.75rem;}
.system .system-bg .auto-con02 .auto-list .list-bx p{color:#555;font-size:0.9rem;margin-top:0.5rem;}
.system .system-bg .auto-con02 .auto-list .list-img-bx{display:flex;height:100%;width:calc(100% / 2 - 1rem);margin:0.5rem;gap:1.25rem;}
.system .system-bg .auto-con02 .auto-list .list-img-bx img{height:100%;max-width:100%;}

.system .system-bg .auto-con03{background: #fff;border-radius: 1rem;padding: 0.75rem 0.75rem 1.25rem 0.75rem;margin-top:2.25rem;}
.system .system-bg .auto-con03 .tit {background:#e8eef3;color:#333;font-size:1.15rem;font-weight:700;text-align:center;padding:0.638rem 1rem ;border-radius:10px;margin-bottom:1rem;}
.system .system-bg .auto-con03 .list01 {display:flex;align-items:center;}
.system .system-bg .auto-con03 .list01 > li {width:calc(100% / 7);text-align:center;position:relative;padding:0 1rem;}
.system .system-bg .auto-con03 .list01 > li:after{content:'';display:block;position:absolute;width:1px;height:6rem;background:#ddd;right:0;top:50%;transform:translateY(-50%);}
.system .system-bg .auto-con03 .list01 > li:last-child:after{display:none;}
.system .system-bg .auto-con03 .list01 > li img{max-width:100%;}
.system .system-bg .auto-con03 .list02 {display:flex;align-items:center;padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid #ddd;}
.system .system-bg .auto-con03 .list02 > li {width:calc(100% / 5);text-align:center;position:relative;padding:0 1rem;}
.system .system-bg .auto-con03 .list02 > li p {color:#555;font-size:0.9rem;margin-top:0.75rem;}
.system .system-bg .auto-con03 .list02 > li img {max-width:100%;}
.system .system-bg .auto-con04{margin-top:4.5rem;}
.system .system-bg .auto-con04 .auto-tit{color:#333}
.system .system-bg .auto-con04 .system-list{display:flex;flex-wrap:wrap;margin:-0.75rem;}
.system .system-bg .auto-con04 .system-list > li {margin:0.75rem;width:calc(100% / 3 - 1.5rem);box-shadow: 5px 0 1rem rgb(0 0 0 / 5%);border-radius:1rem;overflow:hidden;}
.system .system-bg .auto-con04 .system-list > li img{max-width:100%;}
.system .system-bg .auto-con04 .system-list > li p {background:#fff;text-align:center;color:#333;font-size:1rem;font-weight:500;padding:1.4rem 1rem;}
.system .system-bg .auto-con04 .system-list > li p b{font-weight:700;}
.system .system-bg .auto-con04 .s-tit{display:block;margin:0 auto;width:12.5rem;height:2.75rem;display:flex; font-size:1.15rem;color:#fff;background:#004ea2;justify-content:center;align-items:center;border-radius:1.375rem;font-weight:600;margin-bottom:2rem;}

@media (max-width:1250px){
	.system .system-bg .auto-con > div .plant-txt{text-align:center; flex-direction:column;justify-content:center;        align-items: flex-start;        justify-content: space-between;padding:1rem 0 0 0;}
		.system .system-bg .auto-con > div .plant-txt ul {margin-top:1rem;}
		.system .system-bg .auto-con > div .plant-txt ul {margin:inherit;}
	.system .system-bg .auto-con > div .plant-txt ul li{text-align:left;font-size:0.9rem;}
	.system .system-bg .auto-con > div .plant-txt img{max-width:100%;display:block;margin:0 auto;}

}

@media (max-width:1030px){
	.system .system-bg .auto-con02 .auto-list .list-img-bx img {width:calc(50% - 2.5rem);}
	.system .system-bg .auto-con04{margin-top:3rem;}
	.system .system-bg{margin:3rem 0 0 0;padding:3rem 0 0 0;}
	.system .auto-tit{font-size:1.75rem;}
}
@media (max-width:860px){
	.system .system-bg .auto-con03 .list01{flex-wrap:wrap;}
	.system .system-bg .auto-con03 .list01 > li {width:calc(100% / 3);}
	.system .system-bg .auto-con03 .list01 > li:after{display:none;}

	.system .system-bg .auto-con03 .list02{flex-wrap:wrap;}
	.system .system-bg .auto-con03 .list02 > li {width:calc(100% / 3);}
}
@media (max-width:767px){
	.system .system-bg .auto-con04 .system-list > li{    width: calc(100% / 2 - 1.5rem);}

}

@media (max-width:700px){
	.system .auto-con{display:block;margin:0;}
	.system .auto-con > div{width:100%;margin:0;}
	.system .auto-con > div:not(:last-child) {margin-bottom:1rem;}
	.system .auto-con > div .img-zone{height:auto;}
	.system .system-bg .auto-con > div .plant-txt ul{width:100%;margin-top:1rem;}
}

@media (max-width:650px){
	.system .system-bg .auto-con02 .auto-list .list-bx{width:100%;padding:1rem;}
	.system .system-bg .auto-con02 .auto-list .list-img-bx img{width:auto;}
}
@media (max-width:500px){
	.system .system-bg .auto-con03 .list01 > li {width:calc(100% / 2);}
	.system .system-bg .auto-con03 .list02 > li {width:calc(100% / 2);}
	.system .system-bg .auto-con04 .system-list{margin:0;}
	.system .system-bg .auto-con04 .system-list > li{width:100%;margin:0;}
	.system .system-bg .auto-con04 .system-list > li:not(:last-child){margin-bottom:1rem;}
}

/*사업실적*/

.performance .performance-bx > div {display:flex;}
.performance .performance-bx > div .left {width:9.6%;font-size:1.75rem;font-weight:600;color:#004ea2}
.performance .performance-bx > div .right {width:calc(100% - 9.6%);}
.performance .performance-bx > div .right table td,
.performance .performance-bx > div .right table th{padding:0.75rem 1rem;}
.performance .performance-bx > div .right table th {background:#004ea2;color:#fff;font-size:1rem;font-weight:700;}
.performance .performance-bx > div .right table th:first-child {border-radius:20px 0 0 0;}
.performance .performance-bx > div .right table th:last-child {border-radius:0 20px 0 0;}
.performance .performance-bx > div .right table td{font-size:1rem;color:#333;border:1px solid #ddd;letter-spacing:-0.035rem;}
.performance .performance-bx > div .right table td b{font-weight:700;}

.performance .performance-bx > div .right table td:first-child  {border-left:none;}
.performance .performance-bx > div .right table td:last-child  {border-right:none;}

.performance .performance-bx > div:not(:last-child){margin-bottom:5rem;}


@media (max-width:1400px){
	.performance .performance-bx > div{display:block;}
	.performance .performance-bx > div .left{width:100%;}
	.performance .performance-bx > div .right{width:100%;margin-top:1.25rem}
}

@media (max-width:1030px){
	.performance .performance-bx > div:not(:last-child) {margin-bottom:3rem;}


}


@media (max-width:767px){
	.performance .performance-bx > div .right .table-zone { width:100%;overflow-x:auto;white-space:nowrap;}
	.performance .performance-bx > div .right .table-zone table { width:auto;}
}

.catalog > div {display:flex;background:#fff;box-shadow: 10px 0 30px  rgb(0 0 0 / 6%);border-radius:1rem;padding:3.5rem 4rem 1.5rem 4rem}
.catalog > div img {margin-top:-5.5rem;}

.catalog > div .txt-zone {padding-left:3.9rem;}
.catalog > div .txt-zone .tit {font-size:1.15rem;color:#333;font-weight:600;}
.catalog > div .txt-zone .txt {color:#666;font-size:.9rem;margin-top:1rem;}
.catalog > div .txt-zone ul {display:flex;margin-top:2.75rem;gap:1.1rem;}
.catalog > div .txt-zone ul li{}
.catalog > div .txt-zone ul li a {width:9rem;height:2.75rem;border:1px solid #004ea2;border-radius:0.5rem;display:flex;align-items:center;font-size:0.9rem;color:#004ea2;padding:0 0.8rem;
background:url(/images/default/content/btn-icon.png)no-repeat center right+0.8rem;}
.catalog > div .txt-zone ul li:first-child a{background:#004ea2 url(/images/default/content/more-btn.png)no-repeat center right+0.8rem;color:#fff;}
.catalog > div:not(:last-child){margin-bottom:5.5rem;}

@media (max-width:767px){
	.catalog > div{padding:2rem 1rem;align-items: center;}
	.catalog > div img{margin-top:0;width:30%}
	.catalog > div .txt-zone{padding-left:1rem;width:70%;}

}
@media (max-width:550px){
	.catalog > div{display:block;}
	.catalog > div .txt-zone{padding-left:0;margin-top:1rem;width:100%;}
	.catalog > div .txt-zone ul li {width:calc(100% / 2 );}
	.catalog > div .txt-zone ul li a{width:100%;}
	.catalog > div img{width:50%;}
}