/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-2      { width             : 100%;             height              : auto;             font-family         : "nanum";          display             : flex; 
                  flex-direction    : column;           align-items         : center;           justify-content     : center;           margin-top          : 145px;}
   #sub1-2 .topImageWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           aspect-ratio        : 1920 / 450;       font-size           : min(1.7vw,35px);  position            : relative;}                
   #sub1-2 .topImageWrap .subTitImage
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                object-fit          : cover;}               
   #sub1-2 .topImageWrap .topTextWrap
                { width             : 100%;             height              : 100%;             position            : relative;         z-index             : 1;
                  display           : flex;             align-items         : center;           justify-content     : center;}               
   #sub1-2 .topImageWrap .topTextWrap .inner
                { width             : auto;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           flex-direction      : column;           gap                 : 0.5em;}                  
   #sub1-2 .topImageWrap .topTextWrap .inner .eng
                { font-size         : max(14px,0.65em);  font-weight         : 400;              line-height         : 1em;              color               : #fff;}               
   #sub1-2 .topImageWrap .topTextWrap .inner .kor
                { font-weight       : 800;              line-height         : 1em;              color               : #fff;}             
   #sub1-2 .topShadowWrap,                         
   #sub1-2 .topShadowWrap img
                { width             : 100%;             height              : auto;}
   #sub1-2 .divisionWrap
                { width             : 95%;              height              : auto;             display             : flex;             align-items         : flex-start;
                  justify-content   : space-between;    margin        : 2em 0; font-size           : min(1.6vw,18px);}
            
   #sub1-2 .wrap
                { width             : 48%;               height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;             gap                 : 2em;
                  }             
   #sub1-2 .wrap .infoWrap
                { width             : 95%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 1.5em;            max-width           : 610px;}             
   #sub1-2 .wrap .logoWrap
                { width             : 100%;             height              : auto;}            
   #sub1-2 .wrap .logoWrap img
                { width             : 100%;             height              : 2.3em;            object-fit          : contain;}
   #sub1-2 .wrap .infoBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           background          : #f6f6f6;
                  padding           : 1.3em 0.5em;}            
  #sub1-2 .wrap .infoBox .inner
                { width             : auto;             height              : auto;             display             : flex;             align-items         : flex-start;
                  justify-content   : flex-start;       flex-direction      : column;           gap                 : 0.7em;}
  #sub1-2 .wrap .infoBox .inner .infoList
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       gap                 : 0.4em;}
  #sub1-2 .wrap .infoBox .inner .infoList .infoIcon
                { height            : 1.6em;}
  #sub1-2 .wrap .infoBox .inner .infoList .info
                { word-break        : keep-all;         color               : #0b9fd3;          font-weight         : 700;              }
  #sub1-2 #map,
  #sub1-2 #map2
                { width             : 100%;             height              : auto;             aspect-ratio        : 900 / 562;           position        : relative;}               
  #sub1-2 #map .gm-style-iw-chr,
  #sub1-2 #map2 .gm-style-iw-chr
                { height            : 15px;}               
                 
                 
                 
                  
@media(max-width:1024px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-2      { margin-top        : 80px;}    
   #sub1-2 .topImageWrap
                { font-size         : min(3.5vw,26px); aspect-ratio         : 1920 / 600;}
   #sub1-2 .divisionWrap
                { flex-direction    : column;           align-items         : center;           gap                 : 3.5em;              font-size         : min(2.6vw,18px);}                              
   #sub1-2 .wrap  
                { width             : 100%;             gap                 : 2em;}
   #sub1-2 .wrap .infoWrap
                { max-width         : 500px;}
   #sub1-2 .wrap .logoWrap img
                { height            : 2em;}       
   #sub1-2 #map,
   #sub1-2 #map2
    { aspect-ratio        : 1920 / 700;     min-height          : 300px;}             
}               
                
                
@media(max-width:640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-2      { margin-top        : 65px;}    
   #sub1-2 .topImageWrap
                { font-size         : max(18px,3.5vw); aspect-ratio         : 1920 / 900;}
   #sub1-2 .divisionWrap
                { font-size         : max(14px,3vw);    gap                 : 4em;}                              
   #sub1-2 .wrap  
                {   gap                 : 1em;}
   #sub1-2 .wrap .infoWrap
                { width             : 90%;            max-width         : 500px;}
   #sub1-2 .wrap .logoWrap img
                { height            : 2em;}       
   #sub1-2 #map,
   #sub1-2 #map2
    { aspect-ratio        : 1920 / 700;     min-height          : 300px;}                                  
}