#intro_01 {width:100%; overflow:hidden; padding:0;   margin:0 auto;  }
#intro_01 .sub_txt01 { padding:0 25px;}
#intro_01 p.txtP { padding-bottom:10px; font-size:40px;  line-height:45px; text-align:center;  color:#2c648e; font-weight:lighter;}
#intro_01 p.txtB { padding-bottom:30px; font-size:35px;  line-height:40px; text-align:center;  color:#2c648e; font-weight:bold;}
#intro_01 p.txtN { padding-bottom:30px; font-size:20px;  line-height:35px; text-align:center; }
#intro_01 p.txt01 { margin-top:50px; padding-bottom:30px; font-size:50px;  line-height:60px; text-align:center;  color:#c5590f; font-weight:bold;}
#intro_01 .sub_txt01 txt02 { padding-bottom:30px; font-size:80px;  line-height:90px; text-align:center;  color:#c5590f; font-weight:bold;}
#intro_01 p.txt03 { padding-bottom:40px; font-size:45px;  line-height:50px; text-align:center;  color:#bf9000; font-weight:bold;}
#intro_01 .sub_txt01 txt04 { padding-bottom:40px; font-size:40px;  line-height:50px; color:#bf9000; text-align:center;  font-weight:lighter; text-decoration:underline;}
#intro_01 .sub_txt01 txt06 {  padding-bottom:30px; font-size:20px;  line-height:60px; }
#intro_01 .sub_txt01 h2 { padding:0 0 20px 16px;  font-size:30px;  line-height:40px; position:relative;}
#intro_01 .sub_txt01 h2::before {content: "";    height: 30px;    width: 7px;    background-color: #bf9000;    position: absolute;    top: 6px;    left: 0px;}
#intro_01 .sub_txt01 h4 { padding:0 0 0 16px;  font-size:30px;  line-height:40px; position:relative;}
#intro_01 .sub_txt01 h4::before {content: "";    height: 30px;    width: 7px;    background-color: #bf9000;    position: absolute;    top: 6px;    left: 0px;}
#intro_01 h3 {font-size:30px; padding:0 0 20px 16px; position:relative; }
#intro_01 h3::before {content: "";    height: 30px;    width: 7px;    background-color: #f38f1f;    position: absolute;    top: 6px;    left: 0px;}


section.intro_01 {clear:both; overflow:hidden;  width:100%;  padding:50px 0 80px 0; }
section.intro_01 div.pro {width:1100px; margin: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:50%; }
section.intro_01 div.proR div.pro_txt {float:left; width:45%; text-align:right;}

section.intro_01 div.pro_img { float:left; width:50%; }
section.intro_01 div.pro_txt {float:right; width:45%;}
section.intro_01 div.pro_txt h2 {font-size:26px; /*font-family:"noto_m";*/ padding:20px 0;}
section.intro_01 div.pro_txt p {font-size:15px; line-height:30px; padding-bottom:20px;}
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 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:42px;}
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) {
}