@charset "utf-8";

@media (max-width:1600px) {
	/* #header .sideMenu .hdBtn .designBtn {font-size: 1.6rem;width: 67%;} */

	#mainVisual .visualCont {left: 18.3%;}
	#mainVisual .quickMenu {width: 470px;}

	#social .title {width: 40%;padding: 9% 0 9% 4.9%;}
	#social .slideGroup {top: 36.4%;width: 59.3%;}
	#social .slideGroup .pageNum {left: 85px;bottom: 22px;}
	#social:before, #social:after {font-size: 8rem;}
	#social:before {top: -72px;left: 14.7%;}

	#about .milestone {margin-bottom: 220px;}
	#about .milestone .subContainer {padding: 0 8% 0%;}
	#about .mission .content {width: 34%;margin-right: 5.8%;margin-left: 3%;}
	#about .achievement .content {margin-left: 8%;}
	#about .achievement .graph:after {top: -48%;width: 130%;}
	#about .subSocial h3 {margin-top: -60px;}

	#contact {padding-left: 8%;} 
	#contact .contactForm .agreeForm .txt .allBr {display: none;}
	#contact .contactForm .agreeForm .item:nth-child(2) input[type="checkbox"] + label {vertical-align: top;}
	#contact .contactForm .agreeForm .item:nth-child(2) .txt {margin-top: -3px;}
	
	#subVcc .info .content {margin-left: 0;width: 52%;margin-right: 2.9%;}
	#search .content {padding: 5.3% 8% 9.5%;}
}

@media (max-width:1280px) {
	section h3 {font-size: 4.2rem;}
	.subVisual {padding: 150px 0 0;}
	.subVisual h2 {font-size: 6rem;}
	.subContent h3 {font-size: 4rem;line-height: 5rem;}
	#header h1 {width: 13%;}
	#header nav {display: none;}
	#header .gnbMenu > li {padding: 0 3%;}
	#header .sideMenu {width: 405px;}
	#header .sideMenu .hdBtn {width: 232px;}
	#header .allMenu {width: 600px;}
	#header .sideMenu .iconMenu {width: 172px;}
	#header .sideMenu .iconMenu a {margin-right: 17px;}
	#header .sideMenu .usId {right: 424px;}

	/* #footer .mainContainer {flex-wrap: wrap;}
	#footer .footTerms {width: 22%;}
	#footer .footMenu {width: 12.5%;}
	#footer .company {width: 65%;}
	#footer .selectBox {width: 20%;position: absolute;bottom: 33%;right: 7%;} */
	#footer .footInfo {width: 30%;}
	#footer .footGroup {width: 70%;}
	#footer .selectBox {width: 16%;top: 5%;}

	#mainVisual .visualTxt h2 {font-size: 6rem;}
	
	#social:before, #social:after {font-size: 6rem;}
	#social:before {left: 12.6%;top: -54px;}
	#social:after {right: 12.5%;}
	#social .slideGroup {width: 51%;}
	#social .title {width: 47%;}

	#vcc {height: 700px;}
 	#vcc .vccSlideWrap {padding: 5.9% 4.4% 13.5% 3.3%;} 
	#vcc .vccSlide h3 {line-height: 6.6rem;}
	#vcc .vccSlide .slideGroup .owl-carousel li {height: 280px;}
	#vcc .vccList {padding: 7.9% 5.5% 0 5.5%;}	


	#product {padding: 65px 0px 410px;}
	#product .cont {width: 90%;margin-left: 5.6%;}
	#product .cont h3 {margin-bottom: 2.5%;}
	#product .cont .more {margin-top: 4%;}
	#product .prodSlide {width: 740px;left: 33%;top: 300px;position: absolute;}
	#product .prodSlide li span {font-size: 14px;}

	#greeting h4 {font-size: 2.2rem;line-height: 3.2rem;}
	#greeting .content {width: 50%;margin-right: 5%;}
	#greeting .content .txt br.pBr {display: none;}
	#greeting .content .txt br.allBr {display: none;}

	#about .vision {margin-bottom: 71px;}
	#about .milestone:after {bottom: 144px;}
	#about .milestone .subContainer {padding: 0 5.6% 0%;}
	#about .milestone .list li {width: 25%;}
	#about .milestone .list li .txt .pBr {display: none;}
	#about .milestone .list li .txt p {width: 77%;}
	#about .milestone .list li .txt {height: 100px;}
	#about .mission .content {margin-left: 0;}
	#about .achievement .content {margin-left: 5.6%;width: 34%;margin-right: 18%;}
	#about .achievement .content .txt {word-break: break-word;}
	#about .achievement .content .txt br {display: none;}
	#about .subSocial .pageNum {bottom: 29px;}

	#location .address {display: block;}
	#location .address .item {width: 100%;margin-bottom: 28px;}
	#location .address .item span {margin-bottom: 14px;}
	#location .address .contMore {width: 153px;height: 56px;line-height: 56px;font-size: 14px;margin-top: 15px;}
	#location .address .contMore img {margin-left: 11px;}

	#contact {padding-left: 5.6%;}  
	
	#subVcc .info {margin-bottom: 70px;}
	#subVcc .info .content {width: 100%;margin-right: 0;}
	#subVcc .info .content h3 {margin-bottom: 5%;}
	#subVcc .info .content .txt {margin-bottom: 6%;}
	#subVcc .info .vccVideo {width: 100%;text-align: center;}
	#subVcc .info .vccVideo img, #subVcc .info .vccVideo video {width: 70%;}

	#network .content {margin-left: 0;}
	

	#search .utillMenu {margin-top: 114px;}
	#search h2 {font-size: 5rem;}
	#search .content {padding: 5.3% 5.6% 9.5%;}
	#search .content h3 {font-size: 2.4rem;}
}

@media (max-width:1024px) {
	
	
}

@media (max-width:960px) {
	section h3 {font-size: 4.6rem;line-height: 6.2rem;}
	.subVisual h2 {font-size: 4.6rem;}
	.subContent .txt {font-size: 16px;line-height: 30px;}
	.subVisual .tabMenu li {padding-top: 18px;margin: 0 10px;}
	.subVisual .tabMenu li a {padding: 0px 0 14px;}
	/* #header .sideMenu .usId {right: 41%;} */

	/* #footer {padding: 40px 0;}
	#footer .mainContainer {display: flex;flex-flow: column;}
	#footer .footTerms {width: 71%;margin-bottom: 22px;}
	#footer .footTerms h4 {margin-bottom: 113px;}
	#footer .footTerms .list li {display: inline-block;margin-right: 2%;}
	#footer .footMenu {width: 100%;margin-bottom: 27px;}
	#footer .footMenu span {display: inline-block;margin-bottom: 4%;margin-right: 3%;}
	#footer .company {width: 100%;}
	#footer .company .info {margin-bottom: 35px;}
	#footer .company .info span {margin-bottom: 17px;}
	#footer .selectBox {width: 20%;bottom: auto;right: auto;left: 6%;top: 85px;} */

	#footer .footInfo {width: 100%;border: none;padding: 3.4% 0 3.4% 5.6%;}
	#footer .footInfo h4 {margin-bottom: 125px;}
	#footer .footInfo p.info {margin-bottom: 4%;}
	#footer .footInfo p.address .pBr {display: none;}
	#footer .footGroup {width: 100%;}
	#footer .footGroup .footMenu {border: none;}
	#footer .footGroup .footTerms {padding-top: 0;}
	#footer .selectBox {width: 30%;left: 5.6%;right: auto;top: 84px;}


	/* #header .sideMenu {width: 39%;} */
	#mainVisual .visualTxt h2 {font-size: 4.6rem;line-height: 6.2rem;}
	#mainVisual .quickMenu {width: 370px;}


	
	#vcc {height: auto;}
	#vcc .group {height: auto;}
	#vcc .vccSlide, #vcc .vccList {width: 100%;} 
	#vcc .vccSlideWrap {width: 100%;padding: 46px 8.4% 13.5% 8.3%;position: static;}
	#vcc .vccSlide {}
	#vcc .vccSlide .owl-carousel {width: 60%;margin: 0 auto;}
	#vcc .vccSlide .owl-carousel  .owl-stage-outer {}
	#vcc .vccSlide .slideGroup .owl-carousel li {height: 292px;}
	/* #vcc .vccSlide .slideGroup .pageNum {left: 17%;} */
	#vcc .vccList {height: 490px;}
	
	
	#social .inner {height: auto;}
	#social .title {width: 100%;padding: 68px 0 40px 20px;	}
	#social .title h3 {margin-bottom: 4px;}
	#social .slideGroup .pageNum {left: 182px;}
	#social .slideGroup {position: relative;width: 100%;}
	#social .slideGroup .socialSlide li {margin-right: 0;margin-left: 5.6%;}
	

	#product .cont h3 {margin-bottom: 3px;}
	#product .cont .more {margin-top: 25px;}
	
	
	#greeting h3 {margin-bottom: 10px;}
	#greeting h4 {margin-bottom: 85%;}
	#greeting .content {width: 100%;}
	#greeting .greetingImg {width: 54%;position: absolute;left: 50%;transform: translate(-50%,0);top: 20%;}
	
	
	#about .content h3 {margin-bottom: 35px;}
	#about .content .txt {margin-bottom: 60px;}	
	#about .mission .content {width: 100%;margin-left: 0;}
	#about .mission .aboutImg {width: 100%;text-align: center;}
	#about .mission .aboutImg img {width: 75%;}
	#about .milestone h3 {margin-bottom: 57px;}
	#about .milestone .list li .year {font-size: 2.2rem;}
	#about .achievement .content {margin-right: 0;}
	#about .achievement .content .txt {margin-bottom: 0;}
	#about .achievement .graph {width: 94%;text-align: right;}
	#about .achievement .graph .graphImg {width: 33%;}
	#about .achievement .graph:after {width: 79%;left: auto;right: -6%;top: -112%;border-radius: 68% 0 0 0;}
	/* #about .subSocial h3 {width: 100%;}
	#about .subSocial h3 .mBr {display: block;}
	#about .subSocial h3 .tBr {display: none;}
	#about .subSocial h3 .sentence2 {display: block;}
	#about .subSocial h3:after {width: 39.5%;} */
	#about .subSocial .txt {width: 100%;}
	#about .vision .content {width: 100%;margin-left: 0;float: none;}
	#about .vision .aboutImg {width: 100%;float: none;text-align: center;}
	#about .vision .aboutImg img {width: 70%;}
	
	#contact {padding-left: 0;} 
	#contact .content {width: 100%;padding-left: 5.6%;}
	#contact .content h3 {margin-bottom: 3%;}
	#contact .content .txt {margin-bottom: 3%;}
	#contact .content .txt br {display: none;}
	#contact .contactForm {width: 100%;padding: 7% 15.5% 10.5% 5.6%;}
	#contact input[type="text"], select, textarea {padding: 15px 20px;font-size: 14px;}
	#contact #captcha {margin-bottom: 50px;}
	#contact #captcha #captcha_img {width: 100px;height: 40px;}
	#contact  #captcha #captcha_key {width: 140px;height: 40px;margin-right: 5px;}
	#contact  #captcha #captcha_mp3 {width: 26px;height: 26px;background-size: 26px;}
	#contact  #captcha #captcha_reload {width: 26px;height: 26px;background: url('../../../img/captcha2.png') no-repeat 0 -26px;background-size: 26px;}
	
	#subVcc .tech li {margin-bottom: 42px;}
	#subVcc .tech li img {margin-bottom: 35px;width: 43%;}
	#subVcc .tech li .cont {width: 100%;margin-left: 0;}
	#subVcc .tech li .cont .tit {font-size: 26px;margin-bottom: 16px;}
	#subVcc .center .centerMap .content {width: 100%;margin-bottom: 55px;}
	#subVcc .center .centerMap .mapImg {width: 100%;}
	#subVcc .info .vccVideo .vod {width: 100%;height: 400px;}

	#network .content {width: 100%;}
	#network .imgItem {width: 100%;}

	#process .procBtn a {width: 30%;}
	
}