/* html, body {overflow-x: hidden; width: 100%;} */
#main_page {overflow-x: hidden; width: 100%;background-color: #FFFEFA;}

.mn-intro {width: 100%; height: 100vh; min-height: 850px; display: flex; align-items: center; background-image: url(../img/intro_bg01.webp); background-repeat: no-repeat; background-size: cover; background-position: center;}
.mn-intro .inner {width: 100%; margin: 0 auto; padding-left: 152px; box-sizing: border-box; display: flex; align-items: center;}
.mn-intro .inner .mn-intro-text {display: flex; flex-direction: column; align-items: flex-start; gap: 24px;}
.mn-intro .inner .mn-intro-text p {color: #FFF; font-family: var(--ff-nanummyeongjo); font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}
.mn-intro .inner .mn-intro-text h3 {color: #FFF; font-family: "Cormorant Garamond"; font-size: 112px; font-style: normal; font-weight: 400; line-height: 120px;}

.mn-sec-01 {position: relative; width: 100%; padding: 180px 0; box-sizing: border-box; }
.mn-sec-01::before {content: ''; position: absolute; top: 180px; left: -1080px; width: 100%; height: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 1;}
.mn-sec-01::after {content: ''; position: absolute; bottom: 180px; left: 1120px; width: 100%; height: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 1;}
.mn-sec-01 .inner {position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; z-index: 2;}
.mn-sec-01 .inner .sec-content {position: relative; width: 100%; max-width: 1440px; margin: 0 auto; min-height: 612px; display: flex; justify-content: center; align-items: stretch; box-sizing: border-box;}
.mn-sec-01 .inner .sec-content::before {content: ''; position: absolute; top: -180px; bottom: -180px; left: 0px; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}
.mn-sec-01 .inner .sec-content::after {content: ''; position: absolute; top: -180px; bottom: -180px; right: 0px; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}
.mn-sec-01 .inner .sec-content .sec-01-left {position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-left: 46px; box-sizing: border-box;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text {height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 182px;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text .text-top .sub-title {display: block; color: var(--Point, #275FAA);font-family: "Cormorant Garamond";font-size: 22px;font-style: normal;font-weight: 500;line-height: 32px; margin-bottom: 20px;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text .text-top .title {color: #333;font-family: var(--ff-notoserif);font-size: 42px;font-style: normal;font-weight: 600;line-height: 64px;white-space: nowrap;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text .info {padding-bottom: 12px;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text .info span {display: block; color: #333;font-family: SUIT;font-size: 20px;font-style: normal;font-weight: 700;line-height: normal; margin-bottom: 13px;}
.mn-sec-01 .inner .sec-content .sec-01-left .left-text .info h4 {color: #333;font-family: SUIT;font-size: 42px;font-style: normal;font-weight: 700;line-height: normal;}
.mn-sec-01 .inner .sec-content .sec-01-middle {position: relative; flex-shrink: 0; max-width: 465px; margin: 0 53px 0 110px; display: flex; justify-content: center; align-items: center;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-wrap {position: relative; width: 465px; height: 612px;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-container {position: relative; width: 500px; height: 680px;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-box {position: absolute; top: 0; left: 0; width: 100%; max-width: 446px; height: 590px; z-index: 2; overflow: hidden;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-box img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-box1 {position: absolute; top: 0; left: 0; width: 100%; max-width: 446px; height: 100%; z-index: 2; overflow: hidden; background-color: #F8FAFC;}
.mn-sec-01 .inner .sec-content .sec-01-middle .img-box1 img {width: 100%; height: 100%; object-fit: cover; display: block;}
.mn-sec-01 .inner .sec-content .sec-01-middle .bg-box {position: absolute; top: 25px; left: 35px; width: 100%; max-width: 430px; height: 587px; background-color: #CCD7E5; z-index: 1;}
.mn-sec-01 .inner .sec-content .sec-01-middle .bg-box img {display: none;}
.mn-sec-01 .inner .sec-content .sec-01-right {position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 55px; box-sizing: border-box;}
.mn-sec-01 .inner .sec-content .sec-01-right .desc {color: var(--Text_basic, #2F2F2F);font-family: SUIT;font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px; padding-bottom: 32px;}
.mn-sec-01 .inner .sec-content .sec-01-right a {position: relative; display: inline-flex; align-items: center; margin-top: 20px; align-self: flex-start; text-decoration: none; padding-bottom: 4px; padding-right: 8px;}
.mn-sec-01 .inner .sec-content .sec-01-right a .view-btn {position: relative; display: inline-block; color: var(--Text_basic, #2F2F2F);font-family: "Cormorant Garamond";font-size: 22px;font-style: normal;font-weight: 500;line-height: 34px; white-space: nowrap; transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), letter-spacing 0.4s ease;}
.mn-sec-01 .inner .sec-content .sec-01-right a::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #2F2F2F; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); transform-origin: right center;}
.mn-sec-01 .inner .sec-content .sec-01-right a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--Point, #275FAA); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.mn-sec-01 .inner .sec-content .sec-01-right a:hover .view-btn {color: var(--Point, #275FAA); transform: translateX(5px); letter-spacing: 1px;}
.mn-sec-01 .inner .sec-content .sec-01-right a:hover::before {transform: scaleX(0);}
.mn-sec-01 .inner .sec-content .sec-01-right a:hover::after {transform: scaleX(1);}

.sec-title-box {display: flex; flex-direction: column; align-items: center; gap: 16px;}
.sec-title-box .sub-title {color: var(--Text_basic, #2F2F2F); text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: 34px;}
.sec-title-box .title {color: var(--Point, #275FAA); text-align: center; font-family: "Cormorant Garamond"; font-size: 68px; font-style: normal; font-weight: 500; line-height: 80px;}

.journey-title-box {display: flex; flex-direction: column; align-items: center;}
.journey-title-box .sub-title {color: var(--Text_basic, #2F2F2F); text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: 34px;padding-bottom: 12px;}
.journey-title-box .title {color: var(--Point, #275FAA); text-align: center; font-family: "Cormorant Garamond"; font-size: 68px; font-style: normal; font-weight: 500; line-height: 80px;}

.mn-sec-02 {position: relative; width: 100%; display: flex; justify-content: center; padding-top: 203px; padding-bottom: 400px; background-image: url(../img/sig_bg.webp); background-repeat: no-repeat; background-size: cover; background-position: center; box-sizing: border-box; overflow: hidden;}
.mn-sec-02::before {content: ''; position: absolute; top: 432px; left: 0; width: 100%; height: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 1;}
.mn-sec-02 .inner {position: relative; display: flex; flex-direction: column; align-items: center; gap: 100px; width: 100%; max-width: 1440px; z-index: 1;}
.mn-sec-02 .inner::before {content: ''; position: absolute; top: -203px; bottom: -400px; left: 0; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}
.mn-sec-02 .inner::after {content: ''; position: absolute; top: -203px; bottom: -400px; right: 0; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}
.mn-sec-02 .inner .sig-list {display: flex; flex-direction: column; align-items: flex-start; gap: 100px; align-self: stretch;}
.mn-sec-02 .inner .sig-list .sig-item {position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.mn-sec-02 .inner .sig-list .sig-item:not(:last-child)::after {content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none;z-index: 2;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box {width: 100%; max-width: 640px; padding-left: 50px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sub-desc {display: block; color: var(--Text_basic, #2F2F2F); font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: 32px; padding-bottom: 14px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sig-title {color: var(--Point, #275FAA); font-family: "Cormorant Garamond"; font-size: 58px; font-style: normal; font-weight: 500; line-height: 60px; padding-bottom: 44px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sig-desc {color: var(--Text_light, #595959);font-family: SUIT;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px; padding-bottom: 44px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sig-desc strong{color: var(--Text_basic, #2F2F2F);font-weight: 600;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list {display: flex; flex-wrap: wrap; gap: 18px; padding-bottom: 58px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list li {display: flex;justify-content: center;align-items: center;color: var(--brown, #3D3131);font-family: SUIT;font-size: 18px;font-style: normal;font-weight: 600;line-height: 26px; }
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a {position: relative; display: inline-flex; align-items: center; color: var(--Point, #275FAA); font-family: "Cormorant Garamond"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 34px; text-decoration: none; padding-bottom: 2px; padding-right: 8px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a .view-btn {position: relative; display: inline-block; white-space: nowrap; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), letter-spacing 0.4s ease;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--Point, #275FAA); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); transform-origin: right center;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--Point, #275FAA); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a:hover .view-btn {transform: translateX(5px); letter-spacing: 1px;}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a:hover::before {transform: scaleX(0);}
.mn-sec-02 .inner .sig-list .sig-item .sig-text-box a:hover::after {transform: scaleX(1);}
.mn-sec-02 .inner .sig-list .sig-item .sig-img-box {position: relative;}
.mn-sec-02 .inner .sig-list .sig-item .sig-img-box .bg-num {position: absolute; color: var(--Line, #CCD7E5); font-family: Optima; font-size: 120px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 4.8px; z-index: 1;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .bg-num, .mn-sec-02 .inner .sig-list .sig-item-01 .sig-img-box .bg-num {top: 50px; left: -70px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-text-box { padding-left:0; width: 100%; max-width: 640px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(2) {gap: 200px; justify-content:flex-start; white-space: nowrap;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .bg-num, .mn-sec-02 .inner .sig-list .sig-item-02 .sig-img-box .bg-num {bottom: 50px; right: -75px; left: auto;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .img-wrap .img-box, .mn-sec-02 .inner .sig-list .sig-item-02 .sig-img-box .img-wrap .img-box {max-width: 523px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .bg-num, .mn-sec-02 .inner .sig-list .sig-item-03 .sig-img-box .bg-num {top: 110px; left: -70px; color: var(--White, #FFF);}
.mn-sec-02 .inner .sig-list .sig-item .sig-img-box .img-wrap {position: relative;}
.mn-sec-02 .inner .sig-list .sig-item .sig-img-box .img-wrap .img-box img {width: 100%; object-fit: cover;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .img-wrap .img-box, .mn-sec-02 .inner .sig-list .sig-item-01 .sig-img-box .img-wrap .img-box {max-width: 641px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap .img-box1, .mn-sec-02 .inner .sig-list .sig-item-03 .sig-img-box .img-wrap .img-box1 {max-width: 211px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap .img-box2, .mn-sec-02 .inner .sig-list .sig-item-03 .sig-img-box .img-wrap .img-box2 {max-width: 513px;}
.mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap, .mn-sec-02 .inner .sig-list .sig-item-03 .sig-img-box .img-wrap {display: flex; align-items: flex-end; gap: 26px;}

.mn-sec-03 {position: relative; width: 100%; display: flex; justify-content: center; align-items: center; padding: 0 0 152px; box-sizing: border-box;}
.mn-sec-03::before {content: ''; position: absolute; top: -260px; left: 50%; transform: translateX(-50%); width: 140%; height: calc(100% + 260px); background-color: #FFFEFA; border-radius: 50% 50% 0 0 / 850px 850px 0 0; z-index: 2;}
.mn-sec-03 .inner {position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1812px; box-sizing: border-box;}
.mn-sec-03 .inner::before {content: ''; position: absolute; top: -200px; bottom: -152px; left: calc(50% - 720px); width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 3;}
.mn-sec-03 .inner::after {content: ''; position: absolute; top: -200px; bottom: -152px; right: calc(50% - 720px); width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 3;}
.mn-sec-03 .inner .philo-list {display: flex; align-items: center; min-height: 686px; gap: 30px;z-index: 5;padding: 0 54px;}
.mn-sec-03 .inner .philo-list .philo-item {position: relative; flex: 1; max-width: 584px; display: flex; align-items: center;}
.mn-sec-03 .inner .philo-list .philo-item .list-box {position: relative; width: 100%; overflow: hidden; cursor: pointer;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .img-box {position: relative; width: 100%; max-width: 584px; height: 562px; background-color: #E2E8F0; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: height 0.6s cubic-bezier(0.33, 1, 0.68, 1); will-change: height; transform: translateZ(0);}
.mn-sec-03 .inner .philo-list .philo-item .list-box .img-box img {width: 100%; height: 686px; object-fit: cover; object-position: center center; flex-shrink: 0; transition: filter 0.5s ease; will-change: filter;}
.mn-sec-03 .inner .philo-list .philo-item:hover .list-box .img-box {height: 686px;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box {position: absolute; left: 0; top: 126px; width: 100%; box-sizing: border-box; text-align: center; color: #FFF; z-index: 2; pointer-events: none; transition: top 0.6s cubic-bezier(0.33, 1, 0.68, 1); will-change: top;}
.mn-sec-03 .inner .philo-list .philo-item:hover .list-box .txt-box {top: 188px;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box .philo-title {color: var(--White, #FFF);text-align: center;font-family: SUIT;font-size: 30px;font-style: normal;font-weight: 600;line-height: 46px; margin-bottom: 34px;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box .philo-desc {position: absolute; left: 0; top: 100%; width: 100%;box-sizing: border-box; color: var(--White, #FFF); text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; word-break: keep-all; opacity: 0; visibility: hidden; transform: translateY(15px); transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box .philo-desc strong{font-weight: 700;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box .philo-desc .desc-strong{display: block; margin-top: 10px;}
.mn-sec-03 .inner .philo-list .philo-item .list-box .txt-box .philo-desc .gap-br {display: block;height: 10px;}
.mn-sec-03 .inner .philo-list .philo-item:hover .list-box .txt-box .philo-desc {opacity: 1; visibility: visible; transform: translateY(0px);}
.mn-sec-03 .inner .journey-box {width: 100%; max-width: 1400px; display: flex; flex-direction: column; align-items: center; gap: 80px; padding-top: 140px; box-sizing: border-box;}
.mn-sec-03 .inner .journey-box .journey-title-box .title {padding-bottom: 30px;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav {display: flex; align-items: center; gap: 16px;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li {text-align: center; font-family: var(--ff-suit); font-size: 22px; font-style: normal; font-weight: 700; line-height: 34px; background: linear-gradient(to right, #275FAA 0%, #275FAA 35%, #4C7BB8 48%, #A8B8CC 52%, #C3C3C3 65%, #C3C3C3 100%); background-size: 200% 100%; background-position: 100% 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.active {background-position: 0% 0; transform: scale(1.08); transition: background-position 2.0s linear, transform 0.3s ease;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.hovered {background-position: 0% 0 !important; transform: scale(1.08); transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.is-filled {background-position: 0% 0; transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line {background: linear-gradient(to right, #275FAA 0%, #275FAA 35%, #4C7BB8 48%, #B0BFD0 52%, #CCCCCC 65%, #CCCCCC 100%); background-size: 200% 100%; background-position: 100% 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1); cursor: default;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line.active {background-position: 0% 0; transition: background-position 1.0s linear;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line.is-filled {background-position: 0% 0; transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.mn-sec-03 .inner .journey-box .journey-list {display: flex; flex-direction: column; gap: 28px; width: 100%;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item {display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius: 100px; padding: 16px 50px 16px 20px; box-sizing: border-box; opacity: 0; transform: translateY(35px); transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.35s ease, box-shadow 0.35s ease;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item.is-active {opacity: 1; transform: translateY(0);}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(1) {background-color: #F3F1EB; transition-delay: 0.1s;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(2) {background-color: #EFEDE5; transition-delay: 0.25s;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(3) {background-color: #E8E5DC; transition-delay: 0.4s;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(4) {background-color: #E4E1D7; transition-delay: 0.55s;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item.highlight, .mn-sec-03 .inner .journey-box .journey-list .journey-item:hover {transform: translateX(10px) translateY(0); box-shadow: 0 12px 28px rgba(156, 135, 114, 0.22); transition-delay: 0s !important; transition-duration: 0.35s !important;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(1).highlight, .mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(1):hover {background-color: #FAF8F3;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(2).highlight, .mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(2):hover {background-color: #F7F5EE;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(3).highlight, .mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(3):hover {background-color: #F0EDE4;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(4).highlight, .mn-sec-03 .inner .journey-box .journey-list .journey-item:nth-child(4):hover {background-color: #ECE8DD;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left {display: flex; align-items: center; gap: 26px;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left .num-badge {width: 90px; height: 90px; border-radius: 50%; background: #FFFEFA; display: flex; justify-content: center; align-items: center; color: #5D4A4A; text-align: center; font-family: Optima; font-size: 26px; font-style: normal; font-weight: 550; line-height: 40px; transition: background-color 0.5s ease, color 0.5s ease, transform 0.4s ease;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item.highlight .journey-left .num-badge, .mn-sec-03 .inner .journey-box .journey-list .journey-item:hover .journey-left .num-badge {background: #9C8772; color: #FFF;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left .journey-title {color: #3D3131;text-align: center;font-family: "Cormorant Garamond";font-size: 32px;font-style: normal;font-weight: 500;line-height: 40px;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-desc {color: var(--Text_light, #595959); font-family: SUIT; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px;}
.mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-desc strong {color: var(--Text_basic, #2F2F2F); font-family: SUIT; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li {background: linear-gradient(to right, #275FAA 0%, #275FAA 35%, #4C7BB8 48%, #A8B8CC 52%, #C3C3C3 65%, #C3C3C3 100%) !important;background-size: 200% 100% !important;background-position: 100% 0 !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;cursor: pointer;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.active {background-position: 0% 0 !important;transform: scale(1.08) !important;transition: background-position 2.0s linear, transform 0.3s ease !important;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.hovered {background-position: 0% 0 !important;transform: scale(1.08) !important;transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.is-filled {background-position: 0% 0 !important;transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line {background: linear-gradient(to right, #275FAA 0%, #275FAA 35%, #4C7BB8 48%, #B0BFD0 52%, #CCCCCC 65%, #CCCCCC 100%) !important;background-size: 200% 100% !important;background-position: 100% 0 !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;cursor: default;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line.active {background-position: 0% 0 !important;transition: background-position 1.0s linear !important;}
.mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line.is-filled {background-position: 0% 0 !important;transition: background-position 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;}


.mn-sec-04 {position: relative; width: 100%; box-sizing: border-box;}
.mn-sec-04 .inner {position: relative; width: 100%; max-width: 1440px; margin: 0 auto; box-sizing: border-box; z-index: 2;}
.mn-sec-04 .inner::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}
.mn-sec-04 .inner::after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background-color: #CCD7E5; opacity: 0.5; pointer-events: none; z-index: 2;}

@media (max-width: 1024px) {

    .sec-title-box {gap: 10px;}
    .sec-title-box .sub-title {font-size: 16px; line-height: 24px;}
    .sec-title-box .title {font-size: 54px; line-height: 64px;}

    .mn-intro {height: 100vh; height: 100svh; min-height: 560px; box-sizing: border-box;}
    .mn-intro .inner {height: 100%; min-height: 100svh; padding: 100px 20px clamp(80px, 13vh, 130px) 20px; box-sizing: border-box; justify-content: flex-start; align-items: flex-end;}
    .mn-intro .inner .mn-intro-text {gap: 16px; width: 100%; overflow: visible;}
    .mn-intro .inner .mn-intro-text p {font-size: 18px; line-height: 1.5; word-break: keep-all; padding: 4px 0; overflow: visible;}
    .mn-intro .inner .mn-intro-text h3 {font-size: clamp(38px, 11vw, 50px); line-height: 1.35; word-break: keep-all; padding: 8px 0; overflow: visible;}

    .mn-sec-01 {padding: 170px 20px;}
    .mn-sec-01::before {display: none}
    .mn-sec-01::after {display: none;}
    .mn-sec-01 .inner {width: 100%;}
    .mn-sec-01 .inner .sec-content {width: 100%; max-width: 100%; min-height: auto; display: flex; flex-direction: column; align-items: flex-start;}
    .mn-sec-01 .inner .sec-content::before {display: block; top: -170px; bottom: -170px;}
    .mn-sec-01 .inner .sec-content::after {display: block; top: -170px; bottom: -170px;}
    .mn-sec-01 .inner .sec-content .sec-01-left {display: contents;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text {display: contents;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .text-top {order: 1; padding-bottom: 68px;padding-left: 16px;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .text-top .sub-title {font-size: 18px;line-height: 24px;margin-bottom: 12px;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .text-top .title {font-size: 30px;line-height: 46px;white-space: normal;}
    .mn-sec-01 .inner .sec-content .sec-01-middle {order: 2;width: 100%;max-width: 100%;margin: 0 auto 68px auto;display: flex;justify-content: center;box-sizing: border-box;}
    .mn-sec-01 .inner .sec-content .sec-01-middle .img-wrap {position: relative;width: 100%;max-width: 480px;aspect-ratio: 320 / 422;height: auto;}
    .mn-sec-01 .inner .sec-content .sec-01-middle .img-box {position: absolute;top: 0;left: 0;width: calc(100% - 20px);height: calc(100% - 20px);max-width: 100%;}
    .mn-sec-01 .inner .sec-content .sec-01-middle .bg-box {position: absolute;top: 20px;left: 20px;width: calc(100% - 20px);height: calc(100% - 20px);max-width: 100%;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .info {order: 3; padding-bottom: 24px; padding-left: 16px;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .info span {font-size: 20px;margin-bottom: 12px;}
    .mn-sec-01 .inner .sec-content .sec-01-left .left-text .info h4 {font-size: 34px;}
    .mn-sec-01 .inner .sec-content .sec-01-right {order: 4; width: 100%; padding-left: 16px;}
    .mn-sec-01 .inner .sec-content .sec-01-right .desc {font-size: 17px;line-height: 25px;padding-bottom: 24px;word-break: keep-all;letter-spacing: -0.02em;}
    .mn-sec-01 .inner .sec-content .sec-01-right a {margin-top: 0;}
    .mn-sec-01 .inner .sec-content .sec-01-right a .view-btn {font-size: 16px; line-height: 24px;}

    .mn-sec-02 {padding: 170px 20px 350px;}
    .mn-sec-02::before {top: 347px;}
    .mn-sec-02 .inner {gap: 80px; width: 100%;}
    .mn-sec-02 .inner::before, .mn-sec-02 .inner::after {display: block; top: -170px; bottom: -350px;}
    .mn-sec-02 .inner .sig-list {gap: 100px; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item {flex-direction: column; align-items: flex-start; gap: 60px; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:not(:last-child)::after {display: block; bottom: -100px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-img-box {order: 1; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-img-box .bg-num {font-size: 60px; letter-spacing: 2px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .bg-num {top: 30px;left: 245px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .bg-num {left: 61px;top: 336px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .bg-num {top: 28px;left: 266px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-img-box .img-wrap {width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .img-wrap {display: flex;width: 100%;justify-content: flex-end;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .img-wrap .img-box {max-width: 282px; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .img-wrap .img-box {max-width: 302px; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap {display: flex; gap: 12px; width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap .img-box1 {max-width: 94px;width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap .img-box2 {max-width: 302px;width: 100%;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box {order: 2; width: 100%; max-width: 100%;padding-left: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-text-box{padding-left: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) {gap: 60px; white-space: normal; padding-left: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sub-desc {font-size: 16px;line-height: 24px;padding-bottom: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sig-title {font-size: 45px;line-height: 46px;padding-bottom: 30px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .sig-desc {font-size: 18px;line-height: 26px;padding-bottom: 30px;word-break: keep-all;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list { display: flex;flex-direction: column;justify-content: start;justify-items: start;gap: 16px;width: fit-content;padding-bottom: 40px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list li {width: fit-content; font-size: 16px; line-height: 24px; text-align: center; white-space: nowrap;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list.mo {display: flex !important; flex-direction: column; gap: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list.mo .tag-row {display: flex;align-items: flex-start;flex-direction: column;gap: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box a .view-btn {font-size: 18px; line-height: 28px;}

    .mn-sec-03 {width: 100%;padding: 35px 20px 100px 20px;box-sizing: border-box;}
    .mn-sec-03::before {top: -220px;width: 160%;height: calc(100% + 70px);border-radius: 50% 50% 0 0 / 350px 350px 0 0;}
    .mn-sec-03 .inner {width: 100%;gap: 60px;}
    .mn-sec-03 .inner::before, 
    .mn-sec-03 .inner::after {display: block; top: -220px; bottom: -100px;}
    .mn-sec-03 .inner::before {left: 0;}
    .mn-sec-03 .inner::after {right: 0;}
    .mn-sec-03 .inner .philo-list.mo {display: flex !important;flex-direction: row !important;align-items: center;min-height: 380px;gap: 20px;width: calc(100% + 40px);margin: 0 -20px;padding: 0 45px;box-sizing: border-box;overflow-x: auto !important;overflow-y: hidden !important;scrollbar-width: none;-ms-overflow-style: none;touch-action: pan-y !important;-webkit-overflow-scrolling: auto !important;cursor: grab;}
    .mn-sec-03 .inner .philo-list.mo:active {cursor: grabbing;}
    .mn-sec-03 .inner .philo-list.mo::-webkit-scrollbar {display: none;}
    .mn-sec-03 .inner .philo-list.mo .philo-item {display: flex;align-items: center;flex: 0 0 306px !important;width: 306px !important;max-width: 306px !important;}
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box {position: relative;width: 100%;overflow: hidden;}
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box .img-box {position: relative;width: 100%;height: 294px;overflow: hidden;transition: height 0.45s cubic-bezier(0.25, 1, 0.5, 1);will-change: height;transform: translateZ(0);}
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box .img-box img {display: block;width: 100%;height: 100%;object-fit: cover;transition: filter 0.4s ease;}
    .mn-sec-03 .inner .philo-list.mo .philo-item.active .list-box .img-box {height: 360px !important;}
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box .txt-box {position: absolute;top: 70px;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;text-align: center;z-index: 2;}
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box .txt-box .philo-title {font-size: 22px;line-height: 34px; font-weight: 700; margin: 0; }
    .mn-sec-03 .inner .philo-list.mo .philo-item .list-box .txt-box .philo-desc {position: absolute;left: 0;top: calc(100% + 20px);width: 100%;padding: 0 20px;box-sizing: border-box;text-align: center;font-size: 16px;line-height: 24px;word-break: keep-all;opacity: 0;visibility: hidden;transform: translateY(12px);transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;}
    .mn-sec-03 .inner .philo-list.mo .philo-item.active .list-box .txt-box .philo-desc {opacity: 1 !important; visibility: visible !important; transform: translateY(0px) !important;}
    .mn-sec-03 .inner .journey-box { padding-top: 170px; gap: 60px; width: 100%; }
    .mn-sec-03 .inner .journey-box .journey-title-box .title { font-size: 54px; line-height: 64px; padding-bottom: 20px; }
    .mn-sec-03 .inner .journey-title-box .sub-title { font-size: 16px; line-height: 24px; }
    .mn-sec-03 .inner .journey-box .journey-title-box .step-nav { gap: 10px; }
    .mn-sec-03 .inner .journey-box .journey-title-box .step-nav li {font-size: 16px;line-height: 24px;background: none !important;-webkit-text-fill-color: initial !important;-webkit-background-clip: initial !important;color: var(--Text_basic, #2F2F2F) !important;transform: none !important;transition: none !important;cursor: default;}
    .mn-sec-03 .inner .journey-box .journey-title-box .step-nav li.line {background: none !important;-webkit-text-fill-color: initial !important;-webkit-background-clip: initial !important;color: var(--Text_basic, #2F2F2F) !important;transform: none !important;transition: none !important;}    
    .mn-sec-03 .inner .journey-box .journey-list { gap: 20px; width: 100%; }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item {flex-direction: column;align-items: center;text-align: center;border-radius: 24px;padding: 32px 20px;gap: 26px;opacity: 0;transform: translateY(35px) translateZ(0);transition: opacity 0.7s cubic-bezier(0.25, 1, 0.5, 1), transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.4s ease, box-shadow 0.4s ease;will-change: transform, opacity;backface-visibility: hidden;}
    .mn-sec-03 .inner .journey-box .journey-list .journey-item.is-visible {opacity: 1;transform: translateY(0) translateZ(0);}
    .mn-sec-03 .inner .journey-box .journey-list .journey-item.highlight {transform: translateY(-6px) translateZ(0) !important;box-shadow: 0 12px 28px rgba(156, 135, 114, 0.22);}
    .mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left { flex-direction: column; align-items: center; gap: 10px; }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left .num-badge { width: 50px; height: 50px; font-size: 16px; line-height: 24.444px; transition: background-color 0.4s ease, color 0.4s ease, transform 0.3s ease; }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item.highlight .journey-left .num-badge { background: #9C8772; color: #FFF; transform: scale(1.08); }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-left .journey-title { font-size: 26px; line-height: 38px; }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-desc { font-size: 18px; line-height: 26px; word-break: keep-all; text-align: center; }
    .mn-sec-03 .inner .journey-box .journey-list .journey-item .journey-desc strong { font-size: 18px; line-height: 26px; }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .mn-sec-01 .inner .sec-content .sec-01-middle .img-wrap {max-width: 560px;}

    .mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .img-wrap .img-box {max-width: 480px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(1) .sig-img-box .bg-num {left: 410px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .img-wrap .img-box {max-width: 500px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(2) .sig-img-box .bg-num {left: auto; right: 450px; bottom: 30px; top: auto;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap {max-width: 560px; gap: 16px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .img-wrap .img-box2 {max-width: 500px;}
    .mn-sec-02 .inner .sig-list .sig-item:nth-child(3) .sig-img-box .bg-num {left: 465px; right: auto;}
    .mn-sec-02 .inner .sig-list .sig-item .sig-text-box .tag-list {width: 100%; max-width: 420px;}

    .mn-sec-03 .inner .philo-list.mo .philo-item {flex: 0 0 360px !important; width: 360px !important; max-width: 360px !important;}
}