/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-2 .sectionWrap.first
                { padding           : 2em 0 8em;}
   #sub3-2 .sectionWrap.first .wrap
                { max-width         : 1200px;}
   #sub3-2 .sectionWrap.first .wrap .contWrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(3,calc(calc(100% - 4em) / 3));
                  gap               : 2em;              }              
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           grid-column         : 2 / 3;}             
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .imgWrap
                { width             : 80%;              height              : auto;             max-width           : 260px;            position            : relative;
                  z-index           : 2;}             
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .imgWrap img
                { width             : 100%;             height              : auto;}             
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           background          : #f7f7f7;          padding             : 2em 0 1em;
                  margin-top        : -1.2em;             position            : relative;         z-index           : 1;}
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox p
                { font-size         : max(13px,0.75em);  line-height        : 1em;             display             : flex;             align-items          : center;
                  justify-content   : center;           margin-bottom       : 1em;}   
   #sub3-2.en .sectionWrap.first .wrap .contWrap .contBox .downBox p
                { font-size         : max(13px,0.9em);}                           
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox p img
                { height            : 1.6em;}
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox a
                { font-size         : 14px;             color               : #fff;             line-height         : 1em;              padding             : 0.6em 3em;
                  background        : #898989;          border-radius       : 27px;             transition          : .2s;}               
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox a:hover
                { background        : #333;             transition          : .2s;}
                
                
                
@media(max-width : 1024px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-2 .sectionWrap.first .wrap .contWrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(3,calc(calc(100% - 2.4em) / 3));
                  gap               : 1.2em;              }        
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox p
                { font-size         : max(13px,0.7em);} 
    
    
}

@media(max-width : 768px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-2 .sectionWrap.first .wrap .contWrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : 100%;
                  gap               : 4em;              justify-items       : center;}        
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox
                { max-width         : 350px;}
    
    
}                
                
@media(max-width : 640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */    
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox
                { max-width         : 280px;}
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .imgWrap    
                { width             : 60%;} 
   #sub3-2 .sectionWrap.first .wrap .contWrap .contBox .downBox
                { padding           : 3em 0 1.5em;      margin-top          : -1.5em;}
                         
}