/* ******************************************************************************************************************************************************** */
/*                                                                                                                                                          */
/*                                                                                                                                                          */
/*                                                      Menu (화면 가운데쯤? 위치하는 메뉴) - MiddleNavi                                                    */
/*                                                                                                                                                          */
/*                                                                                                                                                          */
/* ******************************************************************************************************************************************************** */

/* ******************************************************************************************************************************************************** */
/*                                                                      PC버전 CSS                                                                          */
/* ******************************************************************************************************************************************************** */

/* A                A A                 :               A               :               A               :               A                   :               */
  #FadeSlider       { width             : 100%;         height          : 880px;        text-align      : center;       display             : block;          
                      overflow          : hidden;       position        : relative;     margin-top      : 0px;                                              }
  #FadeSlider .FadeEffect
                    { height            : 880px;        list-style      : none;         padding         : 0;            margin          : 0;                     }
  .FadeEffect       { height            : 750px;                                                                                                             
                      width             : 100%;         overflow        : hidden;                                                                           }
  .FadeEffect li    { height            : auto;         display         : inline;       position            : absolute;     
                      left              : 50%;          top             : 0px;          width           : 100%;       margin-left         : -50%;      }
  .FadeEffect li img { width            : 100%;       height          : auto;                                                                             }       
  
  .FadeSelect       { position          : absolute;     bottom          : 10px;         width           : 100%;         text-align          : center;
                      z-index           : 20;           margin-left     : 0px;                                                                              }
  .FadeSelect li    { display           : inline;       cursor          : pointer;      margin          : 5px;                                              }  

  .shadowWrap
                    { width             : 100%;         height          : auto;                                                                             }
  .shadowWrap img
                    { width             : 100%;         height          : auto;                                                                             }

  /* Banner */
  .FadeSlider_Banner
                    { width             : 100%;         height          : auto;         display         : inline-block; position            : absolute;     
                      left              : 50%;          top             : 100%;         transform       : translate (-50%, -50%);                           }
  .FadeSlider_Banner .FadeSlider_BannerWrap
                    { width             : 500px;        height          : auto;         
                      position          : absolute;     left            : 50%;          margin-left     : -250px;                                           }

  .FadeSlider_Banner .FadeSlider_BannerWrap h1
                    { font-size         : 40px;         font-weight     : 500;          color           : #fff;         text-shadow     : 2px 2px 3px #000; }    
  .FadeSlider_Banner .FadeSlider_BannerWrap p
                    { font-size         : 25px;         font-weight     : 400;          color           : #fff;         text-shadow     : 1px 1px 2px #000; }
  
  
  
@media (min-width: 1025px) and (max-width:2000px) {

/* ******************************************************************************************************************************************************** */
/*                                                                      TABLET버전 CSS                                                                      */
/* ******************************************************************************************************************************************************** */
/* A                A A                 :               A               :               A               :               A                   :               */
  #FadeSlider       { width             : 100%;         height          : auto;         text-align      : center;       
                      overflow          : hidden; }
  #FadeSlider ul    { list-style        : none;         padding         : 0;            margin          : 0;                                                }
  .FadeEffect       { height            : 750px;                                                                                                             
                      width             : 100%;         overflow        : hidden;                                                                           }
  .FadeEffect li    { height            : auto;         display         : inline;       position            : absolute;     
                      left              : 50%;          top             : 0px;          width           : 2000px;       margin-left         : -1000px;      }
  .FadeEffect li img { width            : 2000px;       height          : auto;                                                                             }       
  
  .FadeSelect       { position          : absolute;     bottom          : 10px;         width           : 100%;         text-align          : center;
                      z-index           : 20;           margin-left     : 0px;                                                                              }
  .FadeSelect li    { display           : inline;       cursor          : pointer;      margin          : 5px;                                              }    


}




  

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

/* ******************************************************************************************************************************************************** */
/*                                                                      TABLET버전 CSS                                                                      */
/* ******************************************************************************************************************************************************** */
/* A                A A                 :               A               :               A               :               A                   :               */
  #FadeSlider       { margin-top        : 0px;          height          : 640px;                                                                            }
  #FadeSlider .FadeEffect
                    { height            : 640px;       list-style        : none;        padding         : 0;            margin          : 0;                }

  .FadeEffect li    { top               : 0px;          width           : 1400px;       margin-left     : -700px;                                           }
  .FadeEffect li img 
                    { width             : 1400px;       height          : auto;                                                                             }       



  /* Banner */
  .FadeSlider_Banner
                    { top             : 150px;                                                                                                              }

  .FadeSlider_Banner .FadeSlider_BannerWrap h1
                    { font-size         : 32px;                                                                                                             }
  .FadeSlider_Banner .FadeSlider_BannerWrap p
                    { font-size         : 20px;                                                                                                             }
  .FadeSlider_Banner .FadeSlider_BannerWrap img
                    { width             : 70%; }
                    

}





@media (min-width: 351px) and (max-width:640px) {
    
/* ******************************************************************************************************************************************************** */
/*                                                                      MOBILE버전 CSS                                                                      */
/* ******************************************************************************************************************************************************** */
/* A                A A                 :               A               :               A               :               A                   :               */
  #FadeSlider       { margin-top        : 20px;         height          : 365px;        margin-top      : 134px;                                            }
  #FadeSlider .FadeEffect
                    { height            : 365px;        list-style      : none;         padding         : 0;            margin          : 0;                }
  .FadeEffect li    { top               : 0px;          width           : 800px;       margin-left         : -400px;                                        }
  .FadeEffect li img 
                    { width             : 800px;        height          : auto;                                                                             }  
  .FadeSelect li img
                    { width             : 7px;          height          : auto;                                                                             }  

  /* Banner */
  .FadeSlider_Banner
                    { top             : 60px;                                                                                                               }

  .FadeSlider_Banner .FadeSlider_BannerWrap h1
                    { font-size         : 28px;                                                                                                             }
  .FadeSlider_Banner .FadeSlider_BannerWrap p
                    { font-size         : 16.5px;                                                                                                           }
                    
  .FadeSlider_Banner .FadeSlider_BannerWrap img
                    { width             : 50%;                                                                                                              }

}



@media (min-width: 0px) and (max-width:350px) {
    
/* ******************************************************************************************************************************************************** */
/*                                                                      MOBILE버전 CSS                                                                      */
/* ******************************************************************************************************************************************************** */
/* A                A A                 :               A               :               A               :               A                   :               */
  #FadeSlider       { margin-top        : 134px;         height         : 229px;                                                                            }
  #FadeSlider .FadeEffect
                    { height            : 229px;        list-style      : none;         padding         : 0;            margin          : 0;                }
  .FadeEffect li    { top               : 0px;          width           : 500px;       margin-left         : -250px;                                        }
  .FadeEffect li img 
                    { width             : 500px;        height          : auto;                                                                             }
  .FadeSelect li img 
                    { width             : 7px;          height          : auto;                                                                             }  
 
  /* Banner */
  .FadeSlider_Banner
                    { top             : 50px;                                                                                                              }
  .FadeSlider_Banner .FadeSlider_BannerWrap
                    { width             : 100%;         height          : auto;         
                      position          : absolute;     left            : 50%;          margin-left     : -50%;                                           }

  .FadeSlider_Banner .FadeSlider_BannerWrap h1
                    { font-size         : 28px;                                                                                                             }
  .FadeSlider_Banner .FadeSlider_BannerWrap p
                    { font-size         : 13px;                                                                                                             }
   .FadeSlider_Banner .FadeSlider_BannerWrap img
                    { width             : 145px; }
 
}