@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    position: relative;
    color: #4f4646;
    background-color: #f7f5f2;
    font-family: 'Pretendard', sans-serif;
}
/* body{background-color: #dcdcdc;} */

.top-profile-section {
    height: 150vh;
}

.con5 {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.con5 .inner-con {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    max-width: unset;
}
.con5 .inner-con .txt1 {
    position: absolute;
    left: 10%;
    top: 15%;
}
.con5 .inner-con .txt1 h4 {
    text-align: right;
    font-family: 'source-han-serif-korean', serif;
    font-size: 100px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #514538;
}

.con5 .inner-con .txt1 h5 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
}

.con5 .inner-con .txt2 {
    position: absolute;
    right: 9%;
    top: 64%;
}
.con5 .inner-con .txt2 h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 90px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.con5 .inner-con .scroll-text {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.con5 .inner-con .scroll-text span {
    display: block;
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 15px;
}

.con5 .inner-con .scroll-text i {
    font-size: 13px;
    color: rgba(81, 69, 56, 0.8);
    margin-bottom: -8px;
}

/* .con5 .inner-con .img {width: 100%; border-radius: 100px; transform: scale(0.1); height: 700px; margin: 100px auto;} */
.con5 .inner-con iframe {
    width: 925px;
    height: 570px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.con5 .inner-con .back-bg {
    content: '';
    z-index: 9;
    position: absolute;
    left: 51%;
    top: 48%;
    transform: translate(-50%, -50%);
    width: 920px;
    height: 530px;
    background: rgba(234, 227, 211, 0.6);
}

section {
    position: relative;
    background-color: #f4f3ec;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: white;
}
table {
    outline: 0px;
    border-spacing: 0px;
}
figure {
    position: relative;
}
a,
button,
input {
    box-shadow: none;
    border: 0;
    background-color: transparent;
}
button {
    color: #000;
}

.slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fdfcf4;
}

.swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}
.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: none;
}

.inner-con {
    max-width: 1800px;
    margin: 0 auto;
}

.swiper-button-prev {
    left: -8px;
}

.slide iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.con1.full-page {
    height: 1080px;
    overflow: hidden;
}
.main-slide-wrap .slide-wrap {
    overflow: hidden;
}
.m-main-vdo {
    display: none;
}

/* 플로팅버튼 */

.float-wrap {
    position: fixed;
    bottom: 10%;
    width: 80px;
    height: auto;
    border-radius: 20px;
    border: 1px solid #fff;
    z-index: 500;
    mix-blend-mode: difference;
    opacity: 0;
    right: 3%;
    transition: 0.6s all;
    pointer-events: none;
}

.float-wrap.on {
    opacity: 1;
    bottom: 23%;
    pointer-events: all;
}

.float-wrap .float-list {
    width: 95%;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.float-wrap .float-list.mo {
    display: none;
}

.float-wrap .float-list .float {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.float-wrap .float-list .float:last-child {
    margin-bottom: 0;
}

.float-wrap .float-list .float:last-child::after {
    display: none;
}

.float-wrap .float-list .float::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 1px;
    background-color: #fff;
}

.float-wrap .float-list .float .ico {
    background-size: contain;
    width: 23px;
    height: 23px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
}

.float-wrap .float-list .float i {
    font-size: 20px;
    margin-bottom: 10px;
}

.float-wrap .float-list .float .ico-name {
    color: #fff;
    text-align: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.float-btn {
    position: fixed;
    bottom: 12%;
    right: 3.7%;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #e1dedc;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 500;
    cursor: pointer;
}

.float-btn i {
    display: block;
    color: #514538;
    font-size: 23px;
    transition: 1s all;
}

.top-btn {
    position: fixed;
    bottom: 5%;
    right: 3.7%;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #e1dedc;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 500;
    cursor: pointer;
}

.top-btn i {
    display: block;
    color: #514538;
    font-size: 23px;
}

/*헤더*/
.hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
}

.hd.sub {
    position: fixed;
}

.hd.fixed .hd-top-contents {
    background-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 100px;
    padding-top: 10px;
}

.hd-top-contents {
    padding-top: 20px;
    position: relative;
    z-index: 500;
    transition: 0.4s;
    width: 100%;
    height: 100px;
}

.hd-top-contents::before {
    content: '';
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90%;
    height: 1px;
    background-color: #fff;
    opacity: 0;
    transition: 1s all;
}

.hd.sub .hd-top-contents {
    background-color: transparent;
}

.hd.sub .hd-top-contents::after {
    display: none;
}

/* .hd-top-contents::after {
    content: '';
    position: absolute;
    bottom: -123%;
    width: 100%;
    height: 310px;
    background: linear-gradient(180deg, #f4f3ec 30.81%, rgba(244, 243, 236, 0) 89.13%);
} */

.hd-top-contents .inner-con {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto;
    pointer-events: none;
}

.hd-top-contents .inner-con .hd-menu-wrap {
    display: flex;
    padding-top: 20px;
    flex: 1;
    justify-content: flex-end;
}
.hd-top-contents .inner-con .hd-menu-wrap .hd-sub-menu-wrap {
    margin: 0 10px;
    padding-top: 20px;
    text-align: center;
}

.hd-top-contents .inner-con .hd-menu-wrap .hd-sub-menu-wrap a {
    color: #4f4646;
}

.hd-sub-menu {
    opacity: 0;
    margin-top: 50px;
    padding-top: 10px;

    top: 100%;
    left: 0;
    min-width: 150px;
}

/* 서브메뉴 항목 스타일링 */
.hd-sub-menu li {
    padding: 10px 0px;
    text-align: center;
}

.hd-sub-menu li a {
    color: #333;
    font-size: 15px;
    white-space: nowrap;
}

/* 상위 메뉴 항목 위치 기준점 설정 */
.hd-sub-manu {
    position: relative;
}

.hd-top-contents:hover {
    background-color: #a0937f;
    height: 450px;
    z-index: 1000;
}

.hd.fixed .hd-top-contents:hover {
    background-color: #a0937f;
    height: 450px;
    z-index: 1000;
}

.hd-top-contents:hover .inner-con {
    pointer-events: auto;
}

.hd-top-contents:hover::before {
    opacity: 1;
}
/* 호버 시 서브메뉴 표시 */
.hd-top-contents:hover .hd-sub-menu {
    opacity: 1;
    color: #fff;
}

.hd-top-contents:hover .inner-con .hd-menu-wrap a {
    color: #fff;
}

/* 호버 시 서브메뉴 항목 효과 */
.hd-sub-menu li:hover a {
    color: #fff; /* 원하는 호버 색상으로 변경하세요 */
}

.main-slide .main-txt-wrap {
    width: 100%;
    position: absolute;
    padding-top: 150px;
    left: 50%;
    top: 0%;
    z-index: 510;
    transform: translate(-50%, 0%);
    background-color: #f4f3ec;
}

.main-slide .main-txt-wrap::after {
    content: '';
    position: absolute;
    bottom: -60%;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, #f4f3ec 30.81%, rgba(244, 243, 236, 0) 89.13%);
}

.main-slide .main-txt-wrap h3 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    transition: 3s all;
}

.main-slide .main-txt-wrap h6 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: 25px; /* 147.059% */
    margin-top: 10px;
    transition: 3s all;
}

.mo-vdo-section {
    display: none;
}

.mo-top {
    display: none;
}

/*탑 슬라이드*/
.main-wrap .slide {
    height: 100vh;
}
.sub-wrap .slide {
    height: calc(100vh);
}
.m-slide {
    display: none !important;
}

.mo {
    display: none;
}

.pc-slide {
    display: block;
}
.top-slide-section {
    z-index: 500;
}

.top-slide-section .top-tit-wrap {
}
.top-slide-section .top-tit-wrap .wrap_script {
    margin-bottom: 40px;
}
.top-slide-section .top-tit-wrap .wrap_script span {
    font-family: 'Posture' !important;
    font-size: 60px;
}
.main-wrap .top-slide-section .top-tit-wrap .wrap_script span.letter6 {
    margin-right: 20px;
}
.top-slide-section .top-tit-wrap .tit-wrap {
    position: absolute;
    left: 270px;
    bottom: 11px;
    z-index: 1000;
}
.top-slide-section .top-tit-wrap .circle-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 264px;
    bottom: -13px;
    z-index: 500;
}
.top-slide-section .top-tit-wrap .circle-wrap .inner-circle {
    margin-right: 30px;
    margin-left: 45px;
    cursor: pointer;
}
.top-slide-section .top-tit-wrap .circle-wrap .inner-circle a {
    color: #2d1e0c;
}
.top-slide-section .top-tit-wrap .circle-wrap span {
    font-family: 'Pretendard', sans-serif;
    font-weight: 100;
}
.top-slide-section .top-tit-wrap .slide-control-wrap .line-wrap {
    width: 50%;
    height: 1px;
    background-color: rgba(45, 30, 12, 0.5);
    transform: translate(70%);
    position: relative;
}
.top-slide-section .top-tit-wrap .slide-control-wrap .line-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #2d1e0c;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition-timing-function: linear;
}
.top-slide-section .top-tit-wrap .slide-control-wrap .line-wrap.active .line {
    transform: scaleX(1);
    transition: 3s;
}

.top-img-section .top-img {
    width: 100%;
    height: 100dvh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.top-img-section .top-img .top-tit {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.top-img-section .top-img .top-tit h6 {
    color: #f5f1e9;
    font-family: 'source-han-serif-korean', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
}

.top-img-section .top-img .top-tit h4 {
    color: #fff;
    font-family: 'source-han-serif-korean', serif;
    font-size: 47px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
}

.top-img-section .top-img .top-tit h5 {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
}

.commu-img-section .commu-img {
    width: 100%;
    height: 500px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.commu-img-section .commu-img .top-tit {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.commu-img-section .commu-img .top-tit h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 120px;
    text-align: center;
    margin-bottom: 50px;
}

.commu-img-section .commu-img .top-tit p {
    color: rgba(81, 69, 56, 0.8);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
}

/*메인*/
.main-wrap .concept-section {
    position: relative;
    z-index: 3;
    padding-top: 300px;
    padding-bottom: 300px;
}

.main-wrap .concept-section .back-txt-wrap {
    width: 25%;
    position: sticky;
    right: 0;
    top: 70%;
    overflow: hidden;
    z-index: -1;
    height: fit-content;
    transform: translateX(300%);
}
.main-wrap .concept-section .back-txt-wrap .marquee {
    display: flex; /* 가로로 나란히 배치 */
    white-space: nowrap; /* 줄바꿈 방지 → 한 줄로 이어붙임 */
}

.main-wrap .concept-section .back-txt-wrap .marquee h4 {
    font-size: 100px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(40, 27, 14, 0.05);
    font-family: 'dolly-new', sans-serif;
    width: 300%;
    margin-right: 5rem; /* 복제된 텍스트들 사이 간격 */
    /* 필요한 position/left값 제거 후, GSAP로 이동 제어 */
}

.main-wrap .concept-section .inner-con {
    width: 1700px;
    max-width: 1700px;
    margin: 0 auto;
    display: flex;
}

.main-wrap .concept-section .inner-con > div {
    width: 50%;
}

.main-wrap .concept-section .inner-con .left {
    text-align: center;
}

.main-wrap .concept-section .inner-con .left .back-img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 660px;
    position: sticky;
    top: 15%;
    margin: 0 auto;
}

.main-wrap .concept-section .inner-con .left .back-img h4 {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'source-han-serif-korean', serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding-top: 170px;
}

.main-wrap .concept-section .inner-con .left .back-img .txt-wrap {
    margin-top: 120px;
    text-align: center;
}

.main-wrap .concept-section .inner-con .left .back-img .txt-wrap h5 {
    color: #514538;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 60px;
}

.main-wrap .concept-section .inner-con .left .back-img .txt-wrap p {
    color: #514538;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 164.706% */
}

.main-wrap .concept-section .inner-con .right .info {
    width: 520px;
    margin: 0px auto 100px auto;
}

.main-wrap .concept-section .inner-con .right .info h5 {
    color: #281b0e;
    text-align: center;
    font-family: 'source-han-serif-korean', serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-wrap .concept-section .inner-con .right .info h6 {
    color: rgba(40, 27, 14, 0.5);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.main-wrap .concept-section .inner-con .right .info .img {
    width: 100%;
    height: 540px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: #e4e4e4;
}

.main-wrap .concept-section .inner-con .right .info .img:hover .concept-txt-wrap {
    opacity: 1;
}

.main-wrap .concept-section .inner-con .right .info .img .concept-txt-wrap {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    background-color: rgba(20, 20, 20, 0.65);
    transition: 0.5s all;
}

.main-wrap .concept-section .inner-con .right .info .img .concept-txt-wrap .concept-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.main-wrap .concept-section .inner-con .right .info .img .concept-txt-wrap .concept-txt i {
    font-size: 30px;
    color: #e4e4e4;
    margin-bottom: 50px;
}

.main-wrap .concept-section .inner-con .right .info .img .concept-txt-wrap .concept-txt p {
    font-family: 'Pretendard';
    font-size: 17px;
    color: #e4e4e4;
    line-height: 25px;
}

/* 컨택트 */

.main-wrap .contact-section .bg {
    height: 670px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.main-wrap .contact-section .bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
}

.main-wrap .contact-section .bg .inner-con {
    display: flex;
    width: 90%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.main-wrap .contact-section .bg .inner-con > div {
    width: 50%;
    position: relative;
    height: 100%;
    z-index: 6;
}

.main-wrap .contact-section .bg .inner-con > div .txt-wrap {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #e4e4e4;
    width: 580px;
}

.main-wrap .contact-section .bg .inner-con .left::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    background: linear-gradient(to bottom, rgba(228, 228, 228, 0.2) 0%, rgba(228, 228, 228, 0.8) 50.5%, rgba(228, 228, 228, 0.2) 100%);
}

.main-wrap .contact-section .bg .inner-con .left .txt-wrap h4 {
    font-family: 'dolly-new', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    color: #e4e4e4;
    margin-bottom: 60px;
}

.main-wrap .contact-section .bg .inner-con .left .txt-wrap p {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    margin-bottom: 80px;
}

.main-wrap .contact-section .bg .inner-con .left .txt-wrap .btn-wrap {
    display: flex;
    gap: 20px;
}

.main-wrap .contact-section .bg .inner-con .left .txt-wrap .btn-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 39px;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: 0.5s all;
}

.main-wrap .contact-section .bg .inner-con > div .txt-wrap .btn-wrap a:hover {
    background-color: #fff;
    color: #000;
}

.main-wrap .contact-section .bg .inner-con > div .txt-wrap .btn-wrap a i {
    font-size: 15px;
    color: #e4e4e4;
    display: inline-block;
    margin-right: 10px;
}

.main-wrap .contact-section .bg .inner-con > div .txt-wrap .btn-wrap a:hover i {
    color: #000;
}

.main-wrap .contact-section .bg .inner-con .right {
    position: relative;
}

.main-wrap .contact-section .bg .inner-con .right .txt {
    margin: 50px 0;
}

.main-wrap .contact-section .bg .inner-con .right .txt h5 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
}

.main-wrap .contact-section .bg .inner-con .right .txt h5 i {
    margin-right: 10px;
}

.main-wrap .contact-section .bg .inner-con .right .txt ul {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.main-wrap .contact-section .bg .inner-con .right .txt ul li {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}

.main-wrap .contact-section .bg .inner-con .right .txt ul li span {
    font-weight: 500;
    display: inline-block;
}

.insta-feed {
    background-color: #f4f3ec;
}

.insta-feed .inner-feed {
    padding: 50px 0 150px 0;
    width: 50%;
    margin: 0 auto;
}

.insta-feed .inner-feed h6 {
    color: #4f4646;
    text-align: left;
    font-family: 'source-han-serif-korean', serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
}

/* 프로필 */

.profile-section {
}
.profile-section .title-bg {
    width: 100%;
    height: 650px;
    position: relative;
}

.profile-section .title-bg .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
}

.profile-section .title-bg .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-section .title-bg .black {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(20, 20, 20, 0.65);
}

.profile-section .title-bg .title-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.profile-section .title-bg .title-wrap h4 {
    color: #e4e4e4;
    font-family: 'dolly-new', sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sub-wrap .profile-section .title-bg .title-wrap h4 {
    color: #e4e4e4;
    font-family: 'dolly-new', sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.profile-section .title-bg .title-wrap p {
    color: #e4e4e4;
    font-family: 'IBM Plex Sans JP', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
}

.sub-wrap .profile-section .title-bg .title-wrap p {
    color: #e4e4e4;
    font-family: 'IBM Plex Sans JP', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
}

.sub-wrap .profile-section .title-wrap {
    padding: 100px 0;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.sub-wrap .profile-section .title-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sub-wrap .profile-section .title-wrap p {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.profile-section .profile-img-wrap {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.profile-section .profile-img-wrap .profile-gnb-wrap {
    height: 150px;
    width: 100%;
}
.profile-section .profile-img-wrap .profile-gnb-wrap .profile-gnb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.profile-section .profile-img-wrap .profile-gnb-wrap .profile-gnb .gnb {
    margin: 0px 30px;
    font-size: 19px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #888888;
    font-weight: 600;
    line-height: 60px;
    cursor: pointer;
}

.profile-section .profile-img-wrap .profile-gnb-wrap .profile-gnb .gnb.on {
    color: #000;
}

.profile-section .profile-img-wrap .more {
    text-align: right;
    margin: 0 auto 30px auto;
    width: 75%;
    position: relative;
    height: 30px;
}

.profile-section .profile-img-wrap .more a {
    color: #281b0e;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
}

.profile-section .profile-img-wrap .more a i {
    font-size: 15px;
    color: #281b0e;
    display: inline-block;
    margin-right: 5px;
    transition: transform 0.6s ease;
}

.profile-section .profile-img-wrap .more:hover a i {
    transform: rotate(360deg);
}

.profile-section .profile-img-wrap .profile-info-wrap {
    position: fixed;
    left: 50%;
    top: 55%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: 0.5s all;
}

.profile-section .profile-img-wrap .profile-info-wrap.on {
    opacity: 1;
    z-index: 50;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1500px;
    height: 800px;
    display: flex;
    justify-content: center;
    background-color: #f4f3ec;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .close-btn {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
    z-index: 100;
    display: inline-block;
    transition: transform 0.6s ease;
    transform: rotate(0deg);
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .close-btn i {
    font-size: 50px;
    color: #000;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .close-btn:hover {
    transform: rotate(360deg);
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap > div {
    width: 50%;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info {
    background-color: #f4f3ec;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt {
    width: calc(100% - 60px);
    margin: 0 auto;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt a {
    display: block;
    padding: 35px 0;
    border-bottom: 0.5px solid #000;
    margin-bottom: 35px;
    pointer-events: none;
    cursor: default;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt a img {
    width: 260px;
    height: 30px;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h5 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 25px;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h6 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 45px;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h6 span {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt ul li {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
    padding-left: 15px;
    position: relative;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1em;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: rgba(81, 69, 56, 0.8);
    border-radius: 5px;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info-img {
    height: 800px;
}

.profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info-img .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.profile-section .profile-img-wrap .img-section {
    position: relative;
    width: 100%;
    max-height: 830px;
    height: 1400px;
    overflow: hidden;
    transition: 0.5s all;
}

.profile-section .profile-img-wrap .img-section.on {
    max-height: unset;
}

.profile-section .profile-img-wrap .img-section::after {
    transition: 0.5s all;
    content: '';
    position: absolute;
    opacity: 1;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 200px;
    background: linear-gradient(180deg, rgba(244, 243, 236, 0) -2.93%, #f7f5f2 80.13%);
    z-index: 11;
}

.sub-wrap .profile-section .profile-img-wrap .img-section::after {
    display: none;
}

.profile-section .profile-img-wrap .img-section.on::after {
    opacity: 0;
    pointer-events: none;
}

.main-wrap .profile-section .profile-img-wrap {
    width: 100%;
}

.main-wrap .profile-section .profile-img-wrap .img-section .profile-img {
    width: 75%;
}

.profile-section .profile-img-wrap .img-section .profile-img {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s all;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.sub-wrap .profile-section .profile-img-wrap .img-section {
    width: 85%;
    margin: 0 auto;
    max-height: unset;
    height: 1550px;
}

.sub-wrap .profile-section .profile-img-wrap .img-section .profile-img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s all;
    position: absolute;
    opacity: 1;
}

.profile-section .profile-img-wrap .img-section .profile-img.on {
    opacity: 1;
    z-index: 10;
}

.profile-section .profile-img-wrap .profile-img .img-wrap {
    width: 25%;
    position: relative;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .img {
    width: 345px;
    height: 400px;
    background-color: #d8c3c2;
    margin: 0 auto;
    background-size: cover;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .name {
    display: flex;
    width: 80%;
    height: 70px;
    margin: 0 auto;
    align-items: center;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .name h5 {
    background-color: #e9e7dc;
    border-radius: 5px;
    padding: 1px 5px;
    text-align: center;
    color: #4f4646;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    font-size: 17px;
    margin-right: 20px;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .name h6 {
    display: flex;
    align-items: flex-end;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 19px;
    color: #514538;
    font-weight: 500;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .name h6 span {
    display: inline-block;
    color: #514538;
    font-weight: 500;
    font-size: 15px;
    margin-left: 10px;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn {
    position: absolute;
    right: 9%;
    bottom: 5%;
    cursor: pointer;
    z-index: 1;
    transform: rotate(0);
    transition: 0.5s all;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn i {
    font-size: 20px;
    color: #4f4646;
}

.profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn:hover {
    transform: rotate(360deg);
}

.profile-section .btn-wrap {
    text-align: center;
    padding: 50px 0;
}

.profile-section .btn-wrap span {
    display: inline-block;
    padding: 10px 30px;
    cursor: pointer;
    border: 1px solid #514538;
    font-family: 'Noto Sans KR', sans-serif;
    color: #514538;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    border-radius: 27px;
    transition: 0.5s all;
}

.profile-section .btn-wrap a {
    display: none;
    padding: 10px 30px;
    cursor: pointer;
    border: 1px solid #514538;
    font-family: 'Noto Sans KR', sans-serif;
    color: #514538;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    border-radius: 27px;
    transition: 0.5s all;
}

.profile-section .btn-wrap span:hover {
    background-color: #514538;
    color: #fff;
}

.room-preview {
    padding-top: 200px;
    overflow: hidden;
    width: 100%;
    max-width: none;
}
.room-preview .inner-con {
    width: 100%;
    height: 100vh;
    max-width: 1980px;
    margin: 0 auto;
    position: relative;
}

.room-preview .inner-con .swiper-pagination {
    width: 60%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 50%;
    bottom: 20%;
    transform: translate(-50%, -50%);
    position: absolute;
}
/* 기존 bullet 스타일 */
.room-preview .inner-con .swiper-pagination .swiper-pagination-bullet {
    font-size: 18px;
    padding: 23px 10px;
    background: none;
    width: 25%;
    text-align: center;
    opacity: 1;
    cursor: pointer;
    color: #fff;
    font-family: 'Pretendard-Medium';
    position: relative;
    z-index: 1;
}

/* 움직이는 border 박스 */
.room-preview .inner-con .swiper-pagination .pagination-indicator {
    position: absolute;
    bottom: -35%; /* bullet 중앙 정렬 */
    left: 0%;
    z-index: 1;
    width: 25%; /* bullet 크기와 동일 */
    height: 50px;
    border: 1px solid #fff;
    background-color: rgba(217, 217, 217, 0.2);
    border-radius: 25px;
    transition: 0.8s all;
    pointer-events: none;
}

.curri-section {
    padding: 200px 0 100px 0;
}

.curri-section .title-wrap {
    padding: 100px 0;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.curri-section .title-wrap h4 {
    color: #281b0e;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px; /* 90.625% */
}

.curri-section .title-wrap p {
    color: rgba(81, 69, 56, 0.5);
    font-family: 'source-han-serif-korean', serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.curri-section .inner-section {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0px;
    height: 730px;
}

.curri-section .inner-section.mo {
    display: none;
}

.curri-section .inner-section > div {
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.curri-section .inner-section .left .swiper-slide {
    position: relative;
}
.curri-section .inner-section .left .swiper-slide::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(81, 69, 56, 0.8);
}

.curri-section .inner-section .left .tit {
    position: absolute;
    left: 50%;
    top: 5%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 50;
}

.curri-section .inner-section .left .txt-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 670px;
    z-index: 50;
}

.curri-section .inner-section .left .txt-wrap li {
    height: 100px;
    margin-bottom: 30px;
    border-bottom: 0.7px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    opacity: 0.3;
    transition: 0.5s all;
}

.curri-section .inner-section .left .txt-wrap li.on {
    opacity: 1;
}

.curri-section .inner-section .left .txt-wrap li > span {
    position: absolute;
    left: -10px;
    top: -10px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: 400;
    font-family: 'source-han-serif-korean', serif;
}

.curri-section .inner-section .left .txt-wrap li h5 {
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
    align-items: flex-end;
}

.curri-section .inner-section .left .txt-wrap li h5 span {
    color: #fff;
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
    font-weight: 600;
    padding-left: 10px;
}
.curri-section .inner-section .left .txt-wrap li i {
    color: #fff;
    transition: 0.6s all;
}

.curri-section .inner-section .left .txt-wrap li:hover i {
    transform: rotate(360deg);
}

.curri-section .inner-section .right {
    background-color: rgba(161, 146, 126, 0.9);
}

.curri-section .inner-section .right .txt {
    position: absolute;
    color: rgba(255, 255, 255, 0.15);
    text-align: center;
    font-family: 'source-han-serif-korean', serif;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.curri-section .inner-section .right .txt1 {
    left: 5%;
    top: 0%;
    font-size: 120px;
}

.curri-section .inner-section .right .txt2 {
    right: -5%;
    bottom: 0%;
    font-size: 100px;
}

.curri-section .inner-section .right .video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    opacity: 0;
    transition: 0.6s all;
}

.curri-section .inner-section .right .video.on {
    opacity: 1;
}

.lesson-section {
    padding: 200px 0;
    height: 900px;
    position: relative;
}

.lesson-section .line-wrap {
    position: absolute;
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
    left: -10%;
    top: 23%;
    height: 660px;
    width: 500px;
    border-right: none;
    border-left: none;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to left, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.lesson-section .line-wrap .line {
    display: block;
    position: absolute;
    right: 40%;
    top: -5%;
    width: 1px;
    height: 150%;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.lesson-section .inner-section {
    display: flex;
    padding-left: 150px;
}
.lesson-section .inner-section .txt-wrap {
    width: 25%;
}

.lesson-section .inner-section .txt-wrap .tit {
    padding-top: 73px;
}

.lesson-section .inner-section .txt-wrap .tit h6 {
    color: rgba(81, 69, 56, 0.5);
    font-family: 'source-han-serif-korean', serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.lesson-section .inner-section .txt-wrap .tit h4 {
    margin-top: 55px;
    color: #281b0e;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lesson-section .inner-section .txt-wrap .txt {
    margin-top: 220px;
}

.lesson-section .inner-section .txt-wrap .txt p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
}

.lesson-section .inner-section .txt-wrap .txt p:nth-child(1) {
    margin-bottom: 20px;
}

.lesson-section .inner-section .txt-wrap .page-wrap {
    margin-top: 55px;
}

.lesson-section .inner-section .txt-wrap .page-wrap span {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.lesson-section .inner-section .txt-wrap .page-wrap span i {
    font-size: 25px;
    color: #514538;
}

.lesson-section .inner-section .txt-wrap .page-wrap span:nth-child(1) i {
    margin-right: 30px;
}

.lesson-section .inner-section .slide-wrap {
    overflow: hidden;
    width: 75%;
}

.lesson-section .inner-section .slide-wrap .swiper-slide {
    height: 100%;
    width: 100%;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.lesson-section .inner-section .slide-wrap .swiper-slide::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 71.5%, #2b2b2b 100%);
    z-index: 1;
}

.lesson-section .inner-section .slide-wrap .swiper-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.5);
}

.lesson-section .inner-section .slide-wrap .swiper-slide-active::before {
    opacity: 0;
}

.lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap {
    width: 100%;
    position: absolute;
    left: 6%;
    bottom: 7%;
    z-index: 2;
}

.lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap h6 {
    margin-bottom: 10px;
    color: #e4e4e4;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap h4 {
    color: #e4e4e4;
    text-align: left;
    font-family: 'Pretendard-SemiBold';
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* .room-preview .inner-con .swiper-pagination .swiper-pagination-bullet-active { color: #fff; transition: 1s all;}

.room-preview .inner-con .swiper-pagination .swiper-pagination-bullet-active span { border: 1px solid #fff; background-color: rgba(217, 217, 217, 0.2); padding: 10px 30px; border-radius: 25px;}
 */

.room-preview .inner-con .swiper-slide {
    height: 100%;
    width: 100%;
    z-index: 10;
    background-size: cover;
    background-repeat: no-repeat;
}
.room-preview .inner-con .swiper-slide::after {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

.room-preview .inner-con .swiper-slide .txt-wrap {
    width: 60%;
    color: #fff;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 11;
    position: absolute;
    color: #fff;
}

.room-preview .inner-con .swiper-slide .txt-wrap h6 {
    color: #fff;
    font-size: 17px;
    font-family: 'source-han-serif-korean', serif;
    text-align: center;
    margin-bottom: 31px;
}

.room-preview .inner-con .swiper-slide .txt-wrap h4 {
    color: #fff;
    font-size: 26px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    margin-bottom: 59px;
    font-weight: 500;
}

.room-preview .inner-con .swiper-slide .txt-wrap h5 {
    color: #fff;
    font-size: 19px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    margin-bottom: 51px;
    font-weight: 400;
    letter-spacing: 0.95px;
    line-height: 30px;
}

.room-preview .inner-con .swiper-slide .txt-wrap p {
    color: #fff;
    font-size: 19px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.95px;
    line-height: 33px;
}

.room-preview .inner-con .swiper-slide .txt-wrap p span {
    display: inline-block;
    color: #fff;
    font-size: 21px;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1.95px;
    line-height: 33px;
}

.gallery-section {
    padding: 100px 0 0px 0;
}

.gallery-section .title-wrap {
    padding: 100px 0;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.gallery-section .title-wrap h4 {
    color: #281b0e;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px; /* 90.625% */
}

.gallery-section .title-wrap p {
    color: rgba(81, 69, 56, 0.5);
    font-family: 'source-han-serif-korean', serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.gallery-section .inner-section {
    display: flex;
}
.gallery-section .inner-section .back-txt-wrap {
    width: 25%;
    overflow: hidden;
    position: relative;
}
.gallery-section .inner-section .back-txt-wrap .marquee {
    display: flex; /* 가로로 나란히 배치 */
    white-space: nowrap; /* 줄바꿈 방지 → 한 줄로 이어붙임 */
    position: absolute;
    bottom: 5%;
}

.main-wrap .txt-roll {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 300px;
    display: flex;
    background-color: #f4f3ec;
}

.main-wrap .txt-roll .rolling {
    display: flex;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    animation: marqueeAnim 100s linear infinite;
}

.main-wrap .txt-roll .rolling::after {
    content: attr(data-text) attr(data-text) attr(data-text); /* 여러 번 복제 */
    display: inline-block;
    margin-left: 5rem;
    font-size: 170px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(40, 27, 14, 0.05);
    font-family: 'dolly-new', sans-serif;
    margin-right: 5rem;
    flex-shrink: 0;
}

.main-wrap .txt-roll .rolling h4 {
    font-size: 170px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(40, 27, 14, 0.05);
    font-family: 'dolly-new', sans-serif;
    margin-right: 5rem;
    flex-shrink: 0;
}

.gallery-section .inner-section .back-txt-wrap .marquee h4 {
    font-size: 170px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(40, 27, 14, 0.05);
    font-family: 'dolly-new', sans-serif;
    width: 300%;
    margin-right: 5rem;
}

/* 롤링 애니메이션 정의 */
@keyframes marqueeAnim {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.gallery-section .inner-section .gallery-slide-wrap {
    width: 50%;
    height: 700px;
}

.gallery-section .inner-section .tit-wrap {
    width: 25%;
}
.gallery-section .inner-section .tit-wrap .inner-wrap {
    margin-top: 110px;
    width: 100%;
    height: 540px;
    background-color: rgba(161, 146, 126, 0.9);
    position: relative;
}

.gallery-section .inner-section .tit-wrap .inner-wrap .tit {
    position: absolute;
    left: 42%;
    top: 39%;
    transform: translate(-50%, -50%);
}

.gallery-section .inner-section .tit-wrap .inner-wrap .tit h6 {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 60px;
}

.gallery-section .inner-section .tit-wrap .inner-wrap .tit p {
    width: 290px;
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.profile-wrap .top-profile-section .title-wrap {
    padding-top: 140px;
    width: 90%;
    margin: 0 auto 170px auto;
}

.profile-wrap .top-profile-section .title-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
}

.profile-wrap .top-profile-section .title-wrap p {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

.profile-wrap .top-profile-section .inner-con {
    width: 90%;
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
}

.profile-wrap .top-profile-section .inner-con .img-wrap {
    height: 997px;
    width: 665px;
    position: relative;
    background-color: rgba(234, 227, 211, 0.6);
    margin-left: 10%;
}

.profile-wrap .top-profile-section .inner-con .img-wrap .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    top: 20px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap {
    width: 50%;
    padding-left: 5%;
    padding-top: 3%;
    height: 997px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap {
    margin-bottom: 60px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap h4 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 88.889% */
    color: #514538;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap h4 span {
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    line-height: 40px;
    color: #514538;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap > p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 140px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap {
    overflow-y: scroll;
    height: 600px;
    width: 55%;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap::-webkit-scrollbar {
    width: 5px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap::-webkit-scrollbar-track {
    background: rgba(81, 69, 56, 0.3);
    width: 1px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap::-webkit-scrollbar-thumb {
    background-color: #514538;
    border-radius: 5px;
    height: 30px; /* thumb 높이를 직접 지정 */
    min-height: 20px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info {
    margin-bottom: 15px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info h6 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 37px;
    margin-bottom: 10px;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info li {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-left: 2em;
    position: relative;
}

.profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info li::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 1em;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: rgba(81, 69, 56, 0.8);
    border-radius: 5px;
}

.about-wrap .con1 .inner-con {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.about-wrap .con1 .inner-con::before {
    content: '';
    display: block;
    position: absolute;
    right: 2%;
    top: 60%;
    width: 1px;
    height: 40%;
    transform: translateY(-50%);
    border-width: 1px;
    border-left: 0;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.about-wrap .con1 .inner-con::after {
    content: '';
    display: block;
    position: absolute;
    left: 2%;
    top: 60%;
    transform: translateY(-50%);
    width: 1px;
    height: 40%;
    border-width: 1px;
    border-left: 0;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.about-wrap .con1 .inner-con span {
    display: block;
    font-size: 17px;
    font-family: 'source-han-serif-korean', serif;
    color: rgba(81, 69, 56, 0.8);
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 50px;
    padding-top: 50px;
}

.about-wrap .con1 .inner-con .tit-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 120px;
}

.about-wrap .con1 .inner-con .tit-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 66px;
    font-weight: 500;
    line-height: 80px;
}

.about-wrap .con1 .inner-con .tit-wrap p {
    color: #514538;
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 15px;
}

.about-wrap .concept-slide-wrap .swiper-slide {
    transition: transform 0.5s ease;
}

.about-wrap .concept-slide-wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 250px;
    position: relative;
}

.about-wrap .concept-slide-wrap::before {
    content: '';
    display: block;
    position: absolute;
    right: 14%;
    top: 4%;
    width: 1px;
    height: 500px;
    transform: rotate(90deg);
    border-width: 1px;
    border-left: 0;
    border-top: 0;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.about-wrap .concept-slide-wrap::after {
    content: '';
    display: block;
    position: absolute;
    left: 14%;
    bottom: 9%;
    width: 1px;
    height: 500px;
    transform: rotate(90deg);
    border-width: 1px;
    border-left: 0;
    border-top: 0;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(102, 102, 102, 0), rgba(102, 102, 102, 0.8) 24.5%, rgba(102, 102, 102, 0.8) 67%, rgba(102, 102, 102, 0)) 1;
}

.about-wrap .concept-slide-wrap .title-wrap {
    padding-bottom: 80px;
}

.about-wrap .concept-slide-wrap .title-wrap p {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 29px;
    padding-bottom: 20px;
    text-align: center;
}

.about-wrap .concept-slide-wrap .title-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

.about-wrap .concept-slide-wrap .swiper-wrapper {
    height: 30vw;
    padding-top: 100px;
    width: 100%;
    position: relative;
}

.about-wrap .concept-slide-wrap .swiper-slide {
    height: 33vw;
    transform: scale(1);
    transition: 0.5s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    position: relative;
}

.about-wrap .concept-slide-wrap .swiper-slide .txt-wrap {
    position: absolute;
    bottom: 5%;
    left: 50%;
    width: 95%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 5;
    overflow: hidden;
}

.about-wrap .concept-slide-wrap .swiper-slide .txt-wrap h4 {
    color: #281b0e;
    font-family: 'source-han-serif-korean', serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    display: flex;
    align-items: flex-end;
}

.about-wrap .concept-slide-wrap .swiper-slide .txt-wrap h4 span {
    display: inline-block;
    font-size: 14px;
    color: rgba(40, 27, 14, 0.5);
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 0 10px;
}

.about-wrap .concept-slide-wrap .swiper-slide .txt-wrap p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    opacity: 0;
    transition: 1s all;
    transform: translateX(30px);
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-active {
    width: 650px;
    opacity: 1;
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-active .txt-wrap p {
    opacity: 1;
    transform: translateX(0px);
    font-size: 15px;
}

.about-wrap .concept-slide-wrap .swiper-slide::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 96.25%);
    z-index: 1;
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-prev {
    height: 30vw;
    transform: scale(0.8);
    transition: 0.5s;
    position: relative;
    opacity: 1;
}
.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-next {
    height: 30vw;
    transform: scale(0.8);
    transition: 0.5s;
    position: relative;
    opacity: 1;
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-next {
    opacity: 0;
    transform: scale(0.2);
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-duplicate.swiper-slide-duplicate-prev {
    opacity: 0;
    transform: scale(0.2);
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-prev-prev {
    opacity: 0;
    transform: scale(0.2);
}

.about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-next-next {
    opacity: 0;
}

.about-wrap .about-bg {
    width: 100%;
    height: 650px;
    position: relative;
}

.about-wrap .about-bg .about-bg-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.about-wrap .about-bg .about-bg-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.about-wrap .about-bg .about-bg-img .back-img {
    width: 470px;
    height: 470px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.about-wrap .about-bg .about-bg-img .tit-wrap {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.about-wrap .about-bg .about-bg-img .tit-wrap h4 {
    color: #fff;
    font-family: 'source-han-serif-korean', serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}

.about-wrap .about-bg .about-bg-img .tit-wrap p {
    color: #e4e4e4;
    font-family: 'IBMPlexSansKR-Regular';
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}

.about-wrap .con2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: rgba(241, 226, 212, 0.46);
}

.about-wrap .con2 .back-color {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(191, 179, 159, 0.5);
    z-index: 1;
}

.about-wrap .con2 .back-color::after {
    content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: -150px;
    background: linear-gradient(180deg, rgba(191, 179, 159, 0) -2.93%, rgba(191, 179, 159, 0.5) 80.13%);
    z-index: 1;
}

.about-wrap .con2 .inner-con {
    max-width: 1900px;
    margin: 0 auto;
    width: 85%;
    overflow: visible;
    padding-top: 120px;
    position: relative;
    z-index: 5;
}
.about-wrap .con2 .inner-con > h6 {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'source-han-serif-korean', serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
}

.about-wrap .con2 .inner-con .left {
    padding-top: 10px;
    padding-bottom: 180px;
    position: relative;
    z-index: 3;
}
.about-wrap .con2 .inner-con .left > h5 {
    display: flex;
    align-items: flex-end;
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 40px;
}

.about-wrap .con2 .inner-con .left > h5 span {
    display: inline-block;
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin-right: 15px;
}

.about-wrap .con2 .inner-con .right {
    position: relative;
    z-index: 3;
    padding-bottom: 300px;
}

.about-wrap .con2 .inner-con .right > h5 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 40px;
    text-align: right;
    padding-right: 15px;
}

.about-wrap .con2 .inner-con .right > span {
    display: block;
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-align: right;
    margin-bottom: 10px;
    padding-right: 15px;
}

.about-wrap .con2 .inner-con .interior-slide-wrap {
    display: flex;
    height: 650px;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper {
    width: 1400px;
    height: 100%;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper .swiper-slide .slide-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper .swiper-slide .slide-img.img1 {
    width: 420px;
    margin-right: 10px;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper .swiper-slide .slide-img.img2 {
    width: 950px;
}

.about-wrap .con2 .inner-con .interior-slide-wrap .swiper-pagination-wrap {
    position: relative;
    height: 100%;
    width: calc(100% - 1400px);
}

.about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .tit-wrap {
    position: absolute;
    left: 5%;
    top: 5%;
}
.about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .tit-wrap h6 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
}

.about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .tit-wrap p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination {
    position: absolute;
    left: 5%;
    bottom: 20%;
}

.about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination i {
    font-size: 18px;
    color: #514538;
    margin-right: 40px;
    cursor: pointer;
}

.about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .tit-wrap {
    position: absolute;
    right: 15%;
    top: 5%;
}
.about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .tit-wrap h6 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: right;
}

.about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .tit-wrap p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: right;
}

.about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination {
    position: absolute;
    right: 20%;
    bottom: 20%;
}

.about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination i {
    font-size: 18px;
    color: #514538;
    margin-left: 40px;
    cursor: pointer;
}

.about-wrap .history-section {
    height: 670px;
    width: 100%;
    background: rgba(241, 226, 212, 0.46);
}

.about-wrap .history-section .inner-con {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding-top: 75px;
    display: flex;
    align-items: center;
}

.about-wrap .history-section .inner-con > div {
    width: 50%;
    position: relative;
    height: 100%;
}

.about-wrap .history-section .inner-con > div.left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 500px;
    background-color: rgba(81, 69, 56, 0.4);
}

.about-wrap .history-section .inner-con > div .txt-wrap {
    width: 55%;
    margin: 0 auto;
}

.about-wrap .history-section .inner-con > div .txt-wrap i {
    display: block;
    text-align: center;
    font-size: 40px;
    margin-bottom: 40px;
    color: rgba(40, 27, 14, 0.8);
}

.about-wrap .history-section .inner-con > div .txt-wrap h5 {
    color: rgba(40, 27, 14, 0.8);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 45px;
}

.about-wrap .history-section .inner-con > div .txt-wrap ul li {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    padding-left: 20px;
    position: relative;
}

.about-wrap .history-section .inner-con > div .txt-wrap ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: rgba(81, 69, 56, 0.8);
}

/* 위치안내 ============================================================================================ */

.location-wrap .top-map-section {
    padding: 120px;
}

.location-wrap .top-map-section .title-wrap {
    text-align: center;
    margin-bottom: 110px;
}

.location-wrap .top-map-section .title-wrap p {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Pretendard-Semibold';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 30px;
}

.location-wrap .top-map-section .title-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.location-wrap .top-map-section .inner-con {
    width: 1000px;
    margin: 0 auto;
}

.location-wrap .top-map-section .map-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.location-wrap .top-map-section .map-btn-wrap span {
    width: 135px;
    padding: 10px 0;
    border-radius: 50px;
    border: 1px solid #514538;
    text-align: center;
    cursor: pointer;
    color: #514538;
    transition: 0.6s all;
}

.location-wrap .top-map-section .map-btn-wrap span:hover {
    background-color: #514538;
    color: #fff;
}

.location-wrap .top-map-section .map-btn-wrap span.on {
    background-color: #514538;
    color: #fff;
}

.location-wrap .top-map-section .map-section {
    position: relative;
    width: 100%;
    height: 1000px;
}

.location-wrap .top-map-section .map-section .map-wrap {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.6s all;
    width: 100%;
    z-index: -2;
}

.location-wrap .top-map-section .map-section .map-wrap.on {
    opacity: 1;
    z-index: 3;
}

.location-wrap .map-tit {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
    margin-bottom: 80px;
    margin-left: 5px;
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
}

.location-wrap .map-tit span {
    color: rgba(81, 69, 56, 0.7);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-right: 10px;
    display: inline-block;
}

.location-wrap .map-info {
    display: flex;
    align-items: center;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 90px;
}

.location-wrap .map-info > div {
    width: 48%;
    margin-left: 2%;
}

.location-wrap .map-info > div h5 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -2px;
    position: relative;
    margin-bottom: 20px;
}

.location-wrap .map-info > div p {
    color: rgba(81, 69, 56, 0.8);
    font-size: 18px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

.location-wrap .map-info > div h5::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #514538;
}

.location-wrap .map-info > div ul li {
    display: flex;
    align-items: center;
    line-height: 25px;
    margin-bottom: 5px;
}

.location-wrap .map-info > div ul li h6 {
    width: 20%;
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-right: 5px;
}

.location-wrap .map-info > div ul li p {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.location-wrap .map-info > div > p {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.location-wrap .map-info > div p a {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.75px;
    display: block;
}

.location-wrap .map-info .right .txt-wrap:nth-child(1) {
    margin-bottom: 30px;
}

.location-wrap .info-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
}

.location-wrap .info-btn-wrap a {
    color: rgba(81, 69, 56, 0.8);
    font-family: 'Pretendard-Semibold';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    padding: 15px 15px;
    border: 1px solid rgba(81, 69, 56, 0.8);
    transition: 0.5s all;
}

.location-wrap .info-btn-wrap a:hover {
    color: #fff;
    background-color: rgba(81, 69, 56, 0.8);
}

.location-wrap .rolling {
    overflow: hidden;
}

.location-wrap .rolling-text {
    display: flex;
    white-space: nowrap;
    animation: rolling 30s linear infinite;
}

.location-wrap .rolling-text span {
    color: rgba(40, 27, 14, 0.03);
    font-family: 'source-han-serif-korean', serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: 3.6px;
}

@keyframes rolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.333%);
    }
}

/* 운동수업 ====================================================================================== */

.fitness-wrap .con1 .inner-con {
    width: 90%;
    margin: 0 auto;
}

.fitness-wrap .con1 .inner-con span {
    display: block;
    font-size: 17px;
    font-family: 'source-han-serif-korean', serif;
    color: rgba(81, 69, 56, 0.8);
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 50px;
    padding-top: 50px;
}

.fitness-wrap .con1 .inner-con .tit-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 120px;
}

.fitness-wrap .con1 .inner-con .tit-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 66px;
    font-weight: 500;
    line-height: 80px;
}

.fitness-wrap .con1 .inner-con .tit-wrap p {
    color: #514538;
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 15px;
}

.fitness-slide-section {
    display: flex;
    width: 100%;
    height: 4300px;
    position: relative;
}

.fitness-slide-section .fitness-slide-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 16.666666666667%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
    transition: 0.5s all;
}

.fitness-slide-section .fitness-slide-bg.on {
    opacity: 0.1 !important;
}

.fitness-slide-section .fitness-slide-bg.bg1 {
    background-image: url(../img/gallery/sub2_fitness/img1_bg.jpg);
    top: 0;
}
.fitness-slide-section .fitness-slide-bg.bg2 {
    background-image: url(../img/gallery/sub2_fitness/img2_bg.jpg);
    top: 16.66666666666667%;
}

.fitness-slide-section .fitness-slide-bg.bg3 {
    background-image: url(../img/gallery/sub2_fitness/img3_bg.jpg);
    top: 33.33333333333333%;
}

.fitness-slide-section .fitness-slide-bg.bg4 {
    background-image: url(../img/gallery/sub2_fitness/img4_bg.jpg);
    top: 50.00000000000001%;
}
.fitness-slide-section .fitness-slide-bg.bg5 {
    background-image: url(../img/gallery/sub2_fitness/img5_bg.jpg);
    top: 66.66666666666668%;
}

.fitness-slide-section .fitness-slide-bg.bg6 {
    background-image: url(../img/gallery/sub2_fitness/img6_bg.jpg);
    top: 83.33333333333335%;
}

.fitness-slide-section .slide-gnb {
    width: 440px;
    height: 620px;
    border-radius: 0px 20px 20px 0px;
    background: rgba(98, 91, 83, 0.95);
    margin-right: 280px;
    padding-top: 50px;
    position: sticky;
    top: 25%;
    margin-bottom: 100px;
    z-index: 10;
}

.fitness-slide-section .slide-gnb .tit-wrap {
    width: 85%;
    margin: 0 auto;
}

.fitness-slide-section .slide-gnb .tit-wrap h6 {
    color: #f8eee2;
    font-family: 'source-han-serif-korean', serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 66px;
}

.fitness-slide-section .slide-gnb .tit-wrap h4 {
    color: #f4f3ec;
    font-family: 'source-han-serif-korean', serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}

.fitness-slide-section .slide-gnb .gnb-list {
    padding-top: 60px;
    width: 85%;
    margin: 0 auto;
}

.fitness-slide-section .slide-gnb .gnb-list li {
    margin-bottom: 30px;
}

.fitness-slide-section .slide-gnb .gnb-list li a {
    color: #f4f3ec;
    font-family: 'Pretendard-Semibold';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 30px;
    cursor: pointer;
}

.fitness-slide-section .fitness-content {
    min-height: 730px;
    height: auto;
    padding-top: 0px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.fitness-slide-section .fitness-content .swiper-slide {
    height: 850px;
    box-sizing: border-box;
}

.fitness-slide-section .fitness-content .swiper-slide .img {
    width: 1140px;
    height: 630px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

.fitness-slide-section .fitness-content .swiper-slide .info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fitness-slide-section .fitness-content .swiper-slide .info-wrap .tit-wrap h5 {
    color: #5a3f28;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
}

.fitness-slide-section .fitness-content .swiper-slide .info-wrap .tit-wrap span {
    display: block;
    padding-left: 2em;
    font-size: 18px;
}

.fitness-slide-section .fitness-content .swiper-slide .info-wrap .txt-wrap {
    color: #5a3f28;
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.fitness-wrap .rolling {
    padding-top: 200px;
    overflow: hidden;
}

.fitness-wrap .rolling-text {
    display: flex;
    white-space: nowrap;
    animation: rolling 30s linear infinite;
}

.fitness-wrap .rolling-text span {
    color: rgba(40, 27, 14, 0.03);
    font-family: 'source-han-serif-korean', serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: 3.6px;
}

/* 스트레칭 ================================================================================================== */

.stretch-wrap .con1 .inner-con {
    width: 90%;
    margin: 0 auto;
}

.stretch-wrap .con1 .inner-con span {
    display: block;
    font-size: 17px;
    font-family: 'source-han-serif-korean', serif;
    color: rgba(81, 69, 56, 0.8);
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 50px;
    padding-top: 50px;
}

.stretch-wrap .con1 .inner-con .tit-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 120px;
}

.stretch-wrap .con1 .inner-con .tit-wrap h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 66px;
    font-weight: 500;
    line-height: 80px;
}

.stretch-wrap .con1 .inner-con .tit-wrap p {
    color: #514538;
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-top: 15px;
}

.stretch-slide-section {
    display: flex;
    width: 100%;
    height: 3200px;
    position: relative;
}

.stretch-slide-section .stretch-slide-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
    transition: 0.5s all;
}

.stretch-slide-section .stretch-slide-bg.on {
    opacity: 0.1 !important;
}

.stretch-slide-section .stretch-slide-bg.bg1 {
    background-image: url(../img/gallery/sub3_strech/gallery1_bg.jpg);
    top: 0;
}
.stretch-slide-section .stretch-slide-bg.bg2 {
    background-image: url(../img/gallery/sub3_strech/gallery2_bg.jpg);
    top: 25%;
}
.stretch-slide-section .stretch-slide-bg.bg3 {
    background-image: url(../img/gallery/sub3_strech/gallery3_bg.jpg);
    top: 50%;
}
.stretch-slide-section .stretch-slide-bg.bg4 {
    background-image: url(../img/gallery/sub3_strech/gallery4_bg.jpg);
    top: 75%;
}

.stretch-slide-section .slide-gnb {
    width: 440px;
    height: 590px;
    border-radius: 0px 20px 20px 0px;
    background: #e7dacc;
    margin-right: 230px;
    padding-top: 50px;
    position: sticky;
    top: 20%;
    z-index: 10;
    margin-bottom: 100px;
}

.stretch-slide-section .slide-gnb .tit-wrap {
    width: 85%;
    margin: 0 auto;
}

.stretch-slide-section .slide-gnb .tit-wrap h6 {
    color: rgba(90, 63, 40, 0.5);
    font-family: 'source-han-serif-korean', serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 66px;
}

.stretch-slide-section .slide-gnb .tit-wrap h4 {
    color: #5a3f28;
    font-family: 'source-han-serif-korean', serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}

.stretch-slide-section .slide-gnb .gnb-list {
    padding-top: 60px;
    width: 85%;
    margin: 0 auto;
}

.stretch-slide-section .slide-gnb .gnb-list li {
    margin-bottom: 30px;
}

.stretch-slide-section .slide-gnb .gnb-list li a {
    color: #514538;
    font-family: 'Pretendard-Semibold';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    scroll-behavior: smooth;
}

.stretch-slide-section .stretch-content {
    min-height: 730px;
    height: auto;
    padding-top: 0px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.stretch-slide-section .stretch-content .swiper-slide {
    height: 800px;
    box-sizing: border-box;
}

.stretch-slide-section .stretch-content .swiper-slide .info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stretch-slide-section .stretch-content .swiper-slide .info-wrap h5 {
    color: #5a3f28;
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
}

.stretch-slide-section .stretch-content .swiper-slide .info-wrap span {
    display: inline-block;
    background-color: #e7dacc;
    border-radius: 20px;
    padding: 5px 10px;
    color: #5a3f28;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.stretch-slide-section .stretch-content .swiper-slide .img-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 560px;
    margin-bottom: 20px;
}

.stretch-slide-section .stretch-content .swiper-slide .img-wrap .img {
    width: 400px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.stretch-slide-section .stretch-content .swiper-slide p {
    color: rgba(90, 63, 40, 0.6);
    text-align: right;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.stretch-slide-section .stretch-content .swiper-slide .info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stretch-wrap .rolling {
    padding-top: 200px;
    overflow: hidden;
}

.stretch-wrap .rolling-text {
    display: flex;
    white-space: nowrap;
    animation: rolling 30s linear infinite;
}

.stretch-wrap .rolling-text span {
    color: rgba(40, 27, 14, 0.03);
    font-family: 'source-han-serif-korean', serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: 3.6px;
}

/* 원포인트 클래스 =============================================================================== */

.class-wrap .inner-con {
    width: 80%;
    margin: 0 auto;
}

.class-wrap .tap-menu-wrap {
    width: 600px;
    margin: 0 auto;
    height: 100px;
}

.class-wrap .tap-menu-wrap ul {
    width: 100%;
    height: 100%;
    display: flex;
}

.class-wrap .tap-menu-wrap ul li {
    width: 50%;
    text-align: center;
    position: relative;
}

.class-wrap .tap-menu-wrap ul li a {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100px;
    position: relative;
    width: 100%;
}

.class-wrap .tap-menu-wrap ul li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(81, 69, 56, 0.5);
    opacity: 0.5;
}

.class-wrap .tap-menu-wrap ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(81, 69, 56, 0.5);
    opacity: 1;
}

.class-wrap .class-content-wrap {
    padding-bottom: 200px;
    padding-top: 200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.class-wrap .class-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.class-wrap .class-content h4 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    margin-bottom: 30px;
}

.class-wrap .class-content .img {
    width: 400px;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px;
}

.class-wrap .class-content ul p {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.3px;
}

.class-wrap .class-content ul li {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.3px;
    padding-left: 1em;
}

.class-wrap .tit-wrap {
    padding-top: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.class-wrap .tit-wrap span {
    color: rgba(81, 69, 56, 0.5);
    font-family: 'dolly-new', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 45px;
}

.class-wrap .tit-wrap h5 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px;
}

.class-wrap .tit-wrap p {
    color: rgba(81, 69, 56, 0.5);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

.class-wrap .table-wrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.class-wrap .table-wrap.gal {
    width: 80%;
    padding-top: 50px;
}

/* 커뮤니티 ==================================================================================== */

.commu-wrap .con1.form {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.commu-wrap .inner-con {
    width: 80%;
    margin: 0 auto;
}

.commu-wrap .tap-menu-wrap {
    width: 1000px;
    margin: 0 auto;
    height: 100px;
}

.commu-wrap .tap-menu-wrap ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.commu-wrap .tap-menu-wrap ul li {
    width: 25%;
    text-align: center;
    position: relative;
}

.commu-wrap .tap-menu-wrap ul li a {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100px;
    position: relative;
    width: 100%;
}

.commu-wrap .tap-menu-wrap ul li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(81, 69, 56, 0.5);
    opacity: 0.5;
    transition: 0.6s all;
}

.commu-wrap .tap-menu-wrap ul li.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(81, 69, 56, 0.5);
    opacity: 1;
}

.commu-wrap .tap-menu-wrap ul li:hover::after {
    opacity: 1;
    height: 2px;
}

.commu-wrap .tit-wrap {
    padding-top: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.commu-wrap .tit-wrap span {
    color: rgba(81, 69, 56, 0.5);
    font-family: 'dolly-new', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 45px;
}

.commu-wrap .tit-wrap h5 {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px;
}

.commu-wrap .tit-wrap p {
    color: rgba(81, 69, 56, 0.5);
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
}

.commu-wrap .table-wrap {
    padding-top: 200px;
}

.commu-wrap .table-wrap.gal {
    padding-top: 50px;
    width: 80%;
    margin: 0 auto;
}

.commu-wrap .form-wrap {
    display: flex;
    width: 85%;
    margin: 0 auto;
    align-items: center;
}

.commu-wrap .form-wrap .txt-wrap {
    position: relative;
    width: 60%;
}

.commu-wrap .form-wrap .txt-wrap .txt {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.commu-wrap .form-wrap .txt-wrap .txt h4 {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 20px;
}

.commu-wrap .form-wrap .txt-wrap .txt p {
    color: #514538;
    font-family: 'source-han-serif-korean', serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
}

.commu-wrap .form-wrap .table-wrap {
    width: 40%;
    padding: 100px 0;
}

/* 프로필 페이지 ================================================================================== */

.profile-section .title-bg .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-section .title-bg .black {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(20, 20, 20, 0.65);
}

.profile-section .title-bg .title-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.profile-section .title-bg .title-wrap h4 {
    color: #e4e4e4;
    font-family: 'dolly-new', sans-serif;
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ft {
    background-color: #f0ece4;
    height: auto;
    padding-bottom: 50px;
}

.ft .inner-con {
    width: 90%;
    margin: 0 auto;
    max-width: 1700px;
    padding-top: 50px;
}

.ft .inner-con .copyright {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.ft .inner-con .copyright div {
    font-size: 12px;
    padding-right: 10px;
    position: relative;
}

.ft .inner-con .copyright div:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #4f4646;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ft .inner-con .copyright div a {
    color: #4f4646;
    font-family: 'Pretendard-regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.ft .inner-con .copyright .login {
    color: #514538;
    font-family: 'Pretendard-regular';
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 25px;
}

.ft .inner-con .ft-contact {
    height: auto;
    margin-top: 20px;
    padding-bottom: 20px;
}

.ft .inner-con .ft-contact div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 370px;
    height: 25px;
    overflow: hidden;
    transition: 0.6s all;
}

.ft .inner-con .ft-contact div.active {
    height: 75px;
}

.ft .inner-con .ft-contact div:nth-child(1) {
    margin-bottom: 10px;
}

.ft .inner-con .ft-contact div h6 {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.ft .inner-con .ft-contact div h6 i {
    transition: transform 0.3s ease;
}

.ft .inner-con .ft-contact div h6.active i {
    transform: rotate(180deg);
}

.ft .inner-con .ft-contact div span {
    color: #514538;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    line-height: 1;
    transition: 0.5s all;
    height: 20px;
}

.ft .inner-con .ft-contact div a {
    color: #514538;
    text-decoration: none;
}

.ft .inner-con .ft-info span {
    color: #4f4646;
    font-family: 'Pretendard-regular';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
}

.ft .inner-con .ft-info span b {
    color: #4f4646;
    font-family: 'Pretendard-SemiBold';
    font-weight: 500;
    display: inline-block;
}

.ft .inner-con .ft-info2 {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.ft .inner-con .ft-info2 span {
    font-size: 15px;
    color: #4f4646;
    font-family: 'Pretendard-regular';
    padding-right: 10px;
    position: relative;
    line-height: 20px;
    cursor: pointer;
}

.ft .inner-con .ft-info2 span::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #4f4646;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ft .inner-con .ft-info2 a {
    color: #4f4646;
    font-size: 15px;
    font-family: 'Pretendard-regular';
    text-decoration: none;
}

.ft-float {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 400px;
    background-color: #f4f3ec;
    border: 1px solid #000;
    opacity: 0;
    transition: 0.6s all;
    z-index: -1;
    cursor: pointer;
}

.ft-float .close {
    font-size: 15px;
    color: #000;
    right: 30px;
    top: 30px;
    position: absolute;
}

.ft-float.on {
    opacity: 1;
    z-index: 500;
}

.ft-float h6 {
    padding: 80px 0;
    font-size: 25px;
    font-family: 'Pretendard-regular';
    font-weight: 400;
    text-align: center;
    color: #000;
}

.ft-float p {
    text-align: left;
    font-size: 17px;
    font-family: 'Pretendard-regular';
    line-height: 30px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}

/* 맵 */

/*scroll-animation*/
.scroll-obj {
    transition: 1.5s;
    opacity: 0;
}

.scroll-obj.on {
    opacity: 1;
}

.scroll-obj.fadeX {
    opacity: 0;
    transform: translateX(30px);
}
.scroll-obj.fadeXR {
    opacity: 0;
    transform: translateX(-100px);
}

.scroll-obj.fadeX.on {
    opacity: 1;
    transform: translateX(0px);
}
.scroll-obj.fadeXR.on {
    opacity: 1;
    transform: translateX(0px);
}

.scroll-obj.fadeY {
    opacity: 0;
    transform: translateY(30px);
}

.scroll-obj.fadeY.on {
    opacity: 1;
    transform: translateY(0px);
}

.scroll-obj.clipX {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}
.scroll-obj.on.clipX {
    clip-path: inset(0 0% 0 0);
    -webkit-clip-path: inset(0 0% 0 0);
}

.scroll-obj.clipY {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
}
.scroll-obj.on.clipY {
    clip-path: inset(0 0% 0 0);
    -webkit-clip-path: inset(0 0% 0 0);
}

.split-txt span {
    opacity: 0;
    transition: 1.6s;
}
.split-txt.on span {
    opacity: 1;
}
.main-tit-wrap.on .split-txt span {
    opacity: 1;
}

.m-br {
    display: none;
}
.m-map {
    display: none;
}
.menu-btn {
    display: none;
}

.menu-section {
    display: none;
}

@media (min-width: 2000px) {
    .class-wrap .table-wrap.gal {
        width: 67%;
    }

    .commu-wrap .table-wrap.gal {
        width: 67%;
    }

    .profile-section .profile-img-wrap .more {
        width: 58%;
    }

    .main-wrap .profile-section .profile-img-wrap .img-section .profile-img {
        width: 60%;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .name {
        width: 345px;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn {
        right: 15%;
    }

    .con5 .inner-con .back-bg {
        left: 51.5%;
        top: 43%;
        width: 1255px;
        height: 730px;
    }

    .con5 .inner-con iframe {
        width: 1260px;
        height: 800px;
        top: 46%;
    }
}

@media (max-width: 1680px) {
    .con5 .inner-con .back-bg {
        left: 52%;
        top: 40%;
        width: 805px;
        height: 450px;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .img {
        width: 300px;
        height: 350px;
    }
}

@media (max-width: 1440px) {
    .con5 .inner-con .txt1 h4 {
        font-size: 80px;
    }

    .con5 .inner-con .txt1 h5 {
        font-size: 50px;
    }

    .con5 .inner-con .txt2 h4 {
        font-size: 70px;
    }

    .con5 .inner-con .back-bg {
        width: 705px;
        height: 400px;
        left: 52%;
        top: 40%;
    }

    .sub-wrap .profile-section .profile-img-wrap .img-section {
        width: 95%;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .img {
        width: 300px;
        height: 360px;
        background-size: cover;
    }
}

@media (max-width: 1030px) {
    .con5 .inner-con .txt1 {
        top: 23%;
    }

    .con5 .inner-con .txt1 h4 {
        font-size: 60px;
    }

    .con5 .inner-con .txt1 h5 {
        font-size: 30px;
    }

    .con5 .inner-con .txt2 {
        top: 50%;
    }

    .con5 .inner-con .txt2 h4 {
        font-size: 50px;
    }

    .con5 .inner-con .back-bg {
        width: 505px;
        height: 300px;
    }
}

@media (max-width: 900px) {
    .pc {
        display: none;
    }
    .mo {
        display: block;
    }

    .hd-top-contents .inner-con {
        position: relative;
        z-index: 503;
    }

    .menu-section {
        position: fixed;
        display: block;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100dvh;
        transform: translateX(-100%);
        opacity: 0;
        z-index: 501;
        transition: all 1s ease-in-out;
        overflow: hidden;
    }

    .menu-section.active {
        opacity: 1;
        transform: translateX(0);
    }

    .menu-section-inner {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #a0937f;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 1s;
    }

    .menu-section-inner > ul {
        position: absolute;
        z-index: 500;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }

    .menu-section-inner .hd-sub-menu {
        opacity: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        padding: 5px 0;
        height: 0px;
        transition: 0.6s all;
        overflow: hidden;
    }

    .menu-section-inner .hd-sub-menu.on {
        height: 40px;
    }

    .menu-section-inner ul li {
        font-size: 20px;
        font-weight: 400;
        font-family: 'Pretendard-Regular';
        color: #fff;
        text-align: center;
    }

    .menu-section-inner > ul > li {
        margin: 20px 0;
    }

    .menu-section-inner ul li a {
        position: relative;
        display: inline-block;
        margin: 0px 0;
        padding: 0px;
    }

    .menu-section-inner ul li > a {
        font-size: 22px;
        color: #fff;
        font-weight: 400;
    }

    .menu-section-inner .hd-sub-menu li {
        flex: 1;
        padding: 2px 0;
    }

    .menu-section-inner .hd-sub-menu li:nth-child(2) {
        padding-right: 15px;
    }

    .menu-section-inner .hd-sub-menu a {
        font-size: 17px;
        color: #fff;
    }

    .menu-section-inner .class-btn {
        font-size: 19px;
        color: #fff;
        font-weight: 400;
        display: block;
        position: absolute;
        font-family: 'Pretendard-Regular';
        bottom: 10%;
        text-align: center;
    }

    .menu-section-inner .class-btn.btn1 {
        left: 10%;
    }

    .menu-section-inner .class-btn.btn2 {
        right: 10%;
    }

    .m-br {
        display: block;
    }

    .menu-btn {
        display: block;
        width: 25px;
        height: 15px;
        position: relative;
        cursor: pointer;
    }

    .menu-btn span {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: rgba(81, 69, 56, 0.67);
        transition: all 0.3s ease;
    }

    .menu-btn.active span {
        background-color: #fff;
    }

    .menu-btn span:nth-child(1) {
        top: 0;
    }

    .menu-btn span:nth-child(2) {
        top: 50%;
        width: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .menu-btn span:nth-child(3) {
        bottom: 0;
    }

    .menu-btn.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-btn.active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
        width: 100%;
    }

    .con1.full-page {
        height: 100vh;
    }

    .con1.full-page::before {
        content: '';
        position: absolute;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 260px;
        background: linear-gradient(180deg, #f4f3ec 15%, rgba(244, 243, 236, 0) 87%);
    }

    .float-btn {
        display: none;
    }

    .float-wrap {
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 0px 0;
        background-color: #281b0e;
        border-radius: 0;
        mix-blend-mode: unset;
        border: none;
        opacity: 1;
        pointer-events: all;
    }

    .float-wrap .float-list.pc {
        display: none;
    }

    .float-wrap .float-list.mo {
        display: flex;
    }

    .float-wrap .float-list {
        flex-direction: row;
        justify-content: space-around;
        padding: 10px 0;
    }

    .float-wrap .float-list .float::after {
        display: none;
    }

    .float-wrap .float-list .float {
        margin-bottom: 0;
        padding-bottom: 0;
        flex: 1;
    }

    .top-btn {
        bottom: 13%;
        width: 35px;
        height: 35px;
        border-radius: 35px;
    }

    .top-btn i {
        font-size: 15px;
    }

    .mo-top {
        display: block;
        width: 100%;
        height: 100vh;
    }

    .mo-top .img {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mo-vdo-section {
        display: block;
    }

    .mo-vdo-section iframe {
        width: 100%;
        height: 200px;
    }

    .ft-float {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        height: 300px;
    }

    .ft-float h6 {
        padding: 30px 0;
        font-size: 17px;
    }

    .ft-float p {
        font-size: 14px;
        line-height: 25px;
        width: 90%;
    }

    .main-wrap {
        overflow: hidden;
    }

    .main-wrap .txt-roll {
        height: 100px;
    }

    .main-wrap .txt-roll .rolling h4 {
        font-size: 65px;
    }

    .main-wrap .txt-roll .rolling::after {
        font-size: 65px;
    }

    .main-slide .main-txt-wrap {
        padding-top: 0;
        top: unset;
        bottom: 13%;
        left: 0%;
        transform: translate(0, 0);
        background-color: transparent;
    }

    .main-slide .main-txt-wrap::after {
        background: linear-gradient(180deg, rgba(244, 243, 236, 0) 32.81%, #f4f3ec 80.13%);
        height: 550px;
        bottom: -123%;
        left: 0;
    }

    .main-slide .main-txt-wrap h3 {
        font-size: 35px;
        text-align: left;
        padding-left: 10px;
        z-index: 100;
        position: relative;
    }

    .main-slide .main-txt-wrap h6 {
        display: none;
    }

    .main-wrap .concept-section .inner-con {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .main-wrap .concept-section {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .main-wrap .concept-section .inner-con > div {
        width: 100%;
        height: 400px;
    }

    .main-wrap .concept-section .inner-con > div.right {
        height: auto;
    }

    .main-wrap .concept-section .inner-con .left .back-img {
        height: 210px;
        top: 0;
    }

    .main-wrap .concept-section .inner-con .left .back-img h4 {
        padding-top: 40px;
        font-size: 14px;
    }

    .main-wrap .concept-section .inner-con .left .back-img .txt-wrap {
        margin-top: 0;
    }

    .main-wrap .concept-section .inner-con .left .back-img .txt-wrap h5 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .main-wrap .concept-section .inner-con .left .back-img .txt-wrap p {
        font-size: 15px;
        line-height: 26px;
    }

    .main-wrap .concept-section .inner-con .right .info {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .main-wrap .concept-section .inner-con .right .info .img {
        width: 100%;
        height: 300px;
    }

    .main-wrap .concept-section .inner-con .txt-wrap {
        width: 100%;
        margin-bottom: 50px;
    }

    .top-img-section .top-img {
        height: 250px;
    }

    .top-img-section .top-img .top-tit {
        bottom: 10%;
        display: none;
    }

    .top-img-section .top-img .top-tit h6 {
        font-size: 19px;
        line-height: 25px;
    }

    .top-img-section .top-img .top-tit h5 {
        font-size: 24px;
        line-height: 27px;
    }

    .top-img-section .top-img .top-tit h4 {
        font-size: 27px;
        line-height: 30px;
    }

    .curri-section .inner-section {
        display: block;
        width: 100%;
        margin-left: 0;
        height: 550px;
    }

    .curri-section .inner-section.pc {
        display: none;
    }

    .curri-section .inner-section.mo {
        display: block;
    }

    .profile-section .profile-img-wrap .profile-gnb-wrap .profile-gnb .gnb {
        font-size: 16px;
        margin: 0 10px;
    }

    .profile-section .title-bg {
        height: 350px;
    }

    .profile-section .title-bg .title-wrap {
        width: 80%;
    }

    .profile-section .title-bg .title-wrap h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .profile-section .title-bg .title-wrap p {
        line-height: normal;
        font-size: 15px;
    }

    .profile-section .profile-img-wrap {
        width: 100%;
    }

    .main-wrap .profile-section .profile-img-wrap .img-section {
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .main-wrap .profile-section .profile-img-wrap .img-section .profile-img {
        width: 1050px;
        left: 5%;
        gap: 5px;
        transform: translateX(0);
    }

    .main-wrap .profile-section .profile-img-wrap .img-section .profile-img .img-wrap {
        width: 165px;
    }

    .profile-section .profile-img-wrap .more {
        display: none;
    }

    .profile-section .profile-img-wrap .img-section {
        max-height: 500px;
        height: 500px;
    }

    .profile-section .profile-img-wrap .img-section::after {
        display: none;
    }

    .profile-section .btn-wrap span {
        display: none;
    }

    .profile-section .btn-wrap a {
        padding: 5px 30px;
        font-size: 15px;
        display: inline-block;
    }

    .curri-section {
        padding: 0;
        background-color: rgba(81, 69, 56, 0.6);
    }

    .curri-section .title-wrap {
        position: relative;
        padding: 60px 0;
    }

    .curri-section .title-wrap::after {
        content: '';
        position: absolute;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
        width: 198px;
        height: 1px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, /* 흰색 50% 투명 */ rgba(255, 255, 255, 0.5) 60%, /* 60% 지점까지 동일한 색 */ rgba(255, 255, 255, 0) 100% /* 이후 투명도로 점차 페이드아웃 */);
    }

    .curri-section .title-wrap p {
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
        font-family: 'source-han-serif-korean', serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .curri-section .title-wrap h4 {
        color: #fff;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
    }

    .curri-section .inner-section > div {
        width: 100%;
    }

    .curri-section .inner-section > div.left {
        display: none;
    }
    .curri-section .inner-section .right {
        background-color: transparent;
        overflow: visible;
    }

    .curri-section .inner-section .right .swiper-wrapper .swiper-slide h5 {
        color: #fff;
        text-align: center;
        font-family: 'Noto Sans KR', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 0px;
        opacity: 0;
    }

    .curri-section .inner-section .right .swiper-wrapper .swiper-slide h6 {
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
        font-family: 'source-han-serif-korean', serif;
        font-size: 15px;
        font-style: normal;
        line-height: 25px;
        font-weight: 400;
        opacity: 0;
    }

    .curri-section .inner-section .right .swiper-wrapper {
        width: 340px;
        height: 420px;
    }

    .curri-section .inner-section .right .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 100%;
    }

    .curri-section .inner-section .right .swiper-wrapper .swiper-slide.swiper-slide-active h5 {
        opacity: 1;
    }

    .curri-section .inner-section .right .swiper-wrapper .swiper-slide.swiper-slide-active h6 {
        opacity: 1;
    }

    .curri-section .inner-section .right .swiper-pagination {
        bottom: 13%;
        left: 50%;
        transform: translateX(-50%);
    }

    .curri-section .inner-section .right .swiper-pagination-bullet {
        background-color: rgba(255, 255, 255, 0.5); /* 반투명 흰색 */
        width: 7px;
        height: 7px;
        margin: 0 10px;
    }
    .curri-section .inner-section .right .swiper-pagination-bullet-active {
        background-color: rgba(85, 85, 85, 1);
    }

    .curri-section .inner-section .right .video {
        width: 340px;
        height: 380px;
        opacity: 1;
        position: static;
        transform: unset;
        margin: 0 auto;
        pointer-events: none;
    }

    .curri-section .inner-section .right .txt1 {
        left: 0px;
        top: unset;
        bottom: 60%;
        transform: translateY(50%);
        line-height: 90px;
        font-size: 100px;
        writing-mode: vertical-lr;
        width: auto;
        height: 800px;
    }

    .curri-section .inner-section .right .txt2 {
        display: none;
    }

    .lesson-section {
        padding: 0px 0;
        height: auto;
    }

    .lesson-section .inner-section {
        display: block;
        padding-left: 0;
    }

    .lesson-section .line-wrap {
        top: 6%;
        width: 80px;
        left: -10%;
        height: 100%;
    }

    .lesson-section .line-wrap .line {
        height: 120%;
    }

    .lesson-section .inner-section .txt-wrap {
        width: 95%;
        padding-left: 5%;
    }

    .lesson-section .inner-section .txt-wrap .tit h6 {
        font-size: 14px;
    }

    .lesson-section .inner-section .txt-wrap .tit h4 {
        margin-top: 20px;
        font-size: 24px;
        line-height: 25px;
    }

    .lesson-section .inner-section .txt-wrap .txt {
        margin-top: 25px;
    }

    .lesson-section .inner-section .txt-wrap .txt p {
        font-size: 15px;
    }

    .lesson-section .inner-section .txt-wrap .page-wrap {
        margin-bottom: 20px;
    }

    .lesson-section .inner-section .txt-wrap .page-wrap span {
        width: 30px;
        height: 30px;
        margin-right: 20px;
    }

    .lesson-section .inner-section .txt-wrap .page-wrap span i {
        font-size: 20px;
    }

    .lesson-section .inner-section .slide-wrap {
        width: 100%;
        margin-left: 5%;
        height: 480px;
    }

    .lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap {
        width: 100%;
        left: 0;
        bottom: 5%;
    }

    .lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap h6 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .lesson-section .inner-section .slide-wrap .swiper-slide .txt-wrap h4 {
        font-size: 19px;
    }

    .room-preview .inner-con {
        height: 750px;
    }

    .room-preview .inner-con .swiper-slide {
        background-position: center center;
    }

    .room-preview .inner-con .swiper-slide.left {
        background-position: -195px 0px;
    }

    .room-preview .inner-con .swiper-slide .txt-wrap {
        width: 90%;
    }

    .room-preview .inner-con .swiper-slide .txt-wrap h4 {
        font-size: 24px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .room-preview .inner-con .swiper-slide .txt-wrap h5 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .room-preview .inner-con .swiper-slide .txt-wrap p {
        font-size: 15px;
    }

    .room-preview .inner-con .swiper-pagination {
        width: 90%;
    }

    .room-preview .inner-con .swiper-pagination .swiper-pagination-bullet {
        font-size: 11px;
    }

    .gallery-section {
        padding: 0px 0;
        background-color: #a1927e;
    }

    .gallery-section .inner-section {
        display: block;
    }

    .gallery-section .inner-section .gallery-slide-wrap {
        width: 95%;
        height: 300px;
        margin: 0 auto;
    }

    .gallery-section .inner-section .tit-wrap {
        width: 100%;
    }

    .gallery-section .title-wrap {
        padding: 50px 0;
    }

    .gallery-section .title-wrap p {
        color: rgba(255, 255, 255, 0.5);
        font-size: 16px;
        margin-bottom: 23px;
    }

    .gallery-section .title-wrap h4 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }

    .gallery-section .inner-section .tit-wrap .inner-wrap {
        margin-top: 0;
        height: 230px;
    }

    .gallery-section .inner-section .tit-wrap .inner-wrap .tit {
        top: 50%;
    }

    .gallery-section .inner-section .tit-wrap .inner-wrap .tit h6 {
        margin-bottom: 30px;
    }

    .gallery-section .inner-section .tit-wrap .inner-wrap .tit p {
        font-size: 14px;
        line-height: 23px;
    }

    .insta-feed {
        display: none;
    }

    .main-wrap .contact-section .bg {
        height: auto;
        background-image: none !important;
    }

    .main-wrap .contact-section .bg::after {
        display: none;
    }

    .main-wrap .contact-section .bg .inner-con {
        display: block;
        width: 95%;
        padding: 100px 0;
    }

    .main-wrap .contact-section .bg .inner-con > div {
        width: 100%;
        height: auto;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
    }

    .main-wrap .contact-section .bg .inner-con .left {
        height: 380px;
        margin-bottom: 20px;
        background-image: url(../img/contact_mo_1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .main-wrap .contact-section .bg .inner-con .right {
        height: 500px;
        background-image: url(../img/contact_mo_2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .main-wrap .contact-section .bg .inner-con .left::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(135, 135, 135, 0.4);
        z-index: 5;
    }

    .main-wrap .contact-section .bg .inner-con .right::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(26, 26, 26, 0.6);
        z-index: 5;
    }

    .main-wrap .contact-section .bg .inner-con > div .txt-wrap {
        position: relative;
        left: unset;
        top: unset;
        transform: translate(0, 0);
        z-index: 10;
        width: 80%;
        margin: 0 auto;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt-wrap .txt:nth-child(1) {
        padding-top: 45px;
        border-bottom: 1px solid #fff;
        padding-bottom: 35px;
        margin: 0;
    }

    .main-wrap .contact-section .bg .inner-con .left::after {
        display: none;
    }

    .main-wrap .contact-section .bg .inner-con .left .txt-wrap h4 {
        font-size: 20px;
        line-height: 25px;
        padding-top: 60px;
        margin-bottom: 60px;
    }

    .main-wrap .contact-section .bg .inner-con .left .txt-wrap p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .main-wrap .contact-section .bg .inner-con .left .txt-wrap .btn-wrap {
        justify-content: center;
        gap: 10px;
    }

    .main-wrap .contact-section .bg .inner-con .left .txt-wrap .btn-wrap a {
        width: 130px;
        height: 35px;
        font-size: 12px;
    }

    .main-wrap .contact-section .bg .inner-con > div .txt-wrap .btn-wrap a i {
        font-size: 12px;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt {
        margin: 20px 0;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt h5 {
        font-size: 17px;
        line-height: 25px;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt ul {
        gap: 10px;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt ul li {
        font-size: 15px;
        line-height: 20px;
    }

    .main-wrap .contact-section .bg .inner-con .right .txt ul li span {
        color: #fff;
    }

    .location-wrap .rolling {
        display: none;
    }

    .ft .inner-con {
        padding-bottom: 100px;
    }
}

@media (max-width: 700px) {
    .hd-top-contents .inner-con {
        align-items: center;
    }

    .hd.fixed .hd-top-contents:hover {
        background-color: rgba(255, 255, 255, 0.5);
        height: auto;
    }

    .hd-top-contents .inner-con .logo {
        transform: translateX(7.5em);
        padding-top: 10px;
    }

    .hd-top-contents .inner-con .logo img {
        width: 110px;
        height: 60px;
        transition: 0.6s all;
    }

    html:has(.sub-wrap) .hd-top-contents .inner-con .logo {
        transform: translateX(8em);
    }

    html:has(.sub-wrap) .hd-top-contents .inner-con .logo img {
        width: 90px;
        height: 50px;
    }

    .hd-top-contents .inner-con .hd-menu-wrap {
        display: none;
    }

    .hd-top-contents::before {
        display: none;
    }

    .hd-top-contents:hover {
        height: auto;
        background-color: transparent;
    }

    .hd.fixed .hd-top-contents {
        background-color: rgba(255, 255, 255, 0.5);
        padding-bottom: 15px;
        padding-top: 10px;
        height: auto;
    }

    /* ABOUT 모바일 ================================================================== */

    .about-wrap .con1 .inner-con::before {
        display: none;
    }
    .about-wrap .con1 .inner-con::after {
        display: none;
    }

    .about-wrap .con1 .inner-con .tit-wrap {
        display: block;
    }

    .about-wrap .con1 .inner-con .tit-wrap h4 {
        font-size: 40px;
        line-height: 50px;
    }

    .about-wrap .con1 .inner-con .tit-wrap p {
        font-size: 15px;
        line-height: 28px;
        padding-top: 30px;
        text-align: left;
    }

    .about-wrap .concept-slide-wrap {
        padding-bottom: 100px;
    }

    .about-wrap .con1 .inner-con::before {
        display: none;
    }

    .about-wrap .con1 .inner-con::after {
        display: none;
    }

    .about-wrap .concept-slide-wrap .title-wrap {
        padding-bottom: 0;
    }

    .about-wrap .concept-slide-wrap::before {
        display: none;
    }
    .about-wrap .concept-slide-wrap::after {
        display: none;
    }
    .about-wrap .concept-slide-wrap .title-wrap p {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .about-wrap .concept-slide-wrap .title-wrap h4 {
        font-size: 27px;
    }

    .about-wrap .concept-slide-wrap .swiper-wrapper {
        height: 400px;
    }

    .about-wrap .concept-slide-wrap .swiper-slide {
        height: 100%;
    }

    .about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-prev {
        height: 100%;
        transform: scale(1);
        transition: 0.5s;
        position: relative;
        opacity: 1;
    }

    .about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-next {
        height: 100%;
        transform: scale(1);
        transition: 0.5s;
        position: relative;
        opacity: 1;
    }

    .about-wrap .concept-slide-wrap .swiper-slide .txt-wrap {
        display: block;
        opacity: 0;
        transition: 0.6s all;
    }

    .about-wrap .concept-slide-wrap .swiper-slide .txt-wrap h4 {
        margin-bottom: 10px;
    }

    .about-wrap .concept-slide-wrap .swiper-slide .txt-wrap p {
        font-size: 12px;
        line-height: 15px;
        opacity: 1;
        transform: translateX(0px);
    }

    .about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-active .txt-wrap p {
        opacity: 1;
        font-size: 12px;
    }

    .about-wrap .concept-slide-wrap .swiper-slide.swiper-slide-active:hover .txt-wrap {
        opacity: 1;
    }

    .about-wrap .con1 .inner-con span.swiper-notification {
        display: none;
    }

    .about-wrap .about-bg {
        height: 260px;
    }

    .about-wrap .about-bg .about-bg-img .back-img {
        width: 200px;
        height: 200px;
    }

    .about-wrap .about-bg .about-bg-img .tit-wrap h4 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .about-wrap .about-bg .about-bg-img .tit-wrap p {
        font-size: 15px;
        line-height: 25px;
    }

    .about-wrap .con2 .inner-con {
        width: 90%;
    }

    .about-wrap .con2 .back-color {
        height: 45%;
    }

    .about-wrap .con2 .inner-con .left {
        padding-bottom: 0px;
        height: 380px;
    }

    .about-wrap .con2 .inner-con .left > h5 {
        font-size: 25px;
        line-height: 35px;
    }

    .about-wrap .con2 .inner-con .left > h5 span {
        font-size: 15px;
        line-height: 30px;
    }

    .about-wrap .con2 .inner-con .interior-slide-wrap .swiper-wrapper {
        width: 100%;
        height: 150px;
    }

    .about-wrap .con2 .inner-con .interior-slide-wrap {
        height: 160px;
        display: block;
    }

    .about-wrap .con2 .inner-con .right {
        padding-bottom: 0px;
        height: 400px;
    }

    .about-wrap .con2 .inner-con .right > h5 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 40px;
    }

    .about-wrap .con2 .inner-con .right > h5 span {
        font-size: 15px;
        line-height: 30px;
    }

    .about-wrap .con2 .inner-con .interior-slide-wrap .swiper-pagination-wrap {
        width: 100%;
        height: 70px;
        position: absolute;
        top: 30px;
    }

    .about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .tit-wrap {
        position: static;
        padding-top: 15px;
    }

    .about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination {
        left: unset;
        right: 3%;
        bottom: 53%;
    }

    .about-wrap .con2 .inner-con .left .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination i {
        margin: 0 10px;
    }

    .about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .tit-wrap {
        top: unset;
        right: 5%;
        bottom: 10%;
    }

    .about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination i {
        margin: 0 10px;
    }

    .about-wrap .con2 .inner-con .right .interior-slide-wrap .swiper-pagination-wrap .swiper-pagination {
        left: unset;
        right: unset;
        left: 2%;
        bottom: 35%;
    }

    .about-wrap .history-section {
        height: auto;
    }

    .about-wrap .history-section .inner-con {
        width: 90%;
        height: 100%;
        padding-top: 50px;
        display: block;
    }

    .about-wrap .history-section .inner-con > div {
        width: 100%;
        height: auto;
        padding: 40px 0;
    }

    .about-wrap .history-section .inner-con > div.left::after {
        bottom: 0;
        top: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 1px;
    }

    .about-wrap .history-section .inner-con > div .txt-wrap {
        width: 90%;
    }

    .about-wrap .history-section .inner-con > div .txt-wrap i {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .about-wrap .history-section .inner-con > div .txt-wrap h5 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .about-wrap .history-section .inner-con > div .txt-wrap ul li {
        font-size: 14px;
        line-height: 25px;
        padding-left: 10px;
    }

    .about-wrap .history-section .inner-con > div .txt-wrap ul li::before {
        top: 1em;
        width: 3px;
        height: 3px;
        border-radius: 3px;
    }

    /* 위치안내 모바일 ================================================================ */

    .location-wrap .top-map-section {
        padding: 0px;
    }

    .location-wrap .top-map-section .title-wrap {
        text-align: center;
        margin-bottom: 50px;
        padding-top: 50px;
    }

    .location-wrap .top-map-section .title-wrap p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .location-wrap .top-map-section .title-wrap h4 {
        font-size: 25px;
    }

    .location-wrap .top-map-section .inner-con {
        width: 90%;
    }

    .location-wrap .top-map-section .map-btn-wrap {
        gap: 10px;
    }

    .location-wrap .top-map-section .map-btn-wrap span {
        width: 100px;
        padding: 10px 0;
        border-radius: 30px;
    }

    .location-wrap .top-map-section .map-section {
        position: relative;
        width: 100%;
        height: 1170px;
    }

    .location-wrap .map-tit {
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 30px;
    }

    .location-wrap .map-tit span {
        font-size: 15px;
    }

    .location-wrap .map-info {
        display: block;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .location-wrap .map-info > div {
        width: 90%;
        margin-left: 0%;
        margin: 0 auto;
    }

    .location-wrap .map-info > div.right {
        padding-top: 30px;
    }

    .location-wrap .map-info > div h5 {
        font-size: 17px;
    }

    .location-wrap .map-info > div h5::before {
        width: 3px;
        height: 3px;
        border-radius: 3px;
    }

    .location-wrap .map-info > div p {
        font-size: 14px;
    }

    .location-wrap .map-info > div ul li h6 {
        font-size: 14px;
        line-height: 25px;
    }

    .location-wrap .map-info > div ul li p {
        font-size: 14px;
        line-height: 25px;
    }

    .location-wrap .map-info > div > p {
        font-size: 14px;
        line-height: 25px;
    }

    .location-wrap .map-info > div p a {
        font-size: 21px;
    }

    .location-wrap .map-info .right .txt-wrap:nth-child(1) {
        margin-bottom: 30px;
    }

    .location-wrap .info-btn-wrap {
        gap: 50px;
    }

    .location-wrap .info-btn-wrap a {
        font-size: 12px;
        padding: 10px 5px;
    }

    /* 대표강사 / 소개 모바일 ====================================================================== */

    .top-profile-section {
        height: auto;
    }

    .profile-wrap .top-profile-section .title-wrap {
        padding-top: 100px;
        margin: 0 auto 100px auto;
    }

    .profile-wrap .top-profile-section .title-wrap p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .profile-wrap .top-profile-section .title-wrap h4 {
        font-size: 25px;
    }

    .profile-wrap .top-profile-section .inner-con {
        width: 95%;
        display: block;
    }

    .profile-wrap .top-profile-section .inner-con .img-wrap {
        height: 450px;
        width: 90%;
        padding-bottom: 100px;
        margin-left: 10%;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap {
        height: auto;
        padding-top: 16%;
        width: 100%;
        overflow-x: scroll;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap {
        margin-bottom: 30px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .name-wrap h4 span {
        font-size: 18px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap > p {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 100px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info h6 {
        font-size: 17px;
        line-height: 30px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info li {
        font-size: 14px;
        line-height: 25px;
        padding-left: 1em;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info li::before {
        left: 0;
    }

    .con5 .inner-con .txt1 {
        top: 20%;
        left: 5%;
    }

    .con5 .inner-con .txt1 h4 {
        font-size: 50px;
    }

    .con5 .inner-con .txt1 h5 {
        font-size: 30px;
    }

    .con5 .inner-con .txt2 {
        top: 65%;
    }

    .con5 .inner-con .txt2 h4 {
        font-size: 65px;
    }

    .con5 .inner-con .back-bg {
        display: none;
    }

    .con5 .inner-con iframe {
        width: 100%;
        height: 250px;
    }

    .sub-wrap .profile-section .profile-img-wrap .img-section {
        width: 95%;
    }

    .sub-wrap .profile-section .profile-img-wrap .img-section .profile-img {
        width: 100%;
    }
    .main-wrap .profile-section .profile-img-wrap .profile-img .img-wrap {
        width: 15%;
        margin: 0 0%;
    }

    .sub-wrap .profile-section .profile-img-wrap .profile-img .img-wrap {
        width: 48%;
        margin: 0 1%;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .img {
        background-size: cover;
        height: 195px;
        width: 100%;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .name {
        width: 95%;
        height: 65px;
        margin: 0 auto;
        padding-top: 10px;
        align-items: flex-start;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .name h5 {
        padding: 1px 3px;
        font-size: 11px;
        margin-right: 10px;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .name h6 {
        font-size: 14px;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .name h6 span {
        font-size: 11px;
        margin-left: 10px;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn {
        bottom: 13%;
        right: 1%;
    }

    .profile-section .profile-img-wrap .profile-img .img-wrap .plus-btn i {
        font-size: 15px;
    }

    .sub-wrap .profile-section .profile-img-wrap .img-section {
        height: 1350px;
    }

    .profile-section .title-bg {
        height: 250px;
    }

    .sub-wrap .profile-section .title-bg .title-wrap h4 {
        font-size: 25px;
    }

    .sub-wrap .profile-section .title-bg .title-wrap p {
        font-size: 15px;
        line-height: 25px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap {
        width: 230%;
        height: 300px;
        display: flex;
        overflow: hidden;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap .info-wrap .info {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap::-webkit-scrollbar-track {
        background: rgba(81, 69, 56, 0.3);
        width: 50px;
        height: 2px;
    }

    .profile-wrap .top-profile-section .inner-con .txt-wrap::-webkit-scrollbar-thumb {
        background-color: #514538;
        border-radius: 5px;
        width: auto;
        height: 1px; /* thumb 높이를 직접 지정 */
        min-height: 1px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap {
        top: 50%;
        width: 100%;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap {
        top: 50%;
        height: auto;
        width: 90%;
        display: block;
        padding-bottom: 20px;
    }
    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap > div {
        width: 100%;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt {
        width: calc(100% - 30px);
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt a {
        padding: 15px 0;
        margin-bottom: 15px;
        pointer-events: none; /* 모든 입력 차단 */
        cursor: default;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt a img {
        width: 160px;
        height: 17px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h5 {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h6 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt h6 span {
        margin-left: 10px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info .profile-info-txt ul li {
        font-size: 13px;
        line-height: 23px;
        padding-left: 15px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .profile-info-img {
        display: none;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .close-btn {
        top: 10px;
    }

    .profile-section .profile-img-wrap .profile-info-wrap .inner-wrap .close-btn i {
        font-size: 22px;
    }

    /*  클래스 모바일 =================================================================== */

    .fitness-wrap .con1 .inner-con .tit-wrap {
        display: block;
    }

    .fitness-wrap .con1 .inner-con .tit-wrap h4 {
        font-size: 44px;
        line-height: 50px;
    }

    .fitness-wrap .con1 .inner-con .tit-wrap p {
        font-size: 15px;
        line-height: 28px;
        padding-top: 30px;
        text-align: left;
    }

    .fitness-slide-section {
        display: block;
        height: auto;
    }

    .fitness-slide-section .slide-gnb {
        width: 100%;
        height: 120px;
        border-radius: 0;
        margin: 0 0 30px 0;
        padding-top: 20px;
        background: transparent;
        position: static;
    }

    .fitness-slide-section .fitness-slide-bg {
        background-image: unset !important;
    }

    .fitness-slide-section .slide-gnb .tit-wrap h6 {
        line-height: 30px;
        color: rgba(90, 63, 40, 0.5);
    }

    .fitness-slide-section .slide-gnb .tit-wrap h4 {
        font-size: 35px;
        line-height: 40px;
        color: #5a3f28;
    }

    .fitness-slide-section .slide-gnb .gnb-list {
        display: none;
    }

    .fitness-slide-section .fitness-content {
        min-height: 400px;
        height: auto;
        padding-bottom: 50px;
    }

    .fitness-slide-section .fitness-content .swiper-wrapper {
        width: 100%;
        height: 400px;
        padding: 20px 0;
    }

    .fitness-slide-section .fitness-content .swiper-slide {
        height: 430px;
    }

    .fitness-slide-section .fitness-content .swiper-slide .img {
        width: 100%;
        height: 220px;
    }

    .fitness-slide-section .fitness-content .swiper-slide .info-wrap {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 30px;
        display: block;
    }

    .fitness-slide-section .fitness-content .swiper-slide .info-wrap .tit-wrap h5 {
        font-size: 19px;
        line-height: 26px;
    }

    .fitness-slide-section .fitness-content .swiper-slide .info-wrap .tit-wrap span {
        font-size: 13px;
        padding-top: 10px;
        padding-left: 1.6em;
    }

    .fitness-slide-section .fitness-content .swiper-slide .info-wrap .txt-wrap {
        font-size: 11px;
        line-height: 20px;
        margin-top: 25px;
        text-align: left;
        padding-left: 20px;
    }

    .fitness-wrap .rolling {
        display: none;
    }

    /*  스트레칭 모바일 =================================================================== */

    .stretch-wrap .con1 .inner-con .tit-wrap {
        display: block;
    }

    .stretch-wrap .con1 .inner-con .tit-wrap h4 {
        font-size: 44px;
        line-height: 50px;
    }

    .stretch-wrap .con1 .inner-con .tit-wrap p {
        font-size: 15px;
        line-height: 28px;
        padding-top: 30px;
        text-align: left;
    }

    .stretch-slide-section {
        display: block;
        height: auto;
    }

    .stretch-slide-section .slide-gnb {
        width: 100%;
        height: 120px;
        border-radius: 0;
        margin: 0;
        padding-top: 20px;
        margin-bottom: 30px;
        background: transparent;
        position: static;
    }

    .stretch-slide-section .stretch-slide-bg {
        background-image: unset !important;
    }

    .stretch-slide-section .slide-gnb .tit-wrap h6 {
        line-height: 30px;
    }

    .stretch-slide-section .slide-gnb .tit-wrap h4 {
        font-size: 35px;
        line-height: 40px;
    }

    .stretch-slide-section .slide-gnb .gnb-list {
        display: none;
    }

    .stretch-slide-section .slide-gnb .gnb-list li {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .stretch-slide-section .stretch-content {
        min-height: 400px;
        height: auto;
    }

    .stretch-slide-section .stretch-content .swiper-slide {
        height: 290px;
    }

    .stretch-slide-section .stretch-content .swiper-slide .img-wrap {
        width: 100%;
        height: 150px;
    }

    .stretch-slide-section .stretch-content .swiper-slide .img-wrap .img {
        width: 33%;
        height: 100%;
    }

    .stretch-slide-section .stretch-content .swiper-slide .info-wrap {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .stretch-slide-section .stretch-content .swiper-slide .info-wrap h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .stretch-slide-section .stretch-content .swiper-slide .info-wrap span {
        font-size: 13px;
    }

    .stretch-slide-section .stretch-content .swiper-slide p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        line-height: 24px;
        display: none;
    }

    .stretch-wrap .rolling {
        display: none;
    }

    /* 클래스 모바일 ================================================================= */

    .class-wrap .inner-con {
        width: 90%;
    }

    .class-wrap .tap-menu-wrap {
        width: 100%;
        margin: 0 auto;
        height: 60px;
    }

    .class-wrap .tap-menu-wrap ul li {
        display: flex;
        align-items: center;
    }

    .class-wrap .tap-menu-wrap ul li a {
        line-height: normal;
        font-size: 13px;
    }

    .class-wrap .class-content-wrap {
        width: 100%;
        display: block;
        padding: 100px 0;
    }

    .class-wrap .class-content {
        margin-bottom: 30px;
    }

    .class-wrap .class-content h4 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .class-wrap .class-content .img {
        width: 100%;
        height: 220px;
        margin-bottom: 10px;
    }

    .class-wrap .class-content ul p {
        font-size: 13px;
    }

    .class-wrap .class-content ul li {
        font-size: 13px;
    }

    .class-wrap .table-wrap {
        width: 100%;
        padding-bottom: 50px;
    }

    .class-wrap .table-wrap.gal {
        width: 100%;
    }

    .class-wrap .tit-wrap {
        padding-top: 80px;
    }

    .class-wrap .tit-wrap span {
        margin-bottom: 25px;
        font-size: 15px;
    }

    .class-wrap .tit-wrap h5 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .class-wrap .tit-wrap p {
        font-size: 15px;
    }

    /*  커뮤니티 모바일 ========================================================================== */

    .commu-img-section .commu-img {
        height: 250px;
    }

    .commu-img-section .commu-img .top-tit {
        width: 70%;
    }

    .commu-img-section .commu-img .top-tit h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .commu-img-section .commu-img .top-tit p {
        font-size: 13px;
        line-height: 20px;
    }

    .commu-wrap .inner-con {
        width: 90%;
    }

    .commu-wrap .tap-menu-wrap {
        width: 100%;
        margin: 0 auto;
        height: 60px;
    }

    .commu-wrap .tap-menu-wrap ul li {
        display: flex;
        align-items: center;
    }

    .commu-wrap .tap-menu-wrap ul li a {
        line-height: normal;
        font-size: 13px;
    }

    .commu-wrap .tit-wrap {
        padding-top: 80px;
    }

    .commu-wrap .tit-wrap span {
        margin-bottom: 25px;
        font-size: 15px;
    }

    .commu-wrap .tit-wrap h5 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .commu-wrap .tit-wrap p {
        font-size: 15px;
    }

    .commu-wrap .table-wrap {
        padding-top: 100px;
    }

    .commu-wrap .table-wrap.gal {
        padding-top: 50px;
        width: 100%;
        margin: 0 auto;
    }

    .commu-wrap .form-wrap {
        display: block;
        width: 100%;
    }

    .commu-wrap .form-wrap .txt-wrap {
        width: 100%;
    }

    .commu-wrap .form-wrap .txt-wrap .txt {
        position: static;
        transform: translateY(0);
        padding-top: 50px;
    }

    .commu-wrap .form-wrap .txt-wrap .txt h4 {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .commu-wrap .form-wrap .txt-wrap .txt p {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }

    .commu-wrap .form-wrap .table-wrap {
        width: 100%;
        padding: 50px 0;
    }

    /* 푸터 모바일 ====================================================================================== */

    .ft {
        height: 420px;
    }

    .ft .inner-con {
        width: 95%;
        padding-top: 30px;
    }

    .ft .inner-con .ft-info-contents {
        text-align: center;
    }

    .ft .inner-con .ft-contact div {
        align-items: center;
        height: 20px;
        width: 100%;
    }

    .ft .inner-con .ft-contact div h6 {
        font-size: 14px;
    }

    .ft .inner-con .ft-contact div span {
        font-size: 13px;
    }

    .ft .inner-con .ft-info span {
        font-size: 12px;
    }

    .ft .inner-con .ft-info2 {
        justify-content: center;
    }

    .ft .inner-con .ft-info2 span {
        font-size: 12px;
    }

    .ft .inner-con .ft-info2 a {
        font-size: 12px;
    }
    .ft .inner-con .copyright {
        text-align: center;
        display: block;
    }

    .ft .inner-con .copyright div:nth-child(1)::after {
        display: none;
    }
}