@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* font family */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-sans-kr-v11-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('./fonts/noto-sans-kr-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/noto-sans-kr-v11-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/noto-sans-kr-v11-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-sans-kr-v11-korean_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('./fonts/noto-sans-kr-v11-korean_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/noto-sans-kr-v11-korean_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/noto-sans-kr-v11-korean_latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/noto-sans-kr-v11-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('./fonts/noto-sans-kr-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/noto-sans-kr-v11-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/noto-sans-kr-v11-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/noto-sans-kr-v11-korean_latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

.ft_t {
  font-family: "Noto Sans KR";
  font-weight: 100;
}

.ft_l {
  font-family: "Noto Sans KR";
  font-weight: 300;
}

.ft_r {
  font-family: "Noto Sans KR";
  font-weight: 400;
}

.ft_m {
  font-family: "Noto Sans KR";
  font-weight: 500;
}

.ft_b {
  font-family: "Noto Sans KR";
  font-weight: 700;
}

.ft_bb {
  font-family: "Noto Sans KR";
  font-weight: 900;
}

.ft_st {
  font-family: "Noto Sans KR";
  font-weight: 100;
}

.ft_sl {
  font-family: "Noto Sans KR";
  font-weight: 300;
}

.ft_sr {
  font-family: "Noto Sans KR";
  font-weight: 400;
}

.ft_sm {
  font-family: "Noto Sans KR";
  font-weight: 500;
}

.ft_sb {
  font-family: "Noto Sans KR";
  font-weight: 700;
}

.ft_sbb {
  font-family: "Noto Sans KR";
  font-weight: 900;
}

.login_id:after, .login_pass:after, .input_del button:after, .trp.radio-box input[type="radio"] + i:after, .trp.radio-box input[type="radio"]:checked + i:after, .trp.radio-box input[type="radio"]:checked:disabled + i:after,
.trp.radio-box input[type="radio"][readonly]:checked + i:after, .trp.radio-box input[type="radio"]:disabled + i:after,
.trp.radio-box input[type="radio"][readonly] + i:after, .trp.checkbox-box input[type="checkbox"] + i:after, .trp.checkbox-box input[type="checkbox"]:checked + i:after, .trp.checkbox-box input[type="checkbox"]:checked:disabled + i:after,
.trp.checkbox-box input[type="checkbox"][readonly]:checked + i:after, .trp.checkbox-box input[type="checkbox"]:disabled + i:after,
.trp.checkbox-box input[type="checkbox"][readonly] + i:after, .formsearch-box .search-btn:after, .datepicker-box:after, .timepicker-box:after, .starpoint-box .star:after, .starpoint-box .star.on:after, .icon_tooltip:after, .ui-tooltip .arrow, .ui-tooltip .arrow.top, .con-panel.type-sitemap .search-wrap .navi_btns .prev_btn::after, .con-panel.type-sitemap .search-wrap .navi_btns .next_btn::after {
  background-image: url("/resources/images/sp_form.png");
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-first:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-prev:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-next:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-end:after, .jq_paging a.prev:after, .jq_paging a.prev_end:after, .jq_paging a.next:after, .jq_paging a.next_end:after, .icon-pop_close:after, .icon-favorites-del:after, .icon-copy:after, .icon-doc:after, .icon-tree:after, .icon-star_on:after, .icon-login:after, .icon-redarrow:after, .icon-home:after, .icon-btn_excel:after, .icon-btn_reload:after, .icon-btn_reload-w:after, .icon-btn_search:after, .icon-btn_search-w:after, .icon-btn_print:after, .icon-btn_write-r:after, .icon-btn_list:after, .icon-btn_add:after, .icon-btn_remove:after, .icon-btn_right_gray:after, .icon-btn_right_red:after, .icon-btn_leftopen:after, .icon-btn_rightclose:after, .icon-page_prev:after, .icon-page_prevprev:after, .icon-page_next:after, .icon-page_nextnext:after, .icon-state_circuit:after, .icon-state_schedule:after, .icon-state_contract:after, .icon-state_claim:after, .con-header .con_title.h5.icon-arrow:after, .form_table td.files .file-list li.fixed-add_remove .file_del-btn::after, .form_table td.files .file-list li.fixed-add_remove .file_download-btn::after, .calendar_wrap .calender_header .calender_title .cal_month_prev:after, .calendar_wrap .calender_header .calender_title .cal_month_next:after, .paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after, .accordion-list > li .header-area .acc_btn:after, .accordion-list > li.on .header-area .acc_btn:after, .trp.popupfixed-wrap .btn_close:after, .input_search button:after, #header .header_top .utility_menu .favorites_view-wrap:after, #header .header_top .utility_menu .log_info-wrap:after, #header .header_top .main_menu .gnbdep2-area .dep2_item-list dd .add_menu::after, #header .header_top .main_menu .gnbdep2-area .dep2_item-list dd.active .add_menu::after, #header .header-location .location-list .item:after, #header .header-location .favorites .btn-favorites .icon-favorites:after, #header .header-location .favorites .btn-favorites.on .icon-favorites::after, .con-panel.type-sitemap .search-wrap .search-btn::before, .con-panel.type-sitemap .search-wrap .search-btn.active:before {
  background-image: url("/resources/images/sp_icons.png");
}

/* =============  jq-Grid ============= */
.ui-jqgrid[id^=gbox_] {
  position: relative;
  width: 100% !important;
  border: 0;
  /* form */
}

.ui-jqgrid[id^=gbox_] input[type="checkbox"].cbox {
  width: 15px;
  height: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-view {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  font-size: 11px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-titlebar {
  padding: .3em .2em .2em .3em;
  position: relative;
  font-size: 12px;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-caption {
  text-align: left;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-title {
  margin: .1em 0 .2em;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-titlebar-close {
  position: absolute;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  cursor: pointer;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-titlebar-close:hover {
  padding: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-hdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  border-left: 0 none !important;
  border-top: 0 none !important;
  border-right: 0 none !important;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-hbox {
  float: left;
  padding-right: 20px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable {
  table-layout: fixed;
  margin: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable tr.jqg-first-row-header th {
  padding: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th:first-child {
  padding: 1px 2px;
  /* [0909] padding: 5px 2px; */
  border-left: none;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th {
  border-left: 1px solid #e1e1e1;
  border-right: 0;
  height: 30px;
  padding: 1px 5px;
  /* [0909] min-height: 30px; padding: 10px 5px; */
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f6f6f6;
  font-size: 13px;
  color: #222222;
  font-weight: bold;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th .ui-jqgrid-sortable {
  font-size: 13px;
  color: #222222;
  font-weight: bold;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th div {
  overflow: hidden;
  position: relative;
  min-height: 20px;
  height: auto;
  vertical-align: text-top;
  white-space: normal !important;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list {
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  border-spacing: 0px;
  border: 0;
  border-collapse: collapse;
  /* 합계 */
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content {
  border: 0;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content th:first-child, .ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content td:first-child {
  padding: 1px 2px;
  /* [0909] padding: 10px 2px; */
  border-left: 0;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content th, .ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content td {
  height: 30px;
  text-align: center;
  padding: 1px 20px;
  /* [0909] padding: 10px 20px; */
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 0;
  font-size: 12px;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.ui-widget-content td.tar_num {
  padding-right: 20px;
  text-align: right;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.type_sum th, .ui-jqgrid[id^=gbox_] .jqGrid_list tr.type_sum td {
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list tr.type_sum th {
  background-color: #f6f6f6;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list + .data-empty {
  border: 0;
  padding: 0 !important;
  border-bottom: 1px solid #cccccc;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list + .data-empty .txt_empty {
  margin: 0 !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  color: #666666;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list .data-empty {
  border: 0;
  padding: 0 !important;
  border-bottom: 1px solid #cccccc;
}

.ui-jqgrid[id^=gbox_] .jqGrid_list .data-empty .txt_empty {
  margin: 0 !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  color: #666666;
}

/* header*/
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  border-top: 0 none;
  border-bottom: 0 none;
}

.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
  border-right: 0 none;
}

.ui-first-th-ltr {
  border-right: 1px solid;
}

.ui-first-th-rtl {
  border-left: 1px solid;
}

.ui-jqgrid .ui-th-div-ie {
  white-space: nowrap;
  zoom: 1;
  height: 17px;
}

.ui-jqgrid .ui-jqgrid-resize {
  height: 20px !important;
  position: relative;
  cursor: e-resize;
  display: inline;
  overflow: hidden;
}

.ui-jqgrid .ui-grid-ico-sort {
  overflow: hidden;
  position: absolute;
  display: inline;
  cursor: pointer !important;
}

.ui-jqgrid .ui-icon-asc {
  margin-top: -3px;
  height: 12px;
}

.ui-jqgrid .ui-icon-desc {
  margin-top: 3px;
  height: 12px;
}

.ui-jqgrid .ui-i-asc {
  margin-top: 0;
  height: 16px;
}

.ui-jqgrid .ui-i-desc {
  margin-top: 0;
  margin-left: 13px;
  height: 16px;
}

.ui-jqgrid .ui-jqgrid-sortable {
  cursor: pointer;
}

.ui-jqgrid tr.ui-search-toolbar th {
  border-top-width: 1px !important;
  border-top-color: inherit !important;
  border-top-style: ridge !important;
}

tr.ui-search-toolbar input, tr.ui-search-toolbar select {
  margin: 1px 0 0 0;
}

/* ============================ body =================================== */
.ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-widget-content .ui-state-highlight {
  background: #fff8f5;
  color: #666666;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: auto;
  text-align: left;
}

.ui-jqgrid .ui-jqgrid-btable {
  table-layout: fixed;
  margin: 0;
  outline-style: none;
}

.ui-jqgrid tr.jqgrow, .ui-jqgrid tr.jqgroup {
  outline-style: none;
}

.ui-jqgrid tr.jqgrow td {
  font-weight: normal;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.jqgfirstrow td {
  padding: 0 2px 0 2px;
  border-right-width: 0px;
  border-right-style: solid;
}

.ui-jqgrid tr.jqgroup td {
  font-weight: normal;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.jqfoot td {
  font-weight: bold;
  overflow: hidden;
  white-space: pre;
  height: 22px;
  padding: 0 2px 0 2px;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid tr.ui-row-ltr td {
  text-align: left;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
}

.ui-jqgrid tr.ui-row-rtl td {
  text-align: right;
  border-left-width: 1px;
  border-left-color: inherit;
  border-left-style: solid;
}

.ui-jqgrid td.jqgrid-rownum {
  padding: 0 2px 0 2px;
  margin: 0;
  border: 0 none;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
  width: 2px;
  left: 0;
  background-color: #777;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  display: none;
  border: 0 none;
  z-index: 99999;
}

.ui-jqgrid .ui-jqgrid-sdiv {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-left: 0 none !important;
  border-top: 0 none !important;
  border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-ftable {
  table-layout: fixed;
  margin-bottom: 0;
}

.ui-jqgrid tr.footrow td {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  height: 21px;
  padding: 0 2px 0 2px;
  border-top-width: 1px;
  border-top-color: inherit;
  border-top-style: solid;
}

.ui-jqgrid tr.footrow-ltr td {
  text-align: left;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
}

.ui-jqgrid tr.footrow-rtl td {
  text-align: right;
  border-left-width: 1px;
  border-left-color: inherit;
  border-left-style: solid;
}

.ui-jqgrid .ui-jqgrid-pager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-bottom: 0 none !important;
  margin: 0 !important;
  padding: 20px 0 0;
  position: relative;
  height: 55px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
}

.ui-jqgrid .ui-pager-control {
  position: relative;
}

.ui-jqgrid .ui-pg-table {
  position: relative;
  padding-bottom: 0px;
  width: 50%;
  margin: 0;
}

.ui-jqgrid .ui-pg-table td {
  font-weight: normal;
  vertical-align: middle;
  padding: 0px;
}

.ui-jqgrid .ui-pg-table td .ui-pg-input {
  height: 30px;
  width: 60px;
  font-size: 12px;
  border: 1px solid #E0002A;
  color: #E0002A;
  text-align: center;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table {
  width: 330px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table td {
  text-align: center;
  padding: 0;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table td.ui-pg-button {
  width: 40px;
  text-align: center;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table td.ui-state-hover {
  border: 0;
  background-color: transparent;
  font-weight: normal;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-pg-button .ui-icon {
  background-image: none;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-pg-button .ui-separator {
  display: none;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-first, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-prev, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-next, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-end {
  display: inline-block;
  float: none;
  clear: both;
  height: 30px;
  width: 30px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-first:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-prev:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-next:after, .ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-end:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-first {
  width: 30px;
  padding: 0px;
  margin-right: 5px;
  text-indent: -9999px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-first:after {
  width: 20px;
  height: 20px;
  background-position: -278px 0px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-prev {
  width: 30px;
  padding: 0px;
  text-indent: -9999px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-prev:after {
  width: 20px;
  height: 20px;
  background-position: -160px -225px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-next {
  width: 30px;
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-next:after {
  width: 20px;
  height: 20px;
  background-position: -100px -100px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-end {
  width: 30px;
  padding: 0px;
  margin-left: 5px;
  text-indent: -9999px;
}

.ui-jqgrid td[id$=center] > table.ui-pg-table .ui-icon-seek-end:after {
  width: 20px;
  height: 20px;
  background-position: -80px -225px;
}

.ui-jqgrid .ui-pg-button {
  height: 30px;
}

.ui-jqgrid .ui-pg-button span {
  display: block;
  margin: 1px;
  float: left;
}

.ui-jqgrid .ui-pg-button:hover {
  padding: 0;
}

.ui-jqgrid .ui-state-disabled:hover {
  padding: 1px;
}

.ui-jqgrid .ui-pg-input {
  height: 13px;
  font-size: .8em;
  margin: 0;
}

.ui-jqgrid .ui-pg-selbox {
  font-size: .8em;
  line-height: 18px;
  display: block;
  height: 18px;
  margin: 0;
}

.ui-jqgrid .ui-separator {
  height: 18px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 1px;
  float: right;
}

.ui-jqgrid .ui-paging-info {
  font-weight: normal;
  height: 19px;
  margin-top: 3px;
  margin-right: 4px;
}

.ui-jqgrid .ui-jqgrid-pager {
  background-color: transparent;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px;
}

.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea {
  margin: 0;
}

.ui-jqgrid td textarea {
  width: auto;
  height: auto;
}

.ui-jqgrid .ui-jqgrid-toppager {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-top: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  height: 25px !important;
  white-space: nowrap;
  overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
  padding: 1px 0;
  float: left;
  position: relative;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
  cursor: pointer;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  float: left;
  margin: 0 2px;
}

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
  display: block;
}

.ui-jqgrid .ui-subgrid {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-jqgrid .ui-subgrid table {
  table-layout: fixed;
}

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
  height: 18px;
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
}

.ui-jqgrid .ui-subgrid td.subgrid-data {
  border-top: 0 none !important;
}

.ui-jqgrid .ui-subgrid td.subgrid-cell {
  border-width: 0 0 1px 0;
}

.ui-jqgrid .ui-th-subgrid {
  height: 20px;
}

.ui-jqgrid .loading {
  position: absolute;
  top: 45%;
  left: 45%;
  width: auto;
  z-index: 101;
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-weight: bold;
  display: none;
  border-width: 2px !important;
  font-size: 11px;
}

.ui-jqgrid .jqgrid-overlay {
  display: none;
  z-index: 100;
}

/* footer */
/* Pager*/
/*subgrid*/
/* loading */
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
* .jqgrid-overlay iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata {
  border-left: 0 none;
  border-right: 0 none;
  height: 21px;
  overflow: hidden;
}

/*Modal Window */
.ui-jqdialog {
  display: none;
  width: 300px;
  position: absolute;
  padding: .2em;
  font-size: 11px;
  overflow: visible;
}

.ui-jqdialog .ui-jqdialog-titlebar {
  padding: .3em .2em;
  position: relative;
}

.ui-jqdialog .ui-jqdialog-title {
  margin: .1em 0 .2em;
}

.ui-jqdialog .ui-jqdialog-titlebar-close {
  position: absolute;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  cursor: pointer;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
  padding: 0;
}

.ui-jqdialog-content {
  border: 0;
  padding: .3em .2em;
  background: none;
  height: auto;
}

.ui-jqdialog .ui-jqdialog-content {
  border: 0;
  padding: .3em .2em;
  background: none;
  height: auto;
}

.ui-jqdialog .ui-jqconfirm {
  padding: .4em 1em;
  border-width: 3px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  overflow: visible;
  display: none;
  height: 80px;
  width: 220px;
  text-align: center;
}

.ui-jqdialog > .ui-resizable-se {
  bottom: -3px;
  right: -3px;
}

.ui-jqgrid > .ui-resizable-se {
  bottom: -3px;
  right: -3px;
}

/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid {
  margin: 0;
}

.ui-jqdialog-content .EditTable, .ui-jqdialog-content .DelTable {
  width: 100%;
  margin-bottom: 0;
}

.EditTable td input, .EditTable td select {
  margin: 0;
}

.EditTable td textarea {
  margin: 0;
  width: auto;
  height: auto;
}

.ui-jqdialog-content td.EditButton {
  text-align: right;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ui-jqdialog-content td.navButton {
  text-align: center;
  border-left: 0 none;
  border-top: 0 none;
  border-right: 0 none;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ui-jqdialog-content input.FormElement, .ui-jqdialog-content select.FormElement {
  padding: .3em;
}

.ui-jqdialog-content .data-line {
  padding-top: .1em;
  border: 0 none;
}

.ui-jqdialog-content .CaptionTD {
  vertical-align: middle;
  border: 0 none;
  padding: 2px;
  white-space: nowrap;
}

.ui-jqdialog-content .DataTD {
  padding: 2px;
  border: 0 none;
  vertical-align: top;
}

.ui-jqdialog-content .form-view-data {
  white-space: pre;
}

.fm-button {
  display: inline-block;
  margin: 0 4px 0 0;
  padding: .4em .5em;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  text-align: center;
  zoom: 1;
}

.fm-button-icon-left {
  padding-left: 1.9em;
}

.fm-button-icon-right {
  padding-right: 1.9em;
}

.fm-button-icon-left .ui-icon {
  right: auto;
  left: .2em;
  margin-left: 0;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.fm-button-icon-right .ui-icon {
  left: auto;
  right: .2em;
  margin-left: 0;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

#nData, #pData {
  float: left;
  margin: 3px;
  padding: 0;
  width: 15px;
}

/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {
  font-style: normal;
  border-left: 0 none;
}

/* inline edit actions button*/
.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span, .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
  margin: 0px;
}

/* Tree Grid */
.ui-jqgrid .tree-wrap {
  float: left;
  position: relative;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
}

.ui-jqgrid .tree-minus, .ui-jqgrid .tree-plus, .ui-jqgrid .tree-leaf {
  position: absolute;
  height: 18px;
  width: 18px;
  overflow: hidden;
}

.ui-jqgrid .treeclick {
  cursor: pointer;
}

/* moda dialog */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
.ui-jqgrid-dnd tr td {
  border-right-width: 1px;
  border-right-color: inherit;
  border-right-style: solid;
  height: 20px;
}

/* RTL Support */
.ui-jqgrid .ui-jqgrid-caption-rtl {
  text-align: right;
}

.ui-jqgrid .ui-jqgrid-hbox-rtl {
  float: right;
  padding-left: 20px;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
  float: right;
  margin: -2px -2px -2px 0;
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
  float: left;
  margin: -2px 0 -1px -3px;
}

.ui-jqgrid .ui-sort-rtl {
  left: 0;
}

.ui-jqgrid .tree-wrap-ltr {
  float: left;
}

.ui-jqgrid .tree-wrap-rtl {
  float: right;
}

.ui-jqgrid .ui-ellipsis {
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* Toolbar Search Menu */
.ui-search-menu {
  position: absolute;
  padding: 2px 5px;
}

.ui-jqgrid .ui-search-table {
  padding: 0;
  border: 0 none;
  height: 20px;
  width: 100%;
}

.ui-jqgrid .ui-search-table .ui-search-oper {
  width: 20px;
}

a.g-menu-item, a.soptclass, a.clearsearchclass {
  cursor: pointer;
}

.ui-jqgrid .ui-search-table .ui-search-input > input, .ui-jqgrid .ui-search-table .ui-search-input > select {
  display: block;
  box-sizing: border-box;
}

.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button {
  font-size: 11px;
}

.jqGrid_page {
  padding-top: 15px;
  max-width: 1558px;
}

.jq_paging {
  position: relative;
  text-align: center;
}

.jq_paging a,
.jq_paging strong {
  position: relative;
  display: inline-block;
  color: #666;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  text-decoration: none;
  vertical-align: top;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
}

.jq_paging a em,
.jq_paging strong em {
  font-style: normal;
}

.jq_paging .customPageNumberBtn a.on {
  background: #E0002A;
  color: #fff;
  border: 1px solid #E0002A;
}

.jq_paging a:hover {
  background: #ddd;
}

.jq_paging a:focus {
  background: #ddd;
}

.jq_paging a.prev, .jq_paging a.prev_end, .jq_paging a.next, .jq_paging a.next_end {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.jq_paging a.prev:after, .jq_paging a.prev_end:after, .jq_paging a.next:after, .jq_paging a.next_end:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.jq_paging a.prev {
  width: 30px;
  padding: 0px;
  margin-right: 5px;
  text-indent: -9999px;
}

.jq_paging a.prev:after {
  width: 20px;
  height: 20px;
  background-position: -160px -225px;
}

.jq_paging a.prev_end {
  width: 30px;
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
}

.jq_paging a.prev_end:after {
  width: 20px;
  height: 20px;
  background-position: -278px 0px;
}

.jq_paging a.prev:hover {
  background: #ddd;
}

.jq_paging a.prev_end:hover {
  background: #ddd;
}

.jq_paging a.next {
  width: 30px;
  padding: 0px;
  margin-left: 5px;
  text-indent: -9999px;
}

.jq_paging a.next:after {
  width: 20px;
  height: 20px;
  background-position: -100px -100px;
}

.jq_paging a.next_end {
  width: 30px;
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
}

.jq_paging a.next_end:after {
  width: 20px;
  height: 20px;
  background-position: -80px -225px;
}

.jq_paging a.next:hover {
  background: #ddd;
}

.jq_paging a.next_end:hover {
  background: #ddd;
}

.monthPicker {
  letter-spacing: -1px;
  width: 280px;
  height: 180px;
  display: none;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.monthPicker a {
  cursor: pointer;
}

.monthPicker span a {
  border: solid 1px  #ebebeb;
  padding: 0 2px;
  height: 20px;
  font-size: 10px;
  color: #bfbfbf;
  text-decoration: none;
}

.monthPicker .year {
  text-align: center;
  padding: 5px 10px;
  height: 50px;
  background-color: #E0002A;
}

.monthPicker .year strong {
  color: #ffffff;
  line-height: 38px;
  font-size: 24px;
  font-weight: 300;
}

.monthPicker .year > span {
  position: absolute;
  top: 13px;
  width: 22px;
  height: 22px;
}

.monthPicker .year > span .changeYear {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 1px solid #ef9ca4;
  border-radius: 2px;
  color: transparent;
  text-indent: -100px;
}

.monthPicker .year > span .changeYear::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #ef9ca4;
}

.monthPicker .year > span .changeYear:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 8px;
  background-color: #ef9ca4;
}

.monthPicker .year > span:first-child {
  left: 20px;
}

.monthPicker .year > span:first-child .changeYear::before {
  transform: rotate(-45deg);
}

.monthPicker .year > span:first-child .changeYear:after {
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child {
  right: 20px;
}

.monthPicker .year > span:last-child .changeYear::before {
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child .changeYear:after {
  transform: rotate(-45deg);
}

.monthPicker .month-body {
  padding: 15px;
}

.monthPicker .month-body strong {
  font-size: 14px;
  margin: 0 20px;
}

.monthPicker .month-body ul {
  margin: 0px;
  list-style: none;
}

.monthPicker .month-body ul:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.monthPicker .month-body ul li {
  float: left;
}

.monthPicker .month-body ul li a {
  width: 45px;
  padding: 5px;
  text-align: center;
  float: left;
  border: solid 1px  #ccc;
  margin: 2px;
  text-decoration: none;
  color: #666666;
}

.monthPicker .month-body ul li a:hover,
.monthPicker .month-body ul li a:focus {
  border: solid 1px #aaa;
  color: #333333;
}

/*  _mixin.scss
    xxx {
        @include box-sizing(50%)  
    }
*/
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
html, body {
  -webkit-text-size-adjust: none;
}

/*글자자동조절방지*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

ul, li, ol {
  list-style: none;
}

img, fieldset, video {
  border: 0;
  vertical-align: top;
}

input, textarea, select {
  vertical-align: middle;
  resize: none;
  position: relative;
  border-radius: 0;
}

button {
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

caption, legend, .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
}

table caption.tit {
  width: 100%;
  height: auto;
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-indent: 0;
  visibility: visible;
}

a:link, a:visited {
  text-decoration: none;
}

a:active, a:hover, a:focus {
  text-decoration: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* HTML5 display-role reset for older browsers   */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  box-sizing: border-box;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

body, li, dt, dd, td, th, div, p, input, textarea, button, option,
h1, h2, h3, h4, h5, h6, legend, figcaption {
  padding: 0;
  font-family: "Noto Sans KR", "Malgun Gothic", dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 13px;
  vertical-align: middle;
  color: #666666;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 300;
  box-sizing: border-box;
}

a, span, i, em {
  font-family: "Noto Sans KR";
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
}

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

/* 클리어 */
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

.bg-alt, .img-alt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.pos-f {
  position: fixed !important;
}

.pos-a {
  position: absolute !important;
}

.bn {
  background: none !important;
}

.cb {
  clear: both;
  overflow: hidden;
}

.cl {
  clear: left;
  overflow: hidden;
}

.cr {
  clear: right;
  overflow: hidden;
}

.vt {
  vertical-align: top  !important;
}

.vm {
  vertical-align: middle  !important;
}

/* 플로트 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.fn {
  float: none !important;
}

/* 포지션 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
}

.ab-r {
  position: absolute;
  top: 0;
  right: 0;
}

.ab-l {
  position: absolute;
  top: 0;
  left: 0;
}

/* 텍스트 정렬 */
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

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

/* 테이블 스타일 */
.layout_t {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.layout_t .layout_r {
  display: table-row;
}

.layout_t .layout_c {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* margin, padding (5px 단위로 100px까지) mg0, mg5, mg10 */
.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg95 {
  margin: 95px !important;
}

.mg100 {
  margin: 100px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd95 {
  padding: 95px !important;
}

.pd100 {
  padding: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* mt- */
.mt-10 {
  margin-top: -10px;
}

.mt-15 {
  margin-top: -15px;
}

.mt-20 {
  margin-top: -20px;
}

/* width */
.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

/* height */
.h100 {
  height: 100px !important;
}

.h200 {
  height: 200px !important;
}

.h300 {
  height: 300px !important;
}

.h400 {
  height: 400px !important;
}

.h500 {
  height: 500px !important;
}

.h600 {
  height: 600px !important;
}

.h700 {
  height: 700px !important;
}

.h800 {
  height: 800px !important;
}

.h900 {
  height: 900px !important;
}

.h10p {
  height: 10% !important;
}

.h20p {
  height: 20% !important;
}

.h30p {
  height: 30% !important;
}

.h40p {
  height: 40% !important;
}

.h50p {
  height: 50% !important;
}

.h60p {
  height: 60% !important;
}

.h70p {
  height: 70% !important;
}

.h80p {
  height: 80% !important;
}

.h90p {
  height: 90% !important;
}

.h100p {
  height: 100% !important;
}

/* ========================== layout */
.col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after {
  content: '';
  display: block;
  clear: both;
}

.col1 > a, .col1 > li, .col1 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 100%;
}

.col2 > a, .col2 > li, .col2 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 50%;
}

.col3 > a, .col3 > li, .col3 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 33.3333%;
}

.col4 > a, .col4 > li, .col4 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 25%;
}

.col5 > a, .col5 > li, .col5 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 20%;
}

.col6 > a, .col6 > li, .col6 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 16.6666%;
}

.col7 > a, .col7 > li, .col7 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 14.2857%;
}

.col8 > a, .col8 > li, .col8 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 10%;
}

/* 버튼, 배경 opacity 모션 속성 심기 */
.btn-m, .bg-m {
  overflow: hidden;
  text-decoration: none;
  transition-property: background, opacity;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: linear, ease-in-out;
}

/* 버튼, 배경 opacity 모션 속성 실행 */
.btn2-m {
  background-position: 0 top;
  background-repeat: no-repeat;
}

.btn2-m .bg2-m {
  background-position: 0 bottom;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn2-m:hover .bg2-m, .btn2-m:focus .bg2-m, .btn2-m:active .bg2-m {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn2-m, .bg2-m {
  overflow: hidden;
  text-decoration: none;
  transition-property: background, opacity;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: linear, ease-in-out;
}

/* 아이콘 폰트 */
.spfont {
  display: inline-block;
}

.spfont:before {
  display: block;
  font-size: 30px;
  normalize: true;
}

.spfont.spfont-envelope:before {
  font-size: 20px;
  color: red;
}

/* ====== popup ====== */
.icon-pop_close {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.icon-pop_close:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-position: -100px 0px;
}

/* header */
.icon-favorites-del {
  display: inline-block;
  width: 21px;
  height: 21px;
  padding: 4px;
  border: 1px solid #999999;
}

.icon-favorites-del:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-position: -151px -265px;
}

/* footer */
.icon-copy {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  vertical-align: top;
}

.icon-copy:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-position: -200px -185px;
}

/* login icon */
.login_id {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.login_id:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: 0px -70px;
}

.login_pass {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.login_pass:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -50px -70px;
}

/* ====== top ====== */
.icon-doc {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-doc:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -185px;
}

.icon-tree {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tree:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -40px -265px;
}

.icon-star_on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-star_on:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -278px -200px;
}

.icon-login {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-login:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -238px -120px;
}

.icon-redarrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-redarrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -278px -80px;
}

/* ====== button ====== */
.icon-home {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-home:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -238px -40px;
}

.icon-btn_excel {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_excel:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -278px -40px;
}

.icon-btn_reload {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_reload:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -145px;
}

.icon-btn_reload-w {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_reload-w:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -185px;
}

.icon-btn_search {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_search:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -198px -40px;
}

.icon-btn_search-w {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_search-w:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -198px 0px;
}

.icon-btn_print {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_print:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -120px -185px;
}

.icon-btn_write-r {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_write-r:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -198px -80px;
}

.icon-btn_list {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_list:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -160px -185px;
}

.icon-btn_add {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_add:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -265px;
}

.icon-btn_remove {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_remove:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -225px;
}

.icon-btn_right_gray {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_right_gray:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -145px;
}

.icon-btn_right_red {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_right_red:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -120px -145px;
}

.icon-btn_leftopen {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_leftopen:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -238px 0px;
}

.icon-btn_rightclose {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_rightclose:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -40px -145px;
}

/* ====== PAGING ====== */
.icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -160px -225px;
}

.icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -278px 0px;
}

.icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -100px -100px;
}

.icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -225px;
}

/* Main state icon */
.icon-state_circuit {
  display: inline-block;
  width: 30px;
  height: 25px;
}

.icon-state_circuit:after {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  background-position: -148px -45px;
}

.icon-state_schedule {
  display: inline-block;
  width: 30px;
  height: 25px;
}

.icon-state_schedule:after {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  background-position: 0px -100px;
}

.icon-state_contract {
  display: inline-block;
  width: 30px;
  height: 25px;
}

.icon-state_contract:after {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  background-position: -50px -100px;
}

.icon-state_claim {
  display: inline-block;
  width: 30px;
  height: 25px;
}

.icon-state_claim:after {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  background-position: -148px 0px;
}

/* style_common.scss */
html, body, .wrapper {
  width: 100%;
  min-height: 100%;
}

body {
  background-color: #f2f2f2;
}

body.pop_win {
  background-color: #ffffff;
}

body.pop_win #contents .body-inner {
  width: 100%;
  padding: 30px;
  min-height: auto;
  margin-top: 0px;
  border-top: 4px solid #E0002A;
}

body.pop_win #contents .body-inner.big {
  width: 100%;
  min-width: 1200px;
}

body.pop_win #contents .body-inner.lg {
  width: 100%;
  min-width: 810px;
}

body.pop_win #contents .body-inner.md {
  width: 100%;
  min-width: 600px;
}

body.pop_win #contents .body-inner.sm {
  width: 100%;
  min-width: 415px;
}

body.pop_win .con-panel.type-write > .con-body {
  padding: 0;
  border: 0;
}

body.pop_win .con-panel.type-view > .con-body {
  padding: 0;
  border: 0;
}

body.pop_win .con-panel.type-search > .con-body {
  padding: 0;
  border: 0;
}

body.pop_win .body-inner.md .form_table.style1 th:first-child, body.pop_win .body-inner.sm .form_table.style1 th:first-child {
  padding-left: 0;
}

body.pop_win .body-inner.md .form_table.style1 th, body.pop_win .body-inner.sm .form_table.style1 th {
  padding-left: 20px;
}

#contents .body-inner {
  /* margin-top: 97px; */
  padding: 20px 0 25px;
  /* [0909] padding: 35px 0 40px; */
  min-height: 700px;
}

#contents .body-inner.layer_view {
  overflow: hidden;
}

.body-inner, .header-inner, .footer-inner {
  min-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.last-section {
  margin-bottom: 100px;
}

/* ========================== text */
.h1 {
  font-size: 30px;
  font-weight: 500;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h2 {
  font-size: 24px;
  font-weight: 500;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h3 {
  font-size: 22px;
  font-weight: 500;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h4 {
  font-size: 20px;
  font-weight: 500;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h5 {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h6 {
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  font-family: "Noto Sans KR";
}

.h1 em, .h2 em, .h3 em, .h4 em, .h5 em {
  color: #E0002A;
}

a.link_txt,
.link_txt {
  text-decoration: underline;
}

.text-notice {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

.colorB {
  color: #222222;
}

.colorL {
  color: #999999;
}

.colorP {
  color: #E0002A;
}

.colorS {
  color: #d96701;
}

.colorE {
  color: #f24848;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

/* layout */
.main-title {
  position: relative;
}

.main-title .h1 {
  text-align: center;
}

.main-title .desc {
  text-align: center;
}

/* ==========================  contentBox */
/* == 기본 == */
.con-header {
  position: relative;
}

.con-header .con_title {
  min-height: 30px;
}

.con-header .con_title.h5.icon-arrow {
  position: relative;
  padding-left: 15px;
}

.con-header .con_title.h5.icon-arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -278px -80px;
  position: absolute;
  top: 1px;
  left: -5px;
}

.con-header .con_title.h6 + .ab-r {
  top: -8px;
}

.con-header .con_title.h5 + .ab-r {
  top: -4px;
}

.con-header .more-btn {
  margin-top: 10px;
}

.con-header em {
  color: #f24848;
}

.con-header .ab-r .form_set + .btn_set {
  margin-left: 1px;
}

.con-header .ab-r .btn_set {
  display: inline-block;
}

.con-header .ab-r .form_set {
  display: inline-block;
}

.con-header .ab-r .form_set .select-box, .con-header .ab-r .form_set .datepicker-box, .con-header .ab-r .form_set .radio-box, .con-header .ab-r .form_set .checkbox-box, .con-header .ab-r .form_set .formsearch-box, .con-header .ab-r .form_set .form_label {
  display: inline-block;
  vertical-align: top;
}

.con-header .ab-r .form_set .form_label {
  padding-top: 7px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}

.con-header .ab-r .typo_set {
  display: inline-block;
  margin-top: 15px;
}

.con-header .more-btn {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  vertical-align: top;
  font-size: 13px;
}

.con-header .more-btn::before, .con-header .more-btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 9px;
  right: 0;
  background-color: #e44257;
}

.con-header .more-btn::after {
  transform: rotate(90deg);
}

/* === 패널  === */
.con-panel + .con-panel {
  margin-top: 20px;
  /* [0909] margin-top: 30px; */
}

.con-panel {
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

.con-panel > .con-header .con_title {
  padding-bottom: 15px;
}

.con-panel > .con-header .con_title.h2 + .ab-r {
  top: 2px;
}

.con-panel > .con-header .con_title.h5 + .ab-r {
  top: -6px;
}

.con-panel > .con-header .con_title.h6 + .ab-r {
  top: -8px;
}

.con-panel > .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.border-none {
  border: none !important;
}

.con-body.border-none {
  border: none !important;
}

/* main type-table  */
.con-panel.type-table {
  position: relative;
  padding: 15px 20px 25px;
  /* [0909] padding:25px 30px 35px; */
}

.con-panel.type-table > .con-header .con_title.h6 + .ab-r, .table-wrap > .con-header .con_title.h6 + .ab-r {
  top: -5px;
}

.con-panel.type-table > .con-header .con_title.h5 + .ab-r, .table-wrap > .con-header .con_title.h5 + .ab-r {
  top: -4px;
}

.con-panel.type-table > .con-header .more-btn, .table-wrap > .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.type-table > .con-body, .table-wrap > .con-body {
  border-top: 1px solid #555555;
}

.con-panel.type-table > .con-body.edit_h, .table-wrap > .con-body.edit_h {
  position: relative;
  min-height: 333px;
}

/* cols2Type 5/1 */
.cols2_5 {
  float: left;
  width: 1218px;
}

.cols2_1 {
  float: left;
  width: 360px;
  margin-top: 59px;
  margin-bottom: 30px;
}

/* type-search */
.con-panel.type-search {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.con-panel.type-search > .con-header .con_title {
  padding-bottom: 10px;
}

.con-panel.type-search > .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.type-search > .con-body {
  padding: 5px 20px 5px;
  /*  [0909] padding: 15px 20px 13px; */
  border: 1px solid #e1e1e1;
  border-top: 1px solid #555555;
  background-color: #fff;
}

.con-panel.type-search > .con-body.no_line {
  border: 0;
}

/* type-outheade */
.con-panel.type-outheader {
  padding: 0;
  background-color: transparent;
  border: 0;
  margin-bottom: -15px;
}

.con-panel.type-outheader > .con-header .con_title {
  padding-bottom: 0;
}

.con-panel.type-outheader > .con-header .con_title .text-notice {
  display: inline-block;
  padding-top: 15px;
}

.con-panel.type-outheader > .con-header .ab-r {
  top: 0px;
}

/* type-write, type-view */
.con-panel.type-write, .con-panel.type-view {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.con-panel.type-write > .con-header .con_title, .con-panel.type-view > .con-header .con_title {
  padding-bottom: 10px;
}

.con-panel.type-write > .con-header .more-btn, .con-panel.type-view > .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.type-write > .con-body, .con-panel.type-view > .con-body {
  padding: 15px 20px 25px;
  /* [0909]padding: 25px 30px 40px;   */
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

.con-panel.type-write > .con-body.no_line, .con-panel.type-view > .con-body.no_line {
  border: 0;
}

/* type-view */
.con-panel.type-view {
  padding: 0;
  background-color: transparent;
  border: 0;
}

/* 입력 레이어  */
.con-panel.type-layer {
  position: absolute;
  top: 0px;
  right: -550px;
  width: 500px;
  padding: 35px 30px 30px;
  border: 1px solid #cccccc;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  /* Safari */
  transition: right  0.3s;
}

.con-panel.type-layer .con-body {
  padding: 10px 0;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #cccccc;
}

.con-panel.type-layer .btn_bottom {
  padding-bottom: 0;
}

.con-panel.type-layer.layer_top0 {
  bottom: auto;
  top: 0px;
}

.con-panel.type-layer.layer_top10 {
  bottom: auto;
  top: 10px;
}

.con-panel.type-layer.layer_top20 {
  bottom: auto;
  top: 20px;
}

.con-panel.type-layer.layer_top30 {
  bottom: auto;
  top: 30px;
}

.con-panel.type-layer.layer_top40 {
  bottom: auto;
  top: 40px;
}

.con-panel.type-layer.layer_top50 {
  bottom: auto;
  top: 50px;
}

.con-panel.type-layer.layer_top60 {
  bottom: auto;
  top: 60px;
}

.con-panel.type-layer.layer_top70 {
  bottom: auto;
  top: 70px;
}

.con-panel.type-layer.layer_top80 {
  bottom: auto;
  top: 80px;
}

.con-panel.type-layer.layer_top90 {
  bottom: auto;
  top: 90px;
}

.con-panel.type-layer.layer_top100 {
  bottom: auto;
  top: 100px;
}

.con-panel.type-layer.layer_top-10 {
  bottom: auto;
  top: -10px;
}

.con-panel.type-layer.layer_top-20 {
  bottom: auto;
  top: -20px;
}

.con-panel.type-layer.layer_top-30 {
  bottom: auto;
  top: -30px;
}

.con-panel.type-layer.layer_top-40 {
  bottom: auto;
  top: -40px;
}

.con-panel.type-layer.layer_top-50 {
  bottom: auto;
  top: -50px;
}

.con-panel.type-layer.layer_top-60 {
  bottom: auto;
  top: -60px;
}

.con-panel.type-layer.layer_top-70 {
  bottom: auto;
  top: -70px;
}

.con-panel.type-layer.layer_top-80 {
  bottom: auto;
  top: -80px;
}

.con-panel.type-layer.layer_top-90 {
  bottom: auto;
  top: -90px;
}

.con-panel.type-layer.layer_top-100 {
  bottom: auto;
  top: -100px;
}

.con-panel.type-layer.layer_top-110 {
  bottom: auto;
  top: -110px;
}

.con-panel.type-layer.layer_top-120 {
  bottom: auto;
  top: -120px;
}

.con-panel.type-layer.layer_top-130 {
  bottom: auto;
  top: -130px;
}

.con-panel.type-layer.layer_top-140 {
  bottom: auto;
  top: -140px;
}

.con-panel.type-layer.layer_top-150 {
  bottom: auto;
  top: -150px;
}

.con-panel.type-layer.layer_open {
  right: 0px;
}

.grayalert-box {
  padding: 25px;
  margin-bottom: 30px;
  background-color: #f2f2f2;
}

.grayalert-box .table_layout th {
  text-align: center;
  padding-right: 20px;
}

.grayalert-box .table_layout td {
  font-size: 14px;
  color: #222222;
  font-weight: bold;
}

/* ========================== //  contentBox  */
/* ========================== typo list */
.mark_char_item {
  position: relative;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

.mark_char-list li {
  position: relative;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

.mark_item {
  position: relative;
  padding-left: 0.1em;
  text-indent: -0.1em;
}

.mark-list li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.mark_dot-list li {
  position: relative;
  padding: 2px 0;
  padding-left: 0.8em;
}

.mark_dot-list li:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #666666;
}

.layout_thtd-list {
  display: inline-block;
  height: 30px;
}

.layout_thtd-list:after {
  content: '';
  display: block;
  clear: both;
}

.layout_thtd-list dt, .layout_thtd-list dd {
  float: left;
}

.layout_thtd-list dt {
  margin-top: 7px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}

.layout_thtd-list .w_mid {
  width: 240px;
}

.list-wrap {
  border-top: 1px solid #555555;
  border-bottom: 1px solid #cccccc;
}

.list-wrap .address-list.h_md {
  height: 275px;
}

.list-wrap .address-list {
  height: 195px;
  overflow-y: auto;
}

.list-wrap .address-list li {
  border-bottom: 1px solid #e1e1e1;
}

.list-wrap .address-list .inner {
  position: relative;
  padding: 10px;
}

.list-wrap .address-list .trp.radio-box {
  min-height: 15px;
}

.list-wrap .address-list .txt {
  font-size: 13px;
}

/* wrap  */
.table-wrap {
  position: relative;
}

.table-wrap + .table-wrap,
.table-wrap + .list-wrap,
.table-wrap + .tab-wrap,
.tab-wrap + .table-wrap,
.list-wrap + .table-wrap {
  margin-top: 30px;
}

/* ========================== popup  table_style default */
.table-wrap.pop_search > .con-body, .table-wrap.in_search > .con-body,
.table-wrap.pop_address > .con-body {
  padding: 15px 0 20px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #cccccc;
}

.table-wrap.pop_search > .con-body.no_line, .table-wrap.in_search > .con-body.no_line,
.table-wrap.pop_address > .con-body.no_line {
  border: 0;
}

.table-wrap.pop_view > .con-body, .table-wrap.pop_write > .con-body {
  padding: 0px;
}

.table-wrap.pop_view > .con-body.no_line, .table-wrap.pop_write > .con-body.no_line {
  border: 0;
}

.table-wrap.pop_jqgrid > .con-body {
  padding: 0px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #cccccc;
}

.table-wrap.pop_jqgrid > .con-body.no_line {
  border: 0;
}

.table-wrap {
  position: relative;
}

.table-wrap > .con-header {
  min-height: 30px;
}

.table-wrap > .con-header .con_title {
  padding-bottom: 12px;
}

.table-wrap > .con-header .con_title.h4 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.table-wrap > .con-body {
  border-top: 1px solid #555555;
}

.table-wrap > .con-body.no_line {
  border: 0;
}

.table-wrap .btn_bottom {
  padding-bottom: 20px;
}

.table-wrap .data-empty {
  border: 0;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

table th.vet, table td.vet {
  vertical-align: top;
}

table th.vat, table td.vat {
  vertical-align: top;
}

table th.tal, table td.tal {
  text-align: left;
}

table th.tar, table td.tar {
  text-align: right;
}

table th.tac, table td.tac {
  text-align: center;
}

table th.bdl, table td.bdl {
  border-left: 1px solid #e1e1e1 !important;
}

table th.bdr, table td.bdr {
  border-right: 1px solid #e1e1e1 !important;
}

table th.bdt_b, table td.bdt_b {
  border-top: 1px solid #555555 !important;
}

table .must {
  position: relative;
}

table .must::after {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0 2px;
  color: #E0002A;
  /* width: 4px; height: 4px; border-radius: 50%; background-color: $colorP ;  */
}

table .a_link a:link, table a.a_link:link {
  text-decoration: underline;
}

table.top_bold_bar {
  border-top: 1px solid #555555 !important;
}

table.topbar_none {
  border-top: 0px !important;
}

table.bottom_bar {
  border-bottom: 1px solid #cccccc !important;
}

/* ========================== table_layout :  */
/* ========================== table_list : .style1 */
.table_list th {
  padding: 10px 10px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f6f6f6;
  font-size: 13px;
  color: #222222;
  font-weight: bold;
}

.table_list td {
  padding: 10px 10px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  font-size: 12px;
}

.table_list td .td-inner {
  height: 46px;
}

.table_list td .td-inner.oneline {
  padding-top: 13px;
}

.table_list th.tal, .table_list td.tal {
  text-align: left;
}

.table_list th.tar, .table_list td.tar {
  text-align: right;
}

.table_list th.tac, .table_list td.tac {
  text-align: center;
}

.table_list tbody tr:first-child td {
  border-top: 0;
}

.table_list .cell_title {
  text-align: left;
  padding: 10px 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ==========================  form table : .style1 */
.form_table tr th:first-child {
  padding-left: 0px;
}

.form_table tr th.vat {
  vertical-align: top;
  padding-top: 18px;
}

.form_table tr td:last-child {
  padding-right: 0px;
}

.form_table th, .form_table td {
  border-bottom: 1px solid #e1e1e1;
  height: 30px;
}

.form_table th {
  padding-left: 40px;
  /* padding-top: 12px; vertical-align: top; */
  text-align: left;
  font-weight: bold;
  color: #222222;
}

.form_table td.files {
  padding: 0;
}

.form_table td.files .file-list.file_in {
  padding: 10px;
}

.form_table td.files .file-list.file_in li + li {
  border-top: 0;
}

.form_table td.files .file-list.file_in li.fixed-add_remove {
  padding: 5px 0px;
}

.form_table td.files .file-list {
  max-height: 100px;
  overflow: auto;
}

.form_table td.files .file-list li + li {
  border-top: 1px solid #e1e1e1;
}

.form_table td.files .file-list li.border_none {
  border-top: none !important;
}

.form_table td.files .file-list li.fixed-add_remove {
  padding: 14px 10px;
}

.form_table td.files .file-list li.fixed-add_remove .item {
  position: relative;
  display: inline-block;
  padding: 0 8px;
}

.form_table td.files .file-list li.fixed-add_remove .item:first-child {
  padding-left: 0;
}

.form_table td.files .file-list li.fixed-add_remove .item + .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -2px;
  width: 1px;
  height: 12px;
  background-color: #ccc;
}

.form_table td.files .file-list li.fixed-add_remove a, .form_table td.files .file-list li.fixed-add_remove span {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}

.form_table td.files .file-list li.fixed-add_remove span {
  padding-top: 3px;
}

.form_table td.files .file-list li.fixed-add_remove .file_del-btn::after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-position: -100px -48px;
}

.form_table td.files .file-list li.fixed-add_remove .file_download-btn {
  margin-left: 5px;
}

.form_table td.files .file-list li.fixed-add_remove .file_download-btn::after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-position: -148px -90px;
}

.form_table td.files .file-list li.fixed-add_remove .file_name {
  margin-left: 5px;
  font-weight: bold;
  color: #222222;
}

.form_table td.files .file-list li.fixed-add_remove .file_size {
  margin-left: 2px;
}

.form_table td {
  padding: 10px 10px;
}

.form_table td .notice_pt {
  padding-top: 8px;
}

.form_table td .text {
  display: inline-block;
  padding-top: 6px;
}

.form_table td .textarea-box {
  position: relative;
}

.form_table td .textarea-box textarea {
  height: 70px;
}

.form_table td .edit_module {
  height: 150px;
  overflow-y: auto;
}

.form_table td .form_alert {
  display: none;
  margin-top: 5px;
  color: #ea0530;
  font-size: 12px;
}

.form_table td .colitem .checkbox-box, .form_table td .colitem .radio-box {
  margin-top: 7px;
}

.form_table td .colitem .txt {
  display: inline-block;
  margin-top: 3px;
}

.form_table td .col2 .colitem:nth-child(1) {
  padding-right: 5px;
}

.form_table td .col2 .colitem:nth-child(2) {
  padding-left: 5px;
}

.form_table td .col2.dash .colitem .datepicker-box {
  width: 100%;
}

.form_table td .col2.dash .colitem:nth-child(1) {
  padding-right: 10px;
  position: relative;
}

.form_table td .col2.dash .colitem:nth-child(1):after {
  position: absolute;
  top: 7px;
  right: -5px;
  content: "~";
}

.form_table td .col2.dash .colitem:nth-child(2) {
  padding-left: 10px;
}

.form_table td .col2.date .colitem {
  position: relative;
  padding-right: 30px;
}

.form_table td .col2.date .colitem .unit_date {
  position: absolute;
  top: 10px;
  right: 10px;
}

.form_table td .colitem:nth-child(2) {
  padding-left: 10px;
}

.form_table td .col2.bar .colitem .datepicker-box {
  width: 100%;
}

.form_table td .col2.bar .colitem:nth-child(1) {
  padding-right: 10px;
  position: relative;
}

.form_table td .col2.bar .colitem:nth-child(1):after {
  position: absolute;
  top: 5px;
  right: -4px;
  content: "-";
}

.form_table td .col2.bar .colitem:nth-child(2) {
  padding-left: 10px;
}

.form_table td .col2.full_110 .colitem:nth-child(1) {
  width: calc(100% - 110px);
  padding-right: 5px;
}

.form_table td .col2.full_110 .colitem:nth-child(2) {
  width: 110px;
  padding-left: 5px;
}

.form_table td .col2.full_110 .colitem:nth-child(2) .w_md {
  width: 100%;
  min-width: auto;
}

.form_table td .col2_8:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col2_8 .colitem {
  float: left;
}

.form_table td .col2_8 .colitem:nth-child(1) {
  width: 20%;
  padding-right: 2px;
}

.form_table td .col2_8 .colitem:nth-child(2) {
  width: 80%;
  padding-left: 2px;
}

.form_table td .col3.tel .colitem:nth-child(1) {
  padding-right: 10px;
  position: relative;
}

.form_table td .col3.tel .colitem:nth-child(1):after {
  position: absolute;
  top: 5px;
  right: -0px;
  content: "-";
}

.form_table td .col3.tel .colitem:nth-child(2) {
  padding: 0 5px;
}

.form_table td .col3.tel .colitem:nth-child(3) {
  padding-left: 10px;
  position: relative;
}

.form_table td .col3.tel .colitem:nth-child(3)::before {
  position: absolute;
  top: 5px;
  left: -0px;
  content: "-";
}

.form_table td .col4_6:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col4_6 .colitem {
  float: left;
}

.form_table td .col4_6 .colitem:nth-child(1) {
  width: 38.65%;
  padding-right: 2px;
}

.form_table td .col4_6 .colitem:nth-child(2) {
  width: 61.35%;
  padding-left: 2px;
}

.form_table td .col4_6-c3m3:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col4_6-c3m3 .colitem {
  float: left;
}

.form_table td .col4_6-c3m3 .colitem:nth-child(1) {
  width: 41.95%;
  padding-right: 2px;
}

.form_table td .col4_6-c3m3 .colitem:nth-child(2) {
  width: 58.05%;
  padding-left: 2px;
}

.form_table td .col5_5:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col5_5 .colitem {
  float: left;
}

.form_table td .col5_5 .colitem:nth-child(1) {
  width: 50%;
  padding-right: 2px;
}

.form_table td .col5_5 .colitem:nth-child(2) {
  width: 50%;
  padding-left: 2px;
}

.form_table td .col6_4:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col6_4 .colitem {
  float: left;
}

.form_table td .col6_4 .colitem:nth-child(1) {
  width: 61.35%;
  padding-right: 2px;
}

.form_table td .col6_4 .colitem:nth-child(2) {
  width: 38.65%;
  padding-left: 2px;
}

.form_table td .col7_3:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col7_3 .colitem {
  float: left;
}

.form_table td .col7_3 .colitem:nth-child(1) {
  width: 70.0%;
  padding-right: 2px;
}

.form_table td .col7_3 .colitem:nth-child(2) {
  width: 30.0%;
  padding-left: 2px;
}

.form_table td .col8_2:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col8_2 .colitem {
  float: left;
}

.form_table td .col8_2 .colitem:nth-child(1) {
  width: 80.0%;
  padding-right: 2px;
}

.form_table td .col8_2 .colitem:nth-child(2) {
  width: 20.0%;
  padding-left: 2px;
}

.form_table td .col3_2_5:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col3_2_5 .colitem {
  float: left;
}

.form_table td .col3_2_5 .colitem:nth-child(1) {
  width: 30.0%;
  padding-right: 2px;
}

.form_table td .col3_2_5 .colitem:nth-child(2) {
  width: 20.0%;
  padding-left: 2px;
  padding-right: 2px;
}

.form_table td .col3_2_5 .colitem:nth-child(3) {
  width: 50.0%;
  padding-left: 2px;
}

.form_table td .col3_5_2:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col3_5_2 .colitem {
  float: left;
}

.form_table td .col3_5_2 .colitem:nth-child(1) {
  width: 30.0%;
  padding-right: 2px;
}

.form_table td .col3_5_2 .colitem:nth-child(2) {
  width: 50.0%;
  padding-left: 2px;
  padding-right: 2px;
}

.form_table td .col3_5_2 .colitem:nth-child(3) {
  width: 20.0%;
  padding-left: 2px;
}

.form_table td .col_pro1:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col_pro1 .colitem {
  float: left;
}

.form_table td .col_pro1 .colitem {
  padding-left: 2px;
  padding-right: 2px;
}

.form_table td .col_pro1 .colitem:nth-child(1) {
  width: 19%;
  padding-left: 0px;
}

.form_table td .col_pro1 .colitem:nth-child(2) {
  width: 19%;
}

.form_table td .col_pro1 .colitem:nth-child(3) {
  width: 19%;
  padding-left: 2px;
  padding-right: 5px;
}

.form_table td .col_pro1 .colitem:nth-child(4) {
  width: 23%;
  padding-left: 10px;
  padding-right: 5px;
  position: relative;
}

.form_table td .col_pro1 .colitem:nth-child(4)::before {
  position: absolute;
  top: 5px;
  left: -0px;
  content: "-";
}

.form_table td .col_pro1 .colitem:nth-child(5) {
  width: 20.0%;
  padding-left: 10px;
  position: relative;
}

.form_table td .col_pro1 .colitem:nth-child(5)::before {
  position: absolute;
  top: 5px;
  left: -0px;
  content: "-";
}

.form_table td .col_pro2:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td .col_pro2 .colitem {
  float: left;
}

.form_table td .col_pro2 .colitem {
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
}

.form_table td .col_pro2 .colitem .unit {
  position: absolute;
  top: 6px;
  right: 7px;
}

.form_table td .col_pro2 .colitem:nth-child(1) {
  width: 25%;
  padding-left: 10px;
  padding-right: 25px;
}

.form_table td .col_pro2 .colitem:nth-child(1)::before {
  content: "(";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.form_table td .col_pro2 .colitem:nth-child(2) {
  width: 23%;
  padding-left: 2px;
  padding-right: 25px;
}

.form_table td .col_pro2 .colitem:nth-child(3) {
  width: 30%;
  padding-left: 10px;
  padding-right: 40px;
}

.form_table td .col_pro2 .colitem:nth-child(3)::before {
  position: absolute;
  top: 5px;
  left: -0px;
  content: "-";
}

.form_table td .col_pro2 .colitem:nth-child(3)::after {
  content: ")";
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 0;
}

.form_table td .col_pro2 .colitem:nth-child(4) {
  width: 22%;
  padding-left: 20px;
}

.form_table td dl.thtd-list:after {
  content: '';
  display: block;
  clear: both;
}

.form_table td dl.thtd-list dt, .form_table td dl.thtd-list dd {
  float: left;
}

.form_table td dl.thtd-list dt {
  width: 25.00%;
  padding-right: 2px;
  padding-top: 7px;
  font-size: 13px;
  color: #222222;
  font-weight: bold;
}

.form_table td dl.thtd-list dd {
  width: 75.00%;
  padding-left: 2px;
}

.form_table th i {
  color: #ea0530;
  margin-left: 3px;
}

.form_table td label {
  margin-right: 20px;
}

.form_table td input,
.form_table td a {
  vertical-align: middle;
}

.form_table tr.disabled th, .form_table tr.disabled td {
  color: #aaaaaa;
}

.form_table.style_none tr th:first-child {
  padding-right: 10px;
}

.form_table.style_none tr th.vat {
  padding-top: 12px;
}

.form_table.style_none th, .form_table.style_none td {
  border: 0;
  padding: 2px 10px;
  /* [0909] padding: 5px 10px;  */
  background-color: transparent;
}

.form_table.style_none th {
  padding-left: 30px;
  line-height: 1.1;
  /* padding-top: 12px;  vertical-align: top; */
  font-size: 13px;
  font-weight: bold;
  color: #222222;
  /* line-height: 1.2; */
}

.form_table.style_none td {
  font-size: 12px;
}

.form_table.style_address tr th:first-child {
  padding-right: 10px;
}

.form_table.style_address tr th.vat {
  padding-top: 12px;
}

.form_table.style_address th, .form_table.style_address td {
  border: 0;
  padding: 5px 10px;
  background-color: transparent;
}

.form_table.style_address th {
  padding-left: 30px;
  /*  padding-top: 12px; vertical-align: top;  */
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}

.form_table.style_address td {
  font-size: 12px;
}

.form_table.style_view tr th:first-child {
  padding-left: 10px;
  padding-right: 10px;
}

.form_table.style_view tr td:last-child {
  padding-left: 10px;
  padding-right: 10px;
}

.form_table.style_view th, .form_table.style_view td {
  padding: 5px 10px;
  border-bottom: 1px solid #e1e1e1;
  height: 40px;
}

.form_table.style_view th.vat {
  vertical-align: top;
  padding-top: 12px;
}

.form_table.style_view td.view_th {
  border-right: 1px solid #e1e1e1;
  font-weight: bold;
  color: #222222;
}

.form_table.style_view th {
  padding-top: 12px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  color: #222222;
  background-color: #f6f6f6;
  vertical-align: top;
  padding-top: 12px;
}

/* ==========================  data table : .style1 */
.data_table {
  width: 100%;
}

.data_table tr th:first-child, .data_table tr td:first-child {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 0;
}

.data_table tr th[rowspan] {
  vertical-align: middle;
}

.data_table tr td:last-child {
  padding-left: 10px;
  padding-right: 10px;
}

.data_table th, .data_table td {
  padding: 5px 10px;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  height: 40px;
  text-align: center;
}

.data_table th.vat {
  vertical-align: top;
  padding-top: 12px;
}

.data_table td.view_th {
  border-right: 1px solid #e1e1e1;
  font-weight: bold;
  color: #222222;
}

.data_table th {
  padding-top: 12px;
  vertical-align: top;
  font-weight: bold;
  color: #222222;
  background-color: #f6f6f6;
  vertical-align: top;
  padding-top: 12px;
}

/* upload-wrap  (afeExcelUp.html) */
.upload-wrap > .con-header {
  min-height: 30px;
}

.upload-wrap > .con-header .con_title {
  padding-bottom: 12px;
}

.upload-wrap > .con-header .con_title.h4 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.upload-wrap .con-body {
  padding: 10px 20px;
  border: 1px solid #ccc;
}

.upload-wrap .con-body .mark-list li {
  margin: 10px 0;
  font-size: 13px;
  color: #222222;
}

.upload-wrap .con-body .imgbox {
  position: relative;
  width: 434px;
  height: 219px;
  margin: 15px 0;
  text-indent: 0;
  border: 1px solid #cccccc;
}

.upload-wrap .con-body .imgbox img {
  width: 100%;
  height: 100%;
}

.upload-wrap .con-footer {
  margin-top: 30px;
  border-top: 1px solid #555555;
}

.upload-wrap .con-footer .form_table td {
  padding: 20px 0;
}

.data-empty {
  padding: 50px 0 50px !important;
  border: 1px solid #e1e1e1;
  text-align: center;
}

.data-empty .txt_empty {
  margin-top: 35px;
  margin-bottom: 35px;
  font-weight: 700;
  font-size: 18px;
  color: #222222;
}

.mCustomScrollBox {
  padding-right: 0px;
}

.mCustomScrollbar.pr0 > .mCustomScrollBox {
  padding-right: 0px;
}

.line_box {
  border: 1px solid #e1e1e1;
  padding: 19px;
}

.line_box ul li {
  margin: 10px 0 0;
}

.line_box ul li:first-child {
  margin-top: 0;
}

/* ========================== calender_style */
.calendar_wrap .calender_header {
  position: relative;
}

.calendar_wrap .calender_header .calender_title {
  text-align: center;
  padding-bottom: 15px;
}

.calendar_wrap .calender_header .calender_title .cal_month_prev {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.calendar_wrap .calender_header .calender_title .cal_month_prev:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -198px -120px;
}

.calendar_wrap .calender_header .calender_title .cal_month_prev .ic_cal_prev {
  font-size: 0;
  opacity: 0;
}

.calendar_wrap .calender_header .calender_title .calender_month {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  vertical-align: top;
  margin: 0 5px;
}

.calendar_wrap .calender_header .calender_title .cal_month_next {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.calendar_wrap .calender_header .calender_title .cal_month_next:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -40px -185px;
}

.calendar_wrap .calender_header .calender_title .cal_month_next .ic_cal_next {
  font-size: 0;
  opacity: 0;
}

.calendar_wrap table.calendar_cont {
  border-top: 1px solid #555;
}

.calendar_wrap table.calendar_cont th.c_sun span, .calendar_wrap table.calendar_cont th.c_sun .dateNum, .calendar_wrap table.calendar_cont td.c_sun span, .calendar_wrap table.calendar_cont td.c_sun .dateNum {
  color: #E0002A;
}

.calendar_wrap table.calendar_cont th.c_sat span, .calendar_wrap table.calendar_cont th.c_sat .dateNum, .calendar_wrap table.calendar_cont td.c_sat span, .calendar_wrap table.calendar_cont td.c_sat .dateNum {
  color: #0804ba;
}

.calendar_wrap table.calendar_cont th.c_today, .calendar_wrap table.calendar_cont td.c_today {
  background-color: #fefafb;
}

.calendar_wrap table.calendar_cont th {
  font-size: 13px;
  color: #111;
  text-align: center;
  font-weight: 700;
  height: 40px;
}

.calendar_wrap table.calendar_cont td {
  border: 1px solid #e1e1e1;
  height: 132px;
  padding: 10px;
  vertical-align: top;
}

.calendar_wrap table.calendar_cont td .dateNum {
  font-size: 13px;
  color: #666;
}

.calendar_wrap table.calendar_cont td.other_month {
  background: #f6f6f6;
}

.calendar_wrap table.calendar_cont td.other_month .dateNum {
  color: #999;
}

.calendar_wrap .schedule_list {
  margin-top: 8px;
}

.calendar_wrap .schedule_list li {
  position: relative;
  padding-left: 9px;
  color: #666;
  font-size: 13px;
  padding-bottom: 2px;
}

.calendar_wrap .schedule_list li:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #666;
}

/* ui_common.scss */
/* ====== 버튼 ====== */
.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 10px 5px;
  min-width: 110px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.42857143;
  text-align: center;
  letter-spacing: -0.5px;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #e1e1e1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn:disabled {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  pointer-events: none;
}

.btn.btn_default {
  background: #fff;
  border: 1px solid #999999;
  color: #222222;
}

.btn.btn_default:hover {
  background: #eee;
}

.btn.btn_linered {
  background: #fff;
  border: 1px solid #E0002A;
  color: #E0002A;
}

.btn.btn_linered:hover {
  background: #fff3f3;
}

.btn.btn_transparent {
  background: transparent;
  border: 1px solid transparent;
  color: #222222;
}

.btn.btn_transparent:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
}

.btn.btn_gray {
  background: #888;
  border: 1px solid #888;
  color: #fff;
}

.btn.btn_gray:hover {
  background: #666666;
  border-color: #666666;
}

.btn.btn_gray_d {
  background: #666;
  border: 1px solid #666;
  color: #fff;
}

.btn.btn_gray_d:hover {
  background: #494949;
  border-color: #494949;
}

.btn.btn_red {
  background: #E0002A;
  border: 1px solid #E0002A;
  color: #fff;
}

.btn.btn_red:hover {
  background: #b40022;
  border-color: #b40022;
}

.btn.btn_lg {
  padding: 7px 20px 7px;
  min-width: 130px !important;
  font-size: 14px;
  font-weight: bold;
}

.btn.w_md {
  width: 110px;
}

.btn.w_min {
  width: 100%;
  min-width: auto;
}

.btn.icon_l {
  position: relative;
  padding: 4px 15px 4px 12px;
}

.btn.icon_l i {
  margin-right: 3px;
}

.btn.icon_l i, .btn.icon_l span {
  vertical-align: bottom;
}

.btn.icon_r {
  position: relative;
  padding: 4px 12px 4px 15px;
}

.btn.icon_r i {
  margin-left: 3px;
}

.btn.icon_r i, .btn.icon_r span {
  vertical-align: bottom;
}

.btn.icon_ra {
  position: relative;
  padding: 5px 25px 4px 15px;
  height: 30px;
}

.btn.icon_ra i {
  margin-left: 3px;
}

.btn.icon_ra i, .btn.icon_ra span {
  vertical-align: bottom;
}

.btn.icon_ra .icon-btn_right_gray, .btn.icon_ra .icon-btn_right_red {
  position: absolute;
  top: 3px;
  right: 4px;
}

.btn.icon_full {
  position: relative;
  padding: 4px 2px 4px 2px;
  width: 30px;
  height: 30px;
  min-width: auto;
}

.btn.icon_full i {
  margin-left: 0px;
}

.btn.icon_full i, .btn.icon_full span {
  vertical-align: bottom;
}

.btn_bottom {
  position: relative;
  padding-top: 20px;
}

.btn_bottom:after {
  content: '';
  display: block;
  clear: both;
}

.btn_bottom .item_ml {
  margin-left: 6px !important;
}

.btn_bottom .fl .btn + .btn {
  margin-left: 1px;
}

.btn_bottom .fr .btn + .btn {
  margin-left: 1px;
}

.btn_bottom .fr .item_ml + .btn {
  margin-left: 5px;
}

.btn_bottom .fl .btn.btn_lg + .btn.btn_lg {
  margin-left: 6px;
}

.btn_bottom .fr .btn.btn_lg + .btn.btn_lg {
  margin-left: 6px;
}

.btn_bottom .fc {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 0;
}

.btn_bottom .fc .btn {
  margin: 0 3px;
}

.btn_bottom .form_set {
  position: relative;
  display: inline-block;
}

.btn_set:after {
  content: '';
  display: block;
  clear: both;
}

.btn_set .item_ml {
  margin-left: 6px !important;
}

.btn_set .btng-c {
  text-align: center;
}

.btn_set .btng-c .btn + .btn {
  margin-left: 1px;
}

.btn_set .btng-l {
  float: left;
}

.btn_set .btng-r {
  float: right;
}

.btn_set.btns {
  position: relative;
}

.btn_set.btns .btn {
  vertical-align: top;
}

.btn_set.btns .btn + .btn {
  margin-left: 1px;
}

.btn_set.btns .item_ml + .btn {
  margin-left: 1px;
}

.btn_set.btns .btn.btn_lg + .btn.btn_lg {
  margin-left: 6px;
}

.btn_set-center {
  text-align: center;
}

.btn_set-center .btn + .btn {
  margin: 0 1px;
}

.btn_set-single {
  text-align: center;
  padding: 0px;
}

.btn_set-single .btn_item a, .btn_set-single .btn_item button, .btn_set-single .btn_item input[type="button"] {
  width: 100%;
}

.btn_set-double {
  padding: 0px;
  /*  */
}

.btn_set-double::after {
  content: "";
  display: block;
  clear: both;
}

.btn_set-double .btn_item {
  position: relative;
  width: 50%;
  float: left;
}

.btn_set-double .btn_item a {
  width: 100%;
}

.btn_set-double .btn_item:first-child {
  padding-right: 2px;
}

.btn_set-double .btn_item:last-child {
  padding-left: 2px;
}

.btn_set-triple {
  padding: 0px;
}

.btn_set-triple::after {
  content: "";
  display: block;
  clear: both;
}

.btn_set-triple .btn_item {
  position: relative;
  width: 33.3333%;
  padding: 0 2px;
  float: left;
}

.btn_set-triple .btn_item a {
  width: 100%;
}

.btn_set-triple .btn_item:first-child {
  padding-left: 0px;
}

.btn_set-triple .btn_item:last-child {
  padding-right: 0px;
}

.btn_list {
  padding: 10px;
}

.btn_list .btn {
  margin: 0 5px;
}

/* ====== PAGING ====== */
.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  margin: 30px 0 5px;
  letter-spacing: 0px;
  text-align: center;
}

.paging-area .paging {
  position: relative;
  text-align: center;
}

.paging-area .paging a,
.paging-area .paging strong {
  position: relative;
  display: inline-block;
  color: #666;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  text-decoration: none;
  vertical-align: top;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
}

.paging-area .paging a em,
.paging-area .paging strong em {
  font-style: normal;
}

.paging-area .paging strong.on {
  background: #E0002A;
  color: #fff;
  border: 1px solid #E0002A;
}

.paging-area .paging a:hover {
  background: #ddd;
}

.paging-area .paging a:focus {
  background: #ddd;
}

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.paging-area .paging a.prev {
  width: 30px;
  padding: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.prev:after {
  width: 20px;
  height: 20px;
  background-position: -160px -225px;
}

.paging-area .paging a.prev_end {
  width: 30px;
  padding: 0px;
  margin-right: 5px;
  text-indent: -9999px;
}

.paging-area .paging a.prev_end:after {
  width: 20px;
  height: 20px;
  background-position: -278px 0px;
}

.paging-area .paging a.prev:hover {
  background: #ddd;
  /* &:after { @include sp_icons($icon-page_prev-on) };     */
}

.paging-area .paging a.prev_end:hover {
  background: #ddd;
  /* &:after { @include sp_icons($icon-page_prevprev-on) }; */
}

.paging-area .paging a.next {
  width: 30px;
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.next:after {
  width: 20px;
  height: 20px;
  background-position: -100px -100px;
}

.paging-area .paging a.next_end {
  width: 30px;
  padding: 0px;
  margin-left: 5px;
  text-indent: -9999px;
}

.paging-area .paging a.next_end:after {
  width: 20px;
  height: 20px;
  background-position: -80px -225px;
}

.paging-area .paging a.next:hover {
  background: #ddd;
  /* &:after { @include sp_icons($icon-page_prev-on) };     */
}

.paging-area .paging a.next_end:hover {
  background: #ddd;
  /* &:after { @include sp_icons($icon-page_prevprev-on) }; */
}

/* ================== TAB MENU */
.tab-wrap {
  position: relative;
}

.tab-list.height_bg {
  height: 42px;
}

.tab-list {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  /* ================== TAB MENU tab_type1 */
  /* ================== TAB MENU setting */
}

.tab-list > li {
  display: inline;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
}

.tab-list > li .btn-area {
  position: absolute;
  height: 42px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

.tab-list > li .btn-area a {
  font-size: 13px;
  font-weight: bold;
  color: #666666;
  background-color: #e4e4e4;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.tab-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

.tab-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

.tab-list > li > .con-area {
  display: none;
  padding: 0px;
  padding-top: 30px;
  width: 100%;
  margin-top: 42px;
  margin-left: 0px;
  left: 0px;
  border: 0px solid #ccc;
}

.tab-list > .on .btn-area a {
  color: #ffffff;
  background-color: #E0002A;
}

.tab-list > .on > .con-area {
  display: block;
}

.tab-list.tab_type1 > li .btn-area {
  color: #666666;
  width: 200px;
  top: 0;
  border: 1px solid #cccccc;
  border-left: none;
  box-sizing: border-box;
}

.tab-list.tab_type1 > li .btn-area a {
  font-weight: bold;
  background-color: #fff;
}

.tab-list.tab_type1 > li:first-child .btn-area {
  border-left: 1px solid #cccccc;
}

.tab-list.tab_type1 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_type1 > li:nth-child(2) .btn-area {
  left: 200px;
}

.tab-list.tab_type1 > li:nth-child(3) .btn-area {
  left: 400px;
}

.tab-list.tab_type1 > li:nth-child(4) .btn-area {
  left: 600px;
}

.tab-list.tab_type1 > li:nth-child(5) .btn-area {
  left: 800px;
}

.tab-list.tab_type1 > li:nth-child(6) .btn-area {
  left: 1000px;
}

.tab-list.tab_type1 > li:nth-child(7) .btn-area {
  left: 100px;
}

.tab-list.tab_type1 > .on .btn-area {
  border-top: 2px solid #E0002A !important;
}

.tab-list.tab_type1 > .on .btn-area a {
  color: #E0002A;
}

.tab-list.tab_col2 > li .btn-area {
  top: 0;
  left: 0;
  width: 50%;
}

.tab-list.tab_col2 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col2 > li:nth-child(2) .btn-area {
  left: 50%;
}

.tab-list.tab_col3 > li .btn-area {
  top: 0;
  left: 0;
  width: 33.333333333%;
  border-left: 1px solid transparent;
}

.tab-list.tab_col3 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tab-list.tab_col3 > li:nth-child(2) .btn-area {
  left: 33.3333333333%;
}

.tab-list.tab_col3 > li:nth-child(3) .btn-area {
  left: 66.6666666666%;
}

.tab-list.tab_col4 > li .btn-area {
  top: 0;
  left: 0;
  width: 25%;
  border-left: 1px solid transparent;
}

.tab-list.tab_col4 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tab-list.tab_col4 > li:nth-child(2) .btn-area {
  left: 25%;
}

.tab-list.tab_col4 > li:nth-child(3) .btn-area {
  left: 50%;
}

.tab-list.tab_col4 > li:nth-child(4) .btn-area {
  left: 75%;
}

.tab-list.tab_col5 > li .btn-area {
  top: 0;
  left: 0;
  width: 20%;
  border-left: 1px solid transparent;
}

.tab-list.tab_col5 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tab-list.tab_col5 > li:nth-child(2) .btn-area {
  left: 20%;
}

.tab-list.tab_col5 > li:nth-child(3) .btn-area {
  left: 40%;
}

.tab-list.tab_col5 > li:nth-child(4) .btn-area {
  left: 60%;
}

.tab-list.tab_col5 > li:nth-child(5) .btn-area {
  left: 80%;
}

/* ================== accordion MENU */
.accordion-wrap.noneline {
  border-top: 0;
}

.accordion-wrap {
  border-top: 1px solid #555555;
}

.accordion-list > li {
  border-bottom: 1px solid #e1e1e1;
}

.accordion-list > li .header-area {
  position: relative;
  background-color: #fdfdfd;
}

.accordion-list > li .header-area .accordion_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accordion-list > li .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 20px 50px 20px 20px;
}

.accordion-list > li .header-area .acc_btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-position: 0px 0px;
}

.accordion-list > li > .con-area {
  display: none;
  padding: 30px 20px;
}

.accordion-list > li.on .header-area .acc_btn:after {
  width: 30px;
  height: 30px;
  background-position: -50px 0px;
}

/* ================== 팝업 레이아웃 */
/** //popup-wrap **/
.popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 90000;
}

.trp.popupfixed-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 90000;
  -webkit-overflow-scrolling: touch;
}

.trp.popupfixed-wrap .popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 0;
  /*background: #000000;opacity: 0.5;filter: alpha(opacity=50);*/
}

.trp.popupfixed-wrap .popup-align {
  display: table;
  *display: block;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}

.trp.popupfixed-wrap .popup-vertical {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup-layer {
  position: relative;
  z-index: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.trp.popupfixed-wrap .btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  height: 50px;
  padding: 15px;
  margin: 0;
  font-size: 0px;
  line-height: 1;
  color: transparent;
  box-sizing: border-box;
}

.trp.popupfixed-wrap .btn_close:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -265px;
}

.trp.popupfixed-wrap .pop_tit {
  padding: 15px 50px 15px 20px;
  height: 50px;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  line-height: 1.1;
  font-family: "Noto Sans KR";
  background-color: #E0002A;
}

.trp.popupfixed-wrap .popup-layer.option {
  position: relative;
  top: 0px;
  width: 600px;
  min-width: 415px;
  height: auto;
  text-align: left;
  background: #fff;
}

.trp.popupfixed-wrap .popup-layer.option.md {
  width: 600px;
}

.trp.popupfixed-wrap .section {
  position: relative;
  padding: 30px 20px 30px;
}

.trp.popupfixed-wrap .bottom_set {
  margin-top: 20px;
}

/* ======================== input text  */
/* placeholder */
input[type="text"].placeholdersjs, input[type="password"].placeholdersjs,
textarea.placeholdersjs {
  color: #999999;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999999;
}

em.star {
  display: inline-block;
  height: 14px;
  padding: 0 5px;
  color: #f24848;
  font-weight: bold;
}

input[type="text"], input[type="password"] {
  width: 100%;
  height: 30px;
  padding: 4px 10px 4px;
  font-size: 12px;
  vertical-align: middle;
  border: 1px solid #ccc;
  outline: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.h36[type="text"], input.h36[type="password"] {
  height: 36px;
}

/* ======================== focus, ,disabled, input_error */
input[type="text"]:focus, input[type="password"]:focus {
  border-color: #3e73d1;
}

input[type="text"]:disabled, input[type="password"]:disabled {
  background: #d1d1d1;
}

input[type="text"][readonly], input[type="password"][readonly] {
  background: #d1d1d1;
}

input[type="text"].input_error, input[type="password"].input_error {
  border-color: #dd4c5c;
}

.input-box {
  position: relative;
  vertical-align: top;
}

.input-box .check_byte-w {
  padding-right: 90px !important;
}

.input-box .check_byte-h {
  padding-bottom: 50px !important;
}

.input-box label, .input-box .dash {
  display: inline-block;
  padding: 8px 20px 8px;
  box-sizing: border-box;
}

.input-box label:frist-child {
  padding-left: 0;
}

.input-box .dash {
  padding: 8px 0px 8px 0px;
}

.input-box input[type="text"], .input-box input[type="password"] {
  padding: 8px 15px 8px;
}

.input-box .btn {
  margin-top: -1px;
}

.input-box .byte_check {
  position: absolute;
  top: 10px;
  right: 15px;
}

.input-box .byte_check em {
  vertical-align: middle;
  font-size: 14px;
  color: #e90000;
}

.input-box .byte_check span {
  vertical-align: middle;
  font-size: 14px;
}

/* input 삭제 */
.input_del {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input_del input {
  padding-right: 30px;
}

.input_del button {
  position: relative;
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
}

.input_del button:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -183px -120px;
}

.input_search {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input_search input {
  padding-right: 30px;
}

.input_search button {
  position: relative;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
}

.input_search button:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -198px -40px;
}

.input_unit {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input_unit input {
  padding-right: 25px;
  text-align: right;
}

.input_unit .unit {
  position: absolute;
  top: 7px;
  right: 8px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

.input_unit.unit2 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input_unit.unit2 input {
  padding-right: 40px;
  text-align: right;
}

.input_unit.unit2 .unit {
  position: absolute;
  top: 7px;
  right: 8px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

/* ======================== textarea  */
textarea {
  width: 100%;
  height: 70px;
  border: 1px solid #cccccc;
  padding: 8px 13px 8px;
  background-color: #f8f8f8;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textarea-box {
  border: 1px solid #cccccc;
  padding: 8px 13px 8px;
  background-color: #f8f8f8;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textarea-box textarea {
  padding: 0;
  border: 0;
}

.textarea-box textarea:disabled {
  background-color: #d1d1d1;
}

.textarea-box .byte_check {
  margin-top: 5px;
  height: 20px;
  text-align: right;
  padding-right: 5px;
}

.textarea-box .byte_check em {
  vertical-align: bottom;
  font-size: 12px;
  color: #E0002A;
}

.textarea-box .byte_check span {
  vertical-align: bottom;
  font-size: 12px;
}

/* ========================  input radio */
.trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  min-height: 18px;
}

.trp.radio-box label {
  display: inline-block;
  font-size: 13px;
  height: 18px;
  margin-left: 3px;
}

.trp.radio-box em {
  display: inline-block;
  height: 18px;
  text-indent: 0px;
}

.trp.radio-box input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  /*  width:100%; */
  width: 20px;
  height: 18px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.radio-box input[type="radio"] + i {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0px;
}

.trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  background-position: -223px 0px;
}

.trp.radio-box input[type="radio"]:checked + i:after {
  width: 18px;
  height: 18px;
  background-position: -223px -38px;
}

.trp.radio-box input[type="radio"]:checked:disabled + i,
.trp.radio-box input[type="radio"][readonly]:checked + i {
  /* @include opacity(0.5); */
}

.trp.radio-box input[type="radio"]:checked:disabled + i:after,
.trp.radio-box input[type="radio"][readonly]:checked + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -40px -161px;
}

.trp.radio-box input[type="radio"]:disabled + i,
.trp.radio-box input[type="radio"][readonly] + i {
  /*  @include opacity(0.5); */
}

.trp.radio-box input[type="radio"]:disabled + i:after,
.trp.radio-box input[type="radio"][readonly] + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -80px -161px;
}

.trp.radio-box input[type="radio"]:disabled + label,
.trp.radio-box input[type="radio"][readonly] + label {
  color: #999999;
}

.trp.radio-box.re label {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  text-indent: 0px;
}

.trp.radio-box.re input[type="radio"] + i {
  position: relative;
}

/* ========================  input checkbox */
.trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  min-height: 18px;
}

.trp.checkbox-box label {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-left: 3px;
  vertical-align: top;
}

.trp.checkbox-box em {
  display: inline-block;
  height: 18px;
  text-indent: 0px;
}

.trp.checkbox-box input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  /*  width:100%; */
  width: 20px;
  height: 18px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.checkbox-box input[type="checkbox"] + i {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0px;
}

.trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  background-position: -160px -161px;
}

.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  width: 18px;
  height: 18px;
  background-position: -223px -76px;
}

.trp.checkbox-box input[type="checkbox"]:checked:disabled + i,
.trp.checkbox-box input[type="checkbox"][readonly]:checked + i {
  /* @include opacity(0.5); */
}

.trp.checkbox-box input[type="checkbox"]:checked:disabled + i:after,
.trp.checkbox-box input[type="checkbox"][readonly]:checked + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: 0px -161px;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i,
.trp.checkbox-box input[type="checkbox"][readonly] + i {
  /* @include opacity(0.5); */
}

.trp.checkbox-box input[type="checkbox"]:disabled + i:after,
.trp.checkbox-box input[type="checkbox"][readonly] + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -183px 0px;
}

.trp.checkbox-box input[type="checkbox"]:disabled + label input[type="checkbox"][readonly] + label {
  color: #999999;
}

.trp.checkbox-box.re label {
  display: inline-block;
  height: 18px;
  text-indent: 0px;
}

.trp.checkbox-box.re input[type="checkbox"] + i {
  position: relative;
}

/* ========================  select */
.select-box {
  position: relative;
}

.select-box .select2Basic,
.select-box .select2Location,
.select-box .select2Basic_pop {
  width: 100%;
  height: 30px;
}

.select2Basic,
.select2Location,
.select2Basic_pop {
  width: 100%;
  min-width: 100%;
  border : 1px solid #ccc;
  font-family: "Noto Sans KR", "Malgun Gothic", dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 13px;
  vertical-align: middle;
  color: #666666;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-weight: 300;
  box-sizing: border-box;
}

.select2-container {
  /*  height: $formH; */
  text-align: left;
}

.select2-container .select2-selection--single {
  height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0px;
}

.select2-results__option {
  padding: 0 15px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  padding: 0 30px 0 15px;
  color: #666666;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #666 transparent transparent transparent;
  border-width: 4px 4px 0 4px;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2Basic[readonly] + .select2-container--default .select2-selection--single {
  background-color: #d1d1d1;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select2Basic[readonly] + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #999999 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #666 transparent transparent transparent;
  border-width: 4px 4px 0 4px;
  transform: rotate(180deg);
}

.select2-dropdown {
  border-radius: 0;
}

.select2-container--default .select2-results__option {
  line-height: 25px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #666666;
  background-color: #f8f8f8;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  color: #666666;
  background-color: #f8f8f8;
}

.select2Basic.btn_linegray + .select2-container--default .select2-selection--single {
  border-color: #ccc;
  background-color: #f2f2f2;
}

/* select2Location */
.select2Location + .select2-container--default .select2-selection--single {
  border: 0;
  background-color: transparent;
  height: 48px;
}

.select2Location + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 30px 0 20px;
  color: #bbb;
  line-height: 48px;
}

.select2Location + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  width: 48px;
}

.select2Location + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #999999 transparent transparent transparent;
  border-width: 4px 4px 0 4px;
}

.select2-dropdown.increasedzindexclass_pop {
  z-index: 99000;
}

/* ========================  input file */
.trp.file-box, .file_nonlabel-box {
  position: relative;
}

.trp.file-box label.screen-reader-text, .file_nonlabel-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.trp.file-box .trp-Filetext, .file_nonlabel-box .trp-Filetext {
  width: 100%;
  height: 30px;
  padding: 4px 100px 4px 10px;
  font-size: 12px;
  vertical-align: middle;
  border: 1px solid #ccc;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .btn, .file_nonlabel-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 95px;
  height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  background: #999;
  border: 1px solid #999;
  box-sizing: border-box;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .trp-Filehidden, .file_nonlabel-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.trp.file_nonlabel-box {
  display: inline-block;
}

.trp.file_nonlabel-box .btn {
  position: relative;
  top: auto;
  right: auto;
  position: relative;
  padding: 4px 15px 4px 12px;
  background: #fff;
  border: 1px solid #999999;
  color: #222222;
}

.trp.file_nonlabel-box .btn span {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}

/* ========================  input 검색 */
.select-box.formsearch-box {
  padding-right: 30px;
}

.select-box.formsearch-box .select2-container--default .select2-selection--single {
  border-right: 0;
}

.formsearch-box {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 120px;
  /* [0909] min-width: 155px; */
  height: 30px;
}

.formsearch-box.w_ss {
  min-width: 100px;
}

.formsearch-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.formsearch-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  box-sizing: border-box;
  z-index: 1;
  width: 30px;
  height: 30px;
  background-color: #999999;
}

.formsearch-box .search-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-position: -81px -120px;
}

/* ========================  jQuery datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 110px;
  height: 30px;
  background-color: #f8f8f8;
}

.datepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.datepicker-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 8px;
  width: 20px;
  height: 20px;
  background-position: -100px -70px;
}

.ui-datepicker.ui-widget {
  border: 1px solid #f3f3f3;
  padding: 0;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-radius: 0;
}

.ui-datepicker {
  width: 300px;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
  border-bottom: 0px solid #f3f3f3;
  padding: 0px;
  height: 50px;
  background-color: #E0002A;
}

.ui-datepicker-trigger {
  content : "";
  display : none;
}

.ui-datepicker .ui-datepicker-header .ui-icon {
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 20px;
  width: 22px;
  height: 22px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  content: "";
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #ef9ca4;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 8px;
  background-color: #ef9ca4;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
  border: 0;
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 20px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 20px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-title {
  height: 40px;
  line-height: 38px;
  color: #ffffff;
  font-size: 24px;
  text-align:center;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  padding: 0 5px;
  line-height: 38px;
  color: inherit;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  padding: 0 5px;
  line-height: 38px;
  color: inherit;
}

.ui-datepicker .ui-datepicker-calendar thead th {
  padding-top: 10px;
  background-color: #E0002A;
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-calendar tbody tr + tr td {
  border-top: 1px solid #e1e1e1;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td {
  height: 40px;
  text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  text-align: center;
  border: 0;
  line-height: 1.8;
  background-color: #fff;
  color: #666666;
}

.ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default {
  background-color: #999999;
  color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default {
  color: #E0002A;
}

.ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default {
  color: #ffffff;
}

/* 년-월 */
#ui-datepicker-div.js-yy_mm table.ui-datepicker-calendar, #ui-datepicker-div.js-yy table.ui-datepicker-calendar {
  display: none;
}

#ui-datepicker-div.js-yy_mm .ui-datepicker-header, #ui-datepicker-div.js-yy .ui-datepicker-header {
  height: 65px;
}

#ui-datepicker-div.js-yy_mm .ui-datepicker-header .ui-datepicker-title select, #ui-datepicker-div.js-yy .ui-datepicker-header .ui-datepicker-title select {
  font-size: 12px;
  color: #666666;
  line-height: 28px;
  height: 30px;
}

#ui-datepicker-div.js-yy_mm .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, #ui-datepicker-div.js-yy .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  margin-left: 10px;
}

#ui-datepicker-div.js-yy {
  width: 150px;
}

#ui-datepicker-div.js-yy .ui-datepicker-header {
  height: 45px;
}

#ui-datepicker-div.js-yy .ui-datepicker-header .ui-corner-all {
  display: none;
}

#ui-datepicker-div.js-yy .ui-datepicker-header .ui-datepicker-title {
  margin: 0 10px;
}

#ui-datepicker-div.js-yy .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  display: none;
}

#ui-datepicker-div.js-yy .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  width: 70%;
}

/* 커스텀 카운터 인풋 박스 */
.ui-count {
  position: relative;
  display: inline-block;
  border-radius: 0;
}

.ui-count .ui-countTxt {
  width: 60px;
  padding-right: 30px;
  padding-left: 10px;
  text-align: right;
  background: #fff;
}

.ui-count:before {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
}

.ui-count > a {
  position: relative;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
}

.ui-count > a::after {
  content: "";
  position: absolute;
  right: 5px;
}

.ui-count .arrow_up {
  top: 1px;
  right: 0;
  border-left: 1px solid #ccc;
}

.ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent #666666 transparent;
}

.ui-count .arrow_down {
  bottom: 0px;
  right: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.ui-count .arrow_down::after {
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  border-color: #666666 transparent transparent transparent;
}

/* ========================  timepicker */
.ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 30px;
  padding: 8px 10px 8px;
  border: 1px solid #bfbfbf;
  text-align: center;
  background: #fff;
}

.timepicker-area {
  position: relative;
  display: inline-block;
}

.timepicker-area .trp-timepicker {
  display: none;
  position: absolute;
  top: 30px;
  width: 170px;
  z-index: 10;
}

.timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 30px;
  background-color: #fff;
}

.timepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.timepicker-box input.br {
  border-radius: 0;
}

.timepicker-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 23px;
  height: 23px;
  background-position: -140px 0px;
}

/* ========================  starpoint */
.starpoint-box .star {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.starpoint-box .star:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-position: 0px 0px;
}

.starpoint-box .star.on:after {
  width: 20px;
  height: 20px;
  background-position: -278px -200px;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon_tooltip:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-position: 0px -120px;
}

.ui-tooltip {
  font-size: 14px;
  color: #222222;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 15px;
  border: 1px solid #aaaaaa;
  border-radius: 0;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 14px;
  color: #222222;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.ui-tooltip .arrow {
  position: absolute;
  left: 50%;
  bottom: -15px;
  overflow: hidden;
  box-shadow: 0;
  width: 13px;
  height: 15px;
  background-position: -223px -114px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  width: 13px;
  height: 15px;
  background-position: -223px -149px;
}

.ui-tooltip .arrow.top:after {
  bottom: -15px;
  top: auto;
}

.ui-tooltip.tooltip_big {
  max-width: 500px;
}

.ui-tooltip.tooltip_big .h5 {
  margin-bottom: 15px;
}

.ui-tooltip.tooltip_big .numbar-list li {
  font-size: 14;
  letter-spacing: -1px;
}

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td {
  padding: 5px 10px;
  font-size: 12px;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i {
  margin-right: 5px;
}

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state {
  font-size: 14px;
}

.oneLine input, .oneLine select, .oneLine .select-box {
  display: inline-block;
  width: auto;
}

.oneLine input {
  min-width: 80px;
  width: 110px;
}

.oneLine .select-box {
  margin: 0  5px;
  min-width: 100px;
}

body .mCustomScrollBox {
  /* ===  컨텐츠 영역  === */
  /* === 스크롤 바 영역 === */
}

body .mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: black;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail,
body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools {
  width: 5px;
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
  right: 0px;
  width: 5px;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
  width: 5px;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: black;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: black;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  width: 5px;
  border-radius: 0;
}

.ui-widget-content {
  background-color: #ffffff;
}

.ui-widget-header {
  background-color: #5ba429;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #ffffff;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #686868;
}

/* header.scss */
#header.fixing {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  /* padding-bottom: 36px; */
}

#header > .inner {
  background-color: #fff;
}

#header .header_top {
  border-bottom: 1px solid #ccc;
  min-width: 1280px;
}

#header .header_top .logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 420px;
  height: 60px;
  padding: 8px 0 12px;
}

#header .header_top .logo a {
  display: block;
}

#header .header_top .logo img, #header .header_top .logo span {
  display: inline-block;
  vertical-align: bottom;
}

#header .header_top .logo span {
  position: relative;
  margin-left: 12px;
  padding-left: 12px;
  padding-bottom: 0px;
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-weight: bold;
}

#header .header_top .logo span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}

#header .header_top .utility_menu {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 1;
  /* 츨겨찾기 뷰 */
  /* 로그 info */
}

#header .header_top .utility_menu .utility-list {
  display: inline-block;
}

#header .header_top .utility_menu .utility-list:after {
  content: '';
  display: block;
  clear: both;
}

#header .header_top .utility_menu .utility-list li {
  float: left;
}

#header .header_top .utility_menu .utility-list li + li {
  margin-left: 15px;
}

#header .header_top .utility_menu .utility-list a i, #header .header_top .utility_menu .utility-list a span {
  vertical-align: bottom;
}

#header .header_top .utility_menu .utility-list a span {
  margin-left: 3px;
}

#header .header_top .utility_menu .login-info {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  height: 30px;
}

#header .header_top .utility_menu .login-info .info-btn {
  padding-right: 15px;
}

#header .header_top .utility_menu .login-info .info-btn em {
  color: #222222;
}

#header .header_top .utility_menu .login-info .info-btn em, #header .header_top .utility_menu .login-info .info-btn span {
  font-size: 13px;
}

#header .header_top .utility_menu .login-info .info-btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #8a8a8a transparent transparent transparent;
}

#header .header_top .utility_menu .favorites_view-wrap {
  display: none;
  position: absolute;
  top: 35px;
  right: 0px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}

#header .header_top .utility_menu .favorites_view-wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 155px;
  width: 16px;
  height: 12px;
  background-position: -160px -145px;
}

#header .header_top .utility_menu .favorites_view-wrap .con-body {
  padding: 5px 0;
  width: 240px;
  max-height: 355px;
  overflow-y: auto;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #cccccc;
}

#header .header_top .utility_menu .favorites_view-wrap .con-body .favorites_view-list li {
  position: relative;
  padding: 5px 10px;
}

#header .header_top .utility_menu .favorites_view-wrap .con-body .favorites_view-list li .del-btn {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

#header .header_top .utility_menu .favorites_view-wrap .con-body .favorites_view-list li a {
  display: inline-block;
  max-width: 180px;
  position: absolute;
  top: 8px;
  left: 40px;
  font-size: 12px;
  color: #222222;
  font-weight: bold;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header .header_top .utility_menu .favorites_view-wrap .con-footer .btn_bottom {
  padding-top: 20px;
}

#header .header_top .utility_menu .log_info-wrap {
  display: none;
  position: absolute;
  top: 35px;
  right: 0px;
  width:330px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}

#header .header_top .utility_menu .log_info-wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  right: 30px;
  width: 16px;
  height: 12px;
  background-position: -160px -145px;
}

#header .header_top .utility_menu .log_info-wrap .con-body em {
  color: #222222;
}

#header .header_top .utility_menu .log_info-wrap .con-footer .btn_bottom {
  padding-top: 20px;
}

#header .header_top .utility_menu .log_info-wrap .con-footer .btn_bottom button.btn {
  width: 80px;
  min-width: auto;
}

/* 탑메뉴가 클릭이벤트로 변경되면서 해당 부분 주석처리함. */
/* #header .header_top .main_menu.on > .menu-inner .gnbdep2-area, #header .header_top .main_menu.active > .menu-inner .gnbdep2-area {
  display: block;
  z-index: 50;
}

#header .header_top .main_menu.on > .dim, #header .header_top .main_menu.active > .dim {
  display: block;
  z-index: 49;
} */

#header .header_top .main_menu {
  left: 0;
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
  /* dep1  */
  /* sub menu (hover) */
}

#header .header_top .main_menu > .menu-inner {
  display: inline-block;
  height: 60px;
  padding-top: 00px;
  margin: 0 auto;
}

#header .header_top .main_menu .gnbdep1-area {
  display: inline-block;
}

#header .header_top .main_menu .gnb-list:after {
  content: '';
  display: block;
  clear: both;
}

#header .header_top .main_menu .gnb-list li {
  float: left;
}

#header .header_top .main_menu .gnb-list li.active a, #header .header_top .main_menu .gnb-list li.on a {
  color: #E0002A;
}

#header .header_top .main_menu .gnb-list li.active a span:after, #header .header_top .main_menu .gnb-list li.on a span:after {
  background-color: #E0002A;
}

#header .header_top .main_menu .gnb-list a {
  display: block;
  height: 60px;
  padding: 0px 24px 0;
  font-size: 18px;
  line-height: 70px;
  color: #222222;
  font-weight: 500;
  font-family: "Noto Sans KR";
}

#header .header_top .main_menu .gnb-list a > span {
  position: relative;
  display: block;
}

#header .header_top .main_menu .gnb-list a > span:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 20px;
  left: 0;
  background-color: transparent;
}

#header .header_top .main_menu .dim {
  display: none;
  position: fixed;
  top: 81px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-width: 1280px;
  height: calc( 100% - 81px);
  min-height: calc( 100% - 81px);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 49;
}

#header .header_top .main_menu .dim.scroll {
  top: 0px;
  height: 100%;
  min-height: 100%;
}

#header .header_top .main_menu .gnbdep2-area {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  padding: 20px 0 10px;
  width: 100%;
  border-top: 1px solid #ccc;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1), 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #f7f7f7;
  z-index: 50;
  /* dep2 */
  /* dep3 */
}

#header .header_top .main_menu .gnbdep2-area .submenu-inner {
  text-align: center;
}

#header .header_top .main_menu .gnbdep2-area .menu-row {
  width: 1200px;
  margin: 0 auto 20px;
}

#header .header_top .main_menu .gnbdep2-area .menu-row:after {
  content: '';
  display: block;
  clear: both;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list {
  width: 300px;
  padding: 0 20px;
  display: block;
  float: left;
  box-sizing: border-box;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dt {
  border-bottom: 1px solid #bbb;
  margin-bottom: 10px;
  text-align: left;
  font-family: "Noto Sans KR";
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  line-height: 58px;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd {
  padding: 6px 0;
  text-align: left;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd a {
  display: inline-block;
  color: #222222;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd a:hover, #header .header_top .main_menu .gnbdep2-area .dep2_item-list dd a.on {
  font-weight: bold;
  color: #E0002A;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd .add_menu {
  position: relative;
  padding-right: 18px;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd .add_menu::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 11px;
  height: 11px;
  background-position: -240px -225px;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd.active .add_menu {
  font-weight: bold;
}

#header .header_top .main_menu .gnbdep2-area .dep2_item-list dd.active .add_menu::after {
  width: 11px;
  height: 11px;
  background-position: -120px -265px;
}

#header .header_top .main_menu .gnbdep2-area .dep3-list {
  display: none;
}

#header .header_top .main_menu .gnbdep2-area .dep3-list li:first-child {
  margin-top: 5px;
}

#header .header_top .main_menu .gnbdep2-area .dep3-list li a {
  display: block;
  padding: 5px 0 5px 15px;
  font-size: 13px;
  color: #666666;
}

#header .header_top .main_menu .gnbdep2-area .dep3-list li a:hover, #header .header_top .main_menu .gnbdep2-area .dep3-list li a.on {
  color: #222222;
  background-color: #e9e9e9;
}

#header .header-location.fixing {
  position: fixed;
  top: 0;
  z-index: 10;
}

#header .header-location {
  background-color: #333333;
  width: 100%;
  min-width: 1280px;
}

#header .header-location .header-inner {
  position: relative;
  display: block;
}

#header .header-location .location-list:after {
  content: '';
  display: block;
  clear: both;
}

#header .header-location .location-list li {
  float: left;
  /* border-left: 1px solid #474747; */
}

#header .header-location .location-list li + li {
  border-left: 0;
}

#header .header-location .location-list .home a {
  display: block;
  width: 30px;
  height: 36px;
  font-size: 0;
  line-height: 0;
  padding: 8px 5px;
  box-sizing: border-box;
}

#header .header-location .location-list .home a i {
  display: block;
}

#header .header-location .location-list .item {
  position: relative;
  padding-left: 30px;
  display: inline-block;
}

#header .header-location .location-list .item:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-position: -238px -80px;
}

#header .header-location .location-list .item .txt {
  display: block;
  padding: 9px 0px;
  height: 36px;
  box-sizing: border-box;
  color: #ccc;
}

#header .header-location .location-list .item:last-child .txt {
  color: #fff;
}

#header .header-location .favorites {
  position: absolute;
  top: 3px;
  right: 3px;
  border: 0;
}

#header .header-location .favorites .btn-favorites {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

#header .header-location .favorites .btn-favorites .icon-favorites:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  width: 30px;
  height: 30px;
  background-position: -50px -50px;
}

#header .header-location .favorites .btn-favorites.on .icon-favorites::after {
  width: 30px;
  height: 30px;
  background-position: 0px -50px;
}

/* footer.scss */
#footer .inner {
  min-width: 1280px;
  border-top: 1px solid #cccccc;
}

#footer .footer-inner {
  position: relative;
  height: 40px;
}

#footer .copyright {
  padding-top: 12px;
  text-align: center;
}

#footer .footer-btnset {
  position: absolute;
  top: 10px;
  right: 0;
}

#footer .footer-btnset .btn, #footer .footer-btnset .select-box {
  display: inline-block;
  width: 133px;
}

#footer .footer-btnset .btn select, #footer .footer-btnset .select-box select {
  width: 133px;
  min-width: 133px;
}

/* =====================  error  =====================*/
.error {
  height: 100vh;
}

.error .error-inner {
  text-align: center;
}

.error .title {
  margin-top: 15px;
  font-size: 32px;
  color: #222222;
  font-weight: 700;
}

.error .desc {
  margin: 15px auto 0;
  font-size: 16px;
  max-width: 380px;
}

/* =====================  error =====================*/
/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(255, 255, 255, 0.8);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  position: relative;
  display: inline-block;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 30px 0 white, 0px 0px 30px 0 white;
  border-radius: 50%;
}

.page_loading .center_center .img .login_ring {
  -webkit-animation: trp_spin 0.7s linear infinite;
  animation: trp_spin 0.7s linear infinite;
}

.page_loading .center_center .txt {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  font-size: 17px;
  color: #E0002A;
  font-weight: bold;
  text-align: center;
}

@-webkit-keyframes trp_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes trp_spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

/* //=====================  loading =====================*/
/* =====================  사이트맵  =====================*/
.con-panel.type-sitemap {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
}

.con-panel.type-sitemap > .con-header .con_title {
  padding-bottom: 10px;
}

.con-panel.type-sitemap > .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.type-sitemap > .con-body {
  padding: 10px 50px 20px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

.con-panel.type-sitemap > .con-body.fixing {
  padding-top: 110px;
}

.con-panel.type-sitemap > .con-body.fixing > .search-wrap {
  width: 1548px;
  position: fixed;
  top: 96px;
  /* top:36px; */
  margin-left: -50px;
  z-index: 9;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.con-panel.type-sitemap > .con-body.no_line {
  border: 0;
}

.con-panel.type-sitemap .search-wrap {
  background-color: #fff;
}

.con-panel.type-sitemap .search-wrap .search-inner {
  width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}

.con-panel.type-sitemap .search-wrap .search-inner:after {
  content: '';
  display: block;
  clear: both;
}

.con-panel.type-sitemap .search-wrap .input-box {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}

.con-panel.type-sitemap .search-wrap .search-box {
  position: relative;
  float: left;
  width: 130px;
}

.con-panel.type-sitemap .search-wrap input[type="text"] {
  width: 660px;
  height: 38px;
  padding: 10px 100px 10px 20px;
  font-size: 16px;
  line-height: 38px;
  border: 0;
  background-color: transparent;
}

.con-panel.type-sitemap .search-wrap .navi_btns {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  text-align: center;
  background-color: #f8f8f8;
}

.con-panel.type-sitemap .search-wrap .navi_btns::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 1px;
  height: 22px;
  background-color: #ccc;
}

.con-panel.type-sitemap .search-wrap .navi_btns .prev_btn {
  display: inline-block;
  height: 38px;
  width: 30px;
  padding: 0 5px;
}

.con-panel.type-sitemap .search-wrap .navi_btns .prev_btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -120px -161px;
}

.con-panel.type-sitemap .search-wrap .navi_btns .next_btn {
  display: inline-block;
  height: 38px;
  width: 30px;
  padding: 0 5px;
}

.con-panel.type-sitemap .search-wrap .navi_btns .next_btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -183px -80px;
}

.con-panel.type-sitemap .search-wrap .search-btn {
  width: 100%;
  height: 40px;
  border: 0;
  padding-left: 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 38px;
  color: #ffffff;
  background-color: #666666;
}

.con-panel.type-sitemap .search-wrap .search-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -25px;
  width: 20px;
  height: 20px;
  background-position: -278px -160px;
}

.con-panel.type-sitemap .search-wrap .search-btn::after {
  content: "검색";
  display: inline;
}

.con-panel.type-sitemap .search-wrap .search-btn.active:before {
  width: 20px;
  height: 20px;
  background-position: -278px -120px;
}

.con-panel.type-sitemap .search-wrap .search-btn.active::after {
  content: "취소";
  display: inline;
}

.con-panel.type-sitemap .table-wrap {
  padding-bottom: 40px;
}

.con-panel.type-sitemap .table-wrap .con-body {
  border-top: 0;
}

.con-panel.type-sitemap .table-wrap .layout_table {
  /* 
                js-search_typo      : 검색어
                js-search_btn       : 검색버튼
                js-match            : 검색대상
                focus_tar           : 포커스 이동대상
                focus-xx            : 포커스 이동번호
                focus_on            : 포커스 활성화 
            */
}

.con-panel.type-sitemap .table-wrap .layout_table tr + tr .menu-header {
  margin-top: 30px;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep1_th, .con-panel.type-sitemap .table-wrap .layout_table .dep2_td {
  padding-right: 40px;
  text-align: left;
  vertical-align: top;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep1_th .menu-header, .con-panel.type-sitemap .table-wrap .layout_table .dep2_td .menu-header {
  height: 50px;
  padding: 10px 0;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep1_th .menu-header {
  border-bottom: 2px solid #E0002A;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep2_td .menu-header {
  border-bottom: 1px solid #e1e1e1;
  padding: 15px 0;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep3-list {
  margin-top: 10px;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep4-list {
  margin: 5px 0 5px 10px;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep1_link, .con-panel.type-sitemap .table-wrap .layout_table .dep2_link, .con-panel.type-sitemap .table-wrap .layout_table .dep3_link, .con-panel.type-sitemap .table-wrap .layout_table .dep4_link {
  display: inline-block;
  box-sizing: border-box;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep1_link {
  font-size: 20px;
  color: #222222;
  font-weight: bold;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep2_link {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep3_link {
  padding: 5px 0;
  font-size: 13px;
  color: #222222;
}

.con-panel.type-sitemap .table-wrap .layout_table .dep4_link {
  padding: 5px 0;
  font-size: 13px;
  color: #666666;
}

.con-panel.type-sitemap .table-wrap .layout_table .match {
  color: #fff;
  background-color: #E0002A;
}

.con-panel.type-sitemap .table-wrap .layout_table .focus_on .match {
  color: #fff;
  background-color: #d96701;
}

.con-panel.type-sitemap .table-wrap .layout_table .deps_more + ul {
  display: none;
}

.con-panel.type-sitemap .table-wrap .layout_table .deps_more {
  position: relative;
  padding-right: 20px;
}

.con-panel.type-sitemap .table-wrap .layout_table .deps_more::before, .con-panel.type-sitemap .table-wrap .layout_table .deps_more::after {
  content: "";
  display: block;
  width: 9px;
  height: 1px;
  background-color: #999;
  position: absolute;
  top: 13px;
  right: 5px;
}

.con-panel.type-sitemap .table-wrap .layout_table .deps_more::after {
  transform: rotate(90deg);
}

.con-panel.type-sitemap .table-wrap .layout_table .deps_more.on::after {
  transform: rotate(0deg);
}

/* =====================  사이트맵 =====================*/
body.main #contents .body-inner {
  margin-top: 81px;
  padding-top: 30px;
}

body.main .layout1_3-wrap {
  position: relative;
}

body.main .layout1_3-wrap:after {
  content: '';
  display: block;
  clear: both;
}

body.main .layout1_3-wrap > .layout1 {
  float: left;
  width: 367px;
}

body.main .layout1_3-wrap > .layout3 {
  float: left;
  width: calc( 100% - 367px);
}

body.main .layout1_3-wrap > .layout3 .con-panel.type-table {
  height: 409px;
}

body.main .layout5_5-wrap {
  position: relative;
  margin-top: 24px;
}

body.main .layout5_5-wrap:after {
  content: '';
  display: block;
  clear: both;
}

body.main .layout5_5-wrap > .layout5_l {
  float: left;
  width: 100%;
  /* padding-right:12px; */
}

body.main .layout5_5-wrap > .layout5_l .con-panel.type-table {
  height: 259px;
}

body.main .layout5_5-wrap > .layout5_r {
  float: left;
  width: 50%;
  padding-left: 12px;
}

body.main .layout5_5-wrap > .layout5_r .con-panel.type-table {
  height: 259px;
}

body.main .state-panel + .state-panel {
  margin-top: 25px;
}

body.main .state-panel.circuit .inner {
  border-left: 3px solid #f57787;
}

body.main .state-panel.contract .inner {
  border-left: 3px solid #9b9eb0;
}

body.main .state-panel.schedule .inner {
  border-left: 3px solid #f69f4b;
}

body.main .state-panel.claim .inner {
  border-left: 3px solid #7fabd3;
  height: 154px;
}

body.main .state-panel.claim .inner .state-body {
  padding-top: 12px;
}

body.main .state-panel .inner {
  position: relative;
  width: 337px;
  height: 214px;
  padding: 30px 30px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

body.main .state-panel .state-header {
  min-height: 30px;
}

body.main .state-panel .state-header i, body.main .state-panel .state-header span {
  vertical-align: top;
}

body.main .state-panel .state-header i {
  margin-right: 5px;
}

body.main .state-panel .state-header span {
  font-family: "Noto Sans KR";
  font-size: 22px;
  color: #222222;
  font-weight: 500;
}

body.main .state-panel .state-body {
  margin-top: 34px;
}

body.main .state-panel .state-body li {
  position: relative;
  padding: 15px 0;
}

body.main .state-panel .state-body li + li {
  border-top: 1px solid #eeeeee;
}

body.main .state-panel .state-body .name {
  font-size: 16px;
}

body.main .state-panel .state-body .name em {
  font-size: 14px;
}

body.main .state-panel .state-body .unit {
  float: right;
  margin-top: -7px;
  font-size: 16px;
}

body.main .state-panel .state-body .unit em {
  font-family: "Noto Sans KR";
  font-size: 26px;
  color: #333333;
  font-weight: bold;
}

/* ================== 로그인 ========================= */
#contents.login {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100vh;
  min-width: 1024px;
  background-color: #f2f2f2;
}

#contents.login .login-wrap {
  position: relative;
  display: inline-block;
  width: 1024px;
}

#contents.login .login-wrap .login-col > .colitem {
  height: 649px;
}

#contents.login .login-wrap .login-col > .colitem .inner {
  position: relative;
  padding: 30px 70px 30px;
  height: 100%;
}

#contents.login .login-wrap .col_left {
  background: #dceef3 url(/resources/images/login_bg.jpg) 0 0 no-repeat;
}

#contents.login .login-wrap .col_right {
  background-color: #fff;
}

#contents.login .login-wrap .copyright {
  height: 80px;
  padding: 30px;
  margin-top: 10px;
  font-size: 12px;
  color: #5f5f5f;
  text-align: center;
}

#contents.login .login-wrap .tit_msg {
  text-align: center;
  margin-top: 20px;
  font-family: "Noto Sans KR";
}

#contents.login .login-wrap .tit_msg span {
  display: inline-block;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  color: #ffffff;
}

#contents.login .login-wrap .title {
  margin-top: 0px;
  text-align: center;
}

#contents.login .login-wrap .title .logo {
  z-index: 1;
  width: 420px;
  height: 80px;
  padding: 10px 0;
  margin-left: -20px;
}

#contents.login .login-wrap .title .logo a {
  display: block;
}

#contents.login .login-wrap .title .logo img, #contents.login .login-wrap .title .logo span {
  display: inline-block;
  vertical-align: bottom;
  padding-right:10px;
}

#contents.login .login-wrap .title .logo span {
  position: relative;
  padding-left: 12px;
  padding-bottom: 6px;
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-weight: bold;
}

#contents.login .login-wrap .title .logo span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}

#contents.login .login-wrap .login_info-area {
  margin-top: 40px;
}

#contents.login .login-wrap .login_info-area .logo_tit {
  margin-bottom: 25px;
  font-family: "Noto Sans KR";
  font-size: 36px;
  font-weight: bold;
  color: #222222;
}

#contents.login .login-wrap .login_info-area .login_info-list li {
  padding: 0px 0;
}

#contents.login .login-wrap .login_info-area .login_info-list li .Button {
  width: 100%;
}

#contents.login .login-wrap .login_info-area .id_pass .colitem {
  width: 40%;
  text-align: left;
}

#contents.login .login-wrap .login_info-area .id_pass .colitem:last-child {
  width: 60%;
}

#contents.login .login-wrap .login_info-area .name {
  margin-bottom: 10px;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  text-align: left;
}

#contents.login .login-wrap .login_info-area .input {
  position: relative;
}

#contents.login .login-wrap .login_info-area .input input {
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #cccccc;
  padding-left: 50px;
  font-size: 13px;
  background-color: #f8f8f8;
}

#contents.login .login-wrap .login_info-area .input i {
  position: absolute;
  top: 10px;
  left: 10px;
}

#contents.login .login-wrap .login_info-area .input .login_pass {
  margin-top: -1px;
}

#contents.login .login-wrap .login_info-area .input .input_error {
  border-color: #dd4c5c;
}

#contents.login .login-wrap .login_info-area .btn_login {
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
}

#contents.login .login-wrap .login_info-area .error-box {
  display: none;
  height: 30px;
  padding: 5px 0;
  text-align: left;
}

#contents.login .login-wrap .login_info-area .error-box .input_msg {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  color: #f7353a;
}

#contents.login .login-wrap .login_info-area .error-box .input_msg:after {
  position: absolute;
  top: 1px;
  left: 0;
}

#contents.login .login-wrap .login_info-area .links {
  text-align: right;
}

#contents.login .login-wrap .login_info-area .links .link_txt {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  margin: 0 5px;
  color: #222222;
}

#contents.login .login-wrap .login_info-area .links .link_txt + .link_txt {
  margin-right: 0;
}

#contents.login .login-wrap .login_info-area .links .link_txt + .link_txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -5px;
  width: 1px;
  height: 12px;
  background-color: #e9e9e9;
}

#contents.login .login-wrap .help-area {
  position: absolute;
  bottom: 35px;
  width: 370px;
  padding-top: 15px;
  border-top: 1px solid #e9e9e9;
  font-size: 14px;
  text-align: left;
}

#contents.login .login-wrap .help-area .help_title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
}

#contents.login .login-wrap .help-area .mark_dot-list li {
  font-size: 13px;
}

#contents.login .login-wrap .help-area .mark_dot-list em {
  color: #222222;
}

#contents.login .login-wrap .help-area .link-btn {
  text-decoration: underline;
  float: right;
}

#contents.login .login-wrap .help-area .tel-box {
  padding: 10px 0 40px;
  text-align: left;
}

#contents.login .login-wrap .help-area .tel-box .tel_numer {
  position: relative;
  padding-left: 20px;
}

#contents.login .login-wrap .help-area .tel-box .tel_numer:after {
  position: absolute;
  top: 3px;
  left: 0;
}

/* 라이브러리 사용을 위해 추가된 부분 수정 금지 */
/* -------------------------------------------------------------------- */
.progressbar{width:300px; height:220px; border:1px solid #ececec; border-radius:10px; padding:20px 0; -webkit-box-shadow: 2px 2px 7px 0px rgba(219,219,219,1);
-moz-box-shadow: 2px 2px 7px 0px rgba(219,219,219,1); box-shadow: 2px 2px 7px 0px rgba(219,219,219,1);}
.progressbar .skblogo{width:100%; height:50px; background:url('/resources//images/loding_ring.png') no-repeat center; }
.progressbar .text{text-align:center; font-size:18px; font-weight:bold; color:#535353;}
.progressbar .center{display:table; margin:0 auto; margin-top:20px;}
.progressbar .loading_bar{display: inline-block; width: 80px; height: 80px; border: 5px solid rgba(253,122,35,.3); border-radius: 50%; border-top-color: #fd7a23; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}

/*190822 추가 모달팝업*/
.modalpopup{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); /* opacity:0; */ -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; /* pointer-events: none; */ z-index:101}
.modalpopup:target{opacity:1; pointer-events: auto;}
.modalpopup .modalcont{position: absolute;top: 10%; left: 20%; width: auto; margin:auto; background:white; border:2px solid black; vertical-align:middle; text-align:center; overflow:hidden;}/*팝업 기본*/
.modalpopup .modalcont .modalHeader{background-color: #333333; font-size: 17px; font-weight: bold; color:white;}
.modalpopup .modalcont table{margin: 10px 10px 10px 10px; width:auto; min-width:800px}
.modalpopup .modalcont footer{float:right;}
.modalpopup .modalcont footer .btn{margin: 10px 10px 10px 10px; display:inline-block;}
.modalpopup .modalcont h2{margin:0 !important;font-size: 23px;border-bottom: 2px solid #ccc;height: 50px;line-height: 50px;padding: 0 15px;background-color: #5d5d5d;color: #fff;}
/*.modalpopup .modalcont .close{position:absolute; top:10px; right:10px; width:28px; height:28px; background:url('/resources/images/popclose_icon_1.png') no-repeat; cursor:pointer;}*/
.modalpopup .modalcont .popup_cont h3{padding:6px 0 6px 35px !important;}
.modalpopup .modalcont .popup_cont h3::before{top:4px !important;}
.modalpopup .alertbox {position: absolute; top: 30%; left: 30%; width:auto; height: auto; min-width:410px; min-height: 100px; padding:10px 10px 10px; margin:auto; background:white; border:1px solid #cccccc; vertical-align:middle; text-align:center; overflow:hidden; word-break:break-all;}
.modalpopup .alertbox>footer {margin: auto;}
.modalpopup .alertbox .cancel {margin-left:20px;}

/*모달팝업 타이틀*/
.popup_area{overflow:hidden; margin-top:10px;}
.popup_area:first-child{margin:0 !important;}
.popup_area > h3{padding:4px 0 0px 35px !important; border:0 !important; margin-top:10px !important;}
.popup_area > h3:first-child{margin:0 !important;}
.popup_area > h3::before{top:2px;}
/*모달팝업 타이틀*/

/*모달팝업 컨텐츠 들어가는곳*/
.popup_cont{padding:10px 10px;}
/**모달팝업 컨텐츠 들어가는곳*/

/*상태창*/
.Status_box{overflow:hidden; display:table; margin:15px auto;}
.Status_box > div{position:relative; float:left; width:200px; border:1px solid #d2d2d2; padding:5px 20px; margin:0 10px; padding-left:50px; font-size:13px; text-align:right; color:#535353; background-color:#eaeaea; border-radius:5px;}
.Status_box > div::after{content:''; position:absolute; top: 17px; left:10px; width:30px; height:30px;}
/* .Status_box > div.server::after{content:''; background:url('/resources/images/icon/server_icon_1.png') no-repeat;}
.Status_box > div.network::after{content:''; background:url('/resources/images/icon/network_icon_1.png') no-repeat;}
.Status_box > div.other::after{content:''; background:url('/resources/images/icon/other_icon_1.png') no-repeat;} */
/**상태창*/

/* multiSelect */
.fs-wrap
{
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 100%
}

.fs-wrap .hidden
{
    display: none;
}

.fs-label-wrap
{
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: default;
    vertical-align: middle;
}

.fs-label-wrap, .fs-dropdown
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label
{
    padding: 6px 22px 6px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fs-arrow
{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

.fs-open .fs-arrow
{
    transform: rotate(-180deg);
}

.fs-dropdown
{
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 5px;
    z-index: 1000;
}

.fs-dropdown .fs-options
{
    max-height: 200px;
    overflow: auto;
}

.fs-search input
{
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 6px 0;
    width: 100%;
}

.fs-option, .fs-search, .fs-optgroup-label
{
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option:last-child
{
    border-bottom: none;
}

.fs-search
{
    padding: 0 8px;
}

.fs-no-results
{
    padding: 6px 8px;
}

.fs-option
{
    cursor: pointer;
    word-break: break-all;
}

.fs-option.disabled
{
    opacity: 0.4;
    cursor: default;
}

.fs-wrap.multiple .fs-option
{
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox
{
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i
{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i
{
    background-color: #E0002A;
    border-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label
{
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
}

/* 파일 업로드 관련 */
.dm-uploader
{
	width  : 100%;
	height : 50px;
	line-height: 50px;
	border : 1px solid #ccc;
	text-align: center;
}

.dm-uploader.active {
	border : 2px solid #E0002A;
}

/* -------------------------------------------------------------------- */