*{margin: 0; padding: 0; position: relative; word-break:keep-all;}
html{overflow-y: scroll; font-size: 14px; background-color: #E5DFD7;}
html.on{overflow: hidden;}
body{
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  color:#171717;
  font-style: normal;
  overflow-x: hidden;
}
.inner{width: 1400px; margin: 0 auto; padding:0;}
section{width: 100%; overflow: hidden;}
li{list-style: none;}
i{font-style: normal;}
a{text-decoration: none;}

.pc-br {
    /* 이 요소가 PC에서 <br>처럼 작동하게 합니다. */
    display: block; 
}
.menu{display: none;}
.main_menu{position: absolute; right: 0; width: 100%; min-width: 1300px; height:100px; color: #fff; transition: .3s; z-index: 999; display: flex; justify-content: center;}


.main_menu:hover{height: 420px; background: rgba(9,31,91); color: #ccc; }/*메뉴 배경 길이*/
.main_menu.scroll>ul{opacity: 1; height: 100px;}
.main_menu:hover>ul{opacity: 1; height: 350px;}

.main_menu>ul{text-align:center;transition: .3s; height: 100px; overflow: hidden; min-width: 800px; display: flex;}
.main_menu>ul>li{width:220px; height: 0; transition:.3s; color:#fff;}
.main_menu>ul>li>a{ display:block; font-size:1.1rem; line-height:110px; color:rgb(255, 255, 255); font-weight: 400; transition:.3s; z-index: 99;}

.main_menu>ul>li>ul{position:absolute; min-width:220px; overflow: hidden; height:250px; transition:.3s;}
.main_menu>ul>li>ul>li{line-height:50px; text-align:center;}
.main_menu>ul>li>ul>li>a {font-size:1.1rem; color:rgb(167, 167, 167); border-bottom: 2px transparent solid;  transition: .3s;}
.main_menu>ul>li:hover{height: 300px; color: #f8f8f8; }
.main_menu:hover>ul>li>a {color:#fff;}
.main_menu:hover>ul>li:hover>a {color:#fff; font-weight: 600;}
.main_menu>ul>li:hover>ul>li>a{color: #fff;}
.main_menu>ul>li>ul>li:hover a {border-bottom: 1px #ccc solid; }
.main_menu:hover .logo>div:nth-of-type(1){background-image: url(/images/logo.png) no-repeat;}

.main_menu{
  box-sizing: border-box;
  padding: 0 260px 0 320px; /* 오른쪽(연락처) / 왼쪽(로고) 공간 확보 */
}
.main_menu > ul{
  min-width: 0;   /* 기존 min-width:800px 영향 줄이기 */
  flex: 1;        /* 가운데 영역이 남는 폭 안에서만 쓰게 */
  justify-content: center;
}

/* ✅ 모바일 메뉴(.menu)에서도 로고 배경이 보이게 */
.menu .logo > div:nth-of-type(1){
  background: url(/images/logo.png) no-repeat;
  background-size: contain;
  background-position: left center;
}
.main_menu .walking-fix li:hover a {
    border-bottom: 1px #ccc solid !important;
}

/* =========================
   HEADER GRADIENT OVERLAY
========================= */
.main_menu::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:160px; /* 헤더 + 약간 아래까지 */
  pointer-events:none;
  z-index:-1;

  /* 🔥 영상 톤에 맞춘 네이비 그라데이션 */
  background: linear-gradient(
    to bottom,
    rgba(86,87,98,0.55) 0%,
    rgba(86,87,98,0.35) 40%,
    rgba(86,87,98,0.15) 70%,
    rgba(86,87,98,0.0) 100%
  );
}


/* 기본: PC에서는 숨김 */
.quick{
    display: none;
}

.quick{position: fixed; bottom: 50px; right: 0px; z-index: 9999;}
.quick ul{width: 170px;}
.quick ul li{display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffffda; font-size: 1rem; font-weight: 300; line-height: 1.1; word-spacing: -.1rem; width: 100%; height: 50px; background: #2b2b2b; cursor: pointer;} 
.quick ul li:nth-of-type(1){border-top-left-radius: 20px;}
.quick ul li:nth-of-type(1):before{position: relative; content: ""; width: 20px; height: 20px; background: url(../images/quick_1.png) center / cover no-repeat;  margin-right: 12px;}

/* 입회 안내 (2번째 항목)에 하단 라운딩을 적용하고, 이전의 display: none; 설정을 제거합니다. */
.quick ul li:nth-of-type(2){background: #5f5f5f;} 
.quick ul li:nth-of-type(2):before{position: relative; content: ""; width: 20px; height: 20px; background: url(../images/quick_2.png) center / cover no-repeat;  margin-right: 12px;}
.quick ul li a{position: absolute; left: 0; top: 0; width: 100%; height:100%;}
/* 1. 하단 라운딩을 마지막 자식에 지정합니다. */
.quick ul li:last-child{ 
    border-bottom-left-radius: 20px; /* 입회 안내에 하단 라운딩 적용 */
    display: flex; /* 숨겨짐을 해제하고 기본 디스플레이 설정 유지 */
}
/* ✅ PC 기본 로고(hover 전) */
.main_menu .logo > div:nth-of-type(1){
  width: 300px;
  height: 100px;
  background: url(/images/logo.png) no-repeat;
  background-size: 75% auto;
  background-position: left center;
  /* 기존에 top으로 위치 잡고 싶으면 유지 */
  top:20px;
  }
.logo{position: absolute; font-size: 2.2rem; font-weight: 600; display: flex; height: 80px; align-items: center; left: 50px; cursor: pointer;}
.logo >a{position: absolute; top: 0; width: 100%; height: 100%; display: block;}



/* .login > div:nth-of-type(1):before{position: relative; content: ""; display: block; width: 50px; height: 50px; background: #fff; margin: 0 auto; margin-bottom: 5px;}
.login > div:nth-of-type(2):before{position: relative; content: ""; display: block; width: 50px; height: 50px; background: #fff; margin: 0 auto; margin-bottom: 5px;} */


/* 상단 오른쪽 전화번호 (GNB 영역) */
.header-phone{
  position: absolute;
  top: 40px;      /* 기존 버튼과 동일 위치 */
  right: 50px;
  z-index: 1000;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  text-decoration: none;
  color: #ffffff;

  /* Pretendard ExtraBold 느낌 */
  font-family: "Pretendard", sans-serif;
  font-weight: 800;

  font-size: clamp(1.8rem, 2vw, 1.6rem);
  line-height: 1;
  letter-spacing: -0.02em;
}

.header-phone .phone-ico{
  width: clamp(22px, 2.0vw, 34px);
  height: auto;
  display: block;
}




.footer{color: #ffffff6e; font-size: 1.1rem; background: #1e1e1e; font-weight: 300;}
.footer .inner{padding: 50px 40px;}
.footer .inner > div{display: flex; justify-content: space-between; align-items: center;}
.footer .inner > div > div:nth-of-type(2) p{font-size: 1.8rem; font-weight: 700; line-height: 1.05; color: #fff; margin-right: 10px; top: -27px;}
.footer .inner > div > div:nth-of-type(2) p span{font-size: 1.1rem; display: block; font-weight: 300; margin-bottom:10px;}
.footer .inner > p{font-size: 2rem; font-weight: 500; letter-spacing: -.05rem; color: #fff; margin-bottom: 30px; border-bottom: 1px solid #ffffff42; padding-bottom: 30px;}
.footer .inner > ul{display: flex; width: 100%; margin-bottom: 50px;}
.footer .inner > ul li{padding: 0 30px; border-right: 1px solid #fff; text-align: center; cursor: pointer;}
.footer .inner > ul li:first-child{padding-left: 0; padding-right: 30px;}
.footer .inner > ul li:last-child{border: 0;}

.footer .inner > div:nth-of-type(1){margin-bottom: 70px; color: #fff; display: none;}
.footer .inner > div:nth-of-type(1)>p{font-size: 2rem; font-weight: 600;}
.footer .inner > div:nth-of-type(2)>div:nth-of-type(1)>p{font-weight: 200; font-size: 1rem; color: #C9C4C1;}
.footer .inner > div:nth-of-type(2)>div:nth-of-type(1)>p:nth-of-type(1){font-size: 1.1rem; color: #f7f7f7; margin-bottom: 12px; line-height: 1.4;}
/* 푸터 로고 이미지 */
.footer-logo{
  width: 100px;      /* ← 로고 가로 크기 (취향에 따라 조절) */
  height: auto;
  display: block;
  margin-right: 10px;
  margin-bottom: 12px;
}


.footer input{width: 22%; height: 50px; background: transparent; border: 0; border-bottom: solid 1px #ffffffab; font-size: 1.4rem; color: #fff;}
.footer .contact{width: 220px;}
.footer .checkbox{display: flex; align-items: center;}
.footer .checkbox input{width: 35px; height: 20px;}
.footer .contact_btn{width: 180px; height: 50px; font-size: 1.2rem; font-weight: 500; cursor: pointer; border-radius: 15px; background: #1b4229; display: flex; align-items: center; justify-content: center;}

.footer .fs{position: absolute; overflow: hidden; color: #ffffffcb; transition: .5s; width: 175px; height: 30px; letter-spacing: .05rem; padding-top: 10px; cursor: pointer; top: 40px; font-size: 1rem; border: 1px solid #818181; text-align: center;}
.footer .fs:hover{padding-bottom: 40px;}
.footer .fs li{margin-top: 15px; font-weight: 400; background: #fff; width: 100%; height: 40px;}
.footer .fs li a{color: rgb(53, 53, 53);  top: 8px;}

.call-link {
    color: inherit;
    text-decoration: none;
}

.yourbiz-link {
    /* 텍스트 색상을 흰색으로 지정 */
    color: #fff !important ; 
    /* 링크 밑줄도 제거하고 싶다면 추가 */
    text-decoration: none; 
    font-weight: 600;
}

/* 마우스 오버 시 색상이 변하는 것을 방지하고 싶다면 추가 */
.yourbiz-link:hover, 
.yourbiz-link:visited,
.yourbiz-link:active {
    color: #fff !important;
}

[data-aos=fade-up] {transform: translate3d(0,50px,0)}
[data-aos=fade-left] {transform: translate3d(50px,0,0)}
[data-aos=fade-right] {transform: translate3d(-50px,0,0)}

.img_tx{position: absolute; right: 10px; bottom: 10px; color: #fff; opacity: .8; font-size: .9rem; font-weight: 300; height: auto !important;}
.sub2_1 .img_tx{right: 20px; bottom: 20px;}
.sub2_3 .img_tx{right: 20px; bottom: 20px;}


.menu{z-index: 99999; transition: .5s; position: absolute; top: 0; width: 100%;}
.menu .m_menu2.on{width: 80%;}
.menu .m_menu2>div{width: 100%; font-size: 1.5rem; margin-top: 22%;}
.menu .m_menu2>div>div{min-width: 250px; line-height: 3.5; text-align: right; padding-right: 10%; border-bottom: 1px solid #fff;}
.menu .m_menu2>div>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.menu .m_menu{position: absolute; top: 57px; right: 60px; cursor: pointer; display: none;}

.menu .m_menu.on{position: fixed;}
.menu .m_menu.on span{transform: rotate(45deg); background: #fff;}

.menu .m_menu2{position: fixed; right: 0; top: 0; width: 0%; height: 100vh; background: #171717; overflow: hidden; overflow-y: scroll; transition: .5s;}
.menu .m_menu{width: 50px; height: 50px; top: 35px; right: 20px; display: block;}

.menu .menu_content{width: 100%; display: none;}
.menu .menu_content li{background: #EFF2F7; line-height: 3.5; font-size: 1.5rem; color:#171717; min-width: 250px; text-align: right; padding-right: 10%; border-bottom: 1px solid #091F5B;}
.menu .menu_content li a{position: absolute; display: block; width: 100%; height: 100%; top: 0; color:#fff;}
.menu .m_menu_list {  background:#171717; color:#fff;}
.menu .m_menu_list.open{background: #091F5B; color: #fff;}
.menu .m_menu_list::before{position: absolute; display: block; content: ">"; color: #fff; left: 10%; font-weight: 600; transition: .5s;}
.menu .m_menu_list.open::before{color: #fff; transform: rotate(90deg);}


/* ✅ 내가 누른 세부메뉴만 */
.menu .menu_content li.active{
  background:#091F5B;
  color:#fff;
}

/* =========================
   햄버거 버튼 (3줄 → X 전환, 최신 방식)
========================= */

/* 기본 3줄 */
.menu .m_menu span{
  display: block;
  width: 34px;
  height: 3px;
  background: #ffffff;
  margin-bottom: 6px;
  transition: transform .35s ease, opacity .25s ease;
}

/* 마지막 줄 여백 제거 */
.menu .m_menu span:last-child{
  margin-bottom: 0;
}

/* 메뉴 열렸을 때 (X 모양) */
.menu .m_menu.on span:nth-of-type(1){
  transform: translateY(9px) rotate(45deg);
}

.menu .m_menu.on span:nth-of-type(2){
  opacity: 0;
}

.menu .m_menu.on span:nth-of-type(3){
  transform: translateY(-9px) rotate(-45deg);
}

/* floating-register 기본은 숨김 (모바일 잔상 방지) */
.floating-register{
  display: none;
}