/* 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:#dc3545;}
.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:#377ec1; color:#fff;}
.popupColored .modal .btn-Success:hover {background:#7caad7;}

.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 추가 시작 */
/* 등록,수정페이지_인풋 width 125 */
.modalNT .modal-body .pageWrapInput.width125 {width:100px;}

/* 송장출력관리 > 우측버튼 팝업 _ 운송장출력내용부분 */
.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%;}
.modalNT.modalVisitLog .modal-dialog {width:900px;}

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

#popup_insertUserPlanner .modal-dialog {width:408px;}
/* bradley 추가 종료 */


/* kevin 추가 시작 */

/* 이미지 */
/* .modalNT .modal-body 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;}

/* kevin 추가 종료  */

/* emily 추가 시작 */

/* 모달 input x 버튼 투명도 조절 button -> input 변경*/
.modalNT.fade .modal-dialog .modal-content .modal-header .close {background: 0 0;}

/*사이즈 변경 pageWrap*/
.modalNT .modal-body .form-group .width50, .modalNT .modal-body .form-group50 .width50 {width:42%; padding:5px;}
.modalNT .modal-body .form-group .width100, .modalNT .modal-body .form-group50 .width100 {width:100%; padding:5px;}

/*첨부파일, URL 상세 조회(조회만) 파일 없을 때 height 사이즈 조절*/
.modalNT .modal-body .rightWidth.minHeight {min-height: 40px;}
/*첨부파일 확장자*/
.modalNT .modal-body  .input-file .fileExt {color:red; padding-left:10px;}


/*탭이 있는 모달 위치 조정*/
.modalNT.fade .modal-dialog.tapIn {top:0; margin:50px auto; transform: translate(0, 0);}

/* 탭 리스트*/
.modalNT .modal-tap {padding:16px; /*max-height:600px;*/ /*overflow:scroll;*/ overflow-x:unset; background:#fff;}
.modalNT .modal-tap .border {width:40px; height:3px; background:#00723e;}
.modalNT .modal-tap .listConbox {margin-bottom:1px;}
.modalNT .modal-tap .listConbox .tabList {list-style:none; padding:0; margin:1px; margin-bottom:-1px; width:100%; background:#fff;}
.modalNT .modal-tap .listConbox .tabList li {position:relative; display:table-cell; width:calc(100% / 7); border-left:0; text-align:center;}
.modalNT .modal-tap .listConbox .tabList li:after {content:''; position:absolute; top:0; bottom:0; left:-1px; right:0; border:1px solid #dedede;}
.modalNT .modal-tap .listConbox .tabList li a {position:relative; display:block; font-size:13px; line-height:38px; height:38px; z-index:1; margin:0; padding:0; border:0; background:#f5f7f7; border:1px solid #dee2e6; border-left:none; border-radius:0;}
.modalNT .modal-tap .listConbox .tabList li a:link {color:rgba(49, 58, 70, .8);}
.modalNT .modal-tap .listConbox .tabList li a:hover {background:#f5f7f7; color:rgba(49, 58, 70, .8);}
.modalNT .modal-tap .listConbox .tabList li.active a:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:0; z-index:2;}
.modalNT .modal-tap .listConbox .tabList li.active a:hover{background:none;}
.modalNT .modal-tap .listConbox .nav-tabs>li.active>a, .modalNT .modal-tap .listConbox .nav-tabs>li.active>a:focus, .modalNT .modal-tap .listConbox .nav-tabs>li.active>a:hover {color:#fff; background:#377ec1; border-radius:0; border:none;} /*선택시 배경 여기에 넣을것 */
.modalNT .modal-tap .formSubstance .tab-pane {display:none;}
.modalNT .modal-tap .formSubstance .tab-pane.active {display:block;} /*bradley 수정*/
/* 탭내용*/
.modalNT .modal-tap .form-horizontal .conBox {border:1px solid #dee2e6; padding:10px;}
.modalNT .modal-tap .form-horizontal .conBox .title {color:#324767; text-decoration:none; padding:0px 10px; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700;}
.modalNT .modal-tap .form-horizontal .conBox .title span {color:#97989b; font-size:13px; margin-left:10px;}
.modalNT .modal-tap .form-horizontal .conBox .marginBox {margin:30px;}

/* 리스트상단네비 */
.modalNT .modal-tap .listNav {display:inline-block; width:100%; height:30px; position:relative;}
.modalNT .modal-tap .listNav .numberBox {position: absolute;left: 0;}
.modalNT .modal-tap .listNav .numberBox .number {line-height:30px; margin:0; display:inline-block;}
.modalNT .modal-tap .listNav .numberBox .number .n-color {color:#377ec1; padding-left:3px;}
.modalNT .modal-tap .listNav .numberBox .slush {padding:0 5px; display:inline-block;}
.modalNT .modal-tap .listNav .text {color:#324767; text-decoration:none; padding:0px 10px; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700; display:block; border-bottom:1px solid #dee2e6;}
/* 리스트우측셀렉트3종 */
.modalNT .modal-tap .listNav .selectBox {position:absolute; top:0; right:0;}
.modalNT .modal-tap .listNav .selectBox .selectList {margin:0 0 0 7px; float:right; width:150px;}


.modalNT .modal-tap .form-control {width:100%; border:1px solid #dee2e6; display:block; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:30px; font-size:13px;}
.modalNT .modal-tap select.form-control:not([multiple=multiple]) {background-image:url(../../image/arrow-down.png); background-position:95%; background-size:14px 14px,10px 10px; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; padding-right:1.5rem; height:30px; color:rgba(49, 58, 70, .8);}
.modalNT .modal-tap select.form-control:not([multiple=multiple]):focus {border:1px solid #00bbc5;}

/* 리스트 왼쪽,오른쪽,마진제외 버튼 영역 */
.modalNT .modal-tap .btnlistBox {padding:5px 0; display:table; width:100%; border-top:1px solid #dee2e6;}
.modalNT .modal-tap .btnlistLine {border-top:1px solid #a2a2a2;}
/*빨간색_왼쪽정렬버튼*/
.modalNT .modal-tap .btnlistBox .btnRed {background:#c50049; color:#fff; margin-left:0;}
.modalNT .modal-tap .btnlistBox .btnRed:hover {background:#bb0045;}
/* 초록색_우측정렬버튼 */
.modalNT .modal-tap .btnlistBox .btnMint {background:#377ec1; color:#fff; float:right;}
.modalNT .modal-tap .btnlistBox .btnMint:hover {background:#377ec1;}
/* 초록색_우측정렬우측마진제거버튼*/
.modalNT .modal-tap .btnlistBox .btnMintNoMargin {background:#377ec1; color:#fff; float:right; margin-right:0;}
.modalNT .modal-tap .btnlistBox .btnMintNoMargin:hover {background:#377ec1;}
/* 회색_좌측정렬버튼 */
.modalNT .modal-tap .btnlistBox .btnMintLeft {background:#377ec1; color:#fff; float:left;}
.modalNT .modal-tap .btnlistBox .btnMint:hover {background:#377ec1;}
/* 회색_우측정렬버튼 */
.modalNT .modal-tap .btnlistBox .btnGrayRight {background:#8e949d; color:rgba(49, 58, 70, .8); float:right;}
.modalNT .modal-tap .btnlistBox .btnGrayRight:hover {background:#878c95;}
/* 회색_왼쪽정렬좌측마진제거버튼(맨끝 첫번째) */
.modalNT .modal-tap .btnlistBox .btnGrayLeftMargin {background:#8e949d; color:rgba(49, 58, 70, .8); margin-left:0;}
.modalNT .modal-tap .btnlistBox .btnGrayLeft:hover {background:#878c95;}
/* 회색_우측정렬우측마진제거버튼(맨끝 첫번째) */
.modalNT .modal-tap .btnlistBox .btnGrayRightMargin {background:#8e949d; color:rgba(49, 58, 70, .8); float:right; margin-right:0;}
.modalNT .modal-tap .btnlistBox .btnGrayRightMargin:hover {background:#878c95;}

.modalNT.in  {overflow-y: auto;}
/* emily 추가 종료  */