@charset "utf-8";
 
:root {
		--primary: #D5B329 !important;
		--secondary: #d3001a !important; 
		--success: #9EC914 !important; 
		--info: #0080eb !important;
		--warning: #ffd800 !important;
		--danger: #ed0000 !important;
		--light: #dde1ed !important;  
		--font-color-base:#000;
		--font-color-heading:#000;
		--font-color-primary:#00209f;
		--font-color-secondary:#22347c;
		--font-color-warn:#ec2a1d;
		--font-color-success:#009f16;    
		--shadow:0 5px 10px 0px rgba(0, 0, 0, .05);
}

/* 기본 속성 */
background-blend-mode : normal; 
background-blend-mode : multiply;
background-blend-mode : screen;
background-blend-mode : overlay; 
background-blend-mode : darken; 
background-blend-mode : lighten; 
background-blend-mode : color-dodge; 
background-blend-mode : color-burn;
background-blend-mode : hard-light;
background-blend-mode : soft-light;
background-blend-mode : difference;
background-blend-mode : exclusion;
background-blend-mode : hue;
background-blend-mode : saturation;
background-blend-mode : color;
background-blend-mode : luminosity;

/* 다중 속성 */
background-blend-mode : color-dodge, exclusion; 
background-blend-mode : color-dodge, hue; 

/* 전역 속성 */
background-attachment : inherit;   /* 상속 */
background-attachment : initial;   /* 초기화 */
background-attachment : revert;    /* 원래대로 돌리기 */
background-attachment : unset;     /* 설정 해제 */
/* 출처: https://webstoryboy.tistory.com/1825 [WEBSTORYBOY:티스토리] */





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

  공통클래스
  
--------------------------------------------------------------------------------------*/  
.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 { }  
.subM { margin-top:80px;}

@media (max-width: 992px) { 
	.sub-wrap {   }  
	.subM { margin-top:60px;}
}

@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: var(--primary) !important; }
.bg-blue { background:#004fc6 !important; } 
.bg-blue2 { background:#0083b9 !important; }  
.bg-darkblue { background:#001478 !important; }  
.bg-skyblue { background:#f8fbff !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 } 



.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,
.text-primary:hover,
.text-primary:focus 
a.text-primary:hover,
a.text-primary:focus {  color: var(--primary) !important; }

.text-secondary,
.text-secondary a:not(.btn),
.text-secondary h1,
.text-secondary h2,
.text-secondary h3,
.text-secondary h4,
.text-secondary h5,
.text-secondary h6,
.text-secondary .h1,
.text-secondary .h2,
.text-secondary .h3,
.text-secondary .h4,
.text-secondary .h5,
.text-secondary .h6,
.text-secondary .display-1,
.text-secondary .display-2,
.text-secondary .display-3,
.text-secondary .display-4,
.text-secondary:hover,
.text-secondary:focus 
a.text-secondary:hover,
a.text-secondary:focus {   color: var(--secondary) !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-blue  {  color: #004fc6 !important; }
.text-blue2  {  color: #006cdb !important; }
.text-skyblue { color:#3bb5f0 !important; } 
.text-mint { color:#4edaf9 !important; } 
.text-warning  {  color: #ffd800 !important; } 
.text-warning:hover  {  color: #ffd800 !important; } 
 

strong { font-weight: 700;  } 

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



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

  섹션-공통
  
--------------------------------------------------------------------------------------*/     
.section {  
	position: relative; 
	display: -webkit-box;
	display: flex;  
	flex-wrap:wrap;
	align-items: center !important; 
	justify-content: center !important;  
  }
 
.area {
	  padding-top:8em;
	  padding-bottom:8em;  
}
 
@media (max-width: 992px) {

 
	.area { 
		padding-top:7em;
		padding-bottom:7em; 
	}
	
}

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

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

 

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

  메인 타이틀-공통
  
--------------------------------------------------------------------------------------*/   
.MTC {
	/* 
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	margin-top:calc(-1 * var(--bs-gutter-y));
	margin-right:calc(-.5 * var(--bs-gutter-x));
	margin-left:calc(-.5 * var(--bs-gutter-x));
	*/
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between !important;
	align-items: flex-start !important;
	}
	
.main-title { 
  position: relative;  
  z-index:9;   
  margin-bottom:50px; 
  text-align:  center
}	
.main-title.left {  
  text-align:  left
}  
.main-title h1,
.main-title h2,
.main-title h3,
.main-title h4,
.main-title h5,
.main-title h6  { position: relative; font-weight: 300; } 
 
.main-title strong {   font-weight: 800; }  
 
.main-title .section-title { font-weight: 200; letter-spacing:-1px;   margin-bottom:30px;  }
.main-title .section-area {  line-height:1.4;  font-weight: 200; }  
.main-title .section-area.h5, 
.main-title .section-area.h6 { line-height:1.4;  font-weight: 300 !important; }  
.main-title .section-text {  line-height:1.7;   } 
.main-title .section-up { text-transform: uppercase; letter-spacing: 5px; font-weight: 500}
 
.main-title span {  }    
 
@media (max-width: 1240px) {  
	.main-title p {   }   
}

@media (max-width: 992px) {  
	.MTC {
		display:inherit; 
	}
	   
	.main-title {  
	  margin-bottom:60px; 
	} 
	.main-title .section-title { margin-bottom:20px; }
 
	.main-title  br  {    }  
	.main-title .section-title br  {  display:block ; }   
	.main-title .section-text {   }  
	.main-title .section-up {   letter-spacing: 3px; }
}
@media (max-width: 768px) {  
	.main-title {  
	  margin-bottom:40px; 
	} 
	.main-title .section-text {   } 
}
@media (max-width: 576px) {  
	.main-title .section-text {   } 
	.main-title br  {   }  
}



 
 
 
 

 
 

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

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

@media screen and (max-width: 1400px) {
    .text-title p,
    .text-title .p,
    .ttp  {  font-size: calc(0.95rem + 0.3vw) !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.2rem;  font-weight:400 !important;   letter-spacing:-.25px; color:#333 } 

@media screen and (max-width: 1400px) {
    .text-section p,
    .text-section .p,
    .tsp  {  font-size: calc(0.85rem + 0.25vw) !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, .65);
      z-index: 1; }  
.overlay > div,
.overlay > .container,
.overlay  > .con_detail,
.overlay  > .board_detail, 
.overlay  > .sub-contents { 
	position: relative; 
	z-index: 5; }  





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

  기타 공통
  
--------------------------------------------------------------------------------------*/

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

.hover-img { 
	position:relative; 
	overflow:hidden; 
}
.hover-img img { 
	transition: 0.3s;
}
.hover-img:hover img {
	transform: scale(1.1); 
}
  
 
 
.jm-sticky-top {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 120px; padding-top: ; 
	height:100%!important
}
 .jm-sticky-top.h-100 {
	height:100%!important
}
@media (max-width: 992px) { 
	.jm-sticky-top {
	  position:relative !important; 
	  top: 0; padding-top: 0; 
	  height:auto
	}
	.jm-sticky-top.h-100 {
	  height:auto !important
	}
}



hr {
	margin:1rem 0 2rem;
	color:inherit;
	background-color:currentColor;
	border:0;
	opacity:.15
}
hr:not([size]) {
height:1px
}





.rounded-15 {
    border-radius: 15px !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.rounded-30 {
    border-radius: 30px !important;
}
 


/* a 링크 무효화시키기 
a {
    pointer-events: none;
} 
*/
  


 

 
 
 
 


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

  비주얼
  
--------------------------------------------------------------------------------------*/ 
.home-slider {
	z-index: 1;
	position: relative; }

.home-slider .overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, .35);
	z-index: 0; } 
.home-slider .container { z-index:5;}
.home-slider .owl-nav {
	opacity: 1;
	visibility: hidden;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }
.home-slider .owl-nav button { color: #fff; }

.home-slider:focus .owl-nav, 
.home-slider:hover .owl-nav {
	opacity: 1;
	visibility: visible; }
.home-slider .slider-item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: calc(100vh - 0px);
	min-height: 700px;  
}

.home-slider .owl-dots {
	position: absolute;
	bottom: 5% ;
	width: 100%; }
.home-slider .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%; 
	background: rgba(255, 255, 255, 1);
	outline: none !important;
	position: relative;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease; }
.home-slider .owl-dots .owl-dot i {
	position: absolute;
	width: 20px;
	height: 3px;
	background: rgba(255, 255, 255, 0.5);
	left: 50%;
	top: 50%;
	display: block; }
.home-slider .owl-dots .owl-dot.active,
.home-slider .owl-dots .owl-dot.active i {
	background: #ffd100; }
.home-slider .bg01 { background-image: url('/img/main/visual01.jpg'); background-attachment:fixed} 
.home-slider .bg02 { background-image: url('/img/main/visual02.jpg'); background-attachment:fixed} 
.home-slider .bg03 { background-image: url('/img/main/visual03.jpg'); background-attachment:fixed} 
.home-slider .bg04 { background-image: url('/img/main/visual04.jpg'); background-attachment:fixed} 

.home-slider .slider-item .slider-text { 
	height: calc(100vh - 0px); text-align:center;}
.home-slider .slider-item .slider-text .display-1 {   font-weight:200;  letter-spacing:-1px;}
.home-slider .slider-item .slider-text .display-3 {   font-weight:500;  letter-spacing:-1px;}
.home-slider .slider-item .slider-text strong {   font-weight:500; }

	  	
  .home-slider.owl-carousel:hover .owl-nav .owl-prev,
  .home-slider.owl-carousel:hover .owl-nav .owl-next {
    opacity: 1; }
  .home-slider.owl-carousel:hover .owl-nav .owl-prev {
    left:20px ; }
  .home-slider.owl-carousel:hover .owl-nav .owl-next {
    right:20px ; }
	
.home-slider .btn { display:none !important;}

	
@media (max-width: 992px) {  
.home-slider.inner-page .slider-item {
	height: calc(60vh - 0px);
	min-height: 500px; }
.home-slider.inner-page .slider-item .slider-text { 
	height: calc(60vh - 0px);
	min-height: 500px; }
	
	
}
@media (max-width: 767px) {   
}








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

  포인트
  
--------------------------------------------------------------------------------------*/ 
.point,
.point2,
.point3 { 	position:relative;}   

.point .clip {
	max-width: 50px;
	height: 600px;
	margin: 0 auto;
	background: url("/img/main/box-img01.jpg") no-repeat center center;
	background-size:;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

.point2 .clip {
	max-width: 50px;
	height: 600px;
	margin: 0 auto;
	background: url("/img/main/box-img01.jpg") no-repeat center center;
	background-size:;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

.point3 .clip {
	max-width: 50px;
	height: 600px;
	margin: 0 auto;
	background: url("/img/main/box-img01.jpg") no-repeat center center;
	background-size:;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

.point.focus .clip, 
.point2.focus .clip, 
.point3.focus .clip  {
	max-width: 100%; 
}

.point .main-title { margin-left:60px; }
.point2 .main-title { margin-left:60px; } 

@media (max-width: 1240px) {
	.point .clip,
	.point2 .clip { 
		height: 500px;  
	}
	.point .main-title
	.point2 .main-title {	margin:auto; } 
}
@media (max-width: 992px) {
	.point .clip,
	.point2 .clip { 
		height: 400px;  
	} 
}
 
 





.point3 img {
  height: 100%;
  width: auto;
  width: 100%;
  /* max-width: 75vw;
  max-width: 100vw;*/
  object-fit: contain; 
}

.point3 .main-title {
  /* font-family: Termina, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-text-stroke: 2px white;
  text-stroke: 2px white;
  color: transparent;
  font-size: clamp(3rem, 10vw, 6rem);
  position: absolute;
  top: 25%;*/  
	padding:50px 80px; 
  z-index: 99 
  /* display: grid;
  place-items: center;*/
}

body:not(.no-js) .image-wrap {
  transition: 1s ease-out;
  transition-delay: 0.2s;
  position: relative;
 /* width: auto;
  height: 80vh; */
  width: 100%;
  height: auto;
  max-height: 60vh;    
  overflow: hidden;
  clip-path: polygon( 100%0, 100% 100%, 100% 100%, 100% 0); 
  visibility: hidden;
}

body:not(.no-js) .image-wrap img {
  transform: scale(1.3);
  transition: 1s ease-out;
}

body:not(.no-js) .animating .image-wrap {
  clip-path: polygon(0 0, 0 100% , 100% 100%, 100% 0 );
  visibility: visible;
  transform: skewY(0);
}

body:not(.no-js) .animating img {
  transform: scale(1);
  transition: 2s ease-out;
}

body:not(.no-js) .fadeup {
  opacity: 0;
  transition: 0.3s ease-out;
  transform: translateY(40px);
}

body:not(.no-js) .fading-up {
  opacity: 1;
  transition: 0.3s ease-out;
  transform: translateY(0px);
  transition-delay: 0.5s;
}

body:not(.no-js) .fadeup2 {
  opacity: 0;
  transform: scale(1.3);
  transition: 0.5s ease-out;
}

body:not(.no-js) .fading-up2 {
  opacity: 1;
  transition-delay: 0.7s;
  transform: scale(1);
}

body:not(.no-js) .fadeup3 {
  opacity: 0;
  transform: scale(1.3);
  transition: 0.5s ease-out;
}

body:not(.no-js) .fading-up3 {
  opacity: 1;
  transition-delay: 1s;
  transform: scale(1);
}

@media (max-width: 992px) {
	body:not(.no-js) .image-wrap { 
		width:100%;  
	}
}
@media (max-width: 767px) {
	body:not(.no-js) .image-wrap {
		width:100%; 
	} 
	.point3 .main-title { padding:30px 50px; } 
}

@media (max-width: 576px) { 
	.point3 .main-title { padding:30px 30px; } 
}






 









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

  main-compare 
  
--------------------------------------------------------------------------------------*/ 

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

.compare-item {
    position: relative; 
	}   

.compare-info { 
	position:absolute;
	top:0; right:0;
	left:0; bottom:0;
	display:block;
	padding:40px;
	content:'';
	z-index:11;	
	} 
.compare-img {
    position: relative; 
	overflow:hidden;
	border-radius:20px; 
	} 
.compare-img::after { 
	content:""; display:block; position:absolute; top:0; left:0; width:100%; height:60%;  
	background:linear-gradient(180deg, rgba(19,19,19,0.75) 0%, rgba(19,19,19,.5) 50%, rgba(19,19,19,0) 100%); 
	z-index:2;
	transition:all 0.2s linear;
    }
	
.compare-info .c-title  { font-weight:500; margin-bottom:5px; line-height:1.1; color:#fff;} 
.compare-info .c-title strong { font-weight:800;  }  
.compare-info .c-explain {  position:relative; margin:0 0 20px 0;   display:none;  color:#fff; } 
.compare-info .c-explain p { font-weight:500;  letter-spacing:-0.5px;  font-size: calc(0.95rem + 0.25vw) !important;  color:#fff;
	position:relative; margin:0 0 3px 0; 
	text-overflow: ellipsis; overflow: hidden;
	white-space: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  } 

@media screen and (max-width: 1024px) {  
	.compare-info { 
		padding:20px 25px;	
		} 
}
@media screen and (max-width: 992px) {  
	.main-compare br {
		display:none
		} 
	.compare-info { 
		padding:30px 35px;	
		} 
}
 
 

.main-compare .compare-item {
    position: relative;
	margin-bottom:0 !important;
	z-index:10}  
.compare-carousel {
	position: relative; }
.compare-carousel.owl-carousel {
	position: relative; 
	}
.compare-carousel.owl-carousel .owl-item {
	position: relative; 
	opacity: 1; z-index:10;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	margin-top:25px; 
	overflow:hidden;
	border-radius:20px;
	}
.compare-carousel.owl-carousel .owl-item:hover {
	-webkit-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.3);
	margin-top:0px}
.compare-carousel.owl-carousel .owl-item.active {
	opacity: 1; }
.compare-carousel.owl-carousel .owl-nav {  
	/*position: absolute;
	bottom: 0;  
	z-index:11;
	left:0%; 
	display: flex; 
	width:100% ;*/
	
	position:relative; 
	bottom: -10%;   
	left:auto; 
	right:auto;    
	width:auto;
	margin:auto;
    display: flex;
    align-items: center;
    justify-content: center;
	
 }
.compare-carousel.owl-carousel .owl-nav .owl-prev,
.compare-carousel.owl-carousel .owl-nav .owl-next { 
	margin-left: 5px;
	position:relative;  
	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;  
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #1d1d1d;
    border-radius: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15); 
    transition: .5s;
	}
.compare-carousel.owl-carousel .owl-nav .owl-prev i:before,
.compare-carousel.owl-carousel .owl-nav .owl-next i:before {
	font-size: calc(1.1rem + 0.35vw)  }

.compare-carousel.owl-carousel .owl-nav .owl-prev:hover, 
.compare-carousel.owl-carousel .owl-nav .owl-prev:focus, 
.compare-carousel.owl-carousel .owl-nav .owl-prev:active,
.compare-carousel.owl-carousel .owl-nav .owl-next:hover,
.compare-carousel.owl-carousel .owl-nav .owl-next:focus,
.compare-carousel.owl-carousel .owl-nav .owl-next:active {
	outline: none; }
.compare-carousel.owl-carousel .owl-nav .owl-prev {
	right:  55px; }
.compare-carousel.owl-carousel .owl-nav .owl-next {
	right: 0 ; } 

.compare-carousel.owl-carousel .owl-nav .owl-prev:hover i:before,
.compare-carousel.owl-carousel .owl-nav .owl-next:hover i:before { 
	color: #D5B329 ;}

.compare-carousel.owl-carousel:hover .owl-nav .owl-prev,
.compare-carousel.owl-carousel:hover .owl-nav .owl-next {
	opacity: 1; }
.compare-carousel.owl-carousel:hover .owl-nav .owl-prev {
	left:  ; }
.compare-carousel.owl-carousel:hover .owl-nav .owl-next {
	right: ; }
   
@media screen and (max-width: 1024px) {  
	.compare-carousel.owl-carousel .owl-nav .owl-prev,
	.compare-carousel.owl-carousel .owl-nav .owl-next {  
		width: 45px;
		height: 45px; 
	}
} 
@media screen and (max-width: 992px) {   
	.compare-carousel.owl-carousel .owl-nav {  
		position:relative; 
		bottom: -10% !important;   
		left:auto; 
		right:auto;    
		width:auto;
		margin:auto;
		display: flex;
		align-items: center;
		justify-content: center;}
	.compare-carousel.owl-carousel .owl-nav .owl-prev,
	.compare-carousel.owl-carousel .owl-nav .owl-next { 
		margin-right: 5px;    
		width: 35px;
		height: 35px; 
		}
	
}

 







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

  main-certifi 
  
--------------------------------------------------------------------------------------*/ 
.certifi-img {
    position: relative; 
	overflow:hidden;
	border-radius:0px; 
	border:1px solid #aaa;
	margin-bottom: 10px;
	}  
	
.certifi-item .c-title  { font-weight:500; margin-bottom:5px; line-height:1.1; text-align: center; padding: 20px 0 30px;
	display: none;} 
.certifi-item .c-title strong { font-weight:800;  }   
  

.certifi-item {
    position: relative;
	margin-bottom:0 !important;
	z-index:10}  
.certifi {
	position: relative; }
.certifi.owl-carousel {
	position: relative; 
	}
.certifi.owl-carousel .owl-item {
	position: relative; 
	opacity: 1; z-index:10;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	margin-top:25px; 
	overflow:hidden;
	border-radius:20px;
	}
.certifi.owl-carousel .owl-item:hover {
	/* -webkit-box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.3); */
	margin-top:0px}
.certifi.owl-carousel .owl-item.active {
	opacity: 1; }
.certifi.owl-carousel .owl-nav {  
	/*position: absolute;
	bottom: 0;  
	z-index:11;
	left:0%; 
	display: flex; 
	width:100% ;*/
	
	position:relative; 
	bottom: -20px;   
	left:auto; 
	right:auto;    
	width:auto;
	margin:auto;
    display: flex;
    align-items: center;
    justify-content: center;
	
 }
.certifi.owl-carousel .owl-nav .owl-prev,
.certifi.owl-carousel .owl-nav .owl-next { 
	margin-left: 5px;
	position:relative;  
	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;  
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #1d1d1d;
    border-radius: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15); 
    transition: .5s;
	}
.certifi.owl-carousel .owl-nav .owl-prev i:before,
.certifi.owl-carousel .owl-nav .owl-next i:before {
	font-size: calc(1.1rem + 0.35vw)  }

.certifi.owl-carousel .owl-nav .owl-prev:hover, 
.certifi.owl-carousel .owl-nav .owl-prev:focus, 
.certifi.owl-carousel .owl-nav .owl-prev:active,
.certifi.owl-carousel .owl-nav .owl-next:hover,
.certifi.owl-carousel .owl-nav .owl-next:focus,
.certifi.owl-carousel .owl-nav .owl-next:active {
	outline: none; }
.certifi.owl-carousel .owl-nav .owl-prev {
	right:  55px; }
.certifi.owl-carousel .owl-nav .owl-next {
	right: 0 ; } 

.certifi.owl-carousel .owl-nav .owl-prev:hover i:before,
.certifi.owl-carousel .owl-nav .owl-next:hover i:before { 
	color: #D5B329 ;}

.certifi.owl-carousel:hover .owl-nav .owl-prev,
.certifi.owl-carousel:hover .owl-nav .owl-next {
	opacity: 1; }
.certifi.owl-carousel:hover .owl-nav .owl-prev {
	left:  ; }
.certifi.owl-carousel:hover .owl-nav .owl-next {
	right: ; }
   
@media screen and (max-width: 1024px) {  
	.certifi.owl-carousel .owl-nav .owl-prev,
	.certifi.owl-carousel .owl-nav .owl-next {  
		width: 45px;
		height: 45px; 
	}
} 
@media screen and (max-width: 992px) {   
	.certifi.owl-carousel .owl-nav {  
		position:relative; 
		bottom: -10% !important;   
		left:auto; 
		right:auto;    
		width:auto;
		margin:auto;
		display: flex;
		align-items: center;
		justify-content: center;}
	.certifi.owl-carousel .owl-nav .owl-prev,
	.certifi.owl-carousel .owl-nav .owl-next { 
		margin-right: 5px;    
		width: 35px;
		height: 35px; 
		}
	
}



.certifi-wrap {
    position: relative; 
	margin-top: 50px;
	}    

.certifi {
	width:100%;
	--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))
}
.certifi>* {
	position: relative;
	flex-shrink:0;
	width:100%;  
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-top:var(--bs-gutter-y); 
}  

.certifi-item { 
	flex: 0 0 auto;
	width: 25%;
}
 
.certifi.w3 ..certifi-item{ 
	width: 33.3333%;
}
 
@media (max-width: 992px) { 

	.certifi-wrap { 
		margin-top: 30px;
	}    
	.certifi-item { 
		width: 33.3333%;
	} 
	.certifi.w3 ..certifi-item { 
		width: 50%;
	}
}
@media (max-width: 767px) {
	.certifi-item { 
		width: 50%;
	} 
	.certifi.w3 ..certifi-item{ 
		width: 100%;
	}
}


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

  시공갤러리
  
--------------------------------------------------------------------------------------*/ 
.gallery { 
	position: relative; 
	background: url('../img/main/gallery_bg.jpg') center center; background-size:cover; background-attachment:fixed ;}

.gallery.overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, .65);
	z-index: 0; } 
.gallery .section { 	position: relative; }

.gallery .main-title { 	 text-align:center }
.gallery .main-title * {  }
 


.owl-carousel.major-caousel .owl-stage-outer {  }

.owl-carousel.major-caousel .owl-nav .owl-prev, .owl-carousel.major-caousel .owl-nav .owl-next {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: #495057; }
  .owl-carousel.major-caousel .owl-nav .owl-prev:hover, .owl-carousel.major-caousel .owl-nav .owl-prev:focus, .owl-carousel.major-caousel .owl-nav .owl-next:hover, .owl-carousel.major-caousel .owl-nav .owl-next:focus {
    color: #6c757d;
    outline: none; }
  .owl-carousel.major-caousel .owl-nav .owl-prev.disabled, .owl-carousel.major-caousel .owl-nav .owl-next.disabled {
    color: #dee2e6; }

.owl-carousel.major-caousel .owl-nav .owl-prev {
  left: -40px !important; }

.owl-carousel.major-caousel .owl-nav .owl-next {
  right: -40px !important; }

.owl-carousel.major-caousel .owl-dots {
  bottom: 0px !important;
  position: relative; }
  
  
  
 
.comm_tabs .tabWrap { 
	margin-bottom: 20px
}
.comm_tabs .tabWrap ul {
	position: relative;
	--bs-gutter-x:1rem;
	--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:center;  
} 
.comm_tabs .tabWrap ul>* {
	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);  
} 
.comm_tabs .tabWrap ul li {	
	flex:0 0 auto;
	width:auto;  
}
.comm_tabs .nav-tabs { 
	width:100%;
} 
.comm_tabs .nav-item a{ 
	text-align:center;   
	border-radius: 0;
	background:transparent;
	color: #333;  
	text-decoration: none;
	transition: all 0.2s ease; 
	border:0px solid #ccc;
	border-width:0;
	padding: 10px 30px;
	line-height: 1.1;
	margin-bottom: 2px;
  background-color: transparent;
	
}   
.comm_tabs .nav-tabs .nav-link { 
    border-bottom: 2px solid #444; 
}

.comm_tabs .nav-tabs .nav-link:after {  
	display:none; 
	}

.comm_tabs .nav-tabs .nav-link:hover:after,
.comm_tabs .nav-tabs .nav-link:focus:after, 
.comm_tabs .nav-tabs .nav-link.active:after,
.comm_tabs .nav-tabs .nav-item.show .nav-link:after { 
 	 color:#000; 
	font-weight: 500;
}
.comm_tabs .nav-tabs .nav-link:hover, 
.comm_tabs .nav-tabs .nav-link:focus {
	border-color: transparent;  
	border-bottom: 2px solid #ca2600;
	color:#000; 
}
.comm_tabs .nav-tabs .nav-link.disabled {
  color: #ca2600;
  background-color: transparent;
  border-color: transparent;
}
.comm_tabs .nav-tabs .nav-link.active,
.comm_tabs .nav-tabs .nav-item.show .nav-link { 
	background-color: transparent;
	border-color: transparent;  
	border-bottom: 2px solid #ca2600; 
	color:#000; 
}
@media (max-width:992px) { 
	.comm_tabs .tabWrap {
		margin-bottom: 30px;
	}  
}

@media (max-width:767px) { 
	.comm_tabs .tabWrap { 
	} 
	.comm_tabs .nav-item a{   
	} 
	.comm_tabs .nav-item a:hover,
	.comm_tabs .nav-item a.active {  
		border-color: #ccc #ccc; 
	}
	.comm_tabs .tabWrap ul li {	display:block; width:100%;}
	.comm_tabs .nav-tabs .nav-link { padding:10px 5px;}
}


  
  
  
  
  
  
.busiarea-custom {
  background: #fff;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
  overflow:hidden;
  border-radius:5px;}
  .busiarea-custom .busiarea-post {
    color: #ced4da; 
    text-transform: uppercase; }
  .busiarea-custom .meta-chat {
    color: #ced4da; }
    .busiarea-custom .meta-chat:hover {
      color: #6c757d; }
   .busiarea-custom .busiarea-img {
		background: transparent;
		position: ;
		width: 100%;
		height: ;
		top: 0%;
		left: 0; 
	   overflow: hidden;
	}
    .busiarea-custom .busiarea-img img{ 
		position: relative;
		width: 100%; 
		height: 100%;
		object-fit: cover; 
	} 
  .busiarea-custom .busiarea-body {
    padding:30px 30px; background:#f8f9fa; text-align:center} 
    .busiarea-custom .busiarea-body .busiarea-title { 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;  
   margin-bottom:30px; }
    .busiarea-custom .busiarea-body .busiarea-con { 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;  
   margin-bottom:20px;
   font-size:1.15rem; color:#444;
   display:none }
   
   
   .busiarea-custom .btn {display:none }
   
   
   
   
   
     
  
  
  
.media-custom {
  background: #fff;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
  overflow:hidden;
  border-radius:5px;}
  .media-custom .meta-post {
    color: #ced4da; 
    text-transform: uppercase; }
  .media-custom .meta-chat {
    color: #ced4da; }
    .media-custom .meta-chat:hover {
      color: #6c757d; }
   .media-custom .media-img {
		background: transparent;
		position: ;
		width: 100%;
		height: 240px;
		top: 0%;
		left: 0; 
	   overflow: hidden;
	}
    .media-custom .media-img img{ 
		position: relative;
		width: 100%; 
		height: 100%;
		object-fit: cover; 
	}
  .media-custom:focus, .media-custom:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.2); }
  .media-custom .media-body {
    padding:30px 30px; } 
    .media-custom .media-body .media-title { 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;  
   margin-bottom:20px; }
    .media-custom .media-body .media-con { 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;  
   margin-bottom:20px;
   font-size:1.15rem; color:#444;
   display:none }
 
 
   .media-custom .btn { font-size:.75rem;  }
 
  







/*** Facts ***/
.fact-item .fact-icon {
    width: 110px;
    height: 110px;
    margin-top: -50px ;
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 110px;
    transition: .5s;
	padding:30px;
}

.fact-item:hover .fact-icon {
    background: #ff7900; 
}

.fact-item .fact-icon img{
    display:;
    width: 100%;
}
.fact-item .fact-icon .off {
    display:block;
	opacity:1; 
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
} 
.fact-item .fact-icon .on {
    display:none;
	opacity:0; 
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
} 

.fact-item:hover .fact-icon .off {
    display:none;
	opacity:0;  
} 
.fact-item:hover .fact-icon .on {
    display:block;
	opacity:1;  
} 
.fact-item  p{
    color:#444;
}

.fact-item .fact-icon i {
    color: #e8b82d;
    transition: .5;
	font-size:50px;
	line-height:120px;
	text-align:center;
}

.fact-item:hover .fact-icon i {
    color: #FFFFFF;
}
@media  (max-width: 767px) {
	.fact-item .fact-icon {
    width: 90px;
    height: 90px;
    margin-top: -20px ; 
	padding:20px;
}
	.fact-item .fact-icon p br{ display:none; }
}










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

  전국어디서나-하단공통
  
--------------------------------------------------------------------------------------*/ 

.nationwide { background:url(../img/main/nationwide-bg.jpg) center center; background-attachment:fixed}
 
.nationwide.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .9);
      z-index: 1; }  

.nationwide .section {
	z-index: 5;	position: relative; }
.nationwide .mapimg {
	z-index: 5;	position: relative; max-width:500px; }

.nationwide img {
	width: 100%; } 

.nationwide_text * { 
	color: #fff; 
}
.nationwide_text h6 { 
	color: #e8b82d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: ;
	display: block;
	margin-bottom: 35px;
}

.nationwide_text h1 { 
	color: #ffffff;
	font-weight: 100; 
	text-transform: uppercase;
	letter-spacing:-0.5px ;
	margin-bottom: 36px;
}
 
.nationwide_text h2 strong{ 
	font-weight: 500;
} 
 


@media (max-width: 992px) { 
	.nationwide .mapimg { max-width:460px; }    
}
@media (max-width: 768px) { 
	.nationwide .mapimg { max-width:400px; }    
}
@media (max-width: 576px) {  
	.nationwide .mapimg { max-width:340px; }
	
}





 

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

  Call To Action
  
--------------------------------------------------------------------------------------*/ 

.cb-01 { background:url(../img/main/cb01-bg.jpg) center center; background-attachment:fixed}
 
.cb-01.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .45);
      z-index: 1; }  

.cb-01 .section {
	z-index: 5;	position: relative; }

.cb-01_text * { 
	color: #fff; 
}
.cb-01_text h6 { 
	color: #e8b82d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: ;
	display: block;
	margin-bottom: 35px;
}

.cb-01_text h2 { 
	color: #ffffff;
	font-weight: 100; 
	text-transform: uppercase;
	letter-spacing:-0.5px ;
	margin-bottom: 36px;
}
 
.cb-01_text h2 strong{ 
	font-weight: 500;
} 
 


.cb-02 { background:url(../img/main/cb02-bg.jpg) center center; background-attachment:fixed}
 
.cb-02.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .45);
      z-index: 1; }  

.cb-02 .section {
	z-index: 5;	position: relative; }

.cb-02_text * { 
	color: #fff; 
}
.cb-02_text h6 { 
	color: #e8b82d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: ;
	display: block;
	margin-bottom: 35px;
}

.cb-02_text h2 { 
	color: #ffffff;
	font-weight: 100; 
	text-transform: uppercase;
	letter-spacing:-0.5px ;
	margin-bottom: 36px;
}
 
.cb-02_text h2 strong{ 
	font-weight: 500;
}
.cb-02_text .btn  {color:#fff ;} 




.sec-cta {
  background-size: cover;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .sec-cta.overlay {
    position: relative; }
    .sec-cta.overlay:before {
      background: #D5B329;
      background: -webkit-linear-gradient(310deg, #bd9800 0%, #bd9800 100%);
      background: -o-linear-gradient(310deg, #bd9800 0%, #bd9800 100%);
      background: linear-gradient(140deg, #bd9800 0%, #bd9800 100%);
      opacity: .85;
      overflow: hidden;
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 1; }
  .sec-cta > .container {
    position: relative;
    z-index: 2; }
  .sec-cta .heading {
    color: #fff; }
  .sec-cta h6 {
    color: #fff; 
font-weight: 400;}





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

  Footer
  
--------------------------------------------------------------------------------------*/ 

.sub-wrap  .footer { background-color:#fff;}
footer { } 
.footer { border-top:0px solid #c8c8c8; background-color:#fff;} 
.footer span,
.footer span a,
.footer a,
.footer a span {  } 
.footer .home {display:none} 
.footer-logo {  margin-bottom:30px; }   
.footer-logo img{   	width:100%; 	max-width:200px;}    

.footer-quick { border-width:1px 0 1px 0; border-color:rgba(255,255,255,.2); border-style:solid;  display:block;  }  
.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  {  font-size: calc(0.9rem + 0.25vw); font-weight:500;   }  
.footer-quick li a:hover {      }  

.footer-content h6 { font-weight:600; }
.footer-content h3 { margin-bottom: 20px; }
.footer-content p { font-size: calc(0.9rem + 0.2vw); font-weight:500;  color:#555; margin-left:1px; }

.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 ;color: #D5B329;
}
.footer-content .footer-links ul a:hover {    color: #bd9800;  }   
.footer-info li {  display:inline-block; font-size: calc(0.9rem + 0.2vw); font-weight:500;  margin:0 1.5em 2px 0; }   
.footer-info li a  {   color: #D5B329;  }    
.footer-info li a:hover {      color: #bd9800; }    

.copy{  font-size: calc(0.9rem + 0.1vw); font-weight:500;   }  


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

@media (max-width: 768px) { 
	.footer-logo img{   max-width:140px; } 
	 
	.footer-quick {   text-align:left; }    
	.footer-quick li { margin:0 10px 0 0;  }  
	
	.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-wrap li {  margin:0 1em 2px 0;  }     
}
@media (max-width: 576px) {  
	.footer-logo img{   max-width:120px; } 
	
}
  
 
 

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

.footer-menu-bottom{  display:none; } 
 @media (max-width: 992px) { 
	.footer-menu-bottom{ padding-top:0px; height:40px; text-align:left; display:block; z-index:91;  } 
	.footer-menu-bottom a{ width:90%; height:40px;  line-height:38px; color:#fff;   border-radius:50px; text-align:center; margin:auto; }
	.footer-menu-bottom a i{ vertical-align:middle;   }
	.footer-menu-bottom.menu-num1 a{ }
	.footer-menu-bottom.menu-num2 a{ }  
	.footer-menu-bottom a:nth-child(1){ background:#131313; color:#D5B329; }
	.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:3px 0%; background:rgba(0,0,0,.0); z-index:91; }
	.footer-menu-wrap{width:100%; max-width:900px; margin: 0 auto;  }
 }
 


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

  메인 Footer
  
--------------------------------------------------------------------------------------
 
 
footer {  background:#121212;  } 
.footer *{ color:#fff } 
.footer .home {display:none}
.footer .area{ } 
.footer_about .footer_logo a{ 
	display: inline-block; 
	width:200px; 
}
.footer_about .footer_logo a img{ 	width:100%; }    

.site-footer li { font-size: calc(0.9rem + 0.15vw);  color:#fff; display:inline-block;  margin:0 1.5em 0 0;  }  
.site-footer li a {   color:#fff; }   
.site-footer li a:hover {      color: #D5B329; }     
.site-footer li a span {  color: #D5B329; }
.copy{   color: rgba(255,255,255,.5);  font-size:.95rem; text-transform:uppercase } 

@media (max-width: 768px) {  
	.copy{ font-size:;  }
}
@media (max-width: 576px) {  
	.copy{ font-size:.9rem;  }
}
  
 
 */ 
 
 
 
 
 
 
/*------------------------------------------------------------------------------------

  Right - Tel / Inquiry / Top
  
--------------------------------------------------------------------------------------*/ 
 
#st-backtotop { position: fixed; bottom: 10px; right:10px; text-decoration: none; display:block; z-index: 100; cursor: pointer;  }
	
#st-backtotop > div,
#st-backtotop > div a{ color: #fff; width:80px; height:80px;  text-align:center; margin-bottom:px;
	-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:2.2rem; line-height:80px; }
	
#st-tel { background:#e8b82d;   } 
#st-tel:hover {   background-color: rgba(0,0,0,1);} 
	
#st-inqu { background-color: #D5B329; background-color: #f4f4f4; margin-bottom: 0; } 
#st-inqu i{ color: #e8b82d;  }
#st-inqu:hover {   background-color: rgba(0,0,0,1); }
#st-inqu:hover i{   color: #e8b82d; } 
 
#st-top { background: rgba(0,0,0,.75);  line-height:80px; font-size:.9rem;  text-transform:uppercase; }
#st-top:hover {  background: rgba(0,0,0,1); color: #fff;  } 

 @media (max-width: 1240px) { 
	#st-backtotop > div,
	#st-backtotop > div a{ width:70px; height:70px; }
	#st-backtotop > div i{ font-size:2rem; line-height:70px; }
	#st-top i{ line-height:70px; }
 }
 
 @media (max-width: 992px) { 
	#st-backtotop > div,
	#st-backtotop > div a{ width:60px; height:60px; }
	#st-backtotop > div i{ font-size:1.8rem; line-height:60px; }
	#st-top { line-height:60px; }
 }
 
  @media (max-width: 768px) {  
	  #st-backtotop {  position: fixed; bottom: 40px; }
	#st-backtotop > div,
	#st-backtotop > div a{ width:50px; height:50px; }
	#st-backtotop > div i{ font-size:1.6rem; line-height:50px; }
	#st-top {  line-height:50px; font-size:.8rem;  }
 }
 






 



 


 
 

 

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

  문의
  
--------------------------------------------------------------------------------------*/
.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: #111; 
  line-height:;
  background:#fff;
  font-size: calc(1rem + 0.1vw);
}

	.estimate-quick .input_field input, 
	.estimate-quick .input_field textarea { 
	  border: 1px solid #888 !important; 
	  color: #fff;  
	  background:rgba(0,0,0,0.3);
	} 
.estimate .input_field textarea {  padding:18px;}
.estimate .input_field input::placeholder, 
.estimate .input_field textarea::placeholder {
  color: #444;
  font-weight: 400; 
}  
	
	.estimate-quick .input_field input::placeholder, 
	.estimate-quick .input_field textarea::placeholder {
	  color: #fff;
	  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-weight: 500; }
.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-quick .esti-ct h6 { color:#fff; } 

.estimate .nice-select { 
	height: 50px;
	line-height: 50px;
	outline: none;
	padding-left: 15px;
	padding-right: 30px;
	position: relative;
	float:none !important;
	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: #111;
	font-size: calc(1rem + 0.1vw); 
} 
	.estimate-quick .nice-select {  
	  border: 1px solid #888!important;  
	  color: #fff; 
	  background:rgba(0,0,0,0.3);
	}

.estimate .nice-select .option {  color: #111;  font-size: calc(1rem + 0.1vw); }
.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:93;
	font-size: calc(1rem + 0.1vw); }
	
	.estimate-quick .nice-select .option {  color: #fff; }
	.estimate-quick .nice-select .list {
		background-color: #fff; 
		border: 1px solid #888 !important; }
	 
.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 { 
	display: block;
	margin-top: -5px;
	pointer-events: none;
	position: absolute ;
	transition: all 0.15s ease-in-out; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #222; 
}


.estimate .esti-item  { padding:15px 0; }
.estimate .esti-item.row  {  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-quick .esti-item.row  {  align-items:  ;  
	}  
	.estimate-quick .esti-item.row .row {  align-items:  ;  
	} 
	
	.estimate-quick .esti-item.row p {  color: #fff !important; 
	} 

.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:20px ;  } 
.estimate  p.protect { color:; font-size: calc(1rem + 0.1vw); font-weight:400; } 
.estimate .essential { color:#e8006d; }


.estimate-quick .esti-item  { padding:5px 0; }



@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-quick .radio-wrapper .select-radio .radio label { 
		color:#fff; 
	} 

.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:#D5B329;
	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:#D5B329
}
.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)
}


 


 
 
/*---------------------
  form-control
-----------------------*/
.form-control {
	display:block;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem .75rem;
	font-size: calc(0.9rem + 0.2vw); 
	font-weight:400;
	line-height:1.5;
	color:#111;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #afafaf;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
	transition:none
}
}
.form-control::-ms-expand {
	background-color:transparent;
	border:0
}
.form-control:-moz-focusring {
	color:transparent;
	/* text-shadow:0 0 0 #111;*/
}
.form-control:focus {
	color:#111;
	background-color:#fff;
	border-color:#afafaf;
	outline:0;
	/* box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25); */
}
.form-control::-webkit-input-placeholder {
	color:#444;
	opacity:1
}
.form-control::-moz-placeholder {
	color:#444;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#444;
	opacity:1
}
.form-control::-ms-input-placeholder {
	color:#444;
	opacity:1
}
.form-control::placeholder {
	color:#444;
	opacity:1
}
.form-control:disabled, .form-control[readonly] {
	background-color:#e9ecef;
	opacity:1
}
select.form-control:focus::-ms-value {
	color:#111;
	background-color:#fff
}
 
 
 
 
 
 
 
 
 
/*---------------------
  Search  
-----------------------*/

.search-wrap {   }
.search-wrap input{background:#fff;  }
.search-con {  text-align:center;  font-weight:500 }
.search-text {  font-weight:500 ; color:#444 ; margin-bottom:15px; }
.search-text span{  color:#000  }
.search-count {   font-weight:500;  color:#444 ;margin-bottom:25px;   }
.search-count .keyword{   color:#000; }
.search-count .count{   color:#dd0000; }


.top_search-wrap {	
	border:1px solid #ccc; 
	border-radius:50px; 
	background-color:#fff;
	background:#fff; 
	padding:0;
}

.top_search {   
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.top_search .site-btn {   
	display: inline-block;
	background:transparent;
	border: none; 
	padding: 0; 
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50px;
	width:48px; height:48px; 
	background:#2d2d2d;
	margin-right:-1px;
}
.top_search .site-btn2 {    
	border-radius:60px;
	width:60px; height:60px;  
}
.top_search .site-btn i{ 
	color: #D5B329;
	font-weight: 800; 
	padding: 2px;
	text-transform: uppercase;
	display: inline-block; 
	border: none;
}
.top_search .input-group-text {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	padding:.25rem .75rem;
	padding:0;
	margin-bottom:0;
	font-size:1rem;
	font-weight:400; 
	color:#111; 
	text-align:center;
	white-space:nowrap;
	background-color:#fff; 
	border:transparent;
	border-radius:.25rem;
	border-radius:50px;
}
.top_search .form-control {
	display:inline-block;
	width:100%;
	height:calc(2em + 1rem);
	padding:.75rem 1rem;
	font-size: calc(0.9rem + 0.2vw); 
	font-weight:500; 
	color:#666; 
	background-color:transparent;
	background-clip:padding-box; 
	border:transparent;
	border-radius:50px;
	outline:0;
	background-color:#fff;
	 text-indent:10px;
} 
.top_search .form-control:focus {
	color:#111;
	background-color:transparent;
	background-color:#fff;
	border-color:transparent;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0, 123, 255, .0)
}
.top_search .form-control::-webkit-input-placeholder {
	color:#444;
	font-weight:500;
	opacity:1
}
.top_search .form-control::-moz-placeholder {
	color:#444;
	font-weight:500;
	opacity:1
}
.top_search .form-control:-ms-input-placeholder {
	color:#444;
	font-weight:500;
	opacity:1
}
.top_search .form-control::-ms-input-placeholder {
	color:#444;
	font-weight:500;
	opacity:1
}
.top_search .form-control::placeholder {
	color:#444;
	font-weight:500;
	opacity:1
}
.top_search .form-control:disabled, .form-control[readonly] {
	background-color:transparent;
	background-color:#fff;
	opacity:1
}
.top_search  select.form-control:focus::-ms-value {
	color:#111;
	background-color:transparent;
	background-color:#fff;
} 


	
/*** Appointment ***/
.appointment {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-2.jpg) center center no-repeat;
    background-size: cover;
}