@charset "utf-8";
/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* 3. Taviraj */
@import url('https://fonts.googleapis.com/css2?family=Taviraj:ital,wght@0,400;1,500&display=swap');

/* 1. Pretendard */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* 2. Min Sans VF */
@font-face {
    font-family: "MinSansVF";
    src: url("font/MinSans/MinSansVF.woff2") format("woff2-variations");
    font-weight: 100 900;
      font-style: normal;
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 900;
    src: url("font/MinSans/MinSans-Black.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 800;
    src: url("font/MinSans/MinSans-ExtraBold.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 700;
    src: url("font/MinSans/MinSans-Bold.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 600;
    src: url("font/MinSans/MinSans-SemiBold.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 500;
    src: url("font/MinSans/MinSans-Medium.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 400;
    src: url("font/MinSans/MinSans-Regular.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 300;
    src: url("font/MinSans/MinSans-Light.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 200;
    src: url("font/MinSans/MinSans-ExtraLight.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "MinSans";
    font-weight: 100;
    src: url("font/MinSans/MinSans-Thin.woff2") format("woff2");
  }

/* 4. NanumSquareNeo */
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;	
  }
  
  @font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
    font-weight: 800;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
    font-weight: 900;
    font-display: swap;   
  }
  
  @font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), 
  url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
  }
  

#landing2025 { letter-spacing:0px; font-family:'Pretendard',sans-serif; font-weight:500; }

/* ---------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 공통   //////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
:root {
	--main-color: #184565;
	--text-color: #403D3C;
    --font-pt : 'Pretendard' !important;
    --font-ns : 'NanumSquareNeo' !important;
    --font-ms : 'MinSans' !important;
    --font-tv : 'Taviraj' !important;
  }

#header{position:fixed;top:0;left:0;}
.hidden { position:absolute; font-size:0; left:-10000px; }
	
#landing2025 {position:relative;}
#landing2025 * { box-sizing:border-box; letter-spacing:-0.03em;}
#landing2025 strong {font-weight:700;}
#landing2025 .section {position:relative; overflow:hidden; }
#landing2025 .section.fp-auto-height{padding:0;}
#landing2025 .section .inner { width:100%; max-width:1440px; margin:0 auto; position:relative; }
#landing2025 .inner01 { width:100%; max-width:1500px; padding:0 30px; margin:0 auto;  }
#landing2025 .inner02 { width:100%; max-width:1500px; padding:0 20px; margin:0 auto;  }

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important;}
.short-con2 { height:236px; background:none; } /* 헤더 영역 */
.short-con { height:480px; 	} /* 푸터 영역 */
.secFooter { background:#fff; }

.pc_img{display:initial;}
.m_img{display:none;}
.m_br { display:none; }
img { max-width:100%; }

#header { transition: all 0.8s;}

/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 	
  #landing2025 .inner02 { padding:0 30px; }		
}

 /* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){		
	.short-con{height:auto}
  .short-con2{height:45px;}	
  .fullpage .section{padding:0;}
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  /* .section .fp-tableCell, .section { height: auto !important; } */
  .pc_img{display:none;}
  .m_img{display:initial;}  
  .m_br { display:initial; }  

  #landing2025 .inner01 { padding:min(3.1250vw, 20px); }
  #landing2025 .inner02 { padding:min(3.1250vw, 20px); }

}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 애니메이션  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/	
.fullpage .section .fade-up{opacity:0;  transform:translateY(60%); transition:all 1s; transition-timing-function: ease-out;}
.fullpage .active .fade-up{opacity:1; transform:translateY(0); transition:all 1s;  transition-timing-function: ease-out;}
.fullpage .section .fade-up-slow{opacity:0;  transform:translateY(80%); transition:all 1.5s; transition-timing-function: ease-out;}
.fullpage .active .fade-up-slow{opacity:1; transform:translateY(0); transition:all 1.5s;  transition-timing-function: ease-out;}
.fullpage .section .fade-in{opacity:0;  transition:all 1s; transition-timing-function: ease-out;}
.fullpage .active .fade-in{opacity:1; transition:all 1s;  transition-timing-function: ease-out;}
.fullpage .section .fade-right{opacity:0; transform:translateX(-100%); transition:all 1s; transition-timing-function: ease-out;}
.fullpage .active .fade-right{opacity:1; transform:translateX(0); transition:all 1.0s;  transition-timing-function: ease-out;}
.fullpage .fade-width{opacity:0; transform:scale(0,1); transition:all 1.0s; transition-timing-function: ease-out; transform-origin: left;}
.fullpage .active .fade-width{opacity:1; transform:scale(1,1); transition:all 1.0s;  transition-timing-function: ease-out;}
.fullpage .font-color{opacity:1; transition:all 2.0s; transition-timing-function: ease-out; transform-origin: left; color:#e7e7e7; }
.fullpage .active .font-color{opacity:1; transition:all 2.0s;  transition-timing-function: ease-out; color:var(--main-color); }
.fullpage .active .ani1{transition-delay:0.3s;}
.fullpage .active .ani1_1{transition-delay:0.4s;}
.fullpage .active .ani2{transition-delay:0.9s;}
.fullpage .active .ani3{transition-delay:1.5s;}
.fullpage .active .ani4{transition-delay:2.1s;}
.fullpage .active .ani5{transition-delay:2.7s;}
.fullpage .active .ani6{transition-delay:3.2s;}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  
}

/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec1   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec1 { background:#fff; width:100%; aspect-ratio:1920/988; height:auto !important; }
.sec1 .fp-tableCell { vertical-align:top !important;  height:auto !important;  }
.sec1 .sec1Img { position:absolute; z-index:1; bottom:0; left:0; width:100%; aspect-ratio:1920/988; background:url(images/landing2025/sec1_bg.png)center bottom no-repeat; background-size:100%; z-index:5; }
.sec1 .sec1Text { display:flex; flex-direction:column; height:100%; position:relative; z-index:10; top:12%; }
.sec1 .sec1Text .text01 { margin-top:12vh; font-size:min(4.17vw, 60px); font-family:var(--font-ns); line-height:1.2; color:#333; }
.sec1 .sec1Text .text01 strong { font-family:var(--font-ns); font-weight:700 !important; }
.sec1 .sec1Text .text02 { font-size:min(9.02vw, 130px); font-family:var(--font-ns); line-height:1.25; color:#333; font-weight:900 !important; }
.sec1 .sec1Text .text03 { font-size:min(9.72vw, 140px); font-family:var(--font-ns); line-height:1.15; color:var(--main-color); font-weight:900 !important; }
.sec1 .smallText { display:none;}
.sec1 .sec1Text P { opacity:0; }
.sec1 .sec1Img {opacity:0; animation-delay:1.0s;}

@keyframes fadeUp {
  from {
      opacity: 0;
      transform: translateY(100px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.fadeUp {opacity: 0; animation: fadeUp 1.0s ease-out forwards; }
.fadeIn {opacity: 0; animation: fadeIn 3.0s ease-out forwards; }



/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 			
}

/* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){	
  .sec1 { background:#fff; width:100%; aspect-ratio:initial !important; height:100vh !important; }
  .sec1 .fp-tableCell { height:100vh !important; }
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec1 { background:#fff; width:100%; aspect-ratio:initial !important; }
  .sec1 .fp-tableCell { vertical-align:middle !important;  }
  .sec1 .sec1Img { position:relative; top:auto; left:auto; aspect-ratio:initial !important; background:none; margin-top:min(12.5000vw, 80px); }
  .sec1 .sec1Text { text-align:center; }
  .sec1 .sec1Text .text01 { margin-top:0; font-size:min(6.25vw, 40px);}
  .sec1 .sec1Text .text02 { font-size:min(11.7188vw, 75px); }
  .sec1 .sec1Text .text03 { font-size:min(14.0625vw, 90px); }

  .sec1 .smallText { z-index:20; display:flex; justify-content:flex-end; gap:10px; font-size:min(1.4063vw, 9px); line-height:1.5; color:#7c7c7c; font-weight:100;  }
  .sec1 .smallText strong { font-weight:300 !important; flex-grow:1; text-align:right;  }
  .sec1 .smallText strong span { display:block; }
  .sec1 .smallText strong span:nth-child(2) { font-size:min(1.0938vw, 7px); line-height:1; }
  .sec1 .smallText ul { display:flex; flex-wrap:wrap; width:clamp(90px, 12.5vw, 180px); gap:0 10px; justify-content:space-between; }
  .sec1 .smallText ul li { width:calc(50% - 5px); white-space: nowrap; }
}


/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec2   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec2 { background:#fff; }
.sec2 .sec2Wrapper { display:flex; justify-content:center; width:100%; }
.sec2 .sec2Wrapper .sec2Cnts { display:flex; flex-direction:column; }
.sec2 .sec2Wrapper .sec2Cnts .sec2Tit { font-size:min(5.9vw, 85px); line-height:1.2; /*color:var(--main-color);*/ font-weight:300; margin-bottom:7.4vh; }
.sec2 .sec2Wrapper .sec2Cnts .sec2Tit strong { font-weight:700; }
.sec2 .sec2Wrapper .sec2Text { display:flex; justify-content:space-between; padding-top:2.77vh; }
.sec2 .sec2Wrapper .sec2Text .detailText { font-size:min(1.8vw, 26px); line-height:1.38; color:var(--text-color); }
.sec2 .sec2Wrapper .sec2Text .view_more { background:var(--main-color); height:100%; width:min(18vw, 266px); display:flex; justify-content:center; align-items:center;  font-size:min(2.1vw, 30px); font-weight:600; color:#fff; border:0; cursor:pointer;  }
.sec2 .sec2Wrapper .line { width:100%; height:1px; background:#868686; }

/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 			
}

/* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){	
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec2 .sec2Wrapper .sec2Cnts .sec2Tit { font-size:min(11.8750vw, 76px); margin-bottom:min(7.8125vw, 50px);}
  .sec2 .sec2Wrapper .sec2Text { padding-top:min(7.8125vw, 50px);  }
  .sec2 .sec2Wrapper .sec2Text .detailText { font-size:min(3.4375vw, 22px); }
  .sec2 .sec2Wrapper .sec2Text .view_more { width:min(26.5625vw, 170px); font-size:min(3.75vw, 24px); }
}

/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec3   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec3 { background:#fff; height:auto !important;  }
.sec3  .fp-tableCell { height:auto !important;   }
.sec3 .sec3Slides { position:relative; width:100%; overflow:hidden; padding:0 calc((100% - 1220px)/2); min-height:100vh; }

.sec3 .sec3Slides .swiper-wrapper { display:flex; align-items:center; }
.sec3 .sec3Slides .swiper-wrapper .swiper-slide { padding-left:45%; display:flex; align-items:center; min-height:100vh;}
.sec3 .sec3Slides .swiper-wrapper .swiper-slide > div { width:100%; }
.sec3 .sec3Slides .swiper-wrapper .swiper-slide .slideItem { width:100%; max-width:670px; background:#fff; border:1px solid #d9d9d9; position:relative; overflow:visible;
  padding:min(4.5833vw, 66px) min(5vw, 72px) min(3.8889vw, 56px);  }
.sec3 .sec3Slides .slideItem .slideTit { font-size:min(3.8194vw, 55px); font-weight:800; color:var(--text-color); line-height:1; }
.sec3 .sec3Slides .slideItem .slideText { font-size:min(1.6667vw, 24px); color:#707070; line-height:1.75; margin-top:min(2.7778vw, 40px); 
  height:min(calc(1.25vw*4*1.75), calc(24px*4*1.75)); letter-spacing:-0.08em !important; }
.sec3 .sec3Slides .slideItem .slideText02 { font-size:min(7.6389vw, 110px); color:#000; line-height:1.1; font-family:var(--font-ms); font-weight:100 !important; margin-top:min(5.5556vw, 80px); }
.sec3 .sec3Slides .slideItem .slideBtm { display:flex; justify-content:space-between; align-items:flex-end; margin-top:min(1.3889vw, 20px); }
.sec3 .sec3Slides .slideItem .slideBtm .view { display:flex; align-items:center; gap:10px; font-size:min(1.25vw, 18px); color:#000; margin-bottom:min(1.0417vw, 15px); }
.sec3 .sec3Slides .slideItem .slideBtm .view span { display:block; border-bottom:1px solid #fff;}
.sec3 .sec3Slides .slideItem .slideBtm .view:hover span { transition:all 0.3s; border-color:var(--main-color); }
.sec3 .sec3Slides .slideItem .slideBtm .view:before { width:min(3.9vw, 56px); aspect-ratio:1/1; border-radius:50%; border:1px solid #d0d0d0; content:''; background:#fff url(images/landing2025/view_arw.png)no-repeat center; background-size:cover; transition: all 0.6s;
    transition-delay: 0s !important; }
.sec3 .sec3Slides .slideItem .slideBtm .view:hover:before { transition:all 0.3s; background:var(--main-color) url(images/landing2025/view_arw_over.png)no-repeat center; }
.sec3 .sec3Slides .slideItem .slideImg { width:min(7.3611vw, 106px); aspect-ratio:210/286; }
.sec3 .sec3Slides .slideItem .slideImg img { width:100%; height:auto; }

.sec3 .sec3Slides .smallText {  padding-top:10px; display:flex; justify-content:flex-end; gap:10px; font-size:min(0.9vw, 12px); line-height:1.5; color:#7c7c7c; font-weight:100; background:#fff; }
.sec3 .sec3Slides .smallText strong { font-weight:300; flex-grow:1; text-align:right; }
.sec3 .sec3Slides .smallText ul { display:flex; gap:10px; }
.sec3 .sec3Slides .smallText ul li { white-space: nowrap; }

.sec3 .pagWrap { position:absolute; width:auto; left:calc((100% - 1220px)/2); width:45%; max-width:549px; height:100%;  z-index:10; display:flex; align-items:center; }
.sec3 .pagWrap .pagBtns { width:100%; justify-content:space-between; display:flex; flex-direction:column; padding-top:min(4.5833vw, 66px); position:absolute; width:100%; height:100%; right:0; }
.sec3 .swiper-pagination {flex-grow:1; position:relative; left:0; top:0; width:100%; display:flex; flex-direction:column; justify-content:space-between; white-space: nowrap;  }
.sec3 .pagWrap .thanks { white-space: nowrap; cursor:pointer; position:relative; z-index:100; padding:min(3.8889vw, 56px) 0; font-size:min(3.4722vw, 50px); color:var(--main-color); line-height:1.1; font-weight:500; font-family:"Taviraj", serif !important; font-style:italic; }

.sec3 .swiper-pagination-bullet { transition:all 0.3s; display:flex; gap:min(3.125vw, 45px); align-items:center;  opacity:1 !important; width:100%; height:auto; font-size:min(3.47vw, 50px); 
  line-height:1; color:#e7e7e7 !important; font-weight:700 !important; border-radius:0; background:none; text-align:left;}
.sec3 .swiper-pagination-bullet:after { opacity:0; }
.sec3 .swiper-pagination-bullet.active,
.sec3 .swiper-pagination-bullet-active { color:#184565 !important; font-weight:900; }
.sec3 .swiper-pagination-bullet.active:after, 
.sec3 .swiper-pagination-bullet-active:after { opacity:1; content:''; display:block; width:min(3.4722vw, 50px); height:2px; background:#4d4d4d; }

@media screen and (max-width:1240px){ 	
  .sec3 .sec3Slides { padding:0 10px; }	
  .sec3 .pagWrap { left:10px; }	
}

/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 	
  .sec3 .sec3Slides { padding:0 10px; }		
}
 
/* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){	
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec3 { background:#fff; height:100vh !important;  }
  .sec3  .fp-tableCell { height:100vh !important;   }
  .sec3 .sec3Slides { padding:0 min(3.125vw, 20px); height:auto !important;  min-height:initial !important; }
  .sec3 .sec3Slides .swiper-wrapper .swiper-slide { width:100%; padding:0; display:block; height:auto !important;  min-height:initial !important; }
  .sec3 .pagWrap { width:100%; height:18vw;  margin:0 auto; position:relative; display:block; left:auto; }
  .sec3 .pagWrap .pagBtns { justify-content:space-between; display:flex; flex-wrap:wrap; flex-direction:row; padding:0;  width:100%; max-width:initial;  }
  .sec3 .sec3Slides .swiper-wrapper .swiper-slide .slideItem {  padding:min(9.3750vw, 60px) min(7.1875vw, 46px);  }
  .sec3 .sec3Slides .slideItem .slideTit { font-size:min(6.2500vw, 40px);  }
  .sec3 .sec3Slides .slideItem .slideText { font-size:min(3.7500vw, 24px); line-height:1.6; margin-top:min(9.3750vw, 60px); height:min(calc(3.75vw*4*1.6), calc(24px*4*1.6)); }
  .sec3 .sec3Slides .slideItem .slideText02 { font-size:min(10vw, 64px); margin-top:min(7.8125vw, 50px); }
  .sec3 .sec3Slides .slideItem .slideImg { width:min(17.1875vw, 110px); aspect-ratio:210/286; }
  .sec3 .sec3Slides .slideItem .slideBtm .view { gap:min(2.1875vw, 14px); font-size:min(3.4375vw, 22px); margin-bottom:min(3.9063vw, 25px); }
  .sec3 .sec3Slides .slideItem .slideBtm .view:before { width:min(7.8125vw, 50px); }
  .sec3 .sec3Slides .smallText { gap:10px; font-size:min(2.1875vw, 14px); padding-bottom:0; }
  .sec3 .sec3Slides .smallText ul { gap:5px; }
  .sec3 .sec3Slides .smallText strong { white-space:nowrap;} 

  .sec3 .sec3Slides .swiper-pagination { width:100%; display:flex; flex-direction:row; justify-content:space-between; gap:0;  }
  .sec3 .sec3Slides .swiper-pagination span { width:auto; white-space:nowrap; margin:0; }
  .sec3 .sec3Slides .pagWrap .thanks { width:100%; padding-top:min(2.1875vw, 14px); font-size:min(3.7500vw, 24px); text-align:right; } 

  .sec3 .swiper-pagination-bullet { border-bottom:1px solid #fff; font-size:min(3.7500vw, 24px); }
  .sec3 .swiper-pagination-bullet.active,
  .sec3 .swiper-pagination-bullet-active { color:var(--main-color) !important; font-weight:900; border-color:var(--main-color); }
  .sec3 .swiper-pagination-bullet:after { display:none !important; width:0; }
  .sec3 .swiper-pagination-bullet:hover:after { display:none !important; width:0; }    
}
 


 /* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec4   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec4 { background:url(images/landing2025/sec4_bg.png )center no-repeat; background-size:cover;  aspect-ratio:1920/1080;  height:auto !important;  }
.sec4 .fp-tableCell { height:auto !important; }
.sec4 .innerDiv { }
.sec4 .sec4Wrapper { width:100%; color:#fff;}
.sec4 .sec4Wrapper .sec4Tit { position:absolute; top:31%; left:4.6875%; font-size:min(4.86vw,70px); font-weight:400 !important; font-family:"Taviraj", serif !important; font-style:italic; line-height:1; }
.sec4 .sec4Wrapper .sec4Text {  position:absolute; top:43%; left:4.6875%; font-size:min(2.43vw, 35px); font-weight:500; line-height:1.85; }
.sec4 .sec4Wrapper .sec4Text span { display:block; }
.sec4 .sec4Wrapper .sec4Text .lastline { text-align:right; line-height:2.5; }

/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 			
}

/* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){	
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec4 { background:url(images/landing2025/sec4_bg_m.png )center no-repeat; background-size:cover; aspect-ratio:initial !important; height:100vh !important; }
  .sec4 .sec4Wrapper .sec4Tit { position:absolute; top:53%; left:3.75vw; font-size:min(9.3750vw, 60px); }
  .sec4 .sec4Wrapper .sec4Text { position:absolute; top:65%;  left:3.75vw;  font-size:min(4.0625vw, 26px); }
}
 


/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec5   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec5 { background:#fff; }
.sec5Wrapper { display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; height:100%; }
.sec5 .sec5_01 { display:flex; justify-content:space-between; }
.sec5 .sec5_01 .sec5_tit { line-height:1.2; color:var(--text-color); }
.sec5 .sec5_01 .sec5_tit .tit { font-size:min(3.8vw, 55px); font-weight:900; }
.sec5 .sec5_01 .sec5_tit .tit_s { font-size:min(2.7vw, 38px); font-weight:400; margin-top:10px; }
.sec5 .sec5_01 .reserve_btn { display:flex; height:100%; justify-content:center; align-items:center; background:var(--main-color); width:min(28vw, 420px); }
.sec5 .sec5_01 .reserve_btn span { font-size:clamp(15px, 2.08333vw, 40px); color:#fff; font-weight:600; }
.sec5 .sec5_02 { display:flex; justify-content:space-between; gap:clamp(20px, 3vw, 66px);; }
.sec5 .sec5_02 .sec5_link { padding:min(4.8vw, 70px) min(2.8vw, 40px) min(3.5vw, 50px); position:relative; display:block; flex-grow:1; overflow:hidden; } 
.sec5 .sec5_02 .sec5_link:before { position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); z-index:-1; background:#fff; border:1px solid #d9d9d9; border-radius:30px; content:''; display:block; top:0; left:0; transition:all 0.5s; transition-delay:0s !important; }
.sec5 .sec5_02 .sec5_link .link_tit { transition:all 0.5s; transition-delay:0s !important; font-size:min(2.4vw, 34px); font-weight:800; color:#333;  }
.sec5 .sec5_02 .sec5_link .link_text { transition:all 0.5s; transition-delay:0s !important; font-size:min(1.4vw, 20px); font-weight:400; color:#8A8A8A; line-height:1.35; margin-top:30px;  }
.sec5 .sec5_02 .sec5_link .arrow {  transition:all 0.5s; transition-delay:0s !important; position:absolute; top:clamp(15px, 1.5vw, 21px); right:clamp(15px, 1.5vw, 21px); width:clamp(30px, 3.1vw, 44px);
   aspect-ratio:1/1 ; border-radius:50%; background:var(--main-color) url(images/landing2025/arrow.png)no-repeat; background-size:100%; }
.sec5 .sec5_02 .sec5_link:hover:before { background:var(--main-color); border-color:var(--main-color);  transition:all 0.5s; transition-delay:0s !important; }
.sec5 .sec5_02 .sec5_link:hover .link_tit { color:#fff; transition:all 0.5s; transition-delay:0s !important;}
.sec5 .sec5_02 .sec5_link:hover .link_text { color:#fff; transition:all 0.5s; transition-delay:0s !important; }
.sec5 .sec5_02 .sec5_link:hover .arrow { background:#fff url(images/landing2025/arrow_over.png)no-repeat;  background-size:100%; transition:all 0.5s; transition-delay:0s !important;}
.active .sec5 .sec5_02 .sec5_link,
.active .sec5 .sec5_02 .sec5_link:hover {transition:all 0.5s; transition-delay:0 !important ; }

/* ================================== Laptop css ================================== */
@media screen and (max-width:1200px){ 			
}

/* ================================== Tablet css ================================== */
@media screen and (max-width:1024px){	
}

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec5 { }
  .sec5 .fp-tableCell {  }
  .sec5Wrapper { justify-content:center;  }
  .sec5 .sec5_01 { flex-wrap:wrap; }
  .sec5 .sec5_01 .sec5_tit { width:100%; text-align:center; }
  .sec5 .sec5_01 .sec5_tit .tit { font-size:min(5.6250vw, 36px); }
  .sec5 .sec5_01 .sec5_tit .tit_s { font-size:min(4.3750vw, 28px); font-weight:400; margin-top:min(1.8750vw, 12px); }
  .sec5 .sec5_01 .reserve_btn { width:50%; height:min(14.0625vw, 90px); line-height:min(14.0625vw, 90px);  margin:min(4.6875vw, 30px) auto 0; padding:0;}
  .sec5 .sec5_02 { flex-wrap:wrap; margin-top:min(10vw, 64px) !important; gap:10PX;  }
  .sec5 .sec5_02 .sec5_link { border-radius:15px; width:100%; padding:min(6.2500vw, 40px) min(7.1875vw, 46px);  } 
  .sec5 .sec5_02 .sec5_link .link_tit { font-size:min(5.6250Vw, 36px); }
  .sec5 .sec5_02 .sec5_link .link_text { font-size:min(3.75vw, 24px); margin-top:min(3.75vw, 30px); }
}