.ci-tab {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
  border: none;
  margin-bottom:20px;
 }

/**tab base*/
.ci-tab .tab-selector {
  height: 25px;
  margin: 0;
  padding: 0;
  border-top: none; 
}

.ci-tab .tab-selector > li {
  background: #fff;
  list-style: none;
  float: left;
  margin: 0;
  text-align: center;
  padding: 0;
 }

 .ci-tab .tab-selector > li.ci-tab-disabled {
  background: #e1e1e1;
 }

.ci-tab .tab-selector > li:first-child {
  margin-left: 0px;
}

.ci-tab .tab-selector li a {  
  height: 100%;
  /*width:100%;*/
  display: block;
  text-decoration: none;
  color:#ccc;
}

.ci-tab .tab-selector li.ci-tab-disabled a {  
  color:#808080;
}

.ci-tab .tab-selector li.active {

}

.ci-tab .tab-selector li.active a {
  color: #333;
  /*padding-right: 0 !important;*/
  background: none !important; 
}

.ci-tab .tab-panel{
  /*clear:both;*/
}

.ci-tab .tab-panel > li {
  list-style: none;
  display: none;
}

.ci-tab .tab-panel > li.active {
  display: block;
}

.tab-panel > li.ajax-mode {
  display: block;
}


/* tab type2 */
.ci-tab2 {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
  border: none;  
}

/**tab base*/
.ci-tab2 .tab-selector {
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb; 
	margin:16px 0 23px; 
	padding:0 0 12px 5px;
	height:44px;   
}

.ci-tab2 .tab-selector > li {
	display:inline; 
	background:url(../../../templets/main/img/OB/bar_menulist.gif) no-repeat right 14px;
	color:#777; font-weight:bold; float:left;
}

 .ci-tab2 .tab-selector > li.last{
	background:none; 
}

.ci-tab2 .tab-selector > li:first-child {
  margin-left: 0px;
}

.ci-tab2 .tab-selector li a {  
  height: 43px;
  width:100%;
  /*padding:8px 10px 0 10px;*/
  display: block;
  text-decoration: none;
  color:#777 !important; 
}

.ci-tab2 .tab-selector li.active {
	
}

.ci-tab2 .tab-selector li.active a { 
	display:inline-block;
	height:43px; 
	font-weight:bold; 
	color:#333 !important; 
	/*background:url(../../../templets/main/img/OB/bu_menupointer.gif) no-repeat right 11px;*/
	background:url('/templets/main/img/common/bg_tab2on.gif') no-repeat center 100%;
}

.ci-tab2 .tab-panel{
  clear:both; 
}

.ci-tab2 .tab-panel > li {
  list-style: none;
  display: none;
}

.ci-tab2 .tab-panel > li.active {
  display: block;
}


/* mobile용 */
.tab-selector-wrapper {
	position: relative;
	background: #fff;
}

.tab-selector-left-arrow {
  width: 22px;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  background-image: url('./img/btn_tab_l.png');
  z-index: 2001;
  background-size: 22px 42px;
  background-repeat: no-repeat;
}

.tab-selector-right-arrow {
  width: 22px;
  height: 42px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  background-image: url('./img/btn_tab_r.png');
  z-index: 2001;
  background-size: 22px 42px;
  background-repeat: no-repeat;
}





.mobile .ci-tab {height:auto;margin-bottom:0 !important;}

.mobile .progress + .ci-tab{margin-top:27px !important}

.mobile .ci-tab .m-flex-box {
	display: -webkit-box;
    display: -webkit-flex;
}
.mobile .ci-tab .tab-selector {
	height: auto;
	overflow: hidden;
	border-left: 1px solid #6d6d6d;
}
.mobile .ci-tab .tab-selector li {
	padding: 0 5px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #6d6d6d;
	border-left: 0;
}
.mobile .ci-tab .tab-selector li.mt-1 {
	margin-top: -1px;
}
.mobile .ci-tab .tab-selector li a {
	display: block;
	width: auto;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #6d6d6d;
}
.mobile .ci-tab .tab-selector li.active {background: #6d6d6d;}
.mobile .ci-tab .tab-selector li.active a {color: #fff;}
.mobile .ci-tab .panel{padding:10px 0 0;}

/* .mobile .tab-selector-wrapper {overflow: hidden;padding:0;margin: 0 10px;background:url('/myasset/common/img/mobile/bg_tab.png') no-repeat right 0;background-size:auto 35px}
.mobile .popBody .tab-selector-wrapper{margin:0;} */
.mobile .m-tabWrapper.selected {
	box-shadow: inset 0 0 0 1px #6d6d6d;
	/*background: url('/WEB-APP/webponent/tab/img/bg_tabWrapper.gif') repeat-y right top;*/
}
.mobile .tab-selector,.m-tabWrapper {margin: 0 10px;}
/*.popBody .mobile .tab-selector, .popBody .m-tabWrapper{margin:0;}  */ /* 20160428 김정삼(빠른조회에서 마진때문에 탭셀렉터 넓이계산 오차발생) */  
.mobile .m-tabWrapper .tab-selector {margin: 0}
.mobile .tab-selector-up-arrow,
.mobile .tab-selector-down-arrow {position: absolute;right:10px;top: 0; width: 26px; height: 33px;border: 1px solid #6d6d6d;}
/* .mobile .popBody .tab-selector-up-arrow,
.mobile .popBody .tab-selector-down-arrow{right:1px;} */
.mobile .tab-selector-up-arrow {background: #fff url('/WEB-APP/webponent/tab/img/btn_tab_up.png') center no-repeat;background-size: 25px auto;z-index: 2001;}
.mobile .tab-selector-down-arrow {background: #fff url('/WEB-APP/webponent/tab/img/btn_tab_down.png') 0 0 no-repeat;background-size: 25px auto;z-index: 2001;}

.mobile .ci-dialog .tab-selector-up-arrow,
.mobile .ci-dialog .tab-selector-down-arrow {right: 13px; height: 35px;}