/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #introduce_BackgroundImg
                { width             : 100%;             height              : auto;             text-align          : center;           font-size           : min(1.6vw,20px);
                  position          : relative;         display             : flex;             align-items         : center;           justify-content     : center;  
                  font-family       : "Noto Sans Kr";}
   #introduce_BackgroundImg .leftBackImg
                { width             : auto;             height              : 100%;             position            : absolute;         left                :0;
                  top               : 0;                                                                                                                                        }              
   #introduce_BackgroundImg .leftBackImg img
                { width             : auto;             height              : 100%;                                                                                             }               
   #introduce_BackgroundImg .rightBackImg
                { width             : auto;             height              : 100%;             position            : absolute;         right                :0;
                  top               : 0;                                                                                                                                        }              
   #introduce_BackgroundImg .rightBackImg img
                { width             : auto;             height              : 100%;                                                                                             }                        
   
   #introduce_BackgroundImg .sectionWrap
                { width             : 100%;             height              : auto;             max-width           : 1500px;           display             : inline-block;     }               
   #introduce_BackgroundImg .contentWrap               
                { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  align-items       : center;           position            : relative;         z-index             : 1;                                                        }
   #introduce_BackgroundImg .imgBox
                { width             : 40%;              height              : auto;             position            : relative;         margin-right        : 5em;}               
   #introduce_BackgroundImg .imgBox .mainImg 
                { width             : 100%;             height              : auto;             filter              : drop-shadow(2px 4px 8px #0008);                           }             
   #introduce_BackgroundImg .imgBox .mainImgBack 
                { width             : 15em;             position            : absolute;         left                : 0;                top                 : 0;
                  transform         : translate(-39%, -35%);                                                                                                                    }
   #introduce_BackgroundImg .textBox               
                { width             : 48%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       text-align          : left;}
   #introduce_BackgroundImg .subEngTit 
                { font-size         : 1.2em;                color           : #C9C9CA;          font-weight         : 500;              line-height         : 1.2em;            }             
   #introduce_BackgroundImg .engTit      
                { font-size         : 1.8em;                color           : #767777;          font-weight         : 700;              line-height         : 1em;  
                  word-break        : keep-all;                                                                                                                                 }                 
   #introduce_BackgroundImg .text      
                { font-size         : max(14px,0.9em); color           : #595757;          word-break          : keep-all;         margin              : 1.5em 0 1.2em;
                  }                                                   
   
   #introduce_BackgroundImg .link        
                { font-size         : max(14px,0.9em); line-height     : 1em;              display             : inline-block;     background          : #44B263;
                  color             : #fff;             padding             : 0.7em 2em;        border              : 1px solid #44B263; display            : flex;
                  align-items       : center;           transition          : .3s;              border-radius       : 10px;                                                     }
   #introduce_BackgroundImg .link:hover  
                { background        : #980000;          color               : #fff;             transition          : .3s;              border              : 1px solid #980000;}
   #introduce_BackgroundImg .link svg    
                { margin-left       : max(3px,0.3em);                                                                                                                       }               
   
   #introduce_BackgroundImg[view-mode="tab"]
                { font-size         : 16px;}
   #introduce_BackgroundImg[view-mode="tab"] .imgBox
                { margin-right      : 3em;}               
   
   #introduce_BackgroundImg[view-mode="mobile"]
                { font-size         : 11.52px;}
   #introduce_BackgroundImg[view-mode="mobile"] .leftBackImg,
   #introduce_BackgroundImg[view-mode="mobile"] .rightBackImg
                { display           : none;}
   #introduce_BackgroundImg[view-mode="mobile"] .contentWrap
                { flex-direction    : column;}
   #introduce_BackgroundImg[view-mode="mobile"] .imgBox
                { width             : 90%;              margin-right        : 0;                margin-bottom       : 25px;}
   #introduce_BackgroundImg[view-mode="mobile"] .textBox
                { width             : 90%;}
   #introduce_BackgroundImg[view-mode="mobile"] .link
                { width             : auto;         display             : block;            text-align          : center;}
  
@media (max-width:1024px) {
/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #introduce_BackgroundImg
                { font-size         : min(2.2vw,18px);}
   #introduce_BackgroundImg .imgBox
                { margin-right      : 3em;} 

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

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #introduce_BackgroundImg
                { font-size         : min(3.2vw,16px);}
   #introduce_BackgroundImg .leftBackImg,
   #introduce_BackgroundImg .rightBackImg
                { display           : none;}
   #introduce_BackgroundImg .contentWrap
                { flex-direction    : column;}
   #introduce_BackgroundImg .imgBox
                { width             : 90%;              margin-right        : 0;                margin-bottom       : 25px;}
   #introduce_BackgroundImg .textBox
                { width             : 90%;}
   #introduce_BackgroundImg .link
   				{ width				: auto;			display				: block;			text-align			: center;}





}