/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub2-1      { overflow          : hidden;}
   #sub2-1 .first
                { gap               : 1em;              padding-bottom      : 8em;              margin-top          : 0;}
   #sub2-1 .first .contWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           padding             : 2em 0;            position            : relative;}
   #sub2-1 .first .contWrap .back
                { width             : 45%;              height              : calc(100% - 4em); position            : absolute;         bottom              : 0;
                  background        : #f7f7f7;          z-index             : 1;                left                : 0;} 
   #sub2-1 .first .contWrap:nth-child(2) .back
                { right             : 0;                left                : unset;}
   #sub2-1 .first .contWrap .contBox
                { width             : 90%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           gap                 : 5%;               max-width           : 1400px;           position            : relative;
                  z-index           : 2;}                  
   #sub2-1 .first .contWrap .contBox .imgWrap,               
   #sub2-1 .first .contWrap .contBox .textWrap
                { width             : calc(50% - 2.5%);              height              : auto;             display             : flex;             align-items         : center;
                  }
   #sub2-1 .first .contWrap .contBox .imgWrap .swiper
                { width             : 100%;             max-width           : 500px;            aspect-ratio        : 500 / 330;        margin              : 0;}
                                                     
   #sub2-1 .first .contWrap .contBox .left
                { justify-content   : flex-end;}
   #sub2-1 .first .contWrap .contBox .right
                { justify-content   : flex-start;}        
   #sub2-1 .first .contWrap .contBox .imgBox
                { width             : 100%;             height              : auto;             max-width           : 500px;            aspect-ratio        : 500 / 330;}             
   #sub2-1 .first .contWrap .contBox .imgBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}             
   #sub2-1 .first .contWrap .contBox .textWrap
                { display             : flex;             }                                    
   #sub2-1 .first .contWrap .contBox .textWrap.right
                { padding-left      : 2.5%;}         
   #sub2-1 .first .contWrap .contBox .textWrap.left
                { padding-right     : 2.5%;}              
   #sub2-1 .first .contWrap .contBox .textWrap .textWrapInner 
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 0.8em;}                               
   #sub2-1 .first .contWrap .contBox .textWrap .textTit
                { line-height       : 1em;              font-weight         : 800;              color               : #333;}    
   #sub2-1 .first .contWrap .contBox .textWrap .textListWrap
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 0.5em;            padding-left        : 0.5em;}
   #sub2-1 .first .contWrap .contBox .textWrap .textListWrap .textList                 
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 0.3em;            }               
   #sub2-1 .first .contWrap .contBox .textWrap .textListWrap .textList .listTit                            
                { color             : #555555;          word-break          : keep-all;}    
   #sub2-1 .first .contWrap .contBox .textWrap .textListWrap .textList .textBox             
                 { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 0.4em;             margin-left        : 0.25em;
                  padding           : 0.25em 0em 0.45em 0.5em;  border-left  : 2px solid #cccccc;}
                 
                 
                 
                 
                 
@media(max-width : 767px){                 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub2-1 .first
                { gap               : 4em;}
   #sub2-1 .first .contWrap .back
                { width             : 100%;             height            : 65%;}
   #sub2-1 .first .contWrap .contBox
                { flex-direction    : column;           max-width           : 500px;            gap                 : 1.5em;}              
   #sub2-1 .first .contWrap:nth-child(2) .contBox
                { flex-direction    : column-reverse;} 
   #sub2-1 .first .contWrap .contBox .imgWrap
                { width             : 100%;             justify-content     : center ! important;}
   #sub2-1 .first .contWrap .contBox .textWrap
                { width             : 100%;             justify-content     : flex-start ! important;}                   
   #sub2-1 .first .contWrap .contBox .textWrap.left,
   #sub2-1 .first .contWrap .contBox .textWrap.right
                { padding           : 0;                padding-left        : 2.5%;}                                           
                 
                   
}
                 
@media(max-width : 640px){                 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub2-1 .first 
                { padding-bottom    : 3em;}                                
                 
                   
}