@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 15px; font-weight: 600;}
.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;  
}
@media (max-width: 767px) {  
	.privacy  { padding:20px ; } 
	.privacy  h5,
	.privacy  h6 {  margin:20px 0 10px;  }
}
 






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

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







.sp_ci { position:absolute; right:-1%; top:100px; opacity:.15; width:30%; max-width:500px; min-width:300px;  
    /* -webkit-filter: brightness(0) invert(1);     filter: brightness(0) invert(1); */ } 

@media (max-width: 767px) {
	.sp_ci {  right:-1%; top:150px; opacity:.1; width:20%; max-width:360px; min-width:200px;    } 
}





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

  회사소개
  
--------------------------------------------------------------------------------------*/ 
.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/company/aboutus-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; }
.aboutus-bg  > .container { 
	position: relative; 
	z-index: 9; }   
	
.aboutus-top { position: relative; padding:50px 20px; 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:40px 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-sub-txt  { position: relative;  padding:30px 0; text-align:center;  }
.aboutus-sub-txt h5,
.aboutus-sub-txt h6 { font-weight:400; line-height:1.6  }

@media (max-width: 767px) { 
	.aboutus-bg {  background-attachment:scroll; }
	.aboutus-top { padding:30px 20px;  }  
	.aboutus-top-txt {  padding:20px 0; }
	.aboutus-top-txt h1 { padding:10px 0;  }
	.aboutus-top-txt h2 { padding:10px 0;  }
	.aboutus-top-txt .aboutus-top-img  { padding:20px 0; }
	.aboutus-top-txt .aboutus-top-img img { width:80%; max-width:200px;   }
	.aboutus-sub-txt  {  padding:10px 0;  } 
	.aboutus-sub-txt br { display:none; } 

}
 



 
.contact .map2 iframe { width:100%; height:100%; min-height:250px;  }
.contact hr {
	margin-top:2rem;
	margin-bottom:2rem;   
}
.contact h6 { font-weight: 400; }
 @media (max-width: 992px) { 
    .contact .map2 iframe { margin-top:10px;}
}
 @media (max-width: 767.98px) {
	.contact_item:after {
        position: absolute;
        right: 50px;
        top: 0px;
        width: 0px;
        height: 50px;
        background: #e1e1e1;
        content: "";
	} 
    .contact .map2 iframe { height:350px;} 
}


 










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

  콘텐츠 탑 배경 공통
  
--------------------------------------------------------------------------------------*/ 
.comcon { position: relative;   }
.comcon > div  > .container { 
	position: relative; 
	z-index: 9; }   
	
.comcon-top { position: relative; padding:50px 20px;  }
.comcon-top strong { font-weight:800;  }

.comcon-top-txt { position: relative;   padding:50px 0; color:#fff; text-align:center; }
.comcon-top-txt h1 { position: relative; padding:30px 0; letter-spacing: -1px }
.comcon-top-txt h2 { position: relative; padding:40px 0;  }
.comcon-top-txt .comcon-top-img  { position: relative;  padding:50px 0; display:block;}
.comcon-top-txt .comcon-top-img img { width:90%; max-width:300px; margin:0 auto; }
.comcon-sub-txt  { position: relative;  padding:30px 0;  }
.comcon-sub-txt h5,
.comcon-sub-txt h6 { font-weight:400; line-height:1.6  }

@media (max-width: 767px) {
	.comcon-top { padding:30px 20px;  }
	.comcon-top-txt {  padding:20px 0; }
	.comcon-top-txt h1 { padding:10px 0;  }
	.comcon-top-txt h2 { padding:10px 0;  }
	.comcon-top-txt .comcon-top-img  { padding:20px 0; }
	.comcon-top-txt .comcon-top-img img { width:80%; max-width:200px;   }
	.comcon-sub-txt  {  padding:10px 0;  }
	.comcon-top-txt br { display:none; } 
}




.driver-bg {  position: relative;  background:url(../img/driver/driver-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; }
.client-bg {  position: relative;  background:url(../img/client/client-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; }
.client-step-bg {  position: relative;  background:url(../img/client/step-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; } 
.compensate-bg {  position: relative;  background:url(../img/compensate/compensate-bg.jpg) center bottom; background-attachment:fixed; background-size:cover; z-index: 9; }
.fine-bg {  position: relative;  background:url(../img/compensate/fine-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; }
.point-bg {  position: relative;  background:url(../img/point/point-bg.jpg) center bottom; background-attachment:fixed; background-size:cover;  z-index: 9; }

@media screen and (max-width: 767px) { 
	.driver-bg {  background-attachment:scroll;  } 
	.client-bg {  background-attachment:scroll;  } 
	.client-step-bg {  background-attachment:scroll;  } 
	.compensate-bg {  background-attachment:scroll; }
	.fine-bg {  background-attachment:scroll;  } 
	.point-bg {  background-attachment:scroll;  } 
} 	
	





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

 법인고객서비스 
  
--------------------------------------------------------------------------------------*/ 

.main-service {  position: relative;  }
.main-service  > .container { 
	position: relative; 
	z-index: 9; }  	
.main-service .main-service-con	{ align-items:center; justify-content:space-between; padding:40px 0;}
.main-service .main-service-con	img { width: 100%}
 
@media screen and (max-width: 992px) {  
	.main-service .main-service-con	{ padding:20px 0;} 
	.main-service br {	display:none } 
}
@media screen and (max-width: 767px) {  
	.main-service .main-service-con	{ padding:0; margin-bottom:20px;} 
}


.payment {
    padding: 32px;
    background-color: #fff;
    box-shadow: var(--shadow);
}

.payment h5 { 
    margin-bottom: 10px; 
	font-weight: 500;
}

.payment img {
    width: 90px;
}
	




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

 법인고객서비스 - 요금 
  
--------------------------------------------------------------------------------------*/ 

.main-cost {  position: relative;  }
.main-cost  > .container { 
	position: relative; 
	z-index: 9; }  	
.main-cost .main-cost-con	{ align-items:center; justify-content:space-between; padding:40px 0;}
.main-cost .main-cost-con	img { width: 100%}
 
@media screen and (max-width: 992px) {  
	.main-cost .main-cost-con	{ padding:20px 0;} 
	.main-cost br {	display:none } 
}
@media screen and (max-width: 767px) {  
	.main-cost .main-cost-con	{ padding:0; margin-bottom:20px;} 
}



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

 법인고객서비스 - 절차 및  
  
--------------------------------------------------------------------------------------*/ 

.client-step-bg.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; 
	  background: rgba(2,39,78,.85);
	  background: linear-gradient(90deg,  rgba(2,39,78,.85) 0%,  rgba(2,39,78,.85) 100%); 
      z-index: 1; } 

.main-choice {  position: relative;  }
.main-choice  > .container { 
	position: relative; 
	z-index: 9; }  	
.main-choice .main-choice-con{ align-items:center; justify-content:space-between; padding:40px 0;}
.main-choice .choice-img  { background:#363636 ; } 

@media screen and (max-width: 992px) {  
	.main-choice .main-choice-con	{ padding:30px 0;} 
	.main-choice br {	display:none } 
}
@media screen and (max-width: 767px) {  
	.main-choice .main-choice-con	{ padding:20px 0;} 
}
	 
.choice-step {padding:10px 0 0 0; text-align: left; }
.choice-step-icon  {} 
.choice-step h4 { font-weight:500; margin-bottom:10px;} 
.choice-step h6 { font-weight:500; margin-bottom:0; border-radius:5px; display:inline-block; } 
.choice-step a, 
.choice-step p { color: #fff } 
.choice-step-icon {
	display: inline-block;
	height: 100px;
	width: 100px;
	background: #ffaa00;
	border-radius: 20px; 
	margin-right: 30px; 
	padding:20px;
	z-index: 10;
	position: relative;  overflow: hidden;
}
.choice-step-icon img { width: 100%;}  
.choice-step .num {  color:#ffaa00; margin-bottom:10px;}   
.choice-step-icon.other img { background:#ffaa00;  }  
.choice-step.other .num { color:#ffaa00;  }  

@media screen and (max-width: 767px) {  
	.choice-step-icon { 
		height: 80px;
		width: 80px; 
		margin-right: 20px; 
		padding:15px;
	} 
	.choice-step h4 { margin-bottom:10px;} 
	.choice-step h6 { margin-bottom:0; } 
} 	 

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

  사고보상
  
--------------------------------------------------------------------------------------*/  
.com-step {padding:10px 0 0 0; }
.com-step-icon  {} 
.com-step h4 { font-weight:500; margin-bottom:10px;} 
.com-step h6 { font-weight:500; margin-bottom:0; border-radius:5px; display:inline-block; } 
.com-step .num {  color:#9bbc19; margin-bottom:10px;}  
.com-step-icon {
	display: inline-block;
	height: 100px;
	width: 100px;
	background: #9bbc19;
	border-radius: 20px; 
	margin-right: 30px; 
	padding:20px;
	z-index: 10;
	position: relative;  overflow: hidden;
}
.com-step-icon img { width: 100%;}  
.com-step-icon.other img { background:#9bbc19;  }  
.com-step.other .num { color:#9bbc19;  }  

@media screen and (max-width: 767px) {  
	.com-step-icon { 
		height: 80px;
		width: 80px; 
		margin-right: 20px; 
		padding:15px;
	}   
	.com-step h4 { margin-bottom:10px;} 
	.com-step h6 { margin-bottom:0; } 
} 	
	
  



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

  법인기사
  
--------------------------------------------------------------------------------------*/ 


	
	
/*---------------------
  복리후생
-----------------------*/
.single-benefit .benefit-img img {
	min-width: 100%;
	z-index: 1;
}
.single-benefit .benefit-text {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.single-benefit .benefit-text .benefit-icon {
	display: inline-block;
	height: 100px;
	width: 100px;
	background: var(--primary);
	border-radius: 50%; 
	margin-bottom: 30px;
	margin-top: -40px;
	padding:20px;
	z-index: 10;
	position: relative;  overflow: hidden;
}
.single-benefit .benefit-text .benefit-icon img { 
	width: 100%;
}
.single-benefit .benefit-text h5 { 	margin-bottom: 20px; font-weight: 500}
.benefit .single-benefit {
		text-align: center;
		margin-bottom: 30px;
} 

@media screen and (max-width: 767px) { 
	.single-benefit .benefit-img {
		max-height: 200px;
		object-fit: cover;
	}
	.single-benefit .benefit-text .benefit-icon { 
		height: 80px;
		width: 80px; 
		margin-bottom: 20px;
		margin-top: -40px; 
	}
} 	
	





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

  법인고객
  
--------------------------------------------------------------------------------------*/ 










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

  탁송안내 
  
--------------------------------------------------------------------------------------*/ 
.move .our-move {
  padding: 30px 20px; 
  background-color: #f5f6f7;
}

@media (min-width: 991px) {
	.move .our-move {
	  padding: 50px 40px;
	}
	.move .our-move {    padding-right: 35%;  } 
}
.move .our-move h3 { 
	font-weight: 700;
	margin-bottom: 20px; 
}
.move .our-move h4 { 
	font-weight: 600;
	margin-bottom: 20px; 
}  
.move .move-img {
	min-height: 300px;
	background-size: cover;
	background-position: center;
	background-image: url(../img/move/move-img.jpg);
}

.move .oneday-img {
	min-height: 600px;
	background-size: cover;
	background-position: center;
	background-image: url(../img/1day/1day-img.jpg);
}
@media (min-width: 992px) {
  .move .move-img {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 600px;
  }
  .move .oneday-img {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 700px;
  }
}
 





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

  일일기사 
  
--------------------------------------------------------------------------------------*/ 
.oneday .our-oneday {
  padding: 30px 20px; 
  background-color: #f5f6f7;
}

@media (min-width: 991px) {
	.oneday .our-oneday {
	  padding: 50px 40px;
	}
	.oneday .our-oneday {    padding-right: 35%;  } 
}
.oneday .our-oneday h3 { 
	font-weight: 700;
	margin-bottom: 20px; 
}
.oneday .our-oneday h4 { 
	font-weight: 600;
	margin-bottom: 20px; 
}  
.oneday .oneday-img {
	min-height: 300px;
	background-size: cover;
	background-position: center;
	background-image: url(../img/oneday/oneday-img.jpg);
}
@media (min-width: 992px) {
  .oneday oneday-img {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 600px;
  }
}
 



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

  main-3ban 
  
--------------------------------------------------------------------------------------*/ 

.intro-3ban {  position: relative;  background:url(../img/main/main-3ban.jpg) center center; background-attachment:fixed; }
.intro-3ban.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; 
	  background: rgb(158,201,20);
	  background: linear-gradient(160deg,  rgba(158,201,20,.9) 0%,  rgba(0,69,195,.9) 85%); 
      z-index: 1; } 
.intro-3ban  > .container { 
	position: relative; 
	z-index: 9; 
	 color:#fff;  }   
	
.intro-3ban-icon { position: relative;  text-align:center!important; color:#fff !important; padding-top:50px; display:flex; justify-content:center}
.intro-3ban-icon .ban-con  { position: relative;  padding:10px ; margin-bottom:10px;  
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;}
.intro-3ban-icon .ban-con+.ban-con:after  { display:block; width:1px; height:100%; position:absolute; top:0; background:rgba(255,255,255,.5); content:''; display:none;}
.intro-3ban-icon .ban-con h4 {  font-weight:400 !important; margin:20px 0;}
.intro-3ban-icon .ban-con h5,
.intro-3ban-icon .ban-con h6 {  font-weight:400 !important; letter-spacing:0; line-height:1.4;}
.intro-3ban-icon .ban-con img {  margin:0 auto; width:100%; max-width:150px;
	background:rgba(0,0,0,.0);  border:1px solid rgba(255,255,255,1); border-radius:500px; padding:30px;}
.intro-3ban-icon .ban-con img {  -webkit-filter: brightness(100); filter: brightness(100);  }
 

.intro-3ban-icon .ban-con:hover img {   background:rgba(0,0,0,.75);  border:1px solid rgba(255,255,255,0); }
.intro-3ban-icon .ban-con:hover img {  -webkit-filter: none; filter: none; }


@media screen and (max-width: 992px) { 
    .intro-3ban-icon { padding-top:20px;  } 
	.intro-3ban-icon .ban-con+.ban-con:after  { display:none; }
	.intro-3ban-icon .ban-con img {  max-width:100px; }
} 

@media screen and (max-width: 767px) {  
	.intro-3ban-icon .ban-con  {   margin-bottom:0;   }
	.intro-3ban-icon .ban-con h4 {  margin:10px 0  ;}
	.intro-3ban-icon .ban-con img { padding:20px;} 
	
} 	
@media screen and (max-width: 576px) {  
	.intro-3ban br {
		display:none
		}  
	.intro-3ban-icon .ban-con img {   }
	.intro-3ban-icon .ban-con h5,
	.intro-3ban-icon .ban-con h6 { display:none}
} 

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

  브랜드
  
--------------------------------------------------------------------------------------*/   
.brand_wrap .single_brand {
  border: 1px solid rgba(0, 0, 0, .2); 
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;  
  background:#fff;
  border-radius:10px;
  padding: 10px;
  text-align:center;
}
.brand_wrap .single_brand:hover {
  border: 1px solid rgba(0, 0, 0, 1); 
}
.brand_wrap .single_brand img{
  width:100%;
  max-width:220px; 
}
.brand_wrap > .row > .col, 
.brand_wrap > .row  > [class*="col-"]  { margin-bottom:20px; }
.brand_wrap p { 
  padding:10px 0;
  text-align:center;
}

.main-brand .brand_wrap p { 
  display:none !important;
}