#rnd {width:100%; }
#rnd .flex {display:flex;flex-wrap: wrap; justify-content:  space-between;   }
#rnd .flex .al_cen_img	{width:100%; text-align:center; margin:0 auto; padding: 60px 0 0 0}
#rnd .flex .al_cen_text	{width:100%; padding: 40px 0; font-size: 20px;  line-height:30px;}
#rnd .flex .item {width:48%;  padding:10px 0}
#rnd .flex .item img {max-width:100%; vertical-align:top;}
#rnd .flex .item span{display:block; text-align:center; padding:10px 0 35px 0; font-size:18px;}


#rnd .cont2 {padding-top:120px; clear:both}
#rnd .cont2 .floatR {width:75%; border-top:0px solid #333; margin-top:5px }
#rnd .floatL {width:25%;  xxborder:1px solid green; font-size:30px; line-height:40px; font-weight:600; padding-left:40px }
#rnd .al_cen {text-align:center}
#rnd .floatR {width:75%; xxborder:1px solid red;}
#rnd .cont .floatR span,
#rnd .floatR  ul {padding:14px 0; }
#rnd .floatR .txt2 {font-weight:600; font-size:25px; padding: 0 0 18px 0}
#rnd .floatR .tit3,
#rnd .floatR .txt3 {font-size:16px;  border-bottom:1px solid #dfdfdf; }
#rnd .floatR .txt{display:flex; flex-wrap: wrap;  justify-content: space-between; }
#rnd .floatR .point  {border-bottom:2px solid #333;}
#rnd .floatR .tit3 {width:25%; padding-left:30px; color:#222; font-weight:600; text-align:left;   }
#rnd .floatR .txt3 {color:#111; width:75%; font-weight:400;line-height: 27px;}
#rnd .floatR .txt3 a {display:inline-block; background:#0863AF; color:#fff; margin-right:10px; padding:10px 30px; border-radius:50px}
#rnd .line3 {border-top: 3px solid #111;  margin-top:20px;}
#rnd h3 {font-size: 30px;     font-weight: 600;}


#ideology {width:100%; }
#ideology .cont .sub_tit {font-size:30px; font-weight:600; line-height:40px; padding:30px 0 50px 40px}
#ideology .cont .pc .item {padding:0 150px;text-align:center;}
#ideology .cont .pc .item img {max-width:100%; vertical-align:top;text-align:center;}
#ideology .cont .pc{display:block}
#ideology .cont .mobile{display:none}

#ideology .cont2 {padding-top:120px; clear:both}
#ideology .cont2 .sub_tit {font-size:30px; font-weight:600; line-height:40px; padding:30px 0 50px 40px}
#ideology .cont2 .tit {font-size:25px; font-weight:600;  line-height:40px; clear:both; padding-left:40px; padding-bottom:20px}
#ideology .flex {padding:0 40px;  display:flex;flex-wrap: wrap; justify-content:  space-between; }
#ideology .flex .item {width:32%}
#ideology .flex .item img {max-width:100%; vertical-align:top;text-align:center;}
#ideology .flex .item span{display:block; text-align:center; padding:10px 0 50px 0; font-size:16px;line-height: 23px}

#history {width:100%; }
#history .sub_tit {font-size:30px; font-weight:600; padding:30px 0 50px 40px}
#history .flex {display:flex;flex-wrap: wrap; justify-content:  space-between;   }
#history .cont .floatL {width:30%; font-size: clamp(15px, 5vw, 30px);  font-weight:600; color:#1a5daa; text-align:right; padding: 0 20px 30px 0;}
#history .cont .floatR {width:70%; line-height:30px; padding:0 0 30px 20px}
#history .cont .year {clear:both; }
#history .cont .floatR ul.txt3 li {font-size: clamp(4px, 5vw, 16px); }
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#rnd .flex {display:flex;flex-wrap: wrap; justify-content:  space-between;   }
#rnd .flex .item {width:100%; }
#rnd .flex .item img {max-width:100%; vertical-align:top;}
#rnd .flex .item span{display:block; text-align:center; padding:10px 0 25px 0; font-size:16px;}
#rnd .cont2 {padding-top:80px; clear:both}
#rnd .cont2 .floatR {width:100%; border-top:0px solid #333; margin-top:5px }

#rnd .cont2 {margin-top:0px;}
#rnd .floatL {width:100%; padding:0 0 10px 0;  font-size:20px; line-height:20px;}
#rnd .floatR {width:100%;}
#rnd .floatR .space {display:none; }
#rnd .cont .floatR span,
#rnd .floatR  ul {padding:5px 0;}
#rnd .floatR .txt {padding:10px ; border-bottom:1px solid #dfdfdf;}
#rnd .floatR .txt2 {font-weight:600; font-size:18px; padding: 0 0 10px 0}
#rnd .floatR .point  {border-bottom:2px solid #333;}
#rnd .floatR .tit3,
#rnd .floatR .txt3 {font-size:15px; line-height:25px;  width:100%; text-align:left; border:0; }
#rnd .floatR .tit3 { padding-left:0px; display:block }
#rnd .floatR .point  {font-weight:600; font-size:25px  }
#rnd .floatR .txt3 a { background:#0863AF; color:#fff; margin-right:5px; margin-bottom:5px; padding:8px 12px; font-size:13px}

#ideology .cont .pc{display:none}
#ideology .cont .mobile{display:block}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
#rnd .flex .al_cen_img	{width:100%; text-align:center; margin:0 auto; padding: 20px 0 0 0}
}
@media (max-width: 480px) {
#history .sub_tit {font-size:20px; font-weight:600; padding:30px 0 50px 10px}
#history .cont .floatL {width:15%; font-size: clamp(15px, 5vw, 20px);  font-weight:600; color:#1a5daa; text-align:right; padding: 0 0 30px 0;}
#history .cont .floatR {width:85%; line-height:25px; padding:0 0 30px 20px}
#history .cont .floatR ul.txt3 li {font-size: clamp(4px, 5vw, 14px); }

#ideology .cont .sub_tit,
#ideology .cont2 .sub_tit {font-size:20px; font-weight:600; padding:30px 0 10px 10px}
#ideology .cont .item {padding:0 10px;text-align:center;}
#ideology .cont2 {padding-top:50px; clear:both}
#ideology .cont2 .tit {font-size:18px; font-weight:600;  line-height:40px; clear:both; padding-left:10px; padding-bottom:0px}
#ideology .flex {padding:0 10px;}
#ideology .flex .item {width:48%}
#ideology .flex .item span{display:block; text-align:center; padding:10px 0 10px 0; font-size:12px;line-height: 18px}
}
@media (max-width: 320px) {
}