@charset "UTF-8";    

/* 데스크탑 */
.common_pop_template {text-align:left;position:relative;height:100%;}
.common_pop_template header{box-sizing:border-box;position:absolute;top:0;width:100%;height:-webkit-fill-available;padding: 0 10px 10px 10px }
.common_pop_template h2{font-size: 1.5em;margin-block-start: 0.83em;margin-block-end: 0.83em;margin-inline-start: 0px;margin-inline-end: 0px;margin: 0.83em;font-weight: bold; }     
.common_pop_template header h2 { width:auto; display:inline-block }     
.common_pop_template header a {float:right;padding:12px 2px;cursor:pointer;margin:5px 2px;color:var(--bg-color)}
.common_pop_template header a:hover {font-weight:bolder;color:darkred}
.common_pop_template footer {box-sizing:border-box;position:absolute;bottom:0;width:100%;height:auto;text-align:center;line-height:40px}
.common_pop_template footer #defaultButtonArea { padding-right:15px;float:right;text-align:right }
.common_pop_template footer #customButtonArea { padding-left:15px;float:left;text-align:left }
.common_pop_template footer button{cursor:pointer;margin:2px 1px 5px 1px;padding:5px 10px 5px 5px;border:1px solid transparent;background-color:transparent;color:#000}    
.common_pop_template footer button > a{color:#000!important;text-decoration:none}    
.common_pop_template footer button:hover{border: 1px solid #bcbcbc;border-bottom-color:#dedede;border-right-color:#dedede;background-color:#FDF5D2}    

/* layer pop css decoration */
div[name=_IMS_LAYERPOPUP]{box-shadow: inset 0.2em 0.2em var(--border-color)}
.imslayeranydisplay{
    animation-name:layeranydisplay; 
    animation-duration:0.8s; 
    animation-iteration-count:1;
}
@keyframes layeranydisplay { 
    0%  { blur:1.5rem;opacity: 0; background-color:transparent; color:transparent} 
    30% { blur:1.5rem;opacity: 0.3; } 
    50% { blur:1.5rem;opacity: 0.5; } 
    80% { blur:1.5rem;opacity: 0.8; } 
    100% { blur:1.5rem;opacity: 1; } 
}