/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #sub6-2      { overflow          : hidden;}
   #sub6-2 .topText
                { width             : 90%;              height              : auto;              display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           text-align          : center;           margin-top          : 1.5em;}
   #sub6-2 .topText .topTit
                { font-size         : 1.32em;            font-weight         : 800;              color               : #980000;}
   #sub6-2 .topText .text
                { word-break        : keep-all;         color               : #333333;}                
   #sub6-2 .topText .text span
                { line-height       : inherit;          padding             : 0.1em;            background          : #980000;          color               : #fff;}
   #sub6-2 .first
                { background        : #f7f7f7;          padding-bottom      : 6em;}
   #sub6-2 .first .list
                { width             : 100%;             height              : auto;             padding             : 2em 0;            display             : flex;
                  align-items       : center;           justify-content     : center;           position            : relative;}           
   #sub6-2 .first .list .back
                { width             : 39%;              height              : calc(100% - 4em); background          : #fff;             position            : absolute;
                  bottom            : 0;                z-index             : 0;}             
   #sub6-2 .first .list .back.left
                { left              : 0;}             
   #sub6-2 .first .list .back.right
                { right             : 0;}             
   #sub6-2 .first .list .listInnerWrap
                { width             : 90%;              height              : auto;             display             : flex;             gap                 : 8%;
                  align-items       : center;           justify-content     : center;           max-width           : 1100px;           z-index             : 1;
                  position          : relative;}          
   #sub6-2 .first .list .listInnerWrap .contWrap
                { width             : 50%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;}               
   
   #sub6-2 .first .list .listInnerWrap .contWrap .imgBox
                { width             : 100%;             height              : auto;             aspect-ratio        : 500 / 330;}
   #sub6-2 .first .list .listInnerWrap .contWrap .imgBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}             
   #sub6-2 .first .list .listInnerWrap .contWrap .textBox
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : flex-start;
                  justify-content   : center;           flex-direction      : column;           gap                 : 0.8em;}
   #sub6-2 .first .list .listInnerWrap .contWrap .textBox .textTit
                { color             : #333333;          font-weight         : 800;              word-break          : keep-all;}
   #sub6-2 .first .list .listInnerWrap .contWrap .textBox .line
                { width             : 1.5em;            height              : 2px;              background          : #cbcbcb;}             
   #sub6-2 .first .list .listInnerWrap .contWrap .textBox .text            
                { color             : #555555;          word-break          : keep-all;}        
                
@media(max-width : 640px){                 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #sub6-2 .first 
                { gap               : 2em;}
   #sub6-2 .first .list .back
                { width             : 100%;             height              : 65%;}
   #sub6-2 .first .list .listInnerWrap
                { flex-direction    : column;           gap                 : 1em;}       
   #sub6-2 .first .list.reverse .listInnerWrap
                { flex-direction    : column-reverse;}
   #sub6-2 .first .list .listInnerWrap .contWrap
                { width             : 100%;}     
                
                
                                 
}