/* 
Ntsoft v1.0.1
Copyright 2021.11 NTSOFT, Inc. 
*/


/* 팝업 */
.modalNT.in .modal-dialog {width:407px; top:50%; transform:translateY(-50%); margin:0 auto;}/*인풋만있을시min-width:605px; 인풋사이 ~ 있을시min-width:620px; 최대min-width:1000px;*/
.modalNT.fade .modal-dialog {width:407px; top:50%; transform:translateY(-50%); margin:0 auto;}/*인풋만있을시min-width:605px; 인풋사이 ~ 있을시min-width:620px; 최대min-width:1000px;*/
.modalNT .modal-dialog .modal-content {position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; background-color:unset; background-clip:padding-box; border:none; border-radius:0.3rem; overflow:hidden; box-shadow:none;}
.modalNT .modal-dialog .modal-content.overflowN {overflow:unset;}
.modalNT .modal-dialog .modal-content .modal-header {display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; border:none; padding:16px; background:#00939b; border-radius:0; border:none; box-shadow:none; margin:0; position:relative; padding:10px 15px;}
.modalNT .modal-dialog .modal-content .modal-header .modal-name {font-size:18px; margin:0; color:#fff;}
.modalNT.fade .modal-dialog .modal-content .modal-header .close {padding:8px; -webkit-filter:invert(1) grayscale(100%) brightness(200%); filter:invert(1) grayscale(100%) brightness(200%); -webkit-box-sizing:content-box; box-sizing:content-box; color:#313a46; border:0; border-radius:0.25rem; opacity:1; text-shadow:none; position:absolute; top:50%; right:8px; transform:translateY(-50%); font-size:26px;}
.modalNT .modal-body {padding:16px; max-height:600px; overflow:scroll; overflow-x:unset; background:#fff;}
.modalNT .modal-body.scrollN {overflow:unset;}


.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:0; background:#f5f7f7;}
.modalNT .modal-body .formLine {border-top:1px solid #bdc3c7;}
.modalNT .modal-body .control-label {float:left; margin:0; width:170px; text-align:left; line-height:30px; padding:5px 0 5px 15px; font-weight:unset;}
.modalNT .modal-body .requisite {color:red; font-size:12px;}
.modalNT .modal-body .floatLeft {float:left;}
.modalNT .modal-body .rightWarp {padding:5px 0 5px 5px;}
.modalNT .modal-body .rightWidth {width:calc(100% - 170px); background:#fff;}
.modalNT .modal-body .rightWidthFull {width:100%; display:table;}



/* 등록,수정페이지_인풋 */
.modalNT .modal-body .pageWrapInput {width:200px; padding:5px 0 5px 5px;}
/* 등록,수정페이지_텍스트에어리어,에디터 */
.modalNT .modal-body .pageWrapTextarea {padding:5px; width:100%;}

/* 검색버튼 */
.modalNT .modal-body .search_box {float:left; padding:5px 0 5px 5px;}
.modalNT .modal-body .search_box .search_btn {border-color:#00939b; color:#333; height:30px; padding:0 10px; font-size:13px; font-weight:400; line-height:1.42857143; border-radius:4px; background:#00939b; border:none;}
.modalNT .modal-body .search_box .search_btn:hover, .rightBoxNT .search_box .search_btn:focus {background:#008c95;}
.modalNT .modal-body .search_box .search_btn img {position:relative; top:-1px;}


.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 5px; 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; margin-bottom:20px; 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; color:rgba(49, 58, 70, .8);}
.modalNT .modal-body .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-body .form-control.dateInput2 {border-radius:.267rem 0 0 .267rem;}
.modalNT .modal-body .form-control[disabled]{opacity:.5; background:#dee2e6;}
.modalNT .modal-body .checkbox label {font-size:13px; line-height:30px; margin-left:7px; padding:0;}
.modalNT .modal-body textarea {font-size:13px; border:1px solid #dee2e6; outline:none; padding:.47rem .8rem; height:130px; display:block;}
.modalNT .modal-body textarea:disabled {opacity:.5; background:#dee2e6;}
.modalNT .modal-body textarea:focus {border:1px solid #00bbc5;}
.modalNT .modal-body input[type=text]:focus {border:1px solid #00bbc5;}
.modalNT .modal-body select.form-control:not([multiple=multiple]):focus {border:1px solid #00bbc5;}



.modalNT .modal-footer {border-top:1px solid #dee2e6; background:#fff; padding:10px 15px;}

/* 버튼기본사이즈 (전체버튼공통) */
.modalNT .btnCommon {width:120px; margin:0 3px; text-shadow:none; border:none; padding:0; border-radius:.267rem; box-shadow:none; line-height:30px; font-size:13px;}
.modal-footer .btn+.btn {margin:0 3px;}
/* 가운데 정렬 버튼 영역 */
.modalNT .btnBox {padding:0; margin:0 auto; float:none; min-width:10px; display:table;}
/* 초록색_버튼 */
.modalNT .btnMint {background:#00939b; color:#fff;}
.modalNT .btnMint:hover {background:#008c95;}
/* 회색_버튼 */
.modalNT .btnGray {background:#8e949d; color:#fff;}
.modalNT .btnGray:hover {background:#878c95;}
/* 빨간색_버튼 */
.modalNT .btnRed {background:#c50049; color:#fff;}
.modalNT .btnRed:hover {background:#bb0045;}

/* 체크,라디오 공통 */
.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 5px 0 15px;}


/* 체크박스 */
.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 #dee2e6; 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 #dee2e6;}
.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 5px 5px; display:inline;}
.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:#00939b; 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 .modal-body .radio .rangeColorArea1 {background-color:#70c0b3;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 .radio .rangeColorArea2 {background-color:#fc5083;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 {display:inline-block;}
.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; width:200px;}
.modalNT .modal-body .radioColor .color-Control {padding-left:28px; width:100%;}
.modalNT .modal-body .radioColor .minicolors-theme-bootstrap .minicolors-swatch {width:17px; height:17px; top:6px; left:6px;}



/* 리스트상단네비 */
.modalNT .modal-body .listNav {display:inline-block; width:100%;}
.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 .modal-body .btnlistBox {padding:5px 0; display:table; width:100%; border-top:1px solid #dee2e6;}
.modalNT .modal-body .btnlistLine {border-top:1px solid #a2a2a2;}
/*빨간색_왼쪽정렬버튼*/
.modalNT .modal-body .btnlistBox .btnRed {background:#c50049; color:#fff; margin-left:0;}
.modalNT .modal-body .btnlistBox .btnRed:hover {background:#bb0045;}
/* 초록색_우측정렬버튼 */
.modalNT .modal-body .btnlistBox .btnMint {background:#00939b; color:#fff; float:right;}
.modalNT .modal-body .btnlistBox .btnMint:hover {background:#008c95;}
/* 초록색_우측정렬우측마진제거버튼*/
.modalNT .modal-body .btnlistBox .btnMintNoMargin {background:#00939b; color:#fff; float:right; margin-right:0;}
.modalNT .modal-body .btnlistBox .btnMintNoMargin:hover {background:#008c95;}
/* 회색_좌측정렬버튼 */
.modalNT .modal-body .btnlistBox .btnMintLeft {background:#00939b; color:#fff; float:left;}
.modalNT .modal-body .btnlistBox .btnMint:hover {background:#008c95;}
/* 회색_우측정렬버튼 */
.modalNT .modal-body .btnlistBox .btnGrayRight {background:#8e949d; color:rgba(49, 58, 70, .8); float:right;}
.modalNT .modal-body .btnlistBox .btnGrayRight:hover {background:#878c95;}
/* 회색_왼쪽정렬좌측마진제거버튼(맨끝 첫번째) */
.modalNT .modal-body .btnlistBox .btnGrayLeftMargin {background:#8e949d; color:rgba(49, 58, 70, .8); margin-left:0;}
.modalNT .modal-body .btnlistBox .btnGrayLeft:hover {background:#878c95;}
/* 회색_우측정렬우측마진제거버튼(맨끝 첫번째) */
.modalNT .modal-body .btnlistBox .btnGrayRightMargin {background:#8e949d; color:rgba(49, 58, 70, .8); float:right; margin-right:0;}
.modalNT .modal-body .btnlistBox .btnGrayRightMargin:hover {background:#878c95;}


/* 리스트 검색결과가 없습니다.*/
.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:#70c0b3;}



/* 해더고정스크롤 */
.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 #dee2e6; border-bottom:1px solid #dee2e6; 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 #dee2e6; 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 #dee2e6; 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 #dee2e6; 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 #dee2e6;}
.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:#70c0b3; 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 #dee2e6; 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:#70c0b3; 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 .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 #dee2e6;}
.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 #dee2e6;}

/* 바디 영역 */
.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 #dee2e6; 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 #dee2e6; 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 #dee2e6; 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;}
.modalNT .modal-body .fixedScroll .grid-layout .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #dee2e6;}
.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:#70c0b3; border-radius:0; border-width:2px; top:10px; left:12px;}

.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 .input-file {min-height:37px;}
.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 {text-align:center; width:120px; text-shadow:none; box-shadow:none; line-height:30px; font-weight:300; cursor:pointer; color:#fff; margin:0px 0px 0px 7px; border-width:initial; border-style:none; border-color:initial; border-image:initial; padding:0px; border-radius:0.15rem; background:#00939b;}
.modalNT .modal-body .input-file .file-label:hover {background:#008c95;}
.modalNT .modal-body .input-file .file-name {width:195px; border:1px solid #dee2e6; padding:.47rem .8rem; background-color:#FFF; border-radius:.267rem; box-shadow:none; height:30px; outline:none; float:left;}
.modalNT .modal-body .input-file [type="file"]:focus {border:1px solid #178754;}
/* 첨부파일_파일문구 */
.modalNT .modal-body .download-file {padding-left:15px; height:30px; line-height:24px; color:#dee2e6;}
.modalNT .modal-body .download-file .fileDownloadTitle {color:#999; text-decoration:underline;}