/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .sub_intro   { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           font-size           : min(1.4vw,16px);  flex-direction      : column;           margin              : 7em 0 10em;}
   .sub_intro .mainImg
                { width             : 80%;              height              : auto;             max-width           : 250px;            position            : relative;
                  z-index           : 2;                filter              : drop-shadow(0px 0px 10px #989898bf);}                  
   .sub_intro .textWrap
                { width             : 100%;             height              : auto;             display             : flex;
                  align-items       : center;           justify-content     : center;           padding             : 9em 0 5em;    
                  margin-top        : -6.5em;             background          : #f7f7f7;          position            : relative;         z-index             : 1;}               
   .sub_intro .textWrap .innerWrap
                { width             : 90%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           max-width           : 770px;}
   .sub_intro .textWrap .innerWrap .textBox                              
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           flex-direction      : column;
                  gap               : 1.5em;}
   .sub_intro .textWrap .innerWrap .textBox p
                { line-height       : 1.8em;            word-break          : keep-all;         color               : #323232;}
   .sub_intro .textWrap .innerWrap .textBox p span
                { line-height       : inherit;          background          : #6892c4;          color               : #fff;}
   .sub_intro .textWrap .innerWrap .textBox .ceoWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           }
   .sub_intro .textWrap .innerWrap .textBox .ceoWrap .logo
                { height            : 2.7em;}
   .sub_intro .textWrap .innerWrap .textBox .ceoWrap .ceo
                { font-weight       : 500;              line-height         : 1em;              margin              : 0 0.2em 0 0.8em;}                               
   .sub_intro .textWrap .innerWrap .textBox .ceoWrap .ceoLogo
                { height            : 1.7em;}              

@media(max-width : 1024px){                 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .sub_intro  { font-size          : min(2.2vw,15px);}             
                   
                   
}

@media(max-width : 640px){                 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .sub_intro  { font-size          : 13px;             margin             : 5em 0 7em;}             
   .sub_intro .mainImg 
                { max-width         : 200px;}       
                      
                   
}