/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division5A_category
                { width             : 100%;             height              : auto;             height              : auto;             font-size           : min(1.6vw,19px);  display             : flex;
                  align-items       : center;           justify-content     : center;           font-family         : "nanum";          margin-top          : 6em;
                  padding           : 4em 0 6em;            background          : #f6f6f6;}    
    #division5A_category .sectionWrap 
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 2em;              max-width           : 1450px;}
   #division5A_category .titBox 
                { width             : 100%;             height              : auto;             text-align          : center;           display             : flex;
                  flex-direction    : column;           align-items         : center;           justify-content     : center;           gap                 : 0.8em;}                                                                                             
   #division5A_category .titBox .top
                { font-size         : 1.8em;            line-height         : 1em;              color               : #555;}
   #division5A_category .titBox .top span
                { color             : #ec8544;          font-weight         : 900;              line-height         : inherit;          font-size           : 1.45em;}  
   #division5A_category .titBox .sub
                { word-break    : keep-all;             color               : #555;             font-weight         : 600;}                            
   #division5A_category .contentWrap
                { width             : 100%;             height              : auto;             font-family         : "Noto Sans kr";}             
   #division5A_category .contentWrap .noSlideWrap
                { display           : flex;             align-items         : center;           justify-content     : space-between;}
   #division5A_category .contentWrap .noSlideWrap .boxWrap
                { width             : calc(calc(100% - 60px) / 5);}
   #division5A_category .contentWrap .slideWrap
                { display           : none;}            
   #division5A_category .contentWrap .contentBox
                { width             : 100%;             height              : auto;             position            : relative;         padding-top         : 116%;       
                  border-radius     : 17px;             overflow            : hidden;}               
   #division5A_category .contentWrap .contentBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;            position            : absolute;
                  top               : 0;                left                : 0;}             
   #division5A_category .contentWrap .contentBox .hoverBox
                { width             : 100%;             height              : 3em;            font-size           : clamp(18px,1.7vw,25px); background  : #0006;
                  position          : absolute;         bottom              : 0;                left                : 0;                border-radius       : 17px;
                  display           : flex;             flex-direction      : column;           align-items         : center;           justify-content     : center;
                  transition        : .3s;}              
   #division5A_category .contentWrap .contentBox:hover .hoverBox
                { height            : 100%;             transition          : .3s;}
   #division5A_category .contentWrap .contentBox .hoverBox .cate
                { font-size         : inherit;          color               : #fff;             font-weight         : 500;              line-height         : 1em;}         
   #division5A_category .contentWrap .contentBox .hoverBox .link
                { font-size         : clamp(17px,1.6vw,21px); color         : #fff6;            line-height         : 1em;              font-weight         : 400;
                  display           : flex;             height              : 0em;              overflow            : hidden;           transition          : .3s;
                  align-items       : center;           justify-content     : center;           opacity             : 0;}                          
   #division5A_category .contentWrap .contentBox:hover .hoverBox .link             
                { height            : 1em;              margin-top          : 0.8em;            opacity             : 1;                transition          : .3s;}
   #division5A_category .contentWrap .contentBox:hover .hoverBox .link:hover
                { color             : #fff000;          transition          : .2s;}                 
                
   



@media (max-width:1205px) {                
   
   #division5A_category .contentWrap .noSlideWrap
                { display           : none;}
   #division5A_category .contentWrap .slideWrap
                { display           : block;}

}


@media(max-width :1024px){
    #division5A_category
                { font-size         : min(2.2vw,16px);}
}

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

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */ 
   
   #division5A_category .contentWrap .contentBox .hoverBox
                { height            : 2.5em;            font-size           : clamp(15px,2vw,18px);}           
   #division5A_category .contentWrap .contentBox .hoverBox .link
                { font-size         : clamp(14px,1.8vw,17px);}            
}                


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

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */ 
   
   #division5A_category .contentWrap .contentBox
                { padding-top       : 100%;}
   #division5A_category .contentWrap .contentBox .hoverBox
                { height            : 2.5em;}
              
                
}          


@media (max-width:640px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */ 
   #division5A_category
                { font-size         : max(14px,2vw);    margin-top          : 4em;              padding             : 3em 0 4em;}      
   #division5A_category .sectionWrap
                { gap               : 1.2em;}                
   #division5A_category .titBox
                { gap               : 0.5em;}
   #division5A_category .titBox .top
                { font-size         : 1.3em;}                
   #division5A_category .contentWrap
                { width             : 95%;              margin              : 0 auto;}
   #division5A_category .contentWrap .contentBox
                { padding-top       : 100%;             min-height          : 165px;}             
   #division5A_category .contentWrap .contentBox .hoverBox
                { height            : 2.5em;            font-size           : calc(12px + 1vw);}  
   #division5A_category .contentWrap .contentBox .hoverBox .link
                { font-size         : calc(10px + 1vw);}                        

   #division5A_category .contentWrap .swiper-slide-active .contentBox .hoverBox
                { height            : 100%;}
    #division5A_category .contentWrap .swiper-slide-active .contentBox .hoverBox .link
                { height            : 1em;              opacity             : 1;            color : #fff000;    margin-top      : 0.8em;} 
}   



@media (max-width:300px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */ 
   #division5A_category .titBox .top
                { font-size         : calc(18px + 1vw);}
   #division5A_category .titBox .sub
                { font-size        : calc(12px + 1vw); margin-bottom        : 1.7em;}             
   #division5A_category .contentWrap
                { width             : 90%;              margin              : 0 auto;}
   #division5A_category .contentWrap .contentBox
                { padding-top       : 100%;             min-height          : 165px;}             
   #division5A_category .contentWrap .contentBox .hoverBox
                { height            : 2.5em;            font-size           : 18px;}  
   #division5A_category .contentWrap .contentBox .hoverBox .link
                { font-size         : 14px;}                        
}