/* 팝업 */
.modalNT.in .modal-dialog {min-width:1100px; top:50%; transform:translateY(-50%); margin:0 auto;}
.modalNT.fade .modal-dialog {min-width:1100px; top:50%; transform:translateY(-50%); margin:0 auto;}
.modalNT .modal-name {text-align:center;}
.modalNT .modal-name p {font-size:24px; font-weight:700; margin:0;}
.modalNT .modal-header .close {font-size:22.5px; opacity:.3;}
.modalNT .modal-body {padding:15px 50px; max-height:700px; /*overflow:scroll;*/ overflow-x:unset;}
.modalNT .modal-body.scrollN {overflow:unset;}

.modalNT .modal-body form {width:100%; display:grid;}
.modalNT .modal-body .form-group {display:table; width:100%; /* border-bottom:1px solid #e6e6e6; */ border-top:none; border-left:none; border-right:none; margin:0; padding-bottom:10px; /*background:#f7f7f7;*/}
.modalNT .modal-body .form-group.first {border-top:1px solid #a2a2a2;}
.modalNT .modal-body .control-label {float:left; margin:0; width:240px; text-align:left; line-height:30px; padding:5px 0 5px 15px;}
.modalNT .modal-body .requisite {color:red; font-size:12px;}
.modalNT .modal-body .floatLeft {float:left;}
.modalNT .modal-body .rightWarp {padding:5px 0 5px 10px;}
.modalNT .modal-body .rightWidth {width:calc(100% - 240px); background:#fff;}
.modalNT .modal-body .checkText {position:relative; bottom:0; margin:0 5px; font-weight:600; line-height:30px; padding:5px 0; float:left;}
.modalNT .modal-body .commentText {position:relative; bottom:-10px; margin:0 0 0 10px; font-weight:600;}
.modalNT .modal-body .inputcomment {clear:both; color:#97989b; margin:0; font-size:12px;}
.modalNT .modal-body .textareaText {line-height:30px; color:#97989b; position:relative; left:5px; bottom:-105px;}
.modalNT .modal-body .detailsBox {margin-top:0; border-bottom:none; display:inline-block; width:100%;}
.modalNT .modal-body .detailsBox .detailsTitle {color:#324767; text-decoration:none; padding:0px 10px; text-align:left; line-height:34px; margin:0; font-size:16px; font-weight:700; display:block;}
.modalNT .modal-body .imgWidth {width:137px; height:137px; overflow:hidden; margin:5px 0 5px 10px; float:left;}
.modalNT .modal-body .imgWidth img {width:100%;}
.modalNT .modal-body 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;}
.modalNT .modal-body .form-control {width:280px; border:1px solid #e6e6e6; display:block; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:30px; font-size:13px;}
.modalNT .modal-body .form-control[disabled]{opacity:.5; background:#e6e6e6;}
.modalNT .modal-body .checkbox label {font-size:13px; line-height:30px; margin-left:7px; padding:0;}
.modalNT .modal-body .input-group .form-control:first-child, .modalNT .input-group-addon:first-child, .modalNT .input-group-btn:first-child>.btn, .modalNT .input-group-btn:first-child>.btn-group>.btn, .modalNT .input-group-btn:first-child>.dropdown-toggle, .modalNT .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .modalNT .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {width:calc(288px - 36px); border-right:none;}
.modalNT .modal-body textarea {font-size:13px; border:1px solid #e6e6e6; outline:none; padding:.47rem .8rem; height:130px; display:block;}
.modalNT .modal-body textarea:disabled {opacity:.5; background:#e6e6e6;}
.modalNT .modal-body textarea:focus {border:1px solid #5a95ee;}
.modalNT .modal-body input[type=text]:focus {border:1px solid #5a95ee;}
.modalNT .modal-body select.form-control:not([multiple=multiple]):focus {border:1px solid #5a95ee;}
.modalNT .modal-body .listNav {display:inline-block; width:100%;}
.modalNT .modal-body .formLine {border-top:1px solid #a2a2a2;}
.modalNT .modal-body .listNav .number {line-height:30px; margin:0; display:inline-block; padding:5px 0;}
.modalNT .modal-body .listNav .number .n-color {color:blue;}
.modalNT .modal-body .listNav .selectBox {float:right; padding:5px 0;}
.modalNT .modal-body .listNav .selectBox .selectList {width:150px; margin:0 7px; float:left;}
.modalNT .modal-body .listNav .selectBox .last {margin-right:0;}
.modalNT .modal-body .listNav .selectBox .selectList select.form-control:not([multiple=multiple]) {width:150px;}



/* 추가 인풋영역 */
.modalNT #div_information {margin-top:21px;}
.modalNT #div_delivery {margin-top:21px;}



.modalNT .modal-footer {padding:0;}
/* 모달버튼 */
.modalNT .btn-box {padding:0; margin:19px auto 20px; float:none; min-width:10px; display:table;}
.modalNT .btnCommon {width:120px; margin:0 7px; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px;}
/*취소*/
.modalNT .btn-cancel {background:#e6e6e6; color:#333;}
.modalNT .btn-cancel:hover {background:#dedede;}
/*완료*/
.modalNT .btn-finish {background:#5a95ee; color:#fff;}
.modalNT .btn-finish:hover {background:#548bde;}
/*등록*/
.modalNT .btn-register {background:#5a95ee; color:#fff;}
.modalNT .btn-register:hover {background:#548bde;}
/*수정*/
.modalNT .btn-revise {background:#5a95ee; color:#fff;}
.modalNT .btn-revise:hover {background:#548bde;}
/*수정완료*/
.modalNT .btn-reviseFinish {background:#5a95ee; color:#fff;}
.modalNT .btn-reviseFinish:hover {background:#548bde;}
/*검색*/
.modalNT .btn-search {background:#5a95ee; color:#fff;}
.modalNT .btn-search:hover {background:#548bde;}
/*초기화*/
.modalNT .btn-initialization {background:#e6e6e6; color:#333;}
.modalNT .btn-initialization:hover {background:#dedede;}

.modalNT .sub-name {clear:both; color:#97989b; margin:15px 0 0 0;}


/* 템플릿관리 */
.modalNT .btn-administration {float:left; width:100px; background:#e6e6e6; color:#333; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.modalNT .btn-administration:hover {background:#dedede;}
/* 판매자주소록 */
.modalNT .btn-sellAddressBook {float:left; width:100px; background:#e6e6e6; color:#333; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px; margin-left:0;}
.modalNT .btn-sellAddressBook:hover {background:#dedede;}




/* 체크,라디오 공통 */
.modalNT .modal-body .checkbox, .modalNT .modal-body .radio {position:relative; display:inline-block;}
.modalNT .modal-body .checkbox input[type=checkbox], .modalNT .modal-body .radio input[type=radio] {display:none;}
.modalNT .modal-body input[type=radio], .modalNT .modal-body input[type=checkbox] {box-sizing:border-box; padding:0;}
.modalNT .modal-body .checkbox, .modalNT .modal-body .radio {min-height:29px; padding:0 13px;}


/* 체크박스 */
.modalNT .modal-body .checkbox label {font-size:13px; line-height:30px; margin-left:7px; padding:0;}
.modalNT .modal-body .checkbox label:after, .modalNT .modal-body .checkbox label:before {height:18px; width:18px; top:6px; left:0; position:absolute;}
.modalNT .modal-body .checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.modalNT .modal-body .checkbox label:before {content:''; border-radius:4px;}
.modalNT .modal-body .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.modalNT .modal-body .checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:5px; width:9px; border-color:#6A99F8; border-radius:0; border-width:2px; top:12px; left:5px;}


/* 라디오박스 */
.modalNT .modal-body .radioWrap {padding:5px 0 6px 10px; display:inline;}
.modalNT .modal-body .radioWrap .radioColor {display:inline-block;}
.modalNT .modal-body .radio label {font-size:13px; line-height:29px; margin-left:5px; padding:0;}
.modalNT .modal-body .radio label::after, .modalNT .modal-body .radio label::before {content:'';}
.modalNT .modal-body .radio label:after, .modalNT .modal-body .radio label:before {height:20px; width:20px; top:8px; left:0; position:absolute;}
.modalNT .modal-body .radio label::before {border:1px solid #e6e6e6; border-radius:50%; width:16px; height:16px; margin-right:.5rem;}
.modalNT .modal-body .radio label::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; height:6px; width:6px; background-color:#5a95ee; border-radius:50%; top:13px; left:5px; opacity:0; -webkit-transform:scale(3.6); -ms-transform:scale(3.6); transform:scale(3.6); border:none;}
.modalNT .modal-body .radio input[type=radio]:checked~label::after {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all .3s cubic-bezier(.35,.9,.4,.9); transition:all .3s cubic-bezier(.35,.9,.4,.9);}


/* 리스트 검색결과가 없습니다.*/
.modalNT table .searchEmpty>td{cursor: default;}
.modalNT table .searchEmpty>td .noData {height:200px; vertical-align:middle; display:block; text-align:center; padding:70px 0;}
.modalNT table .searchEmpty>td .noData .noDataTitle {margin:0; font-size:18px; color:#777;}
.modalNT table .searchEmpty>td .noData .noDataText {margin:0; line-height:14px; color:#999;}
.modalNT table .searchEmpty>td .noData .noDataText span {color:#5a95ee;}

/* 리스트버튼 */
.modalNT .modal-body .btnlistBox {padding:5px 0; display:table; width:100%; border-top:1px solid #e6e6e6;}
.modalNT .modal-body .btnlistLine {border-top:1px solid #a2a2a2;}
/* 삭제 */
.modalNT .modal-body .btnlistBox .btn-delete {background:#ef1d61; color:#fff; margin-left:0;}
.modalNT .modal-body .btnlistBox .btn-delete:hover {background:#dd1656;}
/* 새템플릿추가 */
.modalNT .modal-body .btnlistBox .btn-addTemplate {background:#5a95ee; color:#fff; float:right; margin-right:0;}
.modalNT .modal-body .btnlistBox .btn-addTemplate:hover {background:#548bde;}
/* 수정 */
.modalNT .modal-body .btnlistBox .btn-revise {background:#5a95ee; color:#fff;}
.modalNT .modal-body .btnlistBox .btn-revise:hover {background:#548bde;}



/* 해더고정스크롤 */
.modalNT .modal-body .basicScroll {overflow:hidden; width:100%; min-width:100%; margin-bottom:21px;}
.modalNT .modal-body .basicScroll .grid-layout {margin:0 auto; width:100%; background:#fff; font-size:12px; color:#444; border:solid 1px #dddfe4; border-top:none; position:relative; box-sizing:border-box;}
/*툴팁레이어가 grid-layout 위에 있을 경우 overflow:hidden 제거 필요 */

/* 스크롤바 스타일 관련 */
.modalNT .modal-body .basicScroll .grid-layout {scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-arrow-color:#8a8a8a; scrollbar-face-color:#d9d9d9; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout ::-webkit-scrollbar {-webkit-appearance:none; width:17px; height:17px; background-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout ::-webkit-scrollbar-thumb {background-color:#d9d9d9; border:5px solid transparent; border-radius:16px; background-clip:content-box;}
.modalNT .modal-body .basicScroll .grid-layout ::-webkit-scrollbar-thumb:hover {background-color:#c1c1c1;}
.modalNT .modal-body .basicScroll .grid-layout ::-webkit-scrollbar-corner {background-color:#f2f2f2;}

/* 헤더 영역 */
.modalNT .modal-body .basicScroll .grid-layout .header {position:relative; overflow:hidden;}
.modalNT .modal-body .basicScroll .grid-layout .header .headerBox {overflow:hidden; left:-1px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f6f6f6;}
.modalNT .modal-body .basicScroll .grid-layout .header .base {overflow-x:scroll; margin-right:-1px;}
.modalNT .modal-body .basicScroll .grid-layout .header .config-button {display:none;}
.modalNT .modal-body .basicScroll .grid-layout .header tbody {background-color:#f6f6f6;}
.modalNT .modal-body .basicScroll .grid-layout .header .left {margin-right:16px;}

/* 바디 영역 */
.modalNT .modal-body .basicScroll .grid-layout .body {position:relative; overflow:hidden; margin-bottom:-1px;}
.modalNT .modal-body .basicScroll .grid-layout .body .height-bar {display:none;}
.modalNT .modal-body .basicScroll .grid-layout .body .base {margin-right:-1px;}
.modalNT .modal-body .basicScroll .grid-layout .body .bodyBox {top:-1px; left:-1px; overflow:hidden;}
.modalNT .modal-body .basicScroll .grid-layout .vertical-scrollbar-line {display:none;}
.modalNT .modal-body .basicScroll .grid-layout .horizontal-scrollbar-line {display:none; position:absolute; width:100%; height:1px; left:0px; background-color:#dddfe4;}
.modalNT .modal-body .basicScroll .grid-layout .container {position:relative;}
.modalNT .modal-body .basicScroll .grid-layout .body .left {display:none; position:absolute; top:0; margin:0;}
.modalNT .modal-body .basicScroll .grid-layout .right {display:none; position:absolute; top:0; right:-1px;}
.modalNT .modal-body .basicScroll .grid-layout .clipboard {position:absolute; left:-999px; width:1px; height:1px; bottom:0;}

/* 데이터 없을 때 */
.modalNT .modal-body .basicScroll .grid-layout .empty-layer {display:none; width:100%; height:100%; position:absolute; top:0; background:#fff;}
.modalNT .modal-body .basicScroll .grid-layout .empty-layer .content {display:table-cell; font-size:14px; height:100%; text-align:center; padding-top:100px; overflow-x:hidden; overscroll-behavior-x:none;}

/* 그리드 전체 비활성화 */
.modalNT .modal-body .basicScroll .grid-layout .blocker-layer {display:none; position:absolute; background:rgba(0, 0, 0, 0.05); width:100%; height:100%; top:0;}
.modalNT .modal-body .basicScroll .grid-layout.disabled, .modalNT .modal-body .basicScroll .grid-layout.disabled th, .modalNT .modal-body .basicScroll .grid-layout.disabled .content-holder {color:#e0e0e0 !important;}
.modalNT .modal-body .basicScroll .grid-layout.disabled .blocker-layer {display:block;}

/* 수평 스크롤 가능 영역 */
.modalNT .modal-body .basicScroll .grid-layout .horizontal-scrollable {overscroll-behavior-x:none;}

/* 수직 스크롤바를 사용하지 않는 경우 */
.modalNT .modal-body .basicScroll .grid-layout .virtual-horizontal-scrollbar {display:none;}
.modalNT .modal-body .basicScroll .grid-layout .virtual-horizontal-scrollbar .space {display:none;}

/* 수직 스크롤바를 사용하는 경우 */
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .header .config-button {display:block; position:absolute; border:solid 1px #dddfe4; top:0; right:-1px; width:18px; background-color:#f6f6f6;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .body {overflow-y:scroll; margin-right:-1px; min-height:255px; max-height:initial; height:301px;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .body .height-bar {display:block; position:absolute; width:1px; top:0; left:0; background:transparent;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .virtual-horizontal-scrollbar {margin-right:16px;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line {display:block; position:absolute; width:1px; height:100%; top:0; right:16px; background-color:#dddfe4;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line:after {position:absolute; right:-17px; top:0; width:1px; height:100%; background-color:#dddfe4; content:'';}

/* grid-layout overflow:hidden 제거시 필요 */
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .header .container {margin-right:16px;}
.modalNT .modal-body .basicScroll .grid-layout.vertical-scrollbar .horizontal-scrollbar-line {bottom:-1px;}

/* 수평 스크롤바를 사용하는 경우 */
.modalNT .modal-body .basicScroll .grid-layout.horizontal-scrollbar .container {overflow:hidden;}
.modalNT .modal-body .basicScroll .grid-layout.horizontal-scrollbar .body .base {overflow-x:scroll;}
.modalNT .modal-body .basicScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar {display:block; overflow-y:hidden; overflow-x:scroll; height:17px;}
.modalNT .modal-body .basicScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar .width-bar {height:1px;}
.modalNT .modal-body .basicScroll .grid-layout.horizontal-scrollbar .horizontal-scrollbar-line {bottom:16px;}

/* 데이터 테이블 관련 */
.modalNT .modal-body .basicScroll .grid-layout table {border:0; table-layout:fixed; border-collapse:collapse; border-spacing:1px; width:100%;}
.modalNT .modal-body .basicScroll .grid-layout table.titleTable {position:relative; right:2px;}
.modalNT .modal-body .basicScroll .grid-layout table col {background-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout table th {font-weight:normal; font-size:12px; overflow:hidden; white-space:nowrap; text-align:center; position:relative; border:1px solid #e6e6e6; border-left:none; border-top:none;}
.modalNT .modal-body .basicScroll .grid-layout table tr {height:30px;}
.modalNT .modal-body .basicScroll .grid-layout table tr.hover {background-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout table tr.checked {background-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout table tr.focused {background-color:#fff;}
.modalNT .modal-body .basicScroll .grid-layout table tr.disabled, .modalNT .modal-body .basicScroll .grid-layout table tr.disabled-row {color:#b0b0b0;}
.modalNT .modal-body .basicScroll .grid-layout table td {overflow:hidden; font-size:12px; border:1px solid #e6e6e6; border-top:none; border-left:none; background:#fff; text-align:center; height:35px;}
.modalNT .modal-body .basicScroll .grid-layout table td .content-holder {white-space:nowrap; word-break:break-all;}
.modalNT .modal-body .basicScroll .grid-layout .body.variable-row-height table td .content-holder {white-space:normal; white-space:initial;}
.modalNT .modal-body .basicScroll .grid-layout table td.no-padding {padding:0px !important;}
.modalNT .modal-body .basicScroll .grid-layout table td.multi-line .content-holder {white-space:normal !important;}
.modalNT .modal-body .basicScroll .grid-layout table td.ellipsis .content-holder {text-overflow:ellipsis; overflow:hidden;}
.modalNT .modal-body .basicScroll .grid-layout table td.focused {border:solid 1px #5a86dd; padding:7px 11px;}
.modalNT .modal-body .basicScroll .grid-layout table td a {color:#5a86dd;}
.modalNT .modal-body .basicScroll .grid-layout table td img {vertical-align:middle; margin:-1px;}
.modalNT .modal-body .basicScroll .grid-layout table td div.productNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .basicScroll .grid-layout table td div.productOptionType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .basicScroll .grid-layout table td div.couponNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .basicScroll .grid-layout table td div.contentType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}

.modalNT .modal-body .basicScroll .checkbox, .modalNT .modal-body .basicScroll .radio {min-height:29px; padding:0 5px;}
/* 체크 박스 관련 스타일 */
.modalNT .modal-body .basicScroll .grid-layout .checkbox label:after, .modalNT .modal-body .basicScroll .grid-layout .checkbox label:before {height:18px; width:18px; top:6px; left:0; position:absolute;}
.modalNT .modal-body .basicScroll .grid-layout .checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.modalNT .modal-body .basicScroll .grid-layout .checkbox label:before {content:''; border-radius:4px;}
.modalNT .modal-body .basicScroll .grid-layout .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.modalNT .modal-body .basicScroll .grid-layout .checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:.6rem; width:1rem; border-color:#5a95ee; border-radius:0; border-width:2px; top:11px; left:4px;}   

/* 라디오 박스 관련 스타일  */
.modalNT .modal-body .basicScroll .grid-layout .radio label::after, .modalNT .modal-body .basicScroll .grid-layout .radio label::before {content:'';}
.modalNT .modal-body .basicScroll .grid-layout .radio label:after, .modalNT .modal-body .basicScroll .grid-layout .radio label:before {height:20px; width:20px; top:6px; left:-5px; position:absolute;}
.modalNT .modal-body .basicScroll .grid-layout .radio label::before {border:1px solid #e6e6e6; border-radius:50%; width:16px; height:16px; margin-right:.5rem;}
.modalNT .modal-body .basicScroll .grid-layout .radio label::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; height:6px; width:6px; background-color:#5a95ee; border-radius:50%; top:11px; left:0; opacity:0; -webkit-transform:scale(3.6); -ms-transform:scale(3.6); transform:scale(3.6); border:none;}
.modalNT .modal-body .basicScroll .grid-layout .radio input[type=radio]:checked~label::after {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all .3s cubic-bezier(.35,.9,.4,.9); transition:all .3s cubic-bezier(.35,.9,.4,.9);}

.modalNT .modal-body .basicScroll .cui-grid-textbox {display:inline-block; width:100%; box-sizing:border-box;}

/* 열고정 라인 그라데이션 스타일 */
.modalNT .modal-body .basicScroll .grid-layout .line-gradient:after {position:absolute; top:0; bottom:0; width:6px; height:100%; content:'';}

/* 툴팁 레이어 */
.modalNT .modal-body .basicScroll .grid-layout .tooltip-layer {display:none; position:absolute; margin-bottom:6px; border-radius:2px; background-color:#5885de; white-space:nowrap;}
.modalNT .modal-body .basicScroll .grid-layout .tooltip-layer .desc-tooltip {margin:0; padding:9px 13px 8px; font-size:12px; line-height:15px; color:#fff;  letter-spacing:-0.05em;}
.modalNT .modal-body .basicScroll .grid-layout .tooltip-layer:after {position:absolute; left:50%; bottom:-5px; width:16px; height:9px; margin-left:-8px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC43NDc0MDkzMiwwLjg0MDgzNTQ4NCBMMTYsOSBMMCw5IEw3LjI1MjU5MDY4LDAuODQwODM1NDg0IEM3LjYxOTUwODcsMC40MjgwNTI3MTUgOC4yNTE1ODEwNywwLjM5MDg3MTk4NyA4LjY2NDM2Mzg0LDAuNzU3NzkwMDA0IEM4LjY5MzY0ODcsMC43ODM4MjA5ODkgOC43MjEzNzgzMywwLjgxMTU1MDYyNSA4Ljc0NzQwOTMyLDAuODQwODM1NDg0IFoiIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzU4ODVERSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDQuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC04LjAwMDAwMCwgLTQuNTAwMDAwKSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0; content:'';}
.modalNT .modal-body .basicScroll .grid-layout .tooltip-layer.left-type:after {left:1px; margin:0;}
.modalNT .modal-body .basicScroll .grid-layout .tooltip-layer.right-type:after {left:auto; right:1px; margin:0;}




/* 왼쪽고정,해더고정 스크롤 */
.modalNT .modal-body .fixedScroll {overflow:hidden; width:961px; min-width:100%; margin-bottom:21px;}
.modalNT .modal-body .fixedScroll .grid-layout {margin:0 auto; width:100%; background:#fff; font-size:12px; color:#444; border:solid 1px #dddfe4; border-top:none; position:relative; box-sizing:border-box;}
/*툴팁레이어가 grid-layout 위에 있을 경우 overflow:hidden 제거 필요 */

/* 스크롤바 스타일 관련 */
.modalNT .modal-body .fixedScroll .grid-layout {scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-arrow-color:#8a8a8a; scrollbar-face-color:#d9d9d9; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout ::-webkit-scrollbar {-webkit-appearance:none; width:17px; height:17px; background-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout ::-webkit-scrollbar-thumb {background-color:#d9d9d9; border:5px solid transparent; border-radius:16px; background-clip:content-box;}
.modalNT .modal-body .fixedScroll .grid-layout ::-webkit-scrollbar-thumb:hover {background-color:#c1c1c1;}
.modalNT .modal-body .fixedScroll .grid-layout ::-webkit-scrollbar-corner {background-color:#f2f2f2;}

/* 헤더 영역 */
.modalNT .modal-body .fixedScroll .grid-layout .header {position:relative; overflow:hidden; border-top:1px solid #e6e6e6;}
.modalNT .modal-body .fixedScroll .grid-layout .header .headerBox {overflow:hidden; left:-1px; overflow-y:scroll; height:35px;}
.modalNT .modal-body .fixedScroll .grid-layout .header .base {overflow-x:hidden; margin-right:-1px;}
.modalNT .modal-body .fixedScroll .grid-layout .header .config-button {display:none;}
.modalNT .modal-body .fixedScroll .grid-layout .header tbody {background-color:#f6f6f6;}
.modalNT .modal-body .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-thumb {background-color:#f6f6f6;}
.modalNT .modal-body .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-track {background-color:#f6f6f6; border-bottom:1px solid #e6e6e6;}

/* 바디 영역 */
.modalNT .modal-body .fixedScroll .grid-layout .body {position:relative; overflow:hidden; margin-bottom:-1px;}
.modalNT .modal-body .fixedScroll .grid-layout .body .height-bar {display:none;}
.modalNT .modal-body .fixedScroll .grid-layout .body .base {margin-right:-1px;}
.modalNT .modal-body .fixedScroll .grid-layout .body .bodyBox {top:-1px; left:-1px; overflow:hidden;}
.modalNT .modal-body .fixedScroll .grid-layout .vertical-scrollbar-line {display:none;}
.modalNT .modal-body .fixedScroll .grid-layout .horizontal-scrollbar-line {display:none; position:absolute; width:100%; height:1px; left:0px; background-color:#dddfe4;}
.modalNT .modal-body .fixedScroll .grid-layout .container {position:relative;}
.modalNT .modal-body .fixedScroll .grid-layout .left {display:none; position:absolute; top:0;}
.modalNT .modal-body .fixedScroll .grid-layout .right {display:none; position:absolute; top:0; right:-1px;}
.modalNT .modal-body .fixedScroll .grid-layout .clipboard {position:absolute; left:-999px; width:1px; height:1px; bottom:0;}

/* 그리드 전체 비활성화 */
.modalNT .modal-body .fixedScroll .grid-layout .blocker-layer {display:none; position:absolute; background:rgba(0, 0, 0, 0.05); width:100%; height:100%; top:0;}
.modalNT .modal-body .fixedScroll .grid-layout.disabled, .modalNT .modal-body .fixedScroll .grid-layout.disabled th, .modalNT .modal-body .fixedScroll .grid-layout.disabled .content-holder {color:#e0e0e0 !important;}
.modalNT .modal-body .fixedScroll .grid-layout.disabled .blocker-layer {display:block;}

/* 수평 스크롤 가능 영역 */
.modalNT .modal-body .fixedScroll .grid-layout .horizontal-scrollable {overscroll-behavior-x:none;}

/* 수직 스크롤바를 사용하지 않는 경우 */
.modalNT .modal-body .fixedScroll .grid-layout .virtual-horizontal-scrollbar {display:none;}
.modalNT .modal-body .fixedScroll .grid-layout .virtual-horizontal-scrollbar .space {display:none;}

/* 수직 스크롤바를 사용하는 경우 */
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .header .config-button {display:block; position:absolute; border:solid 1px #dddfe4; top:0; right:-1px; width:18px; background-color:#f6f6f6;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .body {overflow-y:scroll; margin-right:-1px; min-height:255px; max-height:initial; height:301px;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .body .height-bar {display:block; position:absolute; width:1px; top:0; left:0; background:transparent;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .virtual-horizontal-scrollbar {margin-right:16px;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line {display:block; position:absolute; width:1px; height:100%; top:0; right:16px; background-color:#dddfe4;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line:after {position:absolute; right:-17px; top:0; width:1px; height:100%; background-color:#dddfe4; content:'';}

/* grid-layout overflow:hidden 제거시 필요 */
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .header .container {margin-right:16px;}
.modalNT .modal-body .fixedScroll .grid-layout.vertical-scrollbar .horizontal-scrollbar-line {bottom:-1px;}

/* 수평 스크롤바를 사용하는 경우 */
.modalNT .modal-body .fixedScroll .grid-layout.horizontal-scrollbar .container {overflow:hidden;}
.modalNT .modal-body .fixedScroll .grid-layout.horizontal-scrollbar .body .base {overflow-x:hidden;}
.modalNT .modal-body .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar {display:block; overflow-y:hidden; overflow-x:scroll; height:17px;}
.modalNT .modal-body .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar .width-bar {height:1px;}
.modalNT .modal-body .fixedScroll .grid-layout.horizontal-scrollbar .horizontal-scrollbar-line {bottom:16px;}

/* 데이터 테이블 관련 */
.modalNT .modal-body .fixedScroll .grid-layout table {border:0; table-layout:fixed; border-collapse:collapse; border-spacing:1px; width:100%; height:35px;}
.modalNT .modal-body .fixedScroll .grid-layout table.titleTable {position:relative; right:0;}
.modalNT .modal-body .fixedScroll .grid-layout table col {background-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout table th {font-weight:normal; font-size:12px; overflow:hidden; white-space:nowrap; text-align:center; position:relative; border:1px solid #e6e6e6; border-left:none; border-top:none;}
.modalNT .modal-body .fixedScroll .grid-layout table tr {height:30px;}
.modalNT .modal-body .fixedScroll .grid-layout table tr.hover {background-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout table tr.checked {background-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout table tr.focused {background-color:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout table tr.disabled, .modalNT .modal-body .fixedScroll .grid-layout table tr.disabled-row {color:#b0b0b0;}
.modalNT .modal-body .fixedScroll .grid-layout table td {overflow:hidden; font-size:12px; border:1px solid #e6e6e6; border-top:none; border-left:none; background:#fff; line-height:17px; text-align:center;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.productNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.productOptionType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.couponNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.contentType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.leftAlign {text-align:left;}
.modalNT .modal-body .fixedScroll .grid-layout table td div.rightAlign {text-align:right;}
.modalNT .modal-body .fixedScroll .grid-layout .body.variable-row-height table td .content-holder {white-space:normal; white-space:initial;}
.modalNT .modal-body .fixedScroll .grid-layout table td.no-padding {padding:0px !important;}
.modalNT .modal-body .fixedScroll .grid-layout table td.multi-line .content-holder {white-space:normal !important;}
.modalNT .modal-body .fixedScroll .grid-layout table td.ellipsis .content-holder {text-overflow:ellipsis; overflow:hidden;}
.modalNT .modal-body .fixedScroll .grid-layout table td.focused {border:solid 1px #5a86dd; padding:7px 11px;}
.modalNT .modal-body .fixedScroll .grid-layout table td a {color:#5a86dd;}
.modalNT .modal-body .fixedScroll .grid-layout table td img {vertical-align:middle; margin:-1px;}

/* 체크 박스 관련 스타일 */
.modalNT .modal-body .fixedScroll .grid-layout .checkbox label:after, .grid-layout .checkbox label:before {height:18px; width:18px; top:4px; left:7px; position:absolute;}
.modalNT .modal-body .fixedScroll .grid-layout .checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.modalNT .modal-body .fixedScroll .grid-layout .checkbox label:before {content:''; border-radius:4px;height: 18px; width: 18px;top: 6px;left: 7px;position: absolute;}
.modalNT .modal-body .fixedScroll .grid-layout .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.modalNT .modal-body .fixedScroll .grid-layout .checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:.6rem; width:1rem; border-color:#5a95ee; border-radius:0; border-width:2px; top:11px; left:11px;}   

.modalNT .modal-body .fixedScroll .cui-grid-textbox {display:inline-block; width:100%; box-sizing:border-box;}

/* 열고정 라인 그라데이션 스타일 */
.modalNT .modal-body .fixedScroll .grid-layout .line-gradient:after {position:absolute; top:0; bottom:0; width:6px; height:100%; content:'';}

/* 툴팁 레이어 */
.modalNT .modal-body .fixedScroll .grid-layout .tooltip-layer {display:none; position:absolute; margin-bottom:6px; border-radius:2px; background-color:#5885de; white-space:nowrap;}
.modalNT .modal-body .fixedScroll .grid-layout .tooltip-layer .desc-tooltip {margin:0; padding:9px 13px 8px; font-size:12px; line-height:15px; color:#fff;  letter-spacing:-0.05em;}
.modalNT .modal-body .fixedScroll .grid-layout .tooltip-layer:after {position:absolute; left:50%; bottom:-5px; width:16px; height:9px; margin-left:-8px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC43NDc0MDkzMiwwLjg0MDgzNTQ4NCBMMTYsOSBMMCw5IEw3LjI1MjU5MDY4LDAuODQwODM1NDg0IEM3LjYxOTUwODcsMC40MjgwNTI3MTUgOC4yNTE1ODEwNywwLjM5MDg3MTk4NyA4LjY2NDM2Mzg0LDAuNzU3NzkwMDA0IEM4LjY5MzY0ODcsMC43ODM4MjA5ODkgOC43MjEzNzgzMywwLjgxMTU1MDYyNSA4Ljc0NzQwOTMyLDAuODQwODM1NDg0IFoiIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzU4ODVERSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDQuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC04LjAwMDAwMCwgLTQuNTAwMDAwKSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0; content:'';}
.modalNT .modal-body .fixedScroll .grid-layout .tooltip-layer.left-type:after {left:1px; margin:0;}
.modalNT .modal-body .fixedScroll .grid-layout .tooltip-layer.right-type:after {left:auto; right:1px; margin:0;}




/* 페이지게이션 */
.modalNT .modal-body .pagination{margin:0;}
.modalNT .modal-body .pagination>li {width:32px; height:32px;}
.modalNT .modal-body .pagination>li.active {float:left;}
.modalNT .modal-body .pagination>li.first {padding:0;}
.modalNT .modal-body .pagination>li.first>a {width:32px; height:32px; padding:0; color:#999999;}
.modalNT .modal-body .pagination>li.first>a:hover, .modalNT .modal-body .pagination>li.first>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.modalNT .modal-body .pagination>li.prev {padding:0;}
.modalNT .modal-body .pagination>li.prev>a {width:32px; height:32px; padding:0; color:#999999;}
.modalNT .modal-body .pagination>li.prev>a:hover, .modalNT .modal-body .pagination>li.prev>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.modalNT .modal-body .pagination>li.next {padding:0;}
.modalNT .modal-body .pagination>li.next>a {width:32px; height:32px; padding:0; color:#999999;}
.modalNT .modal-body .pagination>li.next>a:hover, .modalNT .modal-body .pagination>li.next>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.modalNT .modal-body .pagination>li.last {padding:0;}
.modalNT .modal-body .pagination>li.last>a {width:32px; height:32px; padding:0; color:#999999;}
.modalNT .modal-body .pagination>li.last>a:hover, .modalNT .modal-body .pagination>li.last>a:focus {background:#999999; color:#fff; border:solid 1px #999999;}
.modalNT .modal-body .pagination>li.disabled>a:hover, .modalNT .modal-body .pagination>li.disabled>a:focus {background:#fff; border:solid 1px #e6e6e6; color:#999999;}
.modalNT .modal-body .pagination>li>a {padding:6px 12px;}
.modalNT .modal-body .pagination>li>a svg {width:14px; height:14px; position:relative; top:8px;}
.modalNT .modal-body .pagination>.disabled>a, .modalNT .modal-body .pagination>.disabled>a:focus, .modalNT .modal-body .pagination>.disabled>a:hover, .modalNT .modal-body .pagination>.disabled>span, .modalNT .modal-body .pagination>.disabled>span:focus, .modalNT .modal-body .pagination>.disabled>span:hover{border-color:#e6e6e6; /* color:#919191; */ padding:0; width:32px; height:32px;}
.modalNT .modal-body .pagination>.active>a, .modalNT .modal-body .pagination>.active>a:focus, .modalNT .modal-body .pagination>.active>a:hover, .modalNT .modal-body .pagination>.active>span, .modalNT .modal-body .pagination>.active>span:focus, .modalNT .modal-body .pagination>.active>span:hover {background-color:#548bde; border-color:#548bde; color:#fff;}
.modalNT .modal-body .pagination>li>a:hover, .modalNT .modal-body .pagination>li>span:hover, .modalNT .modal-body .pagination>li>a:focus, .modalNT .modal-body .pagination>li>span:focus {background:#548bde; color:#fff; border:solid 1px #548bde;}
.modalNT .modal-body .pagination>li>a, .modalNT .modal-body .pagination>li>span {color:#5a95ee;}



/* joy 추가 시작 */
.modalNT .modal-dialog.modal-large {min-width:1280px;}
/* 작은 모달 */
.modalNT.fade .modal-dialog.modalSmall {min-width:800px;}
.modal.fade .modal-dialog.modalSmall {min-width:800px;}

/*삭제*/
.modalNT .btn-delete {background:#ef1d61; color:#fff; margin-left:0;}
.modalNT .btn-delete:hover {background:#dd1656;}

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

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

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


/* 반복유형 가로사이즈 */
.modalNT .modal-body .form-control.selectRepeaType {width:150px;border:1px solid #e6e6e6;}
/* 반복주기 가로사이즈 */
.modalNT .modal-body .form-control.inputRepeaInterval {width:60px;}
/* 추가보호자 선택 가로 사이즈 */
.modal .modal-body .userNameTitleBox {width:210px;padding: 2px 0 2px 10px;}
.modal .modal-body .form-control[disabled]{background: #e6e6e6;opacity:.6;}

/* 팝업 반복 주기 글자 */
.modalNT .modal-body .repeatCommentText {position:relative; bottom:-10px; margin:0 10px; 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;font-weight: normal;}

.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;font-weight: normal;}

.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;font-weight: normal;}

.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;font-weight: normal;}


.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:#5a95ee; color:#fff;}
.popupColored .modal .btn-Success:hover {background:#548bde;}

@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;}

/* 캘린더 색상 선택 input */
.modalNT .modal-body .color-Control{padding-left:28px;}
.modalNT .modal-body .minicolors-theme-bootstrap .minicolors-swatch{width:17px;height:17px;top:6px;left:6px;}

.modalNT .modal-body .rangeColorArea1{background-color:#5a95ee;width:15px;height:15px;display:inline-block;position:relative;top:3px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .15);border-radius:2px;}
.modalNT .modal-body .rangeColorArea2{background-color:#ef1d61;width:15px;height:15px;display:inline-block;position:relative;top:3px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .15);border-radius:2px;}
.modalNT .modal-body .radioColor .minicolors-swatch::after{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .15);}
.modalNT .modal-body .radioColor .minicolors{display: inline-block;}



/* 팝업(상품관리 리스트- 기간설정) 기간 선택 버튼 */
.modalNT .modal-body .choce-btn {padding-left:10px; float:left;}
.modalNT .modal-body .choce-btn .btn-choce {background:none; border-color:#e6e6e6; color:#333; height:30px; padding:5px 12px; font-size:13px; font-weight:400; line-height:1.42857143; border-radius:4px; outline: none;}

/* 팝업(상품관리 리스트- 기간설정) 기간 사이즈 조정*/
.modalNT .modal-body form .input-group .form-control.productChangeDateInput{width:145px;}
.modalNT .modal-body form .choiceDateBox.productNameBox{height:300px;}

/* 데이터 없을 때 */
.modalNT .modal-body .fixedScroll .grid-layout .empty-layer {display:none; width:100%; height:100%; position:absolute; top:0; background:#fff;}
.modalNT .modal-body .fixedScroll .grid-layout .empty-layer .content {display:table-cell; font-size:14px; height:100%; text-align:center; padding-top:100px; overflow-x:hidden; overscroll-behavior-x:none;}



/* joy 추가 종료 */


/*lucas 추가*/
/* 파일업로드_토너먼트 공지_POPUP*/
.modalNT .modal-body .title {width: 500px;}
.modalNT .modal-body .input-file{border-left:1px solid #e6e6e6; padding-right:0;}
.modalNT .modal-body .input-file {display:inline-block;} 
.modalNT .modal-body .input-file [type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 none; } 
.modalNT .modal-body .input-file .file-label {background-color: #e6e6e6;text-align: center;width: 120px;margin: 0 7px;text-shadow: none;border: none;padding: 0;border-radius: .267rem;box-shadow: none;line-height: 30px;font-weight: 300;cursor: pointer;} 
.modalNT .modal-body .input-file .file-name {width: 500px;border: 1px solid #e6e6e6;padding: .47rem .8rem;background-color: #FFF;border-radius: .267rem;box-shadow: none;height: 30px;outline: none;} 
.modalNT .modal-body .input-file [type="file"]:focus {border:1px solid #5a95ee;}

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