.mobile_display { display: none; }

#introduce_company .introduce_company_Wrap { width: 1000px; margin: 0 auto;   }
#introduce_company .introduce_company_Wrap h1 { font-size: 38px; font-weight: bold; color: #333; border-left: 10px solid #d96b2b; text-indent: 20px; margin: 60px 0; }
#intro_video video { width: 100%; }
.intro_text { padding: 50px 0; }
.intro_text figure { float: right; margin-right: 45px; text-align: center; color: #000; font-size: 24px; font-weight: bold;}
.intro_text figcaption span { font-size: 18px; color: #222;}
.intro_text p { margin: 0 45px 16px 21px; line-height: 24px; font-size: 16px; }

.intro_img { width: 1000px; margin: 0 auto; text-align: center; clear:both; height: 200px; overflow: hidden;  padding: 50px 0; }
.intro_img li { float: left; width: 32%; height: 200px; position: relative; padding: 2px; overflow: hidden; }
.intro_img img { 
	width: 100%; 
	height: 214px;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.intro_img img:hover {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);	
}


.intro_company_info {
  width: 100%;
  margin: 0 auto 50px;
  padding: 20px 0;
  border-top: 2px solid #bdbdbd;
  border-bottom: 2px solid #bdbdbd;
}
.intro_company_info:after {
	content:"";
	display: block;
	clear: both; 
}
.intro_company_info li { float: left; width: 20%; text-align: center; }
.intro_company_info dt { text-align: center; }
.intro_company_info dt img { width: 50px;}
.intro_company_info dd { margin: 0; font-size: 14px;}
.intro_company_info dd a { color: #000; }
.intro_company_info dd:first-of-type { font-weight: bold; padding: 10px 0; font-size: 16px; }
.intro_company_info:after { content: ""; clear: both;}

h2 { clear: both; border-left: 5px solid #d96b2b; text-indent: 10px; margin: 10px 0; }
.moto_p { padding-bottom: 40px; font-size: 20px; }
.moto_img { width: 75px; }
.moto_ul { float: left; width: 33.3%; text-align: center; }
.moto_ul li:nth-child(2) { padding: 10px 0; font-weight: bold; font-size: 20px;}
.highlight { background: rgba(217,107,43,0.2);}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 모바일 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 720px){
	
	#introduce_company .introduce_company_Wrap { width: auto; }
	.intro_img { width: auto; }
	
	#introduce_company .introduce_company_Wrap h1 {
	 margin: 20px; 
	 font-size: 26px; 
	}
	
	.intro_text { padding: 10px 0; }
	.intro_text figure { display: none; }
	.intro_text p { margin: 0 15px; }
	.mobile_display { display: block; text-align: right; }
	.mobile_display span { font-weight: bold; }
	
	h2 { margin: 10px 20px; font-size: 20px; }
	.moto_p { font-size: 16px; text-indent: 5px; }
	.moto_img { width: 55px; } 
	.moto_ul li:nth-child(2) { font-size: 16px; }
	.moto_ul li { font-size: 14px; }
	.intro_img { height: inherit; }
	.intro_img li { width: 100%; }
	.intro_img:after{ display: block; content:""; clear:both; }
	
	.intro_company_info { 
		border-top: 2px solid #d96b2b;
    	border-bottom: 2px solid #d96b2b;
    	padding: 10px 0;
	}
	.intro_company_info dt { display: none; }
	.intro_company_info dd { float: left;  }
	.intro_company_info dd:first-of-type { width: 30%; text-align: center;  }
	.intro_company_info dd:last-of-type { width: 69%; text-align: left; padding: 10px 0; }
	.intro_company_info li { width: 100%; }
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 탭 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1250px) and (min-width: 721px) {
	#introduce_company .introduce_company_Wrap { width: 95%; }
	.intro_img { width: 100%; }
}