.tab__Slider article, .tab__Slider aside, .tab__Slider details, .tab__Slider figcaption, .tab__Slider figure, .tab__Slider footer, .tab__Slider hgroup, .tab__Slider menu, .tab__Slider nav, .tab__Slider section {
	display: block
}

.tab__Slider ol, .tab__Slider ul {
	list-style: none
}
.tab__Slider blockquote, .tab__Slider q {
	quotes: none
}
.tab__Slider blockquote:before, .tab__Slider blockquote:after, .tab__Slider q:before, .tab__Slider q:after {
	content: '';
	content: none
}
.tab__Slider table {
	border-collapse: collapse;
	border-spacing: 0
}

.tab__Slider {
	width: 100%;
	height: 100%;
	min-height: 500px;
	margin: auto;
	position: relative;
	overflow:hidden;
}

.tab__Slider nav {
	width: 100%;
	margin-top: 20px;
}

.tab__Slider nav .mCustomScrollBox{
	overflow:visible;
	margin-left:-20px;
}

.tab__Slider nav ul {
	display: flex;
	margin-left:0px;
}


.tab__Slider nav li {
	border: 1px solid #000000;
	border-radius: 15px;
	line-height: 23px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	color: #333333;
	box-sizing: border-box;
	height: auto;
	display: inline-block;
	background: rgba(0, 0, 0, 0.04);
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}

.tab__Slider nav li h3{
	line-height: 23px;
	font-size: 18px;
	color: #333333;
	margin: 10px 0px 10px 0px;
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;	
}

.tab__Slider nav li.hover {
	border-color:  #cccccc;
}

.tab__Slider nav li.pressed {
	background: rgba(255, 255, 255, 0.7);
	border-color: #888888;
}
.tab__Slider nav li.currentPage {
	border-color: #cccccc;
	color: #000;
}
.tab__Slider nav li.changedActive  .date {
	color: #000 !important;
}
.tab__Slider nav li.changedActive:before, .tab__Slider nav li.currentPage:before {
    background: #24B4B6 !important;
}

.tab__Slider .timeline li:hover .date{
	color: #9DAFBD;
}
.tab__Slider #contents {
	box-sizing: border-box;
	position: absolute;
	height: calc(100% - 6rem);
	width: 100%;
	top: 0rem;
	border-radius: 0 0 8px 0;
	overflow: hidden;
}
.tab__Slider.direction-left #contents {
	left: 0;
}
.tab__Slider.direction-right #contents {
	right: 0;
}

.tab__Slider nav ul.timeline:before {
    content: ' ';
    background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.5), rgba(255,255,255,0.05));
    display: inline-block;
    position: absolute;
    width: 1px;
    height: calc(100% - 6rem);
    z-index: 16;

}
.tab__Slider.direction-left nav ul.timeline:before {
    left: calc(60% - 10px);
}
.tab__Slider.direction-right nav ul.timeline:before {
    left: 0px;
}
.tab__Slider nav ul.timeline > li:before {
    content: '';
    background: #a2a3a8;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #a2a3a8;
    width: 7px;
    height: 7px;
    z-index: 16;
	margin-top: 40px;
		transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}
.tab__Slider.style2 nav ul.timeline > li:before {
    width: 50px;
    height: 50px;
	margin-top: 10px;
	content: '01';
	padding: 13px;
	text-align: center;
}
.tab__Slider.style2 nav ul.timeline > li.currentPage:before {
	background: #24B4B6 !important; 
	color: #fff !important; 
}

.tab__Slider.style2 nav ul.timeline > li.tab-child1:before { content: ' 01';  }
.tab__Slider.style2 nav ul.timeline > li.tab-child2:before { content: '02'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child3:before { content: '03'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child4:before { content: '04'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child5:before { content: '05'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child6:before { content: '06'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child7:before { content: '07'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child8:before { content: '08'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child9:before { content: '09'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child10:before { content: '10'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child11:before { content: '11'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child12:before { content: '12'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child13:before { content: '13'; }
.tab__Slider.style2 nav ul.timeline > li.tab-child14:before { content: '14'; }

.tab__Slider.direction-left nav ul.timeline > li:before {
    left: calc(60% - 13px);
}
.tab__Slider.direction-right nav ul.timeline > li:before {
    left: 3px;
}
.tab__Slider nav ul.timeline > li.changed:before { 
    background: #24B4B6 !important; 
	border: 1px solid #a2a3a8;
	color: #fff !important; 
}
.tab__Slider.direction-left nav ul.timeline > li.changed:before { 
    left: calc(60% - 13px);
	background: #24B4B6 !important; 
	color: #fff !important; 
}
.tab__Slider.direction-right nav ul.timeline > li.changed:before { 
    left: 3px;
	background: #24B4B6 !important; 
	color: #fff !important; 
}
.tab__Slider nav ul.timeline > li.changedActive:before { 
    background: #24B4B6 !important; 
	border: 1px solid #0092dd;
	color: #fff !important; 
}
.tab__Slider.direction-left nav ul.timeline > li.changedActive:before { 
    left: calc(60% - 16px);
	color: #fff !important; 
	background: #24B4B6 !important; 
}
.tab__Slider.direction-right nav ul.timeline > li.changedActive:before { 
    color: #fff !important; 
	background: #24B4B6 !important; 
}
.tab__Slider nav li .date{ 
	color: #333333;
	font-size: 14px;
	margin-bottom: 5px;
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;	
}
.tab__Slider nav li p{
	color: #333;
	font-size: 14px;
	margin-top: 5px;
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;	
}

.tab__Slider article {
	position: absolute;
	min-height: 300px;
	height: 100%;
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
	top: 20;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;	
}
.tab__Slider.direction-left article {
	left: -130%;
}
.tab__Slider.direction-right article {
	right: -130%;
}
.tab__Slider article.hide {
	 -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    transition: left 0.3s ease;	
}
.tab__Slider article:nth-of-type(1) {
	z-index: 15;
}
.tab__Slider article:nth-of-type(2) {
	z-index: 14;
}
.tab__Slider article:nth-of-type(3) {
	z-index: 13;
}
.tab__Slider article:nth-of-type(4) {
	z-index: 12;
}
.tab__Slider article:nth-of-type(5) {
	z-index: 11;
}
.tab__Slider article:nth-of-type(6) {
	z-index: 10;
}
.tab__Slider article:nth-of-type(7) {
	z-index: 9;
}
.tab__Slider article:nth-of-type(8) {
	z-index: 8;
}
.tab__Slider article:nth-of-type(9) {
	z-index: 7;
}
.tab__Slider article:nth-of-type(10) {
	z-index: 6;
}
.tab__Slider article:nth-of-type(11) {
	z-index: 5;
}
.tab__Slider article:nth-of-type(12) {
	z-index: 4;
}
.tab__Slider article:nth-of-type(13) {
	z-index: 3;
}
.tab__Slider article:nth-of-type(14) {
	z-index: 2;
}
.tab__Slider article:nth-of-type(15) {
	z-index: 1;
}

.tab__Slider article.show {
	z-index: 10;
}
.tab__Slider.direction-left article.show {
	left: 0;
	z-index: 10;
	 -moz-transition: left 0.3s ease !important;
    -o-transition: left 0.3s ease !important;
    -ms-transition: left 0.3s ease !important;
    transition: left 0.3s ease !important;
}
.tab__Slider.direction-right article.show {
	right: 0;
	z-index: 10;
	 -moz-transition: right 0.3s ease !important;
    -o-transition: right 0.3s ease !important;
    -ms-transition: right 0.3s ease !important;
    transition: right 0.3s ease !important;
}

.tab__Slider article section {
  width: 95% !important;
  max-width: 800px;
  color: #000;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tab__Slider.direction-left article section {
  text-align: right;
  right:40px;
  padding-left: 50px;
}
.tab__Slider.direction-right article section {
  text-align: right;
  right:40px;
  padding-right: 50px;
}

.tab__Slider article section h1 {
	font-size: 25px;
	color: #000;
	font-weight: 700;
	/*padding-left: 150px;*/
}
.tab__Slider article section p {
	font-size: 14px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:none;}
.mCustomScrollBox > .mCSB_scrollTools{width:4px;}
.box-hover-dir{overflow:hidden;position:relative;cursor:all-scroll;}


.mCSB_scrollTools a + .mCSB_draggerContainer{margin:0 0 20px;width:10px;box-shadow:0 0 0 1px none inset;border-radius:5px;}
.mCSB_scrollTools .mCSB_draggerRail{background: none; box-shadow:0 0 0 1px none inset; }
.mCustomScrollBox > .mCSB_scrollTools{width:10px;opacity:1;z-index:10; background: none; box-shadow:0 0 0 1px none inset; }
.mCSB_dragger{background: none}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#7582ae !important;}
.mCustomScrollBox{padding-right: 3px !important; }

@media (min-width: 1024px) {
.tab__Slider nav {
	width: 40%;
	height: 100%;
	overflow: auto;
	float: left;
}	
	
.tab__Slider #contents {
	height: calc(100% - 0rem);
	width: calc(100% - 40%);
	top: 0rem;
}	
.tab__Slider.direction-left #contents {
	right: 40%;
}
.tab__Slider.direction-right #contents {
	left: 40%;
}	
	
.tab__Slider nav ul {
	display: block;
}
.tab__Slider nav li {
  padding: 15px 20px 15px 20px;
  margin: 5px 5px 5px 5px;
  width: 380px;
  border: 2px solid rgba(0,0,0,0);
  border-radius: 15px;
}	
	
}


@media (max-width: 1024px) {

.tab__Slider {
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative;
	overflow:hidden;
}	
.tab__Slider #contents {
	top: auto;
	margin-top: 10px;
	height: 100%;
}
.tab__Slider nav .mCustomScrollBox {
	width: 100%;
    overflow: hidden;
    margin-left: 5px;
	margin-right: 0px;
}	
	
.tab__Slider nav li {
  padding: 10px;
  margin: 5px;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 15px;
  height: auto;
  width: 32%;
  float: left
}
.tab__Slider nav ul.timeline:before {
    display: none;
}
.tab__Slider nav ul.timeline > li:before {
    display: none;
}

.tab__Slider nav ul {
    display:block; 
    margin-left: 0px !important;
    width: 100%;
    overflow-x: hidden ;
}	
.tab__Slider article section {
top: 40%;
right: 40px;
transform: translateY(-40%);
}	
.tabBackground {
    background-size: contain !important;
}	
}
@media (max-width: 880px) {
.tab__Slider nav li {
  width: 45.6%;
}
.tab__Slider #contents {
	position:static;
	top: 0px;
}	
.tab__Slider {
	width: 100%;
	min-height: 900px;
	margin: auto;
	position: relative;
	overflow:visible;
}	
.tab__Slider article section h1 {
	font-size: 25px;
	padding-left: 20px;
}	
.tabBackground {
        background-size: contain !important;
	-webkit-background-size: contain !important;
  	-moz-background-size: contain !important;
  	-o-background-size: contain !important;
  	background-size: contain !important;
	background-repeat: no-repeat !important;
}	
	
}
@media (max-width: 600px) {
.tab__Slider nav li {
  width: 45%;
}
.tab__Slider #contents {
	position:static;
	top: 0px;
}	
.tab__Slider {
	width: 100%;
	min-height: 900px;
	margin: auto;
	position: relative;
	overflow:visible;
}	
.tab__Slider article section h1 {
	font-size: 25px;
	padding-left: 20px;
}
.tabBackground {
    background-size: contain !important;
	-webkit-background-size: contain !important;
  	-moz-background-size: contain !important;
  	-o-background-size: contain !important;
  	background-size: contain !important;
	background-repeat: no-repeat !important;	
}	
}
@media (max-width: 500px) {
.tab__Slider article section h1 {
	font-size: 25px;
	padding-left: 20px;
}
.tab__Slider {
	width: 100%;
	min-height: 900px;
	margin: auto;
	position: relative;
	overflow:visible;
}	
	
.tab__Slider nav {
	float: right;
	width: 100%;
	height: auto;
}
.tab__Slider nav ul {
	display: block;
}
.tab__Slider nav li {
  padding: 10px;
  margin: 5px;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 15px;
  height: auto;
  width: 93%;
  float: left
}
	
.tab__Slider #contents {
	position:static;
	top: 0px;
}
.tabBackground {
        background-size: contain !important;
	-webkit-background-size: contain !important;
  	-moz-background-size: contain !important;
  	-o-background-size: contain !important;
  	background-size: contain !important;
	background-repeat: no-repeat !important;
	
}	
}
@media (max-width: 300px) {

.tabBackground {
    background-size: contain !important;
}	
	
	
}
.tab__Slider .animate{
    -webkit-transition:-webkit-transform 0.1s;
    -webkit-transform:translate(0, 0);
    -moz-transition:-moz-transform 0.1s;
    -moz-transform:translate(0, 0);
    -ms-transition:-ms-transform 0.1s;
    -ms-transform:translate(0, 0);
    -o-transition:-o-transform 0.1s;
    -o-transform:translate(0, 0);
    transition:transform 0.1s;
    transform:translate(0, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;	
  }