/*  2022/4/1     */
.modal{padding: 0 2%; overflow-y: auto;}
.modal.in .modal-dialog, .modal .modal-dialog{width: 560px; max-width: 100%;}
.modal .modal-content{padding: 30px; border-radius: 14px;}
.modal .modal-header{ background: #fff; padding: 0 0 10px; border-bottom: 2px solid #f0f0f0;}
.modal .modal-header .modal-title{font-size: 30px; color: #36b0d1 ; line-height: 1.2; padding-left: 0;}
.modal .modal-header .close{top: 0; font-size: 0;  width: 43px; height: 40px; background: url(/resource/images/modal_close_ic.jpg) center center no-repeat #fff;}
.modal .modal-header .close > span{font-size: 0;}
.modal .modal-body{padding: 20px 0;}
.modal .modal-footer{padding: 0; background: #fff;}
.modal .modal-body .modal-footer{margin-top: 20px;}														
/* 20240821 팝업 확인confirm 버튼 배경색 변경*/
.modal .modal-footer #confrmBtn.btn{border: none; display: inline-block; width: 40%; max-width: 160px; height: auto; background: #12819F; border-radius: 24px; font-size: 17px; color: #fff; line-height: 24px; padding: 12px 0;}
/* .modal .modal-footer #confrmBtn.btn{border: none; display: inline-block; width: 40%; max-width: 160px; height: auto; background: #36b0d1; border-radius: 24px; font-size: 17px; color: #fff; line-height: 24px; padding: 12px 0;} */
.modal .modal-footer #closeBtn.btn{border: none; display: inline-block; width: 40%; max-width: 160px; height: auto; background: #7f7f7f; border-radius: 24px; font-size: 17px; color: #fff; line-height: 24px; padding: 12px 0;}
.modal .modal-footer #closeBtnAlert.btn{border: none; display: inline-block; width: 40%; max-width: 160px; height: auto; background: #7f7f7f; border-radius: 24px; font-size: 17px; color: #fff; line-height: 24px; padding: 12px 0;}

.modal-body .inline-body{padding: 0;}
.modal-body .inline-body + .inline-body{margin-top: 10px;}
.modal-body .inline-body .tit{font-size: 17px; font-weight: 600; letter-spacing: -1px; width: 160px;}
.modal-body .inline-body .tit + .ele_inline{padding-left: 5px;}
.modal-body .comm_input{width: 100%; height: 50px; padding: 0; padding-left: 6px; border: 1px solid #eae9e9; border-radius: 12px;}

.container-fluid .lock-icb{text-align: center; padding-top: 120px; background: url(./lpp_lock_ic.jpg) center 0 no-repeat;}

#pwLayerPopup_top .inline-body{text-align: center;}
#pwLayerPopup_top .inline-body .ele_inline{display: inline-block;}
#pwLayerPopup_top .inline-body .tit{width: 70px; }
#pwLayerPopup_top .inline-body .tit + .ele_inline{width: calc(100% - 75px); max-width: 300px; padding-left: 5px;}
#pwLayerPopup_top .btn_qualfcnfrm{display: inline-block; width: 40%; max-width: 160px; background: #36b0d1; border-radius: 8px; font-size: 17px; line-height: 24px;}
#pwLayerPopup_top .btn_qualfcnfrm.btn_reset{background: #7f7f7f;}

#WithdrawLayerPopup_top .btn_qualfcnfrm{display: inline-block; width: 40%; max-width: 160px; background: #37ab96; border-radius: 24px; font-size: 17px; line-height: 24px;}
#WithdrawLayerPopup_top .btn_qualfcnfrm.btn_reset{background: #7f7f7f;}

#pwLayerPopup .modal-footer .btn.btn_red{width: 40%; max-width: 160px; height: auto; border-radius: 24px; font-size: 17px; color: #fff; line-height: 24px; padding: 12px 0; border: none;}
#pwLayerPopup .modal-footer .btn.btn_gray{width: 40%; max-width: 160px; height: auto; border-radius: 24px; background: #7f7f7f; font-size: 17px; color: #fff !important; line-height: 24px; padding: 12px 0; border: none;}

#daumPostLayer .modal-header{ background: #fff; padding: 10px;}
#daumPostLayer .modal-title{font-size: 20px; color: #37ab96; line-height: 1.2; padding-left: 0;}
#daumPostLayer .modal-header .close{top: 0; font-size: 0; width: 43px; height: 40px; background: url(/resource/images/modal_close_ic.jpg) center center no-repeat #fff;}
#daumPostLayer .modal-header .close > span{font-size: 0;}

@media screen and (max-width: 500px){
.modal .modal-content{padding: 20px;}
}

@media screen and (max-width: 400px){
.modal .modal-header .modal-title{font-size: 24px; }
.modal .modal-header .close{height: 30px;}
#pwLayerPopup .inline-body .tit{width: 90px; font-size: 15px; word-break: keep-all;}
}


/*�쎒�젒洹쇱꽦 0919*/
#daumPostLayer .modal-title{color: #2E96B2}
#pwLayerPopup_top .btn_qualfcnfrm.btn_reset:focus-visible,
.modal .modal-footer #closeBtn.btn:focus-visible,
#pwLayerPopup .modal-footer .btn.btn_gray:focus-visible,
.modal .modal-footer #closeBtnAlert.btn:focus-visible{outline: 3px dotted #000}