/* modal.css 수정금지 */
/* 새로 css 추가시 어느 페이지에 어디위치인지 표시할것 */
/* 기존 css 수정시 여기다가 수정할것 */



/* joy 추가 시작 */

/* 연차관리 날짜 선택 리스트 */
.modalNT .choiceDateBox{display:block;overflow-y:scroll;border:1px solid #e6e6e6;outline:none;width:700px;height:130px;padding:.47rem .8rem;}

/* 작은 모달 */
.modalNT.fade .modal-dialog.modalSmall {min-width:800px;}

/* 왼쪽 정렬 */
.modalNT .basicScroll .grid-layout table td div.leftAlign {text-align:left;padding:0 5px;}

/* 필수 표시 */
.modalNT .modal-body .requisite {color:red; font-size:12px;}



/* 반복주기 가로사이즈 */
.modalNT .modal-body .form-control.inputRepeaInterval {width:calc(100% - 60px);}

/* 팝업 반복 주기 글자 */
.modalNT .modal-body .repeatCommentText {position:relative; bottom:-10px; margin:0 0 0 5px; font-weight:600;}

/* 알림 css 시작 */
.success .modal.in {z-index: 9991;}
.success .modal.in .modal-dialog{top:50%; transform:translateY(-50%); width:300px;}
.success .modal-header {border-bottom:none;}
.success .modal-name {text-align:center;}
.success .modal-name svg {width:40px; height:40px; margin:10px 0; fill:#198754;}
.success .modal-name .title {font-size:16px; word-break:keep-all; font-weight:700; margin-bottom:5px;}
.success .modal-name .text {font-size:14px; margin:0; word-break:keep-all;}

.danger .modal.in {z-index: 9991;}
.danger .modal.in .modal-dialog{top:50%; transform:translateY(-50%); width:300px;}
.danger .modal-header {border-bottom:none;}
.danger .modal-name {text-align:center;}
.danger .modal-name svg {width:40px; height:40px; margin:10px 0; fill:#dc3545;}
.danger .modal-name .title {font-size:16px; word-break:keep-all; font-weight:700; margin-bottom:5px;}
.danger .modal-name .text {font-size:14px; margin:0; word-break:keep-all;}

.warning .modal.in {z-index: 9991;}
.warning .modal.in .modal-dialog{top:50%; transform:translateY(-50%); width:300px;}
.warning .modal-header {border-bottom:none;}
.warning .modal-name {text-align:center;}
.warning .modal-name svg {width:40px; height:40px; margin:10px 0; fill:#ffc107;}
.warning .modal-name .title {font-size:16px; word-break:keep-all; font-weight:700; margin-bottom:5px;}
.warning .modal-name .text {font-size:14px; margin:0; word-break:keep-all;}

.info .modal.in {z-index: 9991;}
.info .modal.in .modal-dialog{top:50%; transform:translateY(-50%); width:300px;}
.info .modal-header {border-bottom:none;}
.info .modal-name {text-align:center;}
.info .modal-name svg {width:40px; height:40px; margin:10px 0; fill:#0dcaf0;}
.info .modal-name .title {font-size:16px; word-break:keep-all; font-weight:700; margin-bottom:5px;}
.info .modal-name .text {font-size:14px; margin:0; word-break:keep-all;}


.popupColored .modal-footer {padding:0;}
/* 모달버튼 */
.popupColored .modal .btn-box {padding:0; margin:10px auto; float:none; min-width:10px; display:table;}
.popupColored .modal .btnCommon {width:100px; margin:0 7px; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:32px;}
/*취소*/
.popupColored .modal .btn-cancel {background:#e6e6e6; color:#333;}
.popupColored .modal .btn-cancel:hover {background:#dedede;}
/*확인*/
.popupColored .modal .btn-Success {background:#6639E5; color:#fff;}
.popupColored .modal .btn-Success:hover {background:#5529d1;}

.modalNT .modal-body .form-group50 {width:50%; float:left; border-bottom:1px solid #e6e6e6; background:#f5f7f7;}



@media only screen and (max-width:1200px) {
	.success .modal.in .modal-dialog {margin:0 auto;}
	.danger .modal.in .modal-dialog {margin:0 auto;}
	.warning .modal.in .modal-dialog {margin:0 auto;}
	.info .modal.in .modal-dialog {margin:0 auto;}
}
/* 알림 css 종료 */


/* 라디오리스트팝업 */
.modalNT.fade .modal-dialog.modalRadioList {width:300px;min-width:300px;}
.modalNT.fade .modal-dialog.modalRadioList .form-group {background:#fff;border-bottom:none;}
.modalNT.fade .modal-dialog.modalRadioList .form-group .radio {display:block;}



/* joy 추가 종료 */






/* bradley 추가 시작 */

/* 송장출력관리 > 우측버튼 팝업 _ 운송장출력내용부분 */
.modalNT.in .modal-dialog.imgPrint {min-width:1000px; top:50%; transform:translateY(-50%); margin:0 auto;}
.modalNT.fade .modal-dialog.imgPrint {min-width:1000px; top:50%; transform:translateY(-50%); margin:0 auto;}

.modalNT .modal-body .imageBoxL {width:190px;}
.modalNT .modal-body .imageBoxL img {width:100%;}
.modalNT .modal-body .imageBoxR {width:300px;}
.modalNT .modal-body .imageBoxR img {width:100%;}
#modal_detail .modal-dialog {width:900px;}

.modalNT .modal-body .input-file .sub-name {clear:both; color:#97989b; margin:5px 0 0; font-size:12px; position:relative;}
.modalNT .modal-body .input-file .sub-name:first-child {margin-top:10px;}
.modalNT .modal-body .input-file .sub-name .deleteSvg {width:20px; height:20px; fill:rgba(49, 58, 70, .8); position:absolute;}
/* bradley 추가 종료 */


/* kevin 추가 시작 */

/* 이미지 */
/* .rightBoxNT form .photoBox {width:calc(100% - 200px); float:left; padding:0 0 0 10px;} */
.modalNT .modal-content .photoSlash {width:300px; float:left; padding:0 0 0 10px;}
.modalNT .modal-content .title-name {margin:5px 0;}
.modalNT .modal-content .imgnumber {color:#97989b; position:relative; left:10px;}
.modalNT .modal-content input[type="file"] {position:absolute; opacity:0; cursor:pointer; z-index:1;}
.modalNT .modal-content .photoList {display:table; position:relative;}
.modalNT .modal-content .videoList {display:table;}
.modalNT .modal-content .imgBox {width:100px; height:100px; padding:0; float:left; margin-right:10px;}
.modalNT .modal-content .img-100 {border:1px solid #e6e6e6; width:100px; height:100px; background:none; color:#3e3f3a;}
.modalNT .modal-content .img-100:hover{background:none;border:1px solid #e6e6e6;box-shadow:none;}
.modalNT .modal-content .photoBorder {width:calc(100% - 200px); border-bottom:1px solid #e6e6e6; display:-webkit-box; float:right;}
.modalNT .modal-content .photoBorder.last {border:none;}
.modalNT .modal-content .sub-name {clear:both; color:#97989b; margin:5px 0 5px; font-size:12px;}

/* kevin 추가 종료  */