/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #intro5      { width             : 100%;             height              : auto;             text-align          : center;           padding             : 0 clamp(20px,6vw,40px);   
                  margin            : clamp(40px,5vw,80px) 0;        }
   #intro5 .sectionWrap
                { width             : 100%;             height              : auto;             max-width           : 1300px;           display             : inline-block;     }
   #intro5 .PCx
                { display           : none;                                                                                                                                     }

   #intro5 .logoBox 
                { width             : 100%;             height              : auto;             margin-bottom       : clamp(20px,2vw,30px);                                     }
   #intro5 .logoBox img
                { width             : clamp(50px,10vw,100px); height        : auto;                                                                                             }
   #intro5 .contentWrap
                { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  align-items       : center;                                                                                                                                   }
   #intro5 .contentWrap .mainImgBox
                { width             : 48%;              height              : 100%;             padding             : 0;                margin-right        : 6%;               }                     
   #intro5 .contentWrap .mainImgBox img
                { width             : 100%;             height              : auto;             max-width           : 1000px;                                                   }
   #intro5 .contentWrap .textBox
                { width             : 46%;              height              : auto;                                                                                             }
   #intro5 .contentWrap .textBox .titBox
                { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  margin            : clamp(25px,2vw,40px) 0; }
   #intro5 .contentWrap .textBox .titBox .tit
                { font-size         : clamp(30px,2vw,35px); color           : #31A09B;          font-weight         : 500;              margin              : 0 0.3em;
                  line-height       : 1.3em;            word-break          : keep-all;                                                                                                                        } 
   #intro5 .contentWrap .textBox .titBox .doubleStart
                { display           : flex;             align-items         : flex-start;                                                                                       }
   #intro5 .contentWrap .textBox .titBox .doubleEnd
                { display           : flex;             align-items         : flex-end;                                                                                         }
   #intro5 .contentWrap .textBox .titBox .doubleStart img,
   #intro5 .contentWrap .textBox .titBox .doubleEnd img
                { width             : clamp(23px,2vw,24px);                                                                                                                     } 
   #intro5 .contentWrap .textBox .textWrap
                { width             : 100%;             height              : auto;                                                                                             }
   #intro5 .contentWrap .textBox .textWrap .text
                { font-size         : clamp(16px,1vw,18px); color           : #5D5D5D;          text-align          : left;             word-break          : keep-all;                                        } 
   #intro5 .contentWrap .textBox .nameBox
                { width             : 100%;             height              : auto;             text-align          : right;            margin-top          : clamp(25px,2.5vw,40px);}
   #intro5 .contentWrap .textBox .nameBox img
                { width             : clamp(170px,10vw,190px); height       : auto;                                                                                             }            
   
   
 @media (min-width:641px) and (max-width:1024px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */  
   #intro5 .contentWrap
                { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  align-items       : center;           margin              : 0;                flex-direction      : column;                                                   }
   #intro5 .contentWrap .mainImgBox
                { margin            : 0;                width               : 80%;              max-width           : 700px;                                                    }
   #intro5 .contentWrap .textBox
                { width             : 90%;              height              : auto;             margin-top          : 35px;             max-width           : 800px;            }
   
   #intro5 .PCx
                { display           : inline-block;                                                                                                                             }
   #intro5 .contentWrap .textBox .titBox
                { flex-direction    : column;           align-items         : center;                                                                                           }
   #intro5 .contentWrap .textBox .titBox .tit 
                { line-height       : 1.5em;            margin              : clamp(8px,1vw,10px) 0 ;}
   
   
 }  
   
   
@media (max-width:640px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #intro5 .PCx
                { display           : inline-block;                                                                                                                             }

   #intro5 .contentWrap
                { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  align-items       : center;           margin              : 0;                flex-direction      : column;                                                   }
   #intro5 .contentWrap .mainImgBox
                { margin            : 0;                width               : 90%;              max-width           : 700px;                                                    }
   #intro5 .contentWrap .textBox
                { width             : 95%;              height              : auto;             margin-top          : 15px;             max-width           : 800px;            }
   

   #intro5 .contentWrap .textBox .titBox
                { flex-direction    : column;           align-items         : center;           margin              : 20px 0;                                                                                    }
   #intro5 .contentWrap .textBox .titBox .tit
                { font-size         : 20px;             line-height         : 1.4em;            margin              : 8px 0;                                                    }
   #intro5 .contentWrap .textBox .titBox .doubleStart img,
   #intro5 .contentWrap .textBox .titBox .doubleEnd img
                { width             : 17px;                                                                                                                                     }
   #intro5 .contentWrap .textBox .textWrap .text
                { font-size         : 15px;                                                                                                                                     }
   #intro5 .contentWrap .textBox .nameBox img
                { width             : 160px;                                                                                                                                    }
   
}