/* ******************************************************************************************************************************************************************************** */
/*                                                                                                                                                                                  */
/*                                                                                                                                                                                  */
/*                                                                              LeftMenu_introduce (둘러보기)                                                                       */
/*                                                                                                                                                                                  */
/*                                                                                                                                                                                  */
/* ******************************************************************************************************************************************************************************** */

/* ******************************************************************************************************************************************************************************** */
/*                                                                                    PC버전 CSS                                                                                    */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
 
  .imgPage          { width             : 100%;             height              : auto;             margin-top          : 60px;             text-align          : center;           }
  .imgPage .TitleWrap
                    { width             : 100%;             height              : auto;             text-align          : center;                                                   }
  .imgPage .TitleWrap .LargeFont
                    { font-size         : 30px;             font-weight         : 600;              color               : #333;                                                     }    
  .imgPage .TitleWrap .SmallFont
                    { font-size         : 22px;             font-weight         : 400;              color               : #b4b5b5;                                                  }    
  
  
  .imgPage .ImgWrap { width             : 100%;             height              : auto;             display             : inline-block;                                             } 
  .imgPage .ImgWrap img
                    { width             : 100%;             height              : auto;                                                                                             }

  .fullWrap         { width             : 100%;             height              : auto;             text-align          : center;           display             : inline-block;     }
  .fullWrap img     { width             : 100%;             height              : auto;                                                                                             }
   
   
   /* custom */
   .sub1_1-01wrap   { padding           : 70px 0px;         text-align          : center;           margin-top          : 50px;         }
   img.sub1_1-01    { width             : 100%;                                                                                         }
   
   .sub1_1-02wrap   { padding           : 50px 0px 70px 0;  text-align          : center;           margin-top          : 50px;         }
   .sub1_1-06       { width             : 80%;              max-width           : 300px;            margin-top          : 60px;         }


   .sub1_2_menu     { width             : calc(48% - 5px);   margin              : 10px 1%;         display             : inline-block; }
   .sub1_2_menu a   { opacity           : 0.8;              transition          : 0.3s;                                                 }
   .sub1_2_menu a:hover
                    { opacity           : 1;                                                                                            }     
   .sub1_2_menu img { width             : 100%;             height              : auto;                                                 }
   .sub1_2-01wrap   { margin-top        : 30px;                                                                                         }
   .sub1_2-02wrap   { margin-top        : 3%;                                                                                           }


   .sub1_3-01wrap   { padding           : 0px;              text-align          : center;           margin-top          : 30px;         }
   .sub1_3-02wrap   { padding           : 50px 0px 50px 0;  text-align          : center;           margin-top          : 50px;         }


 [data-tab-content] { display           : none;                                                                                         }
.active[data-tab-content] {  display    : block;                                                                                        }


  .sub2_2Wrap-01 a  { width             : calc(100% / 3);   height              : auto;             display             : inline-block;
                      float             : left;             overflow            : hidden;           transition          : 0.6s;         }                
  .sub2_2Wrap-01 a:hover { transform    : scale(1.3);}   
  @media (min-width:751px) and (max-width:1200px) {
   .sub1_2_menu     { width             : calc(42% - 5px);   margin              : 10px 1%;         display             : inline-block; }

    }

  @media (min-width:641px) and (max-width:750px) {
   /* custom */
   .sub1_1-01wrap   { padding           : 40px 0px;         text-align          : center;           margin-top          : 50px; }
   img.sub1_1-01    { width             : 100%;                                                                                 }
   
   .sub1_1-02wrap   { padding           : 0px 0px 40px 0;   text-align          : center;            margin-top          : 50px; }
   .sub1_1-06       { width             : 80%;              max-width           : 240px;            margin-top          : 60px; }
    
   .sub1_2_menu     { width             : calc(42% - 5px);   margin              : 10px 1%;         display             : inline-block; }
    
}





  @media (min-width:641px) and (max-width:1024px) {

/* ******************************************************************************************************************************************************************************** */
/*                                                                                    Tablet CSS                                                                                    */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
  .imgPage          { margin-top        : 30px;                                                                                                                                     }

  .imgPage .TitleWrap .LargeFont
                    { font-size         : 28px;             font-weight         : 600;              color               : #333;                                                     }    
  .imgPage .TitleWrap .SmallFont
                    { font-size         : 15px;             font-weight         : 400;              color               : #333;                                                     }    
  .imgPage .ImgWrap { width             : 100%;             height              : auto;             display             : inline-block;     margin-top          : 20px;             } 
  .sub1_2-02wrap img.XmobileX
                    { width             : 140%;             transform           : translate(-20%, 0); }
    }
  
  
  @media (max-width:640px) {
/* ******************************************************************************************************************************************************************************** */
/*                                                                                    Mobile CSS                                                                                    */
/* ******************************************************************************************************************************************************************************** */
/* A                A A                 :                   A                   :                   A                   :                   A                   :                   */                     
  .imgPage          { margin-top        : 0px;                                                                                                                                      }
  .imgPage .TitleWrap .LargeFont
                    { font-size         : 24px;                                                                                                                                     }    
  .imgPage .TitleWrap .SmallFont
                    { font-size         : 14px;                                                                                                                                     }    
  
  
  .imgPage .ImgWrap { width             : 100%;             height              : auto;             display             : inline-block;     margin-top          : 20px;             } 
  .imgPage .ImgWrap img
                    { width             : 100%;             height              : auto;                                                                                             }

             
   .sub1_1-01wrap   { padding           : 30px 0px;         text-align          : center;           margin-top          : 30px; }
   img.sub1_1-01    { width             : 100%;                                                                                 }
   
   .sub1_1-02wrap   { padding           : 0px 0px 10px 0;   text-align          : center;           margin-top          : 30px; }
   .sub1_1-06       { width             : 70%;              max-width           : 180px;            margin-top          : 30px; }                           

   .sub1_2_menu     { width             : calc(80%);        margin              : 10px 1%;         display             : inline-block; }
   
   
   .sub1_3-01wrap   { padding           : 0px;              text-align          : center;           margin-top          : 0px;          }
   .sub1_3-02wrap   { padding           : 20px 0px 40px 0;  text-align          : center;           margin-top          : 40px;         }





  }