@media screen and (min-width:1201px){
	.menu_btn,
	.menu_top { display:none;}
	header nav .gnb > li > .depth2 { display:block !important;}

	/* history */
	.m_history_main{ display: none;}
	.m_history_bg{ display: none;}

}

@media screen and (max-width:1229px){
	/*  thchnology */
	#platformc .Platformc_content01 div:first-child{ padding: 50px;}
	#platformc .Platformc_content01 div:last-child{ padding: 50px;}

	/*  pipe */
	#crinical .crinical_content02 .item{ width: 100%; height: auto; margin-bottom: 0;}
	#crinical .crinical_content02 .item>ul>li:first-child{ width: 100% !important; font-size: 1.2rem;}
	#crinical .crinical_content02 .item>ul>li:last-child{ width: 100%; padding: 20px 0;}
	#crinical .crinical_content02 .item>ul>li:first-child:after{ content: ""; display: inline-block; width: 69px; height: 53px; background: url("/img/sub/pipe/pipe_arrow.png") no-repeat center; position: absolute; left: 50%; bottom:0;
	transform: translateX(-50%) rotate( 90deg);
	-moz-	transform: translateX(-50%) rotate( 90deg);
	-webkit-transform: translateX(-50%) rotate( 90deg);
	-ms-transform: translateX(-50%) rotate( 90deg);
	-o-transform: translateX(-50%) rotate( 90deg);
	}
	#crinical .crinical_content02 .item .s_item{ display: none;}
	#crinical .crinical_content02 .item:nth-child(4)>ul>li:first-child{ padding: 40px 0;}
	#crinical .crinical_content03 .con03_txt div{ margin-right: 0; margin-bottom: 40px; width: 100%; height: auto;}
	#crinical .crinical_content03 .con03_txt div:after{ position: absolute; top: auto; left: 50%; bottom: -25px; transform: translateX(-50%) rotate(90deg);
	-moz-transform: translateX(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	-o-transform: translateX(-50%) rotate(90deg);
	}

	/* exemple */
	#exemple .exemple_content03 ul{ width: 100%;}
	#exemple .exemple_content03 ul li{ width: 25%;}
	#exemple .exemple_content03 ul li div:before{ display: none;}
	#exemple .exemple_content03 ul li div p{ text-indent: 0;}
	#exemple .exemple_content04 ul li{ font-size: 1.2rem;}
}



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

	/* 헤더 */
	header { overflow:visible;}
	header nav { position:fixed; max-width:640px; right:-100%; top:0; height:100%; width:100%; background:#fff; z-index:9999; overflow-y:scroll; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	header .logo { left:15px;}
	header nav .gnb { display:block; padding:0;}
	header nav .gnb > li { float:none; margin-right:0; border-bottom:1px solid #d7d7d7;}
	header nav .gnb > li > a { padding:0 30px; height:60px; line-height:60px;  font-weight:600; color:#666;}
	header nav .gnb > li.on > a { background:#ffae4e; color:#fff;}
	header nav .gnb > li > .depth2 { position:static; padding:28px 0; display:none;}
	header nav .gnb > li > .depth2 > li {}
	header nav .gnb > li > .depth2 > li > a { padding:0 46px; }
	nav .menu_top { display:block; position:relative; height:90px; border-bottom:2px solid #f08200; padding:0 15px; }
	nav .menu_top .m_logo { text-align:left;  position:relative; top:50%;
		transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}
	.menu_btn,
	nav .menu_top .menu_close { position:absolute; right:15px; top:50%;
		transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	} 
	nav .menu_top .menu_close button {background:url("/img/common/menu_close.png") no-repeat center;} 
	nav .menu_top .menu_close button,
	.menu_btn button { width:26px; height:26px; border:none;}
	.menu_btn { display:block;}
	.menu_btn button { background:url("/img/common/menu_btn.png") no-repeat center;} 
	header nav .gnb > li:hover > a:after { display:none;}

	/* 메인 */
	#mainVisual .video { height:420px; padding:0; background:#000;}
	#mainVisual .txt { font-size:3.5rem;}
	#mainContents .con_group > div { width:100% !important; float:none; }
	#mainContents .about .info { float:none; margin:0 auto; }
	#mainContents .con_group > div { padding:60px 0;  height:auto;}
	#mainContents .about .info .txt_box ul { margin-top:53px;}



	/* fooer */
	footer #ft_top .ft_menu ul li { margin-right:12px; padding-right:12px;}
	footer #ft_top .sns ul li { margin-right:20px;}

	/* 서브 */
	#lnb { display:none; }
	#sv { height:450px;}

	/* team */
	.team_info .list ul li { padding:30px 15px;}
	.team_info .list ul li > div { display:block;  width:100% !important;}
	.team_info .list ul li .img { margin:0 auto; text-align:center; height:auto;}
	.team_info .list ul li { border-radius:15px;}
	.team_info .list ul li .txt { margin-top:30px; padding:0;}
	.team_info .list ul li .name,
	.team_info .list ul li .job { text-align:center; }
	.team_info .list ul li .experience { margin-top:30px;}

	/* history */
	#history figure{display:none; }
	.mod_history_main{ display: none;}
	.mod_history_main{ background: none;}
	.history_certified > div{ width: 100%;}
	.history_certified > div > ul{ width: 800px; margin: 0 auto;}
	.history_content02 h4{ text-align: left;}

	/* bio */
	#bio .bio_content03 .bio_content03_table th{ font-size: 0.9rem; padding: 20px 5px; line-height: 1.2;}
	#bio .bio_content03 .bio_content03_table td{ font-size: 0.8rem; padding: 10px 5px;}
	#bio .bio_content03 img{ padding: 60px 0 60px 0;}

	/* platformb */
	#platformb .PlatformB_content01_img2 ul li{ width: 100% !important; float: none;}
	#platformb .PlatformB_content01_img2 ul li:nth-child(1) img{ width: 100%;}
	#platformb .PlatformB_content01_img2 ul li:nth-child(2){ padding: 30px;}
	#platformb .PlatformB_content01_img2 dt{ padding: 15px; margin-bottom: 20px;}

	/*  crinical */
	#crinical .crinical_content04 .date ul{ width: 100%;}
	#crinical .crinical_content04 .date ul li{ width: 20%;}
	#crinical .crinical_content04 .money ul{ width: 100%;}
	#crinical .crinical_content04 .money ul li{ line-height: 1.2; font-size: 0.9rem;}
	#crinical .crinical_content04 .money ul li span{ font-size: 1rem;}


	#team2 .info { }
	#team2 .info .img { max-width:50%;}
	#team2 .info .txt dt { font-size:30px;}
	#team2 .contents br { display:none;}


	#sab .list ul { 
		    grid-template-columns: repeat(4,1fr);
	}
	#sab .list .img { text-align:center; background: #efefef; padding:10px;}
	#sab .list ul li .txt .info.mt44{margin-top: 55px;}

}

@media screen and (max-width:960px){
	/* team */
	.meet_team .list ul li { width:49%; margin-right:2%; padding-left:12px; min-height:156px;}
	.meet_team .list ul li:before { width:2px;}
	.meet_team .list ul li:nth-child(3n) { margin-right:2%;}
	.meet_team .list ul li:nth-child(2n) { margin-right:0;}
	.sb_team ul li { width:33.3333333%;}

	/* pipe */
	#crinical .crinical_content01 ul li div p{ font-size: 1rem;}
	
	#bio .bio_content03 .bio_content03_table{overflow-x: scroll;}
	#bio .bio_content03 .bio_content03_table table{width: 1000px;}

}

@media screen and (max-width:830px){
	/* history */
	.history_certified > div > ul{ width: 600px;}
}


@media screen and (max-width:767px){
	/* 메인 */
	#mainVisual .txt { font-size:3rem; top:50%; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	}
	.scroll_btn button { background-size:auto 60px !important; padding-bottom:85px;}
	.tit_s1 { margin-bottom:30px;	}
	#mainContents .technology .list .more_s1 { width:60px; height:60px;}

	/* footer */
	footer #ft_bot .info > div { display:block; width:100% !important; text-align:center; margin-bottom:30px;}
	footer #ft_top .sns { position:static; margin-top:20px;}
	footer #ft_top .ft_menu { text-align:center;}
	footer #ft_top { padding:25px 0;}
	.topBtn { top:-73px;}

	/* 서브*/
	#sv { height:350px;}
	.pageTit { padding: 33px 0 22px; margin-bottom:33px;}

	/* team */
	.txt_box_s1 ul li { width:100%; margin-bottom:30px;}
	.txt_box_s1 ul li:last-child { margin:0; }
	#subContents .con { margin-bottom: 60px;	}
	.team_info .list ul li .img img { width:70%; max-width:300px;}
	.meet_team .name {  font-size:1.2rem; }
	.meet_team .belong, .meet_team .txt { font-size:1rem;}

	/*  thchnology */
	#platformc .Platformc_content01 div:first-child{ padding: 50px 20px;}
	#platformc .Platformc_content01 div:last-child{ padding: 50px 20px;}

	/* crinical */
	#crinical .crinical_content04 .date ul li{ font-size: 0.9rem;}
	#crinical .crinical_content04 .date ul li:before{ width: 10px; height: 10px; top: -5px;}

	/* exemple */
	#exemple .exemple_content03 ul li div p{ font-size:0.8rem;}
	#exemple .exemple_content03 ul li:nth-child(3) div:after{ width: 9px; height: 14px; background: url("/img/sub/pipe/pipe_icon_arrow.png") no-repeat; position: absolute; bottom: -35px; transform: rotate(90deg);}
	#exemple .exemple_content04{ padding: 15px 0;}
	#exemple .exemple_content04 ul li{ font-size: 1rem;}
	
}

@media screen and (max-width:640px){
	/* 헤더 */
	html,body,table,input,textarea  { font-size:15px;}
	/* nav .menu_top .m_logo img,
	header .logo img { width:200px; } */

	/* 메인 */
	#mainVisual .txt { font-size:2.5rem;}
	#mainContents .about .info .txt_box ul li { width:200px; height:200px;}
	#mainContents .about .info { width:auto; padding:0 15px;}
	#mainContents .about .info .txt_box .more_s2 { position:static;}
	#mainContents .about .info .txt_box ul { height:400px; max-width:420px; margin:0 auto; position:relative;}
	#mainContents .about .info .txt_box { height:auto;}
	.more_s2 a { margin:0 auto;}
	#mainContents .notice .info { width:auto; padding:0 15px; margin:0;}
	#mainContents .notice .list ul li .img { width:100px; height:100px;}
	#mainContents .notice .list ul li .txt {
		padding: 0 15px;
		width: calc(100% - 149px);
		width: -moz-calc(100% - 149px);
		width: -webkit-calc(100% - 149px);
	}
	#mainContents .notice .list ul li dl dd { min-height:inherit; max-height:40px; }
	#mainContents .technology .list ul li { width:50%;}
	#mainContents .technology .list .more_s1 { width:40px; height:40px;}
	#mainContents .notice .list ul li:after { background-size:25%;}
	.more_s1 a, .more_s1 span { background-size:30%;}

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

	/* team*/
	.sb_team ul li { width:49%; margin-right:2%; margin:10px 0;} 
	.sb_team ul li:nth-child(2n) { margin-right:0;}
	.sb_team { padding:30px 0;}
	.structure img { width:70%;  max-width:520px;}

	/* history */
	.history_certified > div > ul{ width: 400px;}

	/* bio */
	#bio .bio_content03 .bio_content03_table th{ padding: 10px 5px; line-height: 1.2;}
	#bio .bio_content03 .bio_content03_table td{ padding: 5px;}

	/*  thchnology */
	#platformc .Platformc_content01 div:first-child{ padding: 50px 10px 0 10px;}
	#platformc .Platformc_content01 div:last-child{ padding: 50px 10px 0 10px;}
	

	#team2 .info { display:block;}
	#team2 .info .img { max-width:100%; margin-top:30px;}
	#team2 .info .txt dt { font-size:26px;}
	#team2 .contents p { font-size:14px;}


	#sab .list ul {
			grid-template-columns: repeat(2,1fr);
	}
	#sab .list ul li .txt { min-height:inherit;}
	#sab .list .name { font-size:16px;}
}

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

	/* 헤더 */
	html,body,table,input,textarea  { font-size:14px;}
	/* nav .menu_top .m_logo img,
	header .logo img { width:160px; } */

	/* 메인 */
	#mainVisual .txt { font-size:2rem; line-height:1.4;}
	#mainContents .about .info .txt_box ul li { width:180px; height:180px;}
	#mainContents .notice .list ul li .img { width:70px; height:70px;}
	#mainContents .notice .list ul li .txt {
		width: calc(100% - 109px);
		width: -moz-calc(100% - 109px);
		width: -webkit-calc(100% - 109px);
	}
	#mainContents .notice .list ul li:after { width:38px; height:38px; }
	#mainContents .notice .list ul li a > div { vertical-align:top;}
	#mainContents .notice .list ul li dl dd { height:34px;}

	/* footer */
	footer #ft_top .ft_menu ul { display:block;}
	footer #ft_top .ft_menu ul li { float:none; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:10px; margin-bottom:15px;}
	footer #ft_top .ft_menu ul li:nth-child(2n) { margin-right:0; border:none; padding:0;}
		footer #ft_top .ft_menu ul li:nth-child(2n):after { display:none;}
	footer #ft_top .ft_menu ul li:last-child { width:100%; display:block;}
	footer #ft_top .ft_menu ul li:after { height:14px; margin-top:-7px;}

	/* contact */
	.contact_txt > ul{ width: 100%;}
	.contact_txt > ul > li{ text-indent: 30px;}

	/*  thchnology */
	#platformc .Platformc_content01 dd{ text-indent: 0; text-align: center;}
	#platformc .Platformc_content01 div{ width: 100%;}
	#platformc .Platformc_content01 div:last-child{ display: none;}

	/*  pipe */
	#crinical .crinical_content02 .item>ul>li:first-child{ font-size: 1rem;}
	#crinical .crinical_content02 .item>ul>li:last-child{ font-size: 1rem;}

}

@media screen and (max-width:420px){
	html,body,table,input,textarea  { font-size:13px;}
	#mainContents .notice .list ul li dl dd { height:32px; min-height:inherit;}  

	/* history  */
	.history_certified > div{ width: 95%;}
	.history_certified > div > ul{ width: 100%}
	.history_certified > div > ul > li{ padding: 0;}	
}

@media screen and (max-width:360px){
	html,body,table,input,textarea  { font-size:12px;}
}