/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #sub7-5 .first
                { padding           : 0em 0 3em;        }
   #sub7-5 .first .shadowWrap   
                { width             : 100%;             height              : auto;             position            : relative;}                
   #sub7-5 .first .shadowWrap img
                { width             : 100%;             height              : auto;             position          : absolute;
                  opacity           : .7;}             
   #sub7-5 .first .shadowWrap img.top
                { bottom                 : 0;                left                : 0;}
   #sub7-5 .first .shadowWrap img.bottom
                { top               : 0;                left                : 0; transform         : rotate(-180deg);}
   #sub7-5 .first #map
                { width             : 100%;             height              : auto;             aspect-ratio        : 1920 / 600;
                  min-height        : 30vh;             max-height          : 600px;}                
   #sub7-5 .first #map .gm-style-iw-chr
                { height            : 15px;}
   #sub7-5 .first .infoWrap
                { width             : 90%;              height              : auto;             display             : flex;
                  align-items       : stretch;          justify-content     : center;           gap                 : 4%;               max-width           : 700px;
                  margin            : 5em 0 2.5em;}           
   #sub7-5 .first .infoWrap .infoBox
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : center;           gap                 : 0.5em;            padding             : 0.5em 0;}
   #sub7-5 .first .infoWrap .logo
                { height            : 4.3em;}  
   #sub7-5 .first .infoWrap .infoList
                { width             : auto;             height              : auto;             gap                 : 0.5em;    
                  display           : flex;             align-items         : center;           justify-content     : center;}
   #sub7-5 .first .infoWrap .infoList .icon
                { height            : 1.5em;}
   #sub7-5 .first .infoWrap .snsBtn
                { transition        : .2s;}
   #sub7-5 .first .infoWrap .snsBtn:hover
                { filter            : drop-shadow(0px 0px 3px #00000082);    transition : .2s;}
   #sub7-5 .first .infoWrap .snsBtn img
                { height            : 2.5em;}
   
   #sub7-5 .first .infoWrap .line                 
                { width             : max(2px,0.25em);  background           : #e5e5e5;          }      
   #sub7-5 .first .mapImgWrap
                { width             : 100%;              height              : auto;             max-width           : 1000px;}        
   #sub7-5 .first .mapImgWrap img
                { width             : 100%;             height              : auto;}             
@media(max-width : 1024px){
#sub7-5 .first #map
                { min-height        : 40vh;}    
    
    }
                
@media(max-width : 640px){ 
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #sub7-5 .first 
                { padding           : 0 0 5em;}
   #sub7-5 .first #map
                { min-height        : 40vh;}
   #sub7-5 .first .infoWrap
                { flex-direction    : column;           align-items         : center;           justify-content     : center;           gap                 : 1.4em;
                  margin-top        : 3em;}
   #sub7-5 .first .infoWrap .line           
                { width             : 100%;             height              :  max(2px,0.25em);}
   #sub7-5 .first .infoWrap .infoBox
                { padding           : 0;}
   #sub7-5 .first .infoWrap .infoBox.sns
                { flex-direction    : row;              padding             : 0;                gap                 : 1em;}
            
}