/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #secondSection
                { width             : 100%;             height              : auto;             text-align          : center;           position            : relative;
                  margin-top        : 25%;
                  background-image  : url(../../Image/secondSectionBack.jpg);
                  background-size   : 100% 100%;
                  background-position : center;
                  background-repeat : no-repeat;                                                                                                                                 }
                  
   #secondSection .secondSection_wrap
                { width             : 100%;             height              : auto;             display             : inline-block;     max-width           : 1100px;            
                  padding-top       : 4%;               overflow            : hidden;                                                                                            }               
                  
   .sectionSection_Title               
                { width             : 100%;             height              : auto;             position            : absolute;         top                 : -6%;
                  left              : 50%;              transform           : translate(-50%,-50%);                                                                              }
   .sectionSection_Title img
                { width             : 100%;             height              : auto;             max-width           : 650px;                                                     } 
                
   .gaguSlide   { width             : 100%;             height              : auto;             padding-top         : 2%;               position            : relative;          }             
   .gaguSlide:hover img.eventImg
                { box-shadow        : 0px 0px 13px 3px #fff; transition     : .6s;                                                                                              }
   
   .gaguSlide a 
                { width             : 100%;             height              : auto;                                                                                             }      
   .gaguSlide a img 
                { width             : 40%;             height               : auto;             transition          : .6s;                                                      }              
   .gaguSlide a .slideTextBox
                { width             : 35%;             display              : inline-block;     text-align          : left;             vertical-align      : bottom;
                  padding-left: 4%;                                                                                                                                             }            
   .gaguSlide a .slideTextBox p
                { padding           : 0.5% 0;                                                                                                                                   }
   .gaguSlide a .slideTextBox .redBox
                { font-size         : calc(13px + 0.2vw); color             : #ffef00;          background          : #b50005;          display             : inline-block;
                  padding           : 0.5% 2%;}                        
   .gaguSlide a .slideTextBox .goodsName
                { width             : 100%;           height                : auto;             font-size           : calc(15px + 0.5vw); color             : #fff;             
                  white-space       : nowrap;         text-overflow         : ellipsis;         overflow            : hidden;                                                   }                                   
   .gaguSlide a .slideTextBox .goodsSize
                { font-size         : calc(12px + 0.1vw); color             : #c8c8c9;          white-space         : nowrap;           text-overflow       : ellipsis;         
                  overflow          : hidden;                                                                                                                                   }
   .gaguSlide a .slideTextBox .goodsPrice
                { font-size         : calc(12px + 0.1vw); color             : #fff;                                                                                             }
   .gaguSlide a .slideTextBox .goodsSale
                { font-size         : calc(15px + 0.6vw); color             : #fff000;                                                                                          }
   
   .cautionBox  { width             : 100%;             height              : auto;             display             : inline-block;    padding              : 3% 0 5%;          }                        
   .cautionBox .cautionText
                { font-size         : calc(13px + 0.2vw); color             : #595757;          background          : rgba(255,255,255,0.7); padding        : 0 3%;             }
   
   
   .swiper-button-next.nextBtn
                { width             : 60px;             right               : 0px;              opacity             : 0.5;              transition          : .5s;
                  background: url(../../Image/nextBtn.png);
                  background-repeat : no-repeat;
                  background-size: 100%;
                  background-position: center;}
   
   .swiper-button-prev.prevBtn
                { width             : 60px;             left                : 0px;              opacity             : 0.5;              transition          : .5s;
                  background: url(../../Image/prevBtn.png);
                  background-repeat : no-repeat;
                  background-size: 100%;
                  background-position: center;}
   
   .swiper-button-next.nextBtn:hover,
   .swiper-button-prev.prevBtn:hover
                { opacity           : 1;                transition          : .5s;}
   
    .swiper-button-next::after,
    .swiper-button-prev::after 
                { display: none;                                                                                                                                                }
   
   

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

   .secondSection_wrap
                { padding-top       : 8%;                   }               
}

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

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */                         
   #secondSection 
                { margin-top        : 25%;                                                                                                                                      }
   
   .sectionSection_Title img
                { max-width         : 490px;                                                                                                                                    }
   
   .secondSection_wrap  { padding-top        : 12%;                                                                                                                                       }
 
 
 
 
 
 
 
}
 
 @media (max-width:641px) {
/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .secondSection_wrap   { padding-top       : 15%;}


 }