@media screen and (max-width:1920px) {

    /*=== main ====*/
	

    /*=== sub ====*/

}

@media screen and (max-width:1800px) {

    /*=== main ====*/
	#customNav{display: none !important;}

    /*=== sub ====*/

}

@media screen and (max-width:1700px) {
	/*=== header ====*/

    /*=== main ====*/

    /*=== sub ====*/
}

@media screen and (max-width:1600px) {

    /*=== main ====*/

    /*=== sub ====*/

}

@media screen and (max-width:1500px) {

    /*=== main ====*/
	.mcon02, .mcon03{padding: 60px 0;box-sizing:border-box;}
	.titleWrap h2{font-size: 60px;}
	

    /*=== sub ====*/
	#bigData .scon02Wrap > ul > li div ul li br{display: none;}
}

@media screen and (max-width:1400px) {

    /*=== main ====*/


    /*=== sub ====*/
	#ceo .scon01 .scon01Wrap > div > div:nth-child(1){width: 50%;max-width:none;padding-left: 4.9%;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2){padding-left: 5.5%;box-sizing:border-box;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) h4{font-size: 26px;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) p br{display: none;}

	#patent .scon01Wrap .patentList li p{font-size: 17px;}
	
	#organization .orgList > li:nth-child(2) ul li{width: 28%;}
	#organization .orgList > li:nth-child(3){width: 81%;}
	#organization .orgList > li:nth-child(4) div{width: 18%;}

	#NISI .scon01Wrap{flex-direction:column;}
	#NISI .scon01Wrap div:nth-child(1){width: 100%;}
	#NISI .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#NISI .scon01Wrap div:nth-child(2){margin-top: 30px;}

	#NISI .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	#NISI .scon02Wrap ul li{width: 30%;padding-top: 30%;}
	#NISI .scon02Wrap ul li:last-child{margin-top: 50px;}

	#consulting .scon01Wrap{flex-direction:column;}
	#consulting .scon01Wrap div:nth-child(1){width: 100%;}
	#consulting .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#consulting .scon01Wrap div:nth-child(2){margin-top: 30px;padding-left: 0;}
	
	#consulting .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #consulting .scon02Wrap ul:before{content:none;} */
	#consulting .scon02Wrap ul li{width: 32%;padding-top: 31%;}

	#maintenance .scon01Wrap{flex-direction:column;}
	#maintenance .scon01Wrap div:nth-child(1){width: 100%;}
	#maintenance .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#maintenance .scon01Wrap div:nth-child(2){margin-top: 30px;padding-left: 0;}
	
	#maintenance .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #maintenance .scon02Wrap ul:before{content:none;} */
	#maintenance .scon02Wrap ul li{width: 30%;padding-top: 29%;}
	#maintenance .scon02Wrap ul li:last-child{margin-top: 30px;}

	#solution02 .scon01Wrap{flex-direction:column;}
	#solution02 .scon01Wrap div:nth-child(1){width: 100%;}
	#solution02 .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#solution02 .scon01Wrap div:nth-child(2){margin-top: 30px;padding-left: 0;}
	
	#solution02 .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #solution02 .scon02Wrap ul:before{content:none;} */
	#solution02 .scon02Wrap ul li{width: 30%;padding-top: 29%;}
	#solution02 .scon02Wrap ul li:last-child{margin-top: 30px;}
	
	#system .scon01Wrap{flex-direction:column;}
	#system .scon01Wrap div:nth-child(1){width: 100%;}
	#system .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#system .scon01Wrap div:nth-child(2){margin-top: 30px;padding-left: 0;}
	
	#system .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #system .scon02Wrap ul:before{content:none;} */
	#system .scon02Wrap ul li{width: 30%;padding-top: 29%;}
	#system .scon02Wrap ul li:last-child{margin-top: 30px;}
	
	#system .scon04Wrap ul{flex-wrap:wrap;justify-content:space-around;}
	#system .scon04Wrap ul li{width: 30%;}
	#system .scon04Wrap ul li:nth-child(n+4){margin-top: 30px;}
	#system .scon04Wrap ul li div{max-width:276px;margin: 0 auto;}

	#bigData .scon01Wrap{flex-direction:column;}
	#bigData .scon01Wrap div:nth-child(1){width: 100%;}
	#bigData .scon01Wrap div:nth-child(1) img{display: block;max-width:720px;margin: 0 auto;}
	#bigData .scon01Wrap div:nth-child(2){margin-top: 30px;padding-left: 0;}
	#bigData .scon01 .bg{top: initial;bottom: 0;transform:none;height: 100%;}
	
	#bigData .scon02Wrap > ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #bigData .scon02Wrap > ul:before{content:none;} */
	#bigData .scon02Wrap > ul > li{width: 47%;}
	#bigData .scon02Wrap > ul > li:last-child{margin-top: 30px;}

	#bigData .scon02Wrap > div:last-child{overflow-x: scroll;}
	#bigData .scon02Wrap > div:last-child img{max-width:none;}

	.dust .scon02 .scon02Wrap .leftBox{position: relative;width: 48%;padding-top: 30%;overflow: hidden;}
	.dust .scon02 .scon02Wrap .leftBox img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: block;max-width:100%;}
	.dust .scon02 .scon02Wrap .rightBox{width: 48%;}

	#manage .scon02 .scon02Wrap .leftBox{ width: 40%; padding: 0;}
	#manage .scon02 .scon02Wrap .leftBox img{ position: relative; top: auto; left: auto; transform:none; }
	#manage .scon02 .scon02Wrap .rightBox{ flex-shrink:0; }
	
	#Remote .scon02Wrap ul{flex-wrap:wrap;justify-content:space-around;background: none;}
	/* #Remote .scon02Wrap ul:before{content:none;} */
	#Remote .scon02Wrap ul li{width: 30%;padding-top: 29%;}
	#Remote .scon02Wrap ul li:last-child{margin-top: 30px;}


	/* 22.07.13 */
	#organization .scon01Wrap {
		padding-bottom: 190px;
	}
	#organization .scon01Wrap::before {
		height: 48%;
	}
	#organization .list > .line > li::before {
		height: 164px;
	}
	#organization .list li em {
		display: none;
	}
	#organization .list2 {
		flex-direction: column;
		gap: 10px 0;
		position: relative;
		left: auto;
		transform: translateX(0);
		margin: 20px 0 0;
	}
	#organization .list ul.list2::before,
	#organization .list2 li::before {
		display: none;
	}
	#organization .list2 li {
		width: 100%;
	}
}

@media screen and (max-width:1300px) {
	/*=== header ====*/
	header .navWrap nav{display: none;}

    /*=== main ====*/
	.mcon01 .pcWrap .mcon01Wrap .txt{max-width:420px;}
	.mcon01 .pcWrap .mcon01Wrap .txt h2{font-size: 45px;}

	.mcon02 .slideWrap .swiper-slide .infoBox .iconBox{opacity: 1;}
	.mcon02 .slideWrap .swiper-slide .infoBox div .title{opacity: 1;}
	.mcon02 .slideWrap .swiper-slide .infoBox div li{opacity: 1;}
	.mcon02 .slideWrap .swiper-slide .infoBox .moreviewBtn{opacity: 1;}
	.mcon02 .slideWrap .swiper-slide .hoverBg{top: 0;}
	.mcon02 .slideWrap .swiper-slide .infoBox .moreviewBtn span em{width: 100%;}
	
	.mcon02 .slideWrap .swiper-slide a:hover .infoBox .iconBox{animation:none;}
	.mcon02 .slideWrap .swiper-slide a:hover .infoBox div .title{animation:none;}
	.mcon02 .slideWrap .swiper-slide a:hover .infoBox div li{animation:none;}
	.mcon02 .slideWrap .swiper-slide a:hover .infoBox .moreviewBtn span em{animation:none;}

	.mcon03 .prodWrap ul li a p{font-size: 17px;}

    /*=== sub ====*/
	#intro .scon02 .scon02Wrap ul{flex-wrap:wrap;justify-content:center;}
	#intro .scon02 .scon02Wrap ul li{width: 32%;max-width:none;margin-right: 2%;margin-bottom: 2%;}
	#intro .scon02 .scon02Wrap ul li:nth-child(2n){top: 0;}

	#ceo .scon01 .scon01Wrap > div > div:nth-child(1){padding-left: 3%;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2){padding-left: 3%;}

	#recruitment .scon01Wrap ul li{width: 30%;padding-top: 29%;}
	#recruitment .scon01Wrap ul li:after{right: -14%;;}

	#recruitment .scon03Wrap ul li p{font-size: 20px;}


	/*=== footer ===*/
	
}

@media screen and (max-width:1200px) {

    /*=== main ====*/
	.mcon03 .prodWrap ul{flex-wrap:wrap;justify-content:center;align-items:center;}
	.mcon03 .prodWrap ul li{ height: 350px;}

    /*=== sub ====*/
	#ceo .scon01 .scon01Wrap{padding-top: 95px;}
	#ceo .scon01 .scon01Wrap .bg{height: 100%;}
	#ceo .scon01 .scon01Wrap > div{flex-direction:column;margin: 0 auto;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(1){width: 100%;padding-left: 0;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(1) .imgWrap{width: 100%;max-width:500px;height: auto;margin: 0 auto;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(1) .imgWrap img{position: relative;top: 0;left: 0;transform:none;width: 100%;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2){width: 100%;padding-left: 0;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) h4{padding: 30px 0 30px;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p:last-child{justify-content:flex-end;}

	#maintenance .scon03Wrap .thingsList > li{width: 55%;}
	#maintenance .scon03Wrap .thingsList > li:nth-child(1){position: relative;top: 0;left: 0;}
	#maintenance .scon03Wrap .thingsList > li:nth-child(2){right: 0;left: initial;height: 216px;}
	#maintenance .scon03Wrap .thingsList > li:nth-child(3){position: relative;left: 0;right: initial;height: 216px;margin-top: 10px;}
	#maintenance .scon03Wrap .thingsList > li:nth-child(4){bottom: 0;top: initial;right: -5%;right: 0;height: 216px;}

	#Remote .scon04Wrap > div{flex-direction:column;}
	#Remote .scon04Wrap > div > div:first-child{width: 100%;}
	#Remote .scon04Wrap > div > div:last-child{width: 100%;padding-left: 0;margin-top: 30px;}
	
	#Remote .scon05Wrap > div{flex-direction:column-reverse;}
	#Remote .scon05Wrap > div > div:first-child{width: 100%;padding-left: 0;margin-top: 30px;}
	#Remote .scon05Wrap > div > div:first-child ul li br{display: none;}
	#Remote .scon05Wrap > div > div:last-child{width: 100%;}

	#recruitment .scon01Wrap ul{max-width: none;}

	#contactUs .scon01Wrap{flex-direction:column;}
	#contactUs .scon01Wrap .leftBox{width: 100%;height: 544px;}
	#contactUs .scon01Wrap .rightBox{width: 100%;}
	#contactUs .scon01Wrap .rightBox > div{width: 100%;margin-top: 60px;}
	#contactUs .scon01Wrap .rightBox > div h4{font-size: 30px;margin-bottom: 20px;}

	#manage .scon02 .scon02Wrap{ flex-direction:column; }
	#manage .scon02 .scon02Wrap .leftBox{ width: auto; margin-right: 0; }
	#manage .scon02 .scon02Wrap .rightBox{ max-width: none; }
	#manage .scon02 .scon02Wrap .rightBox > div:first-child{ margin-bottom: 50px;}
	#manage .scon02 .scon02Wrap .rightBox > div dl{ flex-shrink:0; }
	#manage .scon03 > div{ padding: 0;}
	#manage .scon03 .ctnBox{ gap:50px; }
	#manage .scon03 .ctnBox:before{ display:none; }
	#manage .scon03 .ctnBox .itemBox{ width: calc((100% - 100px) / 3);}
	#manage .scon03 .ctnBox .itemBox .txtBox{ width: 100%; }
	#manage .scon03 .ctnBox .itemBox .txtBox li{ white-space:wrap; }
	#manage .scon03 .ctnBox .itemBox .txtBox li br{ display:none; }
	#manage .scon03 .ctnBox .itemBox .txtBox li:before{ flex-shrink:0; }
	#manage .scon04{ padding-bottom: 200px;}
	#manage .scon04 .ctnBox{ padding: 0;}
	#manage .scon04 .ctnBox .itemBox figure{ width: 150px; height: 150px; }

	/*=== footer ===*/
	
}

@media screen and (max-width:1100px) {

	/*=== header ====*/

    /*=== main ====*/

    /*=== sub ====*/
	#patent .scon01Wrap .patentList{ gap:20px; }
	#patent .scon01Wrap .patentList li{position: relative;width: calc((100% - 40px) / 3);max-width: none;}
	
	#NISI .scon03Wrap .thingsList > li:last-child > div ul{justify-content:center;flex-wrap:wrap;margin-top: 0;}
	#NISI .scon03Wrap .thingsList > li:last-child > div ul li{width: 50%;margin-right: 0;}
	#NISI .scon03Wrap .thingsList > li:last-child > div ul li:last-child{margin-top: 10px;}
	
	#smart .scon02Wrap table{position: relative;bottom: initial;right: initial;margin: 50px auto 0;}

	#recruitment .scon03Wrap ul li{width: 32%;margin-right: 2%;}
	#recruitment .scon03Wrap ul li:nth-child(4),#recruitment .scon03Wrap ul li:nth-child(7){margin-right: 2%;}
	#recruitment .scon03Wrap ul li:nth-child(3n){margin-right: 0;}
	#recruitment .scon03Wrap ul li:nth-child(n+4){margin-top: 2.3%;}
	#recruitment .scon03Wrap ul li:last-child{margin-right: 0;}
}

@media screen and (max-width:960px) {

	/*=== header ====*/

    /*=== main ====*/
	#fullpage .titleWrap h2{font-size: 65px;}
	#fullpage .titleWrap{margin-bottom: 20px;}
	#fullpage .titleWrap > div{flex-direction:column;}
	#fullpage .titleWrap > div p br{display: none;}
	#fullpage .titleWrap .ctrlBox{position: relative;text-align: right;margin-top: 20px;}

	/* .mcon02, .mcon03{padding: 50px 0;} */

	.mcon01 .pcWrap{display: none;}
	.mcon01 .mobWrap{display: block;}

	.mcon01 .scrollWrap{right: 0;}

	.mcon02 .slideWrap .swiper-slide .infoBox > div{left: 40px;}

	.mcon03 .prodWrap ul{gap:30px 20px; }
	.mcon03 .prodWrap ul li{ width: calc((100% - 20px) / 2); height: 230px;}

	.mcon04 .mcon04Wrap .txt p{font-size: 28px;}

    /*=== sub ====*/
	#lnb .tabWrap ul{display: block;overflow-x: auto;white-space: nowrap;}
	#lnb .tabWrap ul li{width: 33.3333%;display: inline-block;}

	#organization .orgList > li:nth-child(4) div{width: 19%;}
	#organization .orgList > li:nth-child(4) dl dt{font-size: 16px;}
	
	#NISI .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	#NISI .scon02Wrap ul li:nth-child(n+3){margin-top: 50px;}

	#NISI .scon03Wrap .thingsList{flex-wrap:wrap;justify-content:space-around;}
	#NISI .scon03Wrap .thingsList > li{width: 45%;padding-top: 40%;}
	#NISI .scon03Wrap .thingsList > li:nth-child(2){position: relative;left: 0;transform:none;}
	#NISI .scon03Wrap .thingsList > li > div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;}
	#NISI .scon03Wrap .thingsList > li > div p.title{margin-bottom: 20px;}
	#NISI .scon03Wrap .thingsList > li:nth-child(1),
	#NISI .scon03Wrap .thingsList > li:nth-child(2){background: rgba(25,163,215,.9);}
	#NISI .scon03Wrap .thingsList > li:nth-child(3){background: rgba(25,109,163,.9);}
	#NISI .scon03Wrap .thingsList > li > div ul li p{font-size: 15px;}
	
	#consulting .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	
	#maintenance .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	#maintenance .scon02Wrap ul li:nth-child(n+3){margin-top: 30px;}
	
	.solutionTabBtnWrap a{line-height: 1.5;padding: 15px 0;}
	.solutionTabBtnWrap a br{display: block;}
	
	#solution02 .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	#solution02 .scon02Wrap ul li:nth-child(n+3){margin-top: 30px;}
	#solution02 .scon03Wrap ul{flex-wrap:wrap;justify-content:space-around;}
	#solution02 .scon03Wrap ul li{width: 40%;}
	#solution02 .scon03Wrap ul li:nth-child(n+3){margin-top: 50px;}

	#system .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	#system .scon02Wrap ul li:nth-child(n+3){margin-top: 30px;}
	#system .scon03Wrap ul{flex-wrap:wrap;justify-content:space-around;}
	#system .scon03Wrap ul li{width: 40%;}
	#system .scon03Wrap ul li:nth-child(n+3){margin-top: 50px;}

	#system .scon04Wrap ul{padding-bottom: 0;}
	#system .scon04Wrap ul li p br{display: none;}

	.dust .scon02 .scon02Wrap{flex-direction:column;}
	.dust .scon02 .scon02Wrap .leftBox{width: 100%;padding-top: 0;}
	.dust .scon02 .scon02Wrap .leftBox img{position: relative;top: 0;left: 0;transform:none;display: block;max-width:100%;margin: 0 auto;}
	.dust .scon02 .scon02Wrap .rightBox{width: 100%;max-width:640px;margin: 60px auto 0;}

	#manage .section h3.title{ margin-bottom: 50px; }
	#manage .scon02 .scon02Wrap .rightBox{ margin:  30px 0 0;}
	#manage .scon02 .scon02Wrap .rightBox > div{ flex-direction:column;}
	#manage .scon02 .scon02Wrap .rightBox > div:first-child{ margin-bottom: 30px;}
	#manage .scon02 .scon02Wrap .rightBox > div dl{ margin-top: 20px;}
	#manage .scon03 .ctnBox{ flex-wrap:wrap; gap:30px; }
	#manage .scon03 .ctnBox .itemBox{ width: calc((100% - 30px) / 2);}
	#manage .scon03 .ctnBox .itemBox .circleBox{ width: 180px; height: 180px; margin-bottom: 20px;}
	#manage .scon03 .ctnBox .itemBox .circleBox:before{ width: 150px; height: 150px; }
	#manage .scon03 .ctnBox .itemBox .circleBox span{ font-size:20px; }
	#manage .scon04{ padding-bottom: 140px;}
	#manage .scon04 .ctnBox{ gap:40px 20px; }
	#manage .scon04 .ctnBox .itemBox{ flex-direction:column; width: calc((100% - 20px) / 2);}
	#manage .scon04 .ctnBox .itemBox dl{ margin-top: 20px;}
	#manage .scon04 .ctnBox .itemBox figure{ margin-right: 0; }

	#Remote .scon02Wrap ul li{width: 45%;padding-top: 45%;}
	#Remote .scon02Wrap ul li:nth-child(n+3){margin-top: 30px;}
	#Remote .scon03Wrap ul{flex-wrap:wrap;justify-content:space-around;}
	#Remote .scon03Wrap ul li{width: 40%;}
	#Remote .scon03Wrap ul li:nth-child(n+3){margin-top: 50px;}

	#smart .scon03{padding: 100px 0;}
	#smart .scon03Wrap h4{font-size: 30px;}
	#smart .scon03Wrap > div:nth-child(2){flex-direction:column;margin-bottom: 50px;}
	#smart .scon03Wrap > div:nth-child(3){flex-direction:column-reverse;}
	
	#smart .scon03Wrap > div > div{width: 100%;}
	#smart .scon03Wrap > div > .imgBox{display: flex;justify-content:center;}
	#smart .scon03Wrap > div:nth-child(2) > .imgBox{justify-content:center;}
	#smart .scon03Wrap > div .imgWrap{display: inline-block;width: auto;}
	#smart .scon03Wrap > div .imgWrap img{display: block;max-width:100%;}

	#smart .scon03Wrap > div .txtBox{padding: 0;margin-top: 30px;}

	#recruitment .scon01Wrap ul li .imgWrap{margin-bottom: 10px;}
	#recruitment .scon01Wrap ul li p:nth-child(2){margin-bottom: 5px;}
	
	/* 22.07.13 */
	#organization .list > ul {
		width: 100%;
	}

    /*=== footer ====*/
	footer .footerWrap > div{flex-direction:column;}
	footer .footerWrap address{line-height: 1.4;}
	footer .footerWrap p{line-height: 1.4;}



}

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


    /*=== main ====*/
	.mcon01 .mobWrap .txt .bigTxt{font-size: 30px;}
	.mcon03 .prodWrap ul li{max-width:none;}
	.mcon03 .prodWrap ul li:nth-child(2n){margin-right: 0;}

    /*=== sub ====*/
	.pageExp p br{display: none;}

	#intro .scon01 .infoTxt{font-size: 18px;}
	#intro .scon01 .infoTxt br{display: none;}
	#intro .scon01 .txtBox > div{width: 200px;height: 200px;}
	#intro .scon01 .txtBox > div p:first-child{font-size: 22px;margin-bottom: 10px;}
	#intro .scon01 .txtBox > div p:last-child{font-size: 15px;}
	#intro .scon01 .txtBox > div p:last-child br{display: none;}

	#intro .scon02 .scon02Wrap{padding: 100px 0 100px;}
	#intro .scon02 .scon02Wrap h4{margin-bottom: 50px;}
	#intro .scon02 .scon02Wrap ul li{width: 49%;margin-right: 2%;}
	#intro .scon02 .scon02Wrap ul li:nth-child(2n){margin-right: 0;}

	#ceo .scon01 .scon01Wrap{margin-bottom: 70px;padding-bottom: 50px;}
	
	#history .logoWrap{left: calc(16% - 30px);margin: 0;}
	#history .historyWrap span.line1{left: 16%;}
	#history .historyWrap span.line2{left: 16%;}
	#history .historyWrap ul li{display: flex;justify-content:space-between;}
	#history .historyWrap ul li:before{position: absolute;top: -4px;left: calc(16% - 3px);}
	#history .historyWrap ul li p.year{width: 30%;}
	#history .historyWrap ul li > div{flex-direction:column-reverse;top: 0;width: 65%;margin-top: 24px;}
	#history .historyWrap ul li > div.left{text-align: left;flex-direction:column;}
	#history .historyWrap ul li > div dl{width: 100%;}
	#history .historyWrap ul li > div dl dd{white-space: normal;}
	#history .historyWrap ul li > div dl dd.except{margin-left: 0;}
	#history .historyWrap ul li > div .imgWrap{width: 100%;margin-top: 50px;}

	#patent .scon01Wrap .patentList li p{font-size: 16px; padding: 10px 0 50px;}
	
	#NISI .scon01Wrap div:nth-child(2) p br{display: none;}
	#NISI .scon03Wrap .thingsList > li{width: 48%;padding-top: 42%;}
	
	#consulting .scon01Wrap div:nth-child(2) p br{display: none;}
	
	#maintenance .scon01Wrap div:nth-child(2) h4 br{display: none;}
	#maintenance .scon01Wrap div:nth-child(2) p br{display: none;}
	
	#solution02 .scon01Wrap div:nth-child(2) h4 br{display: none;}
	#solution02 .scon01Wrap div:nth-child(2) p br{display: none;}

	#system .scon01Wrap div:nth-child(2) h4 br{display: none;}
	#system .scon01Wrap div:nth-child(2) p br{display: none;}

	#system .scon04Wrap ul{justify-content:space-between;}
	#system .scon04Wrap ul li{width: 47%;}
	#system .scon04Wrap ul li:nth-child(n+3){margin-top: 30px;}

	#bigData .scon02Wrap > ul > li{width: 100%;}
	#bigData .scon02Wrap > ul > li:nth-child(n+1){margin-top: 30px;}
	#bigData .scon02Wrap > ul > li div{padding: 8% 5% 12%;}

	#recruitment .scon03Wrap ul li{width: 49%;margin-right: 2%;padding: 30px 0;}
	#recruitment .scon03Wrap ul li:nth-child(3n){margin-right: 2%}
	#recruitment .scon03Wrap ul li:nth-child(2n){margin-right: 0;}
	#recruitment .scon03Wrap ul li:nth-child(n+3){margin-top: 2%;}
	
	#recruitment .scon01Wrap ul{flex-wrap:wrap;justify-content:space-around;}
	#recruitment .scon01Wrap ul li{width: 45%;padding-top: 44%;}
	#recruitment .scon01Wrap ul li:after{content:none;}


	/* 22.07.13 */
	#organization span.border {
		width: 160px;
		height: 70px;
	}
	#organization .list > ul::before {
		width: calc(100% - 162px);
	}
    /*=== footer ====*/


}

@media screen and (max-width:640px) {

	/*=== header ====*/

    /*=== main ====*/
	.mcon02 .slideWrap .swiper-slide .infoBox{padding: 35px 35px;}
	.mcon02 .slideWrap .swiper-slide .infoBox h3{font-size: 25px;padding-bottom: 50px;}
	.mcon02 .slideWrap .swiper-slide .infoBox > div{position: relative;top: 0;left: 0;}
	.mcon03 .prodWrap ul li a p{font-size: 15px;}
	.mcon04 .mcon04Wrap .txt p{font-size: 22px;}

    /*=== sub ====*/
	#lnb .tabWrap ul li{width: 40%;}
	#lnb .tabWrap .tabBtnBox3 ul li{width: 46%;}

	.sconWrap .titleWrap h3{font-size: 30px;}

	#intro .scon01 .txtBox > div{width: 180px;height: 180px;padding: 10px 10px;box-sizing:border-box;}

	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) h4{font-size: 21px;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > div > p{font-size: 16px;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p{font-size: 16px;}
	#ceo .scon01 .scon01Wrap > div > div:nth-child(2) > div > p:last-child{font-size: 16px;}
	
	#patent .scon01Wrap .patentList li{width: calc((100% - 20px) / 2);}
	#patent .scon01Wrap .patentList li p{font-size: 17px; padding: 10px 0 0;}

	#organization .orgList:before{height: calc(100% - 450px);}

	#organization .orgList > li:nth-child(2){padding: 0;margin-top: 60px;}
	#organization .orgList > li:nth-child(2) ul li{width: 30%;}

	#organization .orgList > li:nth-child(3){display: none;}
	#organization .orgList > li:nth-child(4){flex-wrap:wrap;}
	#organization .orgList > li:nth-child(4) div{width: 30%;}
	
	#organization .orgList > li:nth-child(4):before{content:none;}
	#organization .orgList > li:nth-child(4) dl:before{content:none;}
	#organization .orgList > li:nth-child(4) div .dot{display: none;}

	#performance .tabCon > div div:nth-child(1) h4{font-size: 35px;}
	#performance .tabConWrap{margin-bottom: 80px;}
	
	#NISI .scon02Wrap ul li{width: 48%;padding-top: 48%;}
	#NISI .scon02Wrap ul li div p.title{font-size: 18px;margin-bottom: 10px;}
	#NISI .scon02Wrap ul li div p.exp{font-size: 15px;width: 80%;}
	#NISI .scon02Wrap ul li div p.exp br{display: none;}

	#NISI .scon03Wrap .thingsList > li{width: 70%;padding-top: 60%;}
	#NISI .scon03Wrap .thingsList > li:nth-child(2){background: rgba(25,109,163,.9);margin-top: 20px;}
	#NISI .scon03Wrap .thingsList > li:nth-child(3){background: rgba(25,163,215,.9);margin-top: 20px;}

	#consulting .scon02Wrap ul li{width: 48%;padding-top: 48%;}
	#consulting .scon02Wrap ul li div p.title{font-size: 18px;margin-bottom: 10px;}
	#consulting .scon02Wrap ul li div p.exp{font-size: 15px;width: 80%;}
	#consulting .scon02Wrap ul li div p.exp br{display: none;}

	#maintenance .scon02Wrap ul li{width: 48%;padding-top: 48%;}
	#maintenance .scon02Wrap ul li div p.title{font-size: 18px;margin-bottom: 10px;}
	#maintenance .scon02Wrap ul li div p.exp{font-size: 15px;width: 80%;}
	#maintenance .scon02Wrap ul li div p.exp br{display: none;}

	#maintenance .scon03Wrap .thingsList > li{padding-top: 53%;padding-bottom: 0;}
	#maintenance .scon03Wrap .thingsList > li div{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;}
	
	.solutionTabBtnWrap a{font-size: 16px;}
	#solution01 .section h4{font-size: 16px;}
	
	#solution02 .scon02Wrap ul li{width: 48%;padding-top: 48%;}
	#solution02 .scon02Wrap ul li div p.title{font-size: 18px;margin-bottom: 10px;}
	#solution02 .scon02Wrap ul li div p.exp{font-size: 15px;width: 80%;}
	#solution02 .scon02Wrap ul li div p.exp br{display: none;}
	#solution02 .scon03Wrap ul li{width: 47%;}
	#solution02 .scon03Wrap ul li:nth-child(n+3){margin-top: 30px;}

	#system .scon02Wrap > div:first-child h4{font-size: 30px;}
	#system .scon02Wrap ul li{width: 80%;padding-top: 78%;}
	#system .scon02Wrap ul li:nth-child(n+2){margin-top: 30px;}
	#system .scon03Wrap h4{font-size: 30px;}
	#system .scon04Wrap h4{font-size: 30px;}
	#system .scon04Wrap ul li{width: 49%;}
	
	#Remote .scon01Wrap p{text-align: left;}
	#Remote .scon01Wrap p br{display: none;}

	#Remote .scon02Wrap ul li{width: 48%;padding-top: 48%;}
	#Remote .scon02Wrap ul li div p.title{font-size: 18px;margin-bottom: 10px;}
	#Remote .scon02Wrap ul li div p.exp{font-size: 15px;width: 80%;}
	#Remote .scon02Wrap ul li div p.exp br{display: none;}
	#Remote .scon03Wrap ul li{width: 47%;}
	#Remote .scon03Wrap ul li:nth-child(n+3){margin-top: 30px;}

	#recruitment .scon01Wrap ul li{width: 48%;padding-top: 47%;}

	#recruitment .scon02Wrap table th{width: 140px;font-size: 18px;}
	#recruitment .scon02Wrap table td{width: calc(100% - 140px);}

	#contactUs .scon01{margin-bottom: 100px;}

	#manage .section h3.title{ font-size:30px; }
	#manage .scon04 .ctnBox .itemBox dl dt{ font-size:20px; word-break: keep-all;}
	#manage .scon04 .ctnBox .itemBox dl dd li{ word-break: keep-all; }
	#manage .scon04 .ctnBox .itemBox figure{ width: 120px; height: 120px;}
	#manage .scon04 .ctnBox .itemBox figure img{ width: 30%;}
	

	/* 22.07.13 */
	#organization span.border {
		width: 140px;
		height: 65px;
	}
	#organization .right span.line {
		width: 16%;
	}
	#organization .list > ul::before {
		width: 69%;
	}
	#organization .list > ul {
		display: grid;
		gap: 0 20px;
		grid-template-columns: repeat(3, 1fr);
	}
	#organization .list > ul span.border {
		width: 100%;
	}

    /*=== footer ====*/
	
}


@media screen and (max-width:480px) {
	/*=== header ====*/

    /*=== main ====*/

    /*=== sub ====*/
	#recruitment .scon01Wrap ul li{width: 78%;padding-top: 77%;margin-bottom: 15%;}
	#recruitment .scon01Wrap ul li:after{position: absolute;top: initial;bottom: -12%;right: calc(50% - 6px);display: block;content:"";width: 18px;height: 12px;background: url("../../img/sub/recruitment_arrow.png") no-repeat center;transform:rotate(90deg);}
	#recruitment .scon01Wrap ul li:last-child{margin-bottom: 0;}
}