@charset "utf-8"; 

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

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

}


 


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

  기본폼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 {  }
  
@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%; 
	} 
}






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

  브랜드
  
--------------------------------------------------------------------------------------*/   
.client_wrap .single_client {
  border: 1px solid rgba(0, 0, 0, 0); 
  -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;
}
.client_wrap .single_client:hover {
  border: 1px solid rgba(0, 0, 0, 0); 
}
.client_wrap .single_client img{
  width:100%; 
	max-width: 240px;
	margin: 0 auto;
}
.client_wrap .single_client:hover img {
	transform: scale(1); 
}
.client_wrap > .row > .col, 
.client_wrap > .row  > [class*="col-"]  { margin-bottom:20px; }
 









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

  회사소개
  
--------------------------------------------------------------------------------------*/ 
.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  { width:100%; position: relative; }
.contact .container {  position: relative; }
.contact-box-bg { 
  background: #fff ;
  padding: 40px;
  /* position: absolute; bottom:0; left:0; right:0; display: block; margin: auto;*/
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index:5;
	margin:0 auto;
	-webkit-box-shadow: 5px 15px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); 
	margin-bottom: 20px; 
} 
.contact-box-bg .contact-h6  { text-align: center;  margin-top: 15px; margin-bottom: 25px; }
.contact-box-bg .contact-h6 h6 { font-weight: 500; margin-bottom: 10px;  line-height: 1.5 }
.contact-box-bg p { margin-top:5px;  }
.contact-box-bg p a {  color: var(--primary) }

 .map { width:100%; position: relative;  height:calc(50vh); min-height:400px; z-index:1; } 
 .map iframe { position: relative; width:100%; height:100%; }  

 @media (max-width: 992px) {  
	.contact-box-bg { 
	  padding: 30px;  
	} 
	 .map {  height:calc(40vh); min-height:350px;  }  
}
 @media (max-width: 767px) {
	.contact-box-bg {   	  position:relative;   	} 
	 .map {  }  
}


  










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

  콘텐츠 탑 배경 공통
  
--------------------------------------------------------------------------------------*/ 
.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; } 
}

 









.why-con br {}

@media screen and (max-width: 1240px) {  
	.why-con br {} br {		display:none		} 
	.why-con .divide { display: block !important;  } 
} 	



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

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

.choice {  position: relative;  background:url(../img/busi/choice-bg.jpg) center center; background-attachment:fixed; background-size:cover;  }
.choice  > .container { 
	position: relative; 
	z-index: 5; 
margin:50px auto;}  
	
.choice-icon { position: relative;  text-align:center!important; color:#fff !important; display:flex; justify-content:center}
.choice-icon .ban-con  { position: relative;  padding:10px 20px;   }
.choice-icon .ban-con+.ban-con:after  { display:block; width:1px; height:100%; position:absolute; top:0%; left:-10px; background:rgba(255,255,255,0); content:''}
.choice-icon .ban-con h4 {  font-weight:500 !important; margin:20px 0; color:#fff; }
.choice-icon .ban-con h5,
.choice-icon .ban-con h6  {  font-weight:500 !important; letter-spacing:-0.5px; line-height:1.4; margin:20px 0; color:#fff; }
.choice-icon .ban-con p  { color:#fff; }
.choice-icon .ban-con img {  margin:0 auto; width:100%; max-width:110px; padding:20px 20px;  background: var(--primary); border-radius: 200px; }
.choice-icon .ban-con  {   }
 
.choice .section-contitle h4{ color:#fff;  }  
.choice .section-contitle h4::before { 
    background: #fff;
}


@media screen and (max-width: 992px) { 
	.choice {  background-attachment:scroll; }
    .choice-icon { padding-top:20px;  } 
	.choice-icon .ban-con  { padding:10px 5px;   }
	.choice-icon .ban-con+.ban-con:after  { display:none; }
	.choice-icon .ban-con img {  max-width:80px; }
} 

@media screen and (max-width: 767px) {  
	.choice-icon .ban-con h4 {  margin:10px 0  ;}
	.choice-icon .ban-con h5,
	.choice-icon .ban-con h6  {  margin:10px 0;  }
	.choice .ban-con br {
		display:none
		} 
	.choice .divide { display: block !important;  } 
} 	
@media screen and (max-width: 576px) {  
	.choice-icon .ban-con img {  max-width:80px; }
	.choice-icon .ban-con h5,
	.choice-icon .ban-con h6 { }
} 




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

  main-sb 
  
--------------------------------------------------------------------------------------*/ 
 
.main-sb {  position: relative; padding:3em 0;  background:rgb(211,0,26) url(../img/busi/09/main-sb.jpg) center center; background-attachment:fixed;  }
.main-sb.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; 
	background: #00031c;
	opacity: .8;
      z-index: 1; }  

.main-sb .container { 
	position: relative; 
	z-index: 9; }  
 

.main-sb .main-sb-title {padding:2em 0;  }
.main-sb .main-sb-title * { color:#fff; text-align:center; }
.main-sb .main-sb-title h1 { margin:10px 0;}
.main-sb .main-sb-title h1.display-2 a, 
.main-sb .main-sb-title h1.display-3 a { font-weight:200 !important; letter-spacing: -1px; }
.main-sb .main-sb-title strong { font-weight:800; } 
 

	
@media screen and (max-width: 992px) {  
}
	
@media screen and (max-width: 767px) { 
	.main-sb  { padding:2em 0; text-align:center}  
}





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

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

.sub-partner {  
	position: relative;  
	background-color:var(--primary);
	background-image:url(../img/main/sub-partner-bg.jpg); 
	background-position:center center;
	background-attachment:fixed; background-size:cover;  
	border-top:2px solid var(--primary);
}
.sub-partner.over:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
	  opacity:.8; 
      z-index: 1;  }  

.sub-partner  > .container { 
	position: relative; 
	z-index: 5; 
	margin:50px auto;
}  
.section-contitle h5 { line-height:1.5; font-weight:400;}
.section-contitle h5 strong { font-weight:800;}





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

   
  
--------------------------------------------------------------------------------------*/ 
.single-benefit .benefit-img   {
	position: relative;
	overflow: hidden;
}
.single-benefit .benefit-img img {
	width: 100%;
	z-index: 1;
}
.single-benefit .benefit-text {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px; 
	text-align: center; 
} 
.single-benefit .benefit-text h5 { 	position: relative; margin-bottom: 25px; font-weight: 500; }
.single-benefit .benefit-text h5::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    bottom: -10px; 
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary);
}
.benefit .single-benefit {
		text-align: center; 
} 

@media screen and (max-width: 767px) { 
	.single-benefit .benefit-img {
		max-height: 200px;
		object-fit: cover;
	} 
} 	





 
.practice-area {
  position:relative;
  display: block;
  padding: 30px 20px;
  background:#fff;
  border-radius:5px;
  margin-bottom:20px;
  /* border-left: 1px solid rgba(0, 0, 0, 0.08); */ } 
.practice-area.hfixed { 
	min-height: 230px;} 
.practice-area h4 { font-weight: 500; color:#444; margin-bottom: 5px; 	letter-spacing: -.5px;} 
.practice-area h5 { font-weight: 500; color:var(--primary); margin-bottom: 10px; 	letter-spacing: -.5px;}
 
.practice-area:after {
  display: block;
  content:'\F133';
  position:absolute;
  right:-10px;
  top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  color:#2aa5ad;
  font-size:2rem;
  font-family:'bootstrap-icons';
  z-index:5;}
  
.practice-area.afternone:after {
  display: none; }
  
 
  @media (max-width: 992px) {
    .practice-area {
      border-left: none; }  
	.practice-area.hfixed { 
		min-height:inherit;} 
} 
  @media (max-width: 767px) {
    .practice-area {
      border-left: none; }  
	.practice-area.hfixed { 
		min-height:inherit;} 
	.practice-area:after { 
	  content:'\F118';
	  left:50%;
	  right:auto;
		top:auto;
		margin:auto;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	  font-family:'bootstrap-icons';
	  bottom:-10px; }						
 
} 
 
  .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; }





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

  
  
--------------------------------------------------------------------------------------*/  
.com-step {padding:10px 0 0 0; }
.com-step-icon  {} 
.com-step h4,
.com-step h5 { font-weight:500; margin-bottom:10px; text-align:center} 
.com-step h6 { font-weight:500; margin-bottom:0; border-radius:5px;  text-align:center} 
.com-step .num {  color: var(--primary); margin-bottom:10px;   }  
.com-step-icon {
	display: inline-block;
	height: 110px;
	width: 110px;
	background:  var(--primary);
	border-radius: 50%; 
	margin-right: 30px; 
	margin: 0 auto; 
	padding:15px;
	z-index: 10;
	position: relative;  overflow: hidden;
	
}
.com-step-txt {padding:15px; }
.com-step-icon img { width: 100%;}  
.com-step-icon.other img { background: var(--primary);  }  
.com-step.other .num { color: var(--primary);  }  

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

 	






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

   
  
--------------------------------------------------------------------------------------*/ 
.card { 
  border: 0px solid rgba(0, 0, 0, 0.125); 
}
.tab-pane-subtxt { font-weight:400; text-align:center; margin-top:10px;}
.tab_tabs .tabWrap ul { 
	width:100%;
	display: table;
}
.tab_tabs .tabWrap ul li {	
	display: table-cell; } 
.tab_tabs .tabWrap ul li .tsp{	 line-height: 1.2} 
.tab_tabs .nav-tabs {
	justify-content: center; 
	border-bottom: none; 
	width:100%;
} 
.tab_tabs .nav-item a{ 
	text-align:center;   
	border-radius: 0;
	background-color: #fff;
	background-color: #f6f6f6;
	color: #333;  
	text-decoration: none;
	transition: all 0.2s ease; 
	border:1px solid #ccc;
	font-weight: 500;
	border-width:1px 1px 1px 1px;
	margin-left:-1px;
}  
.tab_tabs .nav-item:last-child a {	border-right-width:1px}
.tab_tabs .nav-item a:hover,
.tab_tabs .nav-item a.active { 
	background-color:#fff;
	color: #0061b3; 
    border-color: #ccc #ccc #fff; 
}
  
 .tab_tabs .nav-tabs .nav-link.active,
 .tab_tabs .nav-tabs .nav-item.show .nav-link { 
    background-color: #fff;}
	
.tab_tabs ul li.on, .tab_tabs ul li:last-child.on {	border-color:#0061b3}
.tab_tabs ul li.on.on+li {	border-left-color:#0061b3}
.tab_tabs ul li.on a {	background-color:#0061b3;	color:#fff}

.tab_tabs .image-container img {	border-radius: 4px;	border-radius: 0;} 


.tabs-container .subtitle h5:after{ position:relative; display:block;  width:100%; height:1px; background:#ccc; top:.8em; left:0; right:0; margin:0 auto; content:""; }


@media screen and (max-width: 767px) {   
	.tab_tabs .tabWrap ul li {	
		display:inline-block; }
	.tab_tabs .tabWrap ul li br {	
		display:none; }
} 









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

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

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

 
  









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

   
  
--------------------------------------------------------------------------------------*/ 
.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);
}
@media (min-width: 992px) {
  .move .move-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;
}