@media only screen and (max-width: 1023px){		
	.headerWrap{min-width: inherit;}
	#conWrap{padding: 0;}
	#contents{width: 100%;}
	.logoWrap{width: 100%;}
	#m_lnb{width: 100%;float: right;}

	.bodyWrap{width: 100%; padding-top: 10px;}
	.bodyWrap .leftWrap{display: none;}
	.bodyWrap .conWrap{padding: 0 2%; width: 96%;}

	.platformDl{width: 100%; text-align: left;}
	.platformDl dt, .platformDl dd{display: inline-block;}
	.platformDl dt {width: 150px}
	
	.section .centerUl li{width: 49%; margin-right: 2%; height: 128px;}
	.centerUl li img{width: 30%;}
	.centerUl li .centerTxt{width: 60%;  padding:20px 5% 10px 5%;}
	
	.boardNext li strong{width: 15%;}
	.boardNext li p{width: 62%;}
	.boardNext li span.date{width: 23%;}
	
	.sstWrap img{display:none}
	.sstWrap .sstTxt{width:95%;padding: 2%;height:auto;}
	
	.gnbWrap > div{width: 100%;}
	.gnbWrap .leftMenu ul li.topL01 a{margin-left: 10px;}
	.gnbWrap .rightMenu{margin-right: 10px;}
	.lnbWrap{height: 50px;}
	.lnbWrap #m_lnb{display: none}
	.lnbWrap #m_lnb ul{margin-top: 0;}
	.lnbWrap #m_lnb ul li{width: 100%; line-height: 46px; margin: 0;border-top: 1px solid #4371bd;  border-bottom: 1px solid #34568f; background: url("/img/common/ico_mbArrow_down.png") 93% 17px #3860a3 no-repeat; }
	.lnbWrap #m_lnb ul li.is-active{ background: url("/img/common/ico_mbArrow_up.png") 93% 17px #3860a3 no-repeat;}
	.lnbWrap #m_lnb ul li a{color:#fff;}
	.lnbWrap #m_lnb ul li > a:hover{color:#fff;}
	.lnbWrap #m_lnb ul li ul{display: none; position: static; height: auto; overflow: hidden;}
	.lnbWrap #m_lnb ul li ul li{line-height: 46px; padding-left: 50px; background-color: #fff; border-top: 0; border-bottom: 1px solid #ebebeb}
	.lnbWrap #m_lnb ul li ul li a{line-height:46px; color:#333; font-weight: normal;background: #fff !important;display: block;padding-left: 0;font-size: 13px}
	.lnbWrap #m_lnb ul li ul li a:hover{color:#fd763a; font-weight: 600;}
	.lnbWrap #m_lnb > ul > li:first-child > a{padding: 0 0 0 7%;}
	.lnbWrap #m_lnb ul li > a{padding: 0 0 0 7%; width: 87%;}
	.lnbWrap h1{margin: 10px 0 10px 10px;overflow: hidden;height: 30px;}
	.lnbWrap h1 a img{width: 110px;}
	.lnbWrap .inner{width: 100%;}
	.lnbWrap button.btn_mobileMenu{display: block;background: url("/img/common/btn_mbMenu.png") no-repeat 10px center; border: 0; padding:15px 15px 15px 30px; position: absolute; right: 0}
	
	.lnbWrap #m_lnb.nav-open{display: block;}
	.lnbWrap .menuBox{display: none !important;}
	.lnbWrap #m_lnb ul li ul.is-visible{display: block;}

	.contact{width: 100%;}
	.contact dl{padding-left: 6%; width: 27% !important;}
	.contact .contact01{background: url("/img/common/contact01.jpg") no-repeat 10px center; /* width: 173px; */ border-right: 1px solid #cfcfcf;}
	.contact .contact02{background: url("/img/common/contact02.jpg") no-repeat 10px center; /* width: 172px; */  border-right: 1px solid #cfcfcf;}
	.contact .contact03{background: url("/img/common/contact03.jpg") no-repeat 10px center; /* width: 215px; */}

	/* sub7-1 */
	.vietnam .L{width: 40%;}
	.vietnam .vietnamMap{width: 60%;}	

	.sitemap > ul > li{width: 48%; margin-right: 0;}
	.sitemap > ul > li.m01{margin-right: 0;}
	.sitemap > ul > li.m02{margin-right: 4%;}
	
	
	.footerWrap{min-width: inherit;}
	.footerWrap .foot{width: 94%; text-align: center;}
	.footerWrap .footLine .inner{width: 100%;}
}

@media only screen and (max-width: 767px){
	.gnbWrap .leftMenu{display: none;}
	.gnbWrap .rightMenu{margin: 0 10px 0 0;}
	.gnbWrap .rightMenu .srchForm p input[type="text"]{width: 115px;}

	table .th{width:25% }
	.webBlock{display: none;}
	.sub01_4 .part{width: 20%;}
	.sub01_4 .title{width: 60%;}
	.sub01_4 .status{width: 20%;}
	/* sub3-2 */
	.searchZone .joinState{width: 100%;}
	.searchZone .selectZone{width: 100%; float: left; margin: 0 0 0 20px;}
	.searchZone .selectZone select{width: 17%;}
	.searchZone .selectZone input[type="text"]{width: 50%;}
	.searchZone .selectZone button{width: 13%;}

	/* sub7-1 */
	.vietnam .L{width: 100%;}
	.vietnam .vietnamMap{width: 100%;}
	.vietnam .vietnamProcess{width: 55%;}

	.footerWrap {}
	.footerWrap .foot{width: 100%; padding-top: 20px;}
	.footerWrap .foot > a{float: none;}
	.footerWrap .foot .txt{width: 100%; padding-bottom: 20px;}
}

@media only screen and (max-width: 640px){
	.conVisualWrap{padding: 0; background: none;}
	.conVisual{padding-bottom: 15px; min-height: 100px}
	.conVisual h3{font-size: 24px; margin-bottom: 10px;}
	.conVisual p, .conVisual ul{margin: 0 7px;}	
	.contents{overflow: hidden;}

	.webBlock640{display: none;}

	/* table */
	.section table th{padding-left:10px; padding-right: 10px}

	.tStyle02 tr th, .tStyle02 tr td{display: block; }

	/*sub1_1*/
	.section .processInfo{  background: url("/img/sub/process_small.jpg") center  no-repeat; height: 809px;   background-size: 100%;}
	/* sub1_2 */
	.section .sub01_2_progress{width: 100%;}
	/* .sub1_4 */
	.sub1_4 .part{display: none;}
	/* sub2_1 */
	.labInfo{height: 318px;background: url("/img/sub/labInfo_small.jpg") no-repeat; background-size: 100%}
	/* sub3 - 01 �뚰듃�덇린�낆븞��*/
	.partner01{background: none; height: auto;}
	.partner01 ul{display: block;}
	.partner01 ul li{padding: 15px 0; width: 100%; background: none; margin: 0;}
	.partner01 ul li:nth-child(odd){background-color: #f5f5f5}
	.partner01 ul li dl{padding: 0 20px;}
	.partner01 ul li dt{color:#095795; font-size: 16px; font-weight: 600;}
	.partner01 ul li dd{color:#232323; font-size: 13px;}	
	.partner03 {background: url("/img/sub/partner03_small.png") no-repeat; background-size: 100%}
	/* sub4-1 */
	.platformDl{float:none;}
	/* sub4-2 */
	.joinStateL span{width: 100%; display: inline-block;}
	.tStyle02 .btnGray{float:none !important; display: block; width: 50px;}
	/* sub4-3 */
	.techCminfo{text-indent: inherit; font-size: 13px; background:none; height: auto}
	.techCminfo ul li{width: 90%; padding:5%; border:1px solid #d7d7d7; border-radius: 10px; text-align: center;}
	/* sub4-4-view */
	.tStyle04 tr td, .tStyle04 tr th{display: table-cell;}
	.tStyle04 tr td.webBlock640,.tStyle04 tr th.webBlock640{display: none;}
	/* sub5-2 */
	table tr th.tBorder{border-width: 0 0 1px 0}
	/* sub6-1 */
	.tStyle05 tr td, .tStyle05 tr th{display: table-cell;}
	/* sub7-1 */
	.section .centerUl li{width: 100%; margin: 0 0 10px 0;}
	.vietnam .vietnamProcess{width: 100%;}
	.vietnam .vietnamProcess02{margin:15px 0 0 0; padding:3%; width: 90%;}

	.tabList ul li{width: 25%;}
	.tabList ul li a{width: auto}

	/* sub8-1 */
	
	.tStyle06 th, .tStyle06 td{display: block; border-bottom: 0;}
	.tStyle06 tr{border-bottom: 1px solid #b6b6b6}

	.boardNext li strong{width:30%;}
	.boardNext li p{width: 70%;}
	.boardNext li span.date{ display: none;}

	.contact{width: 99%; padding: 0; border-width: 1px 1px 0 1px}
	.contact dl{padding: 10px 0 10px 20%;width: 80% !important; border: 1px solid #cfcfcf; border-width: 0 0 1px 0}

	.sitemap > ul > li{width: 100%; min-height: inherit;}

	.footerWrap{ height: auto; }
	.footerWrap .foot > a{float:none;}
	.footerWrap .footLine{margin-bottom: 20px;}
	.footerWrap .footLine ul li{margin-right: 0; width: 50%; text-align: center;}
	.footerWrap .footLine .select{width: 100%; margin: 0 0 7px 0;}
	.footerWrap .footLine .select select{width: 63%; float: left;margin-left: 20px;}
	.footerWrap .footLine .select a{margin-right: 20px;}

	}
	
@media only screen and (max-width: 1023px){		
		.greeting .img{padding:0 3%;width:25%;}
		.greeting .img img{width:100%;}
		.greeting .txt{padding:0 3%;width:62%;}
		.privacyWrap{width:96%;padding:0 2%;}
	}
	
@media only screen and (max-width: 640px){
		.greeting .img{width: 96%;padding:0 2%;text-align: center;}
		.greeting .img img{max-width:250px;}
		.greeting .txt{padding:0 2%;width:96%;border-left: 0;margin-top: 20px;}
	}