.modal{position: fixed;top: 0;left: 0;z-index: 99999999;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;background: rgba(0, 0, 0, 0.50);}
.modal-radius{border-radius:16px;}
.modal-dialog{position: relative;margin: 0.5rem auto;overflow: hidden;height: calc(100vh - 100px);top: 50%;transform: translateY(-50%);background-color: #fff;}
.fade {transition: opacity .15s linear;}
.modal-footer{display: flex;justify-content: center;padding:8px;background-color:#EFF0F3;border-top:1px solid #D8DBDF;}
.modal-lg{width:1000px;}
.modal-md{width:500px;}
.modal-sm{width:350px;height:auto;}
.modal-sm .scroll-bar{height:614px;padding-bottom: 30px;}

.exam-modal-content{height:100%;}
.exam-modal-content .modal-header{padding:16px 16px 14px;color:#fff;font-size:20px;line-height:30px;font-weight:700;background-color: #2881FF;}
.exam-modal-content .modal-body{padding:24px 16px;height: calc(100% - 125px);}
.modal .exam-wrap{display:flex;gap:16px;height:100%;height: calc(100% - 54px);margin-bottom:24px;}
.modal .exam-wrap .exam-lf{width:752px;}
.modal .exam-wrap .exam-list{height: 100%;}
.modal .exam-wrap .exam-list ul{display:flex;flex-direction:column;gap:24px;margin-right: 8px;}
.modal .exam-wrap .exam-list ul li{padding-bottom:16px;border-bottom:1px solid #E4E8ED;}
.modal .exam-wrap .exam-list .exam-q-line{display:flex;gap:8px;align-items: flex-start;margin-bottom:16px;}
.modal .exam-wrap .exam-list .exam-q-line .num{display:inline-block;padding:2px 5px;text-align:center;font-family:'Pretendard';border-radius:28px;min-width:40px;color:#FFFFFF;background-color: #0B3B81;font-size:16px;font-weight:700;line-height:24px;}
.modal .exam-wrap .exam-list .exam-q{width: calc(100% - 58px);font-weight: 700;font-size: 16px;line-height: 24px;}
.modal .exam-wrap .exam-list .exam-desc{margin-bottom:16px;padding:16px;background-color: #F3F5F9;color:#484A4D;}
.modal .exam-wrap .exam-list .exam-a .line{display:flex;flex-direction:column;gap:8px;}
.modal .exam-wrap .exam-rg{width:calc(100% - 752px);}
.modal .exam-wrap .exam-rg .exam-time{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-weight:700;padding:12px 8px;border:1px solid #2881FF;border-radius:8px;background-color: #EEF7FF;}
.modal .exam-wrap .exam-rg .exam-time span{display: flex;align-items: center;gap: 4px;}
.modal .exam-wrap .exam-rg .exam-score{margin-bottom:8px;padding:12px 8px;border:1px solid #FF4C58;border-radius:8px;background-color: #FDF2F3;}
.modal .exam-wrap .exam-rg .exam-score span{display:flex;gap:4px;align-items:center;font-weight:700;}
.modal .exam-wrap .exam-rg .exam-score span strong{color:#FF4C58;}
/* .modal .exam-wrap .exam-num-mo{display:none;} */

.modal .exam-wrap .num-list{height: calc(100% - 85px);color:#484A4D;}
.modal .exam-wrap .num-list th{padding: 8px 0;}
.modal .exam-wrap .num-list td{padding:5px;text-align:center;height: auto;}
.modal .exam-wrap .num-list td a{display: block;padding: 8px 0;}
.modal .exam-wrap .num-list .ans-num-box{display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;}
.modal .exam-wrap .num-list .ans-num{display:inline-block;line-height: 20px;border:1px solid #D8DBDF;width:23px;height:23px;border-radius:100%;}
.modal .exam-wrap textarea{height:100px;}
.modal .exam-result-modal-content .num-list{height:calc(100% - 75px);}
.modal .exam-result-modal-content .exam-wrap{height:100%;}
.modal .exam-result-modal-content .exam-list li .badge-orange{margin-left: 8px;}
.exam-result-modal-content .correct-ans-box{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;margin:16px 8px 0 0;padding:12px;font-size:14px;line-height:21px;border:1px solid #FF7700;border-radius:10px;}
.exam-result-modal-content .feedback-box{display: flex;flex-direction: column;align-items: flex-start;gap: 8px;margin:16px 8px 0 0;padding:12px;font-size:14px;line-height:21px;border:1px solid #2881FF;border-radius:10px;}

/* 중소기업 */
.modal-refund-info .modal-lg{height:auto;max-height: calc(100dvh - 100px);}
.modal-refund-info .modal-content{height: 100%;}
.modal-refund-info .modal-header{padding:13px 20px;border-bottom:1px solid #E4E8ED;font-weight: 700;font-size: 22px;line-height: 33px;}
.modal-refund-info .modal-body{padding:24px 20px;}
.modal-refund-info .text-box{padding:24px;background-color: #F3F8FD;}
.modal-refund-info .text-box .top-text{margin-bottom:8px;color:#484A4D;font-weight: 700;font-size: 17px;line-height: 26px;}
.modal-refund-info .text-box dl{display:flex;align-items:flex-start;margin-bottom:4px;gap: 4px;color:#6A6C70;}
.modal-refund-info .text-box dl::before{margin: 9px 2px 0 0;width:5px;height:5px;border-radius:100%;background-color:#6A6C70;content:'';}
.modal-refund-info .info-box{margin-top:16px;padding:15px;background-color: #E5F0FF;color:#1B70EA;}
.modal-refund-info .info-box ul{padding:4px 0 15px 15px;}
.modal-refund-info .modal-footer{padding:0 0 24px;border:0;background:none;}
/* .modal-lg .modal-footer{margin-bottom:24px;display:flex;justify-content:center;}
.modal-lg .modal-footer button{background-color: #0D5294;color:#fff;font-size:18px;line-heighT:27px;font-weight:700;border-radius:5px;} */
.icon-modal-clse{width:20px;height:20px;background: url("../images/sub/icon-modal-clse.svg");display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}
.modal-refund-info .pop-clse{position:absolute;top:20px;right:20px;}

/* 할인적용하기 */
.modal-discount .modal-dialog{height: calc(100dvh - 311px);}
.modal-discount .modal-content{height:100%;}
.modal-discount .modal-header{padding:11px 0 12px;text-align:center;font-size:18px;line-height:27px;font-weight:700;background-color: #2881FF;color:#fff;}
.modal-discount .modal-body{padding:24px 8px 24px 16px;height:calc(100% - 111px);}
.modal-discount .modal-body .scroll-bar{overflow:auto;height: 100%;padding-right:8px;}
.modal-discount .product-box{padding:16px 0;color:#484A4D;font-size:16px;line-height:24px;border-bottom:1px solid #E4E8ED;}
.modal-discount .product-box .title{margin-bottom:8px;font-weight:700;}
.modal-discount .coupon-list{display: flex;flex-direction: column;gap: 16px;margin:16px 0 24px;}
.modal-discount .coupon-list li label{display: flex;align-items: center;justify-content: space-between;cursor:pointer;padding: 16px;border:1px solid #E4E8ED;border-radius:8px;}
.modal-discount .coupon-list li.active label{border-color:#2949B1;}
.modal-discount .coupon-list li .lf{display: flex;flex-direction: column;gap: 8px;}
.modal-discount .coupon-list li .coupon-title{color:#484A4D;font-size:16px;line-height:24px;font-weight:700;}
.modal-discount .coupon-list li .info-col{display:flex;flex-direction:column;gap:2px;color:#6A6C70;margin:0;}
.modal-discount .coupon-list li input[type=radio]{width: 20px;height: 21px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-radio-off.svg");background-repeat: no-repeat;}
.modal-discount .coupon-list li input:checked[type=radio]{background-image: url("../images/common/icon-radio-on.svg");}
.modal-discount .row-bg-tb table{border-top: 1px solid #E4E8ED;}
.modal-discount .modal-footer{padding:6px;}
.modal-discount .bor-srch-box{padding:16px;background-color: #F3F8FD;border:1px solid #E4E8ED;border-radius:8px;width:100%;}
.modal-discount .sub-title{margin-top:24px;padding-bottom:8px;border-bottom:1px solid #202020;font-weight: 700;font-size: 18px;line-height: 27px;}
.modal-discount .pop-clse {position:absolute;top: 10px;right: 16px;}
.icon-modal-clse-w{width:30px;height:30px;background: url("../images/sub/icon-modal-clse-w.svg");display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}

/* 비밀번호 입력 */
.modal .pw-inp-dialog{padding:50px 16px 16px;position:relative;}
.modal .pw-inp-dialog .pw-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.modal .pw-inp-dialog .pw-wrap .top{display:flex;flex-direction:column;align-items: center;gap: 15px;margin-bottom:16px;font-size: 17px;line-height: 26px;}
.modal .pw-inp-dialog .pw-wrap .inp-line{display:flex;justify-content:space-between;width:100%;margin-bottom:30px;}
.modal .pw-inp-dialog .pw-wrap .inp-line input{width:calc(100% - 95px);}
.modal .pw-inp-dialog .pw-wrap .inp-line button{width:90px;}

/* 시험 응시 전 유의사항 */
.modal-exam-noti .modal-md{height: auto;}
.modal-exam-noti .modal-content{padding:32px;}
.modal-exam-noti .modal-body{display: flex;align-items: center;flex-direction: column;gap: 16px;}
.modal-exam-noti .title{font-weight: 700;font-size: 18px;line-height: 27px;}
.modal-exam-noti .exam-noti-text{display:flex;flex-direction:column;gap:4px;width: 100%;}
.modal-exam-noti .exam-noti-text p{position: relative;padding-left: 14px;color:#484A4D;font-size:14px;line-height:21px;font-weight:500;}
.modal-exam-noti .exam-noti-text p strong{font-weight:500;}
.modal-exam-noti .exam-noti-text p::before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);display:inline-block;width:4px;height:4px;margin-right:6px;background-color: #484A4D;border-radius:100%;content:'';}
.modal-exam-noti .form-check{margin: 16px 0 4px;}
.modal-exam-noti .btns .btn{flex:1;}


/* 사업자등록증 */
.modal-b-license-file .modal-dialog{width:500px;height: auto;}
.modal-b-license-file .modal-content{padding:32px;}
.modal-b-license-file .title{margin-bottom: 30px;font-weight: 700;font-size: 18px;line-height: 27px;}
.modal-b-license-file .sub-title{font-size: 15px;margin-bottom: 8px;}
.modal-b-license-file .pop-clse {position:absolute;top: 10px;right: 16px;}
.modal-b-license-file .file-box{display: flex;position:relative;align-items: center;column-gap: 8px;width: 100%;}
.modal-b-license-file .file-box input{width: calc(100% - 98px);}
.modal-b-license-file .file-box button{width: 90px;}
.modal-b-license-file .file-box input[type="file"]{display:none;width:auto;}
.modal-b-license-file .file-info{margin-top: 5px;font-size: 13px;align-items: center;display: flex;gap: 5px;}
.modal-b-license-file .file-box .btn-file{position:relative;}
.modal-b-license-file .file-box .btn-file label{cursor: pointer;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.icon-file-clse{width:12px;height:12px;background: url("../images/sub/icon-file-clse.svg");}
.modal-b-license-file .file-nm{display: flex;align-items: center;gap: 8px;}
.modal-b-license-file .file-nm+.file-nm{margin:5px 0 0;}
.modal-b-license-file .file-nm a{font-size: 14px;line-height: 19px;word-break: break-word;color:#6A6C70;}
.modal-b-license-file .file-nm button{height: 20px;width: 20px;border: 1px solid #979b9d;display: flex;align-items: center;justify-content: center;border-radius: 4px;}

/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.modal-dialog{width: calc(100% - 20px);height: calc(100dvh - 46px);}
.exam-modal-content .modal-header {padding: 10px 10px 14px;font-size: 16px;line-height: 24px;}
.exam-modal-content .modal-body {padding: 15px 10px;height: calc(100% - 129px);}
.modal .exam-wrap{justify-content: flex-end;flex-direction: column-reverse;gap:10px;height: calc(100% - 44px);}
.modal .exam-wrap .exam-lf{width:100%;height: calc(100% - 38px);}
.modal .exam-wrap .exam-list ul {gap: 15px;}
.modal .exam-wrap .exam-list .exam-q-line{margin-bottom: 10px;}
.modal .exam-wrap .exam-list .exam-q-line .num {border-radius: 25px;min-width: 36px;font-size: 14px;line-height: 21px;}
.modal .exam-wrap .exam-list .exam-q {width: calc(100% - 47px);font-size: 14px;line-height: 21px;}
.modal .exam-wrap .exam-list .exam-a .line {gap: 5px;}
.modal .exam-wrap .exam-list .form-radio label {font-size: 14px;line-height:21px;}
.modal .exam-wrap .exam-list .form-check label{font-size: 14px;line-height:21px;}
.modal .exam-wrap .exam-list .exam-desc {margin-bottom: 10px;padding: 8px;line-height: 21px;font-size: 14px;}
.modal .exam-wrap .exam-rg{display: flex;width:100%;}
.modal .exam-wrap .exam-rg .exam-time{flex-direction: row;column-gap: 15px;width: 100%;flex-wrap: wrap;row-gap: 5px;padding: 6px 8px;font-size: 14px;}
.modal .exam-wrap .num-list{display:none;}
.exam-modal-content .exam-noti{font-size: 12px;line-height: 17px;}
.exam-result-modal-content .modal-body{height: calc(100% - 106px);}
.modal .exam-result-modal-content .exam-wrap .exam-lf{height: calc(100% - 68px);}
/* .modal .exam-wrap .exam-num-mo{display:flex;width:100%;}
.modal .exam-wrap .exam-num-mo ul{display: flex;flex-wrap:wrap;border: 1px solid #D8DBDF;width: 100%;}
.modal .exam-wrap .exam-num-mo ul li{display: flex;flex-direction: column;border-right: 1px solid #D8DBDF;text-align: center;}
.modal .exam-wrap .exam-num-mo ul li a{display: block;width: 100%;padding: 8px;background: #D8DBDF;} */

/* 할인적용하기 */
.modal-discount .modal-dialog {height: calc(100dvh - 100px);}
.modal-discount .modal-body {padding: 15px 8px 10px 10px;height: calc(100% - 104px);}
.modal-discount .modal-header {font-size: 17px;}
.modal-discount .bor-srch-box {padding: 8px;}
.modal-discount .bor-srch-box input{width: calc(100% - 82px);}
.modal-discount .sub-title {padding-bottom: 5px;font-size: 16px;line-height: 26px;}
.modal-discount .product-box {padding: 10px 0;font-size: 15px;line-height: 23px;}

/* 중소기업 근로자 주도훈련 */
.modal-refund-info .modal-lg{height: calc(100dvh - 100px);}
.modal-refund-info .modal-header{padding: 12px 15px;font-size: 17px;line-height: 27px;}
.modal-refund-info .modal-header .title{width: calc(100% - 23px);}
.modal-refund-info .modal-body {padding:15px;height: calc(100% - 128px);}
.modal-refund-info .text-box{padding: 12px;height:100%;}
.modal-refund-info .text-box .top-text {font-size: 15px;line-height: 22px;}
.modal-refund-info .text-box dl{align-items: flex-start;}
.modal-refund-info .text-box dl::before{margin:8px 2px 0 0;}
.modal-refund-info .text-box dl dd{width: calc(100% - 100px);}
.modal-refund-info .info-box {padding: 10px;font-size: 14px;line-height: 21px;}
.modal-refund-info .pop-clse{top:12px;right:15px;}

/* 비밀번호 입력 */
.pw-inp-dialog{height:auto;}

/* 시험 응시 전 유의사항 */
.modal-exam-noti .modal-md{height: auto;}
.modal-exam-noti .modal-content{padding:12px 15px;}
.icon-exam-noti {width: 85px;height: 85px;}

.modal-b-license-file .modal-dialog{width: calc(100% - 20px);}
.modal-b-license-file .modal-content{padding: 15px 10px;}

}