*{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: "Noto Serif KR", serif !important; color:#000000; font-style:normal;}
.inner{width: 1400px; margin: 0 auto; padding: 120px 0;background-color:}
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; top: 10; 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(0,0,0,0.8); 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: url(/images/logo_on.png) no-repeat;}
.main_menu .walking-fix li:hover a {
    border-bottom: 1px #ccc solid !important;
}

.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; /* 숨겨짐을 해제하고 기본 디스플레이 설정 유지 */
}
.logo{position: absolute; font-size: 2.2rem; font-weight: 600; display: flex; height: 120px; align-items: center; left: 50px; cursor: pointer;}
.logo>div:nth-of-type(1){width: 250px; height: 100px; background: url(/images/logo.png) no-repeat;top:20px;}
.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;} */



.footer{color: #ffffff6e; font-size: 1.1rem; background: #1e1e1e; font-weight: 300;}
.footer .inner{padding: 100px 0;}
.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 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 #0000001a;}
.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 span{display: block; width: 35px; height: 3px; background: #ffffff; margin-bottom: 7px; transition: .5s;}
.menu .m_menu span:nth-of-type(2){width: 25px;}
.menu .m_menu.on{position: fixed;}
.menu .m_menu.on span{transform: rotate(45deg); background: #000;}
.menu .m_menu.on span:nth-of-type(2){transform: rotate(-45deg); width: 35px; top: -10px;}

.menu .m_menu2{position: fixed; right: 0; top: 0; width: 0%; height: 100vh; background: #E5DFD7; 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: #CABFAE; line-height: 3.5; font-size: 1.5rem; color:#000; min-width: 250px; text-align: right; padding-right: 10%; border-bottom: 1px solid #ddd;}
.menu .menu_content li a{position: absolute; display: block; width: 100%; height: 100%; top: 0;}
.menu .m_menu_list.open{background: #5C5445; color: #fff;}
.menu .m_menu_list::before{position: absolute; display: block; content: ">"; color: #000; left: 10%; font-weight: 600; transition: .5s;}
.menu .m_menu_list.open::before{color: #fff; transform: rotate(90deg);}