/* ******************************************************************************************************************************************************************************** */
/*                                                                                                                                                                                  */
/*                                                                                                                                                                                  */
/*                                                                              Intro_Basic (인사말)                                                                       */
/*                                                                                                                                                                                  */
/*                                                                                                                                                                                  */
/* ******************************************************************************************************************************************************************************** */

/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
  .subtitleMenu     { width             : 100%;             height              : auto;             text-align          : center;                                                   }    
  .subtitleMenu.width
                    { width             : calc(150px + 20vw); }
  .Location_Img     { width             : 100%;             height              : auto;             text-align          : center;           position            : relative;         
                      z-index           : 1; }
  .Location_Img .imgWrapLogo
                    { position          : absolute;         right               : 50%;              top                 : 50%;              transform           : translate(50%, -50%);              
                      width             : auto;                                                                                                                                     }
  .Location_Img .imgWrapLogo .imgLogo
                    { width             : 80px;             height              : auto;             animation           : logorotate 6s linear infinite ;                           }                         
  .Location_Img .imgWrapLogo .imgLogo_cpname
                    { width             : 200px;             height             : auto;                                                                                             }                         
  @keyframes logorotate {
    0% {
      transform:rotateX(0deg) rotateY(0deg) scale(1.4);    
    }                                                                                         

    25% {
      transform:rotateX(360deg) rotateY(30deg) scale(0.4);
    }

    40% {
      transform:rotateX(180deg) rotateY(00deg) scale(1.0);    
     }

    55% {
      transform:rotateX(350deg) rotateY(-30deg) scale(1.2);
    }

    70%  { 
      transform:rotateX(355deg) rotateY(0deg) scale(1.3);    
    }

    100%  { 
      transform:rotateX(360deg) rotateY(0deg) scale(1.4);    
    }
    
  }
  
  .Location_Img .imgWrap
                    { width             : 100%;             height              : auto;             max-width           : 1000px;           display             : inline-block;     
                      padding-top       : 50%;             
                      background-image  : url(../../../../Image/sub5-1.jpg);
                      background-size   : cover;
                      background-position : top center;                                                                                                                             }
  .add_telWrap      { width             : 90%;              height              : auto;             text-align          : center;           margin-left         : 5%;
                      margin-top        : 60px;             margin-bottom       : 40px;             margin-top          : -100px;           z-index             : 2;                
                      position          : relative;                                                                                                                                 }
  .add_telWrap .addWrap
                    { width             : 100%;             height              : auto;             display             : inline-block;     padding             : 5% 1%; 
                      margin-top        : 30px;             max-width           : 650px;            
                      background: #0074C1; /* Old browsers */
                      background: -moz-linear-gradient(-45deg,  #0074C1 0%, #89a3d4 100%); /* FF3.6-15 */
                      background: -webkit-linear-gradient(-45deg,  #0074C1 0%,#89a3d4 100%); /* Chrome10-25,Safari5.1-6 */
                      background: linear-gradient(135deg,  #0074C1 0%,#89a3d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adba', endColorstr='#bce1df',GradientType=1 );                                          }  

  .add_telWrap .addWrap img.location
                    { width             : 30%;              max-width           : 110px;            height              : auto;             margin-top          : -90px;            
                      margin-bottom     : 11px;                                                                                                                                     }
  .add_telWrap .addWrap .centerWrap
                    { display           : inline-block;     text-align          : left;                                                                                             }
  .add_telWrap .addWrap .centerWrap span.newaddr
                    { font-size         : 22px;             font-weight         : 500;              color               : #fff000;          margin-top          : 10px;             }
  .add_telWrap .addWrap .centerWrap span.oldaddr
                    { font-size         : 22px;             font-weight         : 500;              color               : #ffffff;                                                  }
  .add_telWrap .addWrap .centerWrap span.nomal_addr
                    { font-size         : 20px;             font-weight         : 300;              color               : #fff;                                                     }

  .add_telWrap .telWrap
                    { width             : 100%;             height              : auto;             display             : inline-block;     padding             : 0px 10px 20px 10px;
                      margin-top        : 90px;             max-width           : 650px;            
                      background: #0074C1; /* Old browsers */
                      background: -moz-linear-gradient(-45deg,  #0074C1 0%, #89a3d4 100%); /* FF3.6-15 */
                      background: -webkit-linear-gradient(-45deg,  #0074C1 0%,#89a3d4 100%); /* Chrome10-25,Safari5.1-6 */
                      background: linear-gradient(135deg,  #0074C1 0%,#89a3d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adba', endColorstr='#bce1df',GradientType=1 );                                          }  
  .add_telWrap .telWrap img.tel
                    { width             : 30%;              max-width           : 110px;            height              : auto;             margin-top          : -60px;
                      margin-bottom     : 11px;                                                                                                                                     }
  .add_telWrap .telWrap .centerWrap
                    { display           : inline-block;     text-align          : left;                                                                                             }
  .add_telWrap .telWrap .centerWrap span.telnumber
                    { font-size         : 22px;             font-weight         : 500;              color               : #fff;             margin-top          : 10px;             }
  .add_telWrap .telWrap .centerWrap span.faxnumber
                    { font-size         : 22px;             font-weight         : 500;              color               : #fff;                                                     }


 
  
  
  @media (min-width:641px) and (max-width:1024px) {
 /* ******************************************************************************************************************************************************************************** */
/*                                                                                    Tablet CSS                                                                                    */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     

  
}  

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


  .Location_Img .imgWrapLogo
                    { right             : unset;            
                      left              : 50%;              top                 : 50%;              transform           : translate(-50%, -50%);                                    }
  .Location_Img .imgWrapLogo .imgLogo
                    { width             : 45px;             height              : auto;             animation           : logorotate 6s linear infinite ;                           }                         
  .Location_Img .imgWrapLogo .imgLogo_cpname
                    { display           : none;                                                                                                                                     }                         
  .Location_Img .imgWrap
                    { padding-top       : 70%;              width               : 110%;             margin-left         : -5%;                                                                                                                        }

  .add_telWrap      { width             : 95%;              margin-left         : 2.5%;             margin-top          : -8%;             margin-bottom       : 15px;             }
  .add_telWrap .addWrap
                    { margin-top        : 0px;                                                                                                                                      }
  .add_telWrap .addWrap .centerWrap span.newaddr
                    { font-size         : calc(9px + 1vw);                                          text-align          : left;                                                     }
  .add_telWrap .addWrap .centerWrap span.oldaddr
                    { font-size         : calc(9px + 1vw);  margin-top          : 5px;              text-align          : left;                                                     }

  .add_telWrap .addWrap .centerWrap span.nomal_addr
                    { font-size         : calc(9px + 1vw);                                          text-align          : left;                                                     }


  .add_telWrap .addWrap img.location
                    { max-width         : 60px;             margin-top          : -36px;                                                                                            }

  .add_telWrap .telWrap
                    { margin-top        : 40px;                                                                                                                                     }
  
  .add_telWrap .telWrap img.tel
                    { max-width         : 60px;             margin-top          : -36px;                                                                                            }

  .add_telWrap .telWrap .centerWrap span.telnumber
                    { font-size         : calc(9px + 1vw);                                                                                                                          }
  .add_telWrap .telWrap .centerWrap span.faxnumber
                    { font-size         : calc(9px + 1vw);                                                                                                                          }


 
}