@charset "UTF-8";

/*POP-UP*/
.modal-popup{display: none;position: fixed;top: 0;left: 0;width:100%;height:100%;overflow-x: hidden;overflow-y: auto;background:rgba(0,0,0,0.75);z-index:110000}
.modal-dialog {position: relative;display: flex;align-items: center;min-height: calc(100% - (1.5rem * 2));max-width: 80rem;z-index:200000;margin: 1.5rem auto;pointer-events: none;font-size:1.6rem}
.modal-dialog.small_alert{max-width:50rem}
.modal-dialog h4{margin-top:2.9rem;padding-bottom:2.5rem;border-bottom: 1px solid #E7E7EE;text-align:center;letter-spacing:-0.085rem;font-weight:600;font-size:3.2rem;color: #2A2A2A}
.modal-dialog h4 > br{display: none}
.modal-dialog h6{margin-top:2.9rem;padding-bottom:2.5rem;border-bottom: 1px solid #E7E7EE;text-align:center;letter-spacing:-0.085rem;font-weight:400;font-size:1.6rem;color: #5C6670}
.modal-dialog h6 > br{display: none}
.modal-content{flex:1;position: relative;margin: 0 2rem;background-clip: padding-box;background-color: #fff;outline: 0 none;pointer-events: auto}
.modal-content.alertframe{border-radius:0.4rem}
.modal-header {display:block;position:relative;padding:3rem 3rem 0 3rem}
.modal-body {position:relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0 3rem;/*height:calc(100% - 10rem);overflow-y:auto;*/}
.modal-container{padding: 5rem 0 1rem}
.modal-footer {display:-ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: center;padding:2rem 2rem 6rem}
.modal-dialog.small_alert .modal-footer{padding: 3rem 2rem 5rem}
.close-btn{font-size:0.875rem;cursor:pointer;color:#000}
.close-btn.btn-pop-close{position:relative;display:inline-block;position: absolute;top:3rem;right:2rem;width:1.8rem;height:1.8rem;line-height: 1.8rem;text-align:center;text-decoration:none;font-size:1rem;font-weight: bold;color:#000;text-indent:-9999px;z-index:1}
.close-btn.btn-pop-close:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/common/modal-close.svg) 0 0 no-repeat;width:1.8rem;height:1.8rem;background-size:100%}
.modal-dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:120000}
.modal-popup.fade .modal-dialog {transition: -webkit-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out; -webkit-transform: translate(0,-100px);transform: translate(0,-100px)}
.modal-popup.show .modal-dialog{-webkit-transform: none;transform: none}

@media (max-width: 950px){
    .modal-header{padding: 3rem 2rem 0 2rem}
    .close-btn.btn-pop-close{top: 2.4rem}
    .modal-dialog h4{padding-bottom: 2rem;font-size: 2.4rem;margin-top: 2rem}
    .modal-dialog h6{padding-bottom: 2rem;font-size: 1.4rem;margin-top: 2rem}
    .modal-body{padding: 0 2rem}
    .modal-container{padding: 4rem 0 1rem}
    .modal-footer{padding: 2rem 2rem 5.4rem}
    .modal-dialog.small_alert .modal-footer{padding: 2rem 2rem 3rem}
}


@media (max-width: 640px){
    .modal-dialog h4 > br{display: block}
    .modal-dialog h6 > br{display: block}
}