@media screen and (max-width:1024px) {
	/* main */
	.headerWrap {width:100%;}
	.headerWrap h1 {width: 100%; text-align: center; }
	.headerWrap .lang_button {right: 10px; }
	.gnbWrap {display:none; }
	/*#nav-demo {width:100%; display:block; }
	.mnav-mobile-btn {margin-left: 10px; }
	.mnav-menu {width:100%; box-shadow: 0px 9px 25px rgba(0,0,0,0.3); }*/
	.mGnb {display:block; }
	#container {width:100%; }
	.textWrap {width:100%;}
	.textWrap img.ver_p {display:none; }
	.textWrap img.ver_t {display:block; width:100%; }
	.textWrap p {font-size:20px; padding:50px 0 85px; }
	.contWrap {padding-bottom:70px; }
	.contWrap_p {display:none; }
	.contWrap_t {display:block; }
	.contWrap .conArea.num1 {width:100%;}
	.contWrap .conArea .contbox {width:49.35%; padding-bottom:0; margin-bottom: 1.3%; position:relative; }
	.contWrap .conArea .contbox.cont01 {padding: 0; margin-right: 1.3%; margin-bottom: 1.3%;  }
	.contWrap .conArea .contbox p {position:absolute; bottom:0; width:100%; color:#fff; text-align:center; padding:30px 0; font-size:20px; }
	#banner {display:none; }
	#footer {height:176px; }
	.footerWrap {width:100%;}
	.footerWrap h2 {left:10px; }
	.footerWrap ul {padding: 39px 0 0 190px;}
	.footerWrap  ul li span {display:block; line-height: 25px; }
	.footerWrap  ul li span em {display:none; }
	.btn_intranet { display: none; }
	.award_mark { position: static; display: block; margin-top: 15px; width: auto; height: 37px;  background: url('../../images/common/t_mark.png') no-repeat 50% 50%; }



	/* 공통 */
	.contents {padding: 40px 0;}
	.contents h4 {padding-left:10px; font-size:30px; }
	.contents h5 {padding-left:10px; }
	.searchWrap {top:55px; right: 10px;}

	/* project-list */
	#flexible_gallery {margin: 15px 2%; }
	.type02 .location.loca2 {display:none; }
	.project_top {padding: 0 10px; height:22px; }
	.project_top .type03 {display:none; }
	.project_top .search {display:none; }
	.imgtypeWrap {margin-right:0.67%; width: 32.87%; }
	.imgtypeWrap a:hover {box-shadow: none; opacity:0; }
	.imgtypeWrap:nth-child(4n+4) {margin-right:0.67%; }
	.imgtypeWrap:nth-child(3n+3) {margin-right:0; }
	.imgtypeWrap strong {width: 100%; }
	/* project-view */
	.iconWrap {top:45px; right:10px; }
	.contWrap2 table {width:50%; }
	.contWrap2 table th {padding-left:10px; width: 45%; }
	.contWrap2 .imgWrap img {margin-right:0; width:100%; }
	.contWrap2 .description {padding-right:2%; width:45%; }
	#gallery .item  {margin:0; margin-bottom:10px;  width:100%;  }

	/* awrard */
	.award div img {width:50%; padding-right:2% }

	/* news-list*/
	.news div {margin-right:2%; margin-bottom:2%; width:32%; }
	.news div:nth-child(4n+4) {margin-right:2%; }
	.news div:nth-child(3n+3) {margin-right:0; }
	/* news-view*/
	.newsview {margin:0 10px; padding: 20px 0px; }
	.newsview .iconWrap {top: -51px; right:0px;}
	.pageWrap2 {padding: 15px 10px 0; }
	.pageWrap2 div {background:none; display:block; width:100%; padding:0; padding-bottom:15px;}
	.pageWrap2 div:last-child {background:none; text-align: left; border-top:1px solid #e1e1e1; padding-right:0; border-bottom:1px solid #e1e1e1; padding:15px 0; }
	.pageWrap2 div p {display:inline-block; border-right:1px solid #e1e1e1; padding-bottom:0; padding-right:15px; margin-right:15px; text-indent:20px;}
	.pageWrap2 div span {display:inline-block; width: 60%; }
	.pageWrap2 div:last-child span {float:none; }

	/* publication */
	.publication01 {padding:40px 10%; text-align: center; }
	.publication01 img {width:100%; float: none;  }
	.publication01 div {display:block; width: 100%; padding: 0; }
	.publication01 .p_btn {margin:0; text-align:left; }
	.publication02 {padding:0 0 75px; }
	.publication03 {padding-left:15px;padding-right:15px;overflow:hidden; }
	.publication03 div {float: left; width: 48.5%; margin-right: 3%; margin-bottom: 3%;}
	.publication03 div:nth-child(2n+2) {margin-right:0; }
	.publication03 div iframe {width:100%; }
	.publication04 {padding:40px 10%; text-align: center; }
	.publication04_1 {width: 100%; text-align: left; display: block; margin: 0; padding-top: 30px; }
	.publication04_2 input.name {display: block; border: 0; width: 100%; }
	.publication04_2 .select01 {display: block; width: 100%; border: 0; margin: 10px 0; }
	.publication04_2 input.mail {display: block; border: 0; width: 100%; margin-bottom:10px; }
	.bx-wrapper2 {display:none; }
	#owl-demo {display:block !important; }

	/* recruit */
	.recruit01_le {float: none;  border: none;width: 96%; padding: 0 2% 40px; }
	.recruit01_ri {display:none; }
	.recruit01_ri div {display:inline-block; }
	.recruit01_ri div a {text-align:left; }
	.recruit01 div {position: absolute;  width: 76%; left: 151px; }
	.recruit .ps {display:block; padding:0 2%; }

	/* overview */
	.overview .ver_p {display:none; }
	.overview .ver_m {display:block; padding-bottom:25px;}
	.overview span {margin:0 2%; display: block; }

	/* contact */
	.contact .map.ver_p {display:none; }
	.contact .map.ver_m {display:block; }
	.contact01 {border-top: none; padding: 0 2%; width: 96%; }
	.contact01 .contact01_div div span em {display:inline-block; padding-left:5px;}
	.contact02 {padding:0 2%; }
	.contact02 div {width:50%; margin-bottom:20px; }

	/* story */
	.story01 .ver_p {display:none; }
	.story01 .ver_t {display:block; }
	.story02 div {padding:0; }
	.story02 div span {font-size:14px; }
	.story03 .story03_01 {float:left; width:50%; }
	.story03 .story03_02 {float:left; width:100%; }
	.story03 div div {margin-right:0; width: 46%; margin: 0 2%; }
	.story04  {padding:0 2%; }
	.story04 div strong {width:30%; }
	.story04 div span {width:65%; }

	/* service */
	.service01 span {padding:0 2%; }
	.service02 {padding:0 2%; }
	.service02 div {width:100%; margin-right:0; }
	.service03_1 {padding:0 2% 15px; }
	.service03 div:nth-child(4n+4) {margin-right:0; }
	.service03 div {margin-right: 3%; width: 22.75%; margin-bottom: 15px; }
	.service03 div a img {width:100%; height:100%; }
	.service05 {padding:0 2%; }
	

	/* dfs작업 */
	.service01 .col2 > div{width:100%;padding:0 ;}
	.img_box img{max-width:100%;}
	.service01 .col2 > div.chart_box{padding:0 2%;margin-top:40px;}
	.chart_info{right:30px;}
		.dfs05_cont .step2{margin-top:20px;}
	.service02 div.dfs05_cont div{text-align:left;}
	.service02 div.dfs05_cont .img_box2{text-align:center;}
	.dfs05_04 .img_box img{margin-top:0;}
	.dfs07 .clearfix > .dot_list{float:none;margin-bottom:20px;}
	.dfs07 .clearfix > .img_list {float:none;}
	.dfs_prod > li{width:33.33333%;margin-bottom:20px;margin-right:0;padding:0 10px;box-sizing:border-box}
	.dfs_prod > li img{width:100%;}
	
	
	
	/* people */
	.member-list li { width: 25%; }
	.member-con .wrap > div {padding: 37px 10px 37px 52%; }
	.member-con .wrap > div img {width:49%; left:5px; top: 32px;}
	.member-con .wrap > div #content div {width:100%; }
	.member-con .wrap > div #content div:last-child {width:100%; margin-top:20px; }
	.member-con .wrap > div #content div:first-child dl dd {width:75%; }
	.member-con .wrap > div p span {font-size:14px; }
	.member-con .wrap > div p span b {font-size:14px; }
	.member-con .wrap > div p strong {font-size:24px; }
	.member-con .wrap > div #content dl dd br { display: none; }
}



/* dfs 작업 */
@media screen and (max-width:836px){
	.dfs07 .clearfix > .img_list {float:none;}
	.dfs07 .clearfix > .img_list li{width:100%;margin-left:0;}
	.dfs07 .clearfix > .img_list li:first-child{margin-bottom:10px;margin-right:0;}
	.dfs07 .clearfix > .img_list li img{width:100%;}

	.logo_box span{display:block;}
	.logo_box span.icon_plus{padding:20px;}
	.logo_box span img{max-width:100%}

	/* 조직도 구조바꿈 180307 */
	.story03.type2 div{width:33.33333%;float:left;box-sizing:border-box;padding:0 5px; min-height:217px;margin-bottom:30px;}
	


}

@media screen and (max-width:767px) {
	/* main */
	#header {height:50px; }
	.headerWrap .lang_button a.on {display:none; }
	.headerWrap h1 {top:8px; }
	.headerWrap h1 img {width:143px; }
	.headerWrap .lang_button {top:12px; }
	.headerWrap .lang_button a {width:24px; font-size:10px; padding:7px 0; }
	.headerWrap .lang_button a:last-child {font-size:9px; padding:8px 0 6px; }
	/*#nav-demo {top:20px; }
	.mnav-mobile-btn {width:18px; height:12px; background-size:100% 100%;}
	.mnav-menu {top:31px; }
	.mnav-menu-item a.depth1 {font-size:14px; padding:10px 15px; }
	.mnav-submenu a {font-size:14px; padding:10px 15px; }
	.mnav-open-close {height:35px;  }
	.mnav-mobile-arrow {top: 12px; right: 18px; width: 10px; height: 10px; background-size:100% 100%;}*/
	.mGnb > a {padding-top: 20px; }
	.mGnb > a img {width:22px; height:16px; background-size:100% 100%; }
	.mGnbWrap {top:51px; }
	.mGnbArea > li > a {font-size:14px; padding:10px 15px; }
	.mGnbArea > li > a span {background-size: 14px 14px; }
	.mGnbD2 li {font-size:14px; }
	.mGnbD2 li a { padding:10px 15px;}
	.mGnbWrap a.btnClose {top: -32px; left: 7px; }
	.mGnbWrap a.btnClose img {width:17px; height:17px; background-size:100% 100%;  }
	.textWrap {width:100%; padding-top: 19px;}
	.textWrap img.ver_t {display:none; }
	.textWrap img.ver_m {display:block; width: 100%; }
	.textWrap p {font-size:14px; padding: 19px 0;}
	.textWrap p b {display:block; }
	.contWrap {padding-bottom:10px; }
	.contWrap_t {display:none; }
	.contWrap_m {display:block; }
	.contWrap .conArea .contbox {margin-bottom:8px; width: 100%; }
	.contWrap .conArea .contbox p {padding:25px 0; font-size:15px; }
	#footer {/* height:155px; */ height: auto;  }
	.footerWrap {width:100%;padding-bottom: 20px; }
	.footerWrap h2 {width: 100%; text-align: center; top:25px; left:0; }
	.footerWrap h2 img {width:95px; }
	.footerWrap  ul {text-align:center; padding:67px 0 0 0; }
	.footerWrap  ul li {font-size:14px; line-height:20px; }
	.footerWrap  ul li:last-child {padding-top:7px; font-size:14px; }
	.footerWrap  ul li span {line-height: 20px; }
	.award_mark { height: 33px; background: url('../../images/common/m_mark.png') no-repeat 50% 50%; background-size: 110px auto; }


	/* 공통 */
	.m_nav {display:block; }
	.contents {padding: 15px 0;}
	.contents h4 {font-size:18px; padding-bottom:15px; }
	.contents h4 em {display:none; }
	.contents h5 {font-size:17px;}
	.contents h6 {font-size:17px;}
	.com_ty1 {font-size:14px; }
	.more_view {font-size:14px; padding: 11px 35px 11px 49px; background: url('../../images/contents/more.png') 30px 12px no-repeat; }
	.searchWrap {display:none; }

	/* project-list */
	.imgtypeWrap {min-height:0; width: 49%; margin-right:0; }
	.imgtypeWrap:nth-child(4n+4) {margin-right:0; }
	.imgtypeWrap:nth-child(2n+1) {margin-right:2%; }
	.imgtypeWrap strong {font-size:14px; width: 100%; }
	/* project-view */
	.iconWrap {top:-33px; }
	.contWrap2 table {width:100%; }
	.contWrap2 table th {font-size:13px; }
	.contWrap2 table td {font-size:13px; }
	.contWrap2 .description {float:none; width:96%; padding-top:25px; font-size:14px; padding-left:2%;}

	/* awrard */
	.award div {width:100%; }
	.award div strong {font-size:14px; }
	.award div em {font-size:14px; }

	/* news-list*/
	.news div {width:49%; }
	.news div:nth-child(3n+3) {margin-right:2%; }
	.news div:nth-child(2n+2) {margin-right:0; }
	.news div span {padding:10px; }
	.news div span p {font-size:14px; }
	/* news-view*/
	.newsview .iconWrap {top: -41px; }
	.contWrap3 p {font-size:14px; line-height: 20px; }
	.contWrap3 span {font-size:14px; }
	.contWrap3 em {font-size:14px; }
	.pageWrap2 div span {font-size:14px; }

	/* publication */
	.publication01 {padding:25px 10%; margin-bottom: 7%; }
	.publication01 div p {font-size:17px; padding:15px 0; }
	.publication01 div span {font-size:14px; }
	.publication01 .p_btn {margin-bottom:5px; width: 118px; background-size:100%; padding: 13px 0; font-size: 13px;  }
	.publication01 .p_btn.num2 {margin-bottom:5px; width: 118px; background-size:100%; padding: 13px 0;  }
	.publication03 {padding:0 15px;padding-bottom:25px; }
	.publication03 div iframe {height: 110px;}
	.publication03 div p {font-size:14px;   padding: 15px; }
	.publication02 {padding-bottom:30px; }
	.publication04 {padding:25px 10%; }
	.publication04 img {max-width:290px; }
	.publication04_1 strong {font-size:17px; }
	.publication04_1 span {font-size:14px; }
	.publication04_2 p {font-size:17px; }
	.publication04_2 input.name {font-size:14px; }
	.publication04_2 .select01 {font-size:14px; }
	.publication04_2 input.mail {font-size:14px; }
	#owl-demo .item .slide_cont p {font-size:14px; padding:20px 0; line-height:20px;}
	
	/* recruit */
	.recruit {margin-top:20px; }
	.recruit01_le {border:none; padding-bottom: 25px; }
	.recruit01 {position: relative; }
	.recruit01 strong{display:inline-block;}
	.recruit01 p {float:none; font-size: 17px; width: 126px;padding: 0;width:100%;text-align:left;background:none;}
	.recruit01 div {margin-left: 0; text-align: left; width: 100%; position: initial; }
	.recruit01 div em {font-size:14px; line-height: 20px; }
	.recruit02 {text-align:center; margin-top:30px;}
	.recruit02 p {float:none; font-size: 17px; width: 126px; padding:55px 0;background: none;padding:0;text-align:left;display:block;}
	.recruit02 div {margin-left: 0; text-align: left; width: 100%; margin-top: 10px !important;}
	.recruit02 span em {display:block; }
	.recruit02_1 span {width:100%; float:none; }
	.recruit03 .ver_m {display:block; }
	.recruit03 .ver_p {display:none; }
	.recruit04 {margin:40px 0 25px; }

	/* overview */
	.overview span {font-size:14px;  }
	.overview strong {display:block;font-size:17px; margin-top:-25px;padding-bottom:30px;}

	/* contact */
	.contact01 .contact01_div .name {font-size:14px; font-weight: 500; }
	.contact02 div {width:100%; }
	.contact02 div strong {font-size:14px; }
	.contact02 div span b {display:inline-block; }
	.contact02 div em {font-size:14px; background: url('../../images/contents/contact_icon01.png') left 5px no-repeat; }

	/* story */
	.story01 .ver_t {display:none; }
	.story01 .ver_m {display:block; }
	.story02 {padding-bottom:0; }
	.story02 div {margin-bottom:25px; display: block; }
	.story02 div:nth-child(2) {margin:0; margin-bottom: 25px;}
	.story02 div  strong {font-size:16px; }
	.story02 div span {font-size:14px; }
	.story03 {margin: 20px 2% 25px 2%; }
	.story03 .story03_01 {width:100%; float:left; }
	.story03 div div {margin: 0; margin-right:3%; width:48.5% }
	.story03 div div.noma2 {margin-right:0; }
	.story03 div div p {font-size:14px; }
	.story03 div div span {font-size:14px; }
	.story04 div.story04_1 {display:block; width:100%; }
	.story04 div strong {font-size:16px; width:25%; }
	.story04 div span {font-size:14px; width:75%; }

	/* service */
	.contents h4 em.service04 {display:inline-block; font-size:14px; }
	.service01 .ver_p {display:none; }
	.service01 .ver_m {display:block; margin-bottom: 15px; }
	.service02 {margin: 10px 0 37px; }
	.service02 div p {margin-top: 20px; font-size:16px; overflow:hidden; }
	.service02 div p.com_ty2.type2 span{font-size:16px;}
	.service02 div p span {float:left; }
	.service02 div p em {font-size:14px; line-height:20px; display:inline; float: left; width: 63%;}
	.service03_1 {font-size:14px; }
	.service03 {display:none; }
	.bx-wrapper {display:block !important; }
	.slide span {padding:10px 5px 0; line-height:15px; }
	.service05  {margin:20px 0 37px; }
	.service05 p {font-size:14px; line-height:20px;}
	.service05 strong {font-size:14px; line-height:20px;}
	.service06 {font-size:14px; }
	
	
	/* dfs작업 */
	.dfs_prod > li{width:50%;}
	.dfs_prod > li:nth-child(odd){padding-left:0;}
	.dfs_prod > li:nth-child(even){padding-right:0;}
	.service01 .dfsTop{margin-bottom:15px;}
	.dfs_prod .ver_p {display:none; }
	.dfs_prod .ver_m {display:block; margin-bottom: 15px; }


	/* people */
	.member-list li { width: 50%; }
	.member-list li a .info-box .txt {padding:15px 0 0 ; }
	.member-list li a .info-box .txt strong {font-size:14px; }
	.member-list li a .info-box .txt span.mo {display:none; }
	.member-con .wrap > div img {width:98%; top:35px; left:0; padding:0 1%; }
	.member-con .wrap > div {padding: 65% 2% 2%; }
	.member-con .wrap > div p strong {font-size:16px; }
	.member-con .wrap > div p span {font-size:14px; }
	.member-con .wrap > div p span b {font-size:14px; }
	.member-con .wrap > div #content dl dt {font-size:14px; }
	.member-con .wrap > div #content dl dd {font-size:14px; }

	.popup_layer  {display:none !important;}
}

@media screen and (max-width:596px) {
	.service02 div p.service08 {background-position:left 14px; }
	.service02 div p.service08 span {line-height:40px; }

	
	/* dfs작업 */
	.step2 ul {text-align:center;}
	.step2 ul li{width:100%;float:none;margin-left:0;margin-bottom:20px;}
	.step2 ul li:last-child{margin-bottom:0;}
	
	.dfsTop p{position:static;margin-top:10px;color:#333;padding:0 2%;}

	.dfs05 .ver_p{display:none;}
	.dfs05 .ver_m{display:block;}


	/* 조직도 구조바꿈 180307 */
	.story03.type2 div{width:50%;float:left;box-sizing:border-box;padding:0 5px; min-height:217px;margin-bottom:30px;min-height:auto}
	.story03.type2 div:nth-child(odd){padding-left:0;}
	.story03.type2 div:nth-child(even){padding-right:0;}
}

@media screen and (max-width:574px) {
	.service02 div p.service07 {background-position:left 14px; }
	.service02 div p.service07 span {line-height:40px; }
	
	/* dfs작업 */
	.tblArea table{width:100%;}


}

@media screen and (max-width: 766px) and (min-width: 400px) {
	.publication03 div iframe {height: 170px;}
}

@media screen and (max-width: 1024px) and (min-width: 800px) {
	.publication03 div iframe {height: 255px;}
}