/*  */
.section{ padding: 14rem 0;background: #fff}
.tit-wr{padding-bottom: 2.8rem;}


@media all and (max-width:768px) {
  .section{padding: 6rem 0 8rem}
}



#main{overflow: hidden;}
/*  */
.m-vd-wr{position:relative; width: 100%; height: 100vh;overflow: hidden;background-color: #000;}
.m-vd-wr video{width: 100%;height: 100%;opacity: 0.70;object-fit: cover;object-position: center;}
.m-vd-wr video.mo-video{display: none;}
.vd-tit-wr{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 95%;}
.vd-tit-wr h1{font-size: 6.2rem;font-weight: 800;color: #fff;line-height: 8.3rem;z-index: 2;text-align: center;}

@media all and (max-width:1300px) {
  .vd-tit-wr br.br_mo{display: inline-block;}
}
@media all and (max-width:768px) {
  .vd-tit-wr h1{font-size: 3.8rem;line-height: 4.3rem}
  .m-vd-wr video{object-position: 79% 50%}
  .m-vd-wr video.pc-video{display: none;}
  .m-vd-wr video.mo-video{display: block;}
}
@media all and (max-width:460px) {
  .vd-tit-wr h1{font-size: 3rem}
}

/*  */
.sec01{background: url(/theme/basic/img/main/sec01_bg.jpg) no-repeat center / cover;}
.sec01 .cont{height: 93.7rem;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.sec01 .cont p{font-size: 3.7rem;color: #fff;line-height: 51px;text-align: center;}
.sec01 .cont1 img.deco{margin: 0 auto;padding-top: 2.7rem;}
.sec01 .cont3{justify-content: flex-end;}
.sec01 .decoBx{align-items: center;justify-content: center;padding-top: 3.9rem;}
.sec01 .decoBx > li:not(:last-child){margin-right: 5.7rem;}

@media all and (max-width:1300px) {
  .sec01 .cont p{font-size: 3rem;line-height: 40px;}
  .sec01 .cont1 img{width: 20rem}
  .sec01 .decoBx > li img.deco{width: 12rem}
}
@media all and (max-width:768px) {
  .sec01 .cont{height: 39rem;padding: 0 var(--inner-pd)}
  .sec01 .cont p{font-size: 2.2rem;line-height: 30px;}
  .sec01 .cont p br.br_mo{display: inline-block;}
  .sec01 .decoBx > li:not(:last-child){margin-right: 1rem}
  .sec01 .cont1 img{width: 14rem}
  .sec01 .decoBx > li img.deco{width: 9rem}
}


/*  */
.sec02 .inner{align-self: flex-start;justify-content: space-between;}
.sec02 .tit-wr{padding-bottom: 26.3rem;}
.sec02 .fx-tit{display: flex;flex-direction: column;align-items: flex-start; margin-top: 3.4rem;}
.sec02 .fx-tit strong{font-size: 2.5rem;color: var(--color-txt);}
.sec02 .fx-tit p{font-size: 1.8rem;color: var(--color-txt02);line-height: 30px;margin-top: 1.2rem;}
.sec02 .fx-tit .more-btn{margin-top: 2.8rem;}
.sec02 .fx-img{overflow: hidden;}
.sec02 .fx-img .sec02-img{transition: .5s;}
.sec02 .fx-bx:hover .sec02-img{transform: scale(1.03);}
.sec02 .left-wr{margin-right: 6rem}

@media all and (max-width:768px) {
  .sec02 .tit-wr{padding-bottom: 3rem}
  .sec02 .inner{flex-direction: column;}
  .sec02 .left-wr{margin-right: 0;padding-bottom: 6rem}
  .sec02 .right-wr{text-align: right;}
  .sec02 .right-wr .fx-tit{align-items: flex-end;}
  .sec02 .fx-img .sec02-img{object-fit: cover;object-position: center;width: 100%;height: 100%}
  .sec02 .fx-tit{margin-top: 2rem}
  .sec02 .fx-tit strong{font-size: 1.8rem}
  .sec02 .fx-tit p{font-size: 1.6rem;line-height: 23px;margin-top: 1rem}
  .sec02 .fx-tit p br{display: none}
  .sec02 .fx-tit .more-btn{margin-top: 2rem}
}




/*  */
.sec03{position: relative;height: 93rem; overflow: hidden;}
.sec03 .flex{align-items: flex-start;justify-content: space-between;}
.sec03 .sec_profile, .sec03 .sec_content{width: 50%;height: 93rem;}
.sec03 .sec_profile img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.sec03 .swiper {height: 100%;}
.sec03 .swiper-slide {display: flex;align-items: center;justify-content: center;}

/* fade 효과 줬을때 안먹혀서 css 수동작업 */
.sec03 .sec_content .swiper-slide { opacity: 0 !important;background-color: #F9F8F8;}
.sec03 .sec_content .swiper-slide.swiper-slide-active { opacity: 1 !important; }

.sec03 .s-tit-bx{text-align: center;}
.sec03 .s-tit-bx .icon{margin: 0 auto}
.sec03 .s-tit-bx h4{font-size: 2.5rem;font-weight: 700;color: #000; line-height: 28px;margin-top: 3.5rem;}
.sec03 .s-tit-bx p {font-size: 1.8rem;color: var(--color-txt02);line-height: 30px;margin-top: 2.2rem;}
.sec03 .s-tit-bx .btn-wr{display: flex;align-items: center;justify-content: center;margin-top: 9rem;}
.sec03 .s-tit-bx .btn-wr .more-btn:nth-child(1){margin-right: 1rem;}

.sec03 .swiper-pagination{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  left: 9.1rem !important;
  top: 50% !important;
  bottom: inherit !important;
  transform: translateY(-50%) !important;
}
.sec03 .swiper-pagination span{font-size: 2rem;color: #fff;font-weight: 500;line-height: 28px;font-weight: 400;}
.sec03 .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  background-color: transparent;
  opacity: 1;
  padding-bottom: 1.5rem;
}
.sec03 .swiper-pagination-bullet::after{
  position:absolute;
  content: '';
  background-color: #fff;
  width: 0;
  height: 1px;
  left: 0;
  bottom:12px;
  transition: .5s;
}
.sec03 .swiper-pagination-bullet:hover::after{width: 100%}
.sec03 .swiper-pagination-bullet-active {background-color: transparent;}
.sec03 .swiper-pagination-bullet-active::after{display: none;}
.sec03 .swiper-pagination-bullet-active span{position: relative; font-weight: 800;margin-left: 3rem;}
.sec03 .swiper-pagination-bullet-active span::after{
  position: absolute;
  content: '';
  background: url(/theme/basic/img/main/sec03_arrow_active.svg);
  left: -3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;;
  height: 3rem;
  z-index: 1;
}

@media all and (max-width:768px) {
  .sec03{height: 100%}
  .sec03 .flex{flex-direction: column;}
  .sec03 .sec_profile, .sec03 .sec_content{width: 100%;height: 42rem}
  .sec03 .sec_profile{padding: 3rem var(--inner-pd) 0;background-color: #F9F8F8}
  .sec03 .swiper-pagination{left: var(--inner-pd) !important}
  .sec03 .s-tit-bx{padding: 0 var(--inner-pd)}
  .sec03 .s-tit-bx .icon{width: 6rem}
  .sec03 .s-tit-bx h4{margin-top: 2rem}
  .sec03 .s-tit-bx p{font-size: 1.6rem;line-height: 26px;}
  .sec03 .s-tit-bx p br{display: none}
  .sec03 .s-tit-bx .btn-wr{margin-top: 3.5rem}

  .sec03 .swiper{position:relative;}
  .sec03 .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    top: inherit !important;
    bottom: 2rem !important;
    transform: inherit;
    left: inherit !important;
  }
  .sec03 .swiper-pagination-bullet{width: 13px;height: 13px;border-radius: 100%;background-color: #fff;opacity: .5}
  .sec03 .swiper-pagination-bullet-active{opacity: 1;width: 26px;border-radius: 2rem;}
  .sec03 .swiper-pagination-bullet span{display: none}
}
@media all and (max-width:640px) {
  .sec03 .swiper-pagination-bullet{padding-bottom: .8rem}
  .sec03 .swiper-pagination span{font-size: 1.8rem;line-height: 28px;}
}




/*  */
.sec04{margin: 0 -22rem 0 -29rem;overflow: hidden;}
.sec04 .swiper{:0 -22rem 0 -29rem}
.sec04 .dish-tit{padding-top: 2rem;font-size: 1.6rem;color: var(--color-txt01);line-height: 27px; margin-top: 1rem;}
.sec04 .dish-tit a, .sec04 .dish-tit strong{display: block;font-size: 2rem;color: var(--color-txt);line-height: 28px;font-weight: 700;margin-bottom: 1rem}
.sec04 .dish-tit strong{}
.sec04 .dish-tit p{font-size: 1.6rem;color: var(--color-txt01);line-height: 27px; margin-top: 1rem;}


@media all and (max-width:768px) {
  .sec04{margin: 0}
  .sec04 .swiper{padding: 0 var(--inner-pd)}
  .sec04 .dish-tit{padding-top: 0;line-height: 24px;}
  .sec04 .dish-tit a, .sec04 .dish-tit strong{font-size: 1.8rem;line-height: 22px;}
}
@media all and (max-width:640px) {
  /* .sec04 .swiper{padding: 0} */
}