@charset "utf-8";

/*fake 셀렉트*/
._hidden .popup_sel.sel_option{z-index:300!important;}

/*레이어 팝업*/
.modal-wrapper{
    width:100%;
    height:100%;
    position:fixed;
    top:0; left:0;
    background:rgba(0,0,0,0.75);
    visibility:hidden;
    opacity:0;
    z-index:9999;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
  
.modal-wrapper.open{opacity:1; visibility:visible;}
  
.modal{
    width:1167px;
    height:720px;
    display:block;
    margin:50% 0 0 -583px;
    position:relative;
    top:50%; 
    left:50%;
    background:#fff;
    border-radius:32px 0 0 32px;
    opacity:0;
    overflow: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
  
.modal-wrapper.open .modal{margin-top:-360px; opacity:1;}
  
.head{position:absolute; right:0; padding:1.5em 4%; overflow:hidden;  display: inline-block; border-radius: 16px 16px 0 0;}
  
.btn-close{width:32px; height:32px; display:block; float:right; position: fixed;}
.btn-close:hover{opacity: 0.5;}
.btn-close::before, .btn-close::after{content:''; width:32px; height:2px; display:block; background:#000;}
  
.btn-close::before{
    margin-top:12px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
  
.btn-close::after{
    margin-top:-2px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
  
.layerPopup-cont{padding:48px; }