@charset "utf-8";

/*************************************************************** Sub - basic ***************************************************************/
 
.sub { 
    padding-top:6em;
    padding-bottom:6em; 
    word-break:keep-all; 
} 
/* Subcontents - Imgpage */
.con_detail, 
.board_detail {position:relative;   padding : 4em 0; }
.sub-contents {position:relative;   padding : 2em 0; } 
  
@media (min-width: 768px) and (max-width: 991px) {
  .sub { 
      padding-top:5em;
      padding-bottom:5em; 
  }
	.con_detail, 
	.board_detail { padding : 3em 0; } 
}

@media (max-width: 767px) {
  .sub { 
      padding-top:4em;
      padding-bottom:4em; 
  }  
	.con_detail, 
	.board_detail { padding : 2em 0; } 
} 


@media screen and (max-width:576px){   
}






/*--------------------------------------------------------------

 Sections General
 
--------------------------------------------------------------*/

.title  {    position: relative;  	text-align:center;}
.title  h1, 
.title  h2 {  position: relative; font-weight:700;   }
.title  h3 {  position: relative; font-weight:300;  margin-bottom: 20px;  } 
.title  h4 {  position: relative; font-weight:300;  margin-bottom: 30px;  }
.title  strong {  font-weight:700 !important;  }
.title  h5 {  position: relative; font-weight:400;  }
.title  h6 {  position: relative; font-weight:400; margin-bottom: 20px;  }
.title  h6 strong {  font-weight:600 !important;   color: #333}
 
@media (max-width: 767px) {
	.title  h3 {  margin-bottom: 10px;  } 
	.title  h4 {  margin-bottom: 20px;  }
	.title  h6 {  margin-bottom: 10px;  }
} 
  
.subtitle{
	position:relative;  
	margin-bottom:30px; 
	z-index: 3;
	padding-left:20px; } 
.subtitle h5,
.subtitle h6 { 	position:relative; display:inline-block;  font-weight:400;  margin-right:15px; }   
.subtitle span { 	position:relative; display:inline-block; 
	display:inline-block; 
	color:#222; 
	border:1px solid #33a800; 
	background: #33a800; 
	background: #fff; 
	padding:5px 15px 5px 15px;   
	border-radius:5px;
	top:-5px;
	margin:5px 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);  }   
.subtitle h5:after {
	  position:absolute;
	  top: 18%;
	  left: -20px; 
	  display:block;
	  content: '';
	  width: 5px; 
	  height: 70%;
	  background: #33a800; 
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  transition: all 0.3s ease; } 
.subtitle.aftercenter:after {	margin:0 auto;}   
  
@media (max-width: 767px) {
	.subtitle{  
		margin-bottom:20px;  } 
} 
 
.conheading h1,
.conheading h2, 
.conheading h3,
.conheading h4,
.conheading h5,
.conheading h6 { 	position:relative; 	font-weight:700;   } 
.conheading { color: #222; }
.conheading {
	position: relative;
	padding-bottom: 20px;
	border-bottom: none !important; 
	margin-bottom:30px; }
.conheading.border-bottom {
	position: relative; 
	text-align: center; }
.conheading.border-bottom.text-left { 
	text-align: left}
.conheading.border-bottom:before {
	bottom: 0;
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #33a800; }
.conheading.border-bottom.text-left:before {
	left: 0;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0); }

.conheading.bg-gradient { 	position:relative; 
	font-weight:400; 
	display:inline-block; 
	color:#222; 
	border:1px solid #33a800; 
	background: #33a800; 
	background: #fff; 
	padding:8px 30px 8px 25px; 
	border-radius:10px 10px 10px 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%); }  
  
@media (max-width: 767px) {
	.conheading { 
		padding-bottom: 10px; 
		margin-bottom:15px; }
	.conheading.border-bottom:before { 
		width: 30px;  }
} 

  
.title span,
.subtitle span,
.contitle span { color: #33a800; }  
 






/*--------------------------------------------------------------

 각 페이지별 메인 문구
 
--------------------------------------------------------------*/
.con-page-title { 
    position: relative;
    margin-bottom: 130px;  
	text-align:center
	}
.con-page-title  h1,
.con-page-title  h2,
.con-page-title  h3,
.con-page-title  h4 {  font-weight:600;   }
.con-page-title  .display-1, 
.con-page-title  .display-2  {  font-weight:600 !important; margin-bottom: 50px; letter-spacing:-2px !important; line-height:1.4 } 
.con-page-title  .display-3, 
.con-page-title  .display-4 {  font-weight:700 !important; margin-bottom: 50px; letter-spacing:-2px !important; line-height:1.4 }
.con-page-title  h5, 
.con-page-title  h6 {  font-weight:400; line-height:1.6 }  
 
@media screen and (max-width: 992px) { 
    
	.con-page-title {  
		margin-bottom: 80px;   
	}
	.con-page-title  .display-1, 
	.con-page-title  .display-2, 
	.con-page-title  .display-3, 
	.con-page-title  .display-4 { margin-bottom: 40px;}
}

@media screen and (max-width: 768px) { 
    
	.con-page-title {  
		margin-bottom: 60px;   
	}
    
	.con-page-title  h5 br, 
	.con-page-title  h6 br {  
		display:none;
	}
	.con-page-title  .display-1, 
	.con-page-title  .display-2, 
	.con-page-title  .display-3, 
	.con-page-title  .display-4 { margin-bottom: 30px;}
}

@media screen and (max-width: 567px) { 
    
	.con-page-title {  
		margin-bottom: 50px;   
	}
	.con-page-title  .display-1, 
	.con-page-title  .display-2, 
	.con-page-title  .display-3, 
	.con-page-title  .display-4 { margin-bottom: 20px;}
}
 



 
 
 
 
 
 
 
 
 
 
.subvisual {
  position: relative;
  z-index: 10; 
}
.subvisual .subvisual:before {
	position: absolute;
	top: 0;
	right:0;
	content: '';
	width: 200px;
	height: 100%;
	background: #111;
	-webkit-transform: matrix(1, 0, -0.4, 1, 100, 0);
	-ms-transform: matrix(1, 0, -0.4, 1, 100, 0);
	transform: matrix(1, 0, -0.4, 1, 100, 0);
	z-index: 11 ; } 
.subvisual .subvisual_slider {
	position: relative;
	padding-top:100px;
	padding-bottom:30px;
	height: calc(60vh);
	min-height: 500px;
	max-height: 600px;
	/*background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
	overflow:hidden;
} 

.subvisual .subvisual_slider .container,
.subvisual .subvisual_slider .container-fluid { 
  height: 100% !important; 
} 
.subvisual.subvisual_area  .subvisual_slider{ 
  background-size:cover; 
  background-position:50% 50%;  
  background-attachment:; 
}
.subvisual .subvisual_slider .subvisual_text { 
  position: relative;
  z-index: 10;
  opacity:1;  
  padding-top:10vh; 
}
.subvisual .subvisual_slider .subvisual_text h1,
.subvisual .subvisual_slider .subvisual_text h2,
.subvisual .subvisual_slider .subvisual_text h3,
.subvisual .subvisual_slider .subvisual_text h4,
.subvisual .subvisual_slider .subvisual_text h5,
.subvisual .subvisual_slider .subvisual_text h6  { 
  text-transform: capitalize; 
  font-weight:600;  
  line-height:1;
   /* text-transform:uppercase;  */
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
  text-align:center;
  color:#fff;
}
.subvisual .subvisual_slider .subvisual_text h4,
.subvisual .subvisual_slider .subvisual_text h5 {    
	margin-bottom:20px;
  font-weight:500;  }  
	
.subvisual .subvisual_slider .subvisual_text h1,
.subvisual .subvisual_slider .subvisual_text .display-1 { 
  font-weight:800;  
  /* margin-left:-3px;*/
  letter-spacing:-2px;   }  
.subvisual .subvisual_slider .subvisual_text.line h2:after { 
	position:relative; 
	display:block;  
	width:5%; 
	height:1px; 
	background:rgba(255,255,255,.8); 
	top:.5em; 
	left:0; 
	right:0;   
	content:""; }

.subvisual .subvisual_slider .subvisual_text h2 br,
.subvisual .subvisual_slider .subvisual_text h3 br,
.subvisual .subvisual_slider .subvisual_text h4 br,
.subvisual .subvisual_slider .subvisual_text h5 br,
.subvisual .subvisual_slider .subvisual_text h6 br {  }
   
.subvisual .subvisual_slider .subvisual_text h2 strong,
.subvisual .subvisual_slider .subvisual_text h3 strong,
.subvisual .subvisual_slider .subvisual_text h4 strong,
.subvisual .subvisual_slider .subvisual_text h5 strong,
.subvisual .subvisual_slider .subvisual_text h6 strong {  font-weight: 500;} 
.subvisual .subvisual_slider .subvisual_text p { }

@media screen and (max-width: 1240px) { 
	.subvisual .subvisual_slider {  	}  
    .subvisual .subvisual_slider .subvisual_text p  {}
}

@media screen and (max-width: 992px) { 
    .subvisual .subvisual_slider {    
		height: calc(50vh);	  
		min-height: 400px;  
		max-height: 500px; 
	}    
}

@media screen and (max-width: 768px) { 
    .subvisual .subvisual_slider {  
		padding-top:40px; 
		height: calc(40vh);	  
		min-height: 350px;   
		max-height: 450px; 
	}  
	.subvisual.subvisual_area  .subvisual_slider{  	  background-attachment:scroll; 	}
	.subvisual .subvisual_slider .subvisual_text h2 br,
	.subvisual .subvisual_slider .subvisual_text h3 br,
	.subvisual .subvisual_slider .subvisual_text h4 br,
	.subvisual .subvisual_slider .subvisual_text h5 br,
	.subvisual .subvisual_slider .subvisual_text h6 br { display:block;  } 
}

@media screen and (max-width: 567px) { 
	.subvisual .subvisual_slider { 
		padding-top:20px; 
		height: calc(35vh);	  
		min-height: 300px;   
		max-height: 400px; 
	}  
    .subvisual .subvisual_slider .subvisual_text p {    } 
}
 
.subvisual .overlay {    position: relative; }
.subvisual .overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .7);
      z-index: 1; } 
	  
.subvisual .topVis01 {  background: #fff url('../img/company/subvisual.jpg') center bottom; background-size:; background-attachment:fixed; } 
.subvisual .topVis02 {  background: #fff url('../img/recruit/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }    
.subvisual .topVis03 {  background: #fff url('../img/driver/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  } 
.subvisual .topVis04 {  background: #fff url('../img/client/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }  
.subvisual .topVis05 {  background: #fff url('../img/move/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }  
.subvisual .topVis06 {  background: #fff url('../img/compensate/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }  
.subvisual .topVis07 {  background: #fff url('../img/customer/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }  
.subvisual .topVis08 {  background: #fff url('../img/etc/subvisual.jpg') center bottom; background-size:; background-attachment:fixed  }  
 
.subvisual  .sv_btn { z-index: 5; }

@media screen and (max-width: 767px) { 

	.subvisual .topVis01 {  background: #fff url('../img/company/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit; } 
	.subvisual .topVis02 {  background: #fff url('../img/recruit/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit  }    
	.subvisual .topVis03 {  background: #fff url('../img/driver/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit  } 
	.subvisual .topVis04 {  background: #fff url('../img/client/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit  }  
	.subvisual .topVis05 {  background: #fff url('../img/move/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit  }  
	.subvisual .topVis06 {  background: #fff url('../img/compensate/subvisual.jpg') center bottom; background-size:cover; background-attachment:inherit  }  
	.subvisual .topVis07 {  background: #fff url('../img/customer/subvisual.jpg') center bottom; background-size:cover; background-attachment:inheritinherit  }  
	.subvisual .topVis08 {  background: #fff url('../img/etc/subvisual.jpg') center bottom; background-size:cover; background-attachment:fixed  }  
 
}
 
 
 
 

	
/*---------------------
 overlay 이미지+그라데이션
-----------------------*/ 

.img-gradient{
  position:relative;
  display:block;
}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:100%; height:100%;
  display:inline-block;
  z-index: 2;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.5)), color-stop(40%,rgba(0, 0, 0, 0.5)), color-stop(100%,rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#111',GradientType=0 ); /* IE6-9 */
}
 .img-gradient02:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,1)), color-stop(50%,rgba(0, 0, 0, 0.7)), color-stop(100%,rgba(0, 0, 0,0.7))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#111',GradientType=0 ); /* IE6-9 */
} 
.img-gradient_w:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,0.5)), color-stop(50%,rgba(255, 255, 255, 0)), color-stop(100%,rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.img-gradient02_w:after {
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(40%,rgba(255, 255, 255, 0.7)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.img-gradient .topVis07-1{
  display:block;
}
 
 
 
 
 
 
	
/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-text {
	  position: relative; 
  display: inline-block;
  background: rgba(71, 137, 200 , .75);
  background: rgba(11, 93, 172, .85); 
  padding: 45px 45px 30px ;
}
.breadcrumb-text h1,
.breadcrumb-text h2 {
  color: #fff;
  font-weight: 500 !important; 
  text-transform: uppercase;
  letter-spacing:2px;
  margin-bottom: 20px;
  margin-left:-2px;
}
.breadcrumb-text .bt-option  {
	margin:20px 0;
	margin: 0;
}
.breadcrumb-text .bt-option .tsp {
  color: #fff;
  font-size:95% !important;
  font-weight: 300 !important; 
  text-transform: uppercase;
  letter-spacing:2px; 
  margin-bottom: 25px;
}
.breadcrumb-text .bt-option .house {
  color: #fff;
  font-size:90% !important;
  font-weight: 300 !important; 
  font-weight: 300;
  margin-right: 20px;
  position: relative;  
}
.breadcrumb-text .bt-option .house i {  margin-right: 5px; }

.breadcrumb-text .bt-option a {
  color: #fff; 
  position: relative; 
  font-size:95% !important;
  font-weight: 300 !important; 
}
.breadcrumb-text .bt-option h6  {
  display:inline-block; 
  position: relative; 
  color:#fff;
  font-size:90% !important;
  font-weight: 300 !important; 
  margin-right: 10px;
} 
.breadcrumb-text .bt-option h6:after,
.breadcrumb-text .bt-option .house:after {
  position: absolute; 
  content: "\F285"; 
  right: -20px; 
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'bootstrap-icons'; 
}
.breadcrumb-text .bt-option .home {
  display:none ;
}
.breadcrumb-text .bt-option ul { 
  display:inline-block; 
}
.breadcrumb-text .bt-option li { 
  color: #fff;
  font-weight: 400;
  display:none
}	
 
.page1 .breadcrumb-text .bt-option li.sub1 { display:block  }
.page2 .breadcrumb-text .bt-option li.sub2 { display:block  }
.page3 .breadcrumb-text .bt-option li.sub3 { display:block  }
.page4 .breadcrumb-text .bt-option li.sub4 { display:block  }
.page5 .breadcrumb-text .bt-option li.sub5 { display:block  }
.page6 .breadcrumb-text .bt-option li.sub6 { display:block  }
.page7 .breadcrumb-text .bt-option li.sub7 { display:block  }
	
@media screen and (max-width: 992px) {  
	.breadcrumb-text {    padding: 35px 35px 10px;  }
	.breadcrumb-text .bt-option .tsp { 
	  margin-bottom: 10px;
	}
	.breadcrumb-text .bt-option .house,
	.breadcrumb-text .bt-option a,
	.breadcrumb-text .bt-option h6,
	.breadcrumb-text .bt-option span { display:none;}
	.breadcrumb-text .bt-option .h6 { 	  letter-spacing:0;  	}
}
	
@media screen and (max-width: 567px) {  
	.breadcrumb-text {    padding: 30px 30px 0; } 
	.breadcrumb-text h1,
	.breadcrumb-text h2 { 	  margin-bottom: 10px; 	} 
	.breadcrumb-text .bt-option .tsp  { display:none; }
	.breadcrumb-text .bt-option .h6 { display:none;		}
}
 	






 
	
	
	
	




.mouse-wrap {
  position: absolute;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 9;
}
.mouse-wrap:active, .mouse-wrap:active > .mouse-label, .mouse-wrap:focus, .mouse-wrap:focus > .mouse-label {  outline: none;}
.mouse-wrap.mouse-with-slider {  bottom: 50px;}
.mouse-wrap .mouse-label {
  top: 0;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05rem;
  text-transform: uppercase;
}
.mouse-wrap.dark .mouse-label {  color: #000;}
.mouse-wrap.dark .mouse {  border: 2px solid #000;}
.mouse-wrap.dark .mouse .scroll {  background: #000;}
.mouse-wrap .mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 30px;
  display: block;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 2s;
  animation: intro 2s;
}
.mouse-wrap .mouse .scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 2s infinite;
  animation: finger 2s infinite;
}

@media screen and (max-width: 768px) {
    .mouse-wrap { 	  bottom: 30px; 	}
}

@media screen and (max-width: 567px) { 
    .mouse-wrap { 	  bottom: 20px; 	}
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
 




.arrow-down {	
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  color: #fff;
  font-size: 1rem;
  font-weight:500;
  text-align:center;
  letter-spacing:2px;
  bottom: 30px; 
  text-transform:uppercase}
.arrow-down > span {
	-webkit-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
	position: relative;
	font-size:3rem;
	font-weight:300;
	top: 0; }
.arrow-down:hover {    color: #33a800; }
.arrow-down:hover > span {      top: -6px; }









.breadcrumb-item+.breadcrumb-item::before { 	color:#fff;}
.breadcrumb {
	display:-ms-flexbox;
	display:flex;			display:none;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:.75rem 1rem;
	margin-bottom:1rem;
	list-style:none; 
	border-radius:.25rem;
	background:transparent; 
	position: absolute; left:0; right:0; 
	bottom:2em;
	text-align: center; z-index: 10;
	font-size:;
	color: #fff;
	font-weight:;
	text-transform:uppercase; 
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease; 
}
.breadcrumb a {	color:#fff;}
.breadcrumb-item {	color:#fff;}
.breadcrumb-item+.breadcrumb-item {	padding-left:.5rem;  }
.breadcrumb-item+.breadcrumb-item::before {
	display:inline-block;
	padding-right:.5rem;
	font-size:.95rem; 
	content:"\F285";
	font-family:'bootstrap-icons';
}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item.active {	color:#33a800;}

@media screen and (max-width: 992px) { 
    .breadcrumb {   }
} 

@media screen and (max-width: 768px) {
	li { 	font-size: .95rem !important;  	}
    .breadcrumb {  bottom:1em;  	font-size:.95rem !important; 	}
}

@media screen and (max-width: 567px) { 
}

 
 
 
  




.leftquick{ position:fixed;left:0;top:50%;z-index:1000; }
.leftquick ul{padding:0 0;}
.leftquick a{ position:relative; display:block; height: ; line-height: ;font-size:1.2rem; font-weight:600;  padding:10px 20px; color:#222; 
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  transition: all 0.3s ease;}
.leftquick a:before { display:inlne-block;  width:50px; height:2px; background:#222; left:0; content:"";  margin-right:10px;}
.leftquick .on a{ color:#33a800; font-weight:700; }
.leftquick .on a:before{content:"";   width:150px; background:#33a800; margin-right:10px; }

 
 
 
 
 
 





 
 
 

.sub_menu {height:70px;  width:100%; background:#f8f9fa;  z-index:4 ; border:1px solid #33a800;}
.sub_menu:after{content:""; display:block; clear:both;}
.sub_menu h6{ display:none; }  
.sub_menu .sub_all04, 
.sub_menu .sub_all03,
.sub_menu .sub_all02,
.sub_menu .sub_all01{ clear:both; margin:0 auto; } 
.sub_menu ul{  display: block; text-align: center; }
.sub_menu ul li {  width:auto; min-width:33.1%; display:inline-block; text-align: center;  }
.sub_menu ul li a{ position:relative; font-size:1.5rem;  background:transparent;  line-height:60px; height:70px; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.sub_menu li a{color:#222;  }
.sub_menu li a:hover { color:#33a800; }  
.sub_menu li a.active { color:#33a800; }   

.busi_0301 .busi_submenu .busi_sub1 > a,
.busi_0302 .busi_submenu .busi_sub2 > a,
.busi_0303 .busi_submenu .busi_sub3 > a,
.busi_0304 .busi_submenu .busi_sub4 > a {display:block;  color:#fff;   background:#33a800;   z-index:5 ;   height:70px; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
 
@media screen and (max-width: 992px) { 
	.sub_menu ul li a{ font-size:1.4rem;  }
}
@media screen and (max-width:768px){ 
	.sub_menu ul li a{ font-size:1.2rem;  }
} 




 
.leftM {position:absolute; height:80px; bottom:0px; left:0; right:0; padding:0; z-index:999; overflow: hidden;}
.left_all { height:80px; background:rgba(0,0,0,0.5);  position:relative;border-radius: 36px 36px 36px 0 ;  }
.left_menu { width:calc(100% - 100px); display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end }
.left_menu:after{content:""; display:block; clear:both;}
.left_menu h6{ display:none; }   
.left_menu .home { /* position:absolute; left:0px; height: ; background:linear-gradient(150deg, #00da9f, #0057e8 90%);*/ background:#33a800; display:inline-block; border-radius: 35px 35px 35px 0 ; width:90px; height:80px; display: flex;  justify-content:center; align-items: center }  
.left_menu .home i{ font-size:1.75rem; text-align:center; color:#fff; display:inline-block;} 
.left_menu .left_all04, 
.left_menu .left_all03,
.left_menu .left_all02,
.left_menu .left_all01{ clear:both; margin:0 auto; } 
.left_menu ul{  width:100%; display: inline-block; text-align: center; 
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    position: relative;  }

.left_menu ul li { position:relative; width:auto;  display:inline-block; text-align: center;  padding:auto 20px; }
.left_menu ul li a{ position:relative; font-size: calc(1rem + 0.3vw) ;  font-weight:400; background:transparent;  letter-spacing:-0.25px; line-height:75px; padding:auto 20px; margin:auto 10px auto 40px;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.left_menu ul li a:before {
	position: absolute;
	content: ""; 
	display:block; 
	top: 50%;
	left:-10px;
	width:10px;
	height:10px; 
	border-radius:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);   
	background:#ccc }
.left_menu li a{color:rgba(255,255,255,1); }
.left_menu li a:hover { color:#33a800; }  
.left_menu li a.active { color:#fff; }  
.left_menu li .dropdown.ssub{ display:none;}

.page1 .left_menu .submenu .sub1 > a,
.page2 .left_menu .submenu .sub2 > a,
.page3 .left_menu .submenu .sub3 > a,
.page4 .left_menu .submenu .sub4 > a,
.page5 .left_menu .submenu .sub5 > a,
.page6 .left_menu .submenu .sub6 > a,
.page7 .left_menu .submenu .sub7 > a,
.page8 .left_menu .submenu .sub8 > a,
.page9 .left_menu .submenu .sub9 > a,
.page10 .left_menu .submenu .sub10 > a{ display:block;  color:#fff;  z-index:5 ; font-weight:400; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.page1 .left_menu .submenu .sub1 > a:before,
.page2 .left_menu .submenu .sub2 > a:before,
.page3 .left_menu .submenu .sub3 > a:before,
.page4 .left_menu .submenu .sub4 > a:before,
.page5 .left_menu .submenu .sub5 > a:before,
.page6 .left_menu .submenu .sub6 > a:before,
.page7 .left_menu .submenu .sub7 > a:before,
.page8 .left_menu .submenu .sub8 > a:before,
.page9 .left_menu .submenu .sub9 > a:before,
.page10 .left_menu .submenu .sub10 > a:before{    
	background:#33a800 }
 
@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1240px) { 
}
@media screen and (max-width: 992px) {  
	.left_menu ul li a{  }
}
@media screen and (max-width:768px){ 
	.left_menu ul li a{  }
}
@media screen and (max-width:576px){ 
}

 

 
.topNavi { position:relative;  width:100%; height:65px ; border-bottom:  1px solid #ddd; border-bottom:  1px solid #ddd; z-index:15;  }  
.topNavi .nav h6{ display:none  !important; }
.topNavi .nav {	 height:65px ; left:0;	 top:0;  }
.topNavi .nav > .smenu {	overflow: hidden;	 width:20%;	 }
.topNavi .nav > .smenu:after { display:block; position:absolute; top:0; right:0; bottom:0; width:0px; height:100%; background:#ddd; content:'';}
.topNavi .nav > .sm1 {  display:block;	z-index:;   }
.topNavi .nav > .sm2 {  display:block;	z-index:1; }
.topNavi .nav > .smenu > li {	 width: 100%;	height:65px ; } 
.topNavi .nav > .smenu > li > a {	display: inline-block;	width: 100%;	font-size: calc(1rem + 0.35vw) ;color: #444; font-weight: 600;	position:relative;	padding:1em 2em;	}
.topNavi .nav > .smenu > li > a:before {
	position: absolute;
	content: "\f107"; 
	top: 50%;
	right:5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';  
	font-size: calc(1.3rem + 0.25vw) ; 
	color:#33a800}
.topNavi .nav > .smenu > li > a i{display:block; position:absolute; right:18px; top:35%; bottom:0; font-size: calc(1.25rem + 0.25vw) ; color:#444; font-weight:600}
.topNavi .nav > .smenu > .smenudown >  a:after{content:"";position:absolute; display:block; top:0px;right:0px;width:0px;height:100%; background:rgba(255,255,255,0.2);}
.topNavi .nav > .smenu > li:hover > a,
.topNavi .nav > .smenu > li:hover > a i{	color:#33a800;} 

.topNavi .nav .submenu {	display: none;	position: absolute;	z-index: 1;	background: #fff ;	top:65px; width: 20%;	 
	border-left: 1px solid #ddd;	border-right: 1px solid #ddd; box-sizing:border-box;  padding:0 0;}
.topNavi .nav .submenu li {	position:relative;  list-style:none; border-bottom: 1px solid #ddd;}
.topNavi .nav .submenu li > a {	display: inline-block;	padding: .8em 1em .8em 2.2em; font-size: calc(.95rem + 0.25vw) ;	font-weight: 500;	color:#444;  width: 100%;	}
.topNavi .nav .submenu li > a:hover {    	color:#33a800;	background: #f8f9fa;	width: 100%; }
.topNavi .nav .submenu li:after{content:"";position:relative; display:block;left:0; right:0px; width:100%;height:0px;background:#ddd; }
.topNavi .nav .submenu li:last-child:after{height:0px;}
.topNavi .nav .submenu > li > .gnb-2dep{display:none ;}
.topNavi .nav .submenu > li > a i{display:none;   } 

.topNavi .nav .iconhome  {  width:65px; height:65px;  }  
.topNavi .nav .iconhome  a i{ font-size: calc(1.3rem + 0.25vw) ; width:100%; line-height:65px; text-align:center;  display:inline-block;} 
.topNavi .nav .iconhome  a:hover i{ color:#33a800}
 

@media (max-width: 1600px) {
.topNavi .nav > .smenu {	width:25%;	 }
.topNavi .nav .submenu {	width: 25%;	  }
}

@media (max-width: 1400px) {
.topNavi .nav > .smenu {	width:30%;	 }
.topNavi .nav .submenu {	width: 30%;	  }
}

@media (max-width: 1240px) {
.topNavi .nav > .smenu {	width:35%;	 }
.topNavi .nav .submenu {	width: 35%;	  }
}

@media (max-width: 992px) {
.topNavi {  } 
.topNavi .nav {	 }
.topNavi .nav > .smenu {	width:40%;	 }
.topNavi .nav > .smenu > li {	  }  
.topNavi .nav .submenu {	width: 40%;	  }

.topNavi .nav .iconhome  {  width:60px  }  
.topNavi .nav .iconhome  a i{   }  
}

@media (max-width: 767px) {
.topNavi { height:60px ;} 
.topNavi .nav {	 height:60px ; } 
.topNavi .nav > .smenu > li {	height:60px ;  }   
.topNavi .nav .submenu {  top:60px; }

.topNavi .nav .iconhome  {  width:60px; height:60px; }  
.topNavi .nav .iconhome  a i{  line-height:60px; }  
}

@media (max-width: 576px) { 
.topNavi { height:55px ;} 
.topNavi .nav {	 height:55px ; } 
.topNavi .nav > .sm1 {  display:none; }
.topNavi .nav > .smenu {	width:calc(100vw - 100px);	 }  
.topNavi .nav > .smenu > li {	height:55px; }   
.topNavi .nav .submenu {	width:calc(100vw - 100px);	 top:55px;  }

.topNavi .nav .iconhome  {  width:55px; height:55px; }  
.topNavi .nav .iconhome  a i{  line-height:55px; }  
}












 


 
table {
  border-collapse: collapse;
}

.table {
    width: 100%;
    margin-bottom: 0;  
    background-color: #fff;
    box-shadow: none;
    border: none;
}
.table, .jsgrid .jsgrid-table {
  width: 100%; 
  color: #222;
}

.table .text-danger {
  text-align:center;
}
.table th, 
.jsgrid .jsgrid-table th {
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
	padding:.85rem 1.375rem;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  font-weight:500;
	font-size: calc(0.9rem + 0.3vw); 
	letter-spacing: -0.5px;
  background-color: #fff;
}
.table td,
.jsgrid .jsgrid-table td  {
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
	padding:.75rem 1.375rem;
  vertical-align: middle;
  border-top: 1px solid #ccc; 
  font-weight:500;
	font-size: calc(0.9rem + 0.3vw); 
	letter-spacing: -0.5px;
  background-color: #fff;
}
 
.table thead th, 
.jsgrid .jsgrid-table thead th  {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc; 
  font-weight:500;
  line-height:1.2;
  font-size: calc(1rem + 0.3vw); 
	letter-spacing: -0.5px;
  background-color: #fff;
}
 
 
.table th p, 
.table td p { 
  font-weight:500;
	font-size: calc(0.9rem + 0.3vw); 
	letter-spacing: -0.5px; 
}
.table thead th p { 
  font-weight:500;
  line-height:1.2;
  font-size: calc(1rem + 0.3vw); 
	letter-spacing: -0.5px; 
} 

.table tbody + tbody, .jsgrid .jsgrid-table tbody + tbody {
  border-top: 2px solid #ccc;
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:0;
  border-right:0; 
}

.table-bordered th,
.table-bordered td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:0;
  border-right:0; 
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px; 
  border-top: 0px solid #444;
  border-bottom: 2px solid #444;
  text-align:center;
  font-weight:400;
  font-size:120%;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F5F7FF;
}

.table-striped-row tbody td:nth-of-type(odd) {
  background-color: #f8f9fa;
}

.table-hover tbody tr:hover {
  color: #222;
  background-color: #f8f9fa;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cdcce8;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a1a0d4;
}

.table-hover .table-primary:hover {
  background-color: #bcbae0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcbae0;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e5e6e6;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cfd0d0;
}

.table-hover .table-secondary:hover {
  background-color: #d8dada;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d8dada;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d0ebd0;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a8d9a8;
}

.table-hover .table-success:hover {
  background-color: #bee3be;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bee3be;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c2defe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8dc2fe;

}

.table-hover .table-info:hover {
  background-color: #a9d0fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d0fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeb8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7a;
}

.table-hover .table-warning:hover {
  background-color: #ffe89f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe89f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9f;
}

.table-hover .table-danger:hover {
  background-color: #ffb2b2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb2b2;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c5c8;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8f9399;
}

.table-hover .table-dark:hover {
  background-color: #b6b8bc;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b8bc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th, .jsgrid .jsgrid-table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ccc;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}



 
 

.table  { 
  border-bottom: 2px solid #33a800;
  width: 100%;
  margin-bottom: 0;
  color: #444;
  font-size: calc(0.9rem + 0.2vw); 
}
.table thead th  { 
  border-top:2px solid #33a800 ;
  border-bottom: 1px solid #33a800;
  background-color: #f8fcff ;
  color: #2b486d ;
  border-right: 1px solid #98bbe0 ;
}
.table th,  
.table td  {
  padding: 1.125rem 1.375rem; 
  vertical-align: top;
  border-top: 1px solid #CED4DA;
  border-right: 1px solid #CED4DA;
  font-weight:500 !important;
}
.table th:last-child,  
.table td:last-child  {
  border-right: none ;
}
 
.table.sm th,  
.table.sm td  {
  padding: .75rem 1.375rem;
  vertical-align: middle; 
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #CED4DA;
  border-right: 1px solid #CED4DA;
  font-weight:500; 
}

 
.table thead th:last-child  {  
  border-right: none ;
}
.table tbody th {
  background-color:  ;
  border-right: none ;
  color: #00377c ; 
}

 
.table tbody th:last-child  {  
  border-right: none ;
}

.table.align-middle thead tr,
.table.align-middle thead tr th,
.table.align-middle thead tr td,
.table.align-middle tbody tr,
.table.align-middle tbody tr th,
.table.align-middle tbody tr td{ 
  vertical-align: middle ;
} 

.table tbody + tbody  {
  border-top: 1px solid #CED4DA;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #CED4DA;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #CED4DA;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F5F7FF;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: #fbfbfb;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cdcce8;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a1a0d4;
}

.table-hover .table-primary:hover {
  background-color: #bcbae0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcbae0;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e5e6e6;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cfd0d0;
}

.table-hover .table-secondary:hover {
  background-color: #d8dada;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d8dada;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d0ebd0;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a8d9a8;
}

.table-hover .table-success:hover {
  background-color: #bee3be;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bee3be;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c2defe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8dc2fe;
}

.table-hover .table-info:hover {
  background-color: #a9d0fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d0fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeb8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7a;
}

.table-hover .table-warning:hover {
  background-color: #ffe89f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe89f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9f;
}

.table-hover .table-danger:hover {
  background-color: #ffb2b2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb2b2;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c5c8;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8f9399;
}

.table-hover .table-dark:hover {
  background-color: #b6b8bc;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b8bc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th  {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th  {
  color: #495057;
  background-color: #e9ecef;
  border-color: #CED4DA;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

 
.con_table{position:relative; box-sizing:border-box; }
.con_table table{position:relative;  }
.con_table table.mw500{min-width:500px;}
.con_table table.mw700{min-width:700px;}
.con_table table.mw860{min-width:860px;}

@media (max-width:860px) {
	.con_table{ overflow:auto; }
}

 


table .border-right {
    border-right: 1px solid #ccc ;
}

.table  { 
    box-shadow: none;
    border: 0;
  border-bottom: 1px solid #33a800;
  width: 100%; 
  color: #444; 
  background-color: #fff;
}

.table thead th  { 
  border-top:2px solid #33a800 ;
  border-bottom: 1px solid #33a800 ;
  background-color: #f8fcff ;
  color: #33a800 ;
}
 
.table th,  
.table td  {
  padding: 1.125rem 1.375rem; 
  padding: 0.85rem 1.375rem; 
  vertical-align: top;
  border-top: 1px solid #ccc;
  font-weight:400;
}
   
.table td p  {  
  line-height:1.4;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
  font-weight:500; 
}

.table tbody th {
  background-color:#f8f9fa ;
  color: #111 ; 
}

.table.align-middle thead tr,
.table.align-middle thead tr th,
.table.align-middle thead tr td,
.table.align-middle tbody tr,
.table.align-middle tbody tr th,
.table.align-middle tbody tr td{ 
  vertical-align: middle ;
} 

.table.text-center thead tr,
.table.text-center thead tr th,
.table.text-center thead tr td,
.table.text-center tbody tr,
.table.text-center tbody tr th,
.table.text-center tbody tr td  {
  text-align:center ;
}

.table .hr th,
.table .hr td {
  border-top: 1px solid #666 ;
}

.table tbody + tbody  {
  border-top: 1px solid #ccc;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #ccc;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ccc;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F5F7FF;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: #fbfbfb;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cdcce8;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a1a0d4;
}

.table-hover .table-primary:hover {
  background-color: #bcbae0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcbae0;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e5e6e6;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cfd0d0;
}

.table-hover .table-secondary:hover {
  background-color: #d8dada;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d8dada;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d0ebd0;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a8d9a8;
}

.table-hover .table-success:hover {
  background-color: #bee3be;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bee3be;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c2defe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8dc2fe;
}

.table-hover .table-info:hover {
  background-color: #a9d0fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d0fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeb8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7a;
}

.table-hover .table-warning:hover {
  background-color: #ffe89f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe89f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9f;
}

.table-hover .table-danger:hover {
  background-color: #ffb2b2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb2b2;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c5c8;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8f9399;
}

.table-hover .table-dark:hover {
  background-color: #b6b8bc;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b8bc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th  {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th  {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ccc;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}