@media only all and (max-width:1400px){
	/**{transition:font-size 0.5s, width 0.5s, height 0.5s, line-height 0.5s, display 0.5s, padding 0.5s, margin 0.5s, float 0.5s, top 0.5s, left 0.5s, right 0.5s, bottom 0.5s; word-break:keep-all;}*/

	#footer{padding:70px 5%; box-sizing:border-box;}
	#footer .footerInner{width:100%;}

	.mainSlide .textBox{width:90%;}
	.mainSlide .slick-dots{width:90%; margin-left:-45%;}

	.mainBusiness .conBox, .mainOnline{width:90%;}

	.main2Con>div{padding:5%; height:370px;}
	.main2Con>div p{font-size:25px;}
	.mainEq p span{width:auto; height:auto; padding:15px; line-height:1;}
	.main2Con>div a.link{margin-top:70px;}

	.mainOnline .conBox{width:39%;}
	.mainOnline .right{width:60%;}

	.subTop h2, .subTop02 p{width:90%;}
	.subconBox{width:100%; padding:10% 5% 0; box-sizing:border-box;}
	.greeting .subTop{padding:150px 5% 180px;}
	.greeting .subTop h2{width:100%;}
	.greeting .subTop p{width:100%;}

	.outline .imgArea{padding:50px;}
	.outline .imgArea img{width:100%;}

	.location .textArea{width:100%;}
	.root_daum_roughmap_landing{width:100% !important;}

	.business > img{width:40%;}
	.business .rightText{width:55%; padding-top:0;}

	.imgSlide{width:40%;}
	.bigImg, .bigImg2, .bigImg3{width:100%; height:auto;}
	.bigImg img, .thumImg img, .bigImg2 img, .thumImg2 img, .bigImg3 img, .thumImg3 img{width:100%;}
	.thumImg, .thumImg2, .thumImg3{width:100%;}
	.thumImg .slick-slide.slick-current:before, .thumImg2 .slick-slide.slick-current:before, .thumImg3 .slick-slide.slick-current:before{height:94%;}

	.business .tabBox{position:relative; display:inline-block; left:0; padding-bottom:30px;}

	.business .w100{width:100%;}
	.videoBox .video{width:48%; margin-right:3.5%; padding-bottom:30%;}
	.videoBox .image{width:48%; height:auto;}
	.videoBox .image img{width:100%;}

	.certifiImg li{width:21%; margin-right:5%; display:inline-block; vertical-align:top; float:inherit;}
	.certifiImg li img{width:100%;}
	.certifiImg li p{padding:10px; word-break:keep-all;}
}

/* ==== 태블릿(ipad 가로) ==== */
@media only all and (max-width:1175px){
	#header{padding:28px 3%;}
	#header .gnb{display:none;}

	.mainCon .eTxt{font-size:70px;}
	.mainCon .conBox .tit{font-size:50px;}
	.mainCon .conBox a{margin-top:50px;}

	.mainBusiness{background-size:100%; background-position:0 300px; padding:7% 0 10%;}
	.mainBusiness .eTxt{padding-bottom:0;}
	.mainBusiness .left{width:100%; padding-top:40px;}
	.mainBusiness .right{width:100%; position:relative; top:0; padding:50px 0;}
	.mainBusiness .busiSlide{width:100%;}
	.busiSlide .slick-slide{margin:0 20px;}
	.busiSlide .slick-prev{left:30px;}
	.busiSlide .slick-next{right:30px;}

	.mainOnline .right li{padding:40px 30px; height:auto;}

	.historyUl li{width:100% !important; margin:0 0 50px;}
	.historyUl li div{display:block;}
	.historyUl li div div{display:inline-block; width:49%; vertical-align:top;}

	.videoBox .image .bImg{width:80%; margin-left:-45%; padding:5%;}

	.business .w50{width:46%;}

	.certifiImg li{width:29%;}
	.certifiImg li:nth-of-type(4n){margin-right:5%;}
	.certifiImg li:nth-of-type(3n){margin-right:0;}

}

/* ==== 태블릿(ipad 가로 + 세로) ==== */
@media only all and (min-width:768px) and (max-width:1024px) {
	
} 

/* ==== 태블릿 ==== */
@media only all and (max-width:1024px){
	#footer{padding:10%;}
	#footer .footerInner p a.priv{margin-right:15px;}

	.mainSlide .textBox{padding-top:200px;}

	.mainBusiness .conBox, .mainOnline{width:80%;}
	.mainBusiness .right{padding:70px 0;}
	.busiSlide .slick-slide{margin:0 10px;}

	.main2Con>div{width:100%; height:auto; padding:7% 10%;}

	.mainOnline{width:100%; text-align:center;}
	.mainOnline .eTxt{padding-top:70px; display:none;}
	.mainOnline .conBox{width:80%; text-align:left; padding-bottom:50px;}
	.mainOnline .right{width:100%; padding:0;  text-align:left; border-left:0; border-right:0;}
	.mainOnline .right li{padding:5% 10%; }

	.greeting .textBox{width:80%;}
	.greeting .textBox br.none{display:none;}

	.organization img{max-width:100%;}

	.videoBox .video, .videoBox .image{width:100%;}
	.videoBox .video{padding-bottom:60%; margin-bottom:40px;}
}

/* ==== 태블릿(Gpad) ==== */
@media only all and (max-width:768px){
	.mainSlide .slick-slide{height:auto; padding-bottom:10%;}
	.mainSlide .textBox{width:80%;}
	.mainSlide .slick-dots{width:80%; margin-left:-40%;}
	.mainSlide .textBox strong{font-size:50px;}

	.main2Con>div{padding:12% 10%;}
	.mainEq p span{font-size:20px;}

	.mainOnline .right li strong{display:block;}
	.mainOnline .right li span{padding:10px 0 0;}
	.mainOnline .right li a{margin-top:-10%;}

	.subContents{padding-bottom:15%;}
	.subTop{height:auto; padding:10% 0;}
	.subTop h2{font-size:45px; width:80%;}
	.subTop02 p{width:80%;}
	.subconBox{padding:10% 10% 0; box-sizing:border-box;}
	.greeting .subTop{width:100%; padding:15% 10%;}
	.greeting .subTop p .none{display:none;}
	.greeting .textBox{width:100%; margin:0; padding:0;}

	.outline .imgArea{margin-top:10%; padding:3%;}

	.root_daum_roughmap_landing{height:400px;}
	.root_daum_roughmap .wrap_map{height:365px !important;}
	.location .textArea p strong, .location .textArea span{display:block;}
	.location .textArea span{padding-bottom:10px;}

	.business > img{width:100%; display:block; margin:0 auto;}
	.business .rightText{width:100%; padding-top:10%;}

	.business .rightText .textBox{padding:5% 0;}
	.business .rightText .pointUl{padding-top:20px;}

	.imgSlide{width:100%;}

	.videoBox .image .bImg{top:35%; margin-top:0;}

	.business .w50{padding-top:0;}
	.business .w50:nth-of-type(2n){margin-left:0;}

	#cerTab{width:100%;}
	#cerTab li{width:31.3%; margin-right:2%;}
	#cerTab li:last-of-type{margin-right:0;}
	#cerTab li span{width:100%;}
	.certifiImg li{width:47%; margin-bottom:40px;}
	.certifiImg li:nth-of-type(3n){margin-right:5%;}
	.certifiImg li:nth-of-type(2n){margin-right:0;}


	

}

/* ==== 모바일 ==== */
@media only all and (min-width:325px) and (max-width:480px){
	#header{padding:19px 7%; height:80px;}
	#header h1 img{width:150px;}
	#header .ham{margin-left:20px;}

	#wrap{padding-top:80px;}

	.mainSlide .textBox{padding-top:100px;}
	.mainSlide .textBox span{font-size:25px;}

	.mainCon .conBox .tit{font-size:40px;}
	.mainCon .conBox .txt br{display:none;}

	.mainBusiness .eTxt{display:none;}

	.mainEq p span{display:block; margin:0 0 10px;}

	.mainOnline .right li{padding:10%;}
	.mainOnline .right li strong{font-size:23px;}
	.mainOnline .right li span{font-size:14px;}

	.nav{padding:0;}
	.nav a.home{width:50px; height:50px;}
	.nav ul{height:50px; width:calc(50% - 30px);}
	.nav ul li{height:50px; line-height:50px; font-size:15px; padding:0 15px;}
	.nav ul li:first-of-type{background-position:right 15px top 22px;}

	.subTop h2{font-size:35px;}
	.greeting .subTop p{font-size:25px;}
	.greeting .textBox .right{text-align:left; padding:50px 0;}
	.greeting .textBox .right p{font-size:20px;}

	.historyUl{padding-top:5%;}
	.historyUl li div div{width:100%;}

	.business .rightText .tit strong{font-size:25px;}
	.business .rightText .pointUl strong{display:block;}

	.certifiImg li{width:100%; margin:0 0 40px;}
	.certifiImg .bImg{width:80%; padding:0; margin-left:-40%; margin-top:0; top:20%;}	

	.business .tabBox li span{font-size:16px;}

	
}