/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-2 .articleWrap
                { padding           : 4em 0;            background          : linear-gradient(to bottom, #f7f7f7 45%, #fff 45%);
                  gap               : 1.6em;}
   #sub1-2 .articleWrap .contTitWrap
                { width             : 90%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 1.2em;}
   #sub1-2 .articleWrap .contTitWrap .contTitBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 0.5em;}
   #sub1-2 .articleWrap .contTitWrap .contTitBox img
                { height            : 1.7em;            opacity             : .3;}                  
   #sub1-2 .articleWrap .contTitWrap .contTitBox .engTit
                { font-size         : 1.2em;            line-height         : 1em;              font-weight         : 300;              opacity             : .3;}
   #sub1-2 .articleWrap .contTitWrap .contTitBox .engTit span
                { font-weight       : 800;              line-height         : inherit;          color               : #980000;}                
   #sub1-2 .articleWrap .contTitWrap .contTitBox .tit
                { font-size         : 1.75em;           line-height         : 1em;                          }
   #sub1-2 .articleWrap .contTitWrap .contTitBox .tit span
                { font-weight       : 800;              line-height         : inherit;          color               : #980000;}                                
   #sub1-2 .articleWrap .contTitWrap .titText
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 0.2em;}
   #sub1-2 .articleWrap .contTitWrap .titText p
                { color             : #333333;          word-break          : keep-all;         text-align          : center;}
   #sub1-2 .articleWrap .contWrap
                { width             : 90%;              height              : auto;             max-width           : 1100px;           position            : relative;
                  display           : flex;             align-items         : center;           justify-content     : flex-start;}             
   #sub1-2 .articleWrap .contWrap .slideWrap
                { width             : 65%;              height              : auto;             position            : relative;         z-index             : 1;
                  max-width         : 700px;}            
   #sub1-2 .articleWrap .contWrap .slideWrap .imgName
                { line-height       : 1em;              position            : absolute;         bottom              : 1em;              left                : 1em;
                  padding           : 0.5em 1em;        font-weight         : 700;              background          : #ffffffb3;}
   #sub1-2 .articleWrap .contWrap .slideWrap .swiper
                { width             : 100%;             height              :  auto;}             
   #sub1-2 .articleWrap .contWrap .slideWrap .swiper img
                { width             : 100%;             height              : auto;             object-fit          : cover;            aspect-ratio        : 700 / 467;}             
   #sub1-2 .articleWrap .contWrap .infoWrap
                { width             : 55%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           background          : #ffffffe6;        position            : absolute;         right               : 0;
                  top               : 50%;              transform           : translateY(-50%); box-shadow          : 0px 0px 8px 0px #cccccc;  z-index     : 2;
                  padding           : 1.5em 0;        max-width           : 600px;}            
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           max-width           : calc(100% - 4em);}           
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap .infoList
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : stretch;
                  justify-content   : flex-start;           }
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap .infoList .infoTit
                { width             : 6em;              text-align          : left;             display             : flex;
                  align-items       : flex-start;       justify-content     : flex-start;       padding-top         : 0.5em;}                  
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap .infoList .line
                { padding           : 0.2em 0;          background          : #cccccc;          width               : max(2px,0.2em);}               
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap .infoList .infoValWrap
                { width             : calc(calc(100% - calc(6em + max(2px,0.2em)))); height : auto; display         : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : center;           padding-left        : 1.2em;            padding-top         : 0.5em;}                          
   #sub1-2 .articleWrap .contWrap .infoWrap .infoListWrap .infoList .infoValWrap p
                { word-break        : keep-all;}
   #sub1-2 .psWrap
                { padding           : 0 0 4em;}
   #sub1-2 .psWrap p
                { text-align        : center;           word-break          : keep-all;         line-height         : 1.8em;}                           
@media(max-width : 1024px){                
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-2 .articleWrap .contWrap 
                { flex-direction    : column;           max-width           : 600px;}
   #sub1-2 .articleWrap .contWrap .slideWrap
                { width             : 100%; }
   #sub1-2 .articleWrap .contWrap .slideWrap .imgName
                { bottom            : unset;            top                 : 1em;}                
   #sub1-2 .articleWrap .contWrap .infoWrap
                { width             : 90%;              position          : static;           transform           : unset;            margin-top        : -4em;}
         
}                
                

                
                
                
@media(max-width : 640px){                
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
  
                                   
}