/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #gallery_slide
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           font-size           : min(1.6vw,20px);  margin-top          : 6em;}
   #gallery_slide .titWrap
                { width             : 95%;              height              : auto;             text-align          : center;}
   #gallery_slide .titWrap img
                { width             : 50%;              height              : auto;             max-width           : 460px;}                                
   #gallery_slide .slideWrap
                { width             : 100%;             height              : auto;             margin-top          : 2em;}
   #gallery_slide .slideWrap .imgWrap
                { width             : 100%;             height              : auto;             aspect-ratio        : 1 / 1;}
   #gallery_slide .slideWrap .imgWrap img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap
                { width             : 100%;             height              : 100%;             background          : #000000a6;        padding             : 10%;          
                  display           : flex;             flex-direction      : column;           align-items         : flex-start;       justify-content     : flex-end;
                  z-index           : 2;                position            : absolute;         top                 : 0;                left                : 0;
                  font-family       : "nanum_square";   opacity             : 0;                transition          : .2s;}             
   #gallery_slide .slideWrap .imgWrap:hover .hoverWrap
                { opacity           : 1;                transition          : .2s;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap .imgTit
                { color             : #fff;             line-height         : 1em;              font-size           : 1em;              width               : 100%;
                  text-overflow     : ellipsis;         overflow            : hidden;           font-weight         : 700;
                  white-space       : nowrap;}             
   #gallery_slide .slideWrap .imgWrap .hoverWrap .line
                { width             : 100%;             height              : clamp(3px,0.6vw,5px); background        : #fff;             opacity             : .4;
                  margin            : 1em 0;}            
   #gallery_slide .slideWrap .imgWrap .hoverWrap a             
                { font-size         : 0.9em;            display             : inline-flex;      padding             : 0.5em;            color               : #000;             background          : #fff;
                  transition        : .2s;              font-weight         : 700;              line-height         : 1em;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap a:hover               
                { background        : #17a39f;          color               : #fff;             transition          : .2s;}
   
@media (max-width:1024px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #gallery_slide
                { font-size         : clamp(16px,2.2vw,20px);}
   #gallery_slide .titWrap img
                { width             : 50%;              max-width           : 350px;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap
                { height            : auto;             top                 : unset;            bottom              : 0;                padding             : 10% 7%;}             
   #gallery_slide .slideWrap .swiper-slide-active .imgWrap .hoverWrap
                { opacity           : 1;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap a
                { font-size         : 12px;}              
}
                  
@media (max-width:640px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #gallery_slide
                { margin-top        : min(15vw,80px);   }
  #gallery_slide .titWrap img
                { width             : 60%;}              
}



@media(max-width : 300px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #gallery_slide
                { font-size         : 12px;}
   #gallery_slide .slideWrap .imgWrap    
                { aspect-ratio      : 1 / 1.2;}
   #gallery_slide .slideWrap .imgWrap .hoverWrap
                { padding           : 7% 5%;}             
}