#main_page{display: flex; flex-direction: column; width: 100%;} #main_page .section-title-wrap{display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center;} #main_page .section-title-wrap .sec-en-tag{display: inline-flex; justify-content: center; align-items: center; font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;} #main_page .section-title-wrap .sec-main-title{font-family: var(--ff-pretendard); font-size: 44px; font-weight: 700; line-height: 1.36; letter-spacing: -0.02em; color: #FFFFFF;} #main_page .section-title-wrap .sec-sub-desc{margin-top: 24px; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.777; color: #ddd;} #main_page .btn-view-gold{display: inline-flex; justify-content: center; align-items: center; gap: 10px; height: 50px; padding: 0 28px; border-radius: 100px; background-color: #AF9775; transition: transform 0.3s ease, background-color 0.3s ease;} #main_page .btn-view-gold:hover{background-color: #9A8363;} #main_page .btn-view-gold .btn-txt{font-family: var(--ff-playfair); font-size: 16px; font-weight: 600; color: #FFFFFF;} #main_page .btn-view-gold .btn-arrow-icon{display: flex; align-items: center; justify-content: center; color: #FFFFFF;} #main_page .btn-view-line{display: inline-flex; justify-content: center; align-items: center; gap: 10px; height: 50px; padding: 0 28px; border: 1px solid var(--color-dark-gold); border-radius: 100px; transition: transform 0.3s ease, background-color 0.3s ease;} #main_page .btn-view-line:hover{border-color: var(--color-gold); background-color: var(--color-gold);} #main_page .btn-view-line:hover .btn-txt{color: #FFFFFF;} #main_page .btn-view-line:hover .btn-arrow-icon{color: #FFFFFF;} #main_page .btn-view-line .btn-txt{font-family: var(--ff-playfair); font-size: 16px; font-weight: 600; color: var(--color-dark-gold); transition: color 0.3s ease;} #main_page .btn-view-line .btn-arrow-icon{display: flex; align-items: center; justify-content: center; color: var(--color-gold); transition: color 0.3s ease;} #main_page .sec-main-visual{position: relative; display: block; width: 100%; aspect-ratio: 1920/920; background-color: #222;} #main_page .sec-main-visual .visual-slider{position: relative; z-index: 1; display: block; width: 100%; height: 100%;} #main_page .sec-main-visual .visual-slider .slick-list{position: relative; display: block; width: 100%; height: 100%; padding: 0; margin: 0; overflow-y: visible;} #main_page .sec-main-visual .visual-slider .slick-track{position: relative; top: 0; left: 0; display: block; width: 100%; height: 100%;} #main_page .sec-main-visual .visual-slider .visual-slide-item{position: relative; display: flex !important; justify-content: center; align-items: end; width: 100%; height: 100%; outline: none;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap .visual-bg-img{width: 100%; height: 100%; transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1); transform: scale(1); object-fit: cover;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap .visual-watermark{position: absolute; top: 250px; left: -50px; z-index: 2; opacity: 0.15; filter: blur(14px); mix-blend-mode: overlay; pointer-events: none; transition: transform 6s ease-out; font-family: var(--ff-playfair); font-size: 220px; font-weight: 400; line-height: 1; color: #F2F2F2; white-space: nowrap;} #main_page .sec-main-visual .visual-slider .visual-slide-item.slick-active .visual-bg-wrap .visual-watermark{transform: translateX(30px);} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner{position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: flex-end; width: 100%; max-width: 1600px; padding: 0 40px 167px; margin: 0 auto;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content{display: flex; flex-direction: column; gap: 40px;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-title-box{display: flex; flex-direction: column;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-lead{opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); font-family: var(--ff-playfair); font-size: 80px; font-weight: 400; line-height: 1.25; color: #FFFFFF;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-main{opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); font-family: var(--ff-playfair); font-size: 130px; font-weight: 400; line-height: 0.84; color: #FFFFFF;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-ko-desc{opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); font-family: var(--ff-noto-serif); font-size: 24px; font-weight: 500; line-height: 1.58; letter-spacing: -0.02em; color: #FFFFFF;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-branch-name{opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); font-family: var(--ff-noto-serif); font-size: 24px; font-weight: 500; line-height: 1.58; letter-spacing: -0.02em; color: #FFFFFF;} #main_page .sec-main-visual .visual-slider .visual-slide-item.slick-active .visual-inner .visual-content .visual-title-box .visual-en-lead{opacity: 1; transform: translateY(0); transition-delay: 0.2s;} #main_page .sec-main-visual .visual-slider .visual-slide-item.slick-active .visual-inner .visual-content .visual-title-box .visual-en-main{opacity: 1; transform: translateY(0); transition-delay: 0.35s;} #main_page .sec-main-visual .visual-slider .visual-slide-item.slick-active .visual-inner .visual-content .visual-ko-desc{opacity: 1; transform: translateY(0); transition-delay: 0.55s;} #main_page .sec-main-visual .visual-slider .visual-slide-item.slick-active .visual-inner .visual-branch-name{opacity: 1; transform: translateY(0); transition-delay: 0.65s;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-bg-wrap .visual-watermark{opacity: 0.12; color: #4C4948;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-content .visual-title-box .visual-en-lead{color: #53504F;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-content .visual-title-box .visual-en-main{color: #4C4948;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-content .visual-ko-desc{color: #4E4E4E;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-content .visual-ko-desc .desc-lead{color: #4E4E4E;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-content .visual-ko-desc .desc-tail{color: #7D7D7D;} #main_page .sec-main-visual .visual-slider .visual-slide-item.theme-dark-slide .visual-inner .visual-branch-name{color: #7D7D7D;} #main_page .bg-wrap{position: relative; z-index: 0; width: 100%; margin-top: calc(-90 / 1920 * 100%); background: url(../img/mn_bgwrap_bg.webp) center/cover no-repeat;} #main_page .sec-main-solution{display: flex; flex-direction: column; align-items: center; width: 100%; padding: calc(160px + (90 / 1920 * 100%)) 60px 80px; margin: 0 auto; gap: 80px;} #main_page .sec-main-solution .solution-card-list{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 1800px; gap: 32px;} #main_page .sec-main-solution .solution-card-list .solution-card-item{display: flex; flex-direction: column; align-items: center; gap: 24px;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box{position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 530px; padding: 120px 20px 60px; border-radius: 200px 200px 10px 10px; overflow: hidden; transform: translateZ(0); transition: transform 0.4s ease, box-shadow 0.4s ease;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box::before{position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(1); transition: transform 0.4s ease; content: '';} #main_page .sec-main-solution .solution-card-list .solution-card-item:hover .card-arch-box{box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);} #main_page .sec-main-solution .solution-card-list .solution-card-item:hover .card-arch-box::before{transform: scale(1.08);} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box.arch-bg-1::before{background-image: url(../img/mn_solution_01.webp);} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box.arch-bg-2::before{background-image: url(../img/mn_solution_02.webp);} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box.arch-bg-3::before{background-image: url(../img/mn_solution_03.webp);} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box.arch-bg-4::before{background-image: url(../img/mn_solution_04.webp);} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content{position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex: 1; text-align: center;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap{display: flex; flex-direction: column; align-items: center;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-main{font-family: var(--ff-playfair); font-size: 36px; font-weight: 400; line-height: 1.277; color: #FFFFFF;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-dot{font-family: var(--ff-noto-serif); font-size: 28px; font-weight: 500; line-height: 0.71; color: #FFFFFF;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-sub{font-family: var(--ff-playfair); font-size: 36px; font-weight: 400; line-height: 1.277; color: #FFFFFF;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-ko-title{font-family: var(--ff-noto-serif); font-size: 20px; font-weight: 600; line-height: 1.8; color: #E5E5E5;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-desc-text{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.777; color: #ddd; text-align: center;} #main_page .sec-main-philosophy{display: flex; justify-content: center; width: 100%; padding: 180px 160px 40px;} #main_page .sec-main-philosophy .philosophy-inner{display: flex; flex-direction: column; align-items: center; max-width: 1600px; gap: 40px; text-align: center;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-title-box{display: flex; flex-direction: column; align-items: center; gap: 16px;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-title-box .sec-en-tag{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-title-box .sec-main-title{font-family: var(--ff-pretendard); font-size: 44px; font-weight: 700; line-height: 1.36; letter-spacing: -0.02em; color: #FFFFFF;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-desc-wrap{display: flex; flex-direction: column; gap: 32px;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-desc-wrap .philosophy-paragraph{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.777; color: #ddd;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-desc-wrap .philosophy-paragraph.bold-txt{font-weight: 600;} #main_page .sec-main-director{display: flex; justify-content: center; width: 100%; padding: 140px 160px 140px 100px;} #main_page .sec-main-director .director-inner{display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 140px;} #main_page .sec-main-director .director-inner .director-collage{position: relative; display: block; width: 100%; max-width: 911px; aspect-ratio: 911/1072;} #main_page .sec-main-director .director-inner .director-collage .collage-img{position: absolute; width: 100%; height: auto; border-radius: 10px; transition: 0.4s ease; object-fit: cover;} #main_page .sec-main-director .director-inner .director-collage .collage-img:hover{box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35); scale: 1.01;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-1{top: 0; left: 9.769484083%; width: 38.6388584%; aspect-ratio: 352/278; z-index: 1;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-2{top: 12.31343284%; left: 51.48188804%; width: 47.53018661%; aspect-ratio: 433/265; z-index: 2;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-3{top: 28.82462687%; left: 0; width: 61.58068057%; aspect-ratio: 561/717; z-index: 1;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-4{top: 49.62686567%; left: 65.64215148%; width: 34.35784852%; aspect-ratio: 313/341; z-index: 1;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-5{top: 84.51492537%; left: 65.97145993%; width: 17.78265642%; aspect-ratio: 162/166; z-index: 1;} #main_page .sec-main-director .director-inner .director-record-wrap{display: flex; flex-direction: column; flex: 1; gap: 60px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box{display: flex; flex-direction: column; align-items: flex-start; gap: 16px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .record-badge-wrap{display: flex; align-items: center;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .record-badge-wrap .sec-en-tag{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .record-badge-wrap .sec-en-tag .noto-serif{font-style: normal; font-family: var(--ff-noto-serif);} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .sec-main-title{font-family: var(--ff-pretendard); font-size: 44px; font-weight: 700; line-height: 1.36; letter-spacing: -0.02em; color: #FFFFFF;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .record-desc-text{margin-top: 24px; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.8; color: #ddd;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .btn-view-gold{margin-top: 44px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid{position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 40px; border-top: 1px solid var(--color-sub-bg);} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid:before{position: absolute; content: ''; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background: linear-gradient(90deg, #2F2926 0%, #524E49 45.19%, #2F2926 100%), #524E49;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid:after{position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: linear-gradient(90deg, #2F2926 0%, #524E49 45.19%, #2F2926 100%), #524E49;} /* #main_page .sec-main-director .director-inner .director-record-wrap .record-grid.active:before{width: 100%;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid.active:after{height: 100%;} */ #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; transition: transform 0.3s ease;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item:nth-child(1){padding-bottom: 30px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item:nth-child(2){padding-bottom: 30px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item .stat-num-box{display: flex; align-items: flex-end; gap: 8px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item .stat-num-box .stat-number{font-family: var(--ff-playfair); font-size: 100px; font-weight: 400; line-height: 1.1; color: #AF9775;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item .stat-num-box .stat-unit{font-family: var(--ff-pretendard); font-size: 28px; font-weight: 600; line-height: 1.35; color: #AF9775;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item .stat-label{font-family: var(--ff-pretendard); font-size: 20px; font-weight: 500; line-height: 1.6; color: #D0CEC7;} #main_page .sec-main-doctor{position: relative; display: flex; justify-content: center; width: 100%; padding: 180px 160px 140px; background-color: #FFFFFF;} #main_page .sec-main-doctor .doctor-inner{display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1600px; gap: 63px;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro{position: relative; display: flex; flex-direction: column;gap: 40px;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box{display: flex; flex-direction: column; gap: 16px;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box .sec-en-tag{font-family: var(--ff-playfair); font-size: 20px; font-weight: 500; color: #AF9775;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box .sec-en-tag .noto-serif{font-style: normal; font-family: var(--ff-noto-serif);} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box .sec-main-title{font-family: var(--ff-pretendard); font-size: 44px; font-weight: 700; line-height: 1.36; letter-spacing: -0.02em; color: #382F2B;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-sub-desc{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.777; color: #555555;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile{display: flex; flex: 1.3; gap: 55px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap{position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; flex: 1; border-radius: 20px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap .doctor-watermark{position: absolute; bottom: 19.3%; left: -76.5%; z-index: 2; font-family: var(--ff-playfair); font-size: 80px; font-weight: 600; line-height: 1; color: #AF9775;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap .doctor-photo-img{grid-area: 1 / 1 / 2 / 2; width: 100%; aspect-ratio: 556/724; border-radius: 20px; opacity: 1; transition: opacity 0.4s ease, transform 0.6s ease; object-fit: cover;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap .doctor-photo-img.is-incoming{opacity: 0;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex: 1; gap: 32px; width: 100%; min-width: 0;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap{position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; width: 100%;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item{grid-area: 1 / 1 / 2 / 2; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; width: 100%; padding-left: 20px; opacity: 1; transition: opacity 0.4s ease;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item.is-incoming{opacity: 0; pointer-events: none;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item.is-leaving{opacity: 0; pointer-events: none;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-name-card{display: flex; flex-direction: column; gap: 4px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-name-card .doctor-job-title{font-family: var(--ff-pretendard); font-size: 20px; font-weight: 600; line-height: 1.6; color: #382F2B;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-name-card .doctor-name-row{display: flex; align-items: flex-end; gap: 12px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-name-card .doctor-name-row .doctor-name{font-family: var(--ff-pretendard); font-size: 32px; font-weight: 700; line-height: 1.2; color: #382F2B;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-name-card .doctor-name-row .doctor-position{font-family: var(--ff-pretendard); font-size: 24px; font-weight: 700; line-height: 1.2; color: #AF9775;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-career-list{display: flex; flex-direction: column;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .doctor-career-list .career-item{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.777; color: #444444;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .btn-view-line{margin-top: 8px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row{position: relative; display: block; width: calc(100% + 12px); min-width: 0; margin: 0 -6px; margin-bottom: 40px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .slick-list{display: block; width: 100%; overflow: hidden;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .slick-track{display: flex; align-items: stretch;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .doctor-thumb-slide{display: block; padding: 0 6px; box-sizing: border-box; outline: none;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .doctor-thumb-slide .doctor-thumb-img{display: block; width: 100%; aspect-ratio: 110/143; border-radius: 10px; opacity: 0.5; transition: opacity 0.3s ease, border-color 0.3s ease; cursor: pointer; object-fit: cover;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .doctor-thumb-slide .doctor-thumb-img:hover{opacity: 0.9;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .doctor-thumb-slide .doctor-thumb-img.is-active{opacity: 1;} #main_page .sec-main-banner{display: flex; justify-content: center; align-items: center; width: 100%; height: 230px; background-color: #FFFFFF; overflow: hidden;} #main_page .sec-main-banner .banner-watermark{filter: blur(7px); mix-blend-mode: multiply; pointer-events: none; transition: transform 1.2s ease-out; font-family: var(--ff-playfair); font-size: 170px; font-weight: 400; line-height: 0.647; color: #F4F0EE; white-space: nowrap;} /* #main_page .sec-main-banner.active .banner-watermark{transform: scale(1.05);} */ #main_page .sec-main-signature{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 140px 60px 220px; margin: 0 auto; background-color: #FFFFFF; gap: 80px;} #main_page .sec-main-signature .section-title-wrap .sec-main-title{color: #382F2B;} #main_page .sec-main-signature .section-title-wrap .sec-sub-desc{color: #555555;} #main_page .sec-main-signature .signature-main-grid{display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; max-width: 1800px; gap: 20px;} #main_page .sec-main-signature .signature-main-grid .sig-main-card{display: block; width: 100%;} #main_page .sec-main-signature .signature-main-grid .sig-main-card .sig-card-link{display: flex; flex-direction: column; align-items: center; width: 100%; gap: 24px; text-decoration: none;} #main_page .sec-main-signature .signature-main-grid .sig-main-card .sig-card-link figure{border-radius: 20px; overflow: hidden; margin: 0;} #main_page .sec-main-signature .signature-main-grid .sig-main-card .sig-card-link figure .sig-card-img{width: 100%; height: 500px; transition: transform 0.5s ease; object-fit: cover;} #main_page .sec-main-signature .signature-main-grid .sig-main-card .sig-card-link:hover figure .sig-card-img{transform: scale(1.04);} #main_page .sec-main-signature .signature-main-grid .sig-main-card .sig-card-link .sig-card-title{font-family: var(--ff-pretendard); font-size: 24px; font-weight: 600; line-height: 1.5; color: #382F2B; transition: 0.5s;} #main_page .sec-main-signature .signature-main-grid .sig-main-card:hover .sig-card-link .sig-card-title{color: #AF9775;} #main_page .sec-main-signature .signature-sub-grid{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 1800px; gap: 20px;} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card{display: block; width: 100%;} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card .sig-card-link{display: flex; flex-direction: column; align-items: center; width: 100%; gap: 24px; text-decoration: none;} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card .sig-card-link figure{border-radius: 20px; overflow: hidden; margin: 0;} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card .sig-card-link figure .sig-card-img{width: 100%; height: 470px; border-radius: 20px; transition: transform 0.5s ease; object-fit: cover;} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card .sig-card-link:hover figure .sig-card-img{transform: scale(1.04);} #main_page .sec-main-signature .signature-sub-grid .sig-sub-card .sig-card-link .sig-card-title{font-family: var(--ff-pretendard); font-size: 24px; font-weight: 600; line-height: 1.5; color: #382F2B;} #main_page .sec-main-space{display: flex; justify-content: center; width: 100%; height: 920px; background-color: #FFFFFF;} #main_page .sec-main-space .space-inner{display: flex; justify-content: space-between; align-items: center; width: 100%;} #main_page .sec-main-space .space-inner .space-gallery-wrap{display: flex; align-items: flex-end; gap: 20px;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-main-view{position: relative; width: 976px; height: 920px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-main-view .space-main-img{width: 100%; height: 100%; opacity: 1; transition: opacity 0.25s ease, transform 0.6s ease; object-fit: cover;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-main-view:hover .space-main-img{transform: scale(1.03);} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-main-view .space-notice-caption{position: absolute; bottom: 35px; left: 60px; font-family: var(--ff-pretendard); font-size: 18px; font-weight: 600; color: #FFFFFF;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column{display: flex; flex-direction: column; gap: 20px; padding-bottom: 20px;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column .space-thumb-img{width: 100px; height: 100px; border-radius: 7px; opacity: 0.5; transition: opacity 0.3s ease; cursor: pointer; object-fit: cover;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column .space-thumb-img:hover{opacity: 0.85;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column .space-thumb-img.is-active{opacity: 1;} #main_page .sec-main-space .space-inner .space-info-wrap{display: flex; flex-direction: column; align-items: center; flex: 1; padding: 0 80px 60px 0; gap: 60px;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title{display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title .scale-title{font-family: var(--ff-playfair); font-size: 44px; font-weight: 600; line-height: 1.25; color: #382F2B;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title .concept-icon-wrap{display: flex; align-items: center; justify-content: center;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title .focused-title{font-family: var(--ff-playfair); font-size: 44px; font-weight: 600; line-height: 1.25; color: #AF9775;} #main_page .sec-main-space .space-inner .space-info-wrap .space-desc-list{display: flex; flex-direction: column; gap: 32px; text-align: center;} #main_page .sec-main-space .space-inner .space-info-wrap .space-desc-list .space-desc-item{font-family: var(--ff-pretendard); font-size: 18px; font-weight: 400; line-height: 1.8; color: #444444;} #main_page .sec-main-news{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 200px 0 0; background-color: #FFFFFF; gap: 60px;} #main_page .sec-main-news .section-title-wrap .sec-en-tag{color: #87654E;} #main_page .sec-main-news .section-title-wrap .sec-main-title{color: #382F2B;} #main_page .sec-main-news .section-title-wrap .sec-sub-desc{color: #555555;} #main_page .sec-main-news .news-slider-track{position: relative; width: 100%;} #main_page .sec-main-news .news-slider-track .slick-list{width: 100%; cursor: grab;} #main_page .sec-main-news .news-slider-track .slick-track{display: flex; align-items: stretch;} #main_page .sec-main-news .news-slider-track .news-card-item{display: flex !important; flex-direction: column; gap: 32px; padding: 0 15px; box-sizing: border-box; outline: none;} #main_page .sec-main-news .news-slider-track .news-card-item .news-card-img{width: 100%; aspect-ratio: 440/418; border-radius: 20px; transition: transform 0.4s ease, box-shadow 0.4s ease; object-fit: cover;} #main_page .sec-main-news .news-slider-track .news-card-item .news-text-box{display: flex; flex-direction: column; gap: 12px; padding: 0 8px;} #main_page .sec-main-news .news-slider-track .news-card-item .news-text-box .news-card-title{font-family: var(--ff-pretendard); font-size: 20px; font-weight: 700; line-height: 1.4; color: #2F2521;} #main_page .sec-main-news .news-slider-track .news-card-item .news-text-box .news-card-desc{font-family: var(--ff-pretendard); font-size: 16px; font-weight: 500; line-height: 1.5; color: #666666;} #main_page .sec-main-news .news-slider-track .news-card-item .news-text-box .news-card-date{margin-top: 4px; font-family: var(--ff-pretendard); font-size: 14px; font-weight: 500; line-height: 1.85; color: #A9A9A9;} #main_page .sec-main-news .news-btn-wrap{display: flex; justify-content: center;} #main_page .sec-main-news .news-curve-deco{width: 100%; z-index: 1;} #main_page .sec-main-news .news-curve-deco svg{display: block; width: 100%; height: auto;} @media(max-width: 1024px){ #main_page .section-title-wrap .sec-main-title{font-size: 32px;} #main_page .section-title-wrap .sec-sub-desc{font-size: 18px; margin-top: 24px;} #main_page .sec-main-visual{aspect-ratio: auto;} #main_page .sec-main-visual .visual-slider{height: unset; aspect-ratio: 375/696;} #main_page .sec-main-visual .visual-slider .slick-list{aspect-ratio: 375/696;} #main_page .sec-main-visual .visual-slider .slick-track{aspect-ratio: 375/696;} #main_page .sec-main-visual .visual-slider .visual-slide-item{aspect-ratio: 375/696; padding: 130px 20px 118px;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner{flex-direction: column; align-items: flex-start; padding: 0; gap: 40px;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content{gap: 20px;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-lead{font-size: 44px; line-height: normal;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-title-box .visual-en-main{font-size: 80px; line-height: normal;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-content .visual-ko-desc{font-size: 18px; line-height: 1.66; letter-spacing: -0.02em; word-break: keep-all;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-inner .visual-branch-name{padding-bottom: 0; font-size: 24px;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap{aspect-ratio: 375/696;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap .visual-bg-img{object-fit: contain;} #main_page .sec-main-visual .visual-slider .visual-slide-item .visual-bg-wrap .visual-watermark{top: 180px; left: -20px; font-size: 110px;} #main_page .bg-wrap{background-image: url(../img/m_mn_bgwrap_bg.webp); margin-top: calc(-60 / 375 * 100%);} #main_page .sec-main-solution{padding: 200px 20px 80px; gap: 80px;} #main_page .sec-main-solution .solution-card-list{grid-template-columns: 1fr; gap: 44px;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box{width: 100%; max-width: 500px; height: unset; aspect-ratio: 320/398; padding: 120px 0 60px;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-main{font-size: 40px;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-dot{line-height: 20px;} #main_page .sec-main-solution .solution-card-list .solution-card-item .card-arch-box .arch-text-content .arch-en-wrap .arch-en-sub{font-size: 40px;} #main_page .sec-main-philosophy{padding: 140px 20px 40px;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-title-box .sec-main-title{font-size: 32px;} #main_page .sec-main-philosophy .philosophy-inner .philosophy-desc-wrap .philosophy-paragraph{font-size: 18px; white-space: nowrap;} #main_page .sec-main-director{padding: 100px 20px 120px;} #main_page .sec-main-director .director-inner{flex-direction: column; gap: 80px;} #main_page .sec-main-director .director-inner .director-collage{width: 100%; flex-direction: column;} #main_page .sec-main-director .director-inner .director-collage .collage-col{width: 100%;} #main_page .sec-main-director .director-inner .director-collage .collage-img.img-5{width: 25.53734837%;} #main_page .sec-main-director .director-inner .director-record-wrap{gap: 40px; align-items: center;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box{align-items: center; text-align: center;} #main_page .sec-main-director .director-inner .director-record-wrap .record-text-box .sec-main-title{font-size: 32px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid{grid-template-columns: 1fr; gap: 20px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item .stat-num-box .stat-number{font-size: 100px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid:before, #main_page .sec-main-director .director-inner .director-record-wrap .record-grid:after{display: none;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item{gap: 28px;} #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item:nth-child(1), #main_page .sec-main-director .director-inner .director-record-wrap .record-grid .record-stat-item:nth-child(2){padding-bottom: 0;} #main_page .sec-main-director .director-inner .director-record-wrap .btn-view-gold{margin-top: 40px;} #main_page .sec-main-doctor{padding: 100px 0 60px;} #main_page .sec-main-doctor .doctor-inner{flex-direction: column; gap: 40px;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro{align-self: center;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box{text-align: center;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-title-box .sec-main-title{font-size: 32px;} #main_page .sec-main-doctor .doctor-inner .doctor-left-intro .doctor-sub-desc{align-self: center; text-align: center;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile{gap: 40px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap{padding-inline: 20px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap .doctor-watermark{display: none;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile{flex-direction: column; gap: 30px; width: 100%;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-photo-wrap .doctor-photo-img{} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item{align-items: center; text-align: center;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-info-wrap .doctor-info-item .btn-view-line{margin-top: 28px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info{gap: 55px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row{padding-left: 20px;} #main_page .sec-main-doctor .doctor-inner .doctor-right-profile .doctor-detail-info .doctor-thumb-row .doctor-thumb-slide{padding-inline: 10px;} #main_page .sec-main-banner{height: 120px;} #main_page .sec-main-banner .banner-watermark{filter: blur(2.5px); font-size: 80px; text-align: center;} #main_page .sec-main-banner .banner-watermark span{font-size: 60px;} #main_page .sec-main-signature{gap: 80px; padding: 100px 0 100px; overflow: hidden;} #main_page .sec-main-signature .signature-slider{display: block; width: 100%; margin-bottom: 0;} #main_page .sec-main-signature .signature-slider .slick-list{width: 100%; padding-inline: 20px; overflow: visible;} #main_page .sec-main-signature .signature-slider .slick-track{display: flex; align-items: stretch;} #main_page .sec-main-signature .signature-slider .sig-slider-card{display: block !important; width: 100%; opacity: 1 !important; padding-right: 20px; transform: none !important; outline: none;} #main_page .sec-main-signature .signature-slider .sig-slider-card .sig-card-link{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; text-decoration: none;} #main_page .sec-main-signature .signature-slider .sig-slider-card .sig-card-link figure{width: 100%; margin: 0; border-radius: 20px; overflow: hidden;} #main_page .sec-main-signature .signature-slider .sig-slider-card .sig-card-link figure .sig-card-img{width: 100%; height: 320px; border-radius: 20px; object-fit: cover;} #main_page .sec-main-signature .signature-slider .sig-slider-card .sig-card-link .sig-card-title{font-family: var(--ff-pretendard); font-size: 20px; font-weight: 600; line-height: 1.4; color: #382F2B; text-align: center;} #main_page .sec-main-signature .signature-slider .slick-dots{position: relative; bottom: 0; display: flex !important; justify-content: center; align-items: center; gap: 15px; width: 100%; padding: 0; margin: 60px 0 0; list-style: none;} #main_page .sec-main-signature .signature-slider .slick-dots li{position: relative; display: inline-flex; width: auto; height: auto; padding: 0; margin: 0;} #main_page .sec-main-signature .signature-slider .slick-dots li button{display: block; width: 13px; height: 13px; padding: 0; margin: 0; border: none; border-radius: 50%; background-color: #E3D8C4; opacity: 1; transition: width 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease; cursor: pointer; font-size: 0; line-height: 0; color: transparent;} #main_page .sec-main-signature .signature-slider .slick-dots li button:before{display: none;} #main_page .sec-main-signature .signature-slider .slick-dots li.slick-active button{width: 33px; border-radius: 100px; background-color: #AF9775;} #main_page .sec-main-space{height: auto; padding: 0 0 100px;} #main_page .sec-main-space .space-inner{flex-direction: column; gap: 60px;} #main_page .sec-main-space .space-inner .space-gallery-wrap{width: 100%; flex-direction: column; align-items: center;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-main-view{width: 100%; height: 350px; border-radius: 0;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column{gap: 10px; flex-direction: row; justify-content: center; width: 100%; padding-inline: 20px;} #main_page .sec-main-space .space-inner .space-gallery-wrap .space-thumb-column .space-thumb-img{width: 70px; height: 70px; border-radius: 3.5px;} #main_page .sec-main-space .space-inner .space-info-wrap{width: 100%; padding: 0 20px; gap: 30px;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title{gap: 12px;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title .scale-title{font-size: 32px;} #main_page .sec-main-space .space-inner .space-info-wrap .space-concept-title .focused-title{font-size: 32px;} #main_page .sec-main-space .space-inner .space-info-wrap .space-desc-list .space-desc-item{font-size: 18px;} #main_page .sec-main-news{position: relative; padding: 80px 0 0; margin-bottom: calc(180 / 375 * 100); gap: 60px;} #main_page .sec-main-news .news-slider-track{position: relative; z-index: 2;} #main_page .sec-main-news .news-slider-track .news-card-item{gap: 20px; padding: 0 10px;} #main_page .sec-main-news .news-slider-track .news-card-item .news-card-img{aspect-ratio: 321/305;} #main_page .sec-main-news .news-slider-track .news-card-item .news-text-box{align-items: center; text-align: center;} #main_page .sec-main-news .news-btn-wrap{position: relative; z-index: 2;} #main_page .sec-main-news .news-curve-deco{position: absolute; bottom: calc(-640px / 375 * 100);} }