/* common */
footer{background: #f4f4f4;}

#subWrap{position: relative;width: 100%;overflow: hidden;}
#lnb{position: relative;width: 100%;height: 370px;}
#lnb .visualWrap{position: relative;height: 100%;background: url("../../img/sub/subVisual01.jpg") no-repeat center /cover;display: flex;justify-content:space-around;}

#lnb .visualWrap dl{position: relative;margin-top: 90px;}
#lnb .visualWrap dl dt{font-size: 60px;font-weight: 300;color: #000;margin-bottom: 34px;text-align: center;}
#lnb .visualWrap dl dd{font-size: 16px;font-weight: 300;color: #333;text-align: center;white-space: nowrap}

#lnb .tabWrap{position: absolute;bottom: 0;left: 0;background: rgba(0,93,159,0.8);width: 100%;}
#lnb .tabWrap .tabBtnBox{position: relative;width: 100%;max-width:1440px;margin: 0 auto;display: flex;}
#lnb .tabWrap .tabBtnBox .homeBtn{display: block;width: 70px;height: 70px;background: #fff;}
#lnb .tabWrap .tabBtnBox .homeBtn img{display: block;width: 18px;margin: 17px auto 6px;}
#lnb .tabWrap .tabBtnBox .homeBtn span{display: block;font-size: 12px;font-weight: 300;color: #005d9f;text-align: center;}
#lnb .tabWrap ul{position: relative;width: calc(100% - 70px);display: flex;}
#lnb .tabWrap ul li{position: relative;width: 16.6666%;}
#lnb .tabWrap ul li a{position: relative;display: block;font-size: 16px;font-weight: 300;color: #fff;height: 70px;line-height: 70px;white-space: nowrap;text-align: center;}
#lnb .tabWrap ul li a:after{position: absolute;top: 50%;right: -0.5px;content:"";transform:translateY(-50%);display: block;width: 1px;height: 20px;background: rgba(255,255,255,.3);z-index: 1;}
#lnb .tabWrap ul li a br{display: none;}
#lnb .tabWrap ul li.on a{background: #005d9f;font-weight: 500;}
#lnb .tabWrap ul li.on a span{display: none;}
#lnb .tabWrap ul li a:hover{background: #005d9f;font-weight: 500;}
#lnb .tabWrap ul li a:hover span{display: none;}

#lnb .tabWrap .tabBtnBox2 ul li{width: calc((100% - 70px) / 4);}
#lnb .tabWrap .tabBtnBox3 ul li{width: 33.3333%;}
#lnb .tabWrap .tabBtnBox4 ul li{position: relative;width: 50%;}

.sconWrap{position: relative;}
.sconWrap .section{position: relative;width: 100%;margin: 0 auto;}
.sconWrap .section.wideSection{width: 100%;max-width:none;}

.sconWrap .titleWrap{position: relative;padding: 120px 0 80px;box-sizing:border-box;}
.sconWrap .titleWrap h3{font-size: 40px;font-weight: 400;color: #333;text-align: center;line-height: 1.3;}
.sconWrap .titleWrap span{display: block;width: 60px;height: 3px;background: #0099d3;margin: 30px auto 0;}

.w1440{position: relative;width: 100%;max-width:1440px;margin: 0 auto;}

.per95{width: 95%;}

.pageExp{position: relative;padding-bottom: 75px;box-sizing:border-box;}
.pageExp p{font-size: 20px;font-weight: 300;color: #333;line-height: 1.6;text-align: center;}
.pageExp span{display: block;font-size: 18px;font-weight: 300;color: #666;text-align: center;margin-top: 18px;line-height: 1.5;}



/* paging */
.page{position: relative;}
.page ul{display: flex;justify-content:center;padding-top: 0;}
.page ul li a{display: flex;justify-content:center;align-items:center;width: 40px;height: 40px;border: 1px solid #ccc;box-sizing:border-box;background: #fff;color: #999;font-size: 14px;font-weight: 400;margin: 0 5px;transition:all .3s;}
.page ul li a:hover{border: 1px solid #005d9f;color: #005d9f;transition:all .3s;}
.page ul li:first-child a{background: url("../../img/common/pagingPrev.png") no-repeat center;}
.page ul li:last-child a{background: url("../../img/common/pagingNext.png") no-repeat center;}
.page ul li.on a{background: #fff;border: 1px solid #005d9f;color: #005d9f;}





/* intro */
#intro{position: relative;}
#intro .scon01{position: relative;}
#intro .scon01 .infoTxt{font-size: 20px;font-weight: 300;color: #333;text-align: center;line-height: 1.4;}
#intro .scon01 .introWrap{position: relative;margin: 80px auto 100px;max-width:784px;}
#intro .scon01 .bgBox{position: relative;}
#intro .scon01 .bgBox img{display: block;margin: 0 auto;display: block;max-width:100%;}
#intro .scon01 .txtBox{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: flex;justify-content:space-around;align-items:center;width: 100%;}
#intro .scon01 .txtBox > div{position: relative;width: 270px;height: 270px;border-radius:100rem;background: #fff;display: flex;flex-direction:column;justify-content:center;align-items:center;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);}
#intro .scon01 .txtBox > div p:first-child{font-size: 24px;font-weight: 400;color: #333;margin-bottom: 20px;}
#intro .scon01 .txtBox > div p:last-child{font-size: 16px;font-weight: 300;color: #666;line-height: 1.6;text-align: center;}

#intro .scon02{position: relative;background: url("../../img/sub/introBg02.jpg") no-repeat center /cover;overflow: hidden;}
#intro .scon02 .scon02Wrap{position: relative;width: 95%;max-width:1440px;margin: 0 auto;padding: 100px 0 224px;box-sizing:border-box;}
#intro .scon02 .scon02Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 145px;box-sizing:border-box;}
#intro .scon02 .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;}
#intro .scon02 .scon02Wrap ul li{position: relative;background: #fff;width: 17.8%;max-width:256px;margin-right: 2.75%;display: flex;flex-direction:column;justify-content:center;align-items:center;padding: 70px 0;box-sizing:border-box;transition:all .3s;}
#intro .scon02 .scon02Wrap ul li:last-child{margin-right: 0;}
#intro .scon02 .scon02Wrap ul li .imgBox{position: relative;height: 70px;display: flex;justify-content:center;align-items:center;}
#intro .scon02 .scon02Wrap ul li .smallTxt{font-size: 16px;font-weight: 400;color: #005d9f;text-align: center;padding: 30px 0;box-sizing:border-box;}
#intro .scon02 .scon02Wrap ul li .bigTxt{font-size: 24px;font-weight: 500;color: #333;text-align: center;line-height: 1.4;}
#intro .scon02 .scon02Wrap ul li .bigTxt.address{font-size: 16px;}

#intro .scon02 .scon02Wrap ul li:nth-child(2n){top: -65px;}



/* ceo 인사말 */
#ceo{position: relative;}
#ceo .scon01{position: relative;}
#ceo .scon01 .scon01Wrap{position: relative;display: flex;margin-bottom: 194px;padding-bottom: 95px;box-sizing:border-box;}
#ceo .scon01 .scon01Wrap .bg{position: absolute;bottom: 0;left: 0;width: 100vw;height: 81.3%;background: #f7f7f7;}

#ceo .scon01 .scon01Wrap > div{position: relative;display: flex;justify-content:flex-start;}

#ceo .scon01 .scon01Wrap > div > div:nth-child(1){position: relative;width: 47.3%;max-width:680px;padding-left: 6.9%;box-sizing:border-box;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(1) .imgWrap{position: relative;width: 500px;height: 665px;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(1) img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: block;width: 100%;}

#ceo .scon01 .scon01Wrap > div > div:nth-child(2){position: relative;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) h4{font-size: 30px;font-weight: 300;color: #333;line-height: 1.3;padding: 30px 0 100px;box-sizing:border-box;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) h4 span{font-weight: 700;color: #005d9f;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > div{margin-bottom: 30px;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > div > p{font-size: 18px;font-weight: 300;color: #333;line-height: 1.6;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p{font-size: 18px;font-weight: 300;color: #333;line-height: 1.6;margin-bottom: 30px;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p:last-child{padding-top: 20px;margin-bottom: 0;font-size: 20px;font-weight: 500;color: #333;box-sizing:border-box;display: flex;align-items:center;}
#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p:last-child span{display: block;width: 110px;height: 54px;background: url("../../img/sub/ceoSign_n.png") no-repeat center;margin-left: 24px;}



/* 연혁 */
#history{position: relative;}
#history .scon01{position: relative;}
#history .scon01Wrap{position: relative;}

#history .logoWrap{position: relative;width: 60px;height: 60px;border: 1px solid transparent;border-radius: 100rem;background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom, #0099d1, #005d99);background-origin: border-box;background-clip: content-box, border-box;display: flex;justify-content:center;align-items:center;margin: 0 auto;-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.5);box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.15);}
#history .logoWrap span{display: block;width: 22px;height: 25px;background: url("../../img/sub/historyLogo.png") no-repeat center;}

#history .historyWrap{position: relative;}
#history .historyWrap span.line1{position: absolute;top: 0;left: calc(50% - 0.5px);width: 1px;height: 100%;background: linear-gradient(to bottom, #ddd 90%, #fff);}
#history .historyWrap span.line2{position: absolute;top: 0;left: calc(50% - 0.5px);width: 1px;height: 0;background: linear-gradient(to bottom, #005d99 60%, #005d99);will-change:height;}
#history .historyWrap span.line2.end{background: linear-gradient(to bottom, #005d99 70%, #fff);}
#history .historyWrap ul{position: relative;padding-top: 95px;padding-bottom: 70px;margin-bottom: 40px;}

#history .historyWrap ul li{position: relative;}
#history .historyWrap ul li:first-child{padding-top: 0;}
#history .historyWrap ul li:before{display: block;width: 7px;height: 7px;border-radius:100rem;content:"";background: #ddd;margin: 0 auto;}
#history .historyWrap ul li.on:before{background: #005d99;}
#history .historyWrap ul li p.year{display: block;width: 72px;font-size: 30px;font-weight: 700;color: #333;margin: 0 auto;text-align: center;padding: 20px 0;}
#history .historyWrap ul li p.year span{background: #fff;padding: 16px 0;box-sizing:border-box;}
#history .historyWrap ul li > div{position: relative;top: -47px;width: 100%;max-width:850px;margin: 0 auto;display: flex;justify-content:space-between;padding-bottom: 70px;}
/* #history .historyWrap ul li:first-child > div{justify-content:flex-end;} */
#history .historyWrap ul li > div dl{position: relative;width: 300px;}
#history .historyWrap ul li > div dl dt{font-size: 24px;font-weight: 400;color: #333;padding-bottom: 20px;}
#history .historyWrap ul li > div dl dd{position: relative;width: 100%;padding-bottom: 35px;line-height: 1.6;white-space: nowrap;}
#history .historyWrap ul li > div dl dd.except{margin-left: -20px;}
#history .historyWrap ul li > div dl dd:last-child{padding-bottom: 0;}

#history .historyWrap ul li > div.left{text-align: right;}





/* 특허 인증 */
#patent{position: relative;}
#patent .scon01{position: relative;}
#patent .scon01Wrap{position: relative;padding-bottom: 300px;box-sizing:border-box;}
#patent .scon01Wrap .patentList{position: relative;display: flex; gap:0 75px; flex-wrap:wrap;}
#patent .scon01Wrap .patentList:after{content:none;}
#patent .scon01Wrap .patentList li{position: relative;width: calc((100% - 225px) / 4);max-width: 300px;}
#patent .scon01Wrap .patentList li .imgWrap{position: relative;width: 100%;padding-top: 142%;}
#patent .scon01Wrap .patentList li .imgWrap img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: block;max-width: 100%;}
#patent .scon01Wrap .patentList li p{font-size: 20px;font-weight: 400;color: #333;text-align: center;line-height: 1.4;padding: 10px 0 100px;box-sizing:border-box;min-height:76px; word-break: keep-all;}




/* 조직도 */
#organization{position: relative;}
#organization .scon01{position: relative;}
/*#organization .scon01Wrap{position: relative;padding-bottom: 190px;box-sizing:border-box;}*/
/*#organization .orgList{position: relative;}*/
/**/
/*#organization .orgList:before{position: absolute;top: 0;left: calc(50% - 0.5px);content:"";width: 1px;height: calc(100% - 230px);background: #ccc;}*/
/**/
/*#organization .orgList > li:nth-child(1){position: relative;width: 260px;height: 260px;border: 2px solid transparent;border-radius: 100rem;background-image:linear-gradient(#fff, #fff), linear-gradient(to bottom, #0099d1, #005d99);background-origin: border-box;background-clip: content-box, border-box;margin: 0 auto;display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(1) div{position: relative;width: 230px;height: 230px;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.12);box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.12);display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(1) div p{width: 100%;height: 100%;background: url("../../img/sub/organization_logo.png") no-repeat center;display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(1) div p span{font-size: 25px;font-weight: 700;color: #333;}*/
/*#organization .orgList > li:nth-child(1) .dot{position: absolute;bottom: -10px;left: calc(50% - 10px);display: block;content:"";width: 20px;height: 20px;background: linear-gradient(to bottom, #f4f4f4 30%, #fff);border-radius:100rem;display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(1) .dot em{display: block;content:"";width: 7px;height: 7px;border-radius:100rem;background: #005d99;}*/
/**/
/*#organization .orgList > li:nth-child(2){position: relative;padding: 60px 0;box-sizing:border-box;}*/
/*#organization .orgList > li:nth-child(2) ul{position: relative;width: 100%;max-width: 820px;margin: 0 auto;display: flex;justify-content:space-between;background: url("../../img/common/line.png") repeat-x center;}*/
/*/* #organization .orgList > li:nth-child(2) ul::before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #ccc;}*/
/*#organization .orgList > li:nth-child(2) ul::after{content:none;} */
/*#organization .orgList > li:nth-child(2) ul li{position: relative;width: 24.39%;height: 80px;background: #fff;border: 1px solid #0099d3;box-sizing:border-box;display: flex;justify-content:center;align-items:center;}*/
/*#organization .orgList > li:nth-child(2) ul li span{font-size: 18px;font-weight: 400;color: #333;}*/
/*#organization .orgList > li:nth-child(2) .dot{position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);display: block;content:"";width: 20px;height: 20px;background: #fff;border-radius:100rem;display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(2) .dot em{display: block;content:"";width: 7px;height: 7px;border-radius:100rem;background: #005d99;}*/
/**/
/*#organization .orgList > li:nth-child(3){position: relative;left: 50%;transform:translateX(-50%);width: 86.1%;height: 1px;background: #ccc;}*/
/**/
/*#organization .orgList > li:nth-child(4){position: relative;display: flex;justify-content:space-between;}*/
/**/
/*#organization .orgList > li:nth-child(4) div{position: relative;width: 13.88%;}*/
/*#organization .orgList > li:nth-child(4) dl{position: relative;margin-top: 60px;width: 100%;}*/
/*#organization .orgList > li:nth-child(4) dl:before{position: absolute;top: -60px;left: 50%;content:"";width: 1px;height: 100%;background: #ccc;}*/
/*#organization .orgList > li:nth-child(4) div:nth-child(3) dl:before{content:none;}*/
/*#organization .orgList > li:nth-child(4) dl dt{position: relative;width: 100%;height: 80px;border: 1px solid #aaa;background: #fff;box-sizing:border-box;text-align: center;line-height: 80px;text-transform: uppercase;font-size: 18px;font-weight: 400;color: #333;}*/
/*#organization .orgList > li:nth-child(4) dl dd{position: relative;width: 100%;height: 60px;background: #f1f1f1;text-align: center;line-height: 60px;margin-top: 10px;font-size: 16px;font-weight: 300;color: #666;}*/
/*#organization .orgList > li:nth-child(4) div .dot{position: absolute;top: -10px;left: calc(50% - 9px);display: block;content:"";width: 20px;height: 20px;background: #fff;border-radius:100rem;display: flex;align-items:center;justify-content:center;}*/
/*#organization .orgList > li:nth-child(4) div .dot em{display: block;content:"";width: 7px;height: 7px;border-radius:100rem;background: #005d99;}*/


/* 22.07.13 */
#organization .scon01Wrap {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-bottom: 340px;
}
#organization .scon01Wrap::before {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 200px);
	height: 54%;
	background: #ccc;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}
#organization .ceo,
#organization .ceo > p {
	border-radius: 50%;		
}
#organization .ceo,
#organization .ceo > p,
#organization span.border {
	display: flex;
	align-items: center;
	justify-content: center;
}
#organization .ceo,
#organization span.border {
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #0099d1, #005d99);
	background-origin: border-box;
	background-clip: content-box, border-box;	
}
#organization em {
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border: 7px solid #fff;
	background: #005d99;
	border-radius: 50%;
}
#organization .ceo { 
	width: 260px;
	height: 260px;
	margin: 0 auto;
}
#organization .ceo > p {
	width: 230px;
	height: 230px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.12);
	background: url("../../img/sub/organization_logo.png") no-repeat center;
}
#organization .ceo > p span {
	font-size: 25px;
	font-weight: 700;
	color: #333;
}
#organization span.border {
	width: 200px;
	height: 80px;
	font-size: 18px;
	color: #333;
	box-sizing: border-box;
}
#organization .right,
#organization .right em {
	display: flex;
	align-items: center;	
}
#organization .right {
	margin:  30px 0;
	transform: translateX(calc(50% - 10px));
}
#organization .right em {
	position: relative;
}
#organization .right span.line {
	display: block;
	background: #ccc;
	width: 160px;
	height: 1px;
}
#organization .center {
	margin: 0 auto;
	position: relative;
}
#organization .center em {
	left: 50%;
	transform: translateX(-50%);
	bottom: -71px;
}
#organization .list {
	margin: 120px 0 0;
}
#organization .list > ul.line,
#organization .list li {
	position: relative;	
}
#organization .list ul.line::before,
#organization .list li::before {
	content: "";
	display: block;
	background: #ccc;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}
#organization .list li em {
	left: 50%;
	transform: translateX(-50%);
	bottom: -61px;
	z-index: 2;
}
#organization .list ul.line::before {
	height: 1px;
}
#organization .list > ul {
	width: calc(100% - 200px);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#organization .list > ul::before {
	width: calc(100% - 204px);
	top: -60px;
}
#organization .list2 {
	display: flex;
	gap: 0 15px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin: 100px 0 0;
}
#organization .list2::before {
	width: calc(100% - 118px);
	top: -50px;
}
#organization .list2 li {
	width: 120px;
	height: 60px;
	background: #fff;
	border: 1px solid #aaa;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
#organization .list li::before {
	width: 1px;
}
#organization .list > .line > li::before {
	height: 60px;
	height: 195px;
	top: -60px;
	z-index: -2;
}
#organization .list2 li::before {
	height: 50px;
	top: -50px;
}


/* 사업실적 */
#performance{position: relative;}
#performance .scon01{position: relative;}
#performance .scon01Wrap{position: relative;}
#performance .tabBtnWrap{position: relative;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;display: flex;justify-content:space-between;}
#performance .tabBtnWrap a{position: relative;display: block;width: 20%;text-align: center;font-size: 20px;font-weight: 400;color: #999;line-height: 67px;box-sizing:border-box;transition:all .3s;}
#performance .tabBtnWrap a:after{position: absolute;top: 50%;right: 0;transform:translateY(-50%);content:"";width: 1px;height: 18px;background: #e0e0e0;}
#performance .tabBtnWrap a:last-child:after{content:none;}
#performance .tabBtnWrap a:hover{color: #005d99;font-weight: 500;transition:all .3s;}
#performance .tabBtnWrap a span{position: relative;display: inline-block;}
#performance .tabBtnWrap a span:after{position: absolute;bottom: 0;left: 50%;transform:translate(-50%);content:"";width: 0;height: 1px;background: #005d99;transition:all .3s;}
#performance .tabBtnWrap a:hover span:after{width: 100%;transition:all .3s;}
#performance .tabBtnWrap a.active{color: #005d99;font-weight: 500;}
#performance .tabBtnWrap a.active span:after{width: 100%;}

#performance .tabConWrap{position: relative;margin: 80px 0 150px;}
#performance .tabCon{position: relative;display: none;}
#performance .tabCon > div{position: relative;display: flex;justify-content:space-between;}
#performance .tabCon > div div:nth-child(1){position: relative;width: 20.83%;}
#performance .tabCon > div div:nth-child(1):after{position: absolute;top: 0;left: 0;content:"";display: block;width: 0;height: 1px;background: #005d99;}
#performance .tabCon > div div:nth-child(1) h4{font-family: "Roboto";font-size: 50px;font-weight: 500;color: #333;letter-spacing: -2px;padding-top: 40px;box-sizing:border-box;}
#performance .tabCon > div div:nth-child(2){position: relative;width: 75.69%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding: 30px 0;box-sizing:border-box;}
#performance .tabCon > div div:nth-child(2) ul{position: relative;margin-left: 10px;box-sizing:border-box;}
#performance .tabCon > div div:nth-child(2) ul li{background: url("../../img/sub/bullet.png") no-repeat left top 23px;padding: 13px 10px 13px 15px;line-height: 1.5;box-sizing:border-box;font-size: 16px;font-weight: 300;color: #333;}
#performance .tabCon > div div:nth-child(2) ul li span{font-weight: 400;}

#performance .tabCon01{display: block;}

/* animation */
#performance .tabCon div:nth-child(1):after{animation:stretch 1s both;animation-delay:.3s;}




/* NI/SI */
#NISI{position: relative;}
#NISI .scon01{position: relative;margin-top: 40px;}
#NISI .scon01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f7f7f7;}
#NISI .scon01Wrap{position: relative;top: -40px;display: flex;justify-content:space-between;align-items:center;}
#NISI .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#NISI .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#NISI .scon01Wrap div:nth-child(2){position: relative;}
#NISI .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}
#NISI .scon01Wrap div:nth-child(2) p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;}
#NISI .scon01Wrap div:nth-child(2) p:last-child{margin-top: 30px;}


#NISI .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#NISI .scon02Wrap{position: relative;}
#NISI .scon02Wrap > div:first-child{position: relative;}
#NISI .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#NISI .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#NISI .scon02Wrap > div:last-child{position: relative;}

#NISI .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0 100px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #NISI .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#NISI .scon02Wrap ul:after{content:none;} */
#NISI .scon02Wrap ul li{position: relative;width: 20.83%;padding-top: 20%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#NISI .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#NISI .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;}
#NISI .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}


#NISI .scon03{position: relative;}
#NISI .scon03Wrap{position: relative;}
#NISI .scon03Wrap > div{position: relative;}
#NISI .scon03Wrap > div h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 15px;}
#NISI .scon03Wrap > div p{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.5;}
#NISI .scon03Wrap .thingsList{position: relative;display: flex;justify-content:space-between;margin: 60px 0;}
#NISI .scon03Wrap .thingsList:after{content:none;}
#NISI .scon03Wrap .thingsList > li{position: relative;width: 38.19%;border-radius:100rem;padding: 40px 0;box-sizing:border-box;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);}
#NISI .scon03Wrap .thingsList > li:nth-child(1),
#NISI .scon03Wrap .thingsList > li:nth-child(3){background: rgba(25,163,215,.9);}
#NISI .scon03Wrap .thingsList > li:nth-child(2){position: absolute;top: 0;left: 50%;transform:translateX(-50%);height: 100%;background: rgba(25,109,163,.9);z-index: 1;}
#NISI .scon03Wrap .thingsList > li > div{display: flex;justify-content:center;align-items:center;flex-direction:column;}
#NISI .scon03Wrap .thingsList > li > div p.title{font-size: 22px;font-weight: 400;color: #fff;text-align: center;margin-bottom: 30px;}
#NISI .scon03Wrap .thingsList > li > div ul{display: flex;justify-content:center;flex-wrap:wrap;}
#NISI .scon03Wrap .thingsList > li > div ul li{width: 40%;}
#NISI .scon03Wrap .thingsList > li > div ul li > div{position: relative;text-align: center;height: 40px;}
#NISI .scon03Wrap .thingsList > li > div ul li > div img{}
#NISI .scon03Wrap .thingsList > li > div ul li p{font-size: 16px;font-weight: 300;color: #fff;white-space: nowrap;text-align: center;line-height: 1.4;}

#NISI .scon03Wrap .thingsList > li:nth-child(1) > div ul li p,
#NISI .scon03Wrap .thingsList > li:nth-child(2) > div ul li p{margin-bottom: 20px;}

#NISI .scon03Wrap .thingsList > li:last-child > div ul{flex-wrap:nowrap;justify-content:center;width: 60%;margin-top: 20px;}
#NISI .scon03Wrap .thingsList > li:last-child > div ul li{width: 33%;margin-right: 20px;}
#NISI .scon03Wrap .thingsList > li:last-child > div ul li:last-child{margin-right: 0;}


#NISI .scon04{position: relative;}
#NISI .scon04Wrap{position: relative;}
#NISI .scon04Wrap:before{display: block;content:"";width: 10px;height: 61px;background: url("../../img/sub/dotdotdot.png") no-repeat center;margin: 0 auto 50px;}
#NISI .scon04Wrap h5{font-size: 22px;font-weight: 400;color: #333;text-align: center;}
#NISI .scon04Wrap ul{position: relative;display: flex;justify-content:space-between;max-width: 640px;margin: 50px auto 195px;}
#NISI .scon04Wrap ul:after{content:none;}
#NISI .scon04Wrap ul li{position: relative;width: 28.125%;padding-top: 28%;background: #fff;border-radius:100rem;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
#NISI .scon04Wrap ul li > div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
#NISI .scon04Wrap ul li > div div{position: relative;height: 45px;display: flex;justify-content:center;align-items:center;}
#NISI .scon04Wrap ul li > div div img{display: block;width: auto;}
#NISI .scon04Wrap ul li p{font-size: 16px;font-weight: 400;color: #666;text-align: center;margin-top: 16px;}






/* IT컨설팅 */
#consulting{position: relative;}
#consulting .scon01{position: relative;margin-top: 40px;}
#consulting .scon01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f7f7f7;}
#consulting .scon01Wrap{position: relative;top: -40px;display: flex;align-items:center;}
#consulting .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#consulting .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#consulting .scon01Wrap div:nth-child(2){position: relative;padding-left: 80px;box-sizing:border-box;}
#consulting .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}
#consulting .scon01Wrap div:nth-child(2) p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;}
#consulting .scon01Wrap div:nth-child(2) p:last-child{margin-top: 30px;}


#consulting .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#consulting .scon02Wrap{position: relative;}
#consulting .scon02Wrap > div:first-child{position: relative;}
#consulting .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#consulting .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#consulting .scon02Wrap > div:last-child{position: relative;}

#consulting .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px auto 150px;max-width:1060px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #consulting .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#consulting .scon02Wrap ul:after{content:none;} */
#consulting .scon02Wrap ul li{position: relative;width: 28.3%;padding-top: 28%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#consulting .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#consulting .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;}
#consulting .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}




/* 통합유지보수 */
#maintenance{position: relative;}
#maintenance .scon01{position: relative;margin-top: 40px;}
#maintenance .scon01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f7f7f7;}
#maintenance .scon01Wrap{position: relative;top: -40px;display: flex;align-items:center;}
#maintenance .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#maintenance .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#maintenance .scon01Wrap div:nth-child(2){position: relative;padding-left: 80px;box-sizing:border-box;}
#maintenance .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}
#maintenance .scon01Wrap div:nth-child(2) p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;}
#maintenance .scon01Wrap div:nth-child(2) p:last-child{margin-top: 30px;}

#maintenance .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#maintenance .scon02Wrap{position: relative;}
#maintenance .scon02Wrap > div:first-child{position: relative;}
#maintenance .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#maintenance .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#maintenance .scon02Wrap > div:last-child{position: relative;}

#maintenance .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0 100px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #maintenance .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#maintenance .scon02Wrap ul:after{content:none;} */
#maintenance .scon02Wrap ul li{position: relative;width: 20.83%;padding-top: 20%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#maintenance .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#maintenance .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;}
#maintenance .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}


#maintenance .scon03{position: relative;}
#maintenance .scon03Wrap{position: relative;}
#maintenance .scon03Wrap > div{position: relative;}
#maintenance .scon03Wrap > div h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 15px;}
#maintenance .scon03Wrap > div p{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.5;}

#maintenance .scon03Wrap .thingsList{position: relative;margin: 60px 0 140px;}
#maintenance .scon03Wrap .thingsList > li{position: absolute;top: 0;width: 29.16%;border-radius:100rem;padding: 40px 0;box-sizing:border-box;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);}
#maintenance .scon03Wrap .thingsList > li:nth-child(1){position: relative;top: 0;left: 0;}
#maintenance .scon03Wrap .thingsList > li:nth-child(2){left: 23.61%;height: 100%;}
#maintenance .scon03Wrap .thingsList > li:nth-child(3){right: 23.61%;height: 100%;}
#maintenance .scon03Wrap .thingsList > li:nth-child(4){right: 0;height: 100%;}

#maintenance .scon03Wrap .thingsList > li:nth-child(1),
#maintenance .scon03Wrap .thingsList > li:nth-child(3){background: rgba(25,163,215,.9);}

#maintenance .scon03Wrap .thingsList > li:nth-child(2),
#maintenance .scon03Wrap .thingsList > li:nth-child(4){background: rgba(25,109,163,.9);}

#maintenance .scon03Wrap .thingsList > li div{display: flex;justify-content:center;align-items:center;}
#maintenance .scon03Wrap .thingsList > li dt{font-size: 22px;font-weight: 400;color: #fff;text-align: center;margin-bottom: 10px;}
#maintenance .scon03Wrap .thingsList > li dd{font-size: 16px;font-weight: 300;color: #fff;text-align: center;padding: 5px 0;box-sizing:border-box;}





/* 솔루션 공통 */
.solutionTabBtnWrap{position: relative;display: flex;justify-content:space-between;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing:border-box;}
.solutionTabBtnWrap a{position: relative;display: block;width: 33.3333%;text-align: center;font-size: 18px;font-weight: 500;color: #999;line-height: 67px;transition:all .3s;}
.solutionTabBtnWrap a:hover{color: #005d9f;transition:all .3s;}
.solutionTabBtnWrap a:hover:after{width: 45px;transition:all .3s;}

.solutionTabBtnWrap a:before{position: absolute;top: calc(50% - 9px);right: 0;content:"";width: 1px;height: 18px;background: #ddd;}
.solutionTabBtnWrap a:after{position: absolute;bottom: -1px;left: 50%;transform:translateX(-50%);content:"";width: 0;height: 1px;background: #005d9f;transition:all .3s;}

.solutionTabBtnWrap a.active{color: #005d9f;pointer-events: none;cursor: default;}
.solutionTabBtnWrap a.active:after{width: 45px;transition:all .3s;}

.solutionTabBtnWrap a br{display: none;}

.solutionTabBtnWrap a:last-child:before{content:none;}




/* 솔루션01 */
#solution01{position: relative;padding-bottom: 140px;box-sizing:border-box;}
#solution01 .section{position: relative;margin-top: 50px;}
#solution01 .section h4{position: relative;font-size: 18px;font-weight: 400;color: #fff;text-align: center;line-height: 70px;background: #005d9f;}
#solution01 .section > div > div{border: 1px solid #ddd;border-top: none;display: flex;justify-content:center;align-items:center;padding: 30px 0;box-sizing:border-box;}
#solution01 .section > div > div img{display: block;max-width: 95%;}



/* 솔루션02 */
#solution02{position: relative;}
#solution02 .scon01{position: relative;margin-top: 100px;}
#solution02 .scon01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f7f7f7;}
#solution02 .scon01Wrap{position: relative;top: -40px;display: flex;align-items:center;}
#solution02 .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#solution02 .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#solution02 .scon01Wrap div:nth-child(2){position: relative;padding-left: 80px;box-sizing:border-box;margin-top: 40px;}
#solution02 .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}
#solution02 .scon01Wrap div:nth-child(2) p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;}
#solution02 .scon01Wrap div:nth-child(2) p:nth-child(3){margin-top: 30px;}
#solution02 .scon01Wrap div:nth-child(2) a{display: block;width: 186px;height: 50px;background: #005d9f;font-size: 15px;color: #fff;text-align: center;line-height: 50px;transition:all .3s;margin-top: 50px;}
#solution02 .scon01Wrap div:nth-child(2) a span{display: inline-block;width: 12px;height: 11px;background: url("../../img/sub/downIcon.png") no-repeat center;margin-left: 7px;}
#solution02 .scon01Wrap div:nth-child(2) a:hover{background: #015088;transition:all .3s;}

#solution02 .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#solution02 .scon02Wrap{position: relative;}
#solution02 .scon02Wrap > div:first-child{position: relative;}
#solution02 .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#solution02 .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#solution02 .scon02Wrap > div:last-child{position: relative;}

#solution02 .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0 100px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #solution02 .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#solution02 .scon02Wrap ul:after{content:none;} */
#solution02 .scon02Wrap ul li{position: relative;width: 20.83%;padding-top: 20%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#solution02 .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#solution02 .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;}
#solution02 .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}

#solution02 .scon03{position: relative;}
#solution02 .scon03Wrap{position: relative;}
#solution02 .scon03Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;}
#solution02 .scon03Wrap ul{position: relative;display: flex;justify-content:space-between;padding: 60px 0 140px;box-sizing:border-box;}
#solution02 .scon03Wrap ul:after{content:none;}
#solution02 .scon03Wrap ul li{width: 23.958%;}
#solution02 .scon03Wrap ul li img{display: block;width: 100%;}
#solution02 .scon03Wrap ul li p{font-size: 16px;font-weight: 400;color: #666;text-align: center;margin-top: 10px;line-height: 1.4;}



/* 솔루션03 */
#solution03{position: relative;padding-bottom: 140px;box-sizing:border-box;}
#solution03 .section{position: relative;margin-top: 50px;}
#solution03 .section h4{position: relative;font-size: 18px;font-weight: 400;color: #fff;text-align: center;line-height: 70px;background: #005d9f;}
#solution03 .section > div > div{border: 1px solid #ddd;border-top: none;display: flex;justify-content:center;align-items:center;padding: 30px 0;box-sizing:border-box;}
#solution03 .section > div > div img{display: block;max-width: 95%;}



/* 시스템 */
#system{position: relative;}
#system .scon01{position: relative;margin-top: 40px;}
#system .scon01 .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f7f7f7;}
#system .scon01Wrap{position: relative;top: -40px;display: flex;align-items:center;}
#system .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#system .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#system .scon01Wrap div:nth-child(2){position: relative;padding-left: 80px;box-sizing:border-box;margin-top: 40px;}
#system .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}
#system .scon01Wrap div:nth-child(2) p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;}
#system .scon01Wrap div:nth-child(2) p:nth-child(3){margin-top: 30px;}
#system .scon01Wrap div:nth-child(2) a{display: block;width: 186px;height: 50px;background: #005d9f;font-size: 15px;color: #fff;text-align: center;line-height: 50px;transition:all .3s;margin-top: 50px;}
#system .scon01Wrap div:nth-child(2) a span{display: inline-block;width: 12px;height: 11px;background: url("../../img/sub/downIcon.png") no-repeat center;margin-left: 7px;}
#system .scon01Wrap div:nth-child(2) a:hover{background: #015088;transition:all .3s;}

#system .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#system .scon02Wrap{position: relative;}
#system .scon02Wrap > div:first-child{position: relative;}
#system .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#system .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#system .scon02Wrap > div:last-child{position: relative;}

#system .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0 100px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #system .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#system .scon02Wrap ul:after{content:none;} */
#system .scon02Wrap ul li{position: relative;width: 20.83%;padding-top: 20%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#system .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#system .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 15px;line-height: 1.3;}
#system .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}

#system .scon03{position: relative;}
#system .scon03Wrap{position: relative;}
#system .scon03Wrap h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 60px;text-align: center;}
#system .scon03Wrap div{position: relative;display: flex;justify-content:center;align-items:center;border: 1px solid #ddd;padding: 30px 0;}
#system .scon03Wrap div img{display: block;max-width:95%;}

#system .scon04{position: relative;margin: 100px 0 140px;}
#system .scon04Wrap{position: relative;}
#system .scon04Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;}
#system .scon04Wrap ul{position: relative;display: flex;justify-content:space-between;padding: 60px 0 140px;box-sizing:border-box;}
#system .scon04Wrap ul:after{content:none;}
#system .scon04Wrap ul li{width: 19.09%;}
#system .scon04Wrap ul li div{border: 1px solid #ddd;box-sizing:border-box;}
#system .scon04Wrap ul li img{display: block;width: 100%;}
#system .scon04Wrap ul li p{font-size: 16px;font-weight: 400;color: #666;text-align: center;margin-top: 10px;line-height: 1.4;}




/* 빅데이터 */
#bigData{position: relative;}
#bigData .scon01{position: relative;margin-top: 40px;}
#bigData .scon01 .bg{position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 100%;height: 80%;background: #f7f7f7;}
#bigData .scon01Wrap{position: relative;display: flex;align-items:center;}
#bigData .scon01Wrap div:nth-child(1){position: relative;width: 50%;}
#bigData .scon01Wrap div:nth-child(1) img{display: block;width: 100%;}
#bigData .scon01Wrap div:nth-child(2){position: relative;padding-left: 80px;box-sizing:border-box;margin-top: 40px;}
#bigData .scon01Wrap div:nth-child(2) h4{font-size: 22px;font-weight: 400;color: #333;line-height: 1.5;margin-bottom: 40px;}

#bigData .scon02{position: relative;padding: 100px 0 140px;box-sizing:border-box;}
#bigData .scon02Wrap{position: relative;}
#bigData .scon02Wrap > div:first-child{position: relative;}
#bigData .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#bigData .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#bigData .scon02Wrap > div:last-child{position: relative;}

#bigData .scon02Wrap > ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #bigData .scon02Wrap > ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#bigData .scon02Wrap > ul:after{content:none;} */
#bigData .scon02Wrap > ul > li{position: relative;width: 29.583%;border: 1px solid #0099d1;background: #fff;box-sizing:border-box;display: flex;justify-content:center;align-items:center;}
#bigData .scon02Wrap > ul > li div{width: 92.95%;height: 90%;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);padding: 8% 10% 12%;box-sizing:border-box;}
#bigData .scon02Wrap > ul > li div p{font-size: 22px;font-weight: 400;color: #333;margin-bottom: 20px;}
#bigData .scon02Wrap > ul > li div ul{margin-left: 2px;}
#bigData .scon02Wrap > ul > li div ul li{background: url("../../img/sub/listBullet.jpg") no-repeat left top 12px;font-size: 16px;font-weight: 300;color: #666;padding: 3px 0px 3px 14px;box-sizing:border-box;line-height: 1.4;}

#bigData .scon02Wrap > div:last-child{width: 100%;}
#bigData .scon02Wrap > div:last-child img{display: block;max-width:100%;}



/* 미세먼지측정시스템 */
.dust{position: relative;}
.dust .scon01{position: relative;background: #f7f7f7;padding: 50px 0;box-sizing:border-box;}
.dust .scon01 h4{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 27px;}
.dust .scon01 p{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.6;}
.dust .scon01 a{display: block;width: 186px;height: 50px;background: #005d9f;font-size: 15px;color: #fff;text-align: center;line-height: 50px;transition:all .3s;margin: 50px auto 0;}
.dust .scon01 a span{display: inline-block;width: 12px;height: 11px;background: url("../../img/sub/downIcon.png") no-repeat center;margin-left: 7px;}
.dust .scon01 a:hover{background: #015088;transition:all .3s;}

.dust .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
.dust .scon02 .scon02Wrap{position: relative;display: flex;justify-content:space-between;}
.dust .scon02 .scon02Wrap .leftBox{width: 50%;}
.dust .scon02 .scon02Wrap .rightBox{width: 44.44%;}
.dust .scon02 .scon02Wrap .rightBox div{position: relative;margin-bottom: 35px;}
.dust .scon02 .scon02Wrap .rightBox div p{font-size: 18px;font-weight: 500;color: #333;margin-bottom: 15px;}
.dust .scon02 .scon02Wrap .rightBox div img{display: block;max-width:100%;}
.dust .scon02 .scon02Wrap .rightBox > div:last-child{padding-top: 15px;margin-bottom: 0;}
.dust .scon02 .scon02Wrap .rightBox div table{position: relative;border-top: 1px solid #333;}
.dust .scon02 .scon02Wrap .rightBox div table th{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 14px;font-weight: 400;color: #333;padding: 13px 0;box-sizing:border-box;}
.dust .scon02 .scon02Wrap .rightBox div table th:first-child{border-left: none;}
.dust .scon02 .scon02Wrap .rightBox div table th:nth-child(5){border-right: none;}
.dust .scon02 .scon02Wrap .rightBox div table td{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;text-align: center;font-size: 14px;color: #666;font-weight: 300;}
.dust .scon02 .scon02Wrap .rightBox div table td:last-child{border-right: none;}

.dust .scon03{position: relative;padding: 100px 0 140px;box-sizing:border-box;}
.dust .scon03 .scon03Wrap{position: relative;border: 1px solid #ddd;box-sizing:border-box;display: flex;justify-content:center;align-items:center;padding: 50px 0;}
.dust .scon03 .scon03Wrap img{display: block;max-width:95%;}

#manage .section h3.title{ text-align:center; color:#333; font-size:40px; margin-bottom: 80px; font-weight: 300; }
#manage .scon02 .scon02Wrap{ justify-content:flex-start; }
#manage .scon02 .scon02Wrap > div{ width: auto; }
#manage .scon02 .scon02Wrap .leftBox{ margin-right: 70px;}
#manage .scon02 .scon02Wrap .leftBox img{ position: relative; }
#manage .scon02 .scon02Wrap .rightBox > div{ display:flex; align-items:center; }
#manage .scon02 .scon02Wrap .rightBox > div{ margin-bottom: 0;}
#manage .scon02 .scon02Wrap .rightBox > div:first-child{ margin-bottom: 90px;}
#manage .scon02 .scon02Wrap .rightBox > div dl{ margin-left: 35px;}
#manage .scon02 .scon02Wrap .rightBox > div dl dt{ font-size: 22px; color:#333; margin-bottom: 25px; white-space: nowrap;}
#manage .scon02 .scon02Wrap .rightBox > div dl dd{ font-size: 16px; font-weight: 300; color:#666; }
#manage .scon02 .scon02Wrap .rightBox > div dl dd li{ display:flex; align-items:center; }
#manage .scon02 .scon02Wrap .rightBox > div dl dd li:not(:last-child){ margin-bottom: 10px; }
#manage .scon02 .scon02Wrap .rightBox > div dl dd li:before{ content:''; display:inline-block; width: 4px; height: 4px; margin-right:10px; background: #005d9f;}
#manage .scon03 > div{ box-sizing: border-box; padding: 0 110px; }
#manage .scon03 .ctnBox{ position: relative; display:flex; justify-content:space-between; gap:220px; }
#manage .scon03 .ctnBox:before{ content:''; display:block; position: absolute; transform:translateX(-50%); top: 123px; left: 50%; width: calc(100% - 20px); height: 1px; background: #0099d1;}
#manage .scon03 .ctnBox .itemBox{ display:flex; flex-direction:column; align-items:center; width: calc((100% - 440px) / 3);}
#manage .scon03 .ctnBox .itemBox .circleBox{ position: relative; width: 245px; height: 245px; border-radius:50%; border:1px solid #0099d1; background: #fff; display:flex; justify-content:center; align-items:center; margin-bottom: 50px;}
#manage .scon03 .ctnBox .itemBox .circleBox:before{ content:''; display:block; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; border-radius:50%; width: 220px; height: 220px; box-shadow:0 0 10px rgba(13,21,30, 0.1); }
#manage .scon03 .ctnBox .itemBox .circleBox span{ position: relative; z-index: 1; text-align: center; font-size:25px; color:#333; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3;}
#manage .scon03 .ctnBox .itemBox .txtBox li{ white-space:nowrap; display:flex; font-size:16px; color:#666; line-height: 26px; }
#manage .scon03 .ctnBox .itemBox .txtBox li:not(:last-child){ margin-bottom: 12px;}
#manage .scon03 .ctnBox .itemBox .txtBox li:before{  content:''; display:inline-block; width: 4px; height: 4px; margin-right:10px; background: #005d9f; margin-top: 10px;}
#manage .scon04{ padding-bottom: 290px;}
#manage .scon04 .ctnBox{ padding: 0 80px; display:flex; flex-wrap:wrap; gap:50px 0; }
/*#manage .scon04 .ctnBox .itemBox{ width: 50%; display:flex; align-items:center; }*/
@media screen and (min-width:1441px) {
	#manage .scon04 .ctnBox .itemBox{ width: 40%; display:flex; align-items:center; }
	#manage .scon04 .ctnBox .itemBox:nth-child(2n+1) { width: 50%; padding-left: 10% }
}
@media screen and (max-width:1440px) {
	#manage .scon04 .ctnBox .itemBox{ width: 50%; display:flex; align-items:center; }
}
#manage .scon04 .ctnBox .itemBox figure{ width: 170px; height: 170px; border-radius:50%; background: rgba(25,109,163,0.14); display:flex; justify-content:center; align-items:center; margin: 0;
margin-right: 50px;}
#manage .scon04 .ctnBox .itemBox dl dt{ font-size:22px; color:#333; margin-bottom: 20px; }
#manage .scon04 .ctnBox .itemBox dl dd li{ display:flex; line-height: 1.5;}
#manage .scon04 .ctnBox .itemBox dl dd li:not(:last-child){ margin-bottom: 10px; }
#manage .scon04 .ctnBox .itemBox dl dd li:before{ content:''; display:inline-block; width: 4px; height: 4px; margin-right:10px; background: #005d9f; margin-top: 10px;}


/* 비대면영상원격협업솔루션 */
#Remote{position: relative;}
#Remote .scon01{position: relative;background: #f7f7f7;padding: 50px 0;box-sizing:border-box;}
#Remote .scon01Wrap h4{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 27px;}
#Remote .scon01Wrap p{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.6;margin-bottom: 15px;}
#Remote .scon01Wrap div{position: relative;display: flex;justify-content:center;margin-top: 35px;}
#Remote .scon01Wrap div a{display: block;width: 186px;height: 50px;background: #005d9f;font-size: 15px;color: #fff;text-align: center;line-height: 50px;transition:all .3s;}
#Remote .scon01Wrap div a:first-child{margin-right: 20px;}
#Remote .scon01Wrap div a:first-child span{display: inline-block;width: 12px;height: 11px;background: url("../../img/sub/downIcon.png") no-repeat center;margin-left: 7px;}
#Remote .scon01Wrap div a:last-child span{display: inline-block;width: 14px;height: 10px;background: url("../../img/sub/youtubeIcon.png") no-repeat center;margin-left: 7px;}
#Remote .scon01Wrap div a:hover{background: #015088;transition:all .3s;}

#Remote .scon02{position: relative;padding-top: 100px;box-sizing:border-box;}
#Remote .scon02Wrap{position: relative;}
#Remote .scon02Wrap > div:first-child{position: relative;}
#Remote .scon02Wrap > div:first-child h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 30px;text-align: center;}
#Remote .scon02Wrap > div:first-child p{font-size: 16px;font-weight: 300;color: #666;line-height: 1.5;text-align: center;}
#Remote .scon02Wrap > div:last-child{position: relative;}

#Remote .scon02Wrap ul{position: relative;display: flex;justify-content:space-between;margin: 60px 0 100px;background: url("../../img/common/blueLine.png") repeat-x center;}
/* #Remote .scon02Wrap ul:before{position: absolute;top: 50%;left: 0;display: block;content:"";width: 100%;height: 1px;background: #005d99;z-index: -1;}
#Remote .scon02Wrap ul:after{content:none;} */
#Remote .scon02Wrap ul li{position: relative;width: 20.83%;padding-top: 20%;border: 1px solid #0099d1;border-radius:100rem;background: #fff;box-sizing:border-box;}
#Remote .scon02Wrap ul li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;height: 90%;border-radius:100rem;background: #fff;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);display: flex;justify-content:center;align-items:center;flex-direction:column;}
#Remote .scon02Wrap ul li div p.title{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;}
#Remote .scon02Wrap ul li div p.exp{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.4;}

#Remote .scon03{position: relative;}
#Remote .scon03Wrap{position: relative;}
#Remote .scon03Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;}
#Remote .scon03Wrap ul{position: relative;display: flex;justify-content:space-between;padding: 60px 0 100px;box-sizing:border-box;}
#Remote .scon03Wrap ul:after{content:none;}
#Remote .scon03Wrap ul li{width: 23.958%;}
#Remote .scon03Wrap ul li img{display: block;width: 100%;}
#Remote .scon03Wrap ul li p{font-size: 16px;font-weight: 400;color: #666;text-align: center;margin-top: 10px;line-height: 1.4;}

#Remote .scon04{position: relative;padding-bottom: 100px;box-sizing:border-box;}
#Remote .scon04Wrap{position: relative;}
#Remote .scon04Wrap h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 60px;text-align: center;}
#Remote .scon04Wrap > div{position: relative;display: flex;align-items:center;}
#Remote .scon04Wrap > div > div:first-child{width: 50%;border: 1px solid #ddd;box-sizing:border-box;padding: 60px 0;display: flex;justify-content:center;align-items:center;}
#Remote .scon04Wrap > div > div:first-child img{display: block;max-width:95%;}
#Remote .scon04Wrap > div > div:last-child{position: relative;padding-left: 50px;box-sizing:border-box;}
#Remote .scon04Wrap > div > div:last-child ul li{background: url("../../img/sub/listBullet.jpg") no-repeat left top 12px;font-size: 16px;font-weight: 300;color: #666;padding: 3px 0px 3px 14px;box-sizing:border-box;line-height: 1.4;}


#Remote .scon05{position: relative;padding-bottom: 140px;box-sizing:border-box;}
#Remote .scon05Wrap{position: relative;}
#Remote .scon05Wrap h4{font-size: 40px;font-weight: 300;color: #333;margin-bottom: 60px;text-align: center;}
#Remote .scon05Wrap > div{position: relative;display: flex;align-items:center;justify-content:space-between;}
#Remote .scon05Wrap > div > div:first-child{position: relative;padding-left: 50px;box-sizing:border-box;}
#Remote .scon05Wrap > div > div:first-child ul li{background: url("../../img/sub/listBullet.jpg") no-repeat left top 12px;font-size: 16px;font-weight: 300;color: #666;padding: 3px 0px 3px 14px;box-sizing:border-box;line-height: 1.4;}
#Remote .scon05Wrap > div > div:last-child{width: 50%;border: 1px solid #ddd;box-sizing:border-box;padding: 60px 0;display: flex;justify-content:center;align-items:center;}
#Remote .scon05Wrap > div > div:last-child img{display: block;max-width:100%;}





/* 결합형스마트함체 */
#smart{position: relative;}
#smart .scon01{position: relative;background: #f7f7f7;padding: 50px 0;box-sizing:border-box;}
#smart .scon01Wrap h4{font-size: 22px;font-weight: 400;color: #333;text-align: center;margin-bottom: 20px;line-height: 1.4;}
#smart .scon01Wrap p{font-size: 16px;font-weight: 300;color: #666;text-align: center;line-height: 1.6;margin-bottom: 15px;}
#smart .scon01Wrap a{display: block;width: 186px;height: 50px;background: #005d9f;font-size: 15px;color: #fff;text-align: center;line-height: 50px;transition:all .3s;margin: 35px auto 0;}
#smart .scon01Wrap a span{display: inline-block;width: 12px;height: 11px;background: url("../../img/sub/downIcon.png") no-repeat center;margin-left: 7px;}
#smart .scon01Wrap a:hover{background: #015088;transition:all .3s;}

#smart .scon02{position: relative;padding: 100px 0 0;box-sizing:border-box;}
#smart .scon02Wrap{position: relative;}
#smart .scon02Wrap img{display: block;max-width:100%;margin: 0 auto;}
#smart .scon02Wrap table{position: absolute;bottom: 0;right: 0;max-width: 506px;border-top: 1px solid #333;background: rgba(255,255,255,.5);}
#smart .scon02Wrap table th{border-bottom: 1px solid #ddd;text-align: center;font-size: 14px;font-weight: 400;color: #333;padding: 13px 0;box-sizing:border-box;}
#smart .scon02Wrap table td{border-bottom: 1px solid #ddd;font-size: 14px;font-weight: 300;color: #666;padding: 13px 0;box-sizing:border-box;text-align: center;}
#smart .scon02Wrap table td:first-child{border-right: 1px solid #ddd;}

#smart .scon03{position: relative;padding: 140px 0 150px;box-sizing:border-box;}
#smart .scon03Wrap{position: relative;}
#smart .scon03Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 60px;}
#smart .scon03Wrap > div{position: relative;display: flex;justify-content:space-between;align-items:center;}
#smart .scon03Wrap > div > div{position: relative;width: 50%;}
#smart .scon03Wrap > div:nth-child(2) > .imgBox{display: flex;justify-content:flex-end;}
#smart .scon03Wrap > div .imgWrap{width: 83.333%;border: 1px solid #ddd;box-sizing:border-box;}
#smart .scon03Wrap > div .imgWrap img{display: block;max-width:100%;}
#smart .scon03Wrap > div .txtBox{position: relative;padding: 0 50px;box-sizing:border-box;}
#smart .scon03Wrap > div .txtBox p{font-size: 22px;font-weight: 400;color: #333;margin-bottom: 30px;}
#smart .scon03Wrap > div .txtBox ul li{background: url("../../img/sub/listBullet.jpg") no-repeat left top 11px;font-size: 16px;font-weight: 300;color: #666;padding: 3px 0px 3px 14px;box-sizing:border-box;line-height: 1.4;}





/* 채용정보 */
#recruitment{position: relative;}
#recruitment .scon01{position: relative;background: #f7f7f7;padding: 100px 0;box-sizing:border-box;}
#recruitment .scon01Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 70px;}
#recruitment .scon01Wrap ul{position: relative;max-width:79.722%;display: flex;justify-content:space-between;margin: 0 auto;}
#recruitment .scon01Wrap ul:after{content:none;}
#recruitment .scon01Wrap ul li{position: relative;display: block;width: 26.829%;padding-top: 26%;border: 4px solid #005d9f;border-radius:100rem;box-sizing:border-box;background: #fff;}
#recruitment .scon01Wrap ul li > div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: flex;flex-direction:column;justify-content:center;align-items:center;}
#recruitment .scon01Wrap ul li:after{position: absolute;top: calc(50% - 6px);right: -24%;display: block;content:"";width: 18px;height: 12px;background: url("../../img/sub/recruitment_arrow.png") no-repeat center;}
#recruitment .scon01Wrap ul li:nth-child(3):after{content:none;}

#recruitment .scon01Wrap ul li .imgWrap{position: relative;height: 74px;display: flex;justify-content:center;align-items:center;margin-bottom: 20px;}
#recruitment .scon01Wrap ul li p:nth-child(2){font-size: 24px;font-weight: 400;color: #005d9f;margin-bottom: 10px;}
#recruitment .scon01Wrap ul li p:nth-child(3){font-size: 16px;font-weight: 300;color: #666;line-height: 1.4;text-align: center;white-space: nowrap;min-height:44px;}


#recruitment .scon02{position: relative;padding: 100px 0;box-sizing:border-box;}
#recruitment .scon02Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 70px;}
#recruitment .scon02Wrap table{border-top: 1px solid #005d9f;}
#recruitment .scon02Wrap table th{width: 190px;font-size: 20px;font-weight: 400;color: #333;padding: 20px 0 20px 20px;box-sizing:border-box;border-bottom: 1px solid #e0e0e0;text-align: left;vertical-align: text-top;}
#recruitment .scon02Wrap table td{width: calc(100% - 190px);font-size: 16px;font-weight: 300;color: #666;padding: 20px 0 20px 20px;box-sizing:border-box;border-bottom: 1px solid #e0e0e0;text-align: left;line-height: 1.5;}
#recruitment .scon02Wrap table td a{transition:all .3s;}
#recruitment .scon02Wrap table td a:hover{color: #005d9f;transition:all .3s;}


#recruitment .scon03{position: relative;background: #f7f7f7;padding: 100px 0 190px;box-sizing:border-box;}
#recruitment .scon03Wrap h4{font-size: 40px;font-weight: 300;color: #333;text-align: center;margin-bottom: 80px;}
#recruitment .scon03Wrap ul{position: relative;width: 100%;display: flex;justify-content:center;flex-wrap:wrap;}
#recruitment .scon03Wrap ul:after{content:none;}
#recruitment .scon03Wrap ul li{width: 23.263%;background: #fff;display: flex;flex-direction:column;justify-content:center;align-items:center;padding: 55px 0 60px;box-sizing:border-box;margin-right: 2.316%;transition:all .3s;}
#recruitment .scon03Wrap ul li .imgWrap{position: relative;height: 67px;display: flex;flex-direction:column;justify-content:center;align-items:center;}
#recruitment .scon03Wrap ul li span{display: block;width: 25px;height: 2px;background: #005d9f;margin: 36px auto;}
#recruitment .scon03Wrap ul li:nth-child(4),#recruitment .scon03Wrap ul li:nth-child(7){margin-right: 0;}
#recruitment .scon03Wrap ul li:nth-child(n+5){margin-top: 2.3%;}
#recruitment .scon03Wrap ul li p{font-size: 24px;font-weight: 500;color: #333;text-align: center;letter-spacing: -1px;}




/* 오시는길 */
#contactUs{position: relative;}
#contactUs .scon01{position: relative;margin-bottom: 260px;}
#contactUs .scon01Wrap{position: relative;display: flex;align-items:center;}
#contactUs .scon01Wrap .leftBox{width: 50%;height: 544px;}
#contactUs .scon01Wrap .rightBox{width:50%;}
#contactUs .scon01Wrap .rightBox > div{width: 520px;margin: 0 auto;}
#contactUs .scon01Wrap .rightBox > div h4{font-size: 35px;font-weight: 500;color: #333;margin-bottom: 70px;}
#contactUs .scon01Wrap .rightBox > div ul{position: relative;}
#contactUs .scon01Wrap .rightBox > div ul li{font-size: 20px;font-weight: 300;color: #666;letter-spacing: -0.5px;border-bottom: 1px solid #e0e0e0;padding: 28px 0;box-sizing:border-box;}
#contactUs .scon01Wrap .rightBox > div ul li i{position: relative;top: 2px;font-size: 22px;color: #005d99;display: inline-block;margin-right: 5px;}
#contactUs .scon01Wrap .rightBox > div ul li a{transition:all .3s;}
#contactUs .scon01Wrap .rightBox > div ul li a:hover{color: #005d99;transition:all .3s;}