@charset "utf-8";

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

@media (max-width: 767px) {
   
} 


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






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

 Sections General
 
--------------------------------------------------------------*/
 
.section-heading {
    position: relative;
}

.section-heading h2::before {
    position: absolute;
    content: "";
    width: 20%; 
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--primary);
}

.section-heading h2::after {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    bottom: -13px;
    left: calc(25% - 13px);
    background: var(--success);
    border: 10px solid #FFFFFF;
    border-radius: 28px;
}

.section-heading.text-center h2::before {
    left: 40%;
}

.section-heading.text-center h2::after {
    left: calc(50% - 13px);
}
.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading h4 { position: relative; font-weight: 600; 
    padding-bottom: 2rem;
    margin-bottom: 2rem; }
.section-heading h5,
.section-heading h6 { position: relative; font-weight: 500; line-height: 1.5 }
.section-heading h1 span,
.section-heading h2 span,
.section-heading h3 span,
.section-heading h4 span { font-weight: 600; color: var(--primary);}


.section-contitle {
    position: relative; 
    padding-bottom: 2rem; 
}
.section-contitle h4{ 	position:relative; font-weight:400;     padding-bottom: 20px; } 
.section-contitle h4 span{  }  
.section-contitle h4::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    bottom: 0;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #222;
}
.section-contitle h4::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 10px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary);
}
.section-contitle.white h4::after {  
}
.section-contitle.white h4::before { 
    background: #fff;
}
.section-contitle.text-start h4::before,
.section-contitle.text-start h4::after {
    left: 0;
    transform: translateX(0);
}
@media (max-width: 767px) {
	.section-heading h4{  padding-bottom: 15px; } 
	.section-heading h6 br {display: none;}   
	.section-heading .divide { display: block !important;  }   
	.section-contitle h4{  padding-bottom: 15px; } 
}

 
.conheading h1,
.conheading h2, 
.conheading h3,
.conheading h4,
.conheading h5,
.conheading h6 { 	position:relative; 	font-weight:700;   } 
.conheading { color: #222; }
.conheading {
	position: relative;
	border-bottom: none !important; 
	margin-bottom:30px; }
.conheading.border-bottom {
	position: relative; 
	padding-bottom: 20px;
	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: #0063ce; }
.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 #0063ce; 
	background: #0063ce; 
	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 { 
		margin-bottom:15px; }
	.conheading.border-bottom {
		padding-bottom: 10px; }
	.conheading.border-bottom:before { 
		width: 30px;  }
} 




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

 각 페이지별 메인 문구
 
--------------------------------------------------------------*/
.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;
}
 
 
 
 
 
 
 




 
	
	
	
	




.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: #0063ce; }
.arrow-down:hover > span {      top: -6px; }






  
 
 
 
 





 
 
 

.sub_menu {height:70px;  width:100%; background:#f8f9fa;  z-index:4 ; border:1px solid #0063ce;}
.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:#0063ce; }  
.sub_menu li a.active { color:#0063ce; }   

.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:#0063ce;   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;  bottom:0px; left:0; right:0; padding:0; z-index:999; overflow: hidden; background:#fff; border-bottom: 1px solid #ccc; }
.left_all { height:80px; background:rgba(0,0,0, 0);  position:relative;  }
.left_menu { width:calc(100%); 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 .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; background:#fff;  }

.left_menu ul li { position:relative; width:auto;  display:inline-block; text-align: center;  padding:0 10px; }
.left_menu ul li a{ position:relative;  font-weight:500; font-size: calc(1.2rem ) ; background:transparent;  letter-spacing:-0.25px; line-height:60px; padding:0 10px; margin:auto 5px ;
  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:0px;
	width:6px;
	height:6px; 
	border-radius:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);   
	background:#ccc } 
.left_menu li a:hover { color:var(--primary); }   
.left_menu .dropdown-item:hover, 
.left_menu .dropdown-item:focus {
  color: var(--primary);
  background-color: #fff;
}
.left_menu .dropdown-item.active, 
.left_menu .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #fff;
}
.left_menu li .dropdown.ssub{ display:none;}

.page1 .left_menu  .sub1 > a,
.page2 .left_menu  .sub2 > a,
.page3 .left_menu  .sub3 > a,
.page4 .left_menu  .sub4 > a,
.page5 .left_menu  .sub5 > a,
.page6 .left_menu  .sub6 > a,
.page7 .left_menu  .sub7 > a,
.page8 .left_menu  .sub8 > a,
.page9 .left_menu  .sub9 > a,
.page10 .left_menu .sub10 > a,
.page11 .left_menu .sub11 > a,
.page12 .left_menu .sub12 > a,
.page13 .left_menu .sub13 > a,
.page14 .left_menu .sub14 > a,
.page15 .left_menu .sub15 > a{ display:block;  z-index:5 ; color:var(--primary);  font-weight:600; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.page1 .left_menu  .sub1 > a:before,
.page2 .left_menu  .sub2 > a:before,
.page3 .left_menu  .sub3 > a:before,
.page4 .left_menu  .sub4 > a:before,
.page5 .left_menu  .sub5 > a:before,
.page6 .left_menu  .sub6 > a:before,
.page7 .left_menu  .sub7 > a:before,
.page8 .left_menu  .sub8 > a:before,
.page9 .left_menu  .sub9 > a:before,
.page10 .left_menu  .sub10 > a:before,
.page11 .left_menu  .sub11 > a:before,
.page12 .left_menu  .sub12 > a:before,
.page13 .left_menu  .sub13 > a:before,
.page14 .left_menu  .sub14 > a:before,
.page15 .left_menu  .sub15 > a:before{    
	background:var(--primary) }
 
@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1240px) { 
	.leftM { overflow:visible;  }
	.left_all { height:auto; }
	.left_menu ul li a{  font-size: calc(.9rem + 0.3vw) ; }
}
@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:60px ; border-bottom:  1px solid #ddd; border-bottom:  1px solid #ddd; z-index:15;  }  
.topNavi .nav h6{ display:none  !important; }
.topNavi .nav {	 height:60px ; 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:60px ; } 
.topNavi .nav > .smenu > li > a {	display: inline-block;	width: 100%;	font-size: calc(1rem + 0.35vw) ;color: #444; font-weight: 600;	position:relative;	padding:1.1em 1.5em;	}
.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:var(--primary)}
.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:var(--primary);} 

.topNavi .nav .submenu {	display: none;	position: absolute;	z-index: 1;	background: #fff ;	top:60px; 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 1.6em; font-size: calc(.95rem + 0.25vw) ;	font-weight: 500;	color:#444;  width: 100%;	}
.topNavi .nav .submenu li > a:hover {    	color:var(--primary);	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:60px; height:60px;  }  
.topNavi .nav .iconhome  a i{ font-size: calc(1.3rem + 0.25vw) ; width:100%; line-height:60px; text-align:center;  display:inline-block;} 
.topNavi .nav .iconhome  a:hover i{ color:var(--primary)}
 

@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; }  
}

















 
.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  { 
  border-bottom: 2px solid #0063ce;
  width: 100%;
  margin-bottom: 0;
  color: #444;
  font-size: calc(0.9rem + 0.2vw); 
}

.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;
	background: #fff;
}
.table th:last-child,  
.table td:last-child  {
  border-right: none ;
}
.table td p  {  
  line-height:1.4;
}
.table thead th  {   
  background-color: #f8fcff ;
  color: #2b486d ; 
  vertical-align: bottom; 
  border-right: 1px solid #CED4DA;
  font-weight:500; 
} 
 
.table thead tr  {    
  border-bottom: 1px solid #0063ce;  
}
.table thead { 
  border-top:2px solid #0063ce;
  border-bottom: 1px solid #0063ce;
  background-color: #f8fcff ;
  color: #2b486d ; 
} 
.table thead th:last-child  {  
  border-right: none ;
}

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

.table .ing_blank {  background-color:#ddf0ff ; } 

.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.75rem 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: #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;
}