/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   html.with-fancybox body.hide-scrollbar
    {
   width: auto;
    margin-right: 0 !important;
    overflow: auto !important;
    overscroll-behavior-y: none;
   }  
   #Swiper_Gallery_View_ConstructionView_new
                { width             : 100%;             height              : auto;             font-family         : "Noto Sans Kr";   font-size           : min(1.6vw,23px);
                  display           : flex;             align-items         : center;           justify-content     : center;           padding              : 4.5em 0 4em;
                  }
   #Swiper_Gallery_View_ConstructionView_new .wrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;}
   #Swiper_Gallery_View_ConstructionView_new .wrap .titWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;}
   #Swiper_Gallery_View_ConstructionView_new .wrap .titWrap .tit
                { font-size         : 2em;              line-height         : 1em;              color               : #999;             font-weight         : 300;}                                                        
   #Swiper_Gallery_View_ConstructionView_new .wrap .titWrap .tit span
                { font-weight       : 700;              line-height         : 1em;          }
   #Swiper_Gallery_View_ConstructionView_new .wrap .titWrap .line
                { width             : 8em;              height              : max(3px,0.3em);  background           : #999;             margin              : 0.8em 0 1.6em;
                  max-width         : 50%;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap
                { width             : 100%;             height              : auto;}             
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper
                { width             : 100%;             height              : auto;} 
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox
                { width             : 100%;             height              : auto;             aspect-ratio        : 320 / 377;        position            : relative;
                  display           : flex;             align-items         : flex-end;         justify-content     : flex-start;       padding             : 15% 7.5%;
                  font-size         : 0.85em;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;            position            : absolute;
                  top               : 0;                left                : 0;                z-index             : 1;}               
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox img.mainImg
                { display           : block;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox img.includeImg
                { display           : none;}             
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox .cover
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                pointer-events      : none;             background          : tranparent;       transition          : all ease-in-out .3s;
                  z-index           : 2;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox:hover .cover
                { background        : #000;             opacity             : .5;               transition          : all ease-in-out .3s;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox .hoverWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : center;           z-index             : 2;                position            : relative;     }                            
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox .hoverWrap .name
                { color             : #fff;             font-weight         : 400;              font-size           : 1.15em;           text-shadow        : 2px 2px 2px #333;
                  width             : 100%;             text-align          : left;             white-space         : nowrap;           overflow            : hidden;
                  text-overflow     : ellipsis;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox:hover .hoverWrap .name
                { color             : #fff000; }    
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox .hoverWrap .detailView
                { font-size         : max(14px,0.85em);  line-height         : 1em;              height              : 0em;
                  background        : #fff;             transition          : all ease-in-out .3s;  box-shadow      : 2px 2px 2px #333; overflow            : hidden;
                  opacity           : 0;                width               : 1em;              white-space         : nowrap;           text-align          : center;   }
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox:hover .hoverWrap .detailView
                { width             : 7.3em;             height               : 1.65em;            opacity               : 1;              margin              : 0.4em 0 0.8em;
                  transition        : all ease-in-out .3s; padding          : 0.3em 0.3em;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox:hover .hoverWrap .detailView:hover
                { background-color  : #0b9fd5;          color               : #fff;}
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox .hoverWrap .line
                { width             : 2em;              height              : 3px;              background          : #fff;             transition          : all ease-in-out .3s;
                  box-shadow        : 2px 2px 2px #333;}                          
   #Swiper_Gallery_View_ConstructionView_new .slideWrap .Swiper_Gallery_View_ConstructionView_newSwiper .viewBox:hover .hoverWrap .line
                { width             : 100%;             transition          : all ease-in-out .3s;}     

@media(max-width:1024px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #Swiper_Gallery_View_ConstructionView_new
                { font-size         : min(2.3vw,18px);}
                
}


@media(max-width:640px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */                
   #Swiper_Gallery_View_ConstructionView_new
                { font-size         : min(3.8vw,16px);}    
                
                
}