.academy .txtPink {color:#2E2547 !important;}
.academy .txtPink2 {color:#453772 !important;}
.academy .txtPink3 {color:#5E5472 !important;}
.academy .bgPink { background:#ffc7d3 !important;   }
.academy .bgPink2 { background:#ffeef3 !important;   }
.academy .bgPink3 { background:#ffc7d3 !important;   }
.academy .bgPink4 { background:#e51354 !important; color:#fff !important;   }
.academy .bgPink5 { background:#edc8d2 !important;}
.academy .bgYellow {background:#d2dd8e !important;}
.academy .lineL {border-left:1px solid #5E5472 !important }
.academy  .flex3 .itemPink li:nth-of-type(odd) {background-color:#ffeef3 !important; }

.academy .head {text-align:center; font-weight:600; font-size:35px; line-height:40px; padding-bottom:10px }
.academy .flex4{display:flex; flex-wrap: wrap;  justify-content: space-between;  padding:18px 0 ;  }
.academy .flex4 .item4{ width:31%; padding:38px;  }
.academy .flex4 .item4 .tit {font-size:35px; line-height:42px; font-weight:600; padding-bottom:50px}
.academy .flex4 .item4:nth-of-type(2) .tit {font-weight:500}
.academy .flex4 .item4 .txt {font-size:25px; line-height:30px;}

.academy .txtBora {color:#2E2547 !important;}
.academy .txtBora2 {color:#453772 !important;}
.academy .txtBora3 {color:#5E5472 !important;}
.academy .bgBora { background:#EBE1FF !important;   }
.academy .bgBora2 { background:#EEEAF4 !important;   }
.academy .bgBora3 { background:#E3D7F2 !important;   }

.academy .txtGreen {color:#042D27 !important;}
.academy .txtGreen2 {color:#465653 !important;}
.academy .txtGreen3 {color:#465653 !important;}
.academy .txtGreen4 {color:#004940 !important;}
.academy .txtGreen5 {color:#5C6D6B !important;}
.academy .txtGreen6 {color:#042D27 !important;}
.academy .bgGreen { background:#CAEAE4 !important;   }
.academy .bgGreen2 { background:#E9F4F2 !important;   }
.academy .bgGreen3 { background:#CAEAE4 !important;   }

.academy .txtGray { color:#6D6F72 !important;   }
.academy .bgGray { background:#F2F2F2 !important;   }
.academy .lineBora { background:#5E5472 !important;   }

.academy .txtBlue {}
.academy .txtBlue2 {color:#5C5F66 !important;}
.academy .txtBlue3 {color:#2B3889 !important;}
.academy .bgBlue { background:#E1E5F1 !important;   }
.academy .bgBlue2 { background:#EEF1F8 !important;   }
.academy .bgBlue3 { background:#C8CFE1 !important;   }

.mgT80 {margin-top:80px}
.mgT100 {margin-top:100px}
.mgT130 {margin-top:130px}
.mgT150 {margin-top:180px}

.academy {width:100%; }
.academy img {max-width:100%;}
.academy .txt1{width:100%; font-size:20px; line-height:32px; text-align:center; margin-bottom:25px; font-weight:500  }
.academy .txt1 span {color:#8035A6}
.academy .txt2{width:100%; font-size:18px; line-height:30px; text-align:center; margin:20px 0 80px 0; color:#6D6F72  }
.academy .txt3{width:100%; font-size:20px; line-height:32px; text-align:center; margin-bottom:80px; color:#5C5F66 }

.academy h3 {font-size:22px; font-weight:600; padding:20px 25px 10px 25px; background:#E1E5F1; border-radius:10px;
display:inline-block;  }
.academy  .h3Txt {display:inline-block; font-size:15px; line-height:22px; vertical-align:middle; font-weight:500; padding-left:30px; color:#5E5472;} 
.academy .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between;  padding:38px 0 120px 0; color:#606060; }
.academy .flex2 .item{ width:31.5%; padding:0px 0px;  }
/*.academy  .flex2 .item .tit {font-size:18px; line-height:28px; padding:10px 10px 5px 10px ; background:#381251; color:#fff;   }*/
.academy  .flex2 .item img {border-radius:38px}
.academy  .flex2 .item .txt { padding: 22px 20px 0 30px; }
.academy  .flex2 .item .txt ul li{display:block; font-size:16px; padding-left:18px; line-height:28px;  font-weight:500; position:relative  }
.academy  .flex2 .item .txt ul li::before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 3px; top: 7px;   border-radius: 50%;}

div.table_wrap {margin:42px 0 0 0;}
table {border-collapse; collapse; border-spacing:0; }
table.table_common caption {font-size:0px; width:0px; height:0px; text-indent:-9999px; overflow:hidden;}
table.table_common { width:100%; border-bottom:1px solid #5E5472;}
table.table_common th,table.table_common td {border-top:1px solid #5E5472; border-left:1px solid #5E5472; 
text-align:center; font-size:18px; line-height:28px;}
table.table_common th {padding:22px 20px 14px 20px; }
table.table_common td { padding:18px 20px 10px 20px; }
table.table_common td.alignL {text-align:left; padding-left:50px; padding-right:30px}
table.table_common td:first-child,table.table_common th:first-child {border-left:none;}
table.table_common td ul li{display:block; padding-left:15px; line-height:30px; font-weight:500; position:relative  }
table.table_common td ul li::before { content: "";  width: 3px; height: 3px; background-color: #555;  position: absolute; left: 3px; top: 10px;   border-radius: 50%;}

.academy .txt4 { padding: 22px 20px 0 10px; }
.academy .txt4 ul li{display:block; font-size:15px; color:#465ABC; padding-left:20px; line-height:28px;  font-weight:500; position:relative  }
.academy .txt4 ul li::before { content: "";  width: 5px; height: 5px; background-color: #465ABC;  position: absolute; left: 3px; top: 7px;   border-radius: 50%;}


.academy .flex3{display:flex; flex-wrap: wrap; flex-direction: column;  padding:30px 10px 0px 0; align-items: center; }
.academy .flex3 .item{ width:100%; padding:12px 0px; text-align:left;  }
/*.academy .flex3 .item .tit {font-size:30px; line-height:35px; padding:0 ;color:#381251; font-weight:600; }*/
.academy  .flex3 .item .txt {display:block; font-size:17px; line-height:35px; padding:0px 0 0 0;  font-weight:500;  }
.academy  .flex3 .item li {padding:25px 10px 15px 70px; background:url(../img/arrow_bora.png)no-repeat 35px center; background-size:14px; }
.academy  .flex3 .blue_ico li { background:url(../img/arrow_blue.png)no-repeat 35px center;  background-size:16px; }
.academy  .flex3 .green_ico li { background:url(../img/arrow_green.png)no-repeat 35px center;  background-size:16px; }
.academy  .flex3 .item li:nth-of-type(odd) {background-color:#efefef; border-radius:10px}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.mgT80 {margin-top:50px}
.mgT100 {margin-top:60px}
.mgT130 {margin-top:70px}
.mgT150 {margin-top:90px}

.academy .head {font-size:28px; line-height:35px; padding-bottom:10px }
.academy .flex4{ padding:18px 0 ;  }
.academy .flex4 .item4{ width:33%; padding:10px;  }
.academy .flex4 .item4 .tit {font-size:16px; line-height:22px; padding-bottom:10px}
.academy .flex4 .item4 .txt {font-size:14px; line-height:18px;}

.academy .txt1{ font-size:16px; line-height:25px;margin-bottom:20px  }	
.academy .txt2{ font-size:15px; line-height:22px;margin-bottom:40px  }	

.academy h3 {font-size:20px;  padding:11px 20px 10px 20px; border-radius:10px;  }
.academy  .h3Txt {display:block; font-size:15px; line-height:22px; padding-left:0px; padding-top:15px; font-weight:500 } 

.academy .flex2{flex-direction: column;   padding:30px 0 20px 0;  }
.academy .flex2 .item{ width:100%; padding:0px 0px 30px 0;  }
.academy  .flex2 .item img {border-radius:25px}
.academy  .flex2 .item .txt { padding: 10px 0 0 0; }
.academy  .flex2 .item .txt ul li{ font-size:16px; padding-left:15px; line-height:25px; }
.academy  .flex2 .item .txt ul li::before { width: 3px; height: 3px; left: 3px; top: 7px;  }

div.table_wrap {margin:25px 0 0 0;}
table.table_common th,table.table_common td { font-size:13px; line-height:20px;}
table.table_common th {padding:10px 5px 5px 5px; }
table.table_common td { padding:10px 5px 5px 5px; }
table.table_common td.alignL {text-align:left; padding-left:5px; padding-right:5px}
table.table_common td ul li{display:block; padding-left:10px; line-height:20px; font-weight:500; position:relative  }
table.table_common td ul li::before {  width: 2px; height: 2px; left: 2px; top: 5px; }


.academy .flex3{ padding:15px 0 0 0;  }
.academy .flex3 .item{ padding:15px 0px 0 0; text-align:left;  }
.academy .flex3 .item .tit {font-size:20px; line-height:25px; }
.academy  .flex3 .item .txt {display:block; font-size:15px; line-height:20px; }
.academy  .flex3 .item li {padding:15px 10px 6px 30px; background-position: 10px center; background-size:12px; }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}