#charactor {width:100%; margin:0 auto; overflow:hidden;}

#charactor p.txtTitle { text-align: center; font-size: 50px; font-weight: bold; line-height: 50px; margin: 50px auto 80px; }
#charactor p.txtTitle span { font-weight: 300 !important; font-size: 20px; color: #888; }
#charactor div.bar { width: 30px; height: 2px; background-color: #E00C14; margin: 100px auto; }

#charactor div.imgbox { width: 100%; margin: 80px auto 0; overflow: hidden; clear: both; }
#charactor div.imgbox p { width: 50%; float: left; }
#charactor div.imgbox:nth-child(2) { margin-top: 120px; }
#charactor div.imgbox p.crtImg { text-align: center; }
#charactor div.imgbox p.crtText { width: 50%; font-size: 20px; color: #000; line-height: 30px; margin: 140px auto 0; text-align: center; word-break: break-all; }
#charactor div.imgbox p.crtText span { display: block; padding: 0 30px 0; }

#charactor div.box100 p { width: 100%; float: none; }
#charactor div.box100 p.crtImg { margin: 50px auto 100px; }
#charactor div.box100 p.crtImg img { width: 100%; }
#charactor div.box100 p.crtText { width: 100%; }
#charactor div.boxL p { float: right; }
/*#contentWrap #content img { width: 100% !important; }*/
#charactor div.imgbox p.crtText span img { height: 80px !important; }



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
  #charactor {width:100%; }	
  #charactor div.icoBox {padding:0 15px;}
  #contentWrap #content img { width: 100% !important; }
  #charactor div.imgbox p.crtText { margin: 20px auto 0; }
  #charactor div.imgbox p.crtText span img { width: unset !important; height: 60px !important; }
  #charactor div.imgbox p.crtImg {  }

}
@media (max-width: 768px) {
  #charactor p.txtTitle { font-size: 40px; margin: 20px auto 80px; }
  #charactor p.txtTitle span { font-size: 18px; line-height: 20px; display: block; margin-top: 10px; }
  #charactor p.txtTitle span.second { margin-top: 0; }

  #charactor div.box100 p.crtImg { margin: 0 auto 30px; }
  #charactor div.box100 p.crtImg img { width: 100%; }
  #charactor div.imgbox p.crtText { font-size: 18px; line-height: 28px; font-weight: 400; margin: 40px auto 0; text-align: justify; text-align-last: center; word-break: break-all;  }
  #charactor div.imgbox p.crtText span {}
  #charactor div.imgbox p { width: 100%; float: none; }
  #charactor div.imgbox p.crtText { width: 100%; padding: 0 5px; }
  #charactor div.imgbox p.crtText span{ padding: 0; margin: 0 auto; display: inline; }

  #charactor div.imgbox p.crtText span.crtName { display: block; width: 100%; }
  #charactor div.imgbox p.crtText span.crtName img { height: 50px; }
  #charactor div.imgbox p.crtText span img { height: 50px !important; }

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