@charset "utf-8"; 

 
.download.btn::after {
  content: "\F356";
  display: block; 
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  transition: all 0.15s ease-in-out;
  font-family: 'bootstrap-icons';  
  font-size:1.6rem;
}
.btn-excel { background-color:#268c52!important; color:#fff!important;}
.btn-hwp { background-color:#b52626!important; color:#fff!important;}


.privacy  { background:#fff; border: 1px solid #afafaf; height:auto; overflow-y: scroll;  overflow-x: ; padding:30px ; }
.privacy  h5,
.privacy  h6 {  margin:30px 0 10px; font-weight: 500;}
.privacy p {	 margin-bottom:10px; color:#333; font-weight:400; line-height:1.7;}  

.protect  { background:#fff; border: 1px solid #afafaf; height:170px; overflow-y: scroll;  overflow-x: hidden; padding:20px ; }
.protect p {	color:#333; font-weight:400; line-height:1.7;}  


.zipcode.btn::after { 
  display: none;  
}

 



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

  기본폼1 - 이미지
  
--------------------------------------------------------------------------------------*/
.basic-gallery > .row { display:flex; justify-content: center; align-items: start;}
.basic-gallery > .row > .col, 
.basic-gallery > .row  > [class*="col-"]  { }

.basic-gallery {
  position: relative;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1rem;
  display: flex;
  flex-wrap: wrap; 
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); 
}
.basic-gallery.center { justify-content: center; }
.basic-gallery.between { justify-content: space-between; }
.basic-gallery > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}
.basic-gall-img {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;  
} 

.basic-gallery.w1 .basic-gall-img { 
  width: 100%; 
}

.basic-gallery.w3 .basic-gall-img { 
  width: 33.333333%; 
}

.basic-gallery.w4 .basic-gall-img { 
  width: 25%; 
} 

.basic-gallery.w5 .basic-gall-img { 
  width: 20%; 
} 

.basic-gall-img h6 {  
} 
.basic-gall-img .hover-img {
  width: 100%;
  /* overflow: hidden;
   aspect-ratio: 4 / 3; */ 
  border: 1px solid transparent; 
  border: 1px solid #fff; 
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;  
  background:#fff;  
  text-align:center;
}
.basic-gall-img.round .hover-img { 
  border-radius: .3rem !important;
  border: 1px solid rgba(0, 0, 0, .2); 
}
.basic-gall-img .hover-img img {
  display: block; /*img default display - inline-block*/
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basic-gall-img:hover .hover-img {
  border: 1px solid rgba(0, 0, 0, 1); 
}
.basic-gall-txt  { 
  padding:10px 0;
  text-align:center;
}
.basic-gall-txt p { margin-bottom: 5px;  }
 

.basic-gallery.color.w4 .basic-gall-img { 
	width:25% !important;   
}
 
@media (max-width: 992px) {
  .basic-gall-img {
    width: 50%;
  }
	.basic-gallery.w5 .basic-gall-img { 
	  width: 33.3333%; 
	} 
}
@media (max-width:767px) { 
	.basic-gallery.w2 > .basic-gall-img { 
	  width: 100%; 
	} 
	.basic-gallery.w4 .basic-gall-img { 
 	 width: 50%; 
	}  
	.basic-gallery.w5 .basic-gall-img { 
	  width: 33.333333%; 
	} 

}
@media (max-width:576px) {
  .basic-gall-img {
    width: 50%;
  }
  .basic-gallery.w3 .basic-gall-img {
    width: 50%;
  }
	.basic-gallery.w5 .basic-gall-img { 
	  width: 50%; 
	} 
}







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

  기본폼1 - 내용-이미지 좌우배치
  
--------------------------------------------------------------------------------------*/   
.basic-LR {
	position: relative;
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	display:flex;
	flex-wrap:wrap;
	margin-top:calc(-1 * var(--bs-gutter-y));
	margin-right:calc(-.5 * var(--bs-gutter-x));
	margin-left:calc(-.5 * var(--bs-gutter-x));  
	align-items:center; 
	justify-content:space-between;  
}
.basic-LR>* {
	position: relative;
	flex-shrink:0;
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-top:var(--bs-gutter-y);  
} 

.basic-LR.widex3 { 
  --bs-gutter-x: 3rem; 
}

.basic-LR-item {
	position: relative;
}
.basic-LR-con  {
	flex:0 0 auto;
	width:55%;    
}
.basic-LR.w2 .basic-LR-con  { 
	width:50%;   
}
.basic-LR.w3 .basic-LR-con  { 
	width:33.3333%;   
}
.basic-LR.w4 .basic-LR-con  { 
	width:25%;   
}
.basic-LR.w5 .basic-LR-con  { 
	width:20%;   
}
.basic-LR-img  {
	flex:0 0 auto;
	width:45%;     
}
.basic-LR-img img {
	width: 100%
}
@media screen and (max-width: 992px) {   
	.basic-LR-con  { 
		width:100%;   
		padding:25px 20px;   
	} 
	.basic-LR.w3 .basic-LR-con { 
 	 width: 50%; 
	}  
	.basic-LR.w4 .basic-LR-con { 
	  width: 33.333333%; 
	} 
	.basic-LR br {	display:none } 
}
@media screen and (max-width: 767px) {  
	.basic-LR.w2 .basic-LR-con { 
	  width: 100%; 
	} 
	.basic-LR.w3 .basic-LR-con { 
 	 width: 50%; 
	}  
	.basic-LR.w4 .basic-LR-con { 
 	 width: 50%; 
	}  
	.basic-LR.w5 .basic-LR-con { 
	  width: 33.333333%; 
	} 
}
@media screen and (max-width: 767px) {   
	.basic-LR.w3 .basic-LR-con { 
 	 width: 100%; 
	}  
	.basic-LR.w4 .basic-LR-con { 
 	 width: 100%; 
	}  
	.basic-LR.w5 .basic-LR-con { 
	  width: 50%; 
	} 
}









 




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

  기본폼1 - 순서도
  
--------------------------------------------------------------------------------------*/ 
.basic-step { 
	position: relative;
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	display:flex;
	flex-wrap:wrap;  
	margin-top:calc(-1 * var(--bs-gutter-y));
	margin-right:calc(-.5 * var(--bs-gutter-x));
	margin-left:calc(-.5 * var(--bs-gutter-x));  
}
.basic-step>* {
	position: relative;
	flex-shrink:0; 
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5); 
	margin-top:var(--bs-gutter-y); 
}  

.basic-step-con {
	display:flex;
	flex-wrap:wrap;
	align-self:stretch;
	flex: 0 0 auto;
	width: 25%;
}
.basic-step.w3 .basic-step-con{ 
	width: 33.3333%;
}
 
@media (max-width: 992px) { 
	.basic-step-con { 
		width: 33.3333%;
	} 
	.basic-step.w3 .basic-step-con { 
		width: 50%;
	}
}
@media (max-width: 767px) {
	.basic-step-con { 
		width: 50%;
	} 
	.basic-step.w3 .basic-step-con{ 
		width: 100%;
	}
}





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

  공통 컨텐츠 구분 타이틀
  
--------------------------------------------------------------------------------------*/ 
 
.con-common-title { margin-bottom:80px;}
.con-common-title  * { font-weight:400; color:#555;}
.con-common-title  .display-1,
.con-common-title  .display-2,
.con-common-title  .display-3  { color:#888; font-weight:600;  line-height:1.1; } 
.con-common-title  .display-1 span,
.con-common-title  .display-2 span,
.con-common-title  .display-3 span   { font-weight:600; color:#40c5e3;}
.con-common-title p {}

@media (max-width: 767px) {
	
	.con-common-title { margin-bottom:40px;}
	.con-common-title  * { text-align:center} 
	.con-common-title p br { display:none;}

}


.board-border {border-top:none !important; padding-top:20px; margin-top:40px;}





.bold {
	position: absolute;
	top: 8vh;
	left: 0;
	right: 0;
	font-size: calc(3rem + 4vw);  
	color: #f0f0f0;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.035);
	line-height: 1.1;
	font-family:  ; 
	margin: 0 0 30px 0; 
	font-family: 'NanumMyeongjoExtraBold';
	text-transform: uppercase;
}
 
 @media screen and (max-width: 768px) { 
}





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

  회사소개
  
--------------------------------------------------------------------------------------*/ 
.law { position: relative;   }

.law-bg {  position: relative;  background:url(../img/intro/law-bg.jpg) center bottom; background-attachment:fixed;  z-index: 9; }
.law-bg02 {  position: relative;  background:url(../img/intro/law02-bg.jpg) center bottom; background-attachment:fixed;  }
.law-bg.uv-bg {  position: relative;  background:url(../img/busi/uv-bg.jpg) center bottom; background-attachment:fixed;  }
.law-bg.gel-bg {  position: relative;  background:url(../img/busi02/gel-bg.jpg) center bottom; background-attachment:fixed;   }
.law-bg.key-bg {  position: relative;  background:url(../img/busi02/key-bg.jpg) center bottom; background-attachment:fixed;  }
.law-bg.stair-bg {  position: relative;  background:url(../img/busi03/stair-bg.jpg) center bottom; background-attachment:fixed; }
.law-bg  > .container { 
	position: relative; 
	z-index: 9; }   

.law-bg.key-bg.overlay:before { 
      background: rgba(0, 0, 0, .35); }  
.law-bg.key-bg > div > .law-top-txt { 
      background: rgba(0, 0, 0, .65); 
	padding:30px 0 20px 0;}  

.law-top { position: relative; padding:100px 80px;  }
.law-top strong { font-weight:800;  }

.law-top-txt { position: relative;  color:#fff; text-align:center; }
.law-top-txt .main-title { margin-bottom: 30px }
.law-top-txt h1 { position: relative;  color:#fff;  }
.law-top-txt h2 { position: relative;  color:#fff;  }
.law-top-txt .law-top-img  { position: relative;  padding:50px 0; display:block;}
.law-top-txt .law-top-img img { width:90%; max-width:300px; margin:0 auto; }
.law-top-subtxt  { position: relative;  padding:30px 0; color:#fff;  }
.law-top-subtxt h5 { font-weight:400; line-height:1.6;  color:#fff;   }
.law-top-subtxt h6 { font-weight:400; line-height:1.6;  color:#fff;   }
.law-top-subtxt p { font-weight:400; line-height:1.6; color:#fff;   }
.law-top-subtxt ul li {  margin-bottom: 20px }
.law-top-subtxt ul li h6 {  text-align:left;   }
.law-top-subtxt ul li span { font-weight:500; }


@media (max-width: 992px) {
	.law-top { padding:60px 50px; } 

}
@media (max-width: 767px) {
	.law-top { padding:50px 20px; } 
	.law-top-subtxt h5 br { display:none; } 
	.law-top-subtxt h6 br { display:none; } 

} 

@media (max-width: 576px) {
	.law-top { padding:40px 10px; }

}









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

  main-best 
  
--------------------------------------------------------------------------------------*/ 

.main-best {  position: relative;  background:#f7f7f7; }
.main-best  > .container { 
	position: relative; 
	z-index: 9; }  
	
.main-best .main-best-con	{ align-items:center; justify-content:space-between; padding:20px 0;}
.main-best .main-best-title { padding:30px;}
.main-best-img {
    position: relative;
	overflow:hidden;
	border-radius:10px;
	} 


@media screen and (max-width: 992px) {  
	.main-best .main-best-con	{} 
	.main-best .main-best-title { padding:20px ;}
	.main-best .main-title { margin-bottom:20px;}
	.main-best br { 
		} 
}


@media screen and (max-width: 767px) {  
	.main-best .main-best-con	{ padding:0; margin-bottom:20px;} 
	
}









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

  intro-belief 
  
--------------------------------------------------------------------------------------*/ 
.intro-belief{  position: relative;  background:url(../img/intro/belief-bg.jpg) center bottom; background-attachment:fixed;  z-index: 9; }

.intro-belief  .container { 
	position: relative; 
	z-index: 9;  }   










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

  intro-best 
  
--------------------------------------------------------------------------------------*/ 

.intro-best {  position: relative;  }
.intro-best  > .container { 
	position: relative; 
	z-index: 9; }  
	
.intro-best .intro-best-con	{ align-items:center; justify-content:space-between; padding:20px 0;}
.intro-best .intro-best-con	.row {  padding:30px 0;}
.intro-best .intro-best-title { padding:30px;}
.intro-best-img {
    position: relative;
	overflow:hidden;
	border-radius:20px;
	} 


@media screen and (max-width: 992px) {  
	.intro-best .intro-best-con	{} 
	.intro-best .intro-best-title { padding:20px ;}
	.intro-best .main-title { margin-bottom:20px;}
	.intro-best br { 
		} 
}


@media screen and (max-width: 767px) {  
	.intro-best .intro-best-con	{ padding:0; margin-bottom:20px;} 
	.intro-best .intro-best-con	.row {  padding:0;}
	
}









 .text-box {
  width: 100%;
  
} 
.image-overlay {
 /* cursor: pointer;*/ 
	position: relative;
}

.image-overlay .product-image {
  overflow: hidden; 
}

.image-overlay .product-image img {
  transform: translateY(0);
  transition: transform 0.6s ease-in-out;

}
.text-content {
	padding: 10px 0 0 0;
}
.box-slide {
	position:absolute;
	position: relative;
  left: 0; 
   transform: translateY(30%); 
  transition: transform 0.6s ease-in-out;
	
  transform: translateY(0%); /* hover 효과 숨기기 */ 
	background-color: #fafafa;
	padding:40px 10px 10px 10px;
}
 
.box-slide h5 {
	position: relative;
	margin-bottom: 20px; 
}
.box-slide h6 {
	position: relative;
	padding-left: 30px; 
	margin-bottom: 10px; 
}
.box-slide h5,
.box-slide h6 {
  font-weight: 400;
}
.box-slide h5 strong,
.box-slide h6 strong {
   font-weight: 800; 
} 
.box-slide h6:before {
      position: absolute; 
      left: 0;  
	  top:3px;
      font-family: "bootstrap-icons";
      content: "\F136";
	color:var(--danger)
}

.product-card .box-slide .basic-gallery {
   padding:30px 0 !important;
}

.product-card .box-slide .basic-gallery {
  position: relative; 
  --bs-gutter-x: 0.5rem;
} 
.product-card .box-slide .basic-gallery > * {
}

.product-card .box-slide h6 {
   opacity: 0;  
    transition: all 0.3s ease-in-out 0s;
	
   opacity: 1;   /* hover 효과 숨기기 */
}
.product-card:hover .box-slide h6 {
   opacity: 1;   
}

.product-card .box-slide .btn-holder {
   opacity: 0;  
    transition: all 0.3s ease-in-out 0s;
	
   opacity: 1;   /* hover 효과 숨기기 */  
}
.product-card:hover .box-slide .btn-holder {
   opacity: 1;   
}


.image-overlay:hover .box-slide {
  transform: translateY(0%);
}

.image-overlay:hover img {
  transform: translateY(-10%);
  transform: translateY(0%); /* hover 효과 숨기기 */
}
 

@media screen and (max-width: 992px) {   
	.box-slide {
  	/* transform: translateY(0%); */
	}

	.product-card .box-slide h6 {
	   opacity: 1;   
	} 

	.product-card .box-slide .btn-holder {
	   opacity: 1;   
	} 
	.box-slide br  { display: none
	}
 
 
}









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

  회사소개
  
--------------------------------------------------------------------------------------*/ 
.aboutus { position: relative;   }
.aboutus .slogan { text-align:center; color:#fff; }
.aboutus .slogan .display-1 br { display:none; }
.aboutus .slogan .display-1 strong { font-weight:700; }
@media (max-width: 767px) {
    .aboutus .slogan .display-1 br { display:block
    }
}

.aboutus-bg {  position: relative;  background:url(../img/rearcar/aboutus-bg.jpg) center bottom; background-attachment:fixed;  z-index: 9; }
.aboutus-bg  > .container { 
	position: relative; 
	z-index: 9; }   
	
.aboutus-top { position: relative; padding:50px 0; color:#fff;  }
.aboutus-top strong { font-weight:800;  }

.aboutus-top-txt { position: relative;   padding:30px 0; text-align:center; }
.aboutus-top-txt h1 { position: relative; padding:30px 0;  }
.aboutus-top-txt h2 { position: relative; padding:30px 0;  }
.aboutus-top-txt .aboutus-top-img  { position: relative;  padding:50px 0; display:block;}
.aboutus-top-txt .aboutus-top-img img { width:90%; max-width:300px; margin:0 auto; }
.aboutus-top-subtxt  { position: relative;  padding:30px 0; text-align:center;  }
.aboutus-top-subtxt h5 { font-weight:400; line-height:1.6  }

@media (max-width: 767px) {
	.aboutus-top-subtxt h5 br { display:none; } 

}







 






.step-wrap {  }
.step-wrap-icon  {} 
.step-wrap h3 { font-weight:500; margin-bottom:20px;} 
.step-wrap h4 { font-weight:500; margin-bottom:20px;} 
.step-wrap h5 { font-weight:500; margin:15px 0 10px ; border-radius:5px;  color:#666} 
.step-wrap h6 { font-weight:500; line-height:1.6}  
.step-wrap .u-class01 { background-color:#ccb066; padding: 1px 15px; border-radius: 30px 30px 30px 0 ; display: inline-block; color: #fff;}
.step-wrap .step-wrap-icon img {  margin:0 auto; width:100%; max-width:300px;
	background:#f4f4f4; border-radius:500px; padding:12px;}  
.step-wrap-icon.other img { background:#f4f4f4;  }  
.step-wrap.other h5 { color:#666;  }  

@media screen and (max-width: 767px) {  
	.step-wrap {padding:20px 0 ; }
	.step-wrap h3 { margin-bottom:10px;} 
	.step-wrap h5 { margin-bottom:10px; } 
	.step-wrap .step-wrap-icon img {  padding:10px;}  
} 	
	
	
 
 


/********************************************************

	

********************************************************/
 
 
.about__pic {
	padding-left: 0;
}

.about__pic__inner {
	position: relative;
	display: inline-block;
}

 
.about__pic__inner:before {
  position: absolute;
  background: #FF3414;
  background: var(--primary);
  right: 25px;
  bottom: -25px;
  content: '';
  z-index: -1;
  top: 25px;
  left: -25px;
  border-radius:5px;
}

.major-caousel h6 { display:none;}

.busi {}
.busi .top_con { background:#f8f9fa url(../img/busi/top_con.jpg) center center; background-size:cover;  background-attachment:fixed;} 
.busi .top_con h2,
.busi .top_con h3,
.busi .top_con h4,
.busi .top_con h5,
.busi .top_con h6 { line-height:1.4; } 
.busi .top_con h6 { font-weight:400; text-align:center} 










 
.about_area .about_thumbs {
  position: relative;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

@media (min-width: 768px) and (max-width: 991px) { 
  .about_area .about_thumbs {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    margin-top: 30px;
  }
}

@media (max-width: 767px) { 
  .about_area .about_thumbs {
    margin-bottom: 30px;
  }
}
 
.about_area .about_thumbs img {
  width: 100%;
}
 
.about_area .about_thumbs .large_img_1 {
  padding-right: 300px;
}

@media (max-width: 767px) { 
  .about_area .about_thumbs .large_img_1 {
    padding-right: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) { 
  .about_area .about_thumbs .large_img_1 {
    padding-right: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) { 
  .about_area .about_thumbs .large_img_1 {
    padding-right: 100px;
  }
}
 
.about_area .about_thumbs .small_img_1 {
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  top: 60px;
}

@media (max-width: 767px) { 
  .about_area .about_thumbs .small_img_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 10px solid
 #ffffff;
    border-left: 10px solid
 #ffffff;
    top: auto;
    width: auto;
    height: 80%;
  }
}

@media (min-width: 768px) and (max-width: 991px) { 
  .about_area .about_thumbs .small_img_1 {
    bottom: -30px;
  }
}
 
.about_area .about_thumbs .small_img_1 img {
  width: 100%;
  height: 100%;
}









.about-item {
	margin-bottom: 55px;
}
.about-item .ai-text {
	padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 576px) {
	.about-item .ai-text {
		padding-left: 0;
	}
}
.about-item h2 { 
	margin-bottom: 40px;
}
.about-item h6 { 
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.6;
}
.about-item p { 
}



 
.home-spot-area .home-spot-single {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
	margin-bottom: 30px;
}
 
.home-spot-area .home-spot-single .spot-img-cap .spot-img {
  overflow: hidden;
  position: relative;
}
 
.home-spot-area .home-spot-single .spot-img-cap .spot-img img {
  width: 100%;
  -webkit-transform: scale 1;
  -moz-transform: scale 1;
  -ms-transform: scale 1;
  transform: scale 1;
  transition: all 0.3s ease-out 0s;
}
 
.home-spot-area .home-spot-single .spot-img-cap .spot-cap { 
  padding: 20px 10px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home-spot-area .home-spot-single .spot-img-cap .spot-cap h6{
  font-weight: 500; 
	text-align: center;
}
 
@media only screen and (min-width: 768px) and (max-width: 991px) { 
  .home-spot-area .home-spot-single .spot-img-cap .spot-cap {
    padding: 15px 10px;
  }
}

@media (max-width: 575px) { 
  .home-spot-area .home-spot-single .spot-img-cap .spot-cap {
    padding: 10px 0px;
  }
}
 







.tabulation .nav-pills .nav-item {
  margin-bottom: 10px;
}
.tabulation .nav-pills .nav-item:last-child {
  width:100%;}
  .tabulation .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #333;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none;
   padding:15px 30px; }

	.tabulation .nav-pills .nav-item:not(:last-child) {
		padding-right: 0;
	}

    .tabulation .nav-pills .nav-item .nav-link span {
      color: var(--primary); }
    .tabulation .nav-pills .nav-item .nav-link.active {
      color: #fff;
      background: var(--primary);
      border: 1px solid var(--primary); }
      .tabulation .nav-pills .nav-item .nav-link.active span {
        color: #fff; }

.tabulation .tab-content { 
  padding: 0; }
  .tabulation .tab-content .img {
    width: 100%;
    height: 400px;
    margin-bottom: 20px; }
  .tabulation .tab-content h3 {
    font-weight: 700; }
    .tabulation .tab-content h3 a {
      color: #222; }

@media (max-width: 992px) { 

  .tabulation .nav-pills .nav-item .nav-link { 
    padding:10px 20px; }
	
	.tabulation .nav-pills .nav-item {
	  margin-bottom: 5px;
	}
	  .tabulation .tab-content .img { 
		height: 250px; }
}
 





/*------------------------------------*\
	Owl theme
\*------------------------------------*/

/* -- dots -- */

.owl-theme .owl-dots .owl-dot span {
    border: none;
    background: #EEE;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.owl-theme .owl-dots .owl-dot:hover i {
    background: #6195FF;
}
.owl-theme .owl-dots .owl-dot.active i {
	  background: #6195FF;
	  width:20px;
}

/* -- nav -- */

.owl-theme .owl-nav {
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.owl-theme:hover .owl-nav {
    opacity: 1;
}

.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: var(--primary);
    color: #FFF;
  	padding: 0px;
  	width: 50px;
  	height: 50px;
  	border-radius:3px;
  	line-height: 50px;
  	margin: 0;
}

.owl-theme .owl-prev {
    left: 0px;
}

.owl-theme .owl-next {
    right: 0px;
}

.owl-theme .owl-nav .owl-prev i:before,
.owl-theme .owl-nav .owl-next i:before {
        font-size: 20px;  }

  .owl-theme .owl-nav .owl-prev:hover i:before,
  .owl-theme .owl-nav .owl-next:hover i:before { 
      color: #fff ;}
	  
.owl-theme:hover .owl-nav [class*='owl-'], 
.owl-theme .owl-nav [class*='owl-']:hover {
    opacity: 1;
    background: var(--primary);
    color: #FFF;
}
 
 

.step {}
.all-step  { }
.all-step:hover { background:#f8f9fa }
.all-step  .icon_step { width:100px; height:100px;  background: var(--primary); 
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;}
.all-step:hover  .icon_step { background: #274991; }
.all-step:hover  .icon_step { background: #274991; }





.contact { position:relative; }
.contact p a { color:#ffb400}
 
 
 
 
 
 
 





.nonslip-product .basic-LR { 
	--bs-gutter-x:3rem; 
	align-items: flex-start; 
}
.nonslip-product .basic-LR > div{ 
	margin-bottom: 50px;
}

.nonslip-product .basic-gallery { 
	--bs-gutter-x:.5rem;  
  	--bs-gutter-y: 0;
}
.nonslip-product .basic-gall-txt p { 
	margin-bottom: 0;
	color: #222;
}

.nonslip-product .basic-LR .conheading h4,
.nonslip-product .basic-LR .conheading h5 {
	font-weight: 500;
}
 
 
 
 
 
 
 
 
 
.accordion-group .card {
  border-radius: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf !important;
}
 
.accordion-group .card-body {
  padding: 30px 25px;
  color:#444;
  border-top: 1px solid #dfdfdf !important;
}

.accordion-group .card-body p{ 
  color:#444;
}
.accordion-group .card-body img {
  max-width:100%;
  margin-bottom: 10px;
}

.accordion-group .card-header .btn { 
  text-transform: uppercase; 
  padding: 20px ;
  padding-bottom: 10px;
  text-align:left;
  font-weight:400;
}

.accordion-group .card-header .btn:before {
  font-family: "bootstrap-icons";
  position: absolute;
  z-index: 0; 
  right: 16px;
  padding: 6px 10px;
  text-align: center;
  border-radius: 3px;
  top: 12px;
  content: "\F282"; 
  background-color: #333;
  color: #fff;
  transition: .3s;
}

.accordion-group .card-header .btn[aria-expanded="true"] {
  color: var(--primary);
}

.accordion-group .card-header .btn[aria-expanded="true"]::before {
  content: "\F286";
  background-color: var(--primary);
}

.accordion-group.accordion-classic .card-header .btn:before {
  display: none;
}
 
 
 
 
 
 
 
 
.practice-area {
  display: block;
  padding: 25px 10px;
  background:#fff;
  border-radius:5px;
  margin:5px;
  /* border-left: 1px solid rgba(0, 0, 0, 0.08); */}
 
.practice-area:after {
  display: block;
  content:'\F133';
  position:absolute;
  right:-5px;
  top:50%;
  color:#2aa5ad;
  font-size:2rem;
  font-family:'bootstrap-icons';
  z-index:5;}
  
.practice-area.afternone:after {
  display: none; }
  
  
  @media (max-width: 767.98px) {
    .practice-area {
      border-left: none;
      /* border-bottom: 1px solid rgba(0, 0, 0, 0.08);*/ } }
  .practice-area.border-b {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.08);*/ }
  .practice-area.no-border-l {
    border-left: none; }
  .practice-area .icon {
    margin: 0 auto;
    -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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; 
	} 
    .practice-area .icon span {
      font-size: 50px;
      color: #83b582;
      -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; } 
	 .practice-area  .icon_step { width:100px; height:100px; background:#0eb3cc;} 
	 .practice-area:hover  .icon_step {  	background:#0e8bcc;}
	 .practice-area:hover .icon, .practice-area:focus .icon {     }
    .practice-area:hover .icon span, .practice-area:focus .icon span {
      color: #000000; }
 
 
 
 
 
 
 
 

.intro {}
.intro_bg { 
  position: relative;
  z-index: 1;
  background:#fff url(../img/abba/intro_bg.jpg) center center;
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover ;
  height:calc(100vh);
  height: 100%;
}

.intro_bg::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity:0 ;
  content: '';
  z-index: -1;
  display: ;
}
.intro_bg07 { 
  position: relative;
  z-index: 1;
  background:#222 url(../img/intro/intro_bg.jpg) center center;
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover ;
  height:calc(100vh);
  height: 100%;
}
.intro_bg07::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity:.75;
  content: '';
  z-index: -1;
  display: ;
}
.intro_bg07-2 { 
  position: relative;
  z-index: 1;
  background:#0F3568; 
  height: 100%;
}

.intro .section-title h2,
.intro .section-title h3,
.intro .section-title h4 {  
	font-weight:inherit; 
	line-height: 1.4;  
}
.intro .section-title h2 span,
.intro .section-title h3 span,
.intro .section-title h4 span{  
	color:#e71e2e;
}
 

.certi_certifi{ }
.certifi_con { }
.certifi_con .certifi_img {width:100%;  border:1px solid #ccc;  }
.certifi_con .certifi_img:after{content:""; display:block; clear:both;}
.certifi_con .certifi_img img{ width:100%;  max-width:300px; display:block; left:0; right:0; top:0; bottom:0; margin:0 auto;}
.certifi_con p{padding:.6em 0 1.2em 0; text-align:center}

 
 
 
 
 
 
 
 
 
 
 
 .intro_bg06 { 
  position: relative;
  z-index: 1;
  background:#222 url(../img/inquiry/inquiry_bg.jpg) center center;
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-size:cover ;
  height:calc(100vh);
  height: 100%;
}
.intro_bg06::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity:.75;
  content: '';
  z-index: -1;
  display: ;
}
.intro_bg07-2 { 
  position: relative;
  z-index: 1;
  background:#0F3568; 
  height: 100%;
}