/* BOUNCE */

.scroll-button .button-style1 {;
	position: absolute;
    left:48%;
    bottom:-30px;
    transform: translateX(-48%);
    box-shadow: none;
}
.scroll-button img {
width:60px;
}


.rotate-x {
  animation-duration: .5s;
  animation-name: rotate-x;
}

@keyframes rotate-x {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}


/* 탭 컬러*/

 .nav-item .nav-link {
  color: #121212;
  padding: 8pt 20pt; margin:5px;
  border: 1px solid ;
  border-color:var(--color-border);
  background: var(--color-gray);
}
.nav-item .nav-link.active {margin:5px;
  background: var(--thm-black2);
  color: #ffffff;
   border: 1px solid ;
  border-color:#121212;
}


.themesflat-container {
    position     : relative;
    margin-left  : auto;
    margin-right : auto;
    padding-right: 15px;
    padding-left : 15px;
    width        : 1320px;
    max-width    : 100%;
}

.themesflat-container.full {
    width: 100%;
}

.themesflat-container.w1420 {
    width: 1450px;
}


.section-title-area2 {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  margin-bottom:20px;
}
.section-title-area2 p.sub-title {
  color: var(--bg-black-color);
  font-size: 20px;
  line-height: 34px;
  margin-bottom:0px;
}
.section-title-area2 .section-title {
  color: var(--color-body);font-size:24px;
  font-weight: 500;
  margin-bottom: 0;
}
.section-title-area2 .section-title span {
  color: var(--bg-black-color);
 /* text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;*/
}


.hr-title {
  border-top-style: solid;
  border-top-width: 1px;
  font-size: 16px;
  text-align: center;
  height: 10px;
  line-height: 20px;
  margin: 10px 0;
  height: auto;
  color: #bbbbbb; }
  
.hr-title2 {
 border-top-style: solid;
  border-top-width:2px;
  font-size: 16px;
  text-align: center;
  height: 10px;
  line-height: 20px;
  margin: 10px 0;
  height: auto;
  color:#6762fd }

  .hr-title abbr,.hr-title2 abbr {
    background-color: #fff; }

  .hr-title abbr {
    padding: 2px 10px;
    border-radius: 2px;
    position: relative;
    top: -10px;
    letter-spacing: .2em;
    text-transform: uppercase; }



	.hr-title2 abbr {
	 padding:10px 30px;
    border-radius: 2px;
    position: relative;
    top: -10px;font-weight: 500;
	letter-spacing: -0.06em;
    background-color:#6762fd;color:#FFF; }
  
  .hr-title i {
    position: relative;
    top: -2px;
    font-size: 8px; }
  .hr-title.hr-full {
    width: 100%; }

  .hr-title.hr-long, .hr-title2.hr-long { width:50%;
    margin:40px auto 30px; }


@media (max-width: 767px) {
 
  .hr-title.hr-long, .hr-title2.hr-long { width:100%;
    margin:40px auto 30px; }

}


/* 2025년 9월 추가끝 */ 


/*

.banner-style-four-area p {
  font-size: 18px;
  padding-right: 15%;
  line-height: 32px;
  margin-top: 30px;
  margin-bottom: 0;
  color: #cccccc;
}


.button-style1 {background: #091d3e ;
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding:0px;
    font-size: 30px;
    border-radius: 40px; 
}

.scroll-button i, .scroll-button img {
  -webkit-animation: bounce 2s  infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

*/

/* BOUNCE */


@media only screen and (max-width: 767px) {
.scroll-button .button-style1 {;
    left:45%;
    bottom:-30px;
    transform: translateX(-48%);
   
}
/*.button-style1 {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;

    font-size: 30px;
    border-radius:30px;
}
*/
.scroll-button img {
width:50px;
}



}


.arrow-animation{
	animation: fade-arrow-animation 2.7s linear infinite;
}
@keyframes fade-arrow-animation {
	0% {
		opacity: 0.6;
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0.6;
		transform: translateY(-20px);
	}
}

/* ----------------------------------
    Choose Us Style
 ------------------------------------*/
.choose-us-area {
  position: relative;
  z-index: 1;
}

.choose-us-area .shape {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 80%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-us-area .shape {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .choose-us-area .shape {
    display: none;
  }
}

.choose-us-style-two-box {
  position: relative;
  z-index: 1;
}

.choose-us-style-two-box .shape-bottom {
  position: absolute;
  left: -150px;
  width: 300px;
  top: -180px;
  z-index: -1;
}

.choose-us-style-one .right-item {
  position: relative;
  z-index: 1; margin-top:-140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .choose-us-style-one .right-item {
  margin-top:0px;
}
}

@media only screen and (max-width: 767px) {
  .choose-us-style-one .right-item {
  margin-top:20px;
}

}




.choose-us-card .item {
  border: 1px solid #e7e7e7;
  padding: 0px;
  border-radius:0px;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background:none;
}

.choose-us-card .item img {
  height:100%;
  margin-bottom: 0px;
}

.choose-us-card .item span {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 3px;
}

.choose-us-card .item a {
  text-transform: uppercase;
}

.choose-us-card .item h4 {
  font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-us-card .item {
    margin-top: 50px;
  }
}

/*.choose-us-card:first-child .item {
  background:none;
  margin-top: 50px;
}
*/
.choose-us-style-two {
  margin-bottom: 60px;
}

.choose-us-style-two .thumb {
  position: relative;
}

.choose-us-style-two .thumb img {
  border-radius: 5px;
}

.choose-us-style-two .thumb .title {
  margin-left: 0px;
  position: absolute;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  bottom: -30px;
  padding: 15px 30px;
  
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.choose-us-style-two .thumb .title h4 {
  font-weight: 500;
  margin: 0;
}

.choose-us-style-two .thumb .title a {
  color: #232323;
}

.choose-us-style-two .thumb .title a i {
  position: relative;
  top: 2px;
  margin-left: 20px;
}

.choose-us-style-two .thumb .title .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choose-us-style-two .thumb .title .top i {
  display: inline-block;
  color: #fafafa;
  text-align: center;
  font-size: 45px;
  margin-right: 20px;
  
  background-size: 220% 150%;
}



.choose-us-style-two .thumb .overlay {
  position: absolute;
  left: 0;
  top: 0;
  padding: 37px;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.choose-us-style-two .thumb .overlay i {
  display: inline-block;
  font-size: 35px;
  color: #ffffff;
  margin-bottom: 30px;
  height: 70px;
  width: 70px;
  line-height: 80px;
  background: -webkit-gradient(linear, left top, right top, from(#104cba), color-stop(#00ccff), to(#104cba));
  background: linear-gradient(to right, #104cba, #00ccff, #104cba);
  border-radius: 50%;
  background-size: 220% 150%;
}

.choose-us-style-two .thumb .overlay a {
  color: #ffffff;
}

.choose-us-style-two .thumb .overlay p {
  margin: 0;
  color: #fbf6f6;
}
.choose-us-style-two .thumb .overlay h4 {
  margin: 0;
  color: #fbf6f6;
}
.choose-us-style-two .thumb .overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: #091d3e;
  z-index: -1;
  opacity: 0.6;
  border-radius: 5px;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.choose-us-style-two:hover .thumb .overlay {
  top: 0;
  opacity: 1;
  visibility: visible;
  height:260px;
}




@media only screen and (max-width: 767px) {
  .choose-us-card {
    margin-top: 30px;
  }
  .choose-us-card:first-child {
    margin-top: 0;
  }

.choose-us-style-two:hover .thumb .overlay {
   height:92%;
}


}



/*============================================================================================*/
/* HOME */
/*============================================================================================*/
ul#banners_grid {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
ul#banners_grid li {
  position: relative;
  width: 33.33%;
  float: left;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
}
ul#banners_grid li:last-child {
  border-right: none;
}
@media (max-width: 767px) {
  ul#banners_grid li {
    width: 100%;
    float: none;
    border-right: none;
  }
}
ul#banners_grid li a.img_container {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: block;
  width: 100%;
  height: 250px;
}
@media (max-width: 767px) {
  ul#banners_grid li a.img_container {
    width: 100%;
    float: none;
    height: 210px;
  }
}
ul#banners_grid li a.img_container img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  transition: all 0.3s ease-in-out;
  width: 100%;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}
@media (max-width: 1199px) {
  ul#banners_grid li a.img_container img {
    height: 100%;
    width: auto;
    max-width: inherit;
  }
}
@media (max-width: 767px) {
  ul#banners_grid li a.img_container img {
    width: 100%;
    height: auto;
  }
}
ul#banners_grid li a.img_container:hover img {
  transform: translate(-50%, -50%) scale(1.02);
}
ul#banners_grid li a.img_container .short_info {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  padding: 0 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.4s ease;
  text-align: center;
}
ul#banners_grid li a.img_container .short_info h3 {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 900;
}
@media (max-width: 767px) {
  ul#banners_grid li a.img_container .short_info h3 {
    margin-top: -20px;
  }
}
ul#banners_grid li a.img_container .short_info div {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(-25px);
  text-align: center;
  width: 100%;
  visibility: hidden;
  display: table;
  opacity: 0;
  transition: all 0.4s ease;
}
ul#banners_grid li a.img_container .short_info div .btn_1 {
  padding: 10px 22px;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (max-width: 767px) {
  ul#banners_grid li a.img_container .short_info div {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50px);
  }
}
ul#banners_grid li a.img_container .short_info:hover div {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50px);
}



/* ============================================================== 
     # Services
=================================================================== */

.services-area_2 {

}

.services-area_2.inc-thumb .item .info {
  padding:0px 25px;
 font-weight:700;color:#444;
}

.services-area_2.inc-thumb .item {
  
 border:1px solid #ddd; 
-webkit-border-radius: 15px ;
  -moz-border-radius: 15px ;
  -ms-border-radius: 15px ;
  border-radius: 15px ;


}

.services-area_2.inc-thumb.half-bg .item {
  border: none;
}

.services-area_2.inc-thumb .item .info h4 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 20px;
}
.services-area_2.inc-thumb .item .info h3 {
  font-size:20px;
color: #21282e;
  font-weight: 700;margin:30px 0px 5px 0px;;
}
.services-area_2.inc-thumb .item .info h5 {
  color: #5571f2;  font-size:18px;

}
.services-area_2.inc-thumb .item .info .icon {
  display: block;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

.services-area_2.inc-thumb .item .info i {
  display: inline-block;
  font-size: 50px;
  color: #5571f2;
  padding: 0 10px;

}

.services-area_2.inc-thumb .item .thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0;
}

.services-area_2.inc-thumb .item .thumb img {
-webkit-border-radius: 15px 15px 0px 0px;/*상좌 상후 하우 하좌*/
  -moz-border-radius: 15px 15px 0px 0px;/*상좌 상후 하우 하좌*/
  -ms-border-radius: 15px 15px 0px 0px;/*상좌 상후 하우 하좌*/
  border-radius: 15px 15px 0px 0px;/*상좌 상후 하우 하좌*/
  padding:0px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.services-area_2.inc-thumb .item:hover .thumb img {

}

.services-area_2.inc-thumb .item .thumb .overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
}

.services-area_2.inc-thumb .item .thumb .overlay a {
  display: inline-block;
  padding: 10px 25px;
  background:rgba(0, 0, 0, 0.4);
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.services-area_2.inc-thumb .item:hover .thumb .overlay a {
  opacity: 1;
}

.services-area_2.inc-thumb .item .info p:last-child {
  margin: 0;
}

.services-area_2.inc-thumb .services-carousel .owl-nav {
  margin: 0;
}

.services-area_2.inc-thumb .services-carousel .owl-nav .owl-prev, 
.services-area_2.inc-thumb .services-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.services-area_2.inc-thumb .services-carousel .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.services-area_2.inc-thumb .services-carousel .owl-dots {
  margin-top: 20px;
  margin-bottom: 8px;
}

.services-area_2.inc-thumb .services-carousel .owl-dots .owl-dot span {
  height: 8px;
  background:  #d9d9d9;
  width: 25px;
  margin: 0 5px;
  opacity: 1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.services-area_2.inc-thumb.banner-less .services-carousel .owl-dots .owl-dot span {
  background: #d9d9d9;
}

.services-area_2.inc-thumb .services-carousel .owl-dots .owl-dot.active span {
  background: #5571f2;
  width: 40px;
}



.services-area_2.inc-thumb .item .info ul {padding: 15px  30px; border:0px solid var(--border-color);background-color: #f7f7f7;width:100%;
-webkit-border-radius: 10px;
  -moz-border-radius: 10px ;
  -ms-border-radius: 10px ;
  border-radius: 10px ; 
  text-align:center;font-weight:600;font-size:18px;color:#121212;margin-top:20px;
}

.services-area_2.inc-thumb .item .info ul i{color:#5571f2;}


.services-area_2.inc-thumb .item .info ul li {
  position: relative;
  z-index: 1;
  display: block;
  padding-left: 21px;
  text-align: left;
  margin-bottom: 10px;font-weight:500;font-size:18px;
}

@media only screen and (max-width: 767px) {
.services-area_2.inc-thumb .item .info ul li {
font-size:16px;
}


}

.services-area_2.inc-thumb .item .info ul i {
  
  font-weight: 700;
  font-size:1.25rem;color:#5571f2 ;background-color: #f7f7f7;
 
}


.services-area_2.inc-thumb .item .info ul li::after {
  position: absolute;
  left: 0;
  top: 0;
 
  font-weight: 700;
  font-size: 12px;colOR:#5571f2 ;
   font-family: "Font Awesome 5 Pro"; 
  content: "\f00c";
}

.services-area_2.inc-thumb .item .info ul {
  display: inline-block;
}

.services-area_2.inc-thumb .item .info ul li:last-child {
  margin-bottom: 0;
}


/* Services Thumb Less */