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

 






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

  공통 컨텐츠 구분 타이틀
  
--------------------------------------------------------------------------------------*/ 
 
.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;}

}







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

  회사소개
  
--------------------------------------------------------------------------------------*/ 

.intro .about-item {}
.about-info-item h6 { line-height:1.6;}

@media (max-width: 767px) {
	
	.intro .about-item h2,
	.intro .about-item h4 { text-align:center} 

}








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

  사업소개
  
--------------------------------------------------------------------------------------*/ 
.busia {
    /*background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(/img/busia.jpg) left center no-repeat;
    background-size: cover;*/ 
}
.tech {
    background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6)), url(/img/company/tech-bg.jpg) center center no-repeat;
    background-size: cover;
	background-attachment:fixed;
}
.process {
    /*background: linear-gradient(rgba(3, 27, 78, .3), rgba(3, 27, 78, .3)), url(/img/busia.jpg) left center no-repeat;
    background-size: cover;*/ 
}
.busia-row {    box-shadow: 0 0 35px rgba(0, 0, 0, .07);}
.busia-item {    border-color: rgba(0, 0, 0, .03) !important; padding:50px;}

.experience .progress {    height: 5px;}
.experience .progress .progress-bar {
    width: 0px;
    transition: 3s;
}
.experience .nav-pills .nav-link {    color: var(--dark);}
.experience .nav-pills .nav-link.active {    color: #FFFFFF;}
.experience .tab-content hr {    width: 30px;}




.tech * {color:#fff; }
.tech-fact {
    width: 240px;
    height: 240px;
	margin:auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	text-align:center;
}
.tech-fact.mt-n130 { margin-top: -130px;}

.tech-fact h5, 
.tech-fact h6 {
    font-weight:400;
}
.tech-box {
    align-items: center;
    display: flex;	
	border-bottom:1px solid #888;
	margin-bottom:25px;
	padding-bottom:20px;
}
 
.tech-box h5, 
.tech-box h6 {
    font-weight:400;
}




.process-item   {    box-shadow: 0 0 35px rgba(0, 0, 0, .07);  padding:25px ; text-align: ; }
.process-item img {    transition: .5s;}
.process-item:hover img  {    transform: scale(1.1);}
.process-item  h6 {  margin-left:10px;  }
.process-item  .tsp {   font-weight:600 !important; color :#4789c8; margin-bottom:3px; margin-left:12px;}

@media (max-width: 1240px) {
	.tech-fact {
		width: 220px;
		height: 220px; 
	}
	.tech-fact.mt-n130 { margin-top: -100px;}
	.busia-item {   padding:40px;}  
}

@media (max-width: 992px) { 
	.tech-fact {
		width: 240px;
		height: 240px; 
	}
	 .tech-fact.mt-n130 { margin-top: -130px;	}
}
@media (max-width: 767px) {
	.busia-item {   padding:30px;}
	.process-item {   padding:20px;}
	
	.tech-fact {
		width: 180px;
		height: 180px; 
	}
	 .tech-fact.mt-n130 { margin-top: -80px;	}
}
@media (max-width: 576px) { 
	.tech-fact {
		width: 140px;
		height: 140px; 
	}
	 .tech-fact.mt-n130 { margin-top: -50px;	}
}




 










 
.contact {}
.ts-service-box-bg { 
  background: #f8f9fa ;
  padding: 30px 20px;
} 
.ts-service-box-bg h6,
.ts-service-box-bg p,
.ts-service-box-bg a {
  color: ;
}
.ts-service-icon.icon-round i {
  font-size: 24px;
  color: #fff;
  background: #4789c8;
  text-align: center;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display:inline-block;  
  line-height: 60px;
  margin:0 auto 20 auto; 
  position: relative;
  float: none;
}
.ts-service-box .ts-service-icon i {
  font-size: 24px;
  float: left;
  color: #fff;
  background:#4789c8;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.ts-service-box .ts-service-box-content {
  margin-left: 80px;
  margin-bottom: 30px;
}

.tab-content .ts-service-box .ts-service-box-content {
  margin-left: 90px;
}

.ts-service-box .ts-service-box-content h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.ts-service-box .ts-service-box-info {
  margin-left: 90px;
  margin-bottom: 40px;
}








 .contact  {}
 .map2 { margin:30px 0; } 
 .map2 iframe { width:100%; height:100%; min-height:400px;  } 
 .map3 { margin:30px 0; } 
 .map3 iframe { width:100%; height:100%; min-height:350px;  } 

 @media (max-width: 992px) { 
     .map2 iframe {  ;}
}
 @media (max-width: 767.98px) {
	.contact_item:after {
        position: absolute;
        right: 50px;
        top: 0px;
        width: 0px;
        height: 50px;
        background: #e1e1e1;
        content: "";
	} 
     .map2 iframe { height:350px;} 
     .map3 iframe { height:300px;} 
}




 



 

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

  제품
  
--------------------------------------------------------------------------------------*/ 

.product-info .product-item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.07);
  transition: 0.3s;
}
.product-info .product-item .product-img img {  transition: 0.5s;}
.product-info .product-item .product-type {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #0964ba;
  color: #fff;
  text-transform: ;
  font-size: 1rem;
  padding: 8px 12px;
  font-weight: 400;
  letter-spacing:0.5px;
}
.product-info .product-item .product-content {  padding: 30px;}
.product-info .product-item .product-title { 
  transition: 0.3s;
  margin-bottom: 10px;
  color:#222;
}
.product-info .product-item .product-engtitle { 
  transition: 0.3s;
  margin-bottom: 5px;
  color:#666;
  font-weight:400;
  display:none;
}
.product-info .product-item:hover .product-title  {  color: #0964ba;} 
.product-info .product-item:hover .product-engtitle  {  color: #444;}
.product-info .product-item:hover .product-img img {  transform: scale(1.1);}

.product-info .product-item .meta {  display:none !important;}
.product-info .product-item .meta i {
  font-size: 16px;
  color: #0964ba;
}
.product-info .product-item .meta span { }
.product-info .product-item hr {
  color: #888;
  margin: 10px 0 20px;
}