section.intro_01 {clear:both; overflow:hidden;  width:100%;  padding:0px 0 0px 0; }

section.intro_01 p{ font-size:16px; padding-bottom:20px;}
section.intro_01 .headBox {border:1px solid #d9e2ed; background-color:#f2f6fa; padding:40px 50px;}

section.intro_01 div.pro {width:1100px; margin:0px auto 0 auto; clear:both;}
section.intro_01 div.proR {padding:50px 0 ; overflow:hidden;}

section.intro_01 div.proR div.pro_img { float:right; width:48%; text-align:center; }
section.intro_01 div.proR div.pro_txt {float:left; width:45%; text-align:right;}

section.intro_01 div.pro_img { float:left; width:48%; text-align:center; }
section.intro_01 div.pro_txt {float:right; width:45%;}
section.intro_01 div.pro_txt h2 {font-size:28px; /*font-family:"noto_m";*/ padding:20px 0;}
section.intro_01 div.pro_txt p {font-size:16px; line-height:30px; padding-bottom:20px;}
section.intro_01 div.pro_txt p.tit {font-size:20px; line-height:30px; font-weight:500; color:#0e4d99; }
section.intro_01 div.btn {padding-top:20px;}
section.intro_01 a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
section.intro_01 a:hover {	color: #333;	background-color: #f0f0f0; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
section.intro_01 {clear:both; overflow:hidden; text-align: center;  padding:35px 15px 60px 15px;  }

section.intro_01 p{ font-size:16px; padding-bottom:20px;}
section.intro_01 h3 {font-size:25px; font-weight:500; padding:0 0 15px 16px; position:relative; }
section.intro_01 h3::before {content:""; height:22px; width:4px; background-color:#555; position:absolute; top:9px;  left:0px; }
section.intro_01 .headBox {  padding:25px 25px 10px 25px; text-align:left;}

section.intro_01 div.pro {width:100%; margin:0 auto; }
section.intro_01 div.pro_img {clear:both; width:100%; }
section.intro_01 div.pro_img img {max-width:100%;}
section.intro_01 div.pro_txt {clear:both;  width:100%;}
section.intro_01 div.pro_txt h1 {font-size:25px; padding:20px 0;}
section.intro_01 div.pro_txt p {font-size:15px; line-height:30px; padding-bottom:25px;}
section.intro_01 div.proR div.pro_img { float:none; width:100%; }
section.intro_01 div.proR div.pro_txt {float:none; width:100%; text-align:center;}
section.intro_01 div.btn {padding-top:0px; margin-bottom:50px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}