@charset "utf-8";

.main .content { padding: 0; }

.main .sec01 { position: relative; width: 100%; height: 200vh; }
.main .sec01 .kv_visual { position: relative; width: 100%; height: 101%; }
.main .sec01 .kv_visual::after {
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ��/�ƿ� Ʈ������ ���� */
.main .sec01 .kv_visual.active .kv_area .kv_tit { opacity: 1; transform: translateY(0); }
.main .sec01 .kv_visual.active .kv_area .kv_tit .h2 { transition-delay: .1s; }
.main .sec01 .kv_visual.active .kv_area .sub_tit_box { opacity: 1; transform: translateY(0); transition-delay: .1s; }

.main .sec01 .kv_visual.end .kv_area .sub_tit_box,
.main .sec01 .kv_visual.end .kv_area .kv_tit {
  opacity: 0;
  transform: translateY(max(calc(calc(calc(120 / var(--base-size)) * var(--base-percent)) * -1)));
}

/* ���� Ÿ�� */
.main .sec01 .type_visual { width: 100%; height: 100%; }
.main .sec01 .video_type { width: 100%; height: 100%; }
.main .sec01 .video_type .kv_area { bottom: auto; top: 50%; transform: translate(-50%,-50%); }

/* ���� ������Ʈ */
.main .sec01 video {
  width: 100%; height: 100%;
  object-fit: cover; transition: opacity .4s;
}

/* Ű���־� �ؽ�Ʈ/��ư */
.main .sec01 .kv_area {
  z-index: 1; position: absolute;
  bottom: calc(40% - 90px); left: 50%;
  max-width: max(calc(980px * var(--base-ratio)), calc(calc(980 / var(--base-size)) * var(--base-percent)));
  width: 100%; transform: translateX(-50%);
}

.main .sec01 .kv_tit {
  transform: translateY(max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent))));
  opacity: 0; transition-duration: .7s;
}

.main .sec01 .sub_tit_box {
  display: flex; justify-content: space-between; width: 100%;
  margin-top: max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));
  transform: translateY(max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent))));
  opacity: 0; transition-duration: .7s;
}
.main .sec01 .sub_tit_box .desc {
  font-size: max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5; letter-spacing: -.02em; color: #fff;
}
.main .sec01 h2 { color: #fff; word-break: keep-all; word-wrap: break-word; }

/* ��ũ�� ���� */
.main .sec01 .scroll_down {
  z-index: 0; position: absolute;
  bottom: max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)));
  left: 50%; width: max(calc(100px * var(--base-ratio)),calc(calc(100 / var(--base-size)) * var(--base-percent)));
  height: max(calc(42px * var(--base-ratio)),calc(calc(42 / var(--base-size)) * var(--base-percent)));
  transform: translateX(-50%); transition: opacity .5s;
  background: url(/resources/kr/images/main/ico_scroll.svg) center no-repeat; background-size: cover;
}

/* ����ũ/���� ���� */
.main .sec01 .mask_path { z-index: 1; position: absolute; left: 0; width: 100%; }
.main .sec01 .mask_path img { width: 100%; height: 100%; object-fit: cover; }
.main .sec01 .mask_path .mask_line_m { display: none; }

.main .sec01 .kv_circle_mask {
  z-index: 1; position: absolute; bottom: 0; left: 50%;
  width: max(calc(2230px * var(--base-ratio)),calc(calc(2230 / var(--base-size)) * var(--base-percent)));
  height: max(calc(2230px * var(--base-ratio)),calc(calc(2230 / var(--base-size)) * var(--base-percent)));
  background: url(/assets/images/main/kv_circle_line.png) center no-repeat; background-size: cover;
  animation: kvRotateCircle 5s linear infinite; opacity: 0; visibility: hidden;
}

/* ������: <= 1024px */
@media (max-width:1024px) {
  .main .sec01 .video_type .kv_area { transform: translate(0,-50%); }
  .main .sec01 .kv_area {
    width: auto; transform: translateX(0);
    left: max(calc(110px * var(--base-ratio)),calc(calc(110 / var(--base-size)) * var(--base-percent)));
    bottom: calc(50% - 93px);
  }
  .main .sec01 .sub_tit_box { flex-direction: column;
    margin-top: max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent)));
  }
  .main .sec01 .sub_tit_box .desc {
    font-size: max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));
  }
}

/* ������: �����/�ھ �����Ϳ��� ����ũ �̹��� ��ü �� ���� ����ũ ���� */
@media (max-width:1024px), (max-width:1200px) and (pointer:coarse) {
  .main .sec01 .mask_path .mask_line_pc { display: none; }
  .main .sec01 .mask_path .mask_line_m { display: block; }
  .main .sec01 .kv_circle_mask { display: none; }
}

/* ������: <= 767px */
@media (max-width:767px) {
  .main .sec01 .scroll_down { display: none; }
  .main .sec01 .kv_area {
    left: initial;
    bottom: auto; top: 60%; transform: translate(0,-50%);
	width:100%;
  }
}

/* �ִϸ��̼� Ű������ */
@keyframes kvRotateCircle {
  from { transform: translate(-50%,0) rotate(0); }
  to   { transform: translate(-50%,0) rotate(-360deg); }
}


#mv_wrap {}
#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:50%;top:50%;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;  letter-spacing:10px; 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%;}

 .more{width:225px;font-family: 'Italiana', sans-serif;margin: 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 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;*/position: absolute;right: 10%;opacity: .6;bottom: 25px;}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #fff; text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:2px; }
 .more p span{margin-left: 20px;}
 .more:hover{ opacity:1 }



@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);
    }
}




#mainIntroCon{position: relative;}
.main-intro-svg{margin: 0 auto; max-width: 142rem; display: block; overflow: visible;}
.main-intro-svg-box .tit1 {font-size:150px; transform: translateX(100px);}
.main-intro-svg-box .tit2 {font-size:200px; transform: translateX(192px);}
.main-intro-svg-box.animated .main-intro-svg .path01{animation: draw-stroke 30s linear infinite;}

.main-intro-txt-con{margin-top: 4rem; display: flex; justify-content: flex-end;}
.main-intro-txt-box{max-width: 37rem; width: 100%;}


@keyframes draw-stroke {
	100%{stroke-dashoffset: 100%; stroke-dasharray: 7, 8;}
}


.drench{
  position: relative;
  overflow: hidden;               /* ���� ���� */
}

/* ��� �̹����� ::before��, ������ ���� ������ */
.drench::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image: var(--drench-bg, url('/assets/images/main/drench_bg.jpg'));
  background-size: cover;
  background-position: center;
  will-change: transform;
  transform-origin: center;
  animation: drenchKB 18s ease-in-out infinite alternate; /* �ݺ� ��� */
}

/* ������ ��� ���� ���� */
.drench__inner{
  position: relative;
  z-index:1;
}

/* ������ ���� ���� ��������(����) */
.drench::after{
  content:"";
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
}

/* Ken-Burns ����: ���� Ȯ�� + ��¦ �д� */
@keyframes drenchKB{
  0%   { transform: scale(1)    translate3d(0%,   0%,   0); }
  50%  { transform: scale(1.06) translate3d(1.5%, -1.5%,0); }
  100% { transform: scale(1.12) translate3d(-2%,  2%,  0); }
}

/* ����ڰ� ��� ���̱� ���� �� ���� */
@media (prefers-reduced-motion: reduce){
  .drench::before{ animation: none; transform: none; }
}

.drench__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:2vw;
  align-items:center;
}
.brand-sub{letter-spacing:28px}



/* �� ����Ʈ */
.drench .tabs{list-style:none;margin:24px 0 0;padding:0}
.drench .tab{padding:12px 0;cursor:pointer;color:#d6d5d2;transition:.2s; font-weight:400}
.drench .tab b{margin-right:10px;display:inline-block;min-width:2ch;color:#d6d5d2; font-weight:400}
.drench .tab.is-active{color:#111}
.drench .tab.is-active b{color:#111; font-weight:600; border-bottom:3px solid #111}

/* ��� ���� ����ũ */
.drench .mask{
  width:min(34vw,420px);
  aspect-ratio:3/4;
  overflow: hidden;
  border-radius: var(--r);
  transition: border-radius .6s cubic-bezier(.2,.8,.2,1);
}
.drench .mask img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  /* ����: ���� �ٲ� �� ��¦ �ε巴�� */
  transition: transform .5s ease;
}

.drench__right  {    position: absolute; top: 30%;  width: 400px;}





@media (max-width:980px){
  .drench__inner{grid-template-columns:1fr;gap:28px;text-align:center}
  .drench__left .brand-sub{letter-spacing:.35em}
}
.drench .mask{position: relative;}

.drench__right #rightTitle { 
  position: relative; 
}
.drench__right:nth-of-type(1) #rightTitle::before{ content:""; position:absolute;  top:190px; left:-44%; width:40%; height:1px;  background:currentColor; pointer-events:none;}
.drench__right:nth-of-type(1) #rightTitle::after{ content:""; position:absolute; top:187px; left:-45%; width:6px; height:6px; border-radius:50%;
  background:currentColor; box-shadow:0 0 0 2px rgba(255,255,255,.6); pointer-events:none;}

.drench__right:nth-of-type(2) #rightTitle::before{  content:""; position:absolute;  top:270px; left:-44%; width:40%; height:1px;  background:currentColor; pointer-events:none;}
.drench__right:nth-of-type(2) #rightTitle::after{ content:""; position:absolute;  top:267px; left:-45%; width:6px; height:6px; border-radius:50%;  background:currentColor; 
  box-shadow:0 0 0 2px rgba(255,255,255,.6);  pointer-events:none;}




/*#rightTitle{ position: relative; display:block}
#rightTitle:nth-child(1)::before{  content: "";  position: absolute;  top:200px;  left: -44%;   width: 40%;  height: 1px;  background: currentColor;  pointer-events: none;}
#rightTitle:nth-child(1)::after{ content: "";  position: absolute; top:197px; left: -45%;  width: 6px;  height: 6px;  border-radius: 50%;  background: currentColor;   box-shadow: 0 0 0 2px rgba(255,255,255,.6);   pointer-events: none;}*/






@media (max-width: 1024px){
  #rightTitle::before,
  #rightTitle::after{ display: none; }
}

/*story*/
.story{height:100%;position:relative;}
.story .txt_page{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;transition:1s;}
.story .txt_page ul{width:100%;height:85%;transition:1.5s;}
.story .txt_page ul li{position:relative;cursor:pointer;padding: 23px 130px 46px;border-top: 1px solid #c7c7c7;height:25%;/* margin-top: -2px; */}
.story .txt_page ul li .t{display:flex;color:#7a6e66;font-size:6.13rem;letter-spacing:0.05em;perspective:100vw;height:100%;align-items:center;}
.story .txt_page ul li .t > div{display:flex;}

.story .txt_page ul li .hov_box{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
/* �� ����: �ʱ⿡�� �Ʒ��� ���� + ��Ÿ ���� + Ʈ������ �߰� */
.story .txt_page ul li .ho{
  position:absolute;left:0;top:0;width:100%;height:100%;
  overflow:hidden;
  transform:translateY(101%);
  transition:transform .8s ease;
  will-change:transform;
}
/* ȣ�� �� �г� �ö���� */
.story .txt_page ul li:hover .ho{ transform:translateY(0); }

.story .txt_page ul li .ho .bg{
  position:absolute;left:0;top:0;height:100%;width:100%;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  transform:scale(1.2);transition:1s;
}
.story .txt_page ul .p1 .ho .bg{background-image:url(/assets/images/main/story-txt-bg1.jpg);}
.story .txt_page ul .p2 .ho .bg{background-image:url(/assets/images/main/story-txt-bg2.jpg);}
.story .txt_page ul .p3 .ho .bg{background-image:url(/assets/images/main/story-txt-bg3.jpg);}

.story .txt_page ul li .ho dl{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 130px;position:relative;z-index:1;}
.story .txt_page ul li .ho dl dt{overflow:hidden;}
.story .txt_page ul li .ho dl dt p{color:#f5f0e9;font-size:1.5rem;font-weight:300;transform:translate(0,100%);transition:0.6s;}
.story .txt_page ul li .ho dl dt p strong{font-size:1.88rem;font-weight:600;}
.story .txt_page ul li .ho .btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;}
.story .txt_page ul li .ho .btn::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7a6e66;border-radius:50%;transform:scale(1.4);opacity:0;transition:0.8s;}
.story .txt_page ul li .ho .btn span{color:#f5f0e9;font-family:"Cinzel";font-size:0.94rem;font-weight:600;letter-spacing:0;position:relative;z-index:1;opacity:0;transform:scale(0.4);transition:0.8s;}

.story .txt_page ul li:hover .ho .bg{transform:none;}
.story .txt_page ul li:hover .ho dl dt p{opacity:1;transform:none;transition-delay:0.4s;}
.story .txt_page ul li:hover .ho .btn::before{opacity:1;transform:none;transition-delay:0.4s;}
.story .txt_page ul li:hover .ho .btn span{opacity:1;transform:none;transition-delay:0.4s;}

.story .story_sd{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;transform:translate(100%,0);transition:1.5s;}
.story .story_sd::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;pointer-events:none;background-color:#000;opacity:0;transition:1.5s;}
.story .story_sd .swiper-slide{overflow:hidden;background-color:#f5f0e9;}
.story .story_sd .vd{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;transform:scale(1.2);transition:1s;}
.story .story_sd .vd::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.story .story_sd .vd video{pointer-events:none;display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}

.story .story_sd .txt{position:absolute;z-index:5;left:14%;bottom:40%;transform:translate(0,50%);}
.story .story_sd .txt .t1{margin-bottom:65px;display:flex;}
.story .story_sd .txt .t1 span{display:block;overflow:hidden;position:relative;}
.story .story_sd .txt .t1 span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:0 0;transition:0.6s;}
.story .story_sd .txt .t1 span em{display:block;font-family:"Cinzel";color:#fff;font-weight:600;font-size:0.875rem;letter-spacing:0.05em;padding-bottom:5px;transform:translate(0,100%);transition:0.6s;}
.story .story_sd .txt .t2{margin-bottom:15px;display:flex;overflow:hidden;transform:rotate(-9deg);transform-origin:0 0;}
.story .story_sd .txt .t2 span{width:100%;font-family:'Thesignature';font-size:6.25rem;color:#fff;transform:rotateX(95deg);transform-origin:0 100%;transition:1.2s;}
.story .story_sd .txt .t3{display:flex;gap:0 30px;margin-bottom:35px;opacity:0;transform:translate(0,80%);transition:0.8s;}
.story .story_sd .txt .t3 p{color:#fff;letter-spacing:0.05em;}
.story .story_sd .txt .t3 strong{font-family:"Cinzel";font-weight:600;font-size:5.63rem;}
.story .story_sd .txt .t3 span{font-size:1.125rem;}
.story .story_sd .txt dl dt{margin-bottom:25px;overflow:hidden;}
.story .story_sd .txt dl dt p{color:#fff;font-size:1.88rem;font-weight:300;line-height:1.3em;transform:translate(0,100%);transition:0.8s;}
.story .story_sd .txt dl dt p strong{font-weight:600;}
.story .story_sd .txt dl dt p strong span{font-size:2.19rem;}
.story .story_sd .txt dl dd p{font-size:1rem;color:#fff;line-height:1.75em;opacity:0;transform:translate(0,100%);transition:0.8s;}

.story.sd_on .txt_page ul{transform:translate(0,-15%) scale(0.8);}
.story.sd_on .story_sd{transform:none;}
.story.sd_on .story_sd .vd{transform:none;}
.story.sd_on .txt_page ul li .t em{transform:rotateX(95deg);}
.story.sd_on .story_sd .swiper-slide-active .txt .t1 span em,
.story.sd_on .story_sd .swiper-slide-active .txt .t1 span::before{transform:none;transition-delay:0.8s;}
.story.sd_on .story_sd .swiper-slide-active .txt .t2 span{transform:none;transition-delay:1s;}
.story.sd_on .story_sd .swiper-slide-active .txt .t3{opacity:1;transform:none;transition-delay:1.2s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dt p{transform:none;transition-delay:1.3s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p{opacity:1;transform:none;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p:nth-child(1){transition-delay:1.5s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p:nth-child(2){transition-delay:1.6s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p:nth-child(3){transition-delay:1.7s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p:nth-child(4){transition-delay:1.8s;}
.story.sd_on .story_sd .swiper-slide-active .txt dl dd p:nth-child(5){transition-delay:1.9s;}

.fp-viewing-2 .story .txt_page ul li .t > div{transform:none;}
.fp-viewing-2 .story .txt_page ul .p1 .t > div{transition-delay:0.8s;}
.fp-viewing-2 .story .txt_page ul .p2 .t > div{transition-delay:0.9s;}
.fp-viewing-2 .story .txt_page ul .p3 .t > div{transition-delay:1s;}
.fp-viewing-2 .story .txt_page ul .p4 .t > div{transition-delay:1.1s;}
.fp-viewing-3 .story .story_sd::after{opacity:1;}
@media all and (max-width:1300px){
	.story .txt_page{padding: 60px 80px 0;}
	.story .txt_page ul li{padding: 0 60px;display:flex;gap: 0 50px;}
	.story .txt_page ul li .t{font-size:5rem;}
	.story .txt_page ul li .hov_box{position:static;width:auto;}
	.story .txt_page ul li .ho{position:relative;transform:none;}
	.story .txt_page ul li .ho .bg,
	.story .txt_page ul li .ho dl dd{display:none;}
	.story .txt_page ul li .ho dl dt p{color:#231916;font-size: 1.3rem;}
	.story .txt_page ul li .ho dl{padding:0;}
	.fp-viewing-2 .story:not(.sd_on) .txt_page ul li .ho dl dt p{transform:none;transition-delay:1.8s;}
	.story .story_sd .txt{bottom: 15%;transform:none;}
	.story .story_sd .txt .t1{margin-bottom:30px;}
	.story .story_sd .txt .t2{margin-bottom: 10px;}
	.story .story_sd .txt .t2 span{font-size:4rem;}
	.story .story_sd .txt .t3{margin-bottom: 10px;}
	.story .story_sd .txt .t3 strong{font-size:4rem;}
	.story .story_sd .txt dl dt{margin-bottom: 10px;}
	.story .story_sd .txt dl dt p{font-size:1.5rem;}
	.story .story_sd .txt dl dd p{font-size:0.9rem;}
	.story .story_sd .txt dl dt p strong span{font-size: 1.8rem;}
}
@media all and (max-width:1064px){
	.story .txt_page{padding: 0px 10px 0;}
	.story .txt_page ul{height: 70%;display: flex;flex-direction: column;justify-content: space-between;}
	.story .txt_page ul li{padding: 20px 0;height:auto;display:block;}
	story .txt_page ul li ~ li{margin-top: 0px;}
	.story .txt_page ul li .t{font-size:2.5rem;height:auto;}
	.story .txt_page ul li .hov_box{position:relative;margin-top: 5px;height:auto;}
	.story .txt_page ul li .ho dl dt p{color:#231916;font-size: 0.9rem; margin-top:10px;transform:initial;}
	.story .story_sd .txt{left:30px;bottom: 74%;transform: translate(0, 50%);}
	.story .story_sd .txt .t1{margin-bottom: 20px;}
	.story .story_sd .txt .t1 span::before{background-color:#000;}
	.story .story_sd .txt .t1 span em{color:#000;}
	.story .story_sd .txt .t2{margin-bottom:0;}
	.story .story_sd .txt .t2 span{color:#000;font-size: 4.8rem;}
	.story .story_sd .txt .t3{margin-bottom: 15px;gap: 0 15px;}
	.story .story_sd .txt .t3 p{color:#000;}
	.story .story_sd .txt .t3 strong{font-size:3.5rem;}
	.story .story_sd .txt dl dt{margin-bottom:10px;}
	.story .story_sd .txt dl dt p{color:#000;}
	.story .story_sd .txt dl dt p strong span{font-size: 1.6rem;}
	.story .story_sd .txt dl dd p{color:#000;line-height: 1.6em;}
	.story .story_sd .vd{height: 55%;bottom:-1px;}
}
@media all and (max-width:1064px) and (min-width:768px){
	.story .txt_page ul{height:auto;}
	.story .txt_page ul li  ~ li{margin-top:30px;}
	.story .txt_page ul li .t{font-size: 2.5rem;}
	.story .txt_page ul li .hov_box{margin-top:10px;}
	.story .txt_page ul li ~ li{margin-top: 60px;}
	.story .story_sd .txt{left: 10%;}
}
@media all and (max-width:1064px) and (min-width:768px) and (max-height:800px){
	.story .txt_page ul li ~ li{margin-top: 40px;}
	.story .txt_page ul li .t{font-size:2.5rem;}
}
@media all and (max-width:767px){
	.story .story_sd .txt .t2 span{font-size: 3.8rem;}
	.story .story_sd .txt .t3{margin-bottom:5px;}
	.story .story_sd .txt .t3 strong{font-size:3rem;}
	.story .story_sd .txt dl dt{margin-bottom:5px;}
}
@media all and (max-height:500px){
	.story .txt_page ul{height:auto;}
	.story .txt_page ul li ~ li{margin-top:25px;}
	.story .story_sd .txt .t1{margin-bottom:15px;}
	.story .story_sd .txt .t2{margin-bottom: 0px;}
	.story .story_sd .txt .t2 span{font-size: 4rem;}
	.story .story_sd .txt .t3{margin-bottom:5px;}
	.story .story_sd .txt .t3 strong{font-size: 3rem;}
}
@media all and (max-width:350px) {
	.story .txt_page ul li .t{font-size:2.5rem;}
	.story .story_sd .txt .t1{margin-bottom:15px;}
	.story .story_sd .txt .t1 span em{font-size: 0.8rem;}
	.story .story_sd .txt .t2 span{font-size:3.5rem;}
	.story .story_sd .txt .t3 strong{font-size:2.8rem;}
	.story .story_sd .txt .t3 span{font-size:1rem;}
	.story .story_sd .txt dl dt p{font-size:1.25rem;line-height: 1.5em;}
	.story .story_sd .txt dl dt p strong span{font-size:1.5rem;}
	.story .story_sd .txt dl dd p{font-size:0.8rem;}
}

@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 .mv_list_wrap .mv_list .visual{background-position:78% 50%;}
#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_m.jpg'); background-position:65% 50%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position:80% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.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:63%;transform: translateY(-60%);margin-left: 25px;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 3px;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;}
#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;}


.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.mt70 { margin-top: 30px !important;}
.mt100 {margin-top: 50px !important;}

.more1{width: 210px;font-family: 'Italiana', sans-serif;height: 50px;margin: 50px auto 0; float: none;}


.main .sec01{height:98vh;}

.main-intro-svg{max-width: 100%;text-align: center;}
.main-intro-svg-box .tit1 {font-size: 69px; transform: initial; text-align: center;width: 100%;}
.main-intro-svg-box .tit2 {font-size: 55px;transform: initial; margin-top:20px }
.cm-overflow-inner{text-align:center;}

.main-intro-txt-con{margin-top:3rem;}
.drench__left .brand-sub{font-size: 26px;}
.drench .mask{width:initial;aspect-ratio:3 /3 ; margin:0}

.drench .tab b{display:flow;margin:0 10px 10px 10px}
.drench .tab{float: left;width: 33%; font-size:14px}

.drench__right  {position: relative;top: 30%;width: -webkit-fill-available;}



.logo_txt_img img{width:50%}
.kv_tit img{width:50%}
.kv_tit .txt84{font-size:30px !important}

.kv_tit{text-align:center}
	
}


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