/* custom by jk.choi */

body {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-family: "RobotoRegular",
    Helvetica,
    Arial,
    sans-serif;
}

img {
  border: 0px;
}


#grid {
  margin-top: 30px;
}

#header {
  height: 94px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  box-shadow: 0px 0px 9px 0 rgba(50, 68, 83, .2);
}

#header h1 {
  float: left;
  color: #7f88a2;
}

#header .top h1 img {
  border-right: 1px solid #ccc;
  padding-right: 15px;
  padding-top: 10px;
}

#header .top .title {
  padding-left: 15px;
  padding-top: 10px;
}

#treeview {
  width: 230px;
}

#sub_area {
  margin: 0px auto 40px;
  width: 1160px;
  padding: 10px;
}

.ref_add_btn {
  float: right;
  cursor: pointer;
  top: -20px;
  /* position: relative; */
  font-weight: bold;
  color: #4d95fe;
}

.ref_list_box {
  border: 1px solid #e9edf3;
  height: 100%;
}

.ref_list {
  padding: 0px;
  margin: 0px;
}

.ref_list li {
  border-bottom: 1px solid #e9edf3;
  list-style: none;
  line-height: 30px;
  height: 30px;
  padding: 3px;
}



.grid_search_radio {
  float: right;
}

.grid_search_wrap {
  width: 300px;
  float: right;
  margin-top: -28px;
}

.grid_search_wrap input {
  height: 22px;
  float: right;
}

.grid_search_wrap span {
  float: right;
}

.grid_search_wrap .k-textbox {
  width: 72%;
}

.k-textbox .k-icon {
  margin: 0px;
}

.window-titlebar.k-dialog-titlebar.k-header {
  display: none;
}

.k-window-titlebar .k-window-actions {
  position: static;
}

.search_toggle {
  display: flow-root;
}

.search_toggle_btn {
  float: left;
}


.search_top_wrap {
  height: 40px;
}

.fieldlist {
  margin: 0 0 -1em;
  padding: 0;
}

/* 
#fieldlist:nth-child(1) li {
  width: 23%;
}

#fieldlist:nth-child(1) li .k-combobox {
  width: 100%;
} */

.pop_header p {
  float: left;
  margin-top: 0px;
}

.pop_header button {
  float: right;
}

.fieldlist li {
  list-style: none;
  padding-bottom: 1em;
  line-height: 30px;
  margin-left: 10px;
}

.fieldlist {
  list-style: none;
}

.fieldlist li {
  float: left;
}

.left_menu {
  border-right: 1px solid #ddd;
  margin-right: 10px;
  /* float: left; */
  display: table-cell;
  padding: 10px;
}

.left_menu+div {
  /* float: right; */
  display: table-cell;
  width: 78%;
  padding: 0px 10px;
  vertical-align: top;
}

.left_contents {
  border-right: 1px solid #ccc;
  width: 300px;
  float: left;
}


#fieldlist {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-top: 20px;
}

#fieldlist li {
  list-style: none;
  /* padding-bottom: 1em; */
  text-align: left;
  float: left;
  margin-right: 10px;
}

#fieldlist label {
  display: block;
  padding-bottom: .3em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

.ref_add_btn+span {
  width: 100%;
}

.ifu_public_fieldlist li {
  float: left;
  list-style: none;
  width: 150px;
  height: 30px;
}

.ifu_public_fieldlist li:nth-child(6),
li:nth-child(11),
li:nth-child(16),
li:nth-child(21) {
  clear: left;
}

section {
   width: 940px;
  /* clear: both; */
  margin: 10px 0px;
  display: inline-block;
}

.top {
  position: relative;
  display: inline-block;
  width: 1150px;
  height: 80px;
  margin: 0px auto;
  text-align: left;
}

.top .top_right {
  float: right;
}

.top_right h4 {
  float: left;
}

.top_right span {
  /* margin: 18.6px;
  display: inline-block; */
}

.k-window-title {
  font-size: 15px;
  font-weight: bold;
}

.k-window-titlebar {
  color: #fff;
  background-color: #3068b1;
}

#treeview .k-sprite {
  background-image: url("images/icon_folder.png");
}

.rootfolder {  background-position: 0 0;}
.folder {  background-position: 0 -16px;}
.pdf {  background-position: 0 -32px;}
.html {  background-position: 0 -48px;}
.image {  background-position: 0 -64px;}
.files_wrap .k-dropzone {padding: 0px; margin: 0px;}

.ifu_header {border-bottom: 1px solid #ddd;  display: inline-block;  width: 100%;  margin-top: 15px;}
.ifu_header h4 {  margin-top: 0px;}
.ifu_header h1 {  letter-spacing: -2px;  font-size: 1.8em;}
.ifu_header p {line-height: 30px;}
.ifu_header div span {  font-weight: bold;}
.ifu_header .k-textbox {  width: 200px;}
.ifu_header div {  float: left;}
/* .ifu_header div:nth-child(1) {  margin-left: 0px;  width: 230px;} */

.ifu_header div:nth-child(2) {  width: 110px;}
.ifu_header div:nth-child(3) {  width: 120px;}
.ifu_header div:nth-child(4) {  width: 230px;}
.ifu_header div:nth-child(6) {  float: none;}

.color_blue {  color: royalblue;}
.color_red {  color: red;}
.color_green {  color: green;}

.k-blue {  background-color: royalblue !important;}

.ifu_body {  display: table;  /* width: 1160px; */
}

/* .ifu_body div:nth-child(2) #fieldlist li {width: 100%;}
.ifu_body div:nth-child(1) { width: 920px;  display:table-cell; }
.ifu_body div:nth-child(2) ul li {  float: none !important;  width: 200px;}
.ifu_body div ul li .k-combobox {  width: 220px;} */

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {height:auto;}

.ref_list_title {  display: inline-block !important;}

.pop_footer {  text-align: center;  margin-top: 10px;}

.k-checkbox:checked+.k-checkbox-label::before {  border-color: #4d95fe;  background-color: #4d95fe;}

.k-button.k-primary,
.k-slider .k-draghandle {
  border-color: #1a73e8;
  color: #fff;
  background-color: #1a73e8;
  background-image: none
}

.k-action-buttons .k-primary.k-state-hover,
.k-action-buttons .k-primary:hover,
.k-button.k-primary.k-state-hover,
.k-button.k-primary:hover,
.k-slider .k-draghandle:hover {
  border-color: #3e91ff;
  color: #fff;
  background-color: #3e91ff;
  background-image:none;
}

.k-button.k-primary.k-state-focused,
.k-button.k-primary:focus {
  box-shadow: 0 3px 4px 0 rgba(88, 161, 255, 0.4);
}

.k-dialog-titlebar {
  background-color: #3e91ff;
}

.k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
  color: #3e91ff;
}

.k-radio:checked+.k-radio-label::before {
  border-color: #1a73e8;
  background-color: #1a73e8;
}

.k-treeview .k-in.k-state-selected {
  color: #fff;
  background-color: #1a73e8;
}

.k-action-buttons .k-primary.k-state-active,
.k-action-buttons .k-primary:active,
.k-button-group .k-button.k-state-active,
.k-button-group .k-button.k-state-selected,
.k-button-group .k-button:active,
.k-button-group>input[type=radio]:checked+.k-button,
.k-button-group>input[type=checkbox]:checked+.k-button,
.k-button.k-primary.k-state-active,
.k-button.k-primary.k-state-selected,
.k-button.k-primary:active,
.k-button.k-state-selected,
.k-slider .k-draghandle.k-pressed,
.k-slider .k-draghandle:active {
  border-color: #1a73e8;
  color: #fff;
  background-color: #1a73e8;
  background-image: linear-gradient(rgba(88, 138, 255, 0.2), rgba(255, 138, 88, 0));
}

.k-button {
  background-clip: padding-box;
  border-color: #cee2ff;
  color: #1a73e8;
  background-color: #ecf3fd;
  background-image: linear-gradient(#58c0ff00, rgba(255, 138, 88, .0));
}

/* sub */

.registrant_table {  border: 1px solid #ccc;  border-collapse: collapse;  width: 100%; margin-bottom: 20px;}
.registrant_table tr th {  border: 1px solid #dde6ea;  background-color: #f0f4fb;  padding: 5px;}
.registrant_table tr td {  border: 1px solid #dde6ea;  padding: 5px;  text-align: center;}
.registrant_table tr td p {  margin: 0px;}


.btn_close_s {
  width: 15px;
  margin-left: 5px;
  color: blue;
  vertical-align: middle;
  height: 15px;
  border-radius: 15px;
  position: absolute;
  line-height: 15px;
  cursor: pointer;
}

.btn_close_s:hover {
  background-color: aliceblue;
  cursor: pointer;
}

.k-window {
  border: 1px solid #ddd;
}

.registrant_table tr td .small {
  font-size: 12px;
}

.k-dropdown-wrap .k-clear-value {
  top: 50%;
}

.red_btn {
  background-color: red !important;
  border-color: red !important;
  color: #fff !important;
}

.green_btn {
  background-color: lightseagreen !important;
  border-color: lightseagreen !important;
  color: #fff !important;
}

textarea {
  width: 100%;
  height: 70px;
  border: 1px solid #ccc;
}


.info_member_btn {
  cursor: pointer;
}

.info_member_btn:hover {
  background: #ecf3fd;
  color: #5b87ed;
}

.category_wrap {
  display: table;
  width: 100%;
}

.category_wrap>.category_left,
.category_right {
  display: table-cell;
  padding: 10px;
  width: 50%;
  border: 1px solid #dde6ea;
}

::-webkit-scrollbar {
  width: 6px;
  height: 7px;
}


::-webkit-scrollbar-thumb {
  background: #d9e0e5;
}

::-webkit-scrollbar-track {
  background: #fff;
}

.k-widget ::selection,
.k-block ::selection,
.k-panel ::selection {
  background-color: #f2f2a9 !important;
  color: #000 !important;
}

.k-input::selection,
.k-textarea::selection,
.k-textbox::selection {
  background-color: #f2f2a9;
  color: #000;
}

.category_wrap>.category_left #treeview,
.category_right #treeview-right {
  height: 500px;
  width: 100%;
  display: inline-block;
}

.k-alt {
  border-bottom: 1px solid #dde6ea;
  border-top: 1px solid #dde6ea;
}

.k-grid table {
  border-collapse: collapse;
}

.k-grid tr.k-alt {
  background-color: rgba(0, 0, 0, 0);
}

.k-widget.k-window.k-dialog {
  border: 0px solid #ccc;
}
 

.ifu_header_contents {width:1160px;}

.contents {width: 1160px;}
.contents .left {float: left;}
.left .k-combobox {width:220px;}
.contents .left div {display: inline-block;}

#textButton {
  margin: 0px 3px;
}

.header_wrap {height: 90px;  border-bottom: 1px solid #ccc;}
.header {width:1160px; margin: 0 auto; position: relative;}
.header .left {width: 100%; position: absolute; margin-top: 26px;}
.header .right  {position: absolute; right: 0px;}
.content_wrap {width:1160px; margin:0 auto; position: relative;}
/* .content_header {height: 100px;} */

.content_header {border-bottom: 1px solid #ddd;}
.content_header ul {margin: 0px; padding: 0px;}
.content_header ul li {float: left; list-style: none; margin-right:10px;}
.content_header ul li:nth-last-child(1) {margin-right: 0px;}
.content_header ul li h1 {font-size: 25px;     letter-spacing: -1px;}

.top_right {vertical-align: middle;  position: absolute;  width: 100%;  top: 18px;}
.top_right span {font-weight: bold;  line-height: 22px;}

.content_header ul {display:flex;}
.content_header ul li {flex: 1;   flex-direction: column;}

.content h4 {clear: both;}
/* .content div {margin: 10px 0px;} */
.content .left {/* float:left; width:80%;*/}
.content .right {width:20%; position: absolute; right: 0px; top:105px;}


.ifu_create_btn {text-align: right; right: 0px;  color: #fff;  border: 1px;  border-radius: 3px;  padding: 6px 0px;  cursor: pointer;}

.search-tab-content .form-control input {background: #fff !important;}


.logo {float: left; margin-right: 20px;  border-right: 1px solid #ccc;  padding-right: 20px;}
.title {font-size: 25px; font-weight: 600;}
/* .content_header .k-textbox , .content_header .k-combobox {width: 220px;} */
.content_header .k-textbox , .content_header .k-combobox {height: 30px;}
.k-autocomplete .k-input {width: 220px;}

.content_header .button_wrap {
  text-align: right;
  top: 41px;
  position: absolute;
  right: 0px;}

.k-panelbar .k-tabstrip>.k-content, .k-tabstrip>.k-content {margin:0px;}
.k-tabstrip-items .k-link {font-weight: bold;}

.excel-icon {
  width: 32px;
  height: 32px;
  background: url(../images/excel-icon.png) no-repeat 80%;
  background-position: center;
  display: block;
  float: left;
  margin: 0px 5px;
  background-size: 65%;
}
.excel-icon+span {line-height: 32px; cursor: pointer; color:#1a73e8; text-decoration: underline;}
.sample-excel {position: absolute;  z-index: 9;  right: 30px; margin-top: 10px;}
/* .k-dropzone .k-upload-status-total {transform: translateY(0%);} */
.k-upload .k-dropzone .k-upload-status {position: absolute; left: 120px;}

.no-result-container {padding: 70px 0 !important;}

/* 그리드 커스텀 */

.k-filter-row th, .k-grid-header th.k-header {text-align: center;}
.k-grid td, .k-grid th {text-align: center; padding: 4px 12px;}
.k-filter-row th, .k-grid-header th.k-header {background-color: #f0f4fb; font-weight: bold;}

/* IE 10 - IE 11 전용 대응 hack */
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .k-upload .k-dropzone .k-upload-status {position: relative ; left: 0px;}
}


/* IE 9 클래스 custom */
.k-ie9 .k-upload-button {margin:8px;}
.k-ie9 .k-upload-status-total {top:0.8em;}
.k-ie9 .k-window-titlebar .k-window-actions {top:12px; right:12px; position: absolute;}
.k-ie9 .k-dialog-button-layout-stretched.k-dialog-buttongroup .k-button {width:50%;}