/* 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;
   }   
   #sub1-1 .first .sub1TopBox
                { width             : 80%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 0.8em;            background          : #f7f7f7;
                  padding           : 1.5em 0;          box-shadow          : 0px 0px 5px 0px #ccccccbf; position   : relative;         z-index             : 2;
                  max-width         : 484px;}
   #sub1-1 .first .sub1TopBox img
                { height            : 3.3em;}                      
   #sub1-1 .first .sub1TopBox .sub1TopBoxText
                { line-height       : 1em;              color               : #333333;          white-space         : nowrap;}             
   #sub1-1 .first .sub1TopBox .sub1TopBoxText span
                { font-weight       : 800;              line-height         : inherit;          color               : #980000;}             
   #sub1-1 .first .introWrap
                { width             : 100%;             height              : auto;             background          : #eeefef;
                  display           : flex;             flex-direction      : column;           align-items         : center;           justify-content     : center;
                  padding           : 6em 0 3em;        position            : relative;         z-index             : 1;                margin-top          : -3em;}     
   #sub1-1 .first .introWrap .introInner             
                { width             : 95%;              height              : auto;             display             : flex;             flex-direction      : column;           
                  align-items       : center;           justify-content     : center;           max-width           : 770px;            gap                 : 1.5em;} 
   #sub1-1 .first .introWrap .introInner .text
                { word-break        : keep-all;         font-weight         : 300;              color               : #555;}             
   #sub1-1 .first .introWrap .introInner .text .bold
                { color             : #000;             font-weight         : 700;              line-height         : inherit;}             
   #sub1-1 .first .introWrap .introInner .text .back
                { color             : #fff;             background          : #980000;          padding             : 0.1em;            line-height         : 1.6em;}
   #sub1-1 .first .introWrap .introInner .ceoWrap
                { width             : 100%;             display             : flex;             align-items         : center;           justify-content     : flex-end;
                  gap               : 1em;              text-align          : right;            color               : #333;}
   #sub1-1 .first .introWrap .introInner .ceoWrap img
                { height            : 2.2em;}               
   #sub1-1 .second
                { margin-top        : 6em;              overflow            : hidden;}
   #sub1-1 .second .contTitWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;}                           
   #sub1-1 .second .contTitWrap .conTit
                { color             : #333333;          line-height         : 1em;              font-weight         : 300;}             
   #sub1-1 .second .contTitWrap .conTit span
                { font-weight       : 800;              line-height         : inherit;}             
   #sub1-1 .second .contWrap
                { width             : 100%;             height              : auto;             padding             : 1em 0.5em;}
   #sub1-1 .second .contWrap .gallerySwiper
                { width             : 100%;             height              : auto;}             
   #sub1-1 .second .contWrap .gallerySwiper .imgBox
                { width             : 100%;             height              : auto;             aspect-ratio        : 364 / 237;}             
   #sub1-1 .second .contWrap .gallerySwiper .imgBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}             
                             
@media(max-width : 1024px){                
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
  
         
}                
                

                
                
                
@media(max-width : 640px){                
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-1 .first .introWrap .introInner .text .none
                { display           : none;}          
   #sub1-1 .second
                { margin-top        : 4em;}                
                                   
}