/* 페이지 앵커 */
#pageMenu
{position: fixed; right:60px; top:50%; transform: translate(0,-50%); z-index: 999; }
#pageMenu li
{margin: 20px 0;  display: flex;  flex-direction: row;  align-items: center;  gap: 2rem;}
#pageMenu li a::after
{content: '';display: block;min-width: 10px;min-height: 10px;border-radius: 100%;border: 2px solid #d9d9d9;}
#pageMenu li.active{}
#pageMenu li.active a::after
{content: '';display: block;min-width: 10px;min-height: 10px;border-radius: 100%;border: 2px solid #0080ff;background-color: #0080ff;}
#pageMenu a
{ width: 100%; position: relative;display: flex;flex-direction: row;align-items: center;gap: 3rem; justify-content: flex-end;}
#pageMenu li a span {color: transparent;}
#pageMenu li.active a span
{color: #fff;  font-size: 1.5rem; font-weight: 800;}

#pageMenu li.active.bg a span
{color: #333333;}

/* 페이지 앵커 반응형  */
@media screen and (max-width : 1150px) {
  #pageMenu{display: none;}
}

/* section common */
.section {height: 100vh;position:relative;font-family: var(--font1);}
.fp-auto-height {width: 100%;  height: 200px!important; }

/* scroll down */
.scroll-down
{color:#fff; display:flex; flex-direction: column; flex-wrap:wrap; text-align:center; font-size:0;  position:absolute; bottom:0%; left: 50%;transform:translateX(-50%);}
.scroll-down .txt-wrap,.scroll-down .line-wrap
{ position:relative; }
.scroll-down .txt-wrap span,.scroll-down .line-wrap span
{ display:inline-block; }
.scroll-down .txt-wrap
{ margin-bottom:2rem; }
.scroll-down .txt-wrap span.floating-txt
{  animation: floating 1.5s infinite linear; }
.scroll-down .txt-wrap span.floating-txt a
{text-decoration: none;  color: #fff;  transition: var(--transition1);  /* writing-mode: vertical-rl; */  font-size: 13px;  text-transform: uppercase;  font-weight: 500;  letter-spacing: 1px;  font-family: var(--font2);}
.scroll-down .line-wrap
{ width:100%; }
.scroll-down .line-wrap span.line
{ width: 2px;  height: 60px; background-color:rgba(255,255,255,.3); position:relative; }
.scroll-down .line-wrap span.line::after
{ position: absolute; top: 0; left: 0; width: 100%; height: 0%; animation: progress 5.5s infinite linear; background-color: #fff; content: '' }
@keyframes progress { 0% { height: 0%; } 100% { height: 100%; } }

/* main - contronls */
.bar-arrow
{display: flex;flex-direction: row;align-items: center;}

/* section2 */
#section2
{background: url(/wp-content/uploads/2026/04/main-intro-bg.png) no-repeat center bottom,#fff;background-size: contain;}
#section2 #mainIntro{}
#mainIntro .main-title small
{color: #fff;background-color: #000065;}
#mainIntro .intro-con-wrap
{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 3rem;}
#mainIntro .intro-con-wrap a.intro-link
{height: 44rem;width: 100%;padding: 9rem 8rem; background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 2rem;  overflow: hidden;position: relative;}
#mainIntro .intro-con-wrap a.intro-link.intro01{background-image: url(/wp-content/uploads/2026/04/main-intro-img01.jpg);}
#mainIntro .intro-con-wrap a.intro-link.intro02{background-image: url(/wp-content/uploads/2026/04/main-intro-img02.jpg);}
#mainIntro .intro-con-wrap a.intro-link.intro03{background-image: url(/wp-content/uploads/2026/04/main-intro-img03.jpg);}

#mainIntro .intro-con-wrap a.intro-link dl
{position: inherit;z-index: 10;}
#mainIntro .intro-con-wrap a.intro-link dl dt
{font-size: 3.2rem; font-weight: 800;  color: #fff;margin-bottom: 22rem;position: relative;}
#mainIntro .intro-con-wrap a.intro-link dl dt::before
{content: '';width: 9px;height: 9px;background-color: #fff;position: absolute;left: -14px;top: -2px;visibility: hidden;opacity: 0;transition: var(--transition1);}
#mainIntro .intro-con-wrap a.intro-link dl dd
{font-size: 1.8rem;  color: #fff;  font-weight: 800;  display: flex;  flex-direction: row;  align-items: center; justify-content: flex-end; gap: 2rem;  text-decoration: underline 2px #fff;  text-underline-offset: 7px; visibility: hidden;opacity: 0;transition: var(--transition1);}

#mainIntro .intro-con-wrap a.intro-link::after
{content: '';display: block;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%; background: url(/wp-content/uploads/2026/04/logo-icon-w.png) no-repeat center,#011427ec;background-size: auto;visibility: hidden;opacity: 0;transition: var(--transition1); }
#mainIntro .intro-con-wrap a.intro-link:hover::after,
#mainIntro .intro-con-wrap a.intro-link:hover dl dd,
#mainIntro .intro-con-wrap a.intro-link:hover dl dt::before
{visibility: visible;opacity: 1;}

/* section3 */
#section3
{background: url(/wp-content/uploads/2026/04/main-situ-bg.png) no-repeat center bottom,#012040;background-size: cover;}
#section3 #mainSitu{}
#mainSitu .main-title small
{background-color: #fff;}
#mainSitu .main-title h4
{color: #fff;}
#mainSitu .situ-con-wrap
{display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;  gap: 6rem;}
#mainSitu .situ-con-wrap .situ-con
{width: 100%; display: flex;flex-direction: column;  align-items: flex-end;}
#mainSitu .situ-con-wrap .situ-con small
{font-size: 1.7rem;  color: #fff;  font-weight: 800;  border-radius: 5rem;  background: #818caa;  padding: 1rem 2rem 1rem 1rem;  display: flex;  flex-direction: row;  align-items: center;  gap: 1rem;transition: var(--transition1);margin-bottom: 2rem;}

#mainSitu .situ-con-wrap .situ-con .con-box
{width: 100%;height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover; border-radius: 2rem;  overflow: hidden;position: relative;padding: 6rem;}
#mainSitu .situ-con-wrap .situ-con .con-box::after
{content: '';display: block;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%; background: url(/wp-content/uploads/2026/04/logo-icon-02.png) no-repeat center,#0055a5;background-size: auto;visibility: hidden;opacity: 0;transition: var(--transition1); }
#mainSitu .situ-con-wrap .situ-con .con-box.box01{background-image: url(/wp-content/uploads/2026/04/main-situ-img01.jpg);}
#mainSitu .situ-con-wrap .situ-con .con-box.box02{background-image: url(/wp-content/uploads/2026/06/main-situ-img04.jpg);}

#mainSitu .situ-con-wrap .situ-con .con-box .name
{color: #fff;  font-size: 2.7rem;  font-weight: 700; position: absolute;  z-index: 10;  left: 50%;  transform: translateX(-50%);visibility: hidden;opacity: 0;transition: var(--transition1);}
#mainSitu .situ-con-wrap .situ-con .con-box .name::before
{content: '';width: 9px;height: 9px;background-color: #fff;position: absolute;left: -18px;top: -2px;}
#mainSitu .situ-con-wrap .situ-con .con-box ul
{position: inherit;z-index: 10;margin-top: 6rem;visibility: hidden;opacity: 0;transition: var(--transition1);}
#mainSitu .situ-con-wrap .situ-con .con-box ul li a
{font-size: 1.8rem;  color: #fff;  font-weight: 700;  padding: 0.7rem 1.5rem;  border-radius: 5rem;  background: #ffffff26;  line-height: 2.5;transition: var(--transition1);}
#mainSitu .situ-con-wrap .situ-con .con-box ul li a:hover
{background-color: #00203e;box-shadow: var(--box-shadow);}

#mainSitu .situ-con-wrap .situ-con .con-box:hover::after,
#mainSitu .situ-con-wrap .situ-con .con-box:hover .name,
#mainSitu .situ-con-wrap .situ-con .con-box:hover ul
{visibility: visible;opacity: 1;}
#mainSitu .situ-con-wrap .situ-con:hover small
{background-color: #084af7;}