#main_page{position: relative; width: 100%; background-color: #241E17; overflow: clip;} #main_page img{display: block; width: 100%; height: auto; object-fit: cover;} #main_page .mn-sec-hero{position: relative; width: 100%; height: 1999px; background: #241E17 url('../img/main_hero_bg.webp') no-repeat center top / cover; overflow: hidden; margin-bottom: 140px;} #main_page .mn-sec-hero .hero-bg-ring{position: absolute; top: 1259px; left: 50%; z-index: 0; width: 2108px; height: 2108px; background: url('../img/main_line.svg') no-repeat center center / contain; transform: translateX(-50%); pointer-events: none;} #main_page .mn-sec-hero .hero-inner{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 300px; width: 100%; padding: 367px 0 0; box-sizing: border-box; margin: 0 auto;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap{display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; padding: 0 160px;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap .hero-title-main{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-92); font-weight: 400; line-height: 1.14; text-transform: uppercase; color: #ffffff; letter-spacing: -4.6px;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap .hero-title-sub{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-56); font-weight: 300; line-height: 1.21; color: #ffffff; letter-spacing: -2.8px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap{display: flex; justify-content: center; align-items: flex-end; gap: 48px; width: 100%; margin: 0 auto;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col{position: relative;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-left{flex-shrink: 0; width: 361px; height: 434px; border-radius: 140px 0 0 0; overflow: hidden;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center{display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding-bottom: 60px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center .col-center-inner{width: 482px; height: 580px; padding: 0; box-sizing: border-box; border-radius: 140px 140px 0 0; overflow: hidden; box-shadow: 0 70px 44px rgba(0, 0, 0, 0.25);} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center .col-center-inner .hero-img{border-radius: 130px 130px 0 0;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-right{flex-shrink: 0; width: 361px; height: 434px; border-radius: 0 140px 0 0; overflow: hidden;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col .hero-img{width: 100%; height: 100%; object-fit: cover;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap{display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; max-width: 907px; text-align: center;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-lead{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-32); font-weight: 200; line-height: 1.35; color: #E3D4C0; letter-spacing: -0.32px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-lead strong{font-weight: 500;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-sub{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 200; line-height: 1.5; color: #E3D4C0; letter-spacing: -0.24px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-sub strong{font-weight: 500;} #main_page .mn-sec-method{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 180px 0 180px; box-sizing: border-box; margin-top: -140px; border-radius: 140px 140px 0 0; background: #FEF8F3 url(../img/sec_method_bg.webp) center center / cover no-repeat; overflow: visible;} #main_page .mn-sec-method .method-inner{position: relative; display: flex; flex-direction: column; align-items: center; gap: 140px; width: 100%; margin: 0 auto;} #main_page .mn-sec-method .method-inner .method-header{position: relative; display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; max-width: 1600px; padding: 0 40px; box-sizing: border-box; margin: 0 auto; text-align: center;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-symbol{position: relative; display: flex; justify-content: center; align-items: center; width: 36px; height: 50px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-symbol .symbol-img{display: block; width: 36px; height: 50px; object-fit: contain;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap{position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap .method-title-main{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-58); font-weight: 400; line-height: normal; text-transform: uppercase; color: #3B2D2A; letter-spacing: -1.16px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap .method-title-sub{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-46); font-weight: 300; line-height: normal; text-transform: uppercase; color: #3B2D2A; letter-spacing: -0.92px;} #main_page .mn-sec-method .method-inner .method-header .method-lead-text{ margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 300; line-height: normal; color: #3B2D2A; text-align: center; letter-spacing: -0.24px;} #main_page .mn-sec-method .method-inner .method-header .method-lead-text strong{font-weight: 500;} #main_page .mn-sec-method .method-inner .method-cards-wrap{position: relative; display: flex; justify-content: center; width: 100%;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item{position: sticky; top: 110px; display: flex; justify-content: center; align-items: center; width: 100%; height: 650px; overflow: hidden; will-change: transform;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item:last-child{margin-bottom: 0;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-see{z-index: 10;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-envision{z-index: 20;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-refine{z-index: 30;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-reveal{z-index: 40;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-bg{position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-see .card-bg{background: url('../img/method_card_01.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-envision .card-bg{background: url('../img/method_card_02.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-refine .card-bg{background: url('../img/method_card_03.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-reveal .card-bg{background: url('../img/method_card_04.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner{position: relative; z-index: 1; width: 100%; max-width: 1920px; height: 100%; display: flex; align-items: end; justify-content: end; margin: 0 auto; padding-bottom: 100px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; max-width: 657px; box-sizing: border-box;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-step-title{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-60); font-weight: 300; line-height: 1; text-transform: uppercase; color: #ffffff; letter-spacing: -0.6px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-step-title.txt{position: relative; left: -5px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-headline{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-30); font-weight: 100; line-height: 1.33; color: #ffffff; letter-spacing: -0.3px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-headline strong{font-weight: 400;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-desc{margin: 0; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 200; line-height: 1.69; color: #ffffff; letter-spacing: -0.18px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-desc strong{font-weight: 400;} #main_page .mn-sec-method .method-inner .method-footer{position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; max-width: 1600px; padding: 0 40px; box-sizing: border-box; margin: 0 auto; text-align: center;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-note{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-20); font-weight: 400; line-height: 1.77; color: #3B2D2A; text-align: center; letter-spacing: -0.18px;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-lead{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 200; line-height: 1.33; color: #3B2D2A; text-align: center; letter-spacing: -0.24px;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-lead strong{font-weight: 400;} #main_page .mn-sec-phases{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; min-height: 1000px; padding: 180px 0; box-sizing: border-box; background: #FFFBF8 url('../img/main_phases_bg.webp') no-repeat center center / cover; overflow: hidden;} #main_page .mn-sec-phases .phases-inner{position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto;} #main_page .mn-sec-phases .phases-inner .phases-content{position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; max-width: 900px; text-align: center;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-symbol{position: relative; display: flex; justify-content: center; align-items: center; width: 36px; height: 50px;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-symbol .symbol-img{display: block; width: 36px; height: 50px; object-fit: contain;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap{position: relative; display: flex; justify-content: center; align-items: center; width: 100%;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap .phases-title{display: flex; align-items: center; margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-58); font-weight: 400; line-height: 68px; text-transform: uppercase; color: #3B2D2A; text-align: center; letter-spacing: -1.16px;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap .phases-title .light{font-weight: 300;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap .phases-title .bold{font-weight: 400;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap{position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-lead-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-32); font-weight: 300; line-height: 52px; color: #3B2D2A; text-align: center; letter-spacing: -0.32px;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-lead-text strong{font-weight: 500;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-desc-text{margin: 0; font-family: var(--ff-pretendard); font-size: var(--fz-24); font-weight: 300; line-height: 42px; color: #3B2D2A; text-align: center; letter-spacing: -0.24px;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-desc-text strong{font-weight: 500;} #main_page .mn-sec-phases-cards{width: 100%; background-color: #EEE6DF; overflow: hidden;} #main_page .mn-sec-phases-cards .phases-cards-inner{display: flex; width: 100%; margin: 0 auto;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col{position: relative; flex: 1 1 calc(100% / 3); width: calc(100% / 3); height: 920px; overflow: hidden; transform: translateZ(0); backface-visibility: hidden;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap{position: relative; display: block; width: 100%; height: 100%; cursor: pointer;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-bg{position: absolute; top: 0; left: -1px; z-index: 1; width: calc(100% + 2px); height: 100%; overflow: hidden; backface-visibility: hidden;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-bg .col-img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.001) translate3d(0, 0, 0); backface-visibility: hidden; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-overlay{position: absolute; top: 0; left: -1px; z-index: 2; width: calc(100% + 2px); height: 100%; background: linear-gradient(0deg, rgba(195, 168, 129, 0.9) 0%, rgba(195, 168, 129, 0.9) 100%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap{position: absolute; top: 782px; left: 50%; z-index: 3; display: flex; justify-content: center; align-items: baseline; transform: translateX(-50%); transition: top 0.5s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap .init-char{font-family: var(--ff-trajan); font-size: var(--fz-58); font-weight: 300; line-height: 1; color: #ffffff;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap .rest-char{margin-left: 2px; font-family: var(--ff-trajan); font-size: var(--fz-28); font-weight: 400; line-height: 1; letter-spacing: 0.05em; color: #ffffff;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content{position: absolute; bottom: 70px; left: 50%; z-index: 3; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 30px; opacity: 0; transform: translateX(-50%) translateY(24px); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap{display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 36px; text-align: center;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap .col-slogan{font-family: var(--ff-trajan); font-size: var(--fz-42); font-weight: 300; line-height: 1.25; color: #ffffff; text-align: center; letter-spacing: -0.9px;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap .col-desc{font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 400; line-height: 1.77; color: #ffffff; text-align: center; word-break: keep-all; letter-spacing: -0.18px;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn{display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; border-bottom: 1px solid #ffffff;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-text{font-family: var(--ff-trajan); font-size: var(--fz-14); font-weight: 400; line-height: 1; letter-spacing: 0.05em; color: #ffffff; letter-spacing: -0.14px;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-arrow{display: inline-flex; align-items: center; transition: transform 0.3s ease;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-arrow .arrow-img{display: block; width: 6px; height: 14px; object-fit: contain;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn:hover .more-arrow{transform: translateX(4px);} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-bg .col-img{transform: scale(1.04) translate3d(0, 0, 0);} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-hover-overlay{opacity: 1;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-title-wrap{top: 60px;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-hover-content{opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto;} #main_page .mn-sec-precision{width: 100%; padding: 160px 0; box-sizing: border-box; background-color: #FEF8F3;} #main_page .mn-sec-precision .precision-inner{position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 80px; width: 100%; max-width: 1600px; padding: 0 40px 0 0; box-sizing: border-box; margin: 0 auto;} #main_page .mn-sec-precision .precision-inner .precision-col-left{position: sticky; top: 140px; display: flex; flex-direction: column; width: 100%; max-width: 630px;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap{display: flex; flex-direction: column; gap: 20px; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header{display: flex; flex-direction: column; align-items: flex-start; gap: 32px; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-symbol{display: flex; justify-content: flex-start; align-items: center; width: 36px; height: 50px;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-symbol .symbol-img{display: block; width: 36px; height: 50px; object-fit: contain;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-title{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-58); line-height: 72px; text-transform: uppercase; color: #3B2D2A;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-title .light{font-weight: 300;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-title .bold{font-weight: 400;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group{display: flex; flex-direction: column; align-items: flex-start; gap: 120px; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap .precision-lead-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-32); font-weight: 300; line-height: 46px; color: #3B2D2A;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap .precision-sub-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-20); font-weight: 300; line-height: 30px; color: #444444; word-break: keep-all;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn{display: inline-flex; justify-content: center; align-items: center; gap: 15px; padding: 12px 32px 10px; border-radius: 4px 14px 4px 14px; background-color: #BFA77C; transition: background-color 0.3s ease; height: 52px;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn:hover{background-color: #a89166;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn .more-text{font-family: var(--ff-trajan); font-size: var(--fz-22); font-weight: 400; line-height: 1; color: #ffffff;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn .more-arrow{display: inline-flex; align-items: center; transition: transform 0.3s ease;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn .more-arrow .arrow-img{display: block; width: 9px; height: 18px; object-fit: contain;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-more-btn:hover .more-arrow{transform: translateX(4px);} #main_page .mn-sec-precision .precision-inner .precision-col-right{display: flex; flex-direction: column; align-items: flex-start; gap: 80px; width: 480px; padding-top: 80px; box-sizing: border-box;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item{display: flex; flex-direction: column; align-items: flex-start; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap{position: relative; width: 480px; height: 260px; border-radius: 20px 0 0 0; background-color: #C4C4C4; overflow: hidden;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap .card-thumb-img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item:hover .card-thumb-wrap .card-thumb-img{transform: scale(1.04);} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap .card-thumb-icon{position: absolute; top: 20px; left: 25px; z-index: 2; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; pointer-events: none;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap .card-thumb-icon .card-icon-img{display: block; width: 38px; height: 38px; object-fit: contain;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap{display: flex; flex-direction: column; align-items: flex-start; gap: 0px; width: 100%; margin-top: 25px;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap .card-info-title{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-32); font-weight: 400; line-height: 1.25; text-transform: uppercase; color: #3B2D2A;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap .card-info-desc{margin: 0; font-family: var(--ff-pretendard); font-size: var(--fz-20); font-weight: 400; line-height: 1.8; color: #444444; word-break: keep-all;} #main_page .mn-sec-cases{width: 100%; padding: 160px 0 140px; box-sizing: border-box; background: #FFFBF8 url('../img/main_cases_bg.webp') no-repeat center center / cover;} #main_page .mn-sec-cases .cases-inner{position: relative; display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1600px; box-sizing: border-box; margin: 0 auto;} #main_page .mn-sec-cases .cases-inner .cases-header{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap{display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-symbol{display: flex; justify-content: center; align-items: center; width: 36px; height: 50px;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-symbol .symbol-img{display: block; width: 36px; height: 50px; object-fit: contain;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title{margin: 0; font-family: var(--ff-trajan); font-size: var(--fz-58); line-height: 72px; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title .light{font-weight: 300;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title .bold{font-weight: 400;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-sub-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-32); font-weight: 300; line-height: 46px; color: #3B2D2A; text-align: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-sub-text strong{font-weight: 500;} #main_page .mn-sec-cases .cases-inner .cases-slider-container{position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 130px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-nav-arrow{display: flex; justify-content: center; align-items: center; width: 78px; height: 75px; padding: 0; margin-top: 218.5px; border: none; border-top-left-radius: 19px; border-top-right-radius: 5px; border-bottom-right-radius: 19px; border-bottom-left-radius: 5px; background-color: #BFA77C; cursor: pointer; transition: background-color 0.3s ease;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-nav-arrow:hover{background-color: #ab9267;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-nav-arrow.arrow-prev{border-top-left-radius: 5px; border-top-right-radius: 19px; border-bottom-right-radius: 5px; border-bottom-left-radius: 19px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-nav-arrow .arrow-img{display: block; width: auto; max-width: 32px; height: auto; max-height: 40px; object-fit: contain; pointer-events: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap{position: relative; width: 100%; max-width: 1020px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper{width: 100%; overflow: hidden;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper{display: flex;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide{display: flex; justify-content: center; flex-shrink: 0; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider{display: flex; flex-direction: column; align-items: center; gap: 25px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame{position: relative; width: 100%; height: 512px; border-radius: 20px; overflow: hidden; user-select: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap.before-wrap{z-index: 2; clip-path: inset(0 50% 0 0);} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap.after-wrap{z-index: 1;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap .compare-img{width: 100%; height: 100%; object-fit: cover;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-caption{display: flex; justify-content: center; align-items: center; gap: 4px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-caption .caption-title{font-family: var(--ff-sandoll); font-size: var(--fz-28); font-weight: 500; line-height: 42px; letter-spacing: -0.28px; color: #444444;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap .compare-tag{position: absolute; bottom: 50px; z-index: 3; display: flex; justify-content: center; align-items: center; user-select: none; pointer-events: none; font-family: var(--ff-sandoll); font-size: var(--fz-26); font-weight: 500; line-height: 32px; color: #ffffff; letter-spacing: 1.04px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap .compare-tag.before-tag{left: 25%; transform: translateX(-50%);} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap .compare-tag.after-tag{left: 75%; transform: translateX(-50%);} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar{position: absolute; top: -33px; left: 50%; z-index: 5; transform: translateX(-50%); width: 46px; height: 578px; pointer-events: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-line{position: absolute; top: 11px; left: 50%; transform: translateX(-50%); width: 2px; height: 551px; background: linear-gradient(to bottom, #967741 0, #967741 22px, #ffffff 22px, #ffffff 534px, #967741 534px, #967741 100%);} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-line::before{position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #967741; content: '';} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-line::after{position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #967741; content: '';} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-knob{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 50%; background-color: #967741;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-knob .knob-icon{display: block; flex-shrink: 0; width: 32px; height: 32px; object-fit: contain; pointer-events: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-range-input{position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 512px; margin: 0; opacity: 0; cursor: ew-resize;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo{display: none;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc{display: flex; justify-content: center; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn{display: inline-flex; justify-content: center; align-items: center; gap: 15px; padding: 12px 32px 10px; border-radius: 4px 14px 4px 14px; background-color: #BFA77C; transition: background-color 0.3s ease; height: 52px;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn:hover{background-color: #a89166;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn .more-text{font-family: var(--ff-trajan); font-size: var(--fz-22); font-weight: 400; line-height: 1; color: #ffffff;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn .more-arrow{display: inline-flex; align-items: center; transition: transform 0.3s ease;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn .more-arrow .arrow-img{display: block; width: 9px; height: 18px; object-fit: contain;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc .cases-more-btn:hover .more-arrow{transform: translateX(4px);} #main_page .mn-sec-cases .cases-inner .cases-empty-wrap{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1020px; height: 320px; border-radius: 20px; background-color: #F6F2EE;} #main_page .mn-sec-cases .cases-inner .cases-empty-wrap .cases-empty-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 400; color: #888888; text-align: center;} #main_page .mn-sec-space{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 160px 0 140px; background-color: #F6F2EE;} #main_page .mn-sec-space .space-inner{display: flex; flex-direction: column; align-items: center; gap: 120px; width: 100%;} #main_page .mn-sec-space .space-inner .space-header{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1600px; padding: 0 40px; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-title{margin-bottom: 60px; font-family: var(--ff-trajan); font-size: var(--fz-58); font-weight: 400; line-height: 1.17; letter-spacing: -0.02em; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-title .title-row{display: inline;} #main_page .mn-sec-space .space-inner .space-header .space-title .regular{font-weight: 400;} #main_page .mn-sec-space .space-inner .space-header .space-title .light{font-weight: 300;} #main_page .mn-sec-space .space-inner .space-header .space-sub-title{margin-bottom: 32px; font-family: var(--ff-trajan); font-size: var(--fz-28); font-weight: 400; line-height: normal; letter-spacing: -0.01em; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap{display: flex; flex-direction: column; align-items: center; gap: 28px; width: 100%; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-desc-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-20); font-weight: 300; line-height: 1.55; color: #444444; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap{display: flex; flex-direction: column; align-items: center; gap: 8px;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-quote-text{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-20); font-weight: 500; line-height: 1.4; color: #444444; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-desc-sub{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-20); font-weight: 300; line-height: 1.55; color: #444444; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-desc-sub strong{font-weight: 500;} #main_page .mn-sec-space .space-inner .space-content-wrap{display: flex; flex-direction: column; align-items: center; gap: 100px; width: 100%;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap{position: relative; width: 100%; overflow: hidden;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper{width: 100%; overflow: visible;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-wrapper{align-items: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide{display: flex; justify-content: center; align-items: center; width: 1280px; height: 690px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card{position: relative; width: 1023px; height: 490px; border-radius: 12px; background-color: #C4C4C4; overflow: hidden; transition: width 1.2s cubic-bezier(0.25, 1, 0.5, 1), height 1.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s ease;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-active .space-slide-card, #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-duplicate-active .space-slide-card{width: 1280px; height: 690px; opacity: 1;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-img-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-img-wrap .card-img{width: 100%; height: 100%; object-fit: cover;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption{position: absolute; bottom: 80px; left: 90px; z-index: 2; display: flex; flex-direction: column; gap: 4px; opacity: 0; pointer-events: none; transition: opacity 0.8s ease;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-active .space-slide-card .card-caption, #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-duplicate-active .space-slide-card .card-caption{opacity: 1;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption .card-title{font-family: var(--ff-trajan); font-size: var(--fz-42); font-weight: 400; line-height: 1; text-transform: uppercase; color: #ffffff;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption .card-desc{font-family: var(--ff-trajan); font-size: var(--fz-26); font-weight: 400; line-height: 34px; color: #ffffff;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap{position: static;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn{position: absolute; top: 50%; z-index: 10; display: flex; justify-content: center; align-items: center; width: 78px; height: 75px; border: none; border-radius: 20px 6px 20px 6px; background-color: #BFA77C; cursor: pointer; transition: background-color 0.3s ease;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn.nav-prev{left: max(20px, calc(50% - 758px)); transform: translateY(-50%);} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn.nav-next{right: max(20px, calc(50% - 758px)); transform: translateY(-50%);} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn:hover{background-color: #ab9267;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn .arrow-img{display: block; width: 18px; height: 35px; object-fit: contain;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1600px; padding: 0 40px; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title{margin-bottom: 60px; font-family: var(--ff-trajan); font-size: var(--fz-36); font-weight: 400; line-height: 1.33; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title .regular{font-weight: 400;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title .light{font-weight: 300;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc{display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-strong{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 500; line-height: 1.33; color: #3B2D2A; text-align: center; word-break: keep-all; letter-spacing: -0.24px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-sub{margin: 0; font-family: var(--ff-sandoll); font-size: var(--fz-24); font-weight: 300; line-height: 1.33; color: #3B2D2A; text-align: center; word-break: keep-all; letter-spacing: -0.24px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-sub strong{font-weight: 500;} @media(min-width: 1921px){ #main_page .mn-sec-hero{height: 90vw; } #main_page .mn-sec-hero .hero-inner{gap: 15.625vw; padding: 19.1146vw 0 0;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap{gap: 4.166vw;} #main_page .mn-sec-hero .hero-bg-ring{top: 58vw;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item{height: 33.854vw;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner{padding-bottom: 6.208vw;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col{height: 47.9167vw;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap{top: calc(100% - 138px);} } @media(max-width: 1024px){ #main_page .mn-sec-hero{min-height: auto; height: 1390px; padding: 392px 0 0 ; background: url(../img/main_hero_bg_mo_new.webp) center top / cover no-repeat; margin-bottom: 0;} #main_page .mn-sec-hero .hero-inner{gap: 40px; padding: 0 ; justify-content: center; align-items: center;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap{gap: 14px; padding: 0 20px ;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap .hero-title-main{font-size: 32px; line-height: 1.15; letter-spacing: -2px; line-height: normal;} #main_page .mn-sec-hero .hero-inner .hero-title-wrap .hero-title-sub{font-size: 26px; line-height: 1.25; letter-spacing: -1.3px; white-space: nowrap; line-height: normal;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap{gap: 60px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap{align-items: flex-end; gap: 12px; padding-top: 100px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-left{flex: 1 33%; height: 155px; border-radius: 30px 0 0 0;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center{flex: 1 33%; padding-bottom: 80px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center .col-center-inner{width: 100%; height: 155px; padding: 0; border-radius: 30px 30px 0 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.35);} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-center .col-center-inner .hero-img{border-radius: 30px 30px 0 0;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-gallery-wrap .hero-img-col.col-right{flex: 1 1 33%; height: 155px; border-radius: 0 30px 0 0;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap{gap: 10px;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-lead{font-size: 23px; line-height: 32px; word-break: keep-all; font-weight: 100;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-sub{font-size: 18px; line-height: 28px; word-break: keep-all; font-weight: 100;} #main_page .mn-sec-hero .hero-inner .hero-bottom-wrap .hero-slogan-wrap .hero-slogan-sub strong{font-weight: 400;} #main_page .mn-sec-hero .hero-bg-ring{background: url(../img/main_line_mo.svg) center center / contain no-repeat; width: 394px; height: 197px; top: auto; bottom: 370px;} #main_page .mn-sec-method{width: 100%; padding: 60px 0 0; margin-top: -60px; border-radius: 50px 50px 0 0; background-color: #FDF6EF;} #main_page .mn-sec-method .method-inner{gap: 40px;} #main_page .mn-sec-method .method-inner .method-header{gap: 12px; padding: 0 20px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap{gap: 24px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-symbol{width: 25px; height: 34px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-symbol .symbol-img{width: 25px; height: 34px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap{gap: 8px;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap .method-title-main{font-size: 34px; line-height: normal; letter-spacing: -0.68px; color: #3B2D2A;} #main_page .mn-sec-method .method-inner .method-header .method-header-wrap .method-title-wrap .method-title-sub{font-size: 23px; line-height: 34px; letter-spacing: -0.46px; color: #3B2D2A;} #main_page .mn-sec-method .method-inner .method-header .method-lead-text{font-size: 18px; line-height: 32px; letter-spacing: -0.18px; color: #3B2D2A; word-break: keep-all;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track{background-color: #241E17;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item{position: relative; top: auto; display: flex; justify-content: center; align-items: center; width: 100%; height: 95.2vw; overflow: hidden; will-change: auto;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item:not(:first-child){margin-top: -1px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-see .card-bg{background: url('../img/method_card_01_mo.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-envision .card-bg{background: url('../img/method_card_02_mo.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-refine .card-bg{background: url('../img/method_card_03_mo.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item.card-reveal .card-bg{background: url('../img/method_card_04_mo.webp') no-repeat center center / cover;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; box-sizing: border-box; text-align: center;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-step-title{font-size: 28px; line-height: 1; text-transform: uppercase; color: #ffffff; text-align: center;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-step-title.txt{position: relative; left: 0px;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-align: center;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-headline{font-size: 18px; line-height: 32px; letter-spacing: -0.18px; color: #ffffff; text-align: center; word-break: keep-all; font-weight: 100;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-headline strong{font-weight: 400;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-desc{font-size: 14px; font-weight: 200; line-height: 26px; letter-spacing: -0.14px; color: #ffffff; text-align: center; word-break: keep-all;} #main_page .mn-sec-method .method-inner .method-cards-wrap .method-card-track .method-card-item .card-inner .card-content .card-text-wrap .card-desc strong{font-weight: 400;} #main_page .mn-sec-method .method-inner .method-footer{display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; padding: 80px 0 100px; box-sizing: border-box; margin: 0 auto; text-align: center;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-note{font-size: 18px; font-weight: 500; line-height: 32px; letter-spacing: -0.18px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-lead{font-size: 23px; font-weight: 300; line-height: 34px; letter-spacing: -0.23px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-method .method-inner .method-footer .method-summary-lead strong{font-weight: 500;} #main_page .mn-sec-phases{display: flex; justify-content: center; align-items: flex-start; min-height: 545px; padding: 120px 20px 0; box-sizing: border-box;} #main_page .mn-sec-phases .phases-inner{display: flex; justify-content: center; align-items: center; width: 100%;} #main_page .mn-sec-phases .phases-inner .phases-content{display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; max-width: 320px; text-align: center;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; text-align: center;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-symbol{display: flex; justify-content: center; align-items: center; width: 25px; height: 34px;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-symbol .symbol-img{display: block; width: 25px; height: 34px; object-fit: contain;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap{display: flex; justify-content: center; width: 100%;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-header-wrap .phases-title-wrap .phases-title{display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 34px; line-height: normal; letter-spacing: -0.68px; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-title-wrap .phases-title .light{font-weight: 300;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-title-wrap .phases-title .bold{font-weight: 400;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap{display: flex; flex-direction: column; align-items: center; gap: 18px; width: 100%; text-align: center;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-lead-text{font-size: 23px; font-weight: 300; line-height: 34px; letter-spacing: -0.23px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-lead-text strong{font-weight: 500;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-desc-text{font-size: 18px; font-weight: 300; line-height: 32px; letter-spacing: -0.18px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-phases .phases-inner .phases-content .phases-text-wrap .phases-desc-text strong{font-weight: 500;} #main_page .mn-sec-phases-cards .phases-cards-inner{display: flex; flex-direction: column; width: 100%;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col{position: relative; flex: none; width: 100%; height: 480px; overflow: hidden;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap{position: relative; z-index: 1; display: block; width: 100%; height: 100%; text-decoration: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-bg{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-bg picture{display: block; width: 100%; height: 100%;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-bg .col-img{width: 100%; height: 100%; opacity: 1; transform: none; transition: none; object-fit: cover;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-overlay{opacity: 0; pointer-events: none; transition: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap{position: absolute; top: 30px; left: 50%; z-index: 3; display: flex; justify-content: center; align-items: baseline; width: 100%; margin: 0; opacity: 1; transform: translateX(-50%); transition: none; pointer-events: auto;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap .init-char{font-family: var(--ff-trajan); font-size: 28px; font-weight: 400; line-height: 1; color: #ffffff; text-transform: uppercase;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap .rest-char{margin-left: 0; font-family: var(--ff-trajan); font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: 0; color: #ffffff; text-transform: uppercase;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-title-wrap.reveal{padding-right: 0;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content{position: absolute; top: 320px; bottom: auto; left: 50%; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 25px; width: 100%; padding: 0 20px; box-sizing: border-box; opacity: 1; transform: translateX(-50%); transition: none; pointer-events: auto;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap{display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; margin: 0; text-align: center;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap .col-slogan{margin: 0; font-family: var(--ff-trajan); font-size: 24px; font-weight: 400; line-height: 1; letter-spacing: 0; color: #ffffff; text-align: center; text-transform: uppercase;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-slogan-wrap .col-desc{margin: 0; font-family: var(--ff-pretendard); font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0; color: #ffffff; text-align: center; word-break: keep-all;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn{display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; border-bottom: 1px solid #ffffff;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-text{font-family: var(--ff-trajan); font-size: 14px; font-weight: 300; line-height: 1; letter-spacing: 0; color: #ffffff; text-transform: uppercase;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-arrow{display: inline-flex; align-items: center; transform: none; transition: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn .more-arrow .arrow-img{display: block; width: 6px; height: 14px; object-fit: contain; padding-bottom: 2px;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-bg .col-img{transform: none;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-hover-overlay{opacity: 0;} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-title-wrap{top: 30px; transform: translateX(-50%);} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col:hover .col-link-wrap .col-hover-content{transform: translateX(-50%);} #main_page .mn-sec-phases-cards .phases-cards-inner .phases-card-col .col-link-wrap .col-hover-content .col-more-btn:hover .more-arrow{transform: none;} #main_page .mn-sec-precision{padding: 120px 0 60px; background-color: #FEF8F3;} #main_page .mn-sec-precision .precision-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; padding: 0 20px; box-sizing: border-box;} #main_page .mn-sec-precision .precision-inner .precision-col-left{position: static; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 100%; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap{display: flex; flex-direction: column; align-items: center; gap: 18px; width: 100%; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-symbol{display: flex; justify-content: center; align-items: center; width: 25px; height: 34px;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-symbol .symbol-img{display: block; width: 25px; height: 34px; object-fit: contain;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-header .precision-title{font-size: 34px; line-height: 1.15; letter-spacing: -0.68px; text-transform: uppercase; color: #3B2D2A; text-align: center; } #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group{display: flex; flex-direction: column; align-items: center; gap: 0; width: 100%; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap{display: flex; flex-direction: column; align-items: center; gap: 18px; width: 100%; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap .precision-lead-text{margin: 12px 0 0; font-size: 23px; font-weight: 300; line-height: 34px; letter-spacing: -0.23px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-precision .precision-inner .precision-col-left .precision-sticky-wrap .precision-desc-group .precision-text-wrap .precision-sub-text{font-size: 18px; font-weight: 300; line-height: 32px; letter-spacing: -1px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-precision .precision-inner .precision-col-right{display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; padding-top: 0; box-sizing: border-box; margin: 0 auto;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item{display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap{position: relative; width: 100%; height: 265px; border-radius: 30px 0 0 0; background-color: #DBDBDB; overflow: hidden;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap .card-thumb-icon{position: absolute; top: 20px; left: 20px; z-index: 2; width: 38px; height: 38px;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-thumb-wrap .card-thumb-icon .card-icon-img{display: block; width: 38px; height: 38px; object-fit: contain;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap{display: flex; flex-direction: column; align-items: center; gap: 0; width: 100%; margin-top: 0; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap .card-info-title{font-size: 23px; font-weight: 400; line-height: 1.3; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-card-item .card-info-wrap .card-info-desc{font-size: 18px; font-weight: 400; line-height: 32px; color: #444444; text-align: center; word-break: keep-all;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-more-btn.mo{display: inline-flex!important; justify-content: center; align-items: center; gap: 15px; padding: 12px 32px 10px; border-radius: 4px 14px 4px 14px; background-color: #BFA77C; text-decoration: none;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-more-btn .more-text{font-family: var(--ff-trajan); font-size: 18px; font-weight: 400; line-height: 1; color: #ffffff;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-more-btn .more-arrow{display: inline-flex; align-items: center;} #main_page .mn-sec-precision .precision-inner .precision-col-right .precision-more-btn .more-arrow .arrow-img{display: block; width: 9px; height: 18px; object-fit: contain;} #main_page .mn-sec-cases{width: 100%; padding: 120px 0 60px; box-sizing: border-box;} #main_page .mn-sec-cases .cases-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; padding: 0 20px; box-sizing: border-box;} #main_page .mn-sec-cases .cases-inner .cases-header{display: flex; flex-direction: column; align-items: center; gap: 38px; width: 100%; max-width: 297px; margin: 0 auto; text-align: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group{display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-symbol{display: flex; justify-content: center; align-items: center; width: 25px; height: 34px;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-symbol .symbol-img{display: block; width: 25px; height: 34px; object-fit: contain;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title{display: flex; flex-direction: column; align-items: center; gap: 2px; margin: 0; font-size: 34px; line-height: 1.15; letter-spacing: -0.68px; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title .title-row{display: flex; justify-content: center; align-items: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title .light{font-weight: 300;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-header-wrap .cases-title .bold{font-weight: 400;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-sub-text{margin: 0; font-size: 23px; font-weight: 300; line-height: 34px; letter-spacing: -0.23px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-text-group .cases-sub-text strong{font-weight: 500;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo{display: flex; justify-content: center; width: 100%; margin: 0;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo .cases-more-btn{display: inline-flex; align-items: center; gap: 10px; padding: 0 0 4px; border: none; border-bottom: 1px solid #3B2D2A; background: none; text-decoration: none;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo .cases-more-btn .more-text{font-family: var(--ff-trajan); font-size: 14px; font-weight: 400; line-height: 1; color: #3B2D2A; letter-spacing: 0;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo .cases-more-btn .more-arrow{display: inline-flex; align-items: center;} #main_page .mn-sec-cases .cases-inner .cases-header .cases-more-wrap.mo .cases-more-btn .more-arrow .arrow-img{display: block; width: 6px; height: 14px; object-fit: contain;} #main_page .mn-sec-cases .cases-inner .cases-more-wrap.pc{display: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container{gap: 0;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-nav-arrow{display: none;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame{height: 220px; border-radius: 10px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-caption .caption-title{font-size: 18px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .cases-compare-swiper .swiper-wrapper .swiper-slide .cases-compare-slider .compare-frame .compare-img-wrap .compare-tag{bottom: 16px; font-size: 15px; line-height: 20px; letter-spacing: 0.5px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar{top: -15px; height: 250px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-line{top: 5px; height: 240px; background: linear-gradient(to bottom, #967741 0, #967741 10px, #ffffff 10px, #ffffff 230px, #967741 230px, #967741 100%);} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-knob{width: 36px; height: 36px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-handle-bar .handle-knob .knob-icon{width: 24px; height: 24px;} #main_page .mn-sec-cases .cases-inner .cases-slider-container .cases-compare-wrap .compare-range-input{height: 220px;} #main_page .mn-sec-cases .cases-inner .cases-empty-wrap{height: 200px; border-radius: 14px;} #main_page .mn-sec-cases .cases-inner .cases-empty-wrap .cases-empty-text{font-size: 16px;} #main_page .mn-sec-space{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0 60px; background-color: #F6F2EE;} #main_page .mn-sec-space .space-inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%;} #main_page .mn-sec-space .space-inner .space-header{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 ; box-sizing: border-box; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-title{display: flex; flex-direction: column; align-items: center; gap: 2px; margin: 0 0 18px; font-family: var(--ff-trajan); font-size: 34px; font-weight: 400; line-height: normal; letter-spacing: -0.68px; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-title .title-row{display: block;} #main_page .mn-sec-space .space-inner .space-header .space-title .regular{font-weight: 400;} #main_page .mn-sec-space .space-inner .space-header .space-title .light{font-weight: 300;} #main_page .mn-sec-space .space-inner .space-header .space-sub-title{margin: 0 0 34px; font-family: var(--ff-trajan); font-size: 23px; font-weight: 300; line-height: normal; letter-spacing: 0; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap{display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%; margin: 0; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-desc-text{margin: 0; font-family: var(--ff-sandoll); font-size: 18px; font-weight: 300; line-height: 32px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap{display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; text-align: center;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-quote-text{margin: 0; font-family: var(--ff-sandoll); font-size: 18px; font-weight: 500; line-height: 32px; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-desc-sub{margin: 0; font-family: var(--ff-sandoll); font-size: 18px; font-weight: 300; line-height: 32px; color: #444444; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-header .space-desc-wrap .space-quote-wrap .space-desc-sub strong{font-weight: 500;} #main_page .mn-sec-space .space-inner .space-content-wrap{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap{position: relative; display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%; height: 305px; overflow: hidden;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper{width: 100%; height: 225px; overflow: visible;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-wrapper{height: 225px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide{display: flex; justify-content: center; align-items: center; width: 335px; height: 225px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card{position: relative; transform: scale(0.92); transform-origin: center center; width: 100%; height: 100%; border-radius: 14px; background-color: #DBDBDB; opacity: 0.6; overflow: hidden; transition: transform 0.6s ease, opacity 0.6s ease;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-active .space-slide-card, #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide.swiper-slide-duplicate-active .space-slide-card{transform: scale(1); width: 100%; height: 100%; opacity: 1;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption{position: absolute; top: auto; bottom: 20px; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 0 16px; box-sizing: border-box; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption .card-title{font-family: var(--ff-trajan); font-size: 23px; font-weight: 300; line-height: 1; text-transform: uppercase; color: #ffffff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-swiper .swiper-slide .space-slide-card .card-caption .card-desc{font-family: var(--ff-trajan); font-size: 18px; font-weight: 300; line-height: 26px; color: #ffffff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap{display: inline-flex; justify-content: center; align-items: center; gap: 15px; width: 100%; height: 48px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn{position: static; top: auto; bottom: auto; left: auto; right: auto; transform: none; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0; border: none; background-color: #BFA77C; cursor: pointer;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn.nav-prev{transform: translate(0); border-radius: 4px 12px 4px 12px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn.nav-next{transform: translate(0); border-radius: 12px 4px 12px 4px;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-slider-wrap .space-nav-wrap .space-nav-btn .arrow-img{display: block; width: 11px; height: 22px; object-fit: contain;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; padding: 0 20px; box-sizing: border-box; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title{margin: 0; font-family: var(--ff-trajan); font-size: 23px; line-height: 34px; letter-spacing: 0; text-transform: uppercase; color: #3B2D2A; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title .regular{font-weight: 400;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-title .light{font-weight: 300;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc{display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-strong{margin: 0; font-family: var(--ff-sandoll); font-size: 18px; font-weight: 500; line-height: 32px; letter-spacing: 0; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-sub{margin: 0; font-family: var(--ff-sandoll); font-size: 18px; font-weight: 300; line-height: 32px; letter-spacing: 0; color: #3B2D2A; text-align: center; word-break: keep-all;} #main_page .mn-sec-space .space-inner .space-content-wrap .space-footer-wrap .space-bottom-desc .bottom-desc-sub strong{font-weight: 500;} }