@charset "utf-8";
/*
Product Name: dhtmlxTabbar 
Version: 5.1.0 
Edition: Standard 
License: content of this file is covered by DHTMLX Commercial or enterpri. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/
@keyframes dhx_loader_rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dhx_loader_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.dhxtabbar_base_material {
  position: relative;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.09);*/
}

.dhxtabbar_base_material div.dhxtabbar_cont {
  position: absolute;
  overflow: hidden;
 
}

/*2019.06.14 */
.dhxtabbar_base_material div.dhxtabbar_tabs {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  z-index: 2;
  font-size: 13px;
  color: #404040;
  position: relative;
  z-index: 5;
  font-weight: bold;
  font-family: Malgun Gothic, dotum, Roboto, Arial, Helvetica;
}

/* GNB아래에 오는 상단 탭과 별개의 높이를 지정하기 위함(.wrapper_con) */
.wrapper_con .dhxtabbar_base_material div.dhxtabbar_tabs {
  height: 36px;
  line-height: 36px;
}



.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
  height: 30px;
  overflow: hidden;
}


/* GNB아래에 오는 상단 탭과 별개의 높이를 지정하기 위함(.wrapper_con) */
.wrapper_con .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base,
#systemSettingTabbar div.dhxtabbar_tabs_base{
	height: 36px;
	border-bottom: 1px solid #00A3A9;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
  position: absolute;
  top: 0;
/*   width: 100%; */
  height: 36px;
  /*margin: 0 1px;*/
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
  display: none;
}

/* 2017.06.02  */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab {
  position: relative;
  height: 27px;
  line-height: 27px;

  font: inherit;
  cursor: pointer;
  z-index: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-weight: normal;
  color: #000;
  background: #494949;
}


/* 2017.06.02  */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv {
  color: #323232;
  font-weight: bold;
  position: relative;
  z-index: 10;

  background: #fff;
  box-sizing: border-box;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
  color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_dis {
  color: #a6a6a6;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text {
  text-transform: uppercase;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text:hover {
  text-decoration: none;
  font-weight: bold;
}


/* 상단 탭의 비활성화 부분 */
.dhxtabbar_base_material
  div.dhxtabbar_tabs
  div.dhxtabbar_tabs_base
  div.dhxtabbar_tab
  div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
  padding: 0 14px 0 10px;
  font-size: 14px;
  color: #fff;
}


/* 상단 탭의 활성화 부분(color만 다름) */
.dhxtabbar_base_material
  div.dhxtabbar_tabs
  div.dhxtabbar_tabs_base
  div.dhxtabbar_tab_actv
  div.dhxtabbar_tab_text.dhxtabbar_tab_text_close{
	color: #000;
}


/* 상단 탭의 비활성화 부분 */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  background-image: url("../../../img/new_sub/tab_close.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  z-index: 1;
}

/* 상단 탭의 활성화 부분, background-image(닫기 버튼)만 다름 */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab_actv div.dhxtabbar_tab_close {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 0;
  width: 18px;
  height: 18px;
  background-image: url("../../../img/new_sub/tab_close_act.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  z-index: 1;
}


.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close:hover {
  opacity: 1;
}

.dhxtabbar_base_material
  div.dhxtabbar_tabs
  div.dhxtabbar_tabs_base
  div.dhxtabbar_tab.dhxtabbar_tab_actv_dis
  div.dhxtabbar_tab_close,
.dhxtabbar_base_material
  div.dhxtabbar_tabs
  div.dhxtabbar_tabs_base
  div.dhxtabbar_tab.dhxtabbar_tab_dis
  div.dhxtabbar_tab_close {
  background-position: -14px 0;
}

/* 2017.06.02  뜝 럥 빢 뜝 럩 젧 */
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
  margin-top: 1px;
  float: left;
  width: auto !important;
  height: 30px;
  border: 1px solid #dadbdc;
  border-bottom: 0;
  margin: 0;
}

/* GNB아래에 오는 상단 탭과 별개의 높이를 지정하기 위함(.wrapper_con) */
.wrapper_con .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab{
	height: 36px;
}


.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
  float: right;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 99;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-top: 4px;
  border: 1px solid #ebecec;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
  display: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background: url("imgs/dhxtabbar_material/dhxtabbar_arrows.png") -2px 1px no-repeat;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
  right: 25px;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left:hover,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right:hover {
  background-color: #2c579b !important;
}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left:hover div.dhxtabbar_arrow_img {
  background-position: -2px -31px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  right: 5px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  background-position: -19px 1px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right:hover div.dhxtabbar_arrow_img {
  background-position: -19px -31px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar {
  position: absolute;
  background-color: #fff;
  margin: 0;
  padding: 0;
  cursor: default;
  z-index: 0;
   min-height: 800px;
  /* 20210610 
	overflow-x:hidden;
		max-height:calc(100vh - 30px);
	
	overflow-y:auto !important; */
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1px;
  background-color: white;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  background-image: url("imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg {
  border: 1px solid #e4e4e4;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_toolbar_def .dhx_toolbar_material {
  border-width: 0 1px 1px 1px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
  border-top-width: 0;
  margin-top: -1px;
  width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-top-width: 0;
  width: auto;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dfdfdf;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  color: #737373;
}
.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  position: absolute;
  z-index: 0;
  background: #fff;
} /* 20210610 overflow: hidden; */

.dhxtabbar_base_material div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
  border-width: 0;
}

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs {
} /*width:calc(100% - 23px) !important;left:0;left:50px;*/

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhxtabbar_tabs div.dhxtabbar_tab_text {
}

/* 2017.06.02  뜝 럥 빢 뜝 럩 젧 */

.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  /*border-width: 1px 1px 0 1px;*/
}

.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_img,
.dhxtabbar_base_material div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_progress_svg {
  border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_hdr {
  position: relative;
}

.dhxtabbar_base_material div.dhxcelltop_ftr {
  position: absolute;
}

.dhxtabbar_base_material div.dhxcelltop_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3;
  opacity: 0.55;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxtabbar_material/dhxtabbar_cell_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: dhx_loader_rotate 2s linear infinite;
  transform-origin: center center;
}

.dhxtabbar_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
  fill: none;
  stroke: #39c;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dhx_loader_dash 1.5s ease-in-out infinite;
}

.dhxtabbar_base_material div.dhxcelltop_menu {
  position: relative;
  overflow: hidden;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #dfdfdf;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
  border-width: 1px 1px 0 1px;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
  border-bottom-width: 0;
  width: auto;
}

.dhxtabbar_base_material
  div.dhxcelltop_ribbon
  div.dhtmlxribbon_material
  div.dhxrb_with_tabbar.dhxtabbar_base_material
  div.dhxtabbar_tabs_top
  div.dhx_cell_tabbar
  div.dhx_cell_cont_tabbar {
  border-bottom-width: 0;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar {
  position: absolute;
  overflow: hidden;
  background-color: #fafafa;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
  position: relative;
  background-color: #fafafa;
  font: inherit;
  height: 30px;
  line-height: 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0 12px;
  color: #737373;
  white-space: nowrap;
  overflow: hidden;
}

span.dhxtabbar_tabs_text_test_material {
  position: absolute;
  visibility: hidden;
  right: 0;
  top: 0;
  padding: 0 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica;
  color: #404040;
}

.dhxtabbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 40px;
  height: 10px;
  overflow: hidden;
}

.dhxtabbar_tabs_top {
  border-bottom: 1px solid #dadbdc;
  padding-left: 20px;
} /* 즐겨찾기 메뉴 있을 경우 padding-left: 50px;*/

.dhxtabbar_tabs_cont_left > div {
  padding-right: 20px !important;
}

.dhxtabbar_tab_actv {
  background: #fff;
}

/* tab-style2 */
.item2 .dhxtabbar_tab {
  border: none !important;
  background: #fff !important;
  width: 120p0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  float: none !important;
}
.item2 .dhxtabbar_tab_text {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 0 20px;
  background: rgba(0,163,169,0.05);
  border: 1px solid #00A3A9;
  border-top: 0;
  border-left: 0;
  height: 36px;
}

#systemSettingTabbar .dhxtabbar_tab{
	
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 0 20px;
  background: rgba(0,163,169,0.05);
  border: 1px solid #00A3A9;
  border-left: 0;
  height: 36px;
}
#systemSettingTabbar .dhxtabbar_tab_text{
	 color: #333;
	 font-size: 14px;
}

.item2 .dhxtabbar_tabs_top {
}

.item2 .dhxtabbar_tab.dhxtabbar_tab_actv{
  border-top: none !important;
  border-bottom: 2px solid #0775d3 !important;
}
.item2 .dhxtabbar_tab.dhxtabbar_tab_actv .dhxtabbar_tab_text, #systemSettingTabbar .dhxtabbar_tab_actv {
  color: #fff;
  background: #00A3A9;
}

#systemSettingTabbar div.dhxtabbar_tabs_base{
	borer-top: 1px solid #00A3A9;
}
#systemSettingTabbar .dhxtabbar_tab_actv{
	padding-left: 20px;
}

#systemSettingTabbar .dhxtabbar_tab_actv .dhxtabbar_tab_text{
	color: #fff;
}

.item2 .dhxtabbar_tabs_cont_left {
  display: flex;
  border-bottom: 1px solid #00A3A9;
}