/* 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;
   }   
   
   #sub8-7 .sectionWrap.cont
                { padding           : 3.5em 0;          } 
   #sub8-7 .sectionWrap.cont.second
                { padding           : 4.5em 0;}                
   #sub8-7 .sectionWrap .wrap
                { width             : 98%;              max-width           : unset;}
   #sub8-7 .sectionWrap .contWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;           gap                 : 2em;}             
   #sub8-7 .sectionWrap .contWrap .contTitWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;           gap                 : 0.8em;}
   #sub8-7 .sectionWrap .contWrap .contTitWrap .line
                { width             : 3.5em;              height              : max(2px,0.4em);   background          : #999999;}
   #sub8-7 .sectionWrap .contWrap .contTitWrap .contTit
                { line-height       : 1em;              font-weight         : 500;}
   #sub8-7 .sectionWrap .contWrap .contTitWrap .contTit span
                { line-height       : 1em;              font-size           : 0.8em;            }                
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           gap                 : 2em;              margin-top          : 0.3em;}             
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap .infoBox
                { width             : auto;            height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           border              : 1px solid #00b3ff;}                
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap .infoBox .name
                { width             : auto;            height               : auto;             line-height         : 1em;              padding             : 0.65em 0.9em;
                  color             : #fff;            background           : #00b3ff;          font-weight         : 500;}          
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap .infoBox .val
                { width             : auto;            height               : auto;             line-height         : 1em;              padding             : 0.65em 0.9em;
                  font-weight       : 500;}                    
   #sub8-7 .sectionWrap .contWrap .slideWrap
                { width             : 100%;             height              : auto;}                
   #sub8-7 .sectionWrap .contWrap .slideWrap .imgWrap
                { width             : 100%;             height              : auto;             aspect-ratio        : 610 / 457;}               
   #sub8-7 .sectionWrap .contWrap .slideWrap .imgWrap img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}               
                  
                  
                  
                  
@media(max-width : 640px){                  
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub8-7 .sectionWrap.cont
                { padding           : 2em 0;          }                 
   #sub8-7 .sectionWrap.cont.second
                { padding           : 3em 0;          }                  
   #sub8-7 .sectionWrap .wrap
                { width             : 95%;}
   #sub8-7 .sectionWrap .contWrap .contTitWrap
                { gap               : 1em;}                 
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap
                { gap               : 1em;}                 
   #sub8-7.en .sectionWrap .contWrap .contTitWrap .infoWrap
                { flex-direction    : column;}                            
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap .infoBox .name,
   #sub8-7 .sectionWrap .contWrap .contTitWrap .infoWrap .infoBox .val
                { padding           : 0.5em;}              
}