@charset "UTF-8";
/* ASIS 공통팝업 CSS - 보안키패드 띄울 때 필요해서 일단 임시 조치 */
/* 공통팝업 - start */
.popup-def {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; display: none; overflow-y: auto; width: 100%; height: 100vh; max-height: 100%;}
.popup-def:after {position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
.popup-def.no-dimd:after {display: none;}
.popup-def .popup-wrap {position: relative; z-index: 1; /* min-height: 100%; */ height: 100%; height: calc(env(safe-area-inset-bottom) + 100%); height: calc(constant(safe-area-inset-bottom) + 100%); background-color: #fff; overflow-y: auto;} /* 2021-01-19 팝업 내 input 포커스 됐을 때 하단 길이 남는 문제 때문에 min-height:100% 대신 height:100%로 수정 */
.popup-def .btn-close {position: absolute; top: 13px; right: 16px;}
.popup-def .header {position: relative; padding: 71px 32px 24px; width: 100%; border-bottom: 1px solid #eee; background-color: #fff;}
.popup-def .header .tit {font-weight: 300; font-size: 24px; letter-spacing: -1px; color: #222; line-height: 34px; word-break: keep-all;}
.popup-def .header .tit.has-border {padding-bottom: 9px; border-bottom: 1px solid #f1f5f8;}
.popup-def .header .popup-top-txt {margin-top: 10px; font-weight: 400; font-size: 13px; color: #555; line-height: 19px; letter-spacing: -.5px;}
.popup-def .header .popup-top-txt + .popup-top-txt {margin-top: 5px;}
.popup-def .header.short-type {padding: 7px 0; height: 50px; text-align: center; border-bottom: 0;}
.popup-def .header.short-type .tit {font-weight: 500; font-size: 16px;}
.popup-def .header.short-type + .content {/* padding: 30px 32px 110px; */ padding: 30px 16px 50px;}
.popup-def .header.short-type + .content.has-fix-btn {padding-bottom: 126px;}
.popup-def .header.short-type + .content.has-fix-btn.pdb30 {padding-bottom: 30px;}
.popup-def .content {position: relative; padding: 40px 32px 50px;}
.popup-def .content.has-fix-btn {padding-bottom: 126px;}
/* .popup-def.fixed .header {position: fixed; top: -50px; z-index: 5; transition: all .2s ease-out;}
.popup-def.fixed.scrl-up .header {top: 0;}
.popup-def.fixed .content {margin-top: 50px;} */
.popup-def .center-ico-txt {padding-top: 40px; padding-bottom: 0;}
.popup-def .btn-close-area {position: absolute; top: 0; z-index: 1; width: 100%; height: 50px; background-color: rgba(255,255,255,0);}
.popup-def.fixed .btn-close-area {position: fixed; transform: translateY(-100%); background-color: rgba(255,255,255,.8);}
.popup-def.fixed.scrl-up .btn-close-area {transform: translateY(0); transition: all .4s ease;}
.popup-def .popup-wrap .progress-bar {left: -32px; top: -41px; width: -webkit-calc(100% + 64px); width: calc(100% + 64px);}
.popup-def .box-visual .title{left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-size: 20px; line-height: 30px;}
.popup-def .box-visual .title .desc1{color: #222; font-weight: 400;}
.popup-def .box-visual .title .desc2{color: #791d1d; font-weight: 500;}
.popup-def .box-visual .title .desc3{font-size: 13px; color: #885f19; font-family: "Nunito Sans", "Noto Sans KR";}
.popup-def .event-view .event-tit{font-size: 16px; font-weight: 400; line-height: 22px; color: #222;;}
@media all and (max-width:320px) {
  .popup-def .header .tit {font-size: 22px;}
}
/* 공통 팝업 - end */