@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;z-index:650;}
#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%; }

/* ================================== 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:0 10px;  }
  #landing2025 .inner02 { padding:0 10px;  }
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 애니메이션  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
	
.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:clamp(20px, 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:clamp(37.5px, 9.02vw, 130px); font-family:var(--font-ns); line-height:1.25; color:#333; font-weight:900 !important; }
.sec1 .sec1Text .text03 { font-size:clamp(45px, 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 .text01, 
.sec1 .sec1Text .text02, 
.sec1 .sec1Text .text03 { opacity:0; transform:translateY(20px); animation: fadeUp 0.8s ease-out forwards; }
.sec1 .sec1Text .text02 { animation-delay: 0.3s; }
.sec1 .sec1Text .text03 { animation-delay: 0.6s; }
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
} */

/* ================================== 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:40px; }
  .sec1 .sec1Text { text-align:center; }
  .sec1 .sec1Text .text01 { margin-top:0; }

  .sec1 .smallText { z-index:20; display:flex; justify-content:flex-end; gap:10px; font-size:clamp(6px, 0.9vw, 12px); 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:clamp(5px, 0.9vw, 10px); 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:clamp(36px, 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:clamp(10px, 1.8vw, 26px); line-height:1.38; color:var(--text-color); }
.sec2 .sec2Wrapper .sec2Text .view_more { background:var(--main-color); height:100%; width:clamp(82px, 18vw, 266px); display:flex; justify-content:center; align-items:center; 
    font-size:clamp(12px, 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 { }
  .sec2 .sec2Wrapper { padding:0 24px; }
}

/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   sec3   /////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/
.sec3 { background:#fff; }
.sec3  .fp-tableCell {  }
.sec3 .sec3Slides { position:relative; width:100%; overflow:hidden; width:100%; /*max-width:1280px; margin:0 auto;*/ }

.sec3 .sec3Slides .swiper-wrapper {  }
.sec3 .sec3Slides .swiper-wrapper .swiper-slide { padding-left:45%; padding-right:30px; padding-bottom:85px; }
.sec3 .sec3Slides .swiper-wrapper .swiper-slide .slideItem { width:100%; max-width:668px; background:#fff; border:1px solid #d9d9d9; padding:3.6458vw 3.6458vw 2.60416vw; position:relative; overflow:visible; }
.sec3 .sec3Slides .slideItem .slideTit { font-size:clamp(20px, 3.8vw, 55px); font-weight:800; color:var(--text-color);  }
.sec3 .sec3Slides .slideItem .slideText { font-size:clamp(12px, 1.7vw, 24px); color:#707070; line-height:1.75; margin-top:clamp(20px, 2.864583vw, 55px); 
  height:clamp(calc(12px*4*1.75), calc(1.25vw*4*1.75), calc(24px*4*1.75)); letter-spacing:-0.07em; }
.sec3 .sec3Slides .slideItem .slideText02 { font-size:clamp(32px, 7.64vw, 110px); color:#000; line-height:1.1; font-family:var(--font-ms); font-weight:100 !important; margin-top:clamp(20px, 6.25vw, 90px); }
.sec3 .sec3Slides .slideItem .slideBtm { display:flex; justify-content:space-between; align-items:flex-end; margin-top:20px; }
.sec3 .sec3Slides .slideItem .slideBtm .view { display:flex; align-items:center; gap:10px; font-size:clamp(10px, 1.25vw, 18px); color:#000; margin-bottom: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:clamp(26px, 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; }
.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:20%; 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:clamp(6px, 0.9vw, 12px); line-height:1.5; color:#7c7c7c; font-weight:100; 
position:absolute; top:100%; right:0; }
.sec3 .sec3Slides .smallText strong { font-weight:300; flex-grow:1; text-align:right; }
.sec3 .sec3Slides .smallText ul { display:flex; flex-wrap:wrap; width:clamp(90px, 12.5vw, 180px); gap:0 10px; }
.sec3 .sec3Slides .smallText ul li { width:calc(50% - 5px); white-space: nowrap; }
.sec3 .pagWrap { position:absolute; width:45%; left:0; height:100%;  background:#fff; z-index:10; }
.sec3 .pagWrap .pagBtns { justify-content:space-between; display:flex; flex-direction:column; padding-bottom:70px; padding-left:30px; position:absolute; width:100%; height:100%; max-width:660px; right:0; }
.sec3 .swiper-pagination {flex-grow:1; position:relative; left:0; top:0; width:100%; display:flex; flex-direction:column; justify-content:space-around;  }
.sec3 .pagWrap .thanks { cursor:pointer; position:relative; z-index:100; padding:2.1vw 0; font-size:clamp(11px, 3.47vw, 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:clamp(12px, 3.125vw, 45px);; align-items:center;  opacity:1 !important; width:100%; height:auto; 
    font-size:clamp(12px, 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:#4d4d4d !important; font-weight:900; }
.sec3 .swiper-pagination-bullet.active:after, 
.sec3 .swiper-pagination-bullet-active:after { opacity:1; content:''; display:block; width:2.604vw; height:2px; background:#4d4d4d; }



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

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

/* ================================== Mobile css ================================== */
@media screen and (max-width:767px){
  .sec3 { background:#fff;  }
  .sec3 .sec3Slides { margin:0 24px; overflow:hidden; width:calc(100% - 48px); }
  .sec3 .pagWrap { width:100%; height:auto;  margin:0 auto;}
  .sec3 .pagWrap .pagBtns { justify-content:space-between; display:flex; flex-wrap:wrap; flex-direction:row; padding-bottom:0; padding-left:0; width:100%; max-width:initial;  }
  .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:12px; text-align:right; } 
  .sec3 .sec3Slides .swiper-wrapper { padding-top:85px;}
  .sec3 .sec3Slides .swiper-wrapper .swiper-slide { width:100%; border:1px solid #d9d9d9; padding:24px 24px 5px 24px;  }
  .sec3 .sec3Slides .swiper-wrapper .swiper-slide .slideItem { border:0; padding:0; }
  .sec3 .sec3Slides .smallText { padding-top:0; position:relative; bottom:auto; right:auto; }
  .sec3 .sec3Slides .smallText ul { gap:0 5px; justify-content:space-between; }
  .sec3 .swiper-pagination-bullet { border-bottom:1px solid #fff; }
  .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.94%; left:4.6875%; font-size:clamp(30px, 4.86vw,70px); font-weight:500; font-family:"Taviraj", serif !important; font-style:italic; line-height:1; }
.sec4 .sec4Wrapper .sec4Text {  position:absolute; top:46.7341%; left:4.6875%; font-size:clamp(12.5px, 2.43vw, 35px); font-weight:500; line-height:1.85; }
.sec4 .sec4Wrapper .sec4Text span { display:block; }

/* ================================== 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:1280/2100 !important; height:auto !important; }
  .sec4 .sec4Wrapper .sec4Tit { position:absolute; top:53%;}
  .sec4 .sec4Wrapper .sec4Text { position:absolute; top:65%;  }
}
 


/* ---------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////   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:clamp(18px, 3.8vw, 55px); font-weight:900; }
.sec5 .sec5_01 .sec5_tit .tit_s { font-size:clamp(14px, 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:clamp(40px, 4.8vw, 70px) clamp(24px, 2.8vw, 40px) clamp(30px, 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:clamp(18px, 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:clamp(11px, 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 { height:auto !important; }
  .sec5 .fp-tableCell { height:auto !important;  }
  .sec5Wrapper { align-items:flex-start; justify-content:flex-start; padding:30px 0 !important; }
  .sec5 .sec5_01 { flex-wrap:wrap; }
  .sec5 .sec5_01 .sec5_tit  { width:100%; text-align:center; }
  .sec5 .sec5_01 .reserve_btn { width:50%; height:56px; line-height:56px;  margin:20px auto 0; padding:0;}
  .sec5 .sec5_02 { flex-wrap:wrap; gap:20px; margin-top:40px !important; gap:10px;  }
  .sec5 .sec5_02 .sec5_link { border-radius:15px; width:100%;  } 
  .sec5 .sec5_02 .sec5_link .link_text { margin-top:25px;  }


}