@charset "utf-8";
#mv_wrap {}
#mv {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(35vw) }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; }
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15); background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;/* left: 38%; */top:50%;width: 100%;text-align: center;transform:translateY(-50%);/* margin-left: 130px; *//*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff;}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;  text-transform: uppercase }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1); filter:blur(5px); }

#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top:35%;transform: translateY(0);margin-left: 0;/*overflow: hidden;*/text-align: center;margin: 0 auto;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {letter-spacing: 0; color: #fff; margin-bottom:50px;  }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:50px;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 0.7s 0.5s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .more {padding:15px 50px; text-align:center; border:1px solid #fff; color:#fff; border-radius:50px; transition:.25s;  margin:50px auto 0; animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); position:relative; }
#mv .mv_list_wrap .mv_list.slick-active .more:hover { bbackground-color: #896e60;  border:1px solid #896e60; }

#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 150px; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}


@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        /* transform:translateY(50px); */
        opacity:0;
				transform:translateY(50px) scale(1.1);
				filter:blur(5);
    }
    100% {
        /* transform:translateY(0); */
        opacity:1;
				transform:translateY(0) scale(1);
				filter:blur(0);
    }
}

.bar_txt{border-bottom:1px solid #dfdfdf; padding-bottom:40px}

.pl20{padding-left:20px}
.pl15{padding-left:15px}
.breeft-wrap {display: flex;align-items: center;justify-content: space-between;padding: 60px 0 0 0;}
.breeft-img-box img {height: auto;border-radius: 4px;}
.breeft-text-box {flex: 1;margin-left: 60px;}
.breeft-title {margin-bottom: 20px;}
.breeft-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100px;
  width:185px;
}

.breeft-btn .text {
  z-index: 2;
  color: #000;
  transition: color 0.3s ease;
  padding-left:20px
}

.breeft-btn .circle {
  width: 48px;
  height: 48px;
  background: #000;
  border-radius: 50%;
  margin-left:10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breeft-btn .circle .arrow {
  color: #fff;
  font-size:18px;
  font-weight:800;
  animation: arrowMove 1s ease-in-out infinite alternate;
}

@keyframes arrowMove {
  0% { transform: translateX(-2px); }
  100% { transform: translateX(2px); }
}

/* ¹è°æ ¾Ö´Ï¸ÞÀÌ¼Ç */
.breeft-btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 35px;
  background: #000;
  transition: width 0.4s ease;
  z-index: 1;
  border-radius: 100px;
}

.breeft-btn:hover::before {
  width: 100%;
}

.breeft-btn:hover .text {
  color: #fff;
}

@keyframes breeftFadeUp {
  0% {
	opacity: 0;
	transform: translateY(20px);
  }
  100% {
	opacity: 1;
	transform: translateY(0);
  }
}

.arrow-icon {
  animation: arrowWiggle 0.8s ease-in-out infinite alternate;
}

@keyframes arrowWiggle {
  0%   { transform: translateX(0); }
  100% { transform: translateX(3px); }
}

.breeft-title,
.breeft-desc {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.breeft-animate .breeft-title {
  transition-delay: 0.1s;
  opacity: 1;
  transform: translateY(0);
}
.breeft-animate .breeft-desc {
  transition-delay: 0.3s;
  opacity: 1;
  transform: translateY(0);
}
.breeft-animate .breeft-btn {
  transition-delay: 0.5s;
  opacity: 1;
  transform: translateY(0);
}

.breeft-img-box img {
  border-radius: 0;
  transition: border-radius 0.6s ease;
}
.breeft-animate .breeft-img-box img {
  border-radius: 80px;
}
.icon-arrow-right-light::before{ background-image: url('/assets/images/common/arrow-right-light.svg'); }
.icon { display: inline-block; vertical-align: top; pointer-events: none;}
.icon::before { content: ''; display: block; width: 24px; height: 24px; margin-right: -2px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.business_area { position: relative; padding: 160px 0 160px; color: #fff;  overflow:hidden; }
.business_area .bg{position:absolute; width:100%; height:100%; left:0; top:0;  z-index:-1;background:url('/assets/images/main/m2_bg.jpg') no-repeat; background-color:#0e2238; background-size:100% 100%}
.business_area .bg video{position:absolute; width:100%; height:100%; left:0; top:0; object-fit:cover; opacity:.3; z-index:-1;}
.business_area .shape { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 120px; left: 0; right: 0; margin: auto; max-width: var(--inner); width: 90%; }
.business_area .shape .item { width: 10px; height: 10px; background: url('/images/main/products-shape-plus.svg') no-repeat center / auto 100%; }
.business_area .section-pin{padding-top: 100px;}
.business_area .main-product-slider { overflow: visible;  }
.business_area .main-product-slider .block { display: block; padding: 30px; height: 100%; border-radius: 16px; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); transition-property: background; transition-duration: .5s; transition-timing-function: ease; }
.business_area .main-product-slider .thumbnail { overflow: hidden; margin-bottom: 30px; position: relative; border-radius: 12px; }
.business_area .main-product-slider .thumbnail::before { content: ''; display: block; padding-top: calc(336 / 420 * 100%); width: 100%; height: 0; }
.business_area .main-product-slider .thumbnail .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition:all ease .35s; }
.business_area .main-product-slider .thumbnail .image.front{z-index:1;}
.business_area .main-product-slider .category { margin-bottom: 8px; font-weight: 500; color: rgba(255, 255, 255, 0.6); transition: color ease .35s; }
.business_area .main-product-slider .title { margin: 8px 0 16px; font-size: 36px; font-weight: 500; transition: color ease .35s; }
.business_area .main-product-slider .text { font-size: 17px; color: rgba(255, 255, 255, 0.6); transition: color ease .35s; }
.business_area .main-product-slider .chips { display: flex; flex-wrap: wrap; margin: 24px -8px -8px 0; }
.business_area .main-product-slider .chip { display: inline-flex; margin: 0 8px 8px 0; padding: 0 14px; height: 30px; line-height: 30px; font-size: 16px; color:#b7cfd9; background: rgba(31, 164, 253, 0.1); border-radius: 6px; transition: background ease .35s; }
.business_area .main-product-slider .swiper-slide { width: 38vw; max-width: 480px; height: auto; }
.business_area .main-product-slider .more { display: block; font-size: 16px; font-weight: 600; }
.business_area .main-product-slider .more .icon { margin-bottom: 16px; width: 60px; height: 60px; display: inline-flex;  align-items: center; justify-content: center; border:1px solid rgba(255,255,255,0.2); border-radius:50%;}
.business_area .main-product-slider .more .icon{transition:all ease .35s;}
.business_area .main-product-slider .more:hover .icon{background: #fff;}
.business_area .main-product-slider .more:hover .icon:before{filter:invert(1);}
.business_area .main-product-slider .more:hover .text{color: #fff;}
@media (hover: hover) and (pointer: fine) {

.business_area .main-product-slider .block:hover { color: #333; background: #fff; }
.business_area .main-product-slider .block:hover .chip { background: #F0F5FF; }
.business_area .main-product-slider .block:hover .title {  color: #333; }

.business_area .main-product-slider .block:hover .category,
.business_area .main-product-slider .block:hover .text { color: inherit; }
.business_area .main-product-slider .block:hover .thumbnail .image.front{opacity:0;}

}

@media all and (max-width:1800px){
}
@media all and (max-width:1430px){
	
}
@media all and (max-width:1230px){

}


@media all and (max-width:980px){
}


@media all and (max-width:820px){
#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 35% 50%;background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg'); background-position:65% 50%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg'); background-position:80% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg'); background-position:50% 50%;}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4_m.jpg'); background-position:65% 50%;}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:45%;transform: translateY(-60%);}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;text-transform: uppercase}
#mv .mv_list_wrap .mv_list .txt_wrap .logo img { width:55%;}
#mv .slider_arrow_wrap {;bottom: 120px;}

#mv .slider_arrow_wrap {display: flex;align-items:center;/* position: absolute; *//* bottom: 120px; *//* left: 20px; *//* transform: translateX(7%); */scale: 1;width: 100%;justify-content: center;margin: 0 auto;}

#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 30px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 38px;}
#mv .slider_arrow_wrap .next {padding-left: 38px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}


#mv_wrap .slider_navi {position: absolute;bottom: 20%;right: 50%;margin-right: -155px;z-index: 1;display: flex;align-items:center;scale: .7;}

#mv .more{width:185px; font-family: 'Italiana', sans-serif; height: 45px; margin: 30px auto 0; float: none; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;}

.breeft-wrap{display:block}
.breeft-animate .breeft-img-box img{border-radius:40px}
.breeft-wrap{padding:30px 0 0 0}
.bar_txt{padding-bottom:20px;}
.breeft-text-box{margin-left:0; margin-top:30px}
.breeft-btn{width:163px}


.business_area{padding:80px 0;}
.business_area .shape{top:20px;}
.business_area .main-product-slider .swiper-slide{width:74vw;}
.business_area .section-pin{padding-top: 30px;}
.business_area .main-product-slider .block{padding:20px;}
.business_area .main-product-slider .title{font-size: 24px; margin:4px 0 10px;}
.business_area .main-product-slider .text{font-size: 14px;}
.business_area .main-product-slider .chip{font-size: 14px;}
.business_area .main-product-slider .more .icon{width: 50px; height: 50px; margin-bottom: 10px;}

.breeft-btn::before{width:40px}

}


@media all and (max-width:520px){
	
}