@media screen and (max-width:1600px) {
	.inner { padding:0 15px;}

	/* 헤더 */
	header .logo { left:15px;}
	header .lang { right:15px;}
}

@media screen and (max-width:1200px) {
	.inner2 { padding:0 15px;}

	/* 헤더 */
	header #hd_top { height:110px;}
	header #hd_top > div { height:100%; }
	header .logo img { width:100%;}
	header .logo { text-align:center; position:relative; top:50%; left:0; width:240px; margin:0 auto;
		transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-mstransform:translateY(-50%);
	}
	.menu_btn { display:block; position:absolute; top:50%;
		transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-mstransform:translateY(-50%);	
	}


	header nav { display:block; left:-400px; top:0; position:fixed; max-width:400px; width:95%; background:#fff; z-index:9999; height:100%; overflow-y:scroll;}
	header nav .gnb { display: block;}
	header nav .gnb > li { float:none; width:100%;}
	header nav .inner { padding:0;}
	header nav .gnb > li { border-bottom:1px solid #646464;}
	header nav .gnb > li > a { background:url("/img/common/gnb_more_icon_off.png") no-repeat 95% center #555; text-align:left; padding:0 30px; line-height:60px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; font-size:18px;}
	header nav .gnb > li.on > a { background:url("/img/common/gnb_more_icon_on.png") no-repeat 95% center #10b8bf;}
	header .navTop  { display:block; height:100px; text-align:center; position:relative;}
	header .navTop .nav_logo img { width:100%; }
	header .navTop .nav_logo { position:relative; top:50%; width:240px; margin:0 auto;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	}
	header .navTop .closeBtn { position:absolute; right:17px; top:50%; margin-top:-13px;}
	header .navTop .closeBtn button { background:url("/img/common/nav_close_btn.png") no-repeat center; width:24px; height:26px; border:none;}

	header nav .gnb li .depth2 { padding:0 !important; position:static; width:auto; display:none; min-width:inherit; white-space:normal;}
	header nav .gnb .depth2 > li { display:block; width:100%; float:none; border-bottom:1px solid #dddedf;}
	header nav .gnb .depth2 > li > a { background:url("/img/common/mSubmenu_off.png") no-repeat 95% center #f2f2f2 !important; padding:0 !important; height:50px; height:50px; line-height:50px; text-align:left; padding:0 30px !important; text-align:left; display:block; font-size:18px;} 
	header nav .gnb > li a:before { left:30px; 
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	}
	header nav .gnb .depth2 > li > a:hover { background-color:#fff !important; color:#10b8bf !important; }
	.gnbBg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; left:0; top:0; display:none;	}

	/* 메인 */
	#mainVisual .txt p { text-align:center;}
	#mainVisual .txt p strong { font-size:40px;}
	#mainVisual .txt p span { font-size:26px; padding:0 15px;}
	footer { font-size:14px; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
}

@media screen and (max-width:960px) {

	/* 포트폴리오 */
	#portfolio .list ul li { width:32%; margin-right:2%;}
	#portfolio .list ul li:nth-child(4n) { margin-right:2%;}
	#portfolio .list ul li:nth-child(3n) { margin-right:0;}

	/* 페이지 타이틀*/
	.pageTit p { font-size:120px;}

	/* 서브 */
	#sv { height: 450px;}
	#sv .txt { font-size:26px;}

	/* overview */
	#greeting > div.overview{ margin-bottom: 700px; }
	#greeting .overview .top .info{ flex-direction: column;}
	#greeting .overview .top .info > div{ width: 100%; padding: 3.5% 3%; }
	#greeting .overview .top dl dt { font-size:22px;}
	#greeting .overview .top dl dd { font-size:16px;}
	#greeting .history .top .since strong { font-size:60px;}
	#team .fl_l > section,
	.list_s1 ul li { width:48%; margin-right:4%; margin-bottom:20px;     }
	.list_s1 ul li { padding:0 15px;}
	.list_s1 ul li:nth-child(3n) { margin-right:4%;}
	#team .fl_l > section:nth-child(2n),
	.list_s1 ul li:nth-child(2n) { margin-right:0;}

	#team .con:nth-of-type(2) .list_s1 ul li:nth-of-type(n + 4){margin-top:0}
}

@media screen and (max-width:767px) {

	/* 페이지 타이틀*/
	.pageTit p { font-size:90px; margin-top:-30px;}
	#subContents > article { margin-top: -10px;}

	#greeting .overview .top dl br { display:none; }
	#greeting .overview .top .info > div { width:100%; height:auto; padding: 35px 6.5%;}
	#greeting .overview .top { padding-top:100px; }
	#greeting .overview .top .info { margin-top:70px; }
	#greeting .history .top .since strong { font-size:50px;}
	#greeting .history .top .since p { font-size:18px;}

	#greeting .history .top .since { margin-top: 80px; margin-bottom: 30px;}
	#greeting > div { margin-bottom: 160px;}
	#greeting .location .map_wrap .frame iframe { height:450px; }
	#greeting .location .map_wrap .info { position:static; width:100%; height:auto; padding:40px 20px;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);	
	}
	#greeting .location .map_wrap .info .list ul li p br { display:none;}
	.tab_s1 ul li button { font-size:20px;}
	.tab_s1 ul li button:last-child{ margin-top: 10px; }
	.tab_s1_2 ul li:not(:first-child){ margin-right: 0 ;}

	#inquiry_form .form .close_btn,
	#team_detail .close_btn { top:-50px; right:0;}
	#team_detail .info_wrap .tit .position { margin-right:15px;}
	#team_detail .info_wrap .tit .name { font-size:30px;}
	#team_detail .info_wrap { padding:50px 15px;}
	#team_detail .info_wrap .info ul li .txt p br { display:none;}

}

@media screen and (max-width:640px) {
	/* 헤더 */
	header .lang { width:80px;}
	header .lang ul li a, header .lang button { width:100%;}
	header .lang button:after { right:10px;}

	/* 포트폴리오 */
	#portfolio .list ul li { width:49%; margin-right:2%;}
	#portfolio .list ul li:nth-child(3n) { margin-right:2%;}
	#portfolio .list ul li:nth-child(2n) { margin-right:0;}

	/* 페이지 타이틀*/
	.pageTit p { font-size:70px;}

	/* 서브 */
	#sv { height: 350px;}

	/* overview */
	#greeting .overview .top dl dt { font-size:20px;}
	#greeting .history .top .since strong { font-size:40px; }
	.tab_s1 ul li button { font-size:18px; }
	.tab_s1 ul li { width:33.3333333%;}
	#greeting .history .list ul li .years { font-size:30px;}
	.list_s1 ul li .txt p, .list_s1 ul li dl dd p { font-size:15px;}
	#team .fl_l > section.w100{ width: 100%; }
	

}

@media screen and (max-width:480px) {

	/* 헤더 */
	header .navTop .nav_logo,
	header .logo { width:180px;}
	header .lang { width:70px;}
	header .lang ul li a, header .lang button { width:100%;}
	header .lang button:after { right:8px; width:6px; height:6px; margin-top:-6px;}


	/* 페이지 타이틀*/
	.pageTit p { font-size:60px;}

	/* 서브 */
	#sv { height: 300px;}
	
	/* overview */
	#greeting .overview .top .info .title { font-size:20px; margin-bottom:20px; padding-bottom:20px;}
	#greeting .history .list ul li dl { width:100%; float:none !important; text-align:left; padding:0 0 0 67px !important; }
	#greeting .history .list ul li:nth-child(odd) section:nth-child(even) dl:after, 
	#greeting .history .list ul li section:nth-child(odd) dl:after { content:url("/img/sub/dots_s2.png"); right:inherit; left:-7px;}
	#greeting .history .list ul:after { left:0px;}
	#greeting .history .list ul li .years { text-align:left;}
	#greeting .location .map_wrap .frame iframe { height:350px; }
	.tab_s1 ul li button { font-size: 16px;}
	.list_s1 ul li .txt p, .list_s1 ul li dl dd p,
	body, table, input, textarea { font-size:14px;}
/* 	.list_s1 ul li { width:100%; height:auto;} */
	.list_s1 ul li .txt,
	.list_s1 ul li dl dd,
	.list_s1 ul li dl { height:auto;}
	.list_s1 ul li dl dd { padding:30px 0;}
	.list_s1 ul li .txt { margin-top:30px;}
	.list_s1 ul li .txt > div, .list_s1 ul li dl dd > div {
		top: 0;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	.list_s1 ul li .tit p { font-size:20px;}
	.list_s1 ul li { height:200px;}

	#inquiry_form .form .top .tit { font-size:26px;}
	#inquiry_form .form .input_wrap {height:300px; overflow-y:scroll; }
	#inquiry_form .form .input_wrap ul li .input { width:100%; margin-top:10px;}
	#inquiry_form .form { height:500px; }
	#inquiry_form .submit_btn { background:#fff; position:absolute; left:0; bottom:15px; width:100%; border-top:1px solid #ddd; padding-top:10px;}

}