/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division4A_rectangle 
                { width             : 100%;             height              : auto;             font-size           : min(1.6vw,19px);  display             : flex;
                  align-items       : center;           justify-content     : center;           font-family         : "nanum";          margin-top          : 2em;}

   #division4A_rectangle .wrap 
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 2em;}

   #division4A_rectangle .titBox 
                { width             : 100%;             height              : auto;             text-align          : center;}                                                                                             
   #division4A_rectangle .titBox .top
                { font-size         : 1.8em;            line-height         : 1em;              color               : #555;}
   #division4A_rectangle .titBox .top span
                { color             : #ec8544;          font-weight         : 900;              line-height         : inherit;          font-size           : 1.45em;} 
   #division4A_rectangle .slideWrap
                { width             : 100%;             height              : auto;}
   #division4A_rectangle .slideWrap .swiper
                { width             : 100%;}
   #division4A_rectangle .slideWrap .box
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           font-family         : "Noto Sans Kr";}                                                                                                                    
   #division4A_rectangle .slideWrap .box .contentWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-end;         border-radius       : 12px;             overflow            : hidden;
                  position          : relative;         padding             : 1em 1.5em;        aspect-ratio        : 304 / 315;}
   #division4A_rectangle .slideWrap .box .contentWrap .product_img
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                object-fit          : cover;            z-index             : 0;                filter              : brightness(0.5);
                  transition        : .2s;}
   #division4A_rectangle .slideWrap .box .contentWrap:hover .product_img
                { filter            : brightness(1);    transition          : .2s;}
   #division4A_rectangle .slideWrap .box .contentWrap .infoBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 0.3em;            z-index             : 1;}
   #division4A_rectangle .slideWrap .box .contentWrap .infoBox .name
                { width             : 100%;             height              : auto;             font-weight       : 700;              color               : #fff;
                  overflow          : hidden;           text-overflow       : ellipsis;         white-space         : nowrap;           text-shadow          : 1px 1px 2px #000;}                  
   #division4A_rectangle .slideWrap .box .contentWrap .infoBox .view
                { font-size         : 13px;             line-height         : 1em;              font-weight         : 700;              color               : #fff;
                  padding           : 0.7em 1.2em;        background          : #00000080;      transition          : .2s;}                                  
   #division4A_rectangle .slideWrap .box .contentWrap .infoBox .view:hover
                { background        : #000;             color               : #fff000;}
   #division4A_rectangle .slideWrap .box .shadowWrap
                { width             : 100%;             height              : auto;}
   #division4A_rectangle .slideWrap .box .shadowWrap img
                { width             : 100%;             height              : auto;}                 

    
@media (max-width: 1024px) {
/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */     
   #division4A_rectangle
                { font-size         : min(2.4vw,16px);   margin-top          : 3em;}
   #division4A_rectangle .slideWrap .swiper-slide-active .box .contentWrap .product_img
                { filter            : brightness(1);    transition          : .2s;} 
   #division4A_rectangle .slideWrap .swiper-slide-active .box .contentWrap .infoBox .view                             
                 { background        : #000;             color               : #fff000;}
}
  



@media (max-width: 641px) {
/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */        
   #division4A_rectangle
                { font-size         : max(14px,2vw);    margin-top          : 3em;}
                
   #division4A_rectangle .wrap 
                { width             : 95%;              gap                 : 1.2em;}                		
   #division4A_rectangle .titBox .top
                { font-size         : 1.3em;}
   #division4A_rectangle .slideWrap .box .contentWrap
                { padding           : 0.5em 1em;}                   
   #division4A_rectangle .slideWrap .box .contentWrap .infoBox .view
                { font-size         : 12px;}                             																									
}