@charset "utf-8";

/* kendo 커스터마이징 */


/* Kendo Table */
.grid_area {margin:10px 0;}


/* k-grid */
.k-grid-header .k-header>.k-link, .k-header {font-size:14px;}

.k-grid-header {
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
	background-color: #eae8e8 !important;
}
.k-pager-wrap {background-color: #eae8e8 !important;}

.k-grid-header th.k-header {vertical-align: middle; text-align: center;}
.k-grid-content {font-size:13px; color:#777; border-top:0;}
.k-grid tr td {white-space: nowrap;}
.k-grid tr th, .k-grid tr td {height: 20px;}
.k-pager-wrap {padding-top:.45em;}
.k-pager-wrap .k-link:focus {outline:none;}
.k-pager-wrap .k-link {border-color:#c1c1c1;}

.k-pager-wrap .k-pager-sizes span.k-dropdown{
	width: 70px;
}

.k-grid-header > div > table,
.k-grid-content > table { width:100%!important; /* grid column 변경시 width px계산 제거 */ }


/* input , Selcet , Calendar , Dropdown */
.k-button, .k-input[type=number], .k-input[type=text], .k-picker-wrap .k-input, .k-textbox, .k-textbox>input {font-size:13px;}
#con_center input[type="text"], #con_center input[type="password"] {color:#000;}

.k-i-arrow-60-down:before {color:#585858;}
/* .k-widget .k-widget {border:0;} */
.k-i-calendar:before {content:'\f073'; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);}
/* .k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {background-color: transparent;} */
.k-autocomplete, .k-button, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper>.km-pane>.km-view>.km-content {background-color: transparent;}
.k-input {padding:0;}
.k-textbox .k-icon {margin:-8px 0 0 -7px;}
.k-datepicker {min-width:80px;}

/* #con_center *:disabled, .k-state-disabled,
#con_center input[disabled], #con_center textarea[readonly],
#con_center input[readonly],
#con_center input[readonly="readonly"],
#con_center input[readonly]:hover,
#con_center input[readonly="readonly"]:hover {
	background-color:#f3f3f3; color:#888;
} */

.cont_area *:disabled, .k-state-disabled,
.cont_area input[disabled], #con_center textarea[readonly],
.cont_area input[readonly],
.cont_area input[readonly="readonly"],
.cont_area input[readonly]:hover,
.cont_area input[readonly="readonly"]:hover {
	background-color:#f3f3f3; color:#6f7a8c!important;
}

.cont_area3 *:disabled, .k-state-disabled,
.cont_area3 input[disabled], #con_center textarea[readonly],
.cont_area3 input[readonly],
.cont_area3 input[readonly="readonly"],
.cont_area3 input[readonly]:hover,
.cont_area3 input[readonly="readonly"]:hover {
	background-color:#f3f3f3; color:#616161!important;
}

.k-maskedtextbox .k-input {height:30px; line-height:30px;} /* calendar 2개일 경우 */
.k-radio:checked + .k-radio-label:before {border-color: #ff9334;}
.k-radio:checked + .k-radio-label:before, .k-radio:checked + .k-radio-label:active:before, .k-radio:checked + .k-radio-label:hover:before {border-color: #c5c5c5;} /* Radio:checked Color */
.k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before {border-color: #acacac; box-shadow: none;}
.k-radio:checked + .k-radio-label:before {border-color: #ff9334;}
.k-radio:focus + .k-radio-label:before {border-color: #f97502; box-shadow: 0 0 3px 0 #f47302;}

/* radio */
.k-radio:checked + .k-radio-label {color:#4085FF !important;}
.k-radio:checked + .k-radio-label:after {background-color:#f07f1c;}
.k-radio-label {margin-right: 10px;}
.k-checkbox-label, .k-radio-label {padding-left: 20px;}

.sform_type02 tr > td .k-radio-label { height:29px; line-height:31px; vertical-align: middle; }
.sform_type02 tr > td .k-radio-label:before {margin-top:6px;}
.sform_type02 tr > td .k-radio:checked+.k-radio-label:after {top:9px;}

.tb_type02_sformview tr > td .k-radio-label { height:29px; line-height:31px; vertical-align: middle; }
.tb_type02_sformview tr > td .k-radio-label:before {margin-top:6px;}
.tb_type02_sformview tr > td .k-radio:checked+.k-radio-label:after {top:9px;}

/* radio */
.k-radio-label { height:29px;color:#444; line-height:31px; font-weight:600}
.k-radio-label:before {margin-top:6px;}
.required.k-radio-label:before {margin-top:6px; border-color: #ed9453;}
.k-radio:checked+.k-radio-label:after {top:9px;}

/* dropdown */
span.k-datepicker {border:0;}

/* input text */
.k-numeric-wrap:before, .k-picker-wrap:before {height: auto;}

/* kendo icon */
.k-button { padding:0 7px; line-height: 30px; border-color:#c5c5c5; background-color: #fff; /*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/ }
.color-icon-basic { color:#f07f1c; }
.color-icon-mis { color:#859d12; }
.color-icon-css { color:#6f88d2; }
.color-icon-pms { color:#009dab; }
.color-icon-eis { color:#9b7c1e; }
.color-icon-gray { color:#444; }
.k-button:active .color-icon-basic {color:#fff;}

.k-button:hover { background-color: #fff; }
.k-button.k-state-active, .k-button:active,
.k-button.k-state-active:hover, .k-button:active:hover { background-color: #4085FF; border-color: #6279a3; color:#fff;}

/* Calendar - icon */
.k-textbox .k-i-calendar {position: relative; top:4px; left:4px;}

/* Tree List */
.tree_list {
	width:100%; margin-top:10px; padding:15px 20px 15px; border:1px solid #c5c8c8; background:#fff;overflow:auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
.k-i-expand:before { background: url(/resources/images/common/plus.png) no-repeat center; opacity: 1; width:13px; height:13px; background-size:contain; content:''; }
.k-i-collapse:before { background: url(/resources/images/common/minus.png) no-repeat center; opacity: 1; width:13px; height:13px; background-size:contain; content:''; }
.k-treeview .k-in {padding:4px 7px 4px 7px; margin:1px 0 0 3px; font-size:14px; line-height:14px;}
.k-treeview .k-i-collapse {margin-top:0;}
.k-treeview>.k-group > li {padding-bottom:5px;}


/* no record */
.k-grid-norecords { width: 100%; height: 100%; text-align: center; }
.k-grid-norecords>.k-grid-norecords-template { top: 50%; left: 50%; margin-left: -10em; margin-top: -2em; position: absolute; }
.k-grid-norecords-template { background-color: #f3f3f3; color: #4085FF; border-radius: 4px; text-align: center; }

.k-overlay {filter: alpha(opacity=40); opacity: .4;}
.k-dialog .k-dialog-buttongroup {font-size:0;}


.k-window.k-dialog { border: 1px solid #808080; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,.2); padding: 10px 8px 5px;}
.k-dialog.k-alert .k-dialog-titlebar { font-weight:700; font-size:13px; color:#444; }
.k-dialog.k-alert .k-content { font-size:13px; text-align:center;}
.k-window-content {padding: 30px 16px;}
.k-dialog .k-dialog-buttongroup {border-top:1px dashed #dcdcdc; padding-top: 9px;}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button{
	font-weight:700; font-size:15px; padding:8px; border:0; border-radius: 0!important; border-top:1px solid #dcdcdc;
}


.k-dialog .k-button {background:#5793EA; color:#fff; border: 1px solid #5793EA;}
.k-dialog .k-button:nth-child(n+2){background:#D8D8D8; color:#515967;}
.k-dialog .k-button:nth-child(n+2):active {color:#fff;}
.k-dialog .k-button {transition:.3s;}
.k-dialog .k-button:hover {opacity:0.5; border: 1px solid #5793EA; transition:.3s;}
.k-dialog a.k-dialog-action.k-dialog-close {color:#000; transition:color .3s;}
.k-dialog a.k-dialog-action.k-dialog-close:hover {background-color:#4085FF !important; color:#fff; transition:color .3s;}
.k-dialog a.k-dialog-action.k-dialog-close:focus {outline:none; border:1px solid!important;}

.k-window-titlebar.k-dialog-titlebar.k-header{clear:both; /*width:100%;*/ min-height:0; background-color:#fff; border-radius:15px; line-height:40px; color:#54585A; text-align:center; position:relative; padding:40px 0 25px;}
.k-window-titlebar.k-dialog-titlebar.k-hstack {background: #fff; color:#232323;}
.k-window-titlebar {padding: 8px 5px;}
/* 상단 로고 */
.k-window-titlebar.k-dialog-titlebar.k-header::before {content:""; position:absolute; top:-25px; left:50%; transform:translateX(-50%); background:url(/resources/images/common/modal_logo.svg) no-repeat center #fff; box-shadow:2px 2px 8px rgba(0,0,0,0.2); border-radius:45px; width:155px; height:45px;}
.k-window-titlebar.k-dialog-titlebar.k-header::after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95%; height:1px; background-color:#e3e3e3;}
.k-window-titlebar.k-dialog-titlebar.k-header + div{font-size:1.1em; border-radius:15px;}
.k-window-title.k-dialog-title{/* margin-left:75px !important; */ line-height:1.6em !important}
.k-window > .cssCustomDialog { padding-top : 5px !important; }

/* k-tabstrip-items */
.k-tabstrip-items .k-state-default { border-color: #d8d8d8; margin-right: 5px; }
.k-tabstrip-items .k-state-default:last-child {margin-right:0;}
.k-tabstrip:focus { -webkit-box-shadow: none; box-shadow : none; }
.k-active-filter, .k-state-active:hover, .k-tabstrip .k-state-active { border-color: #d8d8d8; }
.k-tabstrip-top .k-tabstrip-items .k-state-active { border-color: #FD8223; /* border-bottom-color:#fff; */  }
.k-tabstrip-items .k-item { background-color:#f3f3f4; height:28px; line-height: 1.3em; /*margin-right:5px;*/ }
.k-tabstrip .k-state-active { border-color: #cccccd; }

.k-tabstrip-items .k-item, .k-tabstrip-items .k-link {border-radius: 30px;}
.k-tabstrip-items .k-state-active .k-link { color:#515967; background-color:#fff; font-weight: 700; /* font-size:15px; */ text-align : center;}
.k-tabstrip_lineno .k-content.k-state-active { border-width: 1px 0 0 0; padding: 0; }



.k-overflow-container .k-primary, .k-primary {
	color: #515967;
}

.k-primary.k-state-focused, .k-primary:focus {
	color: #263248;
}

.k-primary:hover {
	color: #263248;
}


/* fileupload */
.fileupgroup {clear:both; width:100%; padding:5px 0; margin-top:10px; height:auto; overflow:hidden; border:1px solid #e8e8e8}
.fileup_type01 {}
.fileup_type01 label { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
.file_uplist { clear:both; width:100%; height:auto; overflow:hidden; border:1px solid #e8e8e8; margin-top:15px;}
.file_uplist .btngroup {padding-bottom:10px; padding-left:15px;}
.file_uplist .btngroup button { font-size:0.85em; }
.file_uplist .btngroup .btnright { padding-right:15px;}
.file_uplist ul { clear:both; width:100%;}
.file_uplist ul li { clear:both;  padding:7px 15px; border-top:1px solid #e8e8e8;}
.file_uplist ul li input,
.file_uplist ul li label,
.file_uplist ul li span { display:inline-block; padding-right:10px;}
.file_uplist ul li label { border-right:1px solid #dcdcdc; margin-right:10px; }
.file_uplist ul li .size { font-size:0.8em; color:#666; }
.file_uplist ul li .down { font-size:0.8em; font-weight:700;text-decoration:underline; color:#1a98d9 }
.file_uplist ul li:hover { background-color:#f6f6f6; }
.fileupgroup > .file_uplist { border:0 none; margin-top:5px;}
.fileupgroup > .fileup_type01 { width:99%; margin:0 auto; }
.fileupgroup > .file_uplist > ul + .btngroup { border-top:1px solid #e8e8e8}

/* fileupload2 */
.uploader { position:relative; display:table; padding:10px; width:100%; height:auto; overflow:hidden; background-color:#f9f9f9; box-sizing:border-box;}
.dropzone { padding:0!important; border:0 none!important; min-height:0!important; background:transparent!important}
.dropzone .dz-message { margin:0!important}
.dropzone_click {display:table-cell; }
.dropzone_click .upfileslist { position:relative; width:100%;  height:auto; overflow:hidden; background-color:#fff; border:1px solid #dcdcdc; margin:5px 0px;}
.dropzone_click .upfileslist:empty { border:0 none; margin-bottom:0;}
.dropzone_click .file_row {display:table;  width:100%; padding:5px 5px; border-top:1px dashed #e8e8e8;}
.dropzone_click .file_row > * { display:table-cell; vertical-align:middle;}
.dropzone_click .file_row .name { width:55%; }
.dropzone_click .file_row .size { width:15%; color:#ff9446; padding-left:7px; font-size:0.80em; font-weight:700;}
.dropzone_click .file_row .pro_area { width:15%}
.dropzone_click .file_row .pro_area .progress { width:100%; }
.dropzone_click .file_row .pro_area .progress span { line-height:25px;}
.dropzone_click .file_row .btnevent { width:15%; min-width:70px; padding-left:10px;}
.dropzone_click .upfileslist >  .file_row:first-child { border-top:0 none;}
.dropzone_click .message { position:relative; display:table; width:100%; height:150px; background-color:#f6f6f6;  border:1px solid #dcdcdc; border-radius:6px; box-sizing:border-box;}
.dropzone_click .message:hover {  cursor: pointer; }
.dropzone_click .message span { display:table-cell; vertical-align:middle;  /* text-align:center; */ font-family: 'GmarketSansMedium'; font-size:1.3em; letter-spacing:-0.03em; line-height:20px; color:#aaabad; word-break:keep-all; position:absolute; top:50%; left:60%; transform:translate(-50%, -50%); white-space:nowrap;}
.dropzone_click .message span::before { content:""; position:absolute; display:inline-block; width:40px; height:50px; top:47%; left:-55%; transform:translateY(-50%); vertical-align:middle; background:url(/resources/images/common/upload_icon.svg) no-repeat center; background-size:90% 90%;}
.dropzone_click .upfileslist:not(:empty) + .message { height:70px; }
.dropzone_click .upfileslist:not(:empty) + .message span::before { width:60px; height:60px; background-size:60px 60px; }
.attachedzone {display:table-cell; width:50%; vertical-align:top; padding-top:5px;}
.attachedzone ul { float:right; width:98%; height:auto; overflow:hidden; font-size:0.85em; }
.attachedzone ul li { padding:4px 6px; min-height:16px; line-height:1.5em;  }
.attachedzone ul li > * { vertical-align:middle; }
.attachedzone ul li span { display:inline-block; padding-left:7px; font-size:0.85em }
.attachedzone .file-header { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.attachedzone .file-header li { line-height:1.75em; background-color:#f9f9f9; }
.attachedzone .file-header li label { vertical-align:top; margin-top:4px;}
.attachedzone .file-header span { color:#444; font-weight:700; font-size:1em;}
.attachedzone .file-type {border:1px solid #dcdcdc; border-radius:2px;}
.attachedzone .file-type li { border-bottom:1px solid #e8e8e8;background-color:#fff;  }
.attachedzone .file-type li:hover { background-color:#f9f9f9; }
.attachedzone .file-type li > a { padding-left:7px; }
.attachedzone .file-type li span { color:#4085FF; }
.attachedzone .file-type button { margin-left:5px; margin-top:0; font-size:0.85em  }
.attachedzone .file-type label {line-height:16px; height:16px; margin-right:3px;}
.attachedzone .file-type > li:last-child { border-bottom:0 none; }
.attachedzone .btngroup *[class^="btn_"] { font-size:0.85em;}
.attachedzone .btngroup {padding-bottom:10px; padding-left:15px;}
.attachedzone .btngroup button { font-size: 14px; border-radius:7px; border:none; background: #d4d4d4; color:#282828; padding: 7px 10px; margin-left: 5px;}
.attachedzone .btngroup .btnright {padding-right: 5px; display: flex; justify-content: flex-end;}
.attachedzone .btngroup .btn-sel-download {background: #5793EA; color:#fff;}
.attachedzone .btngroup .btn-sel-delete {background: #ff2323; color:#fff;}
.uploader  input[type="file"] { line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.sform_type02 tr > td .uploader {background-color:transparent}
.sform_type02 tr > td .dropzone_click .upfileslist { border:0 none; }
.sform_type02 tr > td .dropzone_click .file_row { font-size:0.85em;}
.sform_type02 tr > td .dropzone_click .message {border-radius:6px;}

/* img upload */
.imguploader {clear:both; position:relative; width:100%; height:auto; overflow:hidden; border:1px solid #e8e8e8; background-color:#f9f9f9; box-sizing:border-box; font-size:0.85em}
.imgup_msg { width:100%; padding:10px; line-height:1.75em; box-sizing:border-box; }
.imgup_list { width:100%; height:auto; overflow:hidden;}
.imgup_list > .photo { display:table; float:left; position:relative; width:33.3%; height:220px; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.imgup_list > .photo .imgarea { display:table-cell; width:100%; height:190px; overflow:hidden; text-align:center; vertical-align:middle; background-color:#fff; }
.imgup_list > .photo .imgarea img { max-width:90%; max-height:80%; border:1px solid #dcdcdc;}
.imgup_list > .photo .imgarea:empty { height:100%; background:url(/resources/images/common/photo_sample.jpg) no-repeat center -10px #f6f6f6; }
.imgup_list > .photo .imgarea:empty::after { content: "이미지가 준비되지 않았습니다."; display:inline-block; width:80%; height:100%; padding-top:160px; color:#999; text-align:center; word-break:break-all;box-sizing:border-box; }
.imgup_list > .photo .imgtxt { display:table-row; width:100%; padding:7px; height:30px; line-height:30px; background-color:#fff; vertical-align:middle; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.imgup_list > .photo .imgtxt:empty { padding:0; width:0; height:0; line-height:0; background-color:#f6f6f6;}
.imgup_list > .photo:nth-child(3n) { border-right:0 none;}
.imgup_list > .photo .imgclick {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0; font-size:0px; color:transparent; }
.imgup_list > .photo .imgclick:hover {cursor: pointer;}
.imgup_list > .photo .imgarea:not(:empty) + .imgtxt:not(:empty) + .imgclick {width:0; height:0; line-height:0; }


/*
input
*/
.input_datepicker{
	width: 130px;
}
/*
grid editor - link
*/
.k-grid-content a.grid-link {
	text-decoration: underline;
	cursor: pointer;
	color: #232d8d;
}

/*
validation
*/
/* .k-invalid { */
/* 	border-color: #ff0000 !important; */
/* } */

/* grid validation tooltip */
.k-grid .k-callout-n {
	left: auto;
}

.k-numeric-wrap.k-expand-padding, .k-numeric-wrap input.k-input {
    padding-right: 5px;
}



.k-i-my-insert-image:before {
	content: "\E501"
}