/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #map_infoHide
                { width             : 100%;             height              : auto;             font-size           : min(1.6vw,18px);  font-family         : "nanum";          
                  }
   #map_infoHide .shadowWrap img
                { opacity           : .7;}
   #map_infoHide #mapWrap
                { width             : 100%;             height              : auto;             position            : relative;         display             : flex;
                  align-items       : center;           justify-content     : center;           overflow            : hidden;           }
   #map_infoHide #mapWrap #map
                { width             : 100% !important;  height              : 100% ! important; position            : absolute;         top                 : 0;
                  left              : 0;                z-index             : 1;}                  
   #map_infoHide #mapWrap #map .gm-style-iw-chr
                { height            : 15px;}
   #map_infoHide #mapWrap #map_infoWrap
                { width             : 90%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           background          : #ffffffbf;        box-shadow          : 0px 0px 11px 0px #999999bf;
                  border-radius     : 12px;             position            : relative;         z-index             : 2;                margin              : 5em 0;
                  max-width         : 584px;            transition          : .2s;              opacity             : 0;                pointer-events      : none;}
   #map_infoHide #mapWrap #map_infoWrap.show
                { opacity           : 1;                pointer-events      : auto;             transition          : .2s;}
   
   #map_infoHide #mapWrap .toggleBtn
                { font-size         : 1.2em;            line-height         : 1em;              padding             : 0.2em 2em;        border-radius : 12px;
                  background        : #980000;          color               : #fff;             transition          : .2s;              cursor              : pointer;
                  opacity           : .4;}                                           
   #map_infoHide #mapWrap .toggleBtn:hover
                { opacity           : 1;                transition          : .2s;}
   #map_infoHide #mapWrap .toggleBtn#infoHideBtn
                { border-top-left-radius : 0;           border-top-right-radius : 0;}    
   #map_infoHide #mapWrap .toggleBtn#infoShowBtn
                { border-bottom-left-radius : 0;           border-bottom-right-radius : 0;      z-index             : 2;                bottom              : 0;
                  left              : 50%;              transform           : translateX(-50%); position            : absolute;         opacity             : 0;}
   #map_infoHide #mapWrap .toggleBtn#infoShowBtn.show
                { opacity           : .4;               transition          : .2s;}
   #map_infoHide #mapWrap .toggleBtn#infoShowBtn.show:hover                
                { opacity           : 1;                transition          : .2s;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap
                { width             : 90%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           margin              : 1em 0 2em;    gap                 : 0.6em;
                  max-width         : 400px;}                
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .topWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 0.5em;}             
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .topWrap img
                { height            : 2.5em;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .topWrap .line
                { width             : 100%;             height              : max(2px,0.2em);   background          : #980000;          opacity             : .3;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .topWrap .addr
                { color             : #333333;          word-break          : keep-all;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap
                { width             : 95%;              height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           gap                 : 1.2em;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .cpInfoWrap
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : center;           gap                 : 0.7em;            padding             : 1.5em;
                  border-radius     : 12px;             background          : #e5e5e580;}            
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .cpInfoWrap .cpInfoList
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       gap                 : 0.3em;            }              
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .cpInfoWrap .cpInfoList img
                { height            : 1.4em;}            
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .cpInfoWrap .cpInfoList .infoVal
                { font-size         : max(13px,0.88em); white-space         : nowrap;           line-height         : 1em;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap
                { width             : auto;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 1em;}              
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap a
                { width             : auto;             height              : auto;             display             : block;            transition          : .2s;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap a:hover
                { filter            : drop-shadow(0px 0px 5px #999);    transition : .2s;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap a img
                { height            : 2.55em;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .detail
                { line-height       : 1em;              color               : #333333;          font-weight         : 700;              transition          : .2s;
                  padding           : 0.4em 1.6em;        border-radius       : 7px;            border              : 1px solid #333;   opacity             : .5;
                  margin-top        : 0.4em;}               
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .detail:hover
                { background        : #980000;          color               : #fff;             border              : 1px solid #980000; opacity            : 1;
                  transition         : .2s;}               
                  
                  
@media(max-width:1024px){  
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #map_infoHide   
                { font-size         : min(2.4vw,16px);
                
   }                  
}


@media(max-width : 640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #map_infoHide
                { font-size           : max(14px,3vw);}  
                
}      

@media(max-width : 374px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap
                { flex-direction    : column;           gap                 : 0.5em;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .cpInfoWrap
                { width             : 100%;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap
                { flex-direction    : row;              gap                 : 0.5em;}
   #map_infoHide #mapWrap #map_infoWrap .infoInnerWrap .midWrap .snsWrap a img
                { height            : 2em;}                                
                
}