@charset "utf-8";
 
/*------------------------------------------------------------------------------------

  공통클래스
  
--------------------------------------------------------------------------------------*/  
.area{margin:0 auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.overlay {    position: relative; }


.clfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix	{display: inline-block}
.clfix	{display: block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /* for IE 5.5-7 */
 
  
/*------------------------------------------------------------------------------------

  레이아웃
  
--------------------------------------------------------------------------------------*/     
section{position:relative; clear:both;}
.site-section {  padding: 6em 0; }
.layout{position:relative; width:100%; clear:both; height:0}
.blank{position:relative; clear:both; height:8em;}
.blank10{position:relative; clear:both; height:10em;}
.clear{position:relative; clear:both; height:4em;}
.clear2{position:relative; clear:both; height:3em;}
.clear3{position:relative; clear:both; height:2em;}


@media (max-width: 768px) {  
	.blank{position:relative; clear:both; height:6em;}
	.blank10{position:relative; clear:both; height:8em;}
	.clear{position:relative; clear:both; height:3em;}
	.clear2{position:relative; clear:both; height:2em;}
	.clear3{position:relative; clear:both; height:1em;}
}

 

.site-wrap {  }
.sub-wrap { }  

@media (max-width: 992px) { 
	.sub-wrap {   }  
}

@media (max-width: 768px) { 
	.sub-wrap {   }  
}

@media (max-width: 576px) { 
	.sub-wrap {   }  
}

.bg-light { background:#fafafa !important; } 
.bg-black { background:#121212 !important; } 
.bg-primary {    background-color: #0964ba !important; }
.bg-blue { background:#036fb3 !important; } 
.bg-blue2 { background:#0083b9 !important; }  
.bg-darkblue { background:#4789c8 !important; }  
.bg-skyblue { background:#39a9e0 !important; } 
.bg-mint { background:#40c5e3 !important; } 
.bg-green { background-color:#53bb2c!important } 
.bg-bgreen  {  background-color: #059d94 !important; }
.bg-ygreen  {  background-color: #5e9704 !important; }
.bg-organe { background-color:#ee3b02!important }  

.bg-green { background-color:#53bb2c!important } 


.border-gray {	border-color:#ccc!important; }

.text-primary,
.text-primary a:not(.btn),
.text-primary h1,
.text-primary h2,
.text-primary h3,
.text-primary h4,
.text-primary h5,
.text-primary h6,
.text-primary .h1,
.text-primary .h2,
.text-primary .h3,
.text-primary .h4,
.text-primary .h5,
.text-primary .h6,
.text-primary .display-1,
.text-primary .display-2,
.text-primary .display-3,
.text-primary .display-4 {  color: #0964ba !important; }

.text-primary .text-muted {  color: rgba(23, 79, 132, 0.7) !important; }

.text-orange  {  color: #fd7e14 !important; }
.text-pink  {  color: #ed0c7b !important; }
.text-purple  {  color: #6f42c1 !important; }
.text-bgreen  {  color: #059d94 !important; }
.text-ygreen  {  color: #5e9704 !important; }
.text-darkblue  {  color: #0083b9 !important; }
.text-blue  {  color: #4789c8 !important; }
.text-blue2  {  color: #0083b9 !important; }
.text-skyblue { color:#3bb5f0 !important; } 
.text-mint { color:#4edaf9 !important; } 




.ff-basic { font-family: 'NanumSquareNeo', Arial, Helvetica, sans-serif !important } 

strong { } 


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

  섹션-공통
  
--------------------------------------------------------------------------------------*/     
.section {  position: relative; 
 /* display: -webkit-box;
  display: flex;*/  }
 
.area {
  padding-top:10em;
  padding-bottom:10em;  
}
 
@media (max-width: 992px) {
  .area { 
  padding-top:8em;
  padding-bottom:8em; 
  }
}

@media (max-width: 768px) {
  .area { 
  padding-top:6em;
  padding-bottom:6em;  
  } 
}

@media (max-width: 576px) {
  .area { 
  padding-top:5em;
  padding-bottom:5em;
  }    
}

 

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

  메인 타이틀-공통
  
--------------------------------------------------------------------------------------*/   
.main-title { 
  position: relative;  
  z-index:99;   
  text-align:center; margin-bottom:50px; 
} 
.main-title h1,
.main-title h2,
.main-title h3,
.main-title h4,
.main-title h5,
.main-title h6  { position: relative; font-weight: 400; } 

.main-title .mp50,
.main-title .mp50,
.main-title .mp50 {  margin-bottom:50px; padding-bottom:50px;} 
 
.main-title .section-area { position: relative; color:#347abd ; font-weight: 600; letter-spacing:5px;  text-transform:uppercase; padding-bottom:20px; }  
.main-title .section-title { position: relative;  line-height:1.2;  letter-spacing:-.5px;  font-weight: 500; text-transform:; margin-bottom:20px; padding-bottom:30px;}
.main-title .section-text {position: relative;  line-height:1.7;  letter-spacing:0; color:#333; }
  
.main-title .over:after,
.main-title .over:after,
.main-title .over:after { position: relative; display:block; content:''; width:25%; height:1px; background:#222; top:50px;} 
.main-title .over.white:after {  background:#fff; } 

.main-title .display-4,
.main-title .display-5 { font-weight:500;  }
.main-title span {  }    
 
@media (max-width: 1240px) {  
	.main-title p {   }   
}

@media (max-width: 992px) {  
    .main-title h1,
    .main-title h2,
    .main-title h3 { } 

    .main-title .mp50,
    .main-title .mp50,
    .main-title .mp50 {  margin-bottom:30px; padding-bottom:30px;}  
	
	.main-title .section-title {padding-bottom:15px; }

    .main-title .over:after,
    .main-title .over:after,
    .main-title .over:after { top:30px;} 
	.main-title  br  {  display:none ; }  
	.main-title .section-title br  {  display:block ; }   
	.main-title .section-text {   }  
}
@media (max-width: 768px) {  
	.main-title .section-text {   } 
}
@media (max-width: 576px) {  
	.main-title .section-text {   } 
	.main-title br  {  display:none !important; }  
}




.main-title h3 { position:relative; 
     text-transform: uppercase;
     padding: 0;
	 display:inline-block;
	 margin:0 auto 20px auto;
	 z-index:1; 
}
.main-title h3::before,
.main-title h3::after {
     position: absolute; 
     content: "";
	 background-size:100%;
	 background-repeat:no-repeat;
     width: 50px;
     height: 60px; 
	 z-index:-1;
}
.main-title h3::before { 
	 background-image: url("/img/common/icon_quote_b.svg"); 
	 opacity:0.1;
	 top:-40px;
	 left:-00px;  
}

.main-title h3::after {
	 background-image: url("/img/common/icon_quote_b.svg");
	 opacity:0.1;
	 top:;
	 right:; 
	 bottom:-40px;
	 left:-00px;  
     transform: rotate( 180deg ); 
} 
 


 
 

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

  컨텐츠 메인 서브 내용
  
--------------------------------------------------------------------------------------*/   
.text-title p,
.text-title .p,
.ttp {   font-size:1.2rem;  font-weight:400 !important; line-height:1.6; letter-spacing:0; color:#333; } 

@media screen and (max-width: 1400px) {
    .text-title p,
    .text-title .p,
    .ttp  {  font-size: calc(0.95rem + 0.2vw) !important;  }
} 
@media (max-width: 1240px) {  
    .text-title p br,
    .text-title .p br,
    .ttp br {	display:  ;  }   
} 

.text-section p,
.text-section .p,
.tsp   {   font-size:1.1rem;  font-weight:400 !important;  line-height:1.6; letter-spacing:0; color:#333 } 

@media screen and (max-width: 1400px) {
    .text-section p,
    .text-section .p,
    .tsp  {  font-size: calc(0.85rem + 0.2vw) !important; }
} 
@media (max-width: 1240px) {  
    .text-section p br,
    .text-section .p br,
    .tsp br  {  }  
}

 




/*------------------------------------------------------------------------------------
  오버레이 공통
--------------------------------------------------------------------------------------*/
.overlay {    position: relative; }
.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .5);
      z-index: 1; }  




/*------------------------------------------------------------------------------------
  기타 공통
--------------------------------------------------------------------------------------*/
.img,
.blog-img,
.user-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
  overflow:hidden; 
  border-radius:.3rem!important }

 

.hover-img img { 
  transition: 0.3s;
}
.hover-img:hover img {
  transform: scale(1.1); 
}
  

.jm-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 8em; }
 
@media (max-width: 992px) { 
	.jm-sticky-top {
	  position:relative; 
	  top: 0; }
}



 
 






.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: normal;
}

.icon-box-primary,
.icon-box-light {
    position: relative;
    padding: 0 0 10px 10px;
    z-index: 1;
}

.icon-box-primary i,
.icon-box-light i {
    font-size: 60px;
    line-height: 0;
}

.icon-box-primary::before,
.icon-box-light::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    left: 0;
    bottom: 0;
    border-radius: 35px;
    transition: .5s;
    z-index: -1;
}

.icon-box-primary::before {
    background: var(--bs-primary);
}

.icon-box-light::before {
    background: var(--bs-light);
}




 
 h1.bg-txt {
  font-size: 10rem;
  color: #fff;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase; 
  overflow: hidden;
  position: relative; 
  position: absolute; 
  text-align:center;
  display:block;
  margin:0 auto;   }
  
  
  @media (max-width: 1240px) {
     h1.bg-txt { font-size: calc(3rem + 2vw);} }  



 

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

  PRODUCTS
  
--------------------------------------------------------------------------------------*/ 

.main-product {  position: relative;  background:url(/img/main/main-product.jpg) center center; background-attachment: ;}

.main-product > .container { 
	position: relative; 
	z-index: 9; } 
.main-product .section-text { position:relative;  }
.main-product .section-text .circle { position:relative; display:inline-block; margin-right:10px; margin-bottom:2px; width:12px; height:12px; background:#4789c8; content:''; border-radius:50%; }
.main-product .section-text .circle:before { position:absolute; display:block; width:8px; height:8px; background:#39a9e0; right:15px; top:50%; content:'';border-radius:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.main-product .circle:after { position:absolute; display:block; width:8px; height:8px; background:#40c5e3; right:26px; top:50%;  content:'';border-radius:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.prod-section {
  overflow: hidden;
  margin-bottom: 30px; 
}

.prod-slider.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.prod-slider.owl-carousel .owl-item.active .prod-item .prod-inner-text {
  opacity: 1;
  top: 30%;
}

 
.prod-slider.owl-carousel {	position: relative; }
.prod-slider.owl-carousel .owl-item {	opacity: .4; }
.prod-slider.owl-carousel .owl-item.active {	opacity: 1; }
.prod-slider.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%; }
.prod-slider.owl-carousel .owl-nav .owl-prev,
.prod-slider.owl-carousel .owl-nav .owl-next {
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
	color: #444 ;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 1;  
	height: 60px;
	width: 60px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	line-height: 1;
	text-align: center; 
	color: #ffffff;}
.prod-slider .owl-carousel .owl-nav .owl-prev i:before,
.prod-slider.owl-carousel .owl-nav .owl-next i:before {	font-size: calc(1.2rem + 0.35vw)  }

.prod-slider.owl-carousel .owl-nav .owl-prev:hover, 
.prod-slider.owl-carousel .owl-nav .owl-prev:focus, 
.prod-slider.owl-carousel .owl-nav .owl-prev:active,
.prod-slider.owl-carousel .owl-nav .owl-next:hover,
.prod-slider.owl-carousel .owl-nav .owl-next:focus,
.prod-slider.owl-carousel .owl-nav .owl-next:active {
	outline: none;
	background: rgba(0, 0, 0, 1); }
.prod-slider.owl-carousel .owl-nav .owl-prev {	left: -50px; }
.prod-slider.owl-carousel .owl-nav .owl-next {	right: -50px; }

.prod-slider.owl-carousel .owl-nav .owl-prev:hover i:before,
.prod-slider.owl-carousel .owl-nav .owl-next:hover i:before { 		color: #ffffff !important; }

.prod-slider.owl-carousel:hover .owl-nav .owl-prev,
.prod-slider.owl-carousel:hover .owl-nav .owl-next {	opacity: 1; }
.prod-slider.owl-carousel:hover .owl-nav .owl-prev {	left: ; }
.prod-slider.owl-carousel:hover .owl-nav .owl-next {	right: ; }
	
	

.prod-slider.owl-carousel .owl-dots {	text-align: center; }
.prod-slider.owl-carousel .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
	background: #e6e6e6;
	position: relative; }
.prod-slider.owl-carousel .owl-dots .owl-dot:after {
	position: absolute;
	top: -2px;
	left: -2px;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	content: '';
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%; 
	display:none; }
.prod-slider.owl-carousel .owl-dots .owl-dot.active {	background: #0964ba; }
 

@media screen and (max-width: 992px) { 
	 .prod-slider.owl-carousel .owl-nav .owl-prev,
	.prod-slider.owl-carousel .owl-nav .owl-next { 
		height: 45px;
		width: 45px; }
	.prod-slider.owl-carousel .owl-nav .owl-prev {	left: -5px; }
	.prod-slider.owl-carousel .owl-nav .owl-next {	right: -5px; }
}


.prod-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(50vh);
  min-height:450px;
  max-height:500px;
  width:100%;
  overflow: hidden;
	position: relative; 
}
.prod-item .prod-inner-text { 
  opacity: 0;
  position:absolute;
  top: 50%;
  left:-30px; 
  width:100%;
  
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.prod-item .prod-inner-text .prod-text { 
  position:absolute;
  background: rgba (9,100,186, .9);
  background:#0964ba;
  padding-top: 120px;
  padding-left: 100px;
  width:440px;
  height:440px;
  border-radius:500px;
}
.prod-item .prod-inner-text .prod-text h4 {  
  color:#fff;
  font-weight:400;
  letter-spacing:-1px; 
  margin-bottom: 30px;
}
.prod-item .prod-inner-text .prod-text h6 {  
  color:#fff; 
  font-weight:400; 
  letter-spacing:-.5px;
  margin-bottom: 20px;
  display:none;
}
.prod-item .prod-inner-text .prod-text p { }
.prod-item .prod-inner-text .prod-text p span { }
.prod-item .prod-inner-text .prod-text .label {
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  padding: 2px 10px;
  background: #3068b2;
  font-weight: 600;
  margin-right: 10px;
}
.prod-item .prod-inner-text .prod-text h5 {   display: inline-block;}
.prod-item .prod-inner-text .prod-text h5 span {  }

@media screen and (max-width: 1240px) { 
	 .prod-item { 
	  height: calc(45vh);
	  min-height:400px;
	  max-height:450px;  
	}
	.prod-item .prod-inner-text {   
	}
	.prod-item .prod-inner-text .prod-text {  
	  padding-top: 100px;
	  padding-left: 80px;
	  width:400px;
	  height:400px; 
	}  
}

@media screen and (max-width: 992px) { 
	 .prod-item { 
	  height: calc(40vh);
	  min-height:300px;
	  max-height:400px;  
	}
	.prod-item .prod-inner-text {    
	}
	.prod-item .prod-inner-text .prod-text {  
	  padding-top: 80px;
	  padding-left: 80px;
	  width:340px;
	  height:340px; 
	}  
}

@media screen and (max-width: 768px) { 
	.prod-item .prod-inner-text .prod-text {  
	  padding-top: 60px;
	  padding-left: 80px;
	  width:320px;
	  height:320px; 
	}   
}
 
 





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

  no1
  
--------------------------------------------------------------------------------------*/ 

.main-no1 {   position: relative; background:url(/img/main/main-no1.jpg) center center; background-attachment:fixed; background-size:cover;}
.main-no1.overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .65);
	z-index: 1; } 
.main-no1 > .container { 
	position: relative; 
	z-index: 9; } 
	
.main-no1 .main-no1-logo { width:100%; max-width:320px; margin:0 auto; text-align:center;}

.services-wrap {} 
.services {  
  padding:2.5em 3em;  
  width: 100%;
  height: 100%;
  width:250px;
  height:250px;
  border-radius: 50%; 
	background: transparent;
  border: 2px solid rgba(255,255,255,1);
  -webkit-box-shadow: 0px 5px 12px -1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 5px 12px -1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 5px 12px -1px rgba(0, 0, 0, 0.03); 
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease; }
 
.services:hover {    
	background: #0964ba; 
  border: 2px solid #0964ba;   }  
  
.services .icon {  
  margin: 0 auto;
  margin-bottom: 10px; 
  width: 100%;
  max-width:100px} 

.services h6 { color: #fff; line-height:1.4; } 

@media screen and (max-width: 992px) {  
	.main-no1 .main-no1-logo { max-width:280px;}
	.services {  
	  padding:2em 2.5em ;   
	  width:200px;
	  height:200px; }  
	.services .icon {  
	  max-width:80px } 
}

@media screen and (max-width: 768px) { 
	.main-no1 .main-no1-logo { max-width:240px;} 
	.services {  
	  padding:1.5em 2em ;   
	  width:160px;
	  height:160px; }  
	.services .icon {    	margin-bottom: 5px;  	  max-width:60px } 
}


@media screen and (max-width: 768px) { 
	.main-no1 .main-no1-logo { max-width:220px;} 
	.services {  
	  padding:1em 1.5em ;   
	  width:145px;
	  height:145px; }  
	.services .icon {    	margin-bottom: 5px;  	  max-width:60px } 
}



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

  work
  
--------------------------------------------------------------------------------------*/ 

.main-work {  }	
.main-work-img {   position: relative; background:url(/img/main/main-work.jpg) center center; background-attachment:}
.main-work-img.overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(20, 92, 173, .65);
	z-index: 1;  
    background: -webkit-linear-gradient(bottom, rgba(20, 92, 173, 1) 0%,  rgba(20, 92, 173, .6) 100%);
    background: linear-gradient(to bottom, rgba(20, 92, 173, 1) 0%,  rgba(20, 92, 173, .6) 100%);   } 
.main-work .main-work-txt { 
	position: relative; 
	z-index: 9; } 

.main-work .work-form { position: relative; border-top:2px solid #070707 ;  border-bottom:1px solid #070707 ;   padding:0 !important;  } 
.main-work .work-form  .b_list_form  {  margin:0 !important; position: relative; border-bottom:1px solid #333;   } 
.main-work .work-form  .b_list_form .b_title {  padding:0 !important; margin:0 !important;  }  
.main-work .work-form  .b_list_form .b_title h6 {  padding:0 20px !important; width:70%;
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;  }  
.main-work .work-form  .b_list_form .b_title span { display:block; position:absolute; width:30%; right:20px; top:50%; text-align:right;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); }

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

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

@media (max-width: 576px) {   
	.main-work .main-title br  {  display:block !important; }  
}
 
 
 
 

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

  하단
  
--------------------------------------------------------------------------------------*/ 

.foot-cust { background:url(/img/main/foot-img.jpg) center center;  }
.foot-cust * { color:#fff;}
.foot-cust * a:hover { color:#0964ba ;}
.foot-cust .display-4 a { color:#d0ef00 !important; }
.foot-cust.overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .65);
	z-index: 1; } 
	
.foot-cust .section {
	z-index: 5;
	position: relative; }
.foot-cust_text h6 {  
	text-transform: uppercase; 
	display: block; }
.foot-cust_text h2 {   	margin-bottom: 36px;}
 .foot-cust_text h2 strong{  } 
 





 


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

  Footer
  
--------------------------------------------------------------------------------------*/ 
.sub-wrap  .footer { background-color:#fff; border-top:1px solid #ddd;}
footer { } 
.footer { padding-top:30px; } 
.footer span,
.footer span a,
.footer a,
.footer a span {  } 
.footer .home {display:none} 
.footer-logo {  border-bottom: 2px solid #0964ba; padding-bottom:30px; margin-bottom:30px; }   
.footer-logo img{   	width:100%; 	max-width:140px;}    

.footer-quick {border-width:1px 0 1px 0; border-color:rgba(255,255,255,.2); border-style:solid;  display:block;  text-align:right;}  
.footer-quick li { position:relative; display:inline-block;  margin:0 20px 0 0;  }  
.footer-quick li:after {  position:absolute; display:block; top:25%; bottom:0; content:''; width:0px; height:50%; background:rgba(255,255,255,.2);  right:-10px;}   
.footer-quick li:last-child:after {   display:none; }   
.footer-quick li a  {     }  
.footer-quick li a:hover {      }  

.footer-content .footer-links h6 { margin-bottom: 20px; }
.footer-content .footer-links { text-align:center; margin-bottom: 30px;}
.footer-content .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
} 
.footer-content .footer-links ul a {    
	transition: 0.3s;  
	display: inline-block;
	line-height: 1 ;
}
.footer-content .footer-links ul a:hover {  }  
.footer-info li {  display:inline-block;  margin:0 1.5em 2px 0; font-size: calc(0.85rem + 0.1vw); font-weight:400; }   
.footer-info li a  {      color: #444; }    
.footer-info li a:hover {      color: #0964ba; }      
.copy{  font-size: calc(0.8rem + 0.1vw)  } 

@media (max-width: 992px) {   
	.footer-logo  img{   max-width:120px;}    

}

@media (max-width: 768px) { 
	.footer-logo  img{   max-width:100px; }  
	.footer-quick {   text-align:left; }    
	.footer-quick li { margin:0 10px 0 0;  }   
	.footer-quick li a { }   
	.footer-content .footer-links h6 { margin-bottom: 5px; }
	.footer-content .footer-links { margin-bottom: 20px; text-align:left; }
	.footer-content .footer-links a{  padding-left:0}
	.footer-info li {  margin:0 1em 2px 0;  }    
	.copy{   }
}
@media (max-width: 576px) {  
	.footer-logo  img{   max-width:80px; } 
	.footer-quick li a {  }   
	.footer-info li {   }   
	.copy{   }
}
  
 
 
 
 
 
 
 
 
/*------------------------------------------------------------------------------------

  Right - Tel / Inquiry / Top
  
--------------------------------------------------------------------------------------*/ 
 
#st-backtotop { position: fixed; bottom: 5px; right:5px; text-decoration: none;  z-index: 99; cursor: pointer;  }
	
#st-backtotop > div,
#st-backtotop > div a{ color: #fff; color: #0964ba;   width:80px; height:80px;  text-align:center; margin-bottom:0px; 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;}
	
#st-backtotop > div i{ font-size:1.7rem; line-height:80px; }
	
#st-tel { background:#0964ba;  background:linear-gradient(150deg, #00da80, #0964ba 90%); border-radius: 10px 0 ; display: none; } 
#st-tel:hover {   background-color: rgba(0,0,0,1);} 
	
#st-inqu { background-color: #0964ba; margin-bottom: 0; 	display:none; } 
#st-inqu i{ color: #fff;  }
#st-inqu:hover {   background:rgba(255,255,255,1); }
#st-inqu:hover i{   color: #0964ba; } 
 
#st-top { background: #fff;  line-height:90px;  text-transform:uppercase; border-radius:50%;   }
#st-top:hover {  background:  rgba(0,0,0,.75); background: #fff;  color: #111;  } 

 @media (max-width: 1240px) { 
	#st-backtotop > div,
	#st-backtotop > div a{ width:70px; height:70px; }
	#st-backtotop > div i{ font-size:1.5rem; line-height:70px; } 
 }
 
 @media (max-width: 992px) { 
	#st-backtotop {  display: none; }
	#st-backtotop > div,
	#st-backtotop > div a{ width:60px; height:60px; }
	#st-backtotop > div i{ font-size:1.4rem; line-height:60px; } 
 }
 
  @media (max-width: 768px) {  
	#st-backtotop > div,
	#st-backtotop > div a{ width:50px; height:50px; }
	#st-backtotop > div i{ font-size:1.3rem; line-height:50px; } 
 }
 




/*---------------------
  footer-menu-bottom
-----------------------*/

.footer-menu-bottom{  display:none; } 
 @media (max-width: 992px) { 
	.footer-menu-bottom{ padding-top:0px; height:55px; text-align:center; display:block; z-index:999;  } 
	.footer-menu-bottom a{ width:55px; height:55px;  line-height:53px; color:#fff;   border-radius:60px; text-align:center; margin:auto}
	.footer-menu-bottom a i{ vertical-align:middle; font-size:1.5rem; }
	.footer-menu-bottom.menu-num1 a{ }
	.footer-menu-bottom.menu-num2 a{ }  
	.footer-menu-bottom a:nth-child(1){ background:#3BA8DF; color:#fff; }
	.footer-menu-bottom a:nth-child(2){ background:#444; color:#fff;  }
	.footer-menu-bottom a:nth-child(1) i{line-height:;text-align:center; background-color:#; color:#fff; margin-right:0px;  } 
	.footer-menu-fixed{position:fixed; bottom:0px; left:0; width:100%; padding:5px 0%; background:rgba(0,0,0,.15); z-index:999; }
	.footer-menu-wrap{width:100%; max-width:900px; margin: 0 auto;  }
 }
 

 



 


 
 

 

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

  문의
  
--------------------------------------------------------------------------------------*/
.estimate .input_field  { position: relative;}
.estimate .input_field input, 
.estimate .input_field textarea {
  width: 100%;
  position: relative;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #afafaf !important;
  padding:0 15px; 
  background: transparent;
  color: #222; 
  line-height:;
  background:#fff;
}
.estimate .input_field textarea {  padding:18px;}
.estimate .input_field input::placeholder, 
.estimate .input_field textarea::placeholder {
  color: #444;
  font-weight: 400; 
}
.estimate .input_field input:focus, 
.estimate .input_field textarea:focus {  outline: none;}
.estimate .input_field textarea {  height: 100px;}

.estimate .esti-txt { padding:15px 0; margin: 20px 0; }
.estimate .esti-txt p { } 

.estimate .esti-ct  { position:relative; margin:10px 0 10px}
.estimate .esti-ct h6 { position:relative; font-size:110%;}
.estimate .esti-ct h6 .check::after { 
	position:relative;
	content: "\F151";  
	right:auto;   
	color:#e8006d;
	font-weight:400; 
	font-size:.85rem;
	margin-left:5px;
	 font-family: 'bootstrap-icons';  
	 display:inline-block;
}

.estimate .nice-select { 
  height: 50px;
  line-height: 50px;
  outline: none;
  padding-left: 15px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  background: transparent;
  border: 1px solid #afafaf!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background:#fff;
  margin-bottom: ;
  width: 100%;
  color: #222;
}
.estimate .nice-select .option {  color: #222; }
.estimate .nice-select .list {
    background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    box-shadow: none;
    border: 1px solid #afafaf !important;
    margin-top: 0px;
	z-index:999}

.estimate .nice-select .option:hover, 
.estimate .nice-select .option.focus, 
.estimate .nice-select .option.selected.focus {      background-color: #f6f6f6; }
.estimate .nice-select .option.selected {     font-weight: 400 !important;   }
	 
.estimate .nice-select::after {
  content: "\f107";
  display: block;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 4px;
  transition: all 0.15s ease-in-out;
  font-family: 'icomoon';
  color: #222;
  font-size: 1.4rem; 
}


.estimate .esti-item  { padding:10px 0; }
.estimate .esti-item.row  { border-bottom: 1px solid #ddd!important; align-items: center; 
	padding-right: 0;
    padding-left: 0;	
	margin-right: 0;
    margin-left: 0;
} 
.estimate .esti-item > div { 	
	padding-right: 0;
    padding-left: 0;	
	margin-right: 0;
    margin-left: 0;
}
.estimate .esti-item.row .row {  align-items: center;  	
	margin-right: -5px;
    margin-left: -5px;
} 
.estimate .esti-item.row .row > .col, 
.estimate .esti-item.row .row > [class*="col-"]  {  
	padding-right: 5px;
    padding-left: 5px; 
} 

.estimate .protect  { background:#fff; border: 1px solid #ccc; padding:15px ; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;} 
.estimate .protect  p { color:; font-size: calc(0.85rem + 0.1vw) } 
.estimate .essential { color:#e8006d; }


@media screen and (max-width:768px){   
	.estimate .protect  {padding:15px ; } 
	.estimate .esti-item.row .row {  align-items: center;  	
		margin-right: -2px;
		margin-left: -2px;
	} 
	.estimate .esti-item.row .row > .col, 
	.estimate .esti-item.row .row > [class*="col-"]  {  
		padding-right: 2px;
		padding-left: 2px; 
	}
}
 

.estimate input,   
.estimate button  {  /*font-size:1.05rem;*/} 

@media screen and (max-width:768px){  
	.estimate input,   
	.estimate button  { /* font-size:1rem; */} 
}

@media screen and (max-width:576px){ 
	.estimate input, 
	.estimate button  {/*  font-size:.95rem; */} 
}
 
 
 
 
.estimate .radio-wrapper .select-radio .radio {
	margin:0.5rem; 
	margin:0.5rem 1rem 0.5rem 0.5rem; 
	display:inline-block
}

.estimate .radio-wrapper .form-check .form-check-label { 
    padding-left: 0; 
} 
.estimate .radio-wrapper .select-radio .radio label {
	cursor:pointer;
	margin-left:-2px; 
	color:#222;
	font-size:1.1rem;
	line-height:1.4em;
} 
.estimate .radio-wrapper .select-radio .radio input[type="radio"] {
	position:absolute;
	opacity:0;
	cursor:pointer
}
.estimate .radio-wrapper .select-radio .radio input[type="radio"]+.radio-label:before {
	content:'';
	background:#fff;
	border-radius:100%;
	border:1px solid #afafaf;
	display:inline-block;
	width:1.4em;
	height:1.4em;
	position:relative; 
	margin-right:10px;
	vertical-align:top;
	cursor:pointer;
	text-align: ;
	transition:all 250ms ease
}
.estimate .radio-wrapper .select-radio .radio input[type="radio"]:checked+.radio-label:before {
	background-color:#0389e7;
	box-shadow:inset 0 0 0 4px #f4f4f4
}
.estimate .radio-wrapper .select-radio .radio input[type="radio"]:focus+.radio-label:before {
	outline:none;
	border-color:#0389e7
}
.estimate .radio-wrapper .select-radio .radio input[type="radio"]:disabled+.radio-label:before {
	box-shadow:inset 0 0 0 4px #f4f4f4;
	border-color:#afafaf;
	background:#b4b4b4
}
.estimate .radio-wrapper .select-radio .radio input[type="radio"]+.radio-label:empty:before {
	margin-right:0
}
@media (max-width: 1240px) { 
	.estimate .radio-wrapper {		display:block	} 
}
@media screen and (max-width:992px){ 
	.estimate .estimate-wrapper { 		padding:50px; 	}
}
@media screen and (max-width:768px){ 
	.estimate .estimate-wrapper { 		padding:30px; 	}
	.estimate .radio-wrapper .select-radio .radio label { 
		font-size:1rem; 
	} 
}
@media screen and (max-width:576px){ 
	.estimate .estimate-wrapper { 		padding:20px; 	}
	.estimate .radio-wrapper .select-radio .radio label { 
		font-size:.95rem; 
	} 
}
@media screen and (max-width:340px){ 
	.estimate .estimate-wrapper { 		padding:10px; 	}
}




.a_group > .row ,
.a_group .row.addrow { padding:8px 0; background:#fff; margin:0; width:100%; border-bottom:1px solid #ccc; }
.a_group > .row:nth-child(2n) ,
.a_group .row.addrow:nth-child(2n)  {  }
.a_group .a_group_field   { background:#f2f9fd; border-top:1px solid #ccc; }
.estimate .a_group .esti-item  { padding:3px 0; }
.estimate .a_group .esti-item.row  { border-bottom:none !important; } 
.estimate .radio-wrapper .select-radio .radio { 
	margin:0.25rem 0.5rem 0.25rem 0.25rem;  
}
.estimate .a_group .radio-wrapper .select-radio .radio label {  
	font-size:1rem;
	line-height:1.2em;
} 
.estimate .a_group .radio-wrapper .select-radio .radio input[type="radio"]+.radio-label:before { 
	width:1.2em;
	height:1.2em; 
}

@media screen and (max-width:992px){ 
	.a_group .a_group_field   { display:none !important; }
}



.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:;
    height:50px;
    background:#222;
    font-size:1rem;
    color:#fff;
    text-align:center;
    line-height:50px;
	top:3px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden; 
	border:transparent;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:;
    height:50px;
    line-height:50px;
    font-size:1.1rem;
    padding:0;
    border:0;
    border:1px solid #afafaf;
  padding-left: 18px;
  padding-right: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

input.disabled  {
	color:#222;
	background-color:#f4f4f4 !important
}
input:not(:disabled):not(.disabled).active  {
	color:#222;
	background-color:#f4f4f4;
	border-color:#f4f4f4
}
input:not(:disabled):not(.disabled).active:focus {
	box-shadow:0 0 0 .2rem rgba(0, 123, 255, .5)
}