/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3A_slide
                { width             : 100%;             height              : auto;             font-family         : "nanum_square";   font-size           : min(1.7vw,22px);
                  display           : flex;             justify-content     : center;           align-items         : center;           margin              : 4.5em 0 5em;                        }
   #division3A_slide .wrap
                { width             : 95%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;           max-width           : 1800px;}
   #division3A_slide .titWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;}           
   #division3A_slide .titWrap .bigTit
                { font-size         : 2.5em;            color               : #e5e5e5;          font-weight         : 300;}               
   #division3A_slide .titWrap .bigTit span
                { font-weight       : 800;}               
   #division3A_slide .titWrap .line
                { width             : 5em;              height              : max(2px,0.3em);   background          : #e5e5e5;          margin-bottom       : 1em;}  
   #division3A_slide .titWrap .subTit
                { color             : #555555;          word-break          : keep-all;         text-align          : center;}             
   #division3A_slide .titWrap .hash
                { color             : #cccccc;          font-weight         : 700;}
   #division3A_slide .slideWrap
                { width             : 100%;             height              : auto;             margin-top          : 1.5em;}            

   #division3A_slide .slideWrap .contentBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  background        : #f7f7f7;          transition          : .2s;}             
   #division3A_slide .slideWrap .contentBox:hover
                { background        : #664024;          transition          : .2s;}
                
   #division3A_slide .slideWrap .contentBox .imgWrap
                { width             : 100%;             height              : auto;             aspect-ratio        : 574 / 381;}                                       
   #division3A_slide .slideWrap .contentBox .imgWrap img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}               
   #division3A_slide .slideWrap .contentBox .infoWrap
                { width             : 100%;             height              : auto;             padding             : 1em;          display             : flex;
                  flex-direction    : column;           align-items         : center;}                  
   #division3A_slide .slideWrap .contentBox .infoWrap .name
                { font-size         : 1.05em;            font-weight       : 700;              line-height         : 1em;          
                  margin-bottom     : 0.5em;            transition          : .2s;}               
   #division3A_slide .slideWrap .contentBox .infoWrap .descript        
                { font-size         : 0.9em;            font-weight         : 300;              word-break          : keep-all;     transition          : .2s;}       
   #division3A_slide .slideWrap .contentBox .infoWrap .descript span
                { font-weight       : 700;}               
   #division3A_slide .slideWrap .contentBox:hover .name,                
   #division3A_slide .slideWrap .contentBox:hover .descript
                { color             : #fff;}
                  
@media (max-width:1024px){
  #division3A_slide
                { font-size         : min(2vw,20px);  margin             : 3.5em 0 4em;}              
}                  
                  
@media (max-width : 640px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3A_slide
                { font-size         : min(3.5vw,16px);    margin             : 3.5em 0 4em;}
   #division3A_slide .titWrap .bigTit
                { font-size         : 2em;}
   #division3A_slide .slideWrap
                { width             : 80%;              max-width         : 400px;}   
   #division3A_slide .slideWrap .contentBox .infoWrap .name
                { margin-bottom     : 0.3em;}                       
}