@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300..700&family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Sorts+Mill+Goudy:ital@0;1&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@font-face{font-family: 'SangBleu OG Serif Trial'; src: url('../font/SangBleuOGSerifTrial-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic;}
body, button {
    font-family: 'Pretendard Variable', sans-serif;
    margin: 0; padding: 0; color: #333;
}
.cormorant-g {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
}

.cormorant-i { font-family: "Cormorant Infant", serif; }
.goudy { font-family: "Sorts Mill Goudy", serif; }
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
@font-face{font-family: 'KoPubWorldBatang'; src: url('/font/KoPubWorld Batang_Pro Light.woff2') format('woff2'), url('/font/KoPubWorld Batang_Pro Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face{font-family: 'KoPubWorldBatang'; src: url('/font/KoPubWorld Batang_Pro Medium.woff2') format('woff2'), url('/font/KoPubWorld Batang_Pro Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{font-family: 'KoPubWorldBatang'; src: url('/font/KoPubWorld Batang_Pro Bold.woff2') format('woff2'), url('/font/KoPubWorld Batang_Pro Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;}
.kopub-batang{font-family: 'KoPubWorldBatang', serif;}
.suit { font-family: "Suit", sans-serif; }
.mo{display: none;}
.mo-ib{display: none;}
a { text-decoration: none; color: inherit; }
ul, li { list-style: none; margin: 0; padding: 0; }

header{position: fixed; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px solid #5c5c5c; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 1000; display: flex; align-items: center;}
header img{transition: 0.5s;}
header .inner-wrap{width: 100%; max-width: 1880px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 40px;}
header .left{flex: 1; display: flex; justify-content: start;}
header .toggle-menu{position: relative;}
header .toggle-menu .toggle-btn{display: inline-flex; gap: 15px; align-items: center; border: 0; padding: 0; margin: 0; color: #4a4a4a; font-family: "SangBleu OG Serif Trial"; font-size: 24px; font-style: italic; font-weight: 700; line-height: normal; background-color: transparent;}
header .toggle-menu .toggle-btn svg path{fill: #4a4a4a;}
header .toggle-menu .toggle-list{position: absolute; width: fit-content; left: 0; bottom: -8px; padding: 20px 18px; transform: translate(-5px, 100%); border-radius: 10px; background: rgba(255, 255, 255, 0.40); backdrop-filter: blur(2px); display: none; list-style: none; margin: 0;}
header .toggle-menu .toggle-list li{margin-bottom: 22px;}
header .toggle-menu .toggle-list li a{ color: #4a4a4a; font-family: "SangBleu OG Serif Trial"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal;}
header .toggle-menu .toggle-list li:last-child{margin-bottom: 0;}
header .toggle-menu .toggle-list.on{display: block;}
header .logo{display: flex; justify-content: center; flex-grow: 1;}
header .logo a{display: block;}
header .logo a img{height: 40px;}
header .util-menu{display: flex; justify-content: end; align-items: center; gap: 30px; flex: 1;}
header .util-menu .btn-lang{display: inline-flex; align-items: center; gap: 15px; margin-right: 20px; background-color: transparent; border: 0; padding: 0;}
header .util-menu .btn-reservation{background: #d4c2a5; color: #fff; padding: 13px 30px; border-radius: 30px; font-size: 15px; font-weight: 500; line-height: 1em;}
header .util-menu .btn-menu{background: none; border: none; cursor: pointer; display: flex; flex-direction: column; gap: 10px;}
header .util-menu .btn-menu .line{width: 38px; height: 2px; background: #333; transition: 0.5s;}
header.wh{border-color: #fff;}
header.wh img{filter: brightness(0) invert(1);}
header.wh .toggle-menu .toggle-btn,
header.wh .toggle-menu .toggle-list li a{color: #fff;}
header.wh .toggle-menu .toggle-btn svg path{fill: #fff;}
header.wh .util-menu .btn-menu .line{background: #fff;}

body:has(#side_menu.open) header{background: #8A7A6D; border-color: #fff;}
body:has(#side_menu.open) header img{filter: brightness(0) invert(1);}
body:has(#side_menu.open) header.wh .util-menu .btn-menu .line{background: #fff;}
body:has(#side_menu.open) .btn-menu .line:nth-child(1){transform: translateY(12px) rotate(45deg);}
body:has(#side_menu.open) .btn-menu .line:nth-child(2){opacity: 0; transform: translateX(-10px);}
body:has(#side_menu.open) .btn-menu .line:nth-child(3){transform: translateY(-12px) rotate(-45deg);}
body:has(#side_menu.open) header .util-menu .btn-menu .line{background: #fff;}
body:has(#side_menu.open) header .toggle-menu .toggle-btn,
body:has(#side_menu.open) header .toggle-menu .toggle-list li a{color: #fff;}
body:has(#side_menu.open) header .toggle-menu .toggle-btn svg path{fill: #fff;}


#side_menu{position: fixed; top: -100%; right: -100%; width: 100%; height: calc(100vh - 90px); padding-inline: 46px; background: #8A7A6D center/cover no-repeat; transition: top 0.5s ease; z-index: 999;}
#side_menu.open{right: 0; top: 90px}
#side_menu .nav-body{padding: 77px 73px; height: calc(100vh - 90px); display: flex; align-items: center;}
#side_menu .nav-body ul{display: flex; flex-direction: column; width: 100%; max-width: 980px; margin-inline: auto;}
#side_menu .nav-body ul li{display: flex; align-items: center; width: 100%; padding: 27px 0 27px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
#side_menu .nav-body ul li:last-child{border-bottom: 0;}
#side_menu .nav-body ul li .title{width: 320px; color: #FFF; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
#side_menu .nav-body ul li .title.active{color: #8A7A6D;}
#side_menu .nav-body ul li a{display: inline-block; margin-right: 30px; transition: 0.3s ease; color: #FFF; text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
#side_menu .nav-body ul li a.active{color: #8A7A6D; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #8A7A6D;}
#side_menu .nav-body ul li a:hover{text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #8A7A6D; color: #8A7A6D;}
#side_menu .nav-body ul li a:last-child{margin-right: 0;}
#side_menu .nav-body ul li:hover{border-color: #8A7A6D;}
#side_menu .nav-body ul li:hover,
#side_menu .nav-body ul li:has(.title.active){background-color: #EFEBE7;}
#side_menu .nav-body ul li:hover .title,
#side_menu .nav-body ul li:has(.title.active) a,
#side_menu .nav-body ul li:hover a{color: #8A7A6D;}

#mainVisual{position: relative; width: 100%; overflow: hidden;}
#mainVisual video{width: 100%; aspect-ratio: 16/9;}

/* #mainVisual .slider-bg-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mainVisual .bg-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.8s ease-in-out;}
#mainVisual .bg-item.active{opacity: 1;}
#mainVisual .bg-item::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
#mainVisual .inner-wrap{position: relative; width: 100%; max-width: 1800px; height: 100%; margin: 0 auto; padding: 0 40px; z-index: 10;}
#mainVisual .indicator-wrap{position: absolute; top: 52%; left: 20px; transform: translateY(-50%); display: flex; flex-direction: column; gap: 50px;}
#mainVisual .indicator-item{display: flex; align-items: center; gap: 15px; cursor: pointer; opacity: 0.6; transition: opacity 0.3s;}
#mainVisual .indicator-item:hover{opacity: 1;}
#mainVisual .indicator-item.active{opacity: 1;}
#mainVisual .indicator-item .svg-wrap{position: relative; width: 20px; height: 20px;}
#mainVisual .indicator-item .svg-wrap svg{width: 100%; height: 100%; overflow: visible;  opacity: 0;}
#mainVisual .indicator-item.active .svg-wrap svg{opacity: 1;}
#mainVisual .indicator-item .svg-wrap svg path{fill: none; stroke-width: 7;}
#mainVisual .indicator-item .svg-wrap svg path.circle-bg{stroke: rgba(255, 255, 255, 0.3);}
#mainVisual .indicator-item .svg-wrap svg path.circle-progress{stroke: #fff; stroke-dasharray: 0, 100; transition: none;}
#mainVisual .indicator-item.active .svg-wrap svg path.circle-progress{stroke-dasharray: 100, 100; transition: stroke-dasharray 5s linear;}
#mainVisual .indicator-item .svg-wrap .dot{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #fff; border-radius: 50%; opacity: 1;}
#mainVisual .indicator-item.active .dot{opacity: 0;}
#mainVisual .indicator-item .txt{color: #fff; font-size: 16px; font-weight: 300;}
#mainVisual .indicator-item.active .txt{font-weight: 500;}
#mainVisual .btn-scroll-down{position: absolute; bottom: 158px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; background: none; border: none; cursor: pointer; color: #fff;}
#mainVisual .btn-scroll-down .txt{font-size: 14px; font-weight: 300; letter-spacing: 1px;}
#mainVisual .btn-scroll-down .icon-arrow{width: 14px; height: 14px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: block;} */

#historySection{padding: 241px 0 210px; background: url(../img/mn_review_bg.webp) center/cover no-repeat;}
#historySection .inner-wrap{width: 90%; max-width: 1600px; margin: 0 auto;}
#historySection .section-title{text-align: center; margin-bottom: 60px; letter-spacing: -0.03em;}
#historySection .section-title .sub-title{display: block; font-size: 24px; color: #cdb49c; margin-bottom: 17px; letter-spacing: -0.03em;}
#historySection .section-title h2{font-size: 38px; font-weight: 700; margin-bottom: 25px; color: #141414; line-height: 1.4em; letter-spacing: -0.02em;}
#historySection .section-title h2 .point-num{padding-right: 10px; font-size: 60px; font-weight: 600; color: #b7987b; font-style: italic;}
#historySection .section-title p{font-size: 17px; color: #666; line-height: 1.55;}
#historySection .slider-area{position: relative; padding-bottom: 65px;}
#historySection .slide-item{padding: 0 30px; outline: none; cursor: pointer;}
#historySection .slide-item .item-inner{border-left: 3px solid #e7e7e8; display: flex; flex-direction: column; justify-content: space-between; height: 530px;}
#historySection .slide-item .text-wrap{transition: 0.4s ease; padding-top: 77px; padding-left: 20px;}
#historySection .slide-item .card-title{font-size: 22px; font-weight: 700; color: #111; margin-bottom: 15px; transition: color 0.4s ease;}
#historySection .slide-item .card-desc{font-size: 17px; color: #777777; line-height: 1.6; font-weight: 600; margin-bottom: 41px; transition: 0.4s ease;}
#historySection .slide-item .btn-arrow{display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: url(../img/btn_arrow.webp) center/contain no-repeat; border: 0;}
#historySection .slide-item img{width: 100%; aspect-ratio: 321/232; transition: aspect-ratio 0.4s ease; align-self: flex-end; object-fit: cover;}
#historySection .slide-item:hover .text-wrap{transform: translateY(-20px); padding-top: 30px;}
#historySection .slide-item:hover .card-title{font-size: 30px; color: #c2a58a;}
#historySection .slide-item:hover .card-desc{font-size: 17px; color: #000; margin-bottom: 30px}
#historySection .slide-item:hover .btn-arrow{background: url(../img/btn_arrow_on.webp) center/contain no-repeat;}
#historySection .slide-item:hover img{aspect-ratio: 1/1;}
#historySection .progress-container{position: absolute; bottom: 0; left: 50%; translate: -50%; width: 310px; height: 5px; background: #f8f5f0;}
#historySection .progress-container .progress-bar{height: 100%; width: 0; background: #d4c0ac; transition: width 0.4s ease;}

#doctorSection{padding: 210px 0; background: #fff; overflow: hidden;}
#doctorSection .inner-wrap{width: 100%; max-width: 1920px; margin: 0 auto;}
#doctorSection .section-title{text-align: center; margin-bottom: 130px; padding: 0 40px;}
#doctorSection .section-title .sub-title{display: block; font-size: 35px; color: #cdb49c; margin-bottom: 32px; font-weight: 500; font-style: italic;}
#doctorSection .section-title .sub-title .num{font-size: 51px;}
#doctorSection .section-title .main-title{font-size: 36px; font-weight: 700; margin: 0; line-height: 1.4; color: #222;}
#doctorSection .doctor-slider-wrap{position: relative; width: 100%;}
#doctorSection .doctor-slider{padding: 0 200px;}
#doctorSection .doctor-slider .slick-list{overflow: visible;}
#doctorSection .doctor-slider .slide-item{outline: none; cursor: pointer;}
#doctorSection .doctor-slider .slide-item .item-inner{position: relative; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; border-bottom: 5px solid #ebebeb;}
#doctorSection .doctor-slider .slide-item .item-inner > *{transition: transform 0.1s ease-in-out;}
#doctorSection .doctor-slider .slide-item.slick-prev-side .item-inner > *{transform: translateX(-30%);}
#doctorSection .doctor-slider .slide-item.slick-center .item-inner > *{transform: translateX(0);}
#doctorSection .doctor-slider .slide-item.slick-next-side .item-inner > *{transform: translateX(30%);}
#doctorSection .doctor-slider .slide-item .img-wrap{position: relative; width: 340px; z-index: 2; transform: translateX(0); transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease, filter 0.8s ease; opacity: 0.3; filter: grayscale(100%); overflow-y: hidden;}
#doctorSection .doctor-slider .slide-item .img-wrap .img-doc{width: 100%; transform: translateY(20%); transition: 0.5s; max-height: 500px; object-fit: contain; object-position: bottom;}
#doctorSection .doctor-slider .slide-item.slick-center{position: relative;}
#doctorSection .doctor-slider .slide-item.slick-center:after{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 130%; height: 5px; z-index: 3; background: #d4c0ac; content: '';}
#doctorSection .doctor-slider .slide-item.slick-center .img-wrap{transform: translateX(-157px); opacity: 1; filter: grayscale(0);}
#doctorSection .doctor-slider .slide-item.slick-center .img-wrap .img-doc{transform: translateY(0); max-height: 533px;}
#doctorSection .doctor-slider .slide-item .txt-wrap{position: absolute; left: 61%; top: 50%; transform: translate(-50%, -50%); width: 450px; opacity: 0; z-index: 1; pointer-events: none; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;}
#doctorSection .doctor-slider .slide-item.slick-center .txt-wrap{transform: translate(-10px, -50%); opacity: 1; pointer-events: auto;}
#doctorSection .doctor-slider .slide-item .txt-wrap .quote{font-size: 29px; font-weight: 500; color: #111; margin-bottom: 66px; line-height: 1.25; word-break: keep-all;}
#doctorSection .doctor-slider .slide-item .txt-wrap .quote span{position: absolute; font-size: 52px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .quote span.start{top: -5px; left: -25px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .quote span.end{margin-top: -5px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .badge-wrap{display: flex; align-items: center; margin-bottom: 20px; gap: 11px; margin-left: 7px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .badge-wrap .badge{color: #616161; font-size: 17px; font-weight: 600;}
#doctorSection .doctor-slider .slide-item .txt-wrap .name{font-size: 26px; color: #111; margin-bottom: 20px; line-height: 1; font-weight: 700; margin-left: 7px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .name strong{font-size: 32px; font-weight: 800; letter-spacing: 2px; color: #111;}
#doctorSection .doctor-slider .slide-item .txt-wrap .desc{font-size: 15px; color: #666; line-height: 1.8; margin-bottom: 50px; margin-left: 7px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .btn-more{display: inline-flex; align-items: center; justify-content: center; gap: 39px; margin-left: 7px; width: 160px; height: 60px; border: 1px solid #616161; border-radius: 30px; font-size: 17px; color: #150806; transition: background 0.3s ease, color 0.3s ease;}
#doctorSection .doctor-slider .slide-item .txt-wrap .btn-more span{font-size: 25px; margin-bottom: 5px;}
#doctorSection .doctor-slider .slide-item .txt-wrap .btn-more:hover{background: #111; color: #fff; border-color: #111;}

#coreSolution{position: relative; width: 100%; display: flex; flex-direction: column; overflow: hidden; padding-bottom: 80px;}
#coreSolution .bg-wrap{position: absolute; top: 0; left: 50%; translate: -50% 0; width: 96.5%; max-width: 1920px; height: 100%; z-index: 1;}
#coreSolution .bg-wrap .bg-item{position: absolute; top: 0; left: 50%; translate: -50% 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1;}
#coreSolution .bg-wrap .bg-item.active{opacity: 1; z-index: 2;}
#coreSolution .bg-wrap .bg-item:nth-child(1){background-image: url(../img/mn_subject_bg01.webp);}
#coreSolution .bg-wrap .bg-item:nth-child(2){background-image: url(../img/mn_subject_bg02.webp);}
#coreSolution .bg-wrap .bg-item:nth-child(3){background-image: url(../img/mn_subject_bg03.webp);}
#coreSolution .bg-wrap .bg-item:nth-child(4){background-image: url(../img/mn_subject_bg04.webp);}
#coreSolution .bg-wrap .bg-item:nth-child(5){background-image: url(../img/mn_subject_bg05.webp);}
#coreSolution .bg-wrap .bg-item:nth-child(6){background-image: url(../img/mn_subject_bg06.webp);}
#coreSolution .inner-wrap{position: relative; z-index: 10; width: 96.5%; max-width: 1920px; height: 100%; margin: 0 auto; display: flex; flex-direction: column;}
#coreSolution .title-area{padding: 85px 142px 154px; color: #fff;}
#coreSolution .title-area .sub-title{font-size: 23px; margin-bottom: 10px; font-weight: 500;}
#coreSolution .title-area .main-title{font-size: 38px; font-weight: 700; margin: 0; letter-spacing: -0.02em;}
#coreSolution .solution-list{list-style: none; margin: 0; padding: 0; width: 100%; flex: 1; display: flex; flex-direction: column;}
#coreSolution .solution-list li{flex: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: -1px; display: flex; align-items: center; cursor: pointer; transition: background 0.4s ease;}
#coreSolution .solution-list li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
#coreSolution .solution-list li:hover{background: rgba(0, 0, 0, 0.5);}
#coreSolution .solution-list li .li-inner{width: 100%; padding: 25px 75px 25px 140px; display: flex; align-items: center; justify-content: space-between;}
#coreSolution .solution-list li .text-group{display: flex; flex-direction: column; color: rgba(255, 255, 255, 0.3); transition: color 0.4s ease;}
#coreSolution .solution-list li:hover .text-group{color: #fff;}
#coreSolution .solution-list li .text-group .kr-title{font-size: 20px; margin-bottom: 18px; font-weight: 700;}
#coreSolution .solution-list li .text-group .en-title{font-size: 65px; font-weight: 300; margin: 0; line-height: 1; letter-spacing: -0.01em;}
#coreSolution .solution-list li .right-group{display: flex; align-items: center; justify-content: space-between; width: 45%;}
#coreSolution .solution-list li .desc-group{opacity: 0; transform: translateX(20px); transition: all 0.4s ease; text-align: left; color: #fff;}
#coreSolution .solution-list li:hover .desc-group{opacity: 1; transform: translateX(0);}
#coreSolution .solution-list li .desc-group .desc-sub{font-size: 18px; margin-bottom: 8px; font-weight: 500;}
#coreSolution .solution-list li .desc-group .desc-main{font-size: 23px; font-weight: 700; margin: 0;}
#coreSolution .solution-list li .btn-arrow{width: 44px; height: 44px; border-radius: 50%; background: url(../img/btn_arrow_tr.webp) center/contain no-repeat; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-20px); transition: all 0.4s ease;}
#coreSolution .solution-list li:hover .btn-arrow{opacity: 1; transform: translateX(0);}
#coreSolution .solution-list li .btn-arrow .icon{width: 12px; height: 12px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); display: block;}

#storySection{width: 100%; padding-top: 210px; background: #fff; overflow: hidden;}
#storySection .title-wrap{text-align: center; margin-bottom: 124px;}
#storySection .title-wrap .sub-title{display: block; font-size: 22px; color: #cdb49c; margin-bottom: 22px;}
#storySection .title-wrap .main-title{font-size: 40px; font-weight: 700; color: #151515; margin-bottom: 25px;}
#storySection .title-wrap .desc{font-size: 18px; color: #454545;}
#storySection .marquee-container{width: 100%; padding-bottom: 128px; overflow: hidden;}
#storySection .marquee-track{display: flex; width: max-content; margin-bottom: 32px;}
#storySection .marquee-track.track-left{animation: scrollLeft 60s linear infinite;}
#storySection .marquee-track.track-right{animation: scrollRight 60s linear infinite;}
#storySection .marquee-track.track-left:hover,#storySection .marquee-track.track-right:hover{animation-play-state: paused;}

@keyframes scrollLeft{
    0%{transform: translateX(0);}
    100%{transform: translateX(-50%);}
}

@keyframes scrollRight{
    0%{transform: translateX(-50%);}
    100%{transform: translateX(0);}
}
#storySection .tag-list{display: flex; align-items: center; padding: 0; margin: 0; list-style: none; flex-shrink: 0;}
#storySection .tag-list li{display: flex; align-items: center; margin: 0 10px;}
#storySection .tag-list li img{height: 69px; z-index: 1; position: relative;}
#storySection .tag-list li .tag-item{display: inline-flex; align-items: center; justify-content: center; height: 69px; padding: 0 50px; border: 1px solid #c9af9f; border-radius: 100px; font-size: 16px; color: #555; background: #fff; position: relative; z-index: 2; transition: all 0.3s ease; cursor: pointer;}
#storySection .tag-list li:hover .tag-item{background: #c0a798; color: #fff; border-color: #c0a798;}
#storySection .stem-cell-area{width: 100%; max-width: 1600px; margin: 0 auto 210px; padding: 0 20px;}
#storySection .stem-cell-area .inner-wrap{width: 100%; border-radius: 30px; background: url(../img/mn_key_bg_01.webp) center/cover no-repeat; overflow: hidden; position: relative; padding: 155px 20px 130px; text-align: center;}
#storySection .stem-cell-area .content-box{position: relative; z-index: 10; color: #fff;}
#storySection .stem-cell-area .content-box .sub-title{font-size: 23px; margin-bottom: 25px; display: block;}
#storySection .stem-cell-area .content-box .main-title{font-size: 38px; font-weight: 700; margin-bottom: 30px;}
#storySection .stem-cell-area .content-box .desc{font-size: 18px; line-height: 1.6; margin-bottom: 60px;}
#storySection .stem-cell-area .content-box .btn-more{display: inline-flex; gap: 20px; align-items: center; justify-content: center; width: 140px; height: 50px; border: 1px solid #fff; border-radius: 25px; color: #fff; font-size: 17px; transition: all 0.3s ease; cursor: pointer;}
#storySection .stem-cell-area .content-box .btn-more span{margin-bottom: 5px; font-size: 25px; font-weight: 100;}
#storySection .stem-cell-area .content-box .btn-more:hover{background: #fff; color: #333; font-weight: 700;}

#globalSection{position: relative; width: 100%; display: flex; align-items: center; overflow: hidden;}
#globalSection .bg-wrap{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: right center; background-repeat: no-repeat; z-index: 1;}
#globalSection .bg-wrap video{width: 100%;}
#globalSection .inner-wrap{position: relative; z-index: 10; width: 100%; max-width: 1645px; margin: 0 auto; padding: 133px 40px 107px;}
#globalSection .content-left{}
#globalSection .main-title{font-size: 45px; font-weight: 400; color: #fff; margin-left: 12px; margin-bottom: 7px; letter-spacing: -0.03em;}
#globalSection .desc{font-size: 18px; color: #ddd; line-height: 1.6; margin-left: 12px; margin-bottom: 65px; font-weight: 500;}
#globalSection .desc strong{display: inline-block; margin-top: 11px; font-size: 22px; color: #fff; font-weight: 700;}
#globalSection .accordion-list{list-style: none; margin: 0; padding: 0; width: 100%; max-width: 490px;}
#globalSection .accordion-item{position: relative; background: #c9af9f; border-radius: 20px; margin-bottom: 17px; overflow: hidden; transition: background 0.4s ease, width 0.4s ease; width: 54%;}
#globalSection .accordion-item.on{background: #fff; width: 100%;}
#globalSection .acc-header{padding: 25px 30px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #fff; transition: color 0.4s ease;}
#globalSection .accordion-item.on .acc-header{padding: 50px 30px 25px;}
#globalSection .accordion-item.on .acc-header{color: #111; padding-bottom: 10px;}
#globalSection .acc-header .tit{font-size: 20px; font-weight: 500;}
#globalSection .acc-header .icon-plus{position: relative; width: 24px; height: 24px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; transition: opacity 0.3s ease;}
#globalSection .acc-header .icon-plus::before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background: #fff;}
#globalSection .acc-header .icon-plus::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #fff;}
#globalSection .accordion-item.on .acc-header .icon-plus{opacity: 0; visibility: hidden;}
#globalSection .acc-body{display: none;}
#globalSection .body-inner{padding: 0 30px 47px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#globalSection .body-inner .txt-area{flex: 1;}
#globalSection .body-inner .txt-area .sub-desc{font-size: 17px; color: #666; line-height: 1.6; white-space: nowrap; letter-spacing: -0.02em;}
#globalSection .body-inner .img-area{position: absolute; top: 30px; right: 27px; width: 145px; flex-shrink: 0;}
#globalSection .body-inner .img-area .num{font-size: 64px; color: #c0a392; font-weight: 700; font-family: 'KoPubWorldBatang', serif;}
#globalSection .body-inner .img-area .plus{font-size: 40px; color: #c0a392; font-weight: 700; font-family: 'KoPubWorldBatang', serif;}
#globalSection .body-inner .img-area img{width: 100%; aspect-ratio: 16/11;}
#globalSection .accordion-list .accordion-item:nth-child(1) .body-inner .img-area{display: flex; align-items: center; top: 50%; right: 115px; transform: translateY(-50%);}
#globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; top: 50%; right: 160px; transform: translateY(-50%);}
#globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area a{display: flex; align-items: center; justify-content: start; gap: 8px; border: 1px solid #c8c2b8; padding: 11px 13px; border-radius: 50px; font-size: 15px; color: #383838;}
#globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area a img{aspect-ratio: 1/1; width: 21px;}
#globalSection .accordion-list .accordion-item:nth-child(3) .body-inner .img-area{}
#globalSection .accordion-list .accordion-item:nth-child(4) .body-inner .img-area{display: flex; align-items: center; font-size: 20px; font-weight: 500; top: 50%; transform: translateY(-50%);}

#locationFloorSection{position: relative; width: 100%; padding: 210px 0 210px; overflow: hidden;}
#locationFloorSection .bg-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0.5; z-index: 1;}
#locationFloorSection .inner-wrap{position: relative; z-index: 10; width: 100%; max-width: 1920px; margin: 0 auto;}
#locationFloorSection .section-title{text-align: center;}
#locationFloorSection .section-title .sub-title{display: block; font-size: 22px; color: #cdb49c; margin-bottom: 22px; font-weight: 500;}
#locationFloorSection .section-title .main-title{font-size: 40px; font-weight: 700; color: #151515; margin-bottom: 34px;}
#locationFloorSection .section-title .desc{font-size: 17px; color: #555555; font-weight: 600;}
#locationFloorSection .floor-content{display: flex; justify-content: space-between;}
#locationFloorSection .left-area{position: relative; display: flex; margin-top: -50px; width: 50%;}
#locationFloorSection .building-wrap{position: relative;}
#locationFloorSection .building-wrap img{width: 100%; display: block; object-fit: cover; height: 100%;}
#locationFloorSection .active-overlay{position: absolute; left: 0; width: calc(100% - 240px); background: rgba(177, 157, 133, 0.2); border-right: 2px dashed #111; padding: 25px; transition: bottom 0.5s cubic-bezier(0.25, 1, 0.5, 1); z-index: 1;}
#locationFloorSection .active-overlay:before,
#locationFloorSection .active-overlay:after{content: ''; position: absolute; right: -7px; width: 12px; height: 12px; border-radius: 50%; background-color: #111;}
#locationFloorSection .active-overlay:before{top: -7px;}
#locationFloorSection .active-overlay:after{bottom: -7px;}
#locationFloorSection .active-overlay .floor-name{display: block; text-align: center; font-size: 40px; font-weight: 500; color: #2c2019; margin-bottom: 5px; font-family: "EB Garamond", serif;;}
#locationFloorSection .active-overlay .floor-desc{display: block; text-align: center; font-size: 17px; color: #71635a; font-weight: 600;}
#locationFloorSection .floor-nav-wrap{flex: 1; display: flex; flex-direction: column; justify-content: center;}
#locationFloorSection .floor-nav{position: relative; list-style: none; margin: 0; /* margin-left: -100px; */ padding: 0; display: flex; flex-direction: column; width: 240px; height: 100%; justify-content: space-around;}
#locationFloorSection .floor-nav li{position: absolute; right: 0; cursor: pointer; color: #999; display: flex; align-items: center; width: 100%; height: 90px; gap: 15px; transition: color 0.3s ease, opacity 0.3s ease; opacity: 1;}
#locationFloorSection .floor-nav li:nth-child(1){bottom: 60.5%;}
#locationFloorSection .floor-nav li:nth-child(2){bottom: 50.5%;}
#locationFloorSection .floor-nav li:nth-child(3){bottom: 40%;}
#locationFloorSection .floor-nav li:nth-child(4){bottom: 28%;}
#locationFloorSection .floor-nav li:nth-child(5){bottom: 17%;}
#locationFloorSection .floor-nav li:nth-child(6){bottom: 2%;}
#locationFloorSection .floor-nav li:hover{color: #666;}
#locationFloorSection .floor-nav li.active{opacity: 0;}
#locationFloorSection .floor-nav li .line{width: 38px; height: 6px; background: url(../img/building_arrow.png) center/contain no-repeat; transition: background 0.3s ease;}
#locationFloorSection .floor-nav li.active .line{background: #cdb49c;}
#locationFloorSection .floor-nav li .tit{font-size: 25px; font-weight: 400; font-family: "EB Garamond", serif; color: #a9a8a8;}
#locationFloorSection .floor-nav li .desc{font-size: 15px; color: #a3a3a3;}
#locationFloorSection .right-area{flex: 1; display: flex; flex-direction: column; min-width: 0; overflow-x: hidden; width: 50%;}
#locationFloorSection .floor-display{text-align: right; margin-top: 90px; margin-bottom: 110px; margin-right: 165px;}
#locationFloorSection .floor-display .current{font-size: 147px; font-weight: 400; color: #c9af9f; line-height: 1; opacity: 0.5;}
#locationFloorSection .floor-display .total{position: relative; font-size: 50px; font-weight: 600; color: #e0e0e0; margin-left: 30px;}
#locationFloorSection .floor-display .total:after{position: absolute; left: -55px; bottom: 35px; width: 70px; height: 1px; background-color: #ddd; rotate: 125deg; content: '';}
#locationFloorSection .slider-container{width: 100%; position: relative; min-width: 0; overflow: hidden;}
#locationFloorSection .floor-slider{display: flex; width: 100%; transition: transform 0.3s ease; cursor: grab;}
#locationFloorSection .floor-slider:active{cursor: grabbing;}
#locationFloorSection .slide-item{flex-shrink: 0; padding: 0 10px; box-sizing: border-box; user-select: none; -webkit-user-drag: none;}
#locationFloorSection .slide-item img{width: 240px; height: 453px; object-fit: cover; transition: width 0.3s ease; user-select: none; -webkit-user-drag: none;}
#locationFloorSection .slide-item.active img{width: 589px;}
#locationFloorSection .progress-container{width: 100%; height: 5px; background: #eee; margin-top: 56px; position: relative; margin-left: 10px;}
#locationFloorSection .progress-bar{position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #cdb49c; transition: width 0.4s ease;}

#productSection{display: flex; width: 100%;}
#productSection .left-img{width: 50%; background: url(../img/mn_caren_01.webp) center/cover no-repeat; display: flex; align-items: center; justify-content: center;}
#productSection .right-txt{width: 50%; height: 100%; background: url(../img/mn_caren_02.webp) center/cover no-repeat; display: flex; align-items: center; justify-content: center;}
#productSection .right-txt .txt-inner{text-align: center; color: #fff; padding: 248px 40px;}
#productSection .right-txt .sub-title{font-size: 18px; font-weight: 500; margin-bottom: 35px;}
#productSection .right-txt .main-title{font-size: 40px; font-weight: 400; margin-bottom: 36px; line-height: 1.3;}
#productSection .right-txt .btn-round{display: inline-flex; align-items: center; justify-content: center; height: 57px; padding: 0 25px; background: #fff; border-radius: 30px; transition: all 0.3s ease;}
#productSection .right-txt .btn-round img{width: 124px; transition: 0.3s;}
#productSection .right-txt .btn-round:hover{background: #89796c; color: #fff;}
#productSection .right-txt .btn-round:hover img{filter: brightness(0) invert(1);}

.bg-cont{background: url(../img/mn_review_bg.webp) center/cover no-repeat;}

#reviewSection{padding: 210px 0 0; overflow: hidden;}
#reviewSection .inner-wrap{max-width: 1920px; margin: 0 auto; padding: 0 40px 120px;}
#reviewSection .section-title{text-align: center; margin-bottom: 110px;}
#reviewSection .section-title .sub-title{display: block; font-size: 22px; color: #cdb49c; margin-bottom: 22px;}
#reviewSection .section-title .main-title{font-size: 40px; font-weight: 700; color: #111; letter-spacing: -0.02em;}
#reviewSection .slider-area{position: relative;}
#reviewSection .review-track-wrap{width: 100%; overflow: hidden; padding-bottom: 50px;}
#reviewSection .review-track{display: flex; width: max-content; animation: reviewScroll 30s linear infinite;}
@keyframes reviewScroll{0%{transform: translateX(0);} 100%{transform: translateX(-50%);}}
@keyframes reviewProgress{0%{width: 0%;} 100%{width: 100%;}}
#reviewSection .slider-area:hover .review-track{animation-play-state: paused;}
#reviewSection .slide-item{flex-shrink: 0; width: 250px; padding: 0 10px; box-sizing: content-box;}
#reviewSection .slide-item:nth-child(even){transform: translateY(30px);}
#reviewSection .review-card{position: relative; display: flex; flex-direction: column; width: 100%; height: 340px; padding: 30px; border-radius: 20px; overflow: hidden;}
#reviewSection .review-card.bg-light{display: flex; gap: 20px; background: #d4c4b7; color: #fff;}
#reviewSection .review-card.bg-dark{display: flex; gap: 20px; background: #8b7d72; color: #fff;}
#reviewSection .review-card.bg-white{display: flex; justify-content: center; align-items: center; border: 1px solid #eee; background: #fff; color: #111;}
#reviewSection .review-card.img-card{padding: 0; border: 1px solid #7f726a; background: #fff;}
#reviewSection .review-card .img-wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
#reviewSection .review-card .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
#reviewSection .review-card .img-wrap .dummy-img{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #f0f0f0; color: #999;}
#reviewSection .review-card .date{margin-bottom: 15px; opacity: 0.5; font-size: 13px; text-align: right;}
#reviewSection .review-card .txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; font-size: 14px; line-height: 1.5; text-overflow: ellipsis;}
#reviewSection .review-card .txt.align-center{font-size: 18px; font-weight: 700; text-align: center;}
#reviewSection .review-card .more-txt{position: absolute; bottom: 25px; left: 30px; font-size: 13px; font-weight: 400;}
/* #reviewSection .review-card .hover-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; border-radius: 30px;}
#reviewSection .review-card:hover .hover-overlay{opacity: 1;} */
#reviewSection .review-card .btn-view{display: inline-flex; align-items: center; justify-content: end; gap: 7px; width: 120px; height: 35px; margin-top: 30px; padding: 0 5px; border: 1px solid #80726a; background: #fff; color: #111; border-radius: 30px; font-size: 12px; font-weight: 700; cursor: pointer;}
#reviewSection .review-card .btn-view .icon-plus{position: relative; width: 24px; height: 24px; border: 1px solid #edece9; border-radius: 50%; transition: opacity 0.3s ease; background-color: #edece9;}
#reviewSection .review-card .btn-view .icon-plus::before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background: #80726a;}
#reviewSection .review-card .btn-view .icon-plus::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #80726a;}
#reviewSection .progress-container{position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 411px; max-width: 1600px; height: 3px; background: #f2eee9;}
#reviewSection .progress-bar{position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #c9af9f; animation: reviewProgress 25s linear infinite;}
#reviewSection .slider-area:hover .progress-bar{animation-play-state: paused;}
#reviewSection .review-track{cursor: grab;}
#reviewSection .review-track.active{cursor: grabbing;}

#mediaArchiveSection{padding: 210px 0; overflow: hidden;}
#mediaArchiveSection .inner-wrap{max-width: 1600px; margin: 0 auto; padding: 0 40px;}
#mediaArchiveSection .section-title{text-align: center; margin-bottom: 65px;}
#mediaArchiveSection .section-title .sub-title{display: block; font-size: 22px; color: #cdb49c; margin-bottom: 10px;}
#mediaArchiveSection .section-title .main-title{font-size: 36px; font-weight: 700; color: #111; margin-bottom: 46px;}
#mediaArchiveSection .btn-group{display: inline-flex; justify-content: center; gap: 10px; padding: 8px 11px; background-color: #f0ece7; border-radius: 50px;}
#mediaArchiveSection .btn-group .btn-tab{display: inline-flex; align-items: center; justify-content: center; height: 47px; padding: 0 30px; border-radius: 22px; font-size: 15px; font-weight: 500; color: #b4a698; background: #f0ece7; transition: all 0.3s ease; border: 0;}
#mediaArchiveSection .btn-group .btn-tab img{margin-right: 7px;}
#mediaArchiveSection .btn-group .btn-tab.active{background: #7f726a; color: #fff;}
#mediaArchiveSection .slider-area{position: relative;}
#mediaArchiveSection .media-slider .slick-list{overflow: visible; margin: 0 -15px;}
#mediaArchiveSection .slide-item{padding: 0 15px; outline: none;}
#mediaArchiveSection .media-card{position: relative; width: 100%; height: auto; aspect-ratio: 100 / 69.5049; border-radius: 20px; border: 1px solid #c9af9f; overflow: hidden; background: #fff; transition: background 0.4s ease, border-color 0.4s ease; cursor: pointer; display: flex; flex-direction: column;}
#mediaArchiveSection .media-card.text-card{padding: 40px;}
#mediaArchiveSection .media-card:hover{background: var(--hover-bg, url(../img/media_item_01.webp)) center/cover no-repeat; border-color: transparent;}
#mediaArchiveSection .media-card .category{font-size: 17.25px; font-weight: 400; color: #111; margin-bottom: 15px;}
#mediaArchiveSection .media-card .tit{font-size: 30px; font-weight: 600; color: #111; margin-bottom: 20px; line-height: 1.4; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 2.8em;}
#mediaArchiveSection .media-card .desc{font-size: 14px; margin-bottom: 20px; color: #838383; line-height: 1.6; flex: 1; letter-spacing: -0.03em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.2em;}
#mediaArchiveSection .media-card .card-ft{display: flex; justify-content: space-between; border-top: 1px solid #bdbdbd; opacity: 1; transition: 0.3s; padding-top: 10px;}
#mediaArchiveSection .media-card .num{font-size: 34px; color: #111111; font-weight: 700;}
#mediaArchiveSection .media-card .date{font-size: 14px; color: #595959;}
#mediaArchiveSection .media-card:hover .card-ft{opacity: 0;}
#mediaArchiveSection .media-card:hover *{color: #fff;}
#mediaArchiveSection .media-card.img-card{padding: 0; border: none;}
#mediaArchiveSection .media-card.img-card .img-bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#mediaArchiveSection .media-card.img-card .dummy-img{width: 100%; height: 100%; background: #ddd; display: flex; align-items: center; justify-content: center; color: #999;}
#mediaArchiveSection .media-card.img-card .txt-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column;}
#mediaArchiveSection .media-card.img-card .txt-overlay .category{color: #fff;}
#mediaArchiveSection .media-card.img-card .txt-overlay .tit{color: #fff;}
#mediaArchiveSection .media-card.img-card .txt-overlay .desc{color: #eee;}
#mediaArchiveSection .media-card .hover-arrow{position: absolute; bottom: 30px; right: 30px; width: 44px; height: 44px; border-radius: 50%; background: url(../img/media_arrow.webp) center/contain no-repeat; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-10px); transition: all 0.4s ease;}
#mediaArchiveSection .media-card:hover .hover-arrow{opacity: 1; transform: translateX(0);}
/* #mediaArchiveSection .media-card .hover-arrow .icon{width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); display: block;} */
#mediaArchiveSection .bottom-controls{display: flex; align-items: center; gap: 30px; width: 80%; max-width: 411px; margin-inline: auto; margin-top: 50px;}
#mediaArchiveSection .progress-container{flex: 1; height: 2px; background: #e5e5e5; position: relative;}
#mediaArchiveSection .progress-bar{position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #cdb49c; transition: width 0.4s ease;}

#mapSection{padding: 112px 0 65px;}
#mapSection .inner-wrap{max-width: 1790px; margin: 0 auto; padding: 0; display: flex; gap: 80px;}
#mapSection .map-area{width: 50%;}
#mapSection .map-area img{width: 100%; max-width: 882px;}
#mapSection .info-area{width: 45%; padding-top: 20px;}
#mapSection .info-block{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #acafb0;}
#mapSection .info-block.last{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
#mapSection .block-tit{font-size: 22px; font-weight: 700; color: #cab0a0; margin-bottom: 30px;}
#mapSection .address{font-size: 18px; color: #000000; margin-left: 7px; margin-bottom: 15px; font-weight: 500;}
#mapSection .subway{margin-left: 7px; font-size: 18px; color: #000000; margin-bottom: 23px; display: flex; align-items: center; gap: 5px;}
#mapSection .subway img{width: 23px; height: 23px;}
#mapSection .subway .line-circle{display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border-radius: 50%; border: 2px solid #f96f24; background-color: #f96f24; color: #fff; font-size: 18px; font-weight: 600;}
#mapSection .parking{margin-left: 8px; font-size: 16px; color: #000000; margin-bottom: 30px;}
#mapSection .app-btns{display: flex; gap: 12px;}
#mapSection .btn-app{display: inline-flex; align-items: center; justify-content: center; width: 33%; max-width: 155px; height: 53px; border: 1px solid #d5d7d7; font-size: 16px; color: #000; font-weight: 700; background: #fff; transition: background 0.3s ease;}
#mapSection .btn-app:hover{background: #f5f5f5;}
#mapSection .btn-app img{margin-right: 9px;}
#mapSection .btn-app:nth-child(1) img{width: 26px;}
#mapSection .btn-app:nth-child(2) img{width: 24px;}
#mapSection .btn-app:nth-child(3) img{width: 18px;}
#mapSection .time-list{list-style: none; margin: 0; padding: 0; margin-bottom: 20px;}
#mapSection .time-list li{display: flex; align-items: center; margin-bottom: 15px; font-size: 20px; color: #000000;}
#mapSection .time-list li .day{width: 70px; margin-right: 7px; text-align: justify; text-align-last: justify; font-weight: 500;}
#mapSection .time-list li .time{margin-right: 15px; font-weight: 500;}
#mapSection .time-list li .badge{display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 13px; background: #cab0a0; color: #fff; border-radius: 30px; font-size: 16px;}
#mapSection .time-list li .badge.dark{background: #7f726a;}
#mapSection .notice{font-size: 16px; color: #a4a4a4; font-weight: 500;}
#mapSection .tel{font-size: 45px; font-weight: 700; color: #000000; line-height: 1; letter-spacing: -0.5px;}

#footer{padding: 74px 0; background: url(../img/ft_bg.webp) center/cover no-repeat; text-align: center; color: #fff;}
#footer .inner-wrap{max-width: 1600px; margin: 0 auto; padding: 0 20px;}
#footer .f-logo{margin-bottom: 38px; display: flex; justify-content: center;}
#footer .f-logo img{height: auto; display: block;}
#footer .f-links{list-style: none; padding: 0; margin: 0 0 28px 0; display: flex; justify-content: center; align-items: center;}
#footer .f-links li{position: relative; padding: 0 15px;}
#footer .f-links li::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background: rgba(255, 255, 255, 0.4);}
#footer .f-links li:last-child::after{display: none;}
#footer .f-links li a{color: #fff; font-size: 15px; font-weight: 400; text-decoration: none; transition: opacity 0.3s ease;}
#footer .f-links li a:hover{opacity: 0.7;}
#footer .f-info{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 19px; font-size: 15px; color: #fff; font-weight: 500;}
#footer .f-info span{position: relative; padding: 0 15px;}
#footer .f-info span::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background: rgba(255, 255, 255, 0.3);}
#footer .f-info span:nth-child(2){padding-right: 2px;}
#footer .f-info span:nth-child(3){padding-left: 2px;}
#footer .f-info span:nth-child(2)::after{display: none;}
#footer .f-info span:last-child::after{display: none;}
#footer .f-copy{font-size: 12px; color: rgba(255, 255, 255, 0.5); }

.quick-menu{position: fixed; right: 20px; bottom: 20px; z-index: 1000;}
.btn-toggle{width: 79px; height: 79px; background: url(../img/quick.png) center/contain no-repeat; border-radius: 50%; border: none; cursor: pointer; position: relative; z-index: 2; transition: 0.3s;}
.btn-toggle .open-icon{width: 26px; height: 26px; background: transparent; border-radius: 50%; display: block; margin: 0 auto; transition: 0.3s;}
.btn-toggle .close-icon{display: none; font-size: 30px; color: #fff;}
.quick-list{position: absolute; bottom: 0; width: 79px; background: #c9af9f; border-radius: 75px; padding: 12px 0 79px 0; margin: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: translateY(30px);}
.quick-list li{width: 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.quick-list li:last-child{border-bottom: none;}
.quick-list a{display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 15px 0; color: #fff; font-size: 11px; word-break: keep-all;}
.quick-list .icon{font-size: 20px; margin-bottom: 5px;}
.quick-menu.active .quick-list{opacity: 1; visibility: visible; transform: translateY(0);}
.quick-menu.active .btn-toggle{}
.quick-menu.active .btn-toggle .open-icon{display: none;}
.quick-menu.active .btn-toggle .close-icon{display: block; margin-bottom: 5px;}

#modalCall{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 241px; height: 285px; display: none; flex-direction: column; align-items: center; padding: 86px 0 0; z-index: 2000; text-align: center;}
#modalCall img{width: 40px;}
#modalCall .call-name{font-size: 17px; padding-bottom: 17px; text-align: center;}
#modalCall .call-num{font-size: 27px; padding-bottom: 35px; text-align: center; font-weight: 700; color: #c9b098;}
#modalCall .close{position: absolute; top: 24px; right: 24px; cursor: pointer; width: 20px; height: 20px;}
#modalCall .close span{width: 20px; height: 2px; background: #858585; position: absolute; top: 50%; left: 50%;}
#modalCall .close span:nth-child(1){transform: translate(-50%, -50%) rotate(46deg);}
#modalCall .close span:nth-child(2){transform: translate(-50%, -50%) rotate(315deg);}

@media(max-width: 1024px){
    .pc{display: none !important;}
    .mo{display: block;}
    .mo-ib{display: inline-block;}
    *{-webkit-tap-highlight-color: transparent;}
    a,button{-webkit-tap-highlight-color: transparent;}
    #mainHeader .util-menu .lang-selector, #mainHeader .util-menu .btn-reservation{display: none;}
    #quickMenu{display: none;}
    #historySection .history-cards{flex-direction: column;}
    #coreSolution .solution-content{flex-direction: column;}
    #globalStandard .stats-list{max-width: 100%;}
    #locationFloor .floor-content{flex-direction: column;}
    #locationFloor .floor-content .floor-list{width: 100%; flex-direction: row; overflow-x: auto;}
    #locationFloor .floor-content .floor-list ul{display: flex;}
    #locationFloor .floor-content .floor-list ul li a{white-space: nowrap;}
    #locationFloor .floor-content .interior-grid .grid-item{width: 100%;}
    #productSection .inner-wrap{flex-direction: column; gap: 40px;}
    #mediaSection .media-grid{flex-direction: column;}
    #mapSection .inner-wrap{flex-direction: column;}

    header{height: 50px; border-color: #b3b5b4;}
    header.wh{border-color: transparent; backdrop-filter: unset; -webkit-backdrop-filter: unset;}
    header .inner-wrap{padding: 0 10px;}
    header .util-menu .btn-reservation,
    header .left{display: none;}
    header .logo{align-items: center; flex-grow: unset; width: 45%; max-width: 150px;}
    header .logo a img{width: 100%; height: unset;}
    header .util-menu{gap: 10px;}
    header .util-menu .btn-menu{gap: 7px;}
    header .util-menu .btn-menu .line{width: 30px;}
    body:has(#side_menu.open) .btn-menu .line:nth-child(1){transform: translateY(12px) rotate(45deg);}
    body:has(#side_menu.open) .btn-menu .line:nth-child(2){opacity: 0; transform: translateX(-10px);}
    body:has(#side_menu.open) .btn-menu .line:nth-child(3){transform: translateY(-6px) rotate(-45deg);}

    #side_menu{max-width: 100%; padding: 45px 35px; top: 0; height: 100vh; background-color: #F9F4F2; transition: right 0.5s ease; z-index: 1001;}
    #side_menu.open{right: 0; top: 0;}
    #side_menu .nav-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px;}
    #side_menu .nav-head .add-link-cont{display: inline-flex; gap: 9px; height: 25px;}
    #side_menu .nav-head .add-link-cont a{display: inline-block; line-height: 25px; padding-inline: 18px; border-radius: 50px; background: #CDB49C;}
    #side_menu .nav-head .add-link-cont .carenology{color: #FFF; font-family: "SangBleu OG Serif Trial"; font-size: 9.073px; font-style: normal; font-weight: 500;}
    #side_menu .nav-head .add-link-cont .consult{color: #FFF; font-family: Pretendard; font-size: 9.073px; font-style: normal; font-weight: 500;}
    #side_menu .nav-head .side-close{width: 43px; aspect-ratio: 1/1; background: transparent; border: 0;}
    #side_menu .nav-body{padding: 0; align-items: start;}
    #side_menu .nav-body ul{gap: 0; height: calc(100svh - 167px); overflow-y: scroll;}
    #side_menu .nav-body ul li{flex-direction: column; align-items: flex-start; padding: 0; border-bottom: 1px solid #D9CDC3; background: #F9F4F2;}
    #side_menu .nav-body ul li:last-child{border-bottom: 0;}
    #side_menu .nav-body ul li .depth-cont{display: none; width: 100%; padding: 17px 31px; background-color: #F9F4F2;}
    #side_menu .nav-body ul li .title{position: selector; position: relative; width: 100%; margin-right: 0; padding: 13px 31px; color: #4A4A4A; text-align: left; font-family: Pretendard; font-size: 13.306px; font-style: normal; font-weight: 600; line-height: normal; background-color: #D9CDC34D;}
    #side_menu .nav-body ul li .title::before,#side_menu .nav-body ul li .title::after{content: ""; position: absolute; top: 50%; right: 20px; width: 12px; height: 2px; background-color: #4A4A4A; transform: translateY(-50%); transition: 0.2s ease;}
    #side_menu .nav-body ul li .title::before{transform: translateY(-50%) rotate(90deg);}
    #side_menu .nav-body ul li.on .title::before{transform: translateY(-50%) rotate(0deg); opacity: 0;}
    #side_menu .nav-body ul li.on .title::after{background-color: #fff;}
    #side_menu .nav-body ul li a{display: block; width: fit-content; color: #4A4A4A; text-align: left; font-family: Pretendard; font-size: 12.097px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 20px; margin-right: 0; margin-bottom: 21px;}
    #side_menu .nav-body ul li a:last-child{margin-bottom: 0;}
    #side_menu .nav-body ul li:hover, 
    #side_menu .nav-body ul li:has(.title.active){background-color: #F9F4F2; border-color: #D9CDC3;}
    #side_menu .nav-body ul li.on .title{background: #D9CDC3; color: #fff;}
    #side_menu .nav-body ul li:not(.on):hover .title,
    #side_menu .nav-body ul li:hover .title{color: revert-rule;}
    #side_menu .nav-body ul li:not(.on):hover .title{color: #4A4A4A;}

    #mainVisual{}
    #mainVisual video{width: 100%; height: 100vh; aspect-ratio: unset; object-fit: cover;}
    /* #mainVisual .indicator-wrap{top: unset; bottom: 10px; left: 50%; transform: translateX(-50%); flex-direction: row; gap: 10px;}
    #mainVisual .btn-scroll-down,
    #mainVisual .indicator-item .txt{display: none;}
    #mainVisual .indicator-item .svg-wrap{width: 12px; height: 12px;}
    #mainVisual .indicator-item .svg-wrap svg path{stroke-width: 5px;}
    #mainVisual .indicator-item .svg-wrap .dot{width: 7px; height: 7px; background: transparent; border: 1px solid #fff;} */

    #historySection{position: relative; padding: 130px 0 75px; background: url(../img/mn_review_bg.webp) center/cover no-repeat;}
    #historySection:before{position: absolute; bottom: 0; height: 50%; width: 100%; background-color: #f8f5ef; content: '';}
    #historySection .section-title .sub-title{margin-bottom: 10px; font-size: 14px;}
    #historySection .section-title h2{font-size: 21px; margin-bottom: 15px;}
    #historySection .section-title h2 .point-num{padding-right: 5px; font-size: 36px;}
    #historySection .section-title p{font-size: 13px; font-weight: 600;}
    #historySection .slider-area{padding-bottom: 25px;}
    #historySection .slide-item{padding: 0 20px;}
    #historySection .slide-item .item-inner{flex-direction: column-reverse; border-left: 0; height: unset; gap: 25px;}
    #historySection .slide-item img{aspect-ratio: 1/1;}
    #historySection .slide-item:hover .card-title{font-size: 20px;}
    #historySection .slide-item:hover .card-desc{font-size: 15px; margin-bottom: 0;}
    #historySection .slide-item .card-title{text-align: center; font-size: 20px; color: #c2a58a;}
    #historySection .slide-item .card-desc{text-align: center; font-size: 15px; color: #000; margin-bottom: 0;}
    #historySection .slide-item .btn-arrow{display: none;}
    #historySection .slide-item .text-wrap{padding-top: 0; padding-left: 0;}
    #historySection .slide-item:hover .text-wrap{padding-top: 0; transform: unset;}
    #historySection .progress-container{display: none;}
    #historySection .history-slider{position: relative;}
    #historySection .slider-counter{position: absolute; top: 40px; right: 67px; font-size: 14px; color: #fff; font-weight: 300; z-index: 10; letter-spacing: 0.05em;}
    #historySection .slick-arrow{position: absolute; top: 20px; z-index: 10; width: 50px; height: 15px; border: 0; border-radius: 0; padding: 0; margin: 0; background: url(../img/mo_slide_arrow.webp) center/contain no-repeat; font-size: 0;}
    #historySection .slick-prev{right: 90px; rotate: 180deg;}
    #historySection .slick-next{right: 30px;}

    #doctorSection{padding: 100px 0 350px;}
    #doctorSection .section-title{margin-bottom: 20px;}
    #doctorSection .section-title .sub-title{display: flex; align-items: center; justify-content: center; gap: 7px; margin-bottom: 3px; font-size: 23px;}
    #doctorSection .section-title .sub-title .num{display: inline-block; font-size: 28px; margin-bottom: 0.4em;}
    #doctorSection .section-title .main-title{font-size: 21px; margin-bottom: 15px;}
    #doctorSection .doctor-slider{padding: 0;}
    #doctorSection .doctor-slider .slide-item .item-inner{height: unset; flex-direction: column; border-width: 3px;}
    #doctorSection .doctor-slider .slide-item .img-wrap{width: unset; overflow: hidden;}
    #doctorSection .doctor-slider .slide-item .img-wrap .img-doc{height: 350px;}
    #doctorSection .doctor-slider .slide-item .img-wrap img{transform: translateY(30%); transition: 0.5s ease;}
    #doctorSection .doctor-slider .slide-item.slick-center .img-wrap{transform: unset;}
    #doctorSection .doctor-slider .slide-item.slick-center .img-wrap img{transform: translateY(0);}
    #doctorSection .doctor-slider .slide-item .txt-wrap{position: absolute; top: unset; bottom: -145%; left: 50%; transform: translateX(-50%) !important; width: unset;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .txt-inner{text-align: center;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .quote{position: relative; font-size: 14px; width: max-content; text-align: center; margin-inline: auto; margin-bottom: 25px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .quote span{font-size: 30px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .quote span.start{left: -18px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .quote span.end{top: -5px; right: -18px; margin-top: 0;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .badge-wrap{justify-content: center; margin-left: 0; margin-bottom: 13px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .badge-wrap img{width: 23px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .badge-wrap .badge{font-size: 12px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .name{font-size: 20px; width: max-content; text-align: center; margin-inline: auto; margin-bottom: 15px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .name strong{font-size: 23px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .desc{font-size: 12px; text-align: center; color: #111; font-weight: 500; margin-left: 0; margin-bottom: 20px; line-height: 1.55;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .btn-more{margin-left: 0; margin-inline: auto; width: 100px; height: 35px; gap: 0; justify-content: space-between; padding-inline: 15px; font-size: 14px; border-color: #aaa}
    #doctorSection .doctor-slider .slide-item .txt-wrap .btn-more span{font-weight: 200;}
    #doctorSection .doctor-slider .slide-item.slick-center:after{height: 3px;}

    #coreSolution{padding-bottom: 40px;}
    #coreSolution .bg-wrap{width: 100%;}
    #coreSolution .bg-wrap .bg-item:nth-child(1){background-image: url(../img/m_mn_subject_bg01.webp);}
    #coreSolution .bg-wrap .bg-item:nth-child(2){background-image: url(../img/m_mn_subject_bg02.webp);}
    #coreSolution .bg-wrap .bg-item:nth-child(3){background-image: url(../img/m_mn_subject_bg03.webp);}
    #coreSolution .bg-wrap .bg-item:nth-child(4){background-image: url(../img/m_mn_subject_bg04.webp);}
    #coreSolution .bg-wrap .bg-item:nth-child(5){background-image: url(../img/m_mn_subject_bg05.webp);}
    #coreSolution .bg-wrap .bg-item:nth-child(6){background-image: url(../img/m_mn_subject_bg06.webp);}
    #coreSolution .inner-wrap{width: 100%;}
    #coreSolution .title-area{padding: 50px 0 15px;}
    #coreSolution .title-area .sub-title{text-align: center; font-size: 14px;}
    #coreSolution .title-area .main-title{text-align: center; font-size: 20px; font-weight: 500;}
    #coreSolution .solution-list li .li-inner{padding: 15px 20px;}
    #coreSolution .solution-list li .right-group{width: 42%;}
    #coreSolution .solution-list li .text-group .kr-title{font-size: 14px;}
    #coreSolution .solution-list li .text-group .en-title{font-size: 20px;}
    #coreSolution .solution-list li .desc-group .desc-sub{font-size: 11px;}
    #coreSolution .solution-list li .desc-group .desc-main{font-size: 13px;}
    #coreSolution .solution-list li .btn-arrow{display: none;}

    #storySection{padding-top: 100px;}
    #storySection .title-wrap{margin-bottom: 45px;}
    #storySection .title-wrap .sub-title{margin-bottom: 10px; font-size: 14px;}
    #storySection .title-wrap .main-title{font-size: 21px; margin-bottom: 15px;}
    #storySection .title-wrap .desc{font-size: 12px; font-weight: 500;}
    #storySection .marquee-track{margin-bottom: 18px;}
    #storySection .tag-list li{margin: 0 5px;}
    #storySection .tag-list li .tag-item{height: 40px; padding: 0 20px; font-size: 12px;}
    #storySection .tag-list li img{height: 40px;}
    #storySection .marquee-container{padding-bottom: 70px;}
    #storySection .stem-cell-area{margin: 0 auto 100px; padding: 0 30px;}
    #storySection .stem-cell-area .inner-wrap{border-radius: 10px; padding: 100px 20px; background: url(../img/mn_m_key_bg_01.webp) center/cover no-repeat;}
    #storySection .stem-cell-area .content-box .sub-title{font-size: 13px; margin-bottom: 15px;}
    #storySection .stem-cell-area .content-box .main-title{font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
    #storySection .stem-cell-area .content-box .desc{font-size: 13px; margin-bottom: 35px;}
    #storySection .stem-cell-area .content-box .btn-more{width: 100px; height: 35px; gap: 10px; padding-inline: 15px; font-size: 13px;}
    #storySection .stem-cell-area .content-box .btn-more span{font-size: 19px; margin-bottom: 3px;}

    #globalSection .inner-wrap{padding: 70px 30px;}
    #globalSection .main-title{margin-left: 0; font-size: 30px;}
    #globalSection .desc{margin-left: 0; font-size: 12px;}
    #globalSection .desc strong{font-size: 15px;}
    #globalSection .accordion-item{border-radius: 7px;}
    #globalSection .acc-header{padding: 15px 20px;}
    #globalSection .acc-header .tit{font-size: 13px;}
    #globalSection .acc-header .icon-plus{width: 16px; height: 16px;}
    #globalSection .acc-header .icon-plus::before{width: 7px;}
    #globalSection .acc-header .icon-plus::after{height: 7px;}
    #globalSection .accordion-item.on .acc-header{padding: 25px 20px 10px;}
    #globalSection .body-inner{padding: 0 20px 25px;}
    #globalSection .body-inner .txt-area .sub-desc{font-size: 11px; font-weight: 500; color: #111;}
    #globalSection .body-inner .img-area{top: 20px; right: 25px; width: 105px;}
    #globalSection .body-inner .img-area .num{font-size: 30px; color: #c0a392; font-weight: 700; font-family: 'KoPubWorldBatang', serif;}
    #globalSection .body-inner .img-area .plus{font-size: 20px; color: #c0a392; font-weight: 700; font-family: 'KoPubWorldBatang', serif;}
    #globalSection .accordion-list .accordion-item:nth-child(1) .body-inner .img-area{display: flex; align-items: center; top: 50%; right: 35px; transform: translateY(-50%);}
    #globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; top: 50%; right: 30px; transform: translateY(-50%);}
    #globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area a{border: 0; font-size: 0; padding: 0;}
    #globalSection .accordion-list .accordion-item:nth-child(2) .body-inner .img-area a img{aspect-ratio: 1/1; width: 21px;}
    #globalSection .accordion-list .accordion-item:nth-child(3) .body-inner .img-area{}
    #globalSection .accordion-list .accordion-item:nth-child(4) .body-inner .img-area{display: flex; justify-content: end; align-items: center; font-size: 12px; font-weight: 500; top: 50%; transform: translateY(-50%);}

    #locationFloorSection{padding: 100px 0;}
    #locationFloorSection .bg-wrap{display: none;}
    #locationFloorSection .section-title .sub-title{margin-bottom: 10px; font-size: 14px;}
    #locationFloorSection .section-title .main-title{font-size: 21px; margin-bottom: 15px;}
    #locationFloorSection .floor-content{flex-direction: column; margin-top: 50px;}
    #locationFloorSection .left-area{margin-top: 0; width: auto;}
    #locationFloorSection .right-area {width: auto;}
    #locationFloorSection .active-overlay{display: none;}
    #locationFloorSection .building-wrap{display: none;}
    #locationFloorSection .floor-nav{width: 100%; padding-inline: 30px; margin-left: 0; flex-direction: row-reverse; gap: 7px;}
    #locationFloorSection .floor-nav li{position: static; flex: 1; justify-content: center; background: url(../img/mn_flr_btn.webp) center/contain no-repeat;}
    #locationFloorSection .floor-nav li.active{opacity: 1; background: url(../img/mn_flr_btn_on.webp) center/contain no-repeat;}
    #locationFloorSection .floor-nav .line{display: none;}
    #locationFloorSection .floor-nav .desc{display: none;}
    #locationFloorSection .floor-nav li .tit{font-size: 16px;}
    #locationFloorSection .floor-nav li.active .tit{color: #111;}
    #locationFloorSection .floor-display{margin: 30px 0 10px; text-align: left; padding-inline: 30px;}
    #locationFloorSection .floor-display .current{font-size: 20px; font-family: "EB Garamond", serif; color: #151515; opacity: 1;}
    #locationFloorSection .floor-display .current-desc{margin-left: 10px; font-size: 15px; color: #151515;}
    #locationFloorSection .floor-display .total{display: none;}
    #locationFloorSection .slider-container{padding-inline: 30px;}
    #locationFloorSection .slide-item{padding: 0 5px;}
    #locationFloorSection .slide-item img{width: 300px !important; height: 230px !important; object-fit: cover;}
    #locationFloorSection .progress-container{max-width: 300px; margin-top: 20px; margin-left: 5px; height: 3px;}

    #productSection{flex-direction: column;}
    #productSection .left-img{width: 100%; aspect-ratio: 961/706;}
    #productSection .right-txt{width: 100%;}
    #productSection .right-txt .txt-inner{padding: 70px 0;}
    #productSection .right-txt .sub-title{font-size: 13px; margin-bottom: 20px;}
    #productSection .right-txt .sub-title span{font-weight: 600;}
    #productSection .right-txt .main-title{font-size: 27px; margin-bottom: 20px;}
    #productSection .right-txt .btn-round{height: 45px; padding: 0 20px;}
    #productSection .right-txt .btn-round img{width: 105px;}

    #reviewSection{padding: 100px 0 0;}
    #reviewSection .inner-wrap{padding: 0 0 120px;}
    #reviewSection .section-title{margin-bottom: 30px;}
    #reviewSection .section-title .sub-title{font-size: 14px; margin-bottom: 10px;}
    #reviewSection .section-title .main-title{font-size: 21px; margin-bottom: 15px;}
    #reviewSection .slide-item{width: 230px; padding: 0 5px;}
    #reviewSection .review-card{height: 272px; border-radius: 18px; padding: 35px;}
    #reviewSection .review-card.bg-light,
    #reviewSection .review-card.bg-dark{gap: 10px;}
    #reviewSection .review-card .img-wrap img{width: 100%;}
    #reviewSection .review-card .txt{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
    #reviewSection .review-card .hover-overlay{border-radius: 18px;}
    #reviewSection .progress-container{bottom: -30px; width: 270px; height: 4px;}

    #mediaArchiveSection{padding: 30px 0;}
    #mediaArchiveSection .inner-wrap{padding: 0 80px;}
    #mediaArchiveSection .section-title{margin-bottom: 30px;}
    #mediaArchiveSection .section-title .sub-title{font-size: 14px; margin-bottom: 10px;}
    #mediaArchiveSection .section-title .main-title{font-size: 21px; margin-bottom: 15px;}
    #mediaArchiveSection .btn-group{display: none;}
    #mediaArchiveSection .slide-count{display: none;}
    #mediaArchiveSection .slide-item{padding: 0 5px;}
    #mediaArchiveSection .bottom-controls{width: 215px; margin-inline: auto; height: 4px; margin-top: 35px;}
    #mediaArchiveSection .progress-container{width: 215px; height: 4px;}
    #mediaArchiveSection .media-card.text-card{padding: 15px;}
    #mediaArchiveSection .media-card{height: 200px; border-radius: 12px;}
    #mediaArchiveSection .media-card .category{font-size: 13px; margin-bottom: 8px;}
    #mediaArchiveSection .media-card .tit{font-size: 20px; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    #mediaArchiveSection .media-card .desc{font-size: 12px; max-height: 3em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #mediaArchiveSection .media-card .card-ft{margin-top: 35px;}
    #mediaArchiveSection .media-card .num{font-size: 22px;}
    #mediaArchiveSection .media-card .hover-arrow{bottom: 15px; right: 15px; width: 38px; height: 38px;}
    
    #mapSection .inner-wrap{gap: 30px;}
    #mapSection .map-area{width: 100%;}
    #mapSection .info-area{width: 100%; padding-inline: 30px;}
    #mapSection .address,
    #mapSection .subway,
    #mapSection .parking{margin-left: 0;}
    #mapSection .app-btns{flex-direction: column;}
    #mapSection .btn-app{justify-content: start; padding-left: 30px; width: 55%; max-width: 200px; border-color: #ededed; font-size: 14px; font-weight: 600;}
    #mapSection .btn-app:nth-child(2) img{margin-right: 11px}
    #mapSection .btn-app:nth-child(3) img{margin-right: 17px;}
    #mapSection .block-tit{font-size: 18px; margin-bottom: 15px;}
    #mapSection .address{font-size: 16px; line-height: 1.5;}
    #mapSection .subway{font-size: 16px; margin-bottom: 15px;}
    #mapSection .subway img{width: 20px; height: 20px;}
    #mapSection .subway .line-circle{border-width: 1px; width: 20px; height: 20px; font-size: 14px;}
    #mapSection .parking{font-size: 14px; line-height: 1.5;}
    #mapSection .time-list li{font-size: 14px;}
    #mapSection .time-list li .day{width: 50px;}
    #mapSection .time-list li .badge{padding: 0 6px; height: 20px; font-size: 11px;}
    #mapSection .time-list li .time{margin-right: 8px;}
    #mapSection .notice{font-size: 13px;}
    #mapSection .tel{font-size: 28px;}

    #footer{background: url(../img/ft_m_bg.webp) center/cover no-repeat;}
    #footer .f-logo img{width: 80%; margin-inline: auto;}
    #footer .f-links li{padding: 0 12px;}
    #footer .f-links li a{font-size: 13px;}
    #footer .f-info span{padding: 0 7px;}
    #footer .f-info span::after{display: none;}
    #footer .f-info{font-size: 13px; row-gap: 8px;}
    #footer .f-info span:nth-child(3){width: 100%;}
    #footer .f-info span:nth-child(3)::after{display: none;}
    #footer .f-copy{line-height: 1.4; font-size: var(--fs-12);}
    .quick-menu{scale: 0.8; right: 10px; bottom: 10px;}
}

@media(max-width: 768px){
    #historySection{padding: 90px 0 60px;}
    #historySection .section-title h2{font-size: 19px;}
    #historySection .section-title h2 .point-num{font-size: 32px;}
    #historySection .section-title p{font-size: 12px;}
    #doctorSection{padding: 80px 0 340px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap{bottom: -75%;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .quote{margin-bottom: 15px; font-size: 13px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .name{margin-bottom: 10px; font-size: 18px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .name strong{font-size: 20px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap .desc{margin-bottom: 15px; font-size: 11px;}
    #coreSolution .title-area{padding: 35px 0 10px;}
    #coreSolution .solution-list li .li-inner{padding: 12px 15px;}
    #coreSolution .solution-list li .right-group{width: 48%;}
    #coreSolution .solution-list li .text-group .kr-title{font-size: 13px;}
    #coreSolution .solution-list li .text-group .en-title{font-size: 17px;}
    #coreSolution .solution-list li .desc-group .desc-sub{font-size: 10px;}
    #coreSolution .solution-list li .desc-group .desc-main{font-size: 12px;}
    #storySection{padding-top: 70px;}
    #storySection .title-wrap{margin-bottom: 30px;}
    #storySection .title-wrap .main-title{font-size: 19px;}
    #storySection .title-wrap .desc{font-size: 11px;}
    #storySection .tag-list li .tag-item{height: 34px; padding: 0 14px; font-size: 11px;}
    #storySection .tag-list li img{height: 34px;}
    #storySection .marquee-container{padding-bottom: 50px;}
    #storySection .stem-cell-area{padding: 0 15px; margin: 0 auto 70px;}
    #storySection .stem-cell-area .inner-wrap{padding: 70px 15px;}
    #storySection .stem-cell-area .content-box .main-title{font-size: 18px;}
    #storySection .stem-cell-area .content-box .desc{font-size: 12px;}
    #globalSection .inner-wrap{padding: 50px 20px;}
    #globalSection .main-title{font-size: 24px;}
    #globalSection .desc{font-size: 11px;}
    #globalSection .desc strong{font-size: 13px;}
    #globalSection .acc-header{padding: 12px 15px;}
    #globalSection .acc-header .tit{font-size: 12px;}
    #globalSection .accordion-item.on .acc-header{padding: 20px 15px 8px;}
    #globalSection .body-inner{padding: 0 15px 20px;}
    #globalSection .body-inner .img-area{width: 85px;}
    #globalSection .body-inner .img-area .num{font-size: 24px;}
    #globalSection .body-inner .img-area .plus{font-size: 16px;}
    #locationFloorSection{padding: 70px 0;}
    #locationFloorSection .section-title .main-title{font-size: 19px;}
    #locationFloorSection .floor-nav{padding-inline: 15px;}
    #locationFloorSection .floor-nav li .tit{font-size: 13px;}
    #locationFloorSection .floor-display{padding-inline: 15px; margin: 20px 0 10px;}
    #locationFloorSection .floor-display .current{font-size: 17px;}
    #locationFloorSection .floor-display .current-desc{font-size: 13px;}
    #locationFloorSection .slider-container{padding-inline: 15px;}
    #locationFloorSection .slide-item img{width: 250px !important; height: 190px !important;}
    #locationFloorSection .progress-container{max-width: 250px;}
    #productSection .right-txt .txt-inner{padding: 50px 15px;}
    #productSection .right-txt .main-title{font-size: 22px;}
    #productSection .right-txt .btn-round{height: 40px; padding: 0 18px;}
    #productSection .right-txt .btn-round img{width: 90px;}
    #reviewSection{padding: 70px 0 0;}
    #reviewSection .inner-wrap{padding: 0 0 80px;}
    #reviewSection .section-title .main-title{font-size: 19px;}
    #reviewSection .slide-item{width: 200px;}
    #reviewSection .review-card{height: 240px; padding: 25px;}
    #reviewSection .review-card .txt{font-size: 12px;}
    #reviewSection .progress-container{width: 220px;}
    #mediaArchiveSection{padding: 20px 0;}
    #mediaArchiveSection .inner-wrap{padding: 0 20px;}
    #mediaArchiveSection .section-title .main-title{font-size: 19px;}
    #mediaArchiveSection .media-card{height: 170px;}
    #mediaArchiveSection .media-card.text-card{padding: 12px;}
    #mediaArchiveSection .media-card .category{font-size: 11px;}
    #mediaArchiveSection .media-card .tit{font-size: 16px;}
    #mediaArchiveSection .media-card .desc{font-size: 11px;}
    #mediaArchiveSection .media-card .card-ft{margin-top: 20px;}
    #mediaArchiveSection .media-card .num{font-size: 18px;}
    #mediaArchiveSection .bottom-controls{width: 180px; margin-top: 25px;}
    #mediaArchiveSection .progress-container{width: 180px;}
    #mapSection .inner-wrap{gap: 20px;}
    #mapSection .info-area{padding-inline: 15px;}
    #mapSection .block-tit{font-size: 16px;}
    #mapSection .address{font-size: 14px;}
    #mapSection .subway{font-size: 14px;}
    #mapSection .parking{font-size: 13px;}
    #mapSection .btn-app{width: 100%; height: 45px; max-width: 200px; font-size: 13px;}
    #mapSection .time-list li{font-size: 13px;}
    #mapSection .tel{font-size: 24px;}
    #footer{padding: 50px 0;}
    #footer .f-logo img{width: 70%;}
    #footer .f-links li{padding: 0 8px;}
    #footer .f-links li a{font-size: 12px;}
    #footer .f-info{font-size: 12px;}
}
@media(max-width: 425px){
    #mainVisual video{width: 100%; aspect-ratio: 9/16; height: unset;}
    #doctorSection .doctor-slider .slide-item .img-wrap .img-doc{height: 190px;}
    #doctorSection .doctor-slider .slide-item .txt-wrap{bottom: -140%;}
}