/* 공용 */
.h3-wrap small{ display: block; margin-bottom: 5px; font: var(--h2-sub); line-height: 1.1; color: #5B6C60; }
.h3-wrap h3 { display: block; font: var(--h2); font-weight: 600; line-height: 1.4; color: var(--main-black); }
.h3-wrap h3 span { display: block; font-weight: 400; line-height: 1.4; }
.h3-wrap h3 b { line-height: 1.4; }
.h3-wrap .subdesc { margin-top: 14px; font: var(--basic-txt); }
.btn-md { height:6.4rem; display: flex; align-items: center; justify-content: center; padding: 0 2.2rem; font:var(--button-md-txt); border-radius: 60px; }
.btn--fill { background-color: #5B6C60; color: #fff; transition: .3s; }
.btn--fill:hover { background-color: #47554c; }
.btn--line { border: 1px solid #5B6C60; color: var(--main-black); transition: .3s; }
.btn--line:hover { background-color: #EEEEEE; }
.btn-row { display: flex; gap: 2rem; align-items: center; }

.ico-arw { display: inline-block; width: 14px; aspect-ratio: 14/7; background: url('/resources/img/sub/new/ico_arw.svg') no-repeat center/contain; }

.bullet { display: flex; flex-direction: column; }
.bullet li { position: relative; padding-left: 12px; font: var(--basic-txt); line-height: 1.8; }
.bullet li:before { content: ""; position: absolute; left: 0; top: 15px; width: 3px; aspect-ratio: 1/1; border-radius: 50%; background-color: #5B6C60; }
.bullet b { font-weight: 800; }

.principle-list { display: flex; flex-direction: column; gap: 8rem; }
.principle-list > li { display: flex; }
.principle-list > li:nth-child(even) { flex-direction: row-reverse; }
.principle-list > li > div { width: 50%; }
.principle-list > li .principle__copy { padding-right: 6rem; }
.principle-list > li:nth-child(even) .principle__copy { padding-left: 8rem; padding-right: 0; }

.principle__copy .num { font: var(--h3-sub-kr); font-weight: 600; color: #79736c; margin-bottom: 2rem; }
.principle__copy h4 { font: var(--h3-kr); font-weight: 300; margin-bottom: 3rem; line-height: 1.5; }
.principle__copy h4 b { font-weight: 700; }
.principle__copy .desc { font: var(--basic-txt); color: var(--main-black); }
.principle__copy .point { font: var(--basic-txt); font-weight: 700; color: #5B6C60; }
.principle__copy > p + p { margin-top:2rem; }
.principle__media { border-radius: 10px; overflow: hidden; aspect-ratio: 72/62; }
.principle__media img { width: 100%; height: 100%; object-fit: cover; }
.principle-list .bullet { margin-top: 2rem; }

.recommend-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3rem; }
.recommend-list li { display: flex; flex-direction: column; align-items: center; gap: 2rem; }
.recommend-list .circle { width: 15rem; aspect-ratio: 1/1; border-radius: 15rem; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.recommend-list .circle img { width: 44%; height: 44%; object-fit: contain; }
.recommend-list p { font: var(--basic-txt); line-height: 1.6; text-align: center; }

.banner-wrap { display: flex; flex-direction: column; gap:2rem; justify-content: center; align-items: center; padding: 7.6rem 0; text-align: center; color: #fff; position: relative; }
.banner-wrap::before,
.banner-wrap::after { content: ""; width: 4rem; aspect-ratio: 40/32; }
.banner-wrap::before { background: url('/resources/img/sub/new/ico_quotes_1.png') no-repeat center/contain; }
.banner-wrap::after { background: url('/resources/img/sub/new/ico_quotes_2.png') no-repeat center/contain; }
.banner-wrap .banner-box { display: flex; align-items: center; justify-content: center; flex-direction: column; gap:2rem; }
.banner-wrap p { font-size: 3.2rem; line-height: 1.5; }
.banner-wrap b { line-height: 1.5; }
.banner-wrap small { display: block; font:var(--basic-txt); font-weight: 400; margin-top: 1rem; }

.basic-table-wrap table { width: 100%; border-top: 2px solid #888; }
.basic-table-wrap th,
.basic-table-wrap td { padding: 2rem 2rem; border-bottom: 1px solid #dedede; line-height: 1.5; color: var(--main-black); }
.basic-table-wrap thead th { font-weight: 500; text-align: center; }
.basic-table-wrap tbody th { font-weight: 800; text-align: center; }
.basic-table-wrap tbody td { text-align: center; }

.point-list { display: grid; grid-template-columns: repeat(3, 1fr); }
.point-list li { z-index: 1; position: relative; color:white; }
.point-list li .point-box { position: absolute; z-index: 1; bottom:2rem; width: 100%; display: flex; gap:1.5rem; justify-content: center; align-items: center; font:var(--basic-txt); }
.point-list li .point-box img { width: 1.4rem; }

.director-info-section h3 { margin-bottom: 2rem; font:var(--h3-kr); }
.director-info-section .director-info-grid { display: grid; grid-template-columns: 1fr 46rem; gap: 12rem; }
.director-info-section .director-info-name { margin-bottom: 2.6rem; border-bottom: 1px solid #CCC; font-size: 3.2rem; line-height: 1.5; }
.director-info-section .director-info-name p { display: inline-block; position: relative; line-height: 1.5; padding-bottom: 3rem; }
.director-info-section .director-info-name p::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #5B6C60; }
.director-info-section .director-info-name b { font-weight: 800; }
.director-info-section .director-info-name span { font-weight: 300; font-size: 2.4rem; }
.director-info-section .director-info-cols { display: flex; justify-content: space-between; gap: 6rem; padding-right: 3rem; }
.director-info-section .director-info-cols > div { flex:1; }
.director-info-section .director-info-tag { display: inline-flex; align-items: center; justify-content: center; height: 4rem; padding: 0 2rem; border-radius: 3rem; border: 1px solid #333; font: var(--basic-txt); font-weight: 700; padding-top: 1px; }
.director-info-section .director-info-cols ul { margin-top: 2rem; display: flex; flex-direction: column; }
.director-info-section .director-info-img { border-radius: 2rem; overflow: hidden; }

.differ-table { position: relative; margin-top: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.differ-table-card { background: #fff; border: 1px solid #a8b295; border-radius: 2rem; padding: 3rem; }
.differ-table-card ul { display: flex; flex-direction: column; }
.differ-table-card li { border-top: 1px solid #d9d9d9; padding: 2.4rem 1rem; font: var(--basic-txt); line-height: 1.1; text-align: center; }
.differ-table-card li:last-child { border-bottom: 1px solid #d9d9d9; }
.differ-table-card-label { padding: 1.4rem 0 3rem; font-size: 3.2rem; font-weight: 700; text-align: center; color: var(--main-black); }
.differ-table-card--dark { position: relative; background: #5B6C60; color: #fff; border-color: #5B6C60; }
.differ-table-card--dark .differ-table-card-label { position: relative; color: #fff; }
.differ-table-card--dark li { color: #fff; }
.differ-table-card--dark::after { content: ""; position: absolute; left: 0; top: 50%; transform: translate(-70%, -50%); width: 7rem; height: 7rem; background: url('/resources/img/sub/new/fm_test_3.svg') no-repeat center/contain; }

.differ-table--with-key.differ-table { margin-top: 2rem; grid-template-columns: 20rem 1fr 1fr; }
.differ-table--with-key .differ-table-key { background: #a8b295; }
.differ-table--with-key .differ-table-key li { text-align: center; }
.differ-table--with-key .differ-table-key .differ-table-card-label { font:var(--basic-txt); }

.faq-list { display: flex; flex-direction: column; gap: 2rem; }
.faq-item { padding: 3rem; background-color: #fff; border-radius: 1rem; }
.faq-item .faq-item-head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font:var(--basic-txt); }
.faq-item .q { width: 4.6rem; font: var(--basic-txt); font-weight: 800; line-height: 1.5; }
.faq-item .qt { flex: 1; font-weight: 600; line-height: 1.5; }
.faq-item .ico { position: relative; width: 2.6rem; aspect-ratio: 1/1;  }
.faq-item .ico::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; background-color: var(--main-black); }
.faq-item .ico::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background-color: var(--main-black); transform: translate(-50%, -50%) rotate(90deg); transition: .3s; }
.faq-item.active .ico::after { transform: translate(-50%, -50%); }

.faq-item .answer { display: none; }
.faq-item .answer-box { display: grid; grid-template-columns: 4.6rem 1fr; margin-top: 3rem; }
.faq-item .a { font: var(--basic-txt); font-weight: 800; line-height: 1.5; }
.faq-item .answer-box div { display: flex; flex-direction: column; gap: 1rem; font: var(--button-md-txt); font-weight: 300; line-height: 1.6; }
.faq-item .answer-box div p { line-height: 1.5; }

.card-col-list { display: grid; grid-template-columns: repeat(5, 1fr); gap:4rem  2rem; margin-top: 2rem; }
.card-col-list li { display: flex; flex-direction: column; gap:2rem; }
.card-col-list-img { border-radius: 2rem; overflow: hidden; aspect-ratio: 272/320; background: #ddd; }
.card-col-list-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card-col-list-tit { margin-top: 1rem; font: var(--h4-kr); font-weight: 800; line-height: 1.1; color: var(--main-black); }
.card-col-list-txt { font: var(--basic-txt); line-height: 1.5; color: var(--main-black); }

.review-list { margin-top: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; }
.review-item { border: 1px solid #e3e5df; border-radius: 1rem; padding: 3rem; background: #e3e5df; }
.review-item--review { background: #fff; }
.review-badge { display: inline-flex; align-items: center; padding: .5rem 2rem; border-radius: 1rem; font: var(--basic-txt); font-weight: 700; background: #5B6C60; color: #fff; margin: 0 0 1.5rem; }
.review-badge--muted { background: #ddd; color: #5B6C60; }
.review-tit { font: var(--basic-txt); font-weight: 700; margin: 0 0 1rem; line-height: 1.6; }
.review-txt { font-weight: 300; line-height: 1.6; color: var(--main-black); }

.icon-list { display: grid; grid-template-columns: repeat(4, 1fr); gap:2rem; margin-top: 2rem; }
.icon-list li { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 28rem; gap:2rem; border-radius: 2rem; text-align: center; background: white; transition: .3s; }
.icon-list li .icon-box img { width: auto; height: 5rem; transition: .3s; }
.icon-list li dt { margin-bottom: 1rem; font-weight: 600; line-height: 1.1; font-size: 2rem; }
.icon-list li dd { line-height: 1.5; font:var(--basic-txt); }
.icon-list li:hover { background: #5B6C60; color:white; }
.icon-list li:hover .icon-box img { filter:brightness(20); }

@media screen and (max-width: 1440px) {
	.director-info-section .director-info-grid { grid-template-columns: 1fr 42rem; gap: 4rem; }
	.director-info-section .director-info-cols { gap:2rem; padding-right: 0; }
	
	.card-col-list { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 1024px) {
	.principle-list > li .principle__copy { padding-right: 3rem; }
	.principle-list > li:nth-child(even) .principle__copy { padding-left: 4rem; }
	
	.point-list { max-width: 90%; margin:0 auto; grid-template-columns: repeat(2, 1fr); }
	
	.director-info-section .director-info-cols { flex-direction: column; gap:4rem; }
	.icon-list { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
	.principle-list > li { flex-direction: column; gap:4rem; }
	.principle-list > li:nth-child(even) { flex-direction: column; }
	.principle-list > li .principle__copy { padding-right: 0; }
	.principle-list > li:nth-child(even) .principle__copy { padding-left: 0; }
	.principle-list > li .principle__media { width: 100%; height: 36rem; }
	.principle-list > li > div { width: 100%; }
	
	.recommend-list { grid-template-columns: repeat(3, 1fr); gap:3rem 2rem; }
	
	.basic-table-wrap th,
	.basic-table-wrap td { padding: 2rem 1rem; }
	
	.point-list { max-width: 40rem; margin:0 auto; grid-template-columns: repeat(1, 1fr); }
	
	.director-info-section .director-info-grid { grid-template-columns: repeat(1, 1fr); }
	.director-info-section .director-info-img { grid-area: 1; max-width: fit-content; margin:0 auto; }
	.differ-table--with-key.differ-table { gap:1rem; grid-template-columns: 13rem 1fr 1fr; }
	.differ-table-card--dark::after { width: 5rem; height: 5rem; transform: translate(-60%, -50%); }
	.differ-table-card { padding: 3rem 1.6rem; }
	
	.card-col-list { grid-template-columns: repeat(2, 1fr); }
	
	.review-list { grid-template-columns: repeat(1, 1fr); }

	.icon-list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 600px) {
	.differ-table { grid-template-columns: repeat(1, 1fr) !important; }
	.differ-table-card--dark::after { left: 50%; top:0; transform: translate(-50%, -70%) rotate(90deg); }
	.differ-table--with-key .differ-table-key { display: none; }
}
@media screen and (max-width: 480px) {
	.btn-row { flex-direction: column; gap: 1rem; }
	.btn-row a { width: 100%; flex:auto !important; }
	
	.card-col-list { grid-template-columns: repeat(1, 1fr); }
	.card-col-list-img { aspect-ratio: 80/60; }
	
	.recommend-list { grid-template-columns: repeat(2, 1fr); gap:3rem 1rem; }
	.icon-list { grid-template-columns: repeat(1, 1fr); }
	.icon-list li { height: 23rem; }
}


/* ABOUT */
.about .h3-wrap span { display: inline; }
.about .cont-wrap1 .h3-wrap .subdesc { margin-top: 2rem; }
.about .cont-wrap1 .h3-wrap .subdesc p { line-height: 1.5; }
.about .cont-wrap3 .bullet li:before { content: '-'; top:0; background: none; width: auto; }
.about .cont-wrap3 .cont-tit-box { display: grid; grid-template-columns: repeat(2, 1fr); }
.about .cont-wrap3 .center-photo li { width: fit-content; border-radius: 1.6rem; overflow: hidden; }
.about .cont-wrap3 .center-photo li img { width: auto; height: 51.8rem; }
.about .cont-3 .swiper-control { display: none; }
.about .director-info-section { padding-bottom: 20rem; }
.about .director-info-section .director-info-grid { margin-top: 12rem; }
.about .director-info-section .director-info-grid:nth-child(1) { grid-template-columns: 46rem 1fr; }
.about .director-info-section .director-info-grid:nth-child(1) .director-info-img { grid-area: 1; }
.about .banner-wrap { padding: 7rem 0; background: url('/resources/img/sub/new/about_7.jpg') no-repeat center/cover; }
.about .why-choose-us-section { padding: 20rem 0; }
.about .why-choose-us-list ul { display: flex; flex-direction: column; gap:6rem; }
.about .why-choose-us-list li { display: flex; align-items: center; }
.about .why-choose-us-list li dl { width: 50%; }
.about .why-choose-us-list li dt { margin-bottom: 1rem; font-size: 2.4rem; font-weight: 600; line-height: 1.5; }
.about .why-choose-us-list li dd { display: flex; flex-direction: column; gap: 3rem; font:var(--basic-txt); }
.about .why-choose-us-list li dd p { line-height: 1.5; }
.about .why-choose-us-list li img { width: 50%; border-radius: 2rem; }
.about .why-choose-us-list li:nth-child(even) { flex-direction: row-reverse; }
.about .why-choose-us-list li:nth-child(even) dl { padding-left: 8rem; }
.about .why-choose-us-copy { display: flex; flex-direction: column; gap:1.6rem; margin-top: 2rem; font:var(--basic-txt); }
.about .why-choose-us-copy p { line-height: 1.5; }
.about .why-choose-us-copy b { font-size: 2.2rem; }
.about .why-choose-us-system { padding: 12rem 0 3rem; } 
.about .why-choose-us-system h4 { font:var(--h4-kr); font-weight: 700; }
.about .why-choose-us-system p { margin-top: 2rem; font-size: 2.4rem; color:#5B6C60; font-weight: 600; line-height: 1.5; }

@media screen and (max-width: 1024px) {
	.about .why-choose-us-list li:nth-child(even) dl { padding-left: 6rem; }
}
@media screen and (max-width: 768px) {
	.about .cont-wrap3 .center-photo li img { height: 40rem; }
	.about .director-info-section .director-info-grid:nth-child(1) { grid-template-columns: repeat(1, 1fr); }
	.about .why-choose-us-list li { flex-direction: column !important; gap:3rem; }
	.about .why-choose-us-list li dl { width: 100%; }
	.about .why-choose-us-list li img { width: 100%; }
	.about .why-choose-us-list li:nth-child(even) dl { padding-left: 0; }
	.about .why-choose-us-section { padding: 10rem 0; }
	.about .director-info-section { padding-bottom: 10rem; }
}


/* 줄기세포 센터 */
.diet-stemcell { padding-bottom: 0; overflow: hidden; }
.diet-stemcell-visual { padding: 20rem 0 15rem; }
.diet-stemcell-visual .visual-grid { display: grid; grid-template-columns: 1fr 1fr; }
.diet-stemcell-visual .visual-copy { padding-right: 4rem; }
.diet-stemcell-visual .visual-copy .lead { margin-top: 2rem; margin-bottom: 3rem; font: var(--basic-txt); }
.diet-stemcell-visual .visual-copy .desc { font: var(--basic-txt); }
.diet-stemcell-visual .visual-copy .btn-row { max-width: 54rem; display: flex; gap: 2rem; align-items: center; margin-top: 6.4rem; }
.diet-stemcell-visual .visual-copy .btn-row a { flex:1; }
.diet-stemcell-visual .visual-banner { border-radius: 10px; overflow: hidden; }
.diet-stemcell-visual .btn-row { margin-top: 3rem; }

@media screen and (max-width: 1024px) {
	.diet-stemcell-visual .visual-grid { display: block; }
	.diet-stemcell-visual .visual-copy .btn-row { max-width: none; margin-top: 4rem; gap:1rem; margin-bottom: 5rem; }
	.diet-stemcell-visual .visual-copy { padding-right: 0; }
}


.diet-stemcell-design { padding:15rem 0; background: url('/resources/img/sub/new/diet_stemcell_2.jpg') no-repeat center center / cover; }
.diet-stemcell-design .sec-head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.diet-stemcell-design .sec-head .sublead { margin-top: 5rem; font: var(--h4-kr); }
.diet-stemcell-design .sec-head .subdesc  { margin-top: 1.4rem; font: var(--basic-txt); }


.diet-stemcell-principles { padding: 15rem 0 10rem; overflow: hidden; }
.diet-stemcell-principles .h3-wrap { margin-bottom: 5rem; text-align: center; }

.diet-stemcell-principles .chroma { margin-top: 7rem; overflow: visible; }
.diet-stemcell-principles .chroma-list .img { aspect-ratio: 35/47; border-radius: 10px; overflow: hidden; }
.diet-stemcell-principles .chroma-list .img img { width: 100%; height: 100%; object-fit: cover; }
.diet-stemcell-principles .chroma-list .tit { margin-top: 30px; font: var(--h4-kr); font-weight: 800; line-height: 1.5; text-align: center; }
.diet-stemcell-principles .chroma-list .txt { padding: 0 3.2rem; display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 20px; font: var(--basic-txt); text-align: center; line-height: 1.6; }
.diet-stemcell-principles .chroma-list .txt p { line-height: 1.6; }
.diet-stemcell-principles .chroma-list .txt b { font-weight: 800; }
.diet-stemcell-principles .chroma-list .txt small { display: block; margin-top: 3px; line-height: 1.6; color:#666; }
.diet-stemcell-principles .chroma-list .txt ol { display: flex; flex-direction: column; gap: 1rem; text-align: left; padding-left: 1rem; }
.diet-stemcell-principles .chroma-list .txt ol li { list-style: decimal; }

@media screen and (max-width: 1400px) {
	.diet-stemcell-principles .chroma { margin:5rem 0 0; width:90%; }
}


.diet-stemcell-effects { margin-top:10rem; position: relative; background: white; }
.diet-stemcell-effects::before { content: ""; position: absolute; left: 0; top: 1px; transform: translateY(-100%); width: 100%; aspect-ratio: 1920/190; background: url('/resources/img/sub/new/diet_stemcell_bg.svg') no-repeat center center / cover; }
.diet-stemcell-effects .swiper-container { overflow: visible; }
.diet-stemcell-effects .h3-wrap { text-align: center; margin-bottom: 5rem; }
.diet-stemcell-effects .effects-list .img { aspect-ratio: 272/320; border-radius: 10px; overflow: hidden; background-color: #fff; }
.diet-stemcell-effects .effects-list .img img { width: 100%; height: 100%; object-fit: cover; }
.diet-stemcell-effects .effects-list .tit { margin-top: 3rem; font: var(--h4-kr); font-weight: 800; line-height: 1.5; }

@media screen and (max-width: 1400px) {
	.diet-stemcell-effects .swiper-container { width: 90%;; }
}

.diet-stemcell-program { padding: 15rem 0 15rem; background: white; }
.diet-stemcell-program .h3-wrap { margin-bottom: 5rem; text-align: center; }
.diet-stemcell-program .program-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.diet-stemcell-program .program-list li { background-color: #f9f9f7; border-radius: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; text-align: center; padding: 4.8rem 2rem 4rem; transition: .3s; cursor: pointer; }
.diet-stemcell-program .program-list li .icon { height: 5rem; display: flex; align-items: center; justify-content: center; transition: .3s; }
.diet-stemcell-program .program-list li .icon img { width: auto; height: 100%; object-fit: contain; }
.diet-stemcell-program .program-list li .tit { margin-top: .5rem; font: var(--basic-txt); font-weight: 500; }
.diet-stemcell-program .program-list li .arrow { width: 2.8rem; height: 2.8rem;  transition: .3s; }
.diet-stemcell-program .program-list li .arrow img { width: 100%; height: 100%; object-fit: contain; }
.diet-stemcell-program .program-list li:hover { background-color: #5d6e62; color: #fff; }
.diet-stemcell-program .program-list li:hover .icon { filter: brightness(0) invert(1); }
.diet-stemcell-program .program-list li:hover .arrow { filter: brightness(0) invert(1); }

.diet-stemcell-program-popup { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 50; }
.diet-stemcell-program-popup .popup-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 92%; max-width: 700px; background-color: #fff; border-radius: 20px; padding: 5rem; }
.diet-stemcell-program-popup .popup-inner .close-btn { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; background: #a8b295; text-indent: -999px; overflow: hidden; }
.diet-stemcell-program-popup .popup-inner .close-btn::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 80%; height: 1px; background: white; }
.diet-stemcell-program-popup .popup-inner .close-btn::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 80%; height: 1px; background: white; }
.diet-stemcell-program-popup .popup-inner .tit { padding-right: 3rem; font: var(--h4-kr); font-weight: 800; line-height: 1.5; }
.diet-stemcell-program-popup .popup-inner .desc { margin-top: 10px; font: var(--basic-txt); line-height: 1.5; }
.diet-stemcell-program-popup .popup-inner .media-box { display: grid; grid-template-columns: 1fr 1.4fr; gap: 4rem; margin-top: 3rem; }
.diet-stemcell-program-popup .popup-inner .media-box img { width: 100%; height: 100%; border-radius: 2rem; }
.diet-stemcell-program-popup .popup-inner > ul > li { display: none; }

@media screen and (max-width: 1024px) {
	.diet-stemcell-program .program-list { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
	.diet-stemcell-program .program-list { grid-template-columns: repeat(2, 1fr); gap:1rem; }
}
@media screen and (max-width: 480px) {
	.diet-stemcell-program-popup .popup-inner { padding: 3rem; }
	.diet-stemcell-program-popup .popup-inner .media-box { grid-template-columns: 1fr; gap: 2rem; }
}


.diet-stemcell-process { padding: 0 0 15rem; background: white; }
.diet-stemcell-process .h3-wrap { text-align: center; }
.process-section .cont-box { padding-top: 84px; }
.process-section .cont-box .proc-tab > ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: relative; }
.process-section .cont-box .proc-tab > ul::before { content: ''; width: 100vw; height: 1px; background-color: var(--sub-color); position: absolute; top: 14px; left: 50%; transform: translateX(-50%); }
.process-section .cont-box .proc-tab > ul > li { width: calc(100% / 6); }
.process-section .cont-box .proc-tab > ul .proc-circle { width: 28px; height: 28px; border-radius: 50%; background-color: var(--sub-color); margin: 0 auto; font: 500 15px/28px 'Poppins'; color: transparent; text-align: center; position: relative; cursor: pointer; transition: all 0.3s ease; }
.process-section .cont-box .proc-tab > ul .proc-circle::before { content: ''; width: 64px; height: 64px; border-radius: 50%; background-color: var(--sub-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.1; }
.process-section .cont-box .proc-tab > ul .proc-circle::after { content: ''; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--sub-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.process-section .cont-box .proc-tab > ul .proc-name { font: var(--small-txt); padding-top: 28px; text-align: center; transition: all 0.3s ease;  line-height: 1.3; } 
.process-section .cont-box .proc-tab > ul > li:hover .proc-circle, 
.process-section .cont-box .proc-tab > ul > li.on .proc-circle { background-color: var(--key-color); }
.process-section .cont-box .proc-tab > ul > li:hover .proc-circle::before,
.process-section .cont-box .proc-tab > ul > li.on .proc-circle::before { background-color: var(--key-color); }
.process-section .cont-box .proc-tab > ul > li:hover .proc-circle::after,
.process-section .cont-box .proc-tab > ul > li.on .proc-circle::after { border: 1px solid var(--key-color); }
.process-section .cont-box .proc-tab > ul > li:hover .proc-name,
.process-section .cont-box .proc-tab > ul > li.on .proc-name { font-weight: 500; }
.process-section .cont-box .proc-wrap { margin-top: 40px; overflow: hidden; position: relative; }
.process-section .cont-box .proc-box { display: flex; flex-direction: row; flex-wrap: nowrap;  justify-content: space-between; align-items: flex-end; background: #F9F9F7; padding: 60px; border-radius: 25px; opacity: 0; }
.process-section .cont-box .proc-wrap > ul > li.swiper-slide-active .proc-box  { opacity: 1; }
.process-section .cont-box .proc-box .proc-txt-box { width: calc(100% - 680px); }
.process-section .cont-box .proc-box .proc-img-box { border-radius: 20px; overflow: hidden; }

.process-section .cont-box .proc-box .proc-num { font: 600 20px/100% 'Poppins'; color: var(--key-black); opacity: 0.7; margin-bottom: 10px; }
.process-section .cont-box .proc-box .proc-step { font: var(--h3-kr); line-height: 1.5; }
.process-section .cont-box .proc-box .proc-exp { margin-top: 1rem; }
.process-section .cont-box .proc-box .proc-exp span { display: block; font: var(--basic-txt); }

.process-section .cont-box .proc-wrap .swiper-control { width: 101px; height: 48px; position: absolute; top: 60px; left: 60px; }
.process-section .cont-box .proc-wrap .swiper-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--sub-color); }
.process-section .cont-box .proc-wrap .swiper-arrow.swiper-button-prev { background: url('/resources/img/sub/sub_arr_prev.svg') no-repeat center/11px 22px; left: 0; }
.process-section .cont-box .proc-wrap .swiper-arrow.swiper-button-next { background: url('/resources/img/sub/sub_arr_next.svg') no-repeat center/11px 22px; right: 0; }


@media screen and (max-width:1366px){
    .process-section .cont-box .proc-box { min-height: 380px; }
    .process-section .cont-box .proc-box .proc-txt-box { width: calc(100% - 460px); }
    .process-section .cont-box .proc-box .proc-img-box { max-width: 440px }
}
@media screen and (max-width:1024px){
    .process-section .cont-box .proc-tab > ul .proc-circle { color: #fff; }
    .process-section .cont-box .proc-tab > ul .proc-name { display: none; }
    .process-section .cont-box .proc-box { display: block; padding: 40px; }
    .process-section .cont-box .proc-box .proc-txt-box { width: 100%; margin-bottom: 30px; }
    .process-section .cont-box .proc-box .proc-img-box { width: 100%; max-width: none; }
    .process-section .cont-box .proc-wrap .swiper-control { top: 40px; left: auto; right: 40px; }    
}
@media screen and (max-width:768px){
	.process-section .cont-box .proc-wrap .swiper-arrow { width: 40px; height: 40px; }
    .process-section .cont-box .proc-wrap .swiper-control { width: 90px; }
	.process-section .cont-box .proc-wrap .swiper-button-prev,
	.process-section .cont-box .proc-wrap .swiper-button-next { margin-top:-30px; }
    .process-section .cont-box .proc-wrap .swiper-arrow.swiper-button-prev { background: url('/resources/img/sub/sub_arr_prev.svg') no-repeat center/9px 18px; left: 0; }
    .process-section .cont-box .proc-wrap .swiper-arrow.swiper-button-next { background: url('/resources/img/sub/sub_arr_next.svg') no-repeat center/9px 18px; right: 0; }
}
@media screen and (max-width:500px){
	.process-section .cont-box .proc-tab > ul::before { top: 10px; }
    .process-section .cont-box .proc-tab > ul .proc-circle { width: 20px; height: 20px; font: 400 12px/20px 'Poppins'; }
    .process-section .cont-box .proc-tab > ul .proc-circle::before { width: 48px; height: 48px; }
    .process-section .cont-box .proc-tab > ul .proc-circle::after { width: 32px; height: 32px; }
    .process-section .cont-box .proc-box { padding: 25px; padding-top: 40px; }
    .process-section .cont-box .proc-box .proc-exp span { display: inline; }
    .process-section .cont-box .proc-wrap .swiper-control { top: 25px; right: 25px; }
}


.diet-stemcell-recommend { background-color: #F0E9E3; padding: 15rem 0 12rem; text-align: center; }
.diet-stemcell-recommend .h3-wrap { margin-bottom: 50px; }
.diet-stemcell-recommend .h3-wrap h3 span { display: inline; }

.diet-stemcell-faq { position: relative; background:url('/resources/img/sub/new/diet_stemcell_22.jpg') no-repeat center/cover; padding: 15rem 0; overflow: hidden; }
.diet-stemcell-faq .h3-wrap { margin-bottom: 50px; text-align: center; }
.diet-stemcell-faq .btn-row { max-width: 54rem; margin:6rem auto 0; }
.diet-stemcell-faq .btn-row .btn-md { flex:1; }


/* One'Slim 시그니처 바디 */
.fm-signaturebody { padding-bottom: 0; overflow: hidden; }

.fm-signaturebody .fm-sig-intro { padding: 20rem 0 0; }
.fm-signaturebody .fm-sig-intro .inner { display: grid; grid-template-columns: 1fr 1fr; }
.fm-signaturebody .fm-sig-intro__lead { margin-top: 2rem; margin-bottom: 3rem; }
.fm-signaturebody .fm-sig-intro__lead p { font: var(--basic-txt); line-height: 1.5; }
.fm-signaturebody .fm-sig-intro__media { border-radius: 1rem; overflow: hidden; }
.fm-signaturebody .fm-sig-intro__media img { width: 100%; height:100%; object-fit: cover; }


.fm-sig-program { position: relative; margin-top: 19rem; background-color: white; padding: 15rem 0; }
.fm-sig-program::before { content: ''; position: absolute; left:0; top:1px; transform: translateY(-100%); width: 100%; aspect-ratio: 1920/190; background: url('/resources/img/sub/new/fm_signature_bg.svg') no-repeat center/contain; }
.fm-sig-program .h3-wrap { margin-bottom: -3rem; }
.fm-sig-program .bullet li { color:var(--main-black); }
.fm-sig-program .bullet b { display: block; line-height: 1.8; }
.fm-sig-program .bullet p { line-height: 1.8; }
.fm-sig-program .principle-list > li{ align-items: center; }

.fm-sig-recommend { background-color: #F0E9E3; padding: 15rem 0 12rem; text-align: center; }
.fm-sig-recommend .h3-wrap { margin-bottom: 50px; }
.fm-sig-recommend .h3-wrap h3 span { display: inline; }

.fm-signaturebody .fm-sig-plan .h3-wrap small { color:white; }
.fm-signaturebody .fm-sig-plan .h3-wrap h3 { color:white; }
.fm-signaturebody .fm-sig-plan { position: relative; background: url('/resources/img/sub/new/fm_signaturebody_10.jpg') no-repeat center/cover; overflow: hidden; padding-bottom: 15rem; }
.fm-signaturebody .fm-sig-plan__head { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; color: #fff; }
.fm-signaturebody .fm-sig-plan__head-copy .desc { margin-top: 2rem; font-size: 2.6rem; line-height: 1.5; }
.fm-signaturebody .fm-sig-plan__head-photo { padding-left: 8.7rem; }
.fm-signaturebody .fm-sig-plan__head-photo img {  max-width: fit-content; }

.fm-signaturebody .fm-sig-plan__compare { margin-top: -5rem; position: relative; z-index: 1; background: linear-gradient(90deg, rgba(142, 162, 148, 0.50) 50%, rgba(255, 255, 255, 0.90) 50%); }
.fm-signaturebody .fm-sig-plan__compare .fm-sig-card { padding: 13rem 0; }
.fm-signaturebody .fm-sig-plan__compare table { width: 100%; }
.fm-signaturebody .fm-sig-plan__compare h4 { font-size: 3.5rem; }
.fm-signaturebody .fm-sig-plan__compare h4 b { font-weight: 600; }
.fm-signaturebody .fm-sig-plan__compare td { padding: 2rem; }
.fm-signaturebody .fm-sig-plan__compare td:has(h4) { padding: 0; padding-bottom: 5rem; border-top:none !important; border-bottom:none !important; }
.fm-signaturebody .fm-sig-plan__compare td:nth-child(1) { color:white; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.fm-signaturebody .fm-sig-plan__compare td:nth-child(3) { padding-left: 7.4rem; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.fm-signaturebody .fm-sig-plan__compare th div { display: flex; width: 100%; align-items: center; justify-content: center; padding: 1.8rem 0; font-weight: 600; line-height: 1.1; background: #5B6C60; border:2px solid #ECECEB; border-radius: 50px; color:white; }
.fm-signaturebody .fm-sig-plan__compare .bullet li { font-size: 1.6rem; }
.fm-signaturebody .fm-sig-plan__compare .bullet li:before { content: '-'; top:0; width: auto; aspect-ratio: auto; background: transparent; }


.fm-signaturebody .fm-sig-diff { position: relative; background: url('/resources/img/sub/new/fm_signaturebody_11.jpg') no-repeat center/cover; padding: 15rem 0;  text-align: center; }
.fm-signaturebody .fm-sig-diff .h3-wrap { margin-bottom: 50px; text-align: center; }
.fm-signaturebody .fm-sig-diff .h3-wrap span { display: inline; }
.fm-signaturebody .fm-sig-diff__cards { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: end; }
.fm-signaturebody .fm-sig-diff__card { border-radius: 2rem; padding: 6rem; position: relative; }
.fm-signaturebody .fm-sig-diff__card hr { border: 0; border-top: 1px solid #D9D9D9; }
.fm-signaturebody .fm-sig-diff__rows { display: flex; flex-direction: column; gap: 2.4rem; }
.fm-signaturebody .fm-sig-diff__vs { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 7rem; aspect-ratio: 1/1; border-radius: 50%; background: var(--key-color); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 2.3rem; z-index: 2; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }
.fm-signaturebody .fm-sig-diff__card:first-child { background: #EEEEEE; box-shadow: 0 17px 26px rgba(0, 0, 0, 0.09); }
.fm-signaturebody .fm-sig-diff__card:first-child .fm-sig-diff__card-label { font: var(--h4-kr); font-weight: 700; color: #666; margin-bottom: 4rem; }
.fm-signaturebody .fm-sig-diff__card:first-child .fm-sig-diff__rows p { font: var(--basic-txt); font-weight: 400; color: #666; line-height: 1.6; }
.fm-signaturebody .fm-sig-diff__card:last-child { background: white; border: 3px solid #5B6C60; box-shadow: 0 17px 26px rgba(0, 0, 0, 0.09); }
.fm-signaturebody .fm-sig-diff__card:last-child .fm-sig-diff__card-label { font: var(--h3-kr); color: var(--key-color); margin-bottom: 4rem; }
.fm-signaturebody .fm-sig-diff__card:last-child .fm-sig-diff__rows p { font: var(--h4-kr); font-weight: 600; color: var(--main-black); line-height: 1.6; }

@media screen and (max-width: 1024px) {
	.fm-signaturebody .fm-sig-intro .inner { display: block; }
	.fm-signaturebody .fm-sig-intro__media { margin-top: 4rem; height: 50rem; }
	.fm-signaturebody .fm-sig-plan__compare .inner { overflow-x: auto; }
	.fm-signaturebody .fm-sig-plan__compare { background: none; }
	.fm-signaturebody .fm-sig-plan__compare .fm-sig-card { padding:4rem; min-width: 1024px; background: linear-gradient(90deg, rgba(142, 162, 148, 0.50) 50%, rgba(255, 255, 255, 0.90) 50%); }
}

@media screen and (max-width: 768px) {
	.fm-signaturebody .fm-sig-intro { padding-top: 10rem; }
	.fm-sig-plan__head-copy { padding: 3rem 0; }
	.fm-signaturebody .fm-sig-plan__head-copy .desc br { display: none; }

	.fm-signaturebody .fm-sig-diff__cards { display: block; }
	.fm-signaturebody .fm-sig-diff__vs { top:51rem; }
}


/* 기능의학/수액 - 기능의학 검사 */
.fm-test { padding-bottom: 0; overflow: hidden; background-color: #f3f3f1; }
.fm-test .cont-tit-box { display: grid; grid-template-columns: repeat(2, 1fr); }
.fm-test .cont-tit-box .cont-txt { margin-top: 4rem; }

.fm-func-banner { padding: 20rem 0 12rem; }
.fm-func-banner .banner-wrap { margin-top: 2rem; background: url('/resources/img/sub/new/fm_test_1.jpg') no-repeat center/cover; }
.fm-func-banner .btn-md { width: fit-content; margin: 6rem auto 0; border-radius: 1.6rem; padding: 0 4.6rem; height: 6.4rem; font-size: 2.3rem; background: #a8b295; }

.fm-test .fm-func-need { padding: 12rem 0; background: #E1E3DF; }
.fm-test .fm-func-need__head { margin-bottom: 2rem; }
.fm-test .fm-func-need__sub { font: var(--basic-txt); color: #5B6C60; }
.fm-test .fm-func-need__title { margin-top: .5rem; font-size: 3.2rem; font-weight: 600; line-height: 1.4; color: var(--main-black); }

.fm-test .fm-func-need__quote { margin-top: 6rem; text-align: center; font: var(--h4-kr); line-height: 1.5; }
.fm-test .fm-func-need__quote { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; }
.fm-test .fm-func-need__quote::before,
.fm-test .fm-func-need__quote::after { content: ""; display: block; width: 4rem; aspect-ratio: 40/32; filter: invert(1); }
.fm-test .fm-func-need__quote::before { margin-bottom: 2rem; background: url('/resources/img/sub/new/ico_quotes_1.png') no-repeat center/contain; }
.fm-test .fm-func-need__quote::after { margin-top: 2rem; background: url('/resources/img/sub/new/ico_quotes_2.png') no-repeat center/contain; }

.fm-test .fm-func-items { padding: 12rem 0; }
.fm-test .fm-func-items .h3-wrap { margin-bottom: 2rem; }

.fm-test .fm-func-use { padding: 0 0 12rem; }
.fm-test .fm-func-use__grid { margin-top: 2rem; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.fm-test .fm-func-use__media { border-radius: 2rem; overflow: hidden; }
.fm-test .fm-func-use__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fm-test .fm-func-use__grid .bullet { padding-left: 8rem; gap:1rem; }
.fm-test .ico-arw { height: 1.2rem; filter:invert(1); }

.fm-test .fm-func-special { padding: 12rem 0; background: #e1e3df; }
.fm-test .fm-func-special .h3-wrap span { display: inline; }

@media screen and (max-width: 1024px) {
	.fm-test .fm-func-use__grid { grid-template-columns: repeat(1, 1fr); gap: 4rem; }
	.fm-test .fm-func-use__grid .bullet { padding-left: 0; }
	.fm-test .fm-func-use__media { height: 2rem; }

	.fm-test .fm-func-need { padding: 6rem 0; }
}

@media screen and (max-width: 768px) {
	.fm-func-banner { padding: 10rem 0 6rem; }
	.fm-func-banner .btn-md { padding: 0 3rem; }
}
@media screen and (max-width: 600px) {
	.fm-test .fm-func-need__quote br { display: none; }

}


/* 기능의학/수액 IV 테라피 센터 */
.iv-therapy { padding-bottom: 0; overflow: hidden; }

.iv-therapy-visual { padding: 18rem 0 12rem; }
.iv-therapy-visual__desc { margin-top: 2rem; }
.iv-therapy-visual__desc p { font: var(--basic-txt); line-height: 1.6; }

.iv-therapy-diff { padding: 0 0 10rem; }
.iv-therapy-diff__btns { margin: 6rem auto 0; max-width: 66rem; }
.iv-therapy-diff__btns a { flex: 1; }
.iv-therapy-diff__btns .btn--fill { border-radius: 1.6rem; background: #a8b295; }
.iv-therapy-diff__btns .btn--fill:hover { background: #5B6C60; }
.iv-therapy-diff__btns .btn--line { border-radius: 1.6rem; color:#5B6C60; border-color:#5B6C60; }

.iv-therapy-why { position: relative; padding: 10rem 0; }
.iv-therapy-why .cont-tit-box { display: grid; grid-template-columns: repeat(2, 1fr); }
.iv-therapy-why .cont-tit-box .cont-txt { margin-top: 4rem; line-height: 1.5; font:var(--basic-txt); }
.iv-therapy-why .banner-wrap { margin-top: 2rem; padding: 11rem 0; background: url('/resources/img/sub/new/fm_iv_6.jpg') no-repeat center/cover; }

.iv-therapy-program { padding: 10rem 0; }
.iv-therapy-program .h3-wrap { margin-bottom: 2rem; }

.iv-therapy-process { padding: 10rem 0 12rem; }
.iv-therapy-process__q { margin-top: 1rem; line-height: 1.5; color:#5B6C60; font-size: 2.4rem; line-height: 1.5; }

.iv-therapy-point { padding: 12rem 0; text-align: center; background: #E1E3DF; }
.iv-therapy-point h3 { margin-bottom: 3rem; font:var(--h3-kr); }

.iv-therapy-recommend { background-color: #f0e9e3; padding: 15rem 0; text-align: center; }
.iv-therapy-recommend .h3-wrap { margin-bottom: 5rem; }
.iv-therapy-recommend .recommend-list { max-width: 1164px; margin:0 auto; grid-template-columns: repeat(4, 1fr); gap:6rem 3rem; }

.iv-therapy-care.director-info-section { padding: 15rem 0 12rem; }

@media screen and (max-width: 768px) {
	.iv-therapy-visual { padding: 10rem 0 12rem; }
	.iv-therapy-program .basic-table-wrap { overflow-x: auto; }
	.iv-therapy-program table { min-width: 60rem; }
	
	.iv-therapy-recommend .recommend-list { grid-template-columns: repeat(3, 1fr); gap:3rem 2rem; }
}
@media screen and (max-width: 480px) {
	.iv-therapy-recommend .recommend-list { grid-template-columns: repeat(2, 1fr); gap:3rem 1rem; }
}


/*  기능의학/수액 - One’Slim Balance Center */
.fm-wellslim { padding-bottom: 0; overflow: hidden; }

.fm-wellslim .fm-well-visual { padding: 20rem 0 10rem; position: relative; }
.fm-wellslim .subdesc p { line-height: 1.5; }
.fm-wellslim .banner-wrap { margin-top: 2rem; background: url('/resources/img/sub/new/fm_wellslim_1.jpg') no-repeat center/cover; }

.fm-wellslim .fm-well-compare { padding: 10rem 0; }

.fm-wellslim .fm-well-program { padding: 10rem 0; }
.fm-wellslim .fm-well-program .h3-wrap { margin-bottom: 2rem; }

.fm-wellslim .fm-well-coach { padding: 12rem 0; background: #f3f3f1; }

.fm-well-faq { padding: 12rem 0 18rem; }
.fm-well-faq .h3-wrap { margin-bottom: 2rem; }
.fm-well-faq .faq-item { background: #E3E5DF; }
.fm-well-faq__btns { margin: 6rem auto 0; max-width: 66rem; }
.fm-well-faq__btns a { flex: 1; }
.fm-well-faq__btns .btn--fill { border-radius: 1.6rem; background: #a8b295; }
.fm-well-faq__btns .btn--fill:hover { background-color: #5B6C60; }
.fm-well-faq__btns .btn--line { border-radius: 1.6rem; color:#5B6C60; border-color:#5B6C60; }

@media screen and (max-width: 768px) {
	.fm-wellslim .fm-well-visual { padding: 10rem 0 5rem; }
	.fm-well-program .basic-table-wrap { overflow-x: auto; }
	.fm-well-program table { min-width: 60rem; }

	.fm-wellslim .fm-well-compare { padding: 5rem 0; }

	.fm-wellslim .fm-well-program { padding: 5rem 0; }

	.fm-well-faq { padding: 12rem 0 10rem; }
}


/* 다이어트 - O₂ Recovery Center (고압산소) */
.diet-recovery { overflow: hidden; }

.diet-recovery-intro { padding: 20rem 0 10rem; }
.diet-recovery-intro__grid { display: flex; gap:10rem; margin-top: 4rem; }
.diet-recovery-intro__tag { flex-shrink: 0; font-size: 2.2rem; font-weight: 700; line-height: 1.5; }
.diet-recovery-intro__right p { font: var(--basic-txt); line-height: 1.5; }
.diet-recovery-intro__right p + p { margin-top: 1.5rem; }

.diet-recovery-why { padding: 10rem 0; }
.diet-recovery-why__head { display: grid; grid-template-columns: repeat(2, 1fr); }
.diet-recovery-why__lead { margin-top: 3rem; font-size: 2.4rem; font-weight: 500; line-height: 1.5; }
.diet-recovery-why__desc { margin-top: 2rem; font: var(--basic-txt); line-height: 1.5; }
.diet-recovery-why .ico-arw { filter:invert(1); }

.diet-recovery-effects__label { margin-top: 6rem; font:var(--h3-kr); }
.diet-recovery-effects__sub { margin-top: 1.5rem; font:var(--basic-txt); }

.diet-recovery-diff__head { display: grid; grid-template-columns: repeat(2, 1fr); }
.diet-recovery-diff__lead { margin-top: 3rem; font-size: 2.4rem; font-weight: 500; }
.diet-recovery-diff .principle-list { margin-top: 2rem; gap:6rem; }
.diet-recovery-diff .principle-list .bullet { margin-top: 1rem; }
.diet-recovery-diff .principle__copy h4 { font-size: 2.4rem; margin-bottom: 1rem; }
.diet-recovery-diff .principle__copy .num { margin-bottom: .5rem; }
.diet-recovery-diff .principle-list > li { align-items: center; }
.diet-recovery-diff .principle__media { aspect-ratio: 72/36; }
.diet-recovery-diff .basic-table-wrap { margin-top: 6rem; }

.diet-recovery-proven { padding: 10rem 0; }
.diet-recovery-proven__grid { margin-top: 3rem; display: grid; grid-template-columns: 1fr 1fr; }
.diet-recovery-proven__media { border-radius: 2rem; overflow: hidden; aspect-ratio: 72/36; }
.diet-recovery-proven__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.diet-recovery-proven__grid ul { margin-top: 2rem; padding-left: 8rem; }
.diet-recovery-proven__grid .bullet { gap:0.6rem; }

.diet-recovery-process { padding: 10rem 0; }
.diet-recovery-process .ico-arw { filter: invert(1); }

.diet-recovery-stories { padding: 10rem 0 20rem; }

.diet-recovery-quote { position: relative; padding: 3.2rem 0; background: url('/resources/img/sub/new/diet_recovery_16.jpg') no-repeat center/cover; }
.diet-recovery-quote small { margin-top: 0; }
.diet-recovery-quote small span { display: block; line-height: 1.6; }

.diet-recovery-cta { margin: 6rem auto 0; max-width: 66rem; }
.diet-recovery-cta a { flex: 1; }
.diet-recovery-cta .btn--fill { border-radius: 1.6rem; background: #a8b295; }
.diet-recovery-cta .btn--line { border-radius: 1.6rem; color:#5B6C60; border-color:#5B6C60; }

@media screen and (max-width: 1024px) {
	.diet-recovery-proven__grid ul { padding-left: 6rem; }
}
@media screen and (max-width: 768px) {
	.diet-recovery-intro { padding: 10rem 0 5rem; }
	.diet-recovery-intro__grid { flex-direction: column; gap:3rem; }
	
	.diet-recovery-diff .basic-table-wrap { overflow-x: auto; }
	.diet-recovery-diff .basic-table-wrap table { min-width: 80rem; }
	
	.diet-recovery-diff__head { grid-template-columns: repeat(1, 1fr); }
	
	.diet-recovery-proven__grid { grid-template-columns: repeat(1, 1fr); }
	.diet-recovery-proven__grid ul { padding-left: 0; }

	.diet-recovery-why { padding: 5rem 0; }
	.diet-recovery-proven { padding: 5rem 0; }
	.diet-recovery-process { padding: 5rem 0; }
	.diet-recovery-stories { padding: 5rem 0 10rem; }
}
@media screen and (max-width: 600px) {
	.diet-recovery-why__head { grid-template-columns: 1fr; }
}


/* 다이어트 - Mind-Body Balance */
.diet-mindbody { padding-bottom: 0; overflow: hidden; }
.diet-mindbody h4 { font: var(--h3-kr); margin: 0 0 3rem; }

.diet-mindbody-intro { padding: 20rem 0 12rem; }
.diet-mindbody-intro__head { display: flex; gap: 17rem; margin-top: 4rem; }
.diet-mindbody-intro__tag { flex-shrink: 0; font: 700 2.2rem/1.5 'SUIT', sans-serif; }
.diet-mindbody-intro__body { font: var(--basic-txt); line-height: 1.5; }
.diet-mindbody-intro__body p { line-height: 1.5; }
.diet-mindbody-intro__quote { font-weight: 700; font-size: 2.2rem; margin-top: 2rem !important; }

.diet-mindbody-fascia { padding: 0 0 6rem; }
.diet-mindbody-fascia .inner { display: grid; grid-template-columns: repeat(2, 1fr); }
.diet-mindbody-fascia__body { display: flex; flex-direction: column; gap:1.6rem; font: var(--basic-txt); line-height: 1.5; }
.diet-mindbody-fascia__body p { line-height: 1.5; }
.diet-mindbody-fascia__lead { font: 700 2.2rem/1.5 'SUIT', sans-serif; }
.diet-mindbody-fascia__list li::before { content: "-"; top:0; width: auto; height: auto; background: none; }
.diet-mindbody-fascia__body .bullet li:before { content: "-"; top:0; width: auto; height: auto; background: none; }

.diet-mindbody-program { padding: 0 0 6rem; }

.diet-mindbody-cards { padding: 0 0 12rem; }
.diet-mindbody-cards .card-col-list { display: grid; grid-template-columns: repeat(4, 1fr); gap:4rem 2rem; }
.diet-mindbody-cards .card-col-list-img { aspect-ratio: 1/1; }

.diet-mindbody-quote { background: url('/resources/img/sub/new/diet_mindbody_5.jpg') no-repeat center/cover; }
.diet-mindbody-quote2 { background: url('/resources/img/sub/new/diet_mindbody_19.jpg') no-repeat center/cover; }

.diet-mindbody-counsel { padding: 20rem 0 10rem; }
.diet-mindbody-counsel__head { display: grid; grid-template-columns: repeat(2, 1fr); font:var(--basic-txt); }
.diet-mindbody-counsel__lead { font: 700 2.2rem/1.5 'SUIT', sans-serif; margin: 3rem 0 1.2rem; }

.diet-mindbody-system { padding: 0 0 6rem; }
.diet-mindbody-system h4 { margin-bottom: 0; }

.diet-mindbody-recommend { background: #f0e9e3; padding: 12rem 0 10rem; text-align: center; }
.diet-mindbody-recommend .recommend-list { margin-top: 5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap:4rem 2rem; }

.diet-mindbody-integrate { padding: 16rem 0 6rem; }
.diet-mindbody-integrate .ico-arw { filter:invert(1); }
.diet-mindbody-integrate .inner { display: grid; grid-template-columns: 1fr 1fr; }
.diet-mindbody-integrate__lead { margin: 3rem 0 1rem;; font: 700 2.2rem/1.5 'SUIT', sans-serif; color: var(--main-black); }
.diet-mindbody-integrate__ex { font: var(--basic-txt); margin: 0 0 1rem; }
.diet-mindbody-integrate__list { list-style: none; padding: 0; margin: 0; font: var(--basic-txt); line-height: 1.8; color: var(--main-black); }
.diet-mindbody-integrate__list li { position: relative; padding-left: 1.2rem; margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; }
.diet-mindbody-integrate__list li::before { content: ""; position: absolute; left: 0; top: 0.75em; width: 3px; height: 3px; border-radius: 50%; background: var(--main-black); }
.diet-mindbody-integrate__list img { width: 1.4rem; height: auto; }

@media screen and (max-width: 1024px) {
	.diet-mindbody-intro__head { gap: 8rem; }
}
@media screen and (max-width: 768px) {
	.diet-mindbody-intro { padding: 10rem 0 6rem; }
	.diet-mindbody-intro__head { flex-direction: column; gap: 3rem; }
	
	.diet-mindbody-fascia .inner { grid-template-columns: 1fr; gap:3rem; }
	
	.diet-mindbody-cards { padding: 0 0 6rem; }
	.diet-mindbody-cards .card-col-list { grid-template-columns: repeat(2, 1fr); gap:3rem 2rem; }
	
	.diet-mindbody-counsel { padding: 10rem 0 5rem; }
	.diet-mindbody-counsel__head { grid-template-columns: repeat(1,1fr); gap:3rem; }
	
	.diet-mindbody-recommend .recommend-list { grid-template-columns: repeat(2, 1fr); gap:3rem 2rem; }
	
	.diet-mindbody-integrate { padding: 8rem 0 6rem; }
	.diet-mindbody-integrate .inner { grid-template-columns: repeat(1, 1fr); gap:3rem; }
}
@media screen and (max-width: 480px) {
	.diet-mindbody-cards .card-col-list { grid-template-columns: repeat(1, 1fr); gap:3rem 2rem; }
}

/* 항노화 - 메디컬 스킨/바디 센터 */
.antiaging-skinbody { padding-bottom: 0; overflow: hidden; }
.antiaging-skinbody .ico-arw { filter:invert(1); }

.antiaging-skinbody-intro { padding: 20rem 0 6rem; }
.antiaging-skinbody-intro .inner { display: grid; grid-template-columns: 1fr 1fr;}
.antiaging-skinbody-intro__body { margin-top: 4rem; font: var(--basic-txt); line-height: 1.6; }
.antiaging-skinbody-intro__body p { line-height: 1.6; }
.antiaging-skinbody-intro__body p + p { margin-top: 1.6rem; }

.antiaging-skinbody-quote1 { background: url('/resources/img/sub/new/antiaging_skinbody_1.jpg') no-repeat center/cover; }
.antiaging-skinbody-quote1 .banner-box div { width: 100%; }

.antiaging-skinbody-program { padding: 20rem 0 10rem; }
.antiaging-skinbody-program .h3-wrap { margin-bottom: 3rem; }
.antiaging-skinbody-program .basic-table-wrap { width: 100% !important; margin-top: 6rem; }
.antiaging-skinbody-program .principle__media { aspect-ratio: 72/36; }
.antiaging-skinbody-program .principle-list { gap:6rem; }
.antiaging-skinbody-program .principle-list > li { flex-wrap: wrap; }
.antiaging-skinbody-program .principle-list .bullet { margin-top: 1rem; }
.antiaging-skinbody-program .principle__copy h4 { font-size: 2.4rem; margin-bottom: 1rem; }
.antiaging-skinbody-program .principle__copy .num { margin-bottom: .5rem; }
.antiaging-skinbody-program .principle-list > li { align-items: center; }

.antiaging-skinbody-cards { padding: 12rem 0 20rem; }
.antiaging-skinbody-cards .h3-wrap span { display: inline; }
.antiaging-skinbody-cards .card-col-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem 2rem; }
.antiaging-skinbody-cards .card-col-list-img { aspect-ratio: 1/1; }

.antiaging-skinbody-recommend { background: #f0e9e3; padding: 15rem 0; text-align: center; }
.antiaging-skinbody-recommend .recommend-list { margin-top: 5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem 2rem; }

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.antiaging-skinbody-intro { padding-top: 10rem; }
	.antiaging-skinbody-intro .inner { display: flex; flex-direction: column; }
	.antiaging-skinbody-cards .card-col-list { grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; }
	.antiaging-skinbody-recommend .recommend-list { grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; }

	.antiaging-skinbody-program { padding-top: 10rem; }
	.antiaging-skinbody-cards { padding: 0 0 10rem; }
}
@media screen and (max-width: 480px) {
	.antiaging-skinbody-hero { min-height: 42rem; }
	.antiaging-skinbody-cards .card-col-list { grid-template-columns: repeat(1, 1fr); gap: 3rem 2rem; }

	.antiaging-skinbody-quote1 .banner-box div br {  display: none; }
}


/* 항노화 - One:der Juice Lab */
.antiaging-wonderjuice { padding-bottom: 0; overflow: hidden; }

.antiaging-wonderjuice-intro { padding: 20rem 0 10rem; }
.antiaging-wonderjuice-intro__body { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 2rem; font: var(--basic-txt); }
.antiaging-wonderjuice-intro__body p { line-height: 1.6; }
.antiaging-wonderjuice-intro__body ul { margin-top: 2rem; }
.antiaging-wonderjuice-intro__lead { font: 700 2.2rem/1.5 'SUIT', sans-serif; }

.antiaging-wonderjuice-banner { padding: 7rem 0; position: relative; background: url('/resources/img/sub/new/antiaging_wonderjuice_1.jpg') no-repeat center/cover; }
.antiaging-wonderjuice-banner small { opacity: .95; }
.antiaging-wonderjuice-banner p { font-weight: 700; }

.antiaging-wonderjuice-lineup { padding: 20rem 0 16rem; }
.antiaging-wonderjuice-lineup__head { display: grid; grid-template-columns: repeat(2, 1fr); font: var(--basic-txt); margin-bottom: 3rem; }
.antiaging-wonderjuice-lineup__head p { margin-top: 3rem; line-height: 1.6; }
.antiaging-wonderjuice-lineup__head b { font-weight: 800; }

.antiaging-wonderjuice-card { z-index: 1; position: relative; padding: 16rem 8rem; border-radius: 2rem; overflow: hidden; background: url('/resources/img/sub/new/antiaging_wonderjuice_2.jpg') no-repeat center/cover; }
.antiaging-wonderjuice-ranks { display: flex; flex-direction: column; gap: 4rem; color: #fff; }
.antiaging-wonderjuice-ranks li { display: grid; grid-template-columns: 5rem 21rem 1fr; gap: 2rem; align-items: start; }
.antiaging-wonderjuice-ranks__icon { width: 100%; margin-top: -1rem; aspect-ratio: 1/1; }
.antiaging-wonderjuice-ranks__title { font: 700 2.4rem/1.4 'Poppins','SUIT',sans-serif; }
.antiaging-wonderjuice-ranks__title span { font-weight: 400; }
.antiaging-wonderjuice-ranks__desc { margin: 0; font: var(--basic-txt); line-height: 1.5; }
.antiaging-wonderjuice-ranks__desc b { display: block; font-weight: 800; }

.antiaging-wonderjuice-recommend { background: #f0e9e3; padding: 15rem 0; text-align: center; }
.antiaging-wonderjuice-recommend .recommend-list { margin-top: 5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem 2rem; }

@media screen and (max-width: 1024px) {
	.antiaging-wonderjuice-card { padding: 8rem 4rem; }
}
@media screen and (max-width: 768px) {
	.antiaging-wonderjuice-intro { padding-top: 10rem; }
	.antiaging-wonderjuice-intro__body { display: flex; flex-direction: column; gap: 3rem; }
	.antiaging-wonderjuice-recommend .recommend-list { grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; }
	.antiaging-wonderjuice-lineup__head { display: flex; flex-direction: column; }

	.antiaging-wonderjuice-lineup { padding-top: 10rem; }
	.antiaging-wonderjuice-recommend { padding: 10rem 0; }
	.antiaging-wonderjuice-ranks { position: relative; z-index: 1; }
	.antiaging-wonderjuice-card::before { content: ""; z-index: -1; position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
}
@media screen and (max-width: 600px) {
	.antiaging-wonderjuice-ranks li { grid-template-columns: 5rem 1fr; }
	.antiaging-wonderjuice-ranks__desc { grid-column: 1/3; }
}