@media screen and (max-width:1180px) {
	#main{
		width:100%;
		overflow:hidden;
	
	}
	
		
	#main .visual{
		width:100%;
		height:100vh;
		position:relative;
	}
	
	#main .visual .fir_sec{
		width:100%;
		height:100vh;
		position:relative;
		z-index:1;
		top:0;
		left:0;
		background:pink
	}
	
	#main .visual .fir_sec .fir_sec_cont{
		width:100%;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		position:absolute;
	}

	#main .visual .fir_sec .visualLogo{
		width:134px;
		margin:0 auto;
	}
	
	#main .visual .fir_sec .slogan{
		font-size:48px;
		text-align:Center;
		margin-top:50px;
		color:#222;
		line-height:60px;
		letter-spacing:-0.7px;
	}
	
	#main .visual .fir_sec .slogan span{
		font-weight:bold;
	}
	

	
	
	#main .visual .sec_sec{
		position:relative;
	}
	
	#main .visual .sec_sec .bg{
		opacity:0;
		width:100%;
		height:100vh;
		overflow:Hidden;
		text-align:Center;
	}
	
	#main .visual .sec_sec .bg img{
		width:auto;
		height:100%;
	}
	
	
	#main .visual .sec_sec .cont{
		opacity:1;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		z-index:1;
		width:1180px;
		
	}
	
	
	#main .visual .sec_sec .cont .one{
		font-size:30px;
		color:#fff;
		text-align:Center;
		word-break:keep-all;
		opacity:0;
		line-height:50px;
	}
	#main .visual .sec_sec .cont .two{
		font-size:18px;
		color:#fff;
		text-align:Center;
		word-break:keep-all;
		margin-top:20px;
		opacity:0;
		line-height:30px;
	}
	
	







	
	
	#main .mainTitle{
		width:100%;
	}
	
	
	#main .mainTitle .m_nm{
		width:100%;
		font-size:36px;
		font-family:'abel';
	}
	
	
	#main .mainTitle .tit{
		font-size:24px;
		color:#222;
		font-weight:bold;
		letter-spacing:-0.7px;
		margin-top:30px;
	}
	
	
	
	#main .mainTitle .substance{
		font-size:16px;
		color:#444444;
		font-weight:300;
		letter-spacing:-0.7px;
		margin-top:20px;
	}
	
	#main .mainTitle .slogan{
		font-size:20px;
		color:#222;
		font-weight:500;
		letter-spacing:-0.7px;
		margin-top:40px;
	}
	
	#main .aboutus{
		width:100%;
		position:relative;
	}
	
	#main .aboutus .cont{
		width:94%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		z-index:1;
	}
	
	v
	
	
	#main .tech{
		width:100%;
		background:#0f143e;
		padding:5em 0px;
	}
	
	
	#main .tech .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .tech .inner .mainTitle .m_nm,
	#main .tech .inner .mainTitle .substance{
		color:#fff;
	}
	
	
	#main .tech .inner .techList{
		width:100%;
		display:inline-block;
		margin-top:20px;
	}
	
	#main .tech .inner .techList dd{
		width:49%;
		display:inline-block;
		margin-left:2%;
		padding:30px 20px;
		box-sizing:border-box;
		border:1px solid #2b305b;
		float:left;
		margin-top:20px;
	}
	
	
	#main .tech .inner .techList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#main .tech .inner .techList dd .ico{
		width:94px;
		margin:0 auto;
	}
	
	
	#main .tech .inner .techList dd .ico img{
		width:100%;
	}
	
	
	
	#main .tech .inner .techList dd .subj{
		font-size:24px;
		font-family:'abel';
		color:#fff;
		text-align:Center;
		width:100%;
		border-bottom:1px dashed #2b305b;
		padding-bottom:20px;
		margin-top:20px;
	}
	
	
	#main .tech .inner .techList dd .exList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
		min-height:104px;
	}
	
	#main .tech .inner .techList dd .exList li{
		width:100%;
		list-style:disc;
		color:#fff;
		font-size:15px;
		margin-top:20px;
		font-weight:300;
		word-break:keep-all;
	}
	
	#main .service{
		width:94%;
		margin:5em auto 0;
	}
	
	#main .service .serviceList{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	
	#main .service .serviceList dd{
		width:100%;
		display:inline-block;
		margin-left:20px;
	}
	
	#main .service .serviceList dd:first-child{
		margin-left:0px;
	}
	
	
	
	#main .service .serviceList dd .subj{
		font-size:18px;
		color:#222;
		font-weight:500;
	}
	
	#main .service .serviceList dd .thum{
		width:100%;
		margin-top:20px;
	}
	
	#main .service .serviceList dd .thum img{
		width:100%;
	}
	
	#main .service .serviceList dd .ctList{
		width:100%;
		margin-top:30px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceList dd .ctList li{
		width:100%;
		margin-top:10px;
		font-size:15px;
		color:#444;
		font-weight:300;
		list-style:disc;
		letter-spacing:-0.7px;
	}
	
	#main .service .linkBtn{
		width:200px;
		margin:50px auto 0;
	}
	
	#main .service .linkBtn a{
		width:100%;
		display:block;
		padding:15px 0px;
		border-radius:50px;
		background:#2b73b9;
		color:#fff;
		text-align:center;
		font-size:15px;
	}


	#main .price{
		width:94%;
		margin:5em auto;
		display:block;
	}
	
	
	#main .price .mainTitle{
		width:100%;
		display:inline-block;
	}
	
	#main .price .priceCt{
		width:100%;
		display:inline-block;
		margin-top:2.5em
	}
	
	#main .price .priceCt .priceList{
		width:100%;
		display:flex;
	}
	
	#main .price .priceCt .priceList li{
		width:100%;
		display:inline-block;
		margin-left:40px;
	}
	
	#main .price .priceCt .priceList li:first-child{
		margin-left:0px;
	}
	
	
	
	#main .price .priceCt .priceList li .thum{
		width:100%;
	}
	
	#main .price .priceCt .priceList li .thum IMG{
		width:100%;
	}
	
	#main .price .priceCt .priceList li .subj{
		margin-top:30px;
		font-size:22px;
		color:#222;
		font-weight:600;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#main .price .priceCt .priceList li .subs{
		margin-top:10px;
		font-size:15px;
		color:#777;
		font-weight:300;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#main .price .priceCt .priceList li .recommend{
		margin-top:35px;
		font-size:16px;
		color:#222;
		font-weight:500;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	
	
	#main .price .priceCt .priceList li .more{
		display:inline-block;
		margin-top:35px;
	}
	
	#main .price .priceCt .priceList li .more a{
		display:inline-block;
		text-decoration:underline;
		color:#2b73b9
	}
	
	
	#main .price .priceCt .priceList li .more span{
		display:inline-block;
		width:8px;
		margin-left:5px;
	}
	
	#main .price .priceCt .priceList li .more{
		width:100%;
	}
	


}





@media screen and (max-width:767px) {
	#main{
		width:100%;
		overflow:hidden;
	
	}
	
	
	#main .visual{
		width:100%;
		height:100vh;
		position:relative;
	}
	
	#main .visual .fir_sec{
		width:100%;
		height:100vh;
		position:relative;
		z-index:1;
		top:0;
		left:0;
		background:pink
	}
	
	#main .visual .fir_sec .fir_sec_cont{
		width:100%;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		position:absolute;
	}
	
	#main .visual .fir_sec .visualLogo{
		width:100px;
		margin:0 auto;
	}
	
	#main .visual .fir_sec .visualLogo img{
		width:100px;
		margin:0 auto;
	}
	
	#main .visual .fir_sec .slogan{
		font-size:28px;
		text-align:Center;
		margin-top:30px;
		color:#222;
		line-height:40px;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#main .visual .fir_sec .slogan span{
		font-weight:bold;
	}
	
	
	
	#main .visual .sec_sec{
		position:relative;
	}
	
	#main .visual .sec_sec .bg{
		opacity:0;
		width:100%;
		height:100vh;
		overflow:Hidden;
		text-align:Center;
	}
	
	#main .visual .sec_sec .bg img{
		width:auto;
		height:100%;
		position:Relative;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
	
	
	#main .visual .sec_sec .cont{
		opacity:1;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		z-index:1;
		width:94%;
		
	}
	
	
	#main .visual .sec_sec .cont .one{
		font-size:24px;
		color:#fff;
		text-align:Center;
		word-break:keep-all;
		opacity:0;
		line-height:32px;
	}
	#main .visual .sec_sec .cont .two{
		font-size:15px;
		color:#fff;
		text-align:Center;
		word-break:keep-all;
		margin-top:20px;
		opacity:0;
		line-height:23px;
	}
	#main .visual .sec_sec .cont .two br{
		display:none;
	}
	







	
	
	#main .mainTitle{
		width:100%;
	}
	
	
	#main .mainTitle .m_nm{
		width:100%;
		font-size:28px;
		font-family:'abel';
	}
	
	
	#main .mainTitle .tit{
		font-size:22px;
		color:#222;
		font-weight:bold;
		letter-spacing:-0.7px;
		margin-top:20px;
		word-break:keep-all;
	}
	
	
	
	#main .mainTitle .substance{
		font-size:14px;
		color:#444444;
		font-weight:300;
		letter-spacing:-0.7px;
		margin-top:10px;
		word-break:keep-all;
	}
	
	#main .mainTitle .slogan{
		font-size:16px;
		color:#222;
		font-weight:500;
		letter-spacing:-0.7px;
		margin-top:25px;
		word-break:keep-all;
	}
	
	#main .aboutus{
		width:100%;
		position:relative;
	}
	
	#main .aboutus .cont{
		width:94%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%)
	}
	
	#main .aboutus .bg{
		width:100%;
		overflow:hidden;
	}
	
	#main .aboutus .bg img{
		width:230%;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	
	#main .tech{
		width:100%;
		background:#0f143e;
		padding:5em 0px;
	}
	
	
	#main .tech .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .tech .inner .mainTitle .m_nm,
	#main .tech .inner .mainTitle .substance{
		color:#fff;
	}
	
	
	#main .tech .inner .techList{
		width:100%;
		display:inline-block;
		margin-top:20px;
	}
	
	#main .tech .inner .techList dd{
		width:100%;
		display:inline-block;
		margin-left:0%;
		padding:30px 20px;
		box-sizing:border-box;
		border:1px solid #2b305b;
		float:left;
		margin-top:20px;
	}
	
	
	#main .tech .inner .techList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#main .tech .inner .techList dd .ico{
		width:70px;
		margin:0 auto;
	}
	
	
	#main .tech .inner .techList dd .ico img{
		width:100%;
	}
	
	
	
	#main .tech .inner .techList dd .subj{
		font-size:20px;
		font-family:'abel';
		color:#fff;
		text-align:Center;
		width:100%;
		border-bottom:1px dashed #2b305b;
		padding-bottom:20px;
		margin-top:20px;
	}
	
	
	#main .tech .inner .techList dd .exList{
		width:100%;
		margin-top:20px;
		padding-left:20px;
		box-sizing:border-box;
		min-height:auto;
	}
	
	#main .tech .inner .techList dd .exList li{
		width:100%;
		list-style:disc;
		color:#fff;
		font-size:14px;
		margin-top:20px;
		font-weight:300;
		word-break:keep-all;
	}
	
	#main .service{
		width:94%;
		margin:5em auto 0;
	}
	
	#main .service .serviceList{
		width:100%;
		margin-top:50px;
		display:block;
	}
	
	
	#main .service .serviceList dd{
		width:100%;
		display:inline-block;
		margin-left:0px;
		margin-top:40px;
	}
	
	#main .service .serviceList dd:first-child{
		margin-left:0px;
		margin-top:0px;
	}
	
	
	
	#main .service .serviceList dd .subj{
		font-size:18px;
		color:#222;
		font-weight:500;
	}
	
	#main .service .serviceList dd .thum{
		width:100%;
		margin-top:20px;
	}
	
	#main .service .serviceList dd .thum img{
		width:100%;
	}
	
	#main .service .serviceList dd .ctList{
		width:100%;
		margin-top:30px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceList dd .ctList li{
		width:100%;
		margin-top:10px;
		font-size:15px;
		color:#444;
		font-weight:300;
		list-style:disc;
		letter-spacing:-0.7px;
	}
	
	#main .service .linkBtn{
		width:200px;
		margin:50px auto 0;
	}
	
	#main .service .linkBtn a{
		width:100%;
		display:block;
		padding:15px 0px;
		border-radius:50px;
		background:#2b73b9;
		color:#fff;
		text-align:center;
		font-size:15px;
	}


	#main .price{
		width:94%;
		margin:5em auto;
		display:block;
	}
	
	
	#main .price .mainTitle{
		width:100%;
		display:inline-block;
	}
	
	#main .price .priceCt{
		width:100%;
		display:inline-block;
		margin-top:2.5em
	}
	
	#main .price .priceCt .priceList{
		width:100%;
		display:flex;
	}
	
	#main .price .priceCt .priceList li{
		width:100%;
		display:inline-block;
		margin-left:20px;
	}
	
	#main .price .priceCt .priceList li:first-child{
		margin-left:0px;
	}
	
	
	
	#main .price .priceCt .priceList li .thum{
		width:100%;
	}
	
	#main .price .priceCt .priceList li .thum IMG{
		width:100%;
	}
	
	#main .price .priceCt .priceList li .subj{
		margin-top:30px;
		font-size:18px;
		color:#222;
		font-weight:600;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#main .price .priceCt .priceList li .subs{
		margin-top:10px;
		font-size:13px;
		color:#777;
		font-weight:300;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#main .price .priceCt .priceList li .recommend{
		margin-top:35px;
		font-size:14px;
		color:#222;
		font-weight:500;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	
	
	#main .price .priceCt .priceList li .more{
		display:inline-block;
		margin-top:35px;
	}
	
	#main .price .priceCt .priceList li .more a{
		display:inline-block;
		text-decoration:underline;
		color:#2b73b9;
		font-size:14px;
	}
	
	
	#main .price .priceCt .priceList li .more span{
		display:inline-block;
		width:8px;
		margin-left:5px;
	}
	
	#main .price .priceCt .priceList li .more{
		width:100%;
	}
	


}