@import url('sub.css'); 

/**** S:: 클리닉 공통 ****/

:root { --clinic: #a278ad; }
.contents_in:has(.ftg),
.ftg { --clinic: #e4817e; }
.contents_in:has(.int),
.int { --clinic: #00704a; }
.contents_in:has(.fem),
.fem { --clinic: #c7b085; }
.contents_in:has(.ibs),
.ibs { --clinic: #00704a; }
.contents_in:has(.diet),
.diet { --clinic: #00704a; }

.mart10 {margin-top:10px;}
.sub_anchor_tab { background: var(--clinic); }

.sub_tit .fs16E { color: var(--clinic); font-weight: 600; }

.ftg .intro_txt { gap: 20px; }
.dep_intro .sub_tit .fs26 { color: var(--black); font-weight: 300; margin-top: 10px; }
.dep_tit::before { background: var(--clinic); }
.dep_tit .fs18 { color: var(--basic); font-weight: 400; }
.dep_tit .fs18 * {line-height:inherit; letter-spacing: inherit;}
.dep_tit .fs22 { color: var(--black); font-weight: 400; }
.dep_tit .fs22 .fs18 {margin:2px 0 0;}
.dep_tit em { color: var(--black); font-weight: 600; font-style: normal; }
.dep_tit > .fs22 + .fs18 { margin-top: -13px; }

#faq {--clinic: #00704a;}
#faq .faq_list dl.on dt{background:var(--clinic);}
#faq .faq_list dl dt::before{color:var(--clinic);}
#faq .faq_list dl.on dt::after{color:var(--clinic);}
#faq .faq_list dl dd{border-color:var(--clinic);}


#faq.clinic_1 {--clinic: #a278ad;}
#faq.clinic_1 .faq_list dl.on dt{background:var(--clinic);}
#faq.clinic_1 .faq_list dl dt::before{color:var(--clinic);}
#faq.clinic_1 .faq_list dl.on dt::after{color:var(--clinic);}
#faq.clinic_1 .faq_list dl dd{border-color:var(--clinic);}

#faq.clinic_2 {--clinic: #e4817e;}
#faq.clinic_2 .faq_list dl.on dt{background:var(--clinic);}
#faq.clinic_2 .faq_list dl dt::before{color:var(--clinic);}
#faq.clinic_2 .faq_list dl.on dt::after{color:var(--clinic);}
#faq.clinic_2 .faq_list dl dd{border-color:var(--clinic);}

#faq.clinic_5 {--clinic: #c7b085;}
#faq.clinic_5 .faq_list dl.on dt{background:var(--clinic);}
#faq.clinic_5 .faq_list dl dt::before{color:var(--clinic);}
#faq.clinic_5 .faq_list dl.on dt::after{color:var(--clinic);}
#faq.clinic_5 .faq_list dl dd{border-color:var(--clinic);}

/**** S:: 인트로 ****/

.dep_intro .basic_in + .basic_in { margin-top: 100px; }
.proc_why { margin-top: 40px !important;}
.intro_area { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; }
.intro_area figure { width: 100%; aspect-ratio: 1530 / 510; border-radius: var(--borderR30); overflow: hidden; display: block; background: var(--bk000); }
.intro_area figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.intro_txt { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; text-align: center; }
.intro_txt .black {color: var(--black);}
.intro_txt .fs18 strong {display:block; color:var(--black); font-weight: 700; letter-spacing: inherit;}
.intro_txt .fs18 .black {color: var(--black); line-height:inherit; letter-spacing:inherit;}
.intro_txt em { color: var(--black); font-style: normal; text-decoration: underline; text-underline-offset: 3px; letter-spacing:inherit; line-height:inherit;}
.dep_intro .intro_txt .fs16 { color: var(--light); }
.btn_area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; padding-top: 30px; }
.btn_area a { display: flex; align-items: center; justify-content: center; gap: 10px; width: 180px; height: 62px; padding: 0 10px; box-sizing: border-box; border-radius: var(--borderR50); background: var(--white); border: 1px solid var(--border); transition: background-color 0.3s linear, border-color 0.3s linear; }
.btn_area a::before { content: ''; display: block; flex-shrink: 0; mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transition: background-color 0.3s linear; }
.btn_area a span { transition: color 0.3s linear; white-space: nowrap;}
.btn_area a:nth-child(1) { border-color: #00bd60; }
.btn_area a:nth-child(1)::before { width: 16px; height: 22px; background-color: #00bd60; mask-image: url('/clinic/img/naver.svg'); -webkit-mask-image: url('/clinic/img/naver.svg'); }
.btn_area a:nth-child(1) span { color: #00bd60; font-weight: 600; }
.btn_area a:nth-child(1):hover { background: #00bd60; border-color: #00bd60; }
.btn_area a:nth-child(1):hover::before { background-color: var(--white); }
.btn_area a:nth-child(1):hover span { color: var(--white); }
.btn_area a:nth-child(2) { border-color: #3c1f1e; }
.btn_area a:nth-child(2)::before { width: 24px; height: 22px; background-color: #3c1f1e; mask-image: url('/clinic/img/kakao.svg'); -webkit-mask-image: url('/clinic/img/kakao.svg'); }
.btn_area a:nth-child(2) span { color: #3c1f1e; font-weight: 600; }
.btn_area a:nth-child(2):hover { background: #3c1f1e; border-color: #3c1f1e; }
.btn_area a:nth-child(2):hover::before { background-color: var(--white); }
.btn_area a:nth-child(2):hover span { color: var(--white); }
.btn_area a:nth-child(3) { border-color: var(--main); }
.btn_area a:nth-child(3)::before { width: 24px; height: 24px; background-color: var(--main); mask-image: url('/clinic/img/phone.svg'); -webkit-mask-image: url('/clinic/img/phone.svg'); }
.btn_area a:nth-child(3) span { color: var(--main); font-weight: 600; }
.btn_area a:nth-child(3):hover { background: var(--main); border-color: var(--main); }
.btn_area a:nth-child(3):hover::before { background-color: var(--white); }
.btn_area a:nth-child(3):hover span { color: var(--white); }

/**** E:: 인트로 ****/



/**** S:: 셀프체크 ****/

.gray_box { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px; background: var(--grayBg); border-radius: var(--borderR30); box-sizing: border-box; }
.check_wrap { width: 100%; max-width: 530px; }
.rls_check .check_wrap { width: 100%; max-width: 550px; }
.check_wrap .fs26E { display: flex; align-items: center; justify-content: center; padding: 15px 0; background: var(--clinic); border-radius: var(--borderR15) var(--borderR15) 0 0; color: var(--white); font-weight: 700; text-align: center; }
.check_wrap ul { display: flex; flex-direction: column; gap: 7px; padding: 25px 30px; background: var(--white); border: 1px solid var(--clinic); border-top: 0; border-radius: 0 0 var(--borderR15) var(--borderR15); box-sizing: border-box; }
.check_wrap ul li { position: relative; padding-left: 30px; }
.check_wrap ul li.fs18 { color: var(--basic); }
.check_wrap ul li::before { content: ''; position: absolute; left: 0; top: 5px; width: 21px; height: 20px; background-color: var(--clinic); mask-image: url('/clinic/img/icon_check.svg'); -webkit-mask-image: url('/clinic/img/icon_check.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transition: background-color 0.3s linear; }
.gray_box > .fs18 { color: var(--black); text-align: center; }

/**** E:: 셀프체크 ****/



/**** S:: 대상 환자 ****/

.dep_target { margin-top: 100px; }
.target_list { display: flex; gap: 30px; width: 100%; margin-bottom: 40px; }
.target_list li { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px 30px; background: var(--white); border: 1px solid var(--border); border-radius: var(--borderR15); box-sizing: border-box; }
.target_list li figure { position: relative; display: flex; align-items: center; justify-content: center; /* width: 172px; height: 140px;  */}
/* .target_list li figure::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/icon_bg01.png') no-repeat center / contain; }
.target_list li:nth-child(2) figure::before,
.target_list li:nth-child(4) figure::before { background-image: url('/clinic/img/icon_bg02.png'); } */
.target_list li figure img { position: relative; z-index: 1; display: block; max-width: 100%; width: auto; height: auto; }
.target_list li dl { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.proc .target_list li dl {margin-top: 10px;}
.target_list li dt { color: var(--black); font-weight: 700; }
.target_list li dd { color: var(--basic); }
.target_list li dd strong {font-weight: 600; color:var(--black); line-height: inherit; letter-spacing: inherit;}
.dep_target > .fs18 { color: var(--basic); text-align: center; }

/**** E:: 대상 환자 ****/



/**** S:: 원인 ****/

.dep_cause { background: var(--grayBg); }
.cause_list { display: flex; flex-wrap: wrap; gap: 50px 30px; width: 100%; margin-bottom: 30px; }
.cause_list li { width: calc((100% - 60px) / 3); }
.cause_list li figure { aspect-ratio: 490 / 360; border-radius: var(--borderR15); overflow: hidden; display: block; /*background: var(--bk000); */}
.cause_list li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cause_list li dl { padding-top: 20px; }
.cause_list li dl a {color:var(--black); font-weight:bold; line-height:inherit; letter-spacing:inherit; text-decoration:underline; text-underline-offset:4px;}
.cause_list li dt { color: var(--black); font-weight: 700; }
.cause_list li dt span.fs26 { font-weight: 300; letter-spacing: 0;}
.cause_list li dd { margin-top: 10px; }
.dep_cause > .basic_in > .fs18 { color: var(--light); padding-top: 30px; border-top: 1px solid var(--border); }

/**** E:: 원인 ****/



/**** S:: 감별 진단 ****/

.diff_area { padding: 100px 100px 0; box-sizing: border-box; }
.diff_in { position: relative; padding: 200px 50px; border-radius: var(--borderR100); overflow: hidden; background: var(--bk000); }
.diff_in::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/diff_bg.jpg') no-repeat center / cover;  pointer-events: none; }
.diff_in .dep_tit { position: relative; z-index: 1; }
.diff_in .dep_tit .fs40 { color: var(--white); }
.diff_in .dep_tit .fs18 { color: var(--basic_w); }
.diff_in ul { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; width: 100%; margin:0 auto 40px; max-width:1070px; }
.fem .diff_in ul {max-width:100%;}
.diff_in ul li { position: relative; display: flex; align-items: center; gap: 10px; padding: 15px 30px 15px 15px; background: rgba(255,255,255,0.15); border-radius: var(--borderR50); color: var(--basic_w);}
.diff_in ul li::before { content: ''; display: block; width: 42px; height: 42px; border-radius: 50%; background-color: var(--clinic); flex-shrink: 0; transition: background-color 0.3s linear; }
.diff_in ul li::after { content: ''; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); width: 21px; height: 20px; background-color: var(--white); mask-image: url('/clinic/img/icon_check.svg'); -webkit-mask-image: url('/clinic/img/icon_check.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transition: background-color 0.3s linear; pointer-events: none; }
.diff_in ul li .fs18 { color: var(--white); }
.diff_in > .fs18 { position: relative; z-index: 1; color: rgba(255,255,255,0.5); text-align: center; }
.diff_in > .fs18 em { color: var(--white); font-weight: 600; font-style: normal; }

/**** E:: 감별 진단 ****/



/**** S:: 진료 방식 ****/
.table_style { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; border-radius: var(--borderR30) var(--borderR30) 0 0; overflow: hidden; }
.table_style thead th { padding: 18px 10px; text-align: center; font-weight: 600; color: var(--white); border-right: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15); background: var(--light); }
.table_style thead th:first-child,
.table_style tbody th { width: 400px; }
.table_style thead th:last-child { background: var(--clinic); border-right: 0; }
.table_style tbody th { padding: 18px 10px; text-align: center; font-weight: 600; color: var(--black); background: var(--grayBg); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.table_style tbody td { padding: 18px 10px; text-align: center; background: var(--white); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
:is(.dep_method, .rls_method, .ftg_method) .table_style tbody td:not(:last-child) { color: var(--basic); }
.table_style tbody td:last-child { color: var(--black); border-right: 0; }

:is(.dep_method, .anx_method, .rls_method, .ftg_method) .sub_tit .fs18 { color: var(--basic); }
/**** E:: 진료 방식 ****/



/**** S:: 진료 프로세스 ****/

.dep_process { margin-top: 100px; }
.process_list { display: flex; gap: 30px; width: 100%; margin-bottom: 40px; }
.process_list li { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px 30px; background: var(--white); border: 1px solid var(--border); border-radius: var(--borderR15); box-sizing: border-box; }
.dep_cause .process_list li {border:none;}
.process_list li .fs16E { color: var(--clinic); font-weight: 600; text-transform: uppercase; }
.process_list li figure { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 172px; }
.process_list li figure img { position: relative; z-index: 1; display: block; max-width: 100%;}
.process_list li dl { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.process_list li dl a {color:var(--black); font-weight:bold; line-height:inherit; letter-spacing:inherit; text-decoration:underline; text-underline-offset:4px;}
.process_list li dt { color: var(--black); font-weight: 700; }
.process_list li::after { content: ''; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 30px; height: 15px; background: url('/clinic/img/step_arrow.svg') no-repeat center / contain; pointer-events: none; }
.process_list li:last-child::after { display: none; }
.dep_process > .fs18 { color: var(--light); }

/**** E:: 진료 프로세스 ****/



/**** S:: 마무리 ****/

.dep_outro { position: relative; background: var(--bk000); overflow: hidden; }
.dep_outro::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/outro_bg.jpg') no-repeat center / cover; pointer-events: none; }
.dep_outro .basic_in { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 60px; }
.outro_txt { display: flex; flex-direction: column; align-items: center; gap: 25px; text-align: center; width: 100%; }
.outro_txt .fs18 { color: var(--basic_w); }
.outro_txt .fs50 { color: var(--white); }
.outro_txt .fs26 { color: var(--white); font-weight: 200; text-decoration: underline; text-underline-offset: 4px;}
.dep_outro .btn_area { padding-top: 0; }
.dep_outro .btn_area a { background: transparent; border-color: rgba(255,255,255,0.5); }
.dep_outro .btn_area a::before { background-color: var(--white); }
.dep_outro .btn_area a span { color: var(--white); font-weight: 600; }
.dep_outro .btn_area a:nth-child(1):hover { background: var(--white); border-color: #00bd60; }
.dep_outro .btn_area a:nth-child(1):hover::before { background-color: #00bd60; }
.dep_outro .btn_area a:nth-child(1):hover span { color: #00bd60; }
.dep_outro .btn_area a:nth-child(2):hover { background: var(--white); border-color: #3c1f1e; }
.dep_outro .btn_area a:nth-child(2):hover::before { background-color: #3c1f1e; }
.dep_outro .btn_area a:nth-child(2):hover span { color: #3c1f1e; }
.dep_outro .btn_area a:nth-child(3):hover { background: var(--white); border-color: var(--main); }
.dep_outro .btn_area a:nth-child(3):hover::before { background-color: var(--main); }
.dep_outro .btn_area a:nth-child(3):hover span { color: var(--main); }
.alert_box { width: 100%; max-width: 1070px; padding: 50px; background: rgba(255,255,255,0.15); border-radius: var(--borderR30); box-sizing: border-box; margin:0 auto;}
.alert_tit { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.alert_tit::before { content: 'notification_important'; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--clinic); font-family: var(--icon); font-size: 26px; line-height: 1; color: var(--white); font-weight: 400; flex-shrink: 0; font-variation-settings: 'FILL' 1; }
.alert_tit .fs22 { color: var(--white); font-weight: 700; }
.alert_box > .fs18 { color: var(--basic_w); }
.alert_box > .fs18 em { color: var(--white); font-weight: 700; font-style: normal; }
.outro_note { display: flex; flex-direction: column; gap: 2px; width: 100%; max-width: 1070px; margin-top:-20px;}
.outro_note .fs18 { color: var(--basic_w); }

/**** E:: 마무리 ****/



/**** S:: 불안장애 - 뇌 ****/

.anx_brain { background: var(--grayBg); }
.brain_area { display: flex; align-items: center; gap: 0; width: 100%; }
.brain_area figure { width:50%; aspect-ratio: 765 / 530; border-radius: var(--borderR30); overflow: hidden; display: block; background: var(--bk000); }
.brain_area figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.brain_txt { width:50%; display: flex; flex-direction: column; gap: 20px; padding-left: 90px; box-sizing: border-box; }
.brain_txt .quote_wrap { display: flex; flex-direction: column; gap: 10px; }
.brain_txt .quote_wrap .fs26 { color: var(--clinic); font-weight: 700; }
.brain_txt .quote_wrap .fs22 { color: var(--black); font-weight: 400; }
.brain_txt .fs18 { color: var(--basic); }
.brain_txt .fs18 em { color: var(--black); font-weight: 600; font-style: normal; }
.brain_txt > .fs22 { color: var(--black); }
.brain_txt > .fs22 b {font-weight: 700; letter-spacing:inherit; list-style: inherit;}

/**** E:: 불안장애 - 뇌 ****/



/**** S:: 불안장애 - 통합 진료 ****/

.anx_synergy { position: relative; background: var(--bk000); overflow: hidden; }
.anx_synergy::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/anxiety_synergy_bg.jpg') no-repeat center / cover;  pointer-events: none; }
.anx_synergy .basic_in { position: relative; z-index: 1; }
.anx_synergy .sub_tit .fs50 { color: var(--white); }
.anx_synergy .sub_tit .fs18 { color: rgba(255,255,255,0.8); }
.anx_synergy .sub_tit .fs18 em { color: var(--white); font-weight: 600; font-style: normal; }
.synergy_list { display: flex; flex-direction: column; gap: 5px; width: 100%; margin-bottom: 30px; }
.synergy_list li { display: flex; align-items: center; gap: 40px; padding: 45px 50px; background: rgba(255,255,255,0.85); border: 1px solid rgba(255,255,255,0.15); border-radius: var(--borderR15); box-sizing: border-box; backdrop-filter: blur(7.5px); }
.synergy_list li figure { position: relative; display: flex; align-items: center; justify-content: center; width: 172px; height: 140px; flex-shrink: 0; }
.synergy_list li figure img { position: relative; z-index: 1; display: block; max-width: 100%; width: auto; height: auto; }
.synergy_list li dl { display: flex; flex-direction: column; gap: 10px; flex: 1; min-width: 0; }
.synergy_list li dt { color: var(--black); font-weight: 700; }
.synergy_list li dd { color: var(--basic); }
.synergy_note { display: flex; flex-direction: column; gap: 2px; width: 100%; }
.synergy_note .fs18 { color: rgba(255,255,255,0.5); }
/**** E:: 불안장애 - 통합 진료 ****/



/**** S:: 불안장애 - 진료 영역 ****/

.anx_type { margin-top: 100px; }
.type_list { display: flex; flex-wrap: wrap; gap: 50px 30px; width: 100%; }
.type_list li { width: calc((100% - 90px) / 4); }
.type_list li figure { aspect-ratio: 360 / 360; border-radius: var(--borderR15); overflow: hidden; display: block; background: var(--bk000); }
.type_list li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.type_list li dl { padding-top: 20px; }
.type_list li dt { color: var(--black); font-weight: 700; }
.type_list li dd { margin-top: 10px; color: var(--basic); }
.anx_outro::before { background-image: url('/clinic/img/anxiety_outro_bg.jpg'); }
.anx_outro .outro_txt .fs26 { text-decoration: none; font-weight: 200; }
.dep_outro .btn_area a:nth-child(4) { border-color: rgba(255,255,255,0.5); }
.dep_outro .btn_area a:nth-child(4)::before { width: 24px; height: 24px; background-color: var(--white); mask-image: url('/clinic/img/article.svg'); -webkit-mask-image: url('/clinic/img/article.svg'); }
.dep_outro .btn_area a:nth-child(4) span { color: var(--white); font-weight: 600; }
.dep_outro .btn_area a:nth-child(4):hover { background: var(--white); border-color: var(--clinic); }
.dep_outro .btn_area a:nth-child(4):hover::before { background-color: var(--clinic); }
.dep_outro .btn_area a:nth-child(4):hover span { color: var(--clinic); }

/**** E:: 불안장애 - 진료 영역 ****/



/**** S:: 하지불안 - 신경 ****/

.rls_neural { background: var(--grayBg); }
.rls_neural .sub_tit .fs18 { color: var(--basic); }
.rls_neural .synergy_list li { background: var(--white); border: 1px solid var(--border); backdrop-filter: none; }

/**** E:: 하지불안 - 신경 ****/



/**** S:: 하지불안 - 진료 방식 ****/

.rls_clinic { margin-top: 100px; }
.rls_clinic > ul { display: flex; flex-wrap: wrap; gap: 50px 30px; width: 100%; }
.rls_clinic > ul > li { width: calc((100% - 60px) / 3); }
.rls_clinic > ul > li figure { aspect-ratio: 490 / 360; border-radius: var(--borderR15); overflow: hidden; display: block; background: var(--bk000); }
.rls_clinic > ul > li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rls_clinic > ul > li dl { padding-top: 20px; }
.rls_clinic > ul > li dt { color: var(--black); font-weight: 700; }
.rls_clinic > ul > li dt span.fs26 { font-weight: 300;}
.rls_clinic > ul > li dd { margin-top: 10px; color: var(--basic); }
.rls_clinic .dot_list { margin-top: 7px; }
.rls_clinic .dot_list p.fs18 { color: var(--clinic); font-weight: 600; }
.rls_clinic .dot_list ul { display: flex; flex-direction: column; gap: 4px; width: 100%; margin-top: 6px; }
.rls_clinic .dot_list ul li.fs16 { position: relative; width: 100%; padding-left: 12px; color: var(--basic); font-weight: 400; }
.rls_clinic .dot_list ul li::before { content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; border-radius: 50%; background: var(--basic); }
.rls_outro::before { background-image: url('/clinic/img/rls_outro_bg.jpg'); }
.rls_outro .outro_txt .fs26 { text-decoration: none; font-weight: 200; }
.rls_outro .outro_txt .fs26 .fs18 {margin-bottom: 10px;}

/**** E:: 하지불안 - 진료 방식 ****/



/**** S:: 만성피로 - 원인 ****/

.ftg_cause { background: var(--grayBg); }
:is(.ftg_cause, .int_principle) .sub_tit .fs18 { color: var(--basic); }
:is(.ftg_cause, .int_principle) .sub_tit .fs22 { color: var(--black); font-weight: 400; }
:is(.ftg_cause, .int_principle) .cause_list li { width: calc((100% - 90px) / 4); }
:is(.ftg_cause, .int_principle) .cause_list li figure { aspect-ratio: 1 / 1; }
:is(.ftg_cause, .int_principle) .cause_list li dd { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; }
:is(.ftg_cause, .int_principle) .cause_list li dd p.fs18 { color: var(--basic); }
:is(.ftg_cause, .int_principle) .cause_list li dd p.fs18 strong { color: var(--clinic); font-weight: 600; }
.ftg_cause .diff_in::before { background-image: url('/clinic/img/fatigue_diff_bg.jpg'); opacity: 0.7}
.ftg_cause .diff_in::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; z-index: 0; }
.ftg_cause .diff_in .dep_tit { position: relative; z-index: 1; }
.ftg_cause .diff_in .alert_box { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 50px; text-align: center; width: 100%; max-width: 1070px; margin: 0 auto; box-sizing: border-box; }
.ftg_cause .diff_in .alert_tit { display: flex; flex-direction: column; align-items: center; gap: 5px; margin-bottom: 0; }
.ftg_cause .diff_in .alert_tit::before { display: none; }
.ftg_cause .diff_in .alert_tit figure { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--clinic); }
.ftg_cause .diff_in .alert_tit figure::after { content: ''; display: block; width: 21px; height: 20px; background-color: var(--white); mask-image: url('/clinic/img/icon_check.svg'); -webkit-mask-image: url('/clinic/img/icon_check.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; }
.ftg_cause .diff_in .alert_tit .fs22 { color: var(--white); font-weight: 700; text-align: center; }
.ftg_cause .diff_in .alert_box > .fs18 { color: rgba(255,255,255,0.8); text-align: center; }
.ftg_cause .diff_in > .fs18 { position: relative; z-index: 1; color: rgba(255,255,255,0.5); text-align: center; width: 100%; margin-top: 40px; }
.ftg_cause .diff_in > .fs18 em { color: var(--white); font-weight: 600; font-style: normal; }

/**** E:: 만성피로 - 원인 ****/



/**** S:: 만성피로 - 진료 방식 ****/

.ftg_method .sub_tit .fs22,
.int_method .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.int_method .sub_tit .fs18 { color: var(--basic); }
.ftg_compose { margin-top: 100px; }
.ftg_compose ul { display: flex; flex-wrap: wrap; gap: 50px 30px; width: 100%; }
.ftg_compose ul li { width: calc((100% - 90px) / 4); }
.ftg_compose ul li dl a {color:var(--black); font-weight:bold; line-height:inherit; letter-spacing:inherit; text-decoration:underline; text-underline-offset:4px;}
.ftg_compose ul li figure { aspect-ratio: 360 / 360; border-radius: var(--borderR15); overflow: hidden; display: block; background: var(--bk000); }
.ftg_compose ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ftg_compose ul li dl { padding-top: 20px; }
.ftg_compose ul li dt { color: var(--black); font-weight: 700; }
.ftg_compose ul li dd { margin-top: 10px; color: var(--basic); }
.ftg_outro::before { background-image: url('/clinic/img/fatigue_outro_bg.jpg'); }
.ftg_outro .outro_txt .fs26 {  font-weight: 200; }

/**** E:: 만성피로 - 진료 방식 ****/



/**** S:: 만성내과질환 ****/

.int_field { background: var(--grayBg); }
.int_field .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.int_field .sub_tit .fs22 .fs18 {margin:2px 0 0;}
.int_field .sub_tit .fs18 { color: var(--basic); }
.int_field ul { display: flex; flex-wrap: wrap; gap: 30px; width: 100%; }
.int_field ul li { width: calc((100% - 120px) / 5); display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 50px 30px; background: var(--white); border-radius: var(--borderR15); box-sizing: border-box; }
.int_field ul li figure { position: relative; display: flex; align-items: center; justify-content: center; width: 172px; height: 140px; }
/* .int_field ul li figure::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/icon_bg01.png') no-repeat center / contain; }
.int_field ul li:nth-child(2) figure::before,
.int_field ul li:nth-child(4) figure::before,
.int_field ul li:nth-child(7) figure::before,
.int_field ul li:nth-child(9) figure::before { background-image: url('/clinic/img/icon_bg02.png'); } */
.int_field ul li figure img { position: relative; z-index: 1; display: block; max-width: 100%; }
.int_field ul li dl { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.int_field ul li dt { color: var(--black); font-weight: 700; }
.int_field ul li dd { color: var(--basic); }
.int_area { margin-top: 100px; }
.int_area .synergy_list li { background: var(--grayBg); border: 0; backdrop-filter: none; }
/* .int_area .synergy_list li:nth-child(2) figure::before,
.int_area .synergy_list li:nth-child(4) figure::before,
.int_area .synergy_list li:nth-child(6) figure::before,
.int_area .synergy_list li:nth-child(8) figure::before { background-image: url('/clinic/img/icon_bg02.png'); } */
.int_area > .fs18 { color: var(--light); }
.int_outro::before { background-image: url('/clinic/img/internal_outro_bg.jpg'); }
.int_outro .outro_txt .fs26 { text-decoration: none; font-weight: 200; }
.int_outro .outro_txt .fs26 em { text-decoration: underline; text-underline-offset: 4px; font-style: normal; line-height:inherit; letter-spacing:inherit;}

/**** E:: 만성내과질환 ****/



/**** S:: 여성 갱년기 ****/

.fem_shift::before { background-image: url('/clinic/img/female_shift_bg.jpg'); }
.fem_shift .diff_in { padding: 0; border-radius: 0; background: transparent; overflow: visible; }
.fem_shift .diff_in::before { display: none; }
.fem_shift .sub_tit .fs18 em { color: var(--white); font-weight: 700; font-style: normal; }
.fem_shift .diff_in ul li .fs18 {color:var(--basic_w);}
.fem_shift .diff_in ul li em { color: var(--white); font-weight: 700; font-style: normal; line-height: inherit; letter-spacing: inherit;}
.fem_shift .basic_in > .fs22 { color: var(--white); text-align: center; }
.fem_method .target_list { flex-wrap: wrap; margin-bottom: 0; }
.fem_method .target_list li { flex: none; width: calc((100% - 60px) / 3); }
.fem_method .target_list li a {color:var(--black); font-weight:bold; line-height:inherit; letter-spacing:inherit; text-decoration:underline; text-underline-offset:4px;}
.fem_method .target_list li dd { color: var(--basic); }
.fem_method .target_list li dt span.fs22 { font-weight: 400; }
.fem_outro::before { background-image: url('/clinic/img/female_outro_bg.jpg'); }
.fem_outro .outro_txt .fs50 { font-weight: 300; }
.fem_outro .outro_txt .fs50 strong { font-weight: 700; }
.fem_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 200; }
.fem_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; }

/**** E:: 여성 갱년기 ****/



/**** S:: 남성 갱년기 ****/

.mal_cause .sub_tit .fs18 { color: var(--basic); }
.mal_cause .cause_list li dd { color: var(--basic); }
.mal_method .dep_method .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.mal_note { width: 100%; margin-top:60px;}
.mal_note .fs18 { color: var(--basic); }
.mal_note .fs18 em { color: var(--clinic); font-weight: 600; font-style: normal; }
.mal_clinic { margin-top: 100px; }
.mal_clinic .cause_list li dd { display: flex; flex-direction: column; gap: 5px; color: var(--basic); }
.mal_clinic .dot_list { margin: 5px 0; padding: 15px 20px; background: var(--grayBg); border-radius: var(--borderR15); box-sizing: border-box; }
.mal_clinic .dot_list p.fs18 { color: var(--clinic); font-weight: 600; }
.mal_clinic .dot_list ul { display: flex; flex-direction: column; gap: 6px; width: 100%; margin-top: 6px; }
.mal_clinic .dot_list ul li.fs16 { position: relative; width: 100%; padding-left: 12px; color: var(--basic); font-weight: 400; }
.mal_clinic .dot_list ul li.fs16 strong { color: var(--black); font-weight: 600; }
.mal_clinic .dot_list ul li::before { content: ''; position: absolute; left: 0; top: 0.72em; width: 3px; height: 3px; border-radius: 50%; background: var(--clinic); }
.mal_clinic .cause_list li dd > .fs16 { color: var(--light); }
.mal_clinic .cause_list li dd > .fs16.basic {color:var(--basic);}
.mal_clinic .cause_list li dd a { text-decoration: underline; color: var(--black);  line-height:inherit; letter-spacing: inherit;}
.mal_outro::before { background-image: url('/clinic/img/male_outro_bg.jpg'); }
.mal_outro .outro_txt > .fs18 { color: var(--basic_w); }
.mal_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 200; }
.mal_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; }

/**** E:: 남성 갱년기 ****/



/**** S:: 과민성대장 ****/

.ibs_check .check_area { display: flex; gap: 30px; width: 100%; max-width: 1090px; }
.ibs_check .check_wrap { flex: 1; max-width: none; min-width: 0; }
.ibs_check .check_wrap ul li.fs22 { color: var(--clinic); font-weight: 700; padding-left: 0; }
.ibs_check .check_wrap ul li.fs22::before { display: none; }
.ibs_cause .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.ibs_cause .cause_list li { width: calc((100% - 30px) / 2); }
.ibs_cause .cause_list li figure { aspect-ratio: 765 / 410; }
.ibs_cause .cause_list li dd { color: var(--basic); }
.ibs_method .dep_method .sub_tit .fs18 { color: var(--basic); }
.ibs_method .dep_method > .fs18 { color: var(--light); margin-top:30px;}
.ibs_method .dep_process > .fs18 { color: var(--light); }
.ibs_method .process_list li dd em { color: var(--clinic); font-weight: 600; font-style: normal; }
.ibs_outro::before { background-image: url('/clinic/img/ibs_outro_bg.jpg'); }
.ibs_outro .outro_txt .fs50 { font-weight: 300; }
.ibs_outro .outro_txt .fs50 strong { font-weight: 700; }
.ibs_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 200; }
.ibs_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; }

/**** E:: 과민성대장 ****/



/**** S:: 다이어트 ****/

.diet_cause .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.diet_cause .sub_tit .fs18 { color: var(--basic); }
.diet_cause .cause_list li dd { color: var(--basic); }
.diet_cause .cause_list li dt span { font-weight: 300; }
.diet_cause .cause_list li dd strong { color: var(--black); font-weight: 600; }
.diet_method .dep_method .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.diet_method .dep_method .sub_tit .fs18 { color: var(--basic); }
.diet_method .diet_note { display: flex; flex-direction: column; gap: 0; width: 100%; text-align: center;  margin-top: 30px;}
.diet_method .diet_note .fs18 { color: var(--black); }
.diet_process .process_list { flex-wrap: wrap; }
.diet_process .process_list li { flex: 0 0 calc((100% - 60px) / 3); width: calc((100% - 60px) / 3); }
.diet_process .process_list li:nth-child(3)::after,
.diet_process .process_list li:nth-child(5)::after { display: none; }
.diet_process .process_list li dd { display: flex; flex-direction: column; gap: 10px; color: var(--basic); }
.diet_process .process_list li dd a {color:var(--black); font-weight:bold; line-height:inherit; letter-spacing:inherit; text-decoration:underline; text-underline-offset:4px;}
.diet_process .process_list li dd .fs18 { color: var(--basic); }
.diet_process .process_list li dd p.fs16 { color: var(--light); margin-top: 0; }
.diet_outro::before { background-image: url('/clinic/img/approach_outro_bg.jpg'); }
.diet_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 200; }
.diet .diet_outro .outro_txt .fs26+.fs18 {margin-top:-10px;}
.diet_outro .outro_txt .fs18 { color: rgba(255,255,255,0.8); }
.diet_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; text-align:left;}
.diet_outro .outro_note .fs18 { color: rgba(255,255,255,0.8); }

/**** S:: 비만치료제 ****/

.med_appetite { background: var(--grayBg); }
.med_appetite .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.med_appetite .intro_area figure { width: 100%; }
.med_pill { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; width: 100%; margin:40px 0;}
.med_pill li { display: flex; align-items: center; gap: 10px; padding: 15px 30px 15px 15px; background: var(--white); border-radius: 50px; box-sizing: border-box; }
.med_pill li::before { content: ''; flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: var(--clinic) url('/clinic/img/icon_check_w.svg') no-repeat center / 21px 20px; }
.med_pill li .fs18 { color: var(--basic); }
.med_pill li .fs18 strong { color: var(--black); font-weight: 600; }
.med_appetite .basic_in > .fs18 { color: var(--basic);  width: 100%; margin-top:40px;}
.med_appetite .basic_in > .fs18.light {font-weight:400 !important; color:var(--light); letter-spacing:var(--letter-spacing-default);}
.med_appetite .basic_in > .fs18 strong { color: var(--black); font-weight: 600; }
.med_glp { margin-top: 100px; }
.med_oral { margin-top: 100px; }
.med_split { display: flex; align-items: stretch; width: 100%; background: var(--white); border-radius: var(--borderR30); overflow: hidden; }
.med_split figure { width:50%; min-width: 0; aspect-ratio: auto; height: auto; min-height: 690px; background: var(--bk000); overflow: hidden; display: block; border-radius: var(--borderR30);}
.med_split figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.med_split > div { width:50%; display: flex; flex-direction: column; gap: 30px; padding: 60px; box-sizing: border-box; min-width: 0; justify-content: center;}
/* .med_split.reverse { flex-direction: row-reverse; } */
.med_item { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.med_item .item_tit { display: flex; align-items: center; gap: 10px; width: 100%; }
.med_item .item_tit em { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: var(--clinic); border-radius: 5px; color: var(--white); font-weight: 700 !important; font-style: normal; flex-shrink: 0; }
.med_item .item_tit .fs26 { color: var(--black); font-weight: 700; }
.med_item .item_tit .fs18 { color: var(--black); font-weight: 400; color:var(--white);}
.med_glp .dot_list,
.med_oral .dot_list { margin: 0; padding: 0; background: transparent; border-radius: 0; }
.med_glp .dot_list ul,
.med_oral .dot_list ul { display: flex; flex-direction: column; gap: 7px; width: 100%; margin: 0; margin:7px 0 0;}
.med_glp .dot_list ul li.fs18,
.med_oral .dot_list ul li.fs18 { position: relative; width: 100%; padding-left: 12px; color: var(--basic); font-weight: 400; }
.med_glp .dot_list ul li.fs18 strong,
.med_oral .dot_list ul li.fs18 strong { color: var(--black); font-weight: 700; }
.med_oral .dot_list ul li .fs14, .med_glp .dot_list ul li .fs14 {color: var(--light); font-family: var(--eng); font-size: 0.7777777777777778rem; font-style: italic; font-weight: 400; line-height: 185.714%;}
.med_glp .dot_list ul li.fs16,
.med_oral .dot_list ul li.fs16 { position: relative; width: 100%; padding-left: 12px; color: var(--light); font-weight: 400; font-style: italic; }
.med_glp .dot_list ul li::before,
.med_oral .dot_list ul li::before { content: ''; position: absolute; left: 0; top: 0.72em; width: 3px; height: 3px; border-radius: 50%; background: var(--clinic); }
.med_glp .dot_list.gray,
.med_oral .dot_list.gray { padding: 20px 30px; background: var(--grayBg); border-radius: 10px; box-sizing: border-box; }
.med_glp .dot_list.gray p.bold,
.med_oral .dot_list.gray p.bold { color: var(--black); font-weight: 700; }
.med_glp .dot_list.gray .fs18,
.med_oral .dot_list.gray .fs18 { color: var(--basic); }
.med_glp .dot_list.gray .fs18 strong,
.med_oral .dot_list.gray .fs18 strong { color: var(--black); font-weight: 600; }
.med_glp > .fs18,
.med_oral > .fs18 { color: var(--light); }
.med_item + .med_item { padding-top: 30px; border-top: 1px solid var(--border); }
.med_trend { display: flex; /* gap: 60px; */ align-items: flex-start; margin-top: 100px; }
.med_trend .med_trend_tit { flex-shrink: 0; width: 390px;}
.med_trend .med_trend_tit .fs32 { color: var(--black); font-weight: 600; }
.med_trend .med_trend_tit .fs22 { color: var(--black); font-weight: 400; }
.med_trend .med_trend_txt { flex: 1; min-width: 0; }
.med_trend .med_trend_txt .fs18 { color: var(--basic); }
.med_why { position: relative; margin-top: 100px; padding: 200px 100px; background: var(--bk000); border-radius: 100px; overflow: hidden; box-sizing: border-box; }
.med_why::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/medicine_why_bg.jpg') no-repeat center / cover; pointer-events: none; }
.med_why::after { content: ''; position: absolute; inset: 0; background: rgba(34,24,14,0.2); mix-blend-mode: screen; pointer-events: none; }
.med_why .dep_tit .fs40 { color: var(--white); }
.med_why_txt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; width: 100%; text-align: center; }
.med_why_txt .fs18 { color: rgba(255,255,255,0.8); }
.med_why_txt .fs18 strong { color: var(--white); font-weight: 600; }
.med_func .sub_tit .fs18 { color: var(--basic); }
.med_func .cause_list li { width: calc((100% - 90px) / 4); }
.med_func .cause_list li dd { color: var(--basic); }
.med_process .process_list { flex-wrap: wrap; }
.med_outro::before { background-image: url('/clinic/img/medicine_outro_bg.jpg'); }
.med_outro .outro_txt .fs50 span { font-weight: 300; }
.med_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 200; margin:-10px 0 0;}
.med_outro .outro_txt .fs18 { color: rgba(255,255,255,0.8); }
.med_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; text-align: left; }
.med_outro .outro_note .fs18 { color: rgba(255,255,255,0.8); }

/**** E:: 비만치료제 ****/

/**** S:: 시술 ****/

.proc .intro_txt .fs22 { color: var(--black); font-weight: 400; }
.proc_why { margin-top: 0; }
.proc_why .med_split { background: var(--white); border-radius: var(--borderR30); overflow: hidden; }
.proc_why .med_split figure { min-height: 490px; }
.proc_why .med_split > div { gap: 15px; padding: 60px; }
.proc_why .med_split .fs32 {color:var(--black);}
.proc_why .med_split .fs32 em { color: var(--main); font-weight: 700; font-style: normal; letter-spacing: inherit; line-height: inherit;}
.proc .med_pill li .fs18 {color:var(--black);}
.proc_why .med_split .fs18 { color: var(--basic); }
.proc_freeze .sub_tit .fs22 { color: var(--black); font-weight: 400; }
.proc_freeze .sub_tit .fs18 { color: var(--basic); }
.proc_effect { margin-top: 100px; }
.proc_effect .target_list li { border: 0; }
.proc_effect .target_list li dd .fs18 { color: var(--basic); text-align: center; }
.proc_effect .target_list li dd .fs18 strong { color: var(--black); font-weight: 600; }
.proc_effect_note { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; text-align: center; }
.proc_effect_note .fs22 { color: var(--black); }
.proc_effect_note .fs22 strong { color: var(--main); font-weight: 600; }
.proc_effect_note .fs16 { color: var(--light); }
.proc_treat .med_split.gray { background: var(--grayBg); border-radius: var(--borderR30); }
.proc_treat .med_split.gray figure { min-height: 590px; border-radius: var(--borderR30); }
.proc_treat .med_split.gray > div { gap: 20px; }
.proc_treat .med_split .fs22 { color: var(--black); font-weight: 400; }
.proc_treat .med_split .fs22 strong { color: var(--black); font-weight: 700; letter-spacing: inherit; line-height: inherit;}
.proc_treat .med_split .fs18 { color: var(--basic); }
.proc_treat .med_split .fs18.black { color: var(--black); }
.proc_treat .btn_area { padding-top: 60px; }
.proc_area { margin-top: 100px; }
.proc_area .dep_tit .fs22 { color: var(--black); font-weight: 400; }
.proc_glp { margin-top: 100px; }
.proc_glp .med_split { background: var(--grayBg); border-radius: var(--borderR30); }
.proc_glp .med_split figure { min-height: 690px; }
.proc_glp .med_split .fs26 { color: var(--black); font-weight: 700; }
.proc_glp .med_split .fs18 { color: var(--basic); }
.proc_glp .med_split .fs18.light { color: var(--light); line-height: 167%; letter-spacing: -0.72px;}
.proc_target .cause_list { gap: 50px 30px; }
.proc_target .cause_list li { width: calc((100% - 90px) / 4); }
.proc_target .cause_list li figure {aspect-ratio: 1 / 1;}
.proc_target .cause_list li dd { color: var(--basic); }
.proc_outro::before { background-image: url('/clinic/img/procedure_outro_bg.jpg'); }
.proc_outro .outro_txt .fs50 span { font-weight: 300; }
.proc_outro .outro_txt .fs18 { color: rgba(255,255,255,0.8); }
.proc_outro .outro_txt .fs26 { text-decoration: underline; font-weight: 300; margin-top:-10px;}

/**** E:: 시술 ****/

/**** S:: 생활습관가이드 ****/

.guide_tab { display: flex; align-items: center; justify-content: center; gap: 3px; width: 100%; margin-bottom: 60px; }
.guide_tab li { list-style: none; width: 220px; }
.guide_tab a { display: flex; align-items: center; justify-content: center; width: 100%; padding: 14px 20px; box-sizing: border-box; border-radius: 5px; background: var(--grayBg); border: 3px solid transparent; transition: background-color 0.3s linear, border-color 0.3s linear; }
.guide_tab a .fs18 { color: var(--basic); font-weight: 400; }
.guide_tab a.on { background: var(--white); border-color: var(--main); }
.guide_tab a.on .fs18 { color: var(--main); font-weight: 700; }
.guide_before .sub_tit { margin-bottom: 40px; }
.guide_check .sub_tit { margin-bottom: 40px; }
.guide_intro_in { display: flex; flex-direction: column; gap: 30px; width: 100%; max-width: 1070px; margin: 0 auto; padding: 60px; background: var(--white); border-radius: var(--borderR30); box-sizing: border-box; }
.guide_intro_item { display: flex; flex-direction: column; gap: 15px; width: 100%; padding-top: 30px; border-top: 1px solid var(--border); }
.guide_intro_item .fs18 strong {color:var(--black); line-height: inherit;;}
.guide_intro_item:first-child { padding-top: 0; border-top: 0; }
.guide_intro_tit { display: flex; align-items: center; gap: 10px; width: 100%; }
.guide_intro_tit em { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: var(--main); border-radius: 5px; color: var(--white); font-weight: 700; font-style: normal; flex-shrink: 0; }
.guide_intro_tit .fs26 { color: var(--black); font-weight: 700; }
/* .guide_intro_item .fs18 { color: var(--basic); } */
.guide_tool .sub_tit { margin-bottom: 40px; }
.guide_flow_hide { display: none !important; }
.guide_prog { width: 100%; max-width: 1070px; margin: 0 auto 30px; }
.guide_prog_in { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.guide_prog_in .fs16 { color: var(--main); font-weight: 600; }
.guide_prog_bar { width: 100%; height: 6px; background: var(--grayBg); border-radius: 50px; overflow: hidden; }
.guide_prog_fill { width: 0; height: 100%; background: var(--main); border-radius: 50px; transition: width 0.4s ease; }
.guide_src_store { display: none !important; }
.guide_detail_ph { display: flex; flex-direction: column; gap: 30px; width: 100%; padding: 50px 60px; background: var(--white); border: 1px solid var(--border); border-top: 0; border-radius: 0 0 var(--borderR30) var(--borderR30); box-sizing: border-box; }
.guide_detail_ph .fs18 { color: var(--basic); text-align: center; }
.guide_step_tit .fs18 strong { color: var(--white); font-weight: 700; }
.guide_step { display: flex; flex-direction: column; width: 100%; max-width: 1070px; margin: 0 auto 40px; border-radius: var(--borderR30); overflow:hidden; border: 1px solid var(--border); }
.guide_step_tit { display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 45px 60px; background: var(--main); box-sizing: border-box; }
.guide_step_tit .fs16E { color: var(--white); font-weight: 600; text-transform: uppercase; }
.guide_step_tit .fs32 { color: var(--white); font-weight: 600; }
.guide_step_tit .fs18 { color: rgba(255,255,255,0.8); }
.guide_pick { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; padding: 50px 60px; background: var(--white); box-sizing: border-box; }
.guide_pick li { position: relative; flex: 1; min-width: 0; padding: 25px 30px; border: 1px solid var(--border); border-radius: 10px; box-sizing: border-box; cursor: pointer; list-style: none; box-shadow: inset 0 0 0 2px transparent; transition: background 0.3s linear, border-color 0.3s linear, box-shadow 0.3s linear; }
.guide_pick li.on { background: rgba(0,112,74,0.1); border-color: var(--main); box-shadow: inset 0 0 0 2px var(--main); }
.guide_pick li dl { padding-left: 60px; }
.guide_pick li dt { color: var(--black); font-weight: 700; }
.guide_pick li:not(.on) dt { font-weight: 400; }
.guide_pick li dd {margin:5px 0 0;}
.guide_pick li dd .fs18 { color: var(--black); font-weight: 600; }
.guide_pick li dd .fs16 { color: var(--basic); margin-top: 3px; }
.guide_pick li::before { content: ''; position: absolute; left: 30px; top: 22px; width: 42px; height: 42px; border-radius: 50%; background: rgba(51,49,47,0.3) url('/clinic/img/icon_check_w.svg') no-repeat center left 54% / 21px 20px; transition: background-color 0.3s linear; }
.guide_pick li.on::before { background-color: var(--main); }
.guide_pick.type li { display: flex; align-items: center; }
.guide_pick.type li dl { flex: 1; min-width: 0; }
.guide_pick.type li figure { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; background-color: rgba(51,49,47,0.3); mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; transition: background-color 0.3s linear; }
.guide_pick.type li figure img { display: none; }
.guide_pick.type li[data-type="aerobic"] figure { width: 57px; height: 54px; -webkit-mask-image: url('/clinic/img/icon_guide_aerobic.svg'); mask-image: url('/clinic/img/icon_guide_aerobic.svg'); }
.guide_pick.type li[data-type="strength"] figure { width: 65px; height: 65px; -webkit-mask-image: url('/clinic/img/icon_guide_strength.svg'); mask-image: url('/clinic/img/icon_guide_strength.svg'); }
.guide_pick.type li[data-type="body"] figure { width: 49px; height: 66px; -webkit-mask-image: url('/clinic/img/icon_guide_body.svg'); mask-image: url('/clinic/img/icon_guide_body.svg'); }
.guide_pick.type li.on figure { background-color: var(--main); }
.guide_notes { width: 100%; }
.guide_notes .guide_note { display: none; flex-direction: column; gap: 10px; width: 100%; padding: 50px 60px; background: var(--grayBg);  box-sizing:border-box;}

.guide_notes .guide_note.on { display: flex; }
.guide_note_tit { display: flex; align-items: center; width: 100%; }
.guide_note_tit .fs22 { color: var(--black); font-weight: 700; padding-left: 52px; position: relative; }
.guide_note_tit .fs22::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; background: var(--main) url('/clinic/img/icon_check_w.svg') no-repeat center left 54% / 21px 20px; }
#guideNotes .guide_note_tit .fs22::before {content:'\e004'; background:var(--main); font-variation-settings: 'FILL' 1; font-size:26px; line-height:1; font-family:var(--icon);  font-weight:400; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:var(--white);}
.guide_note ul { display: flex; flex-direction: column; gap: 7px; width: 100%; }
.guide_note ul li { position: relative; padding-left: 12px; color: var(--basic); }
.guide_note ul li::before { content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: var(--main); }
.guide_panels { width: 100%; }
.guide_panels .guide_detail { display: none; flex-direction: column; gap: 30px; width: 100%; padding: 50px 60px; background: var(--white); box-sizing: border-box; border-top:1px solid  var(--border);}
.guide_panels .guide_detail.on { display: flex; }
.guide_detail { display: flex; flex-direction: column; gap: 30px; width: 100%; padding: 50px 60px; background: var(--white); box-sizing: border-box; }
.guide_detail .fs40 { color: var(--black); font-weight: 400;  margin:0 0 10px;}
.guide_block .fs18 { color: var(--basic); }
.guide_block .fs18 strong { color: var(--black); font-weight: 600; }
.guide_detail figure { width: 100%; aspect-ratio: 950 / 400; border-radius: 10px; overflow: hidden; display: block; background: var(--bk000); }
.guide_detail figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.guide_block .fs22 { color: var(--black); font-weight: 700; margin: 0 0 10px; }
.guide_block .fs22+.fs18 {margin:0 0 10px;}
.guide_block .fs18.light { color: var(--light); letter-spacing:var(--letter-spacing-default);}
.guide_table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 3px solid var(--main); }
.guide_table thead th { padding: 14px 10px; text-align: center; font-weight: 600; color: var(--black); background: var(--grayBg); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.guide_table thead th:last-child { border-right: 0; }
.guide_table tbody th {padding: 14px 10px; text-align: center; font-weight: 600; color: var(--black); background: var(--white); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.guide_table thead th:first-of-type {width:16% !important;}
.guide_table tbody td { padding: 14px 10px; text-align: center; color: var(--basic); background: var(--white); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); text-align:left;}
.guide_table tbody td:last-child { border-right: 0; }
 .guide_table tbody tr.on th { background: rgba(0,112,74,0.1); color: var(--black); font-weight: 600; }
.guide_table tbody tr.on td { background: rgba(0,112,74,0.1); color: var(--black); font-weight: 600; } 
.guide_table.week thead th { width: auto; }
.guide_table.equal thead th { width: auto; }
.guide_table.equal tbody th { width: auto; }
.guide_table.week tbody td { text-align: center; }
.guide_detail .guide_table_note {margin:10px 0 0;}
.guide_detail .guide_table_note .fs18 strong {color: var(--black); font-weight: 600;}
.guide_detail .guide_table_note .fs16 { color: var(--light);}
.guide_warn { display: flex; flex-direction: column; gap: 7px; width: 100%; padding: 20px 30px; background: var(--grayBg); border-radius: 10px; box-sizing: border-box; margin:10px 0 0;}
.guide_warn > .fs18 { color: var(--main); font-weight: 700; }
.guide_warn > .fs18.warn {display:inline-flex; gap:5px; align-items:center; }
.guide_warn > .fs18.warn::before {content:'\e002'; font-family:var(--icon); font-size:20px; line-height:1; display:block; font-variation-settings: 'FILL' 1; font-weight:400;}
.guide_warn > .fs18 + .fs18 { color: var(--basic); font-weight: 400; }
.guide_warn ul { display: flex; flex-direction: column; gap: 7px; width: 100%; }
.guide_warn ul li { position: relative; padding-left: 12px; color: var(--basic); }
.guide_warn ul li::before { content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: var(--main); }
.guide_warn ul li strong { color: var(--black); font-weight: 600; }
.guide_warn > .fs16 { /*color: var(--light);*/ margin-top: 0px; }
.guide_block .fs26 { color: var(--black); font-weight: 700; }
.guide_block ul { display: flex; flex-direction: column; gap: 7px; width: 100%; }
.guide_block ul li { position: relative; padding-left: 12px; color: var(--basic); }
.guide_block ul li::before { content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: var(--main); }
.guide_block ul li strong { color: var(--black); font-weight: 600; }
.guide_bundle { /* display: flex; flex-direction: column; gap: 10px;  */width: 100%; padding-top: 30px; border-top: 1px dashed var(--border); }
.guide_bundle .guide_warn { margin: 10px 0 0;}
.guide_tips {margin:10px 0 0;}
.guide_warn+.guide_tips {margin:15px 0 0;}
.guide_tips .fs18+.fs18 {margin:2px 0 0;}
.guide_tips .fs18.light { color: var(--light); letter-spacing:var(--letter-spacing-default); font-weight:400 !important;}
.guide_bundle .fs18.light { color: var(--light); letter-spacing:var(--letter-spacing-default); font-weight:400 !important;}
.guide_split { display: flex; align-items: center; gap: 40px; width: 100%; }
.guide_split figure { flex-shrink: 0; width: 270px; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; display: block; background: var(--bk000); }
.guide_split figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.guide_split_con { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.guide_split .fs26 { color: var(--black); font-weight: 700; }
.guide_split .fs18 { color: var(--basic); }
.guide_split .fs18 strong {color: var(--black); font-weight: 600; letter-spacing:inherit; line-height:inherit;}
.guide_split .fs18 a { position: relative; display: inline-flex; align-items: center; color: var(--black); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; padding-right: 20px; }
.guide_split .fs18 a::after { content: '\e89e'; position: absolute; right: 0; font-size: 20px; font-family: var(--icon); line-height: 1; display: block; font-weight: 400; color: var(--black); transition: all 0.3s linear; }

.guide_more { display: inline-flex; align-items: center; gap: 5px; margin-top: 15px; padding: 10px 20px 10px 25px; background: rgba(0,112,74,0.1); border-radius: 50px;  transition:all 0.3s linear;}
.guide_more span { color: var(--main); font-weight: 600;  transition:all 0.3s linear;}
.guide_more::after { content: '\e5cc'; font-size:22px; font-family:var(--icon); line-height:1; display:block; font-weight:400; color:var(--main); transition:all 0.3s linear;}
.guide_more:hover {background:var(--main); transition:all 0.3s linear;}
.guide_more:hover span {color:var(--white); transition:all 0.3s linear;}
.guide_more:hover::after {color:var(--white); transition:all 0.3s linear;}

.guide_routine { width: 100%; padding: 50px 60px; background: var(--white); box-sizing: border-box; overflow-x: auto; }
.guide_reset { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; max-width: 1070px; margin: 0 auto; padding: 10px 20px; background: rgba(0,112,74,0.1); border: 0; border-radius: 50px; cursor: pointer;  transition:all 0.3s linear;}
.guide_reset span { color: var(--main); font-weight: 600;  transition:all 0.3s linear;}
.guide_reset::after { content: '\e318'; font-size:22px; font-family:var(--icon); line-height:1; display:block; font-weight:400; color:var(--main); transition:all 0.3s linear; transition:all 0.3s linear;}
.guide_reset:hover {background:var(--main); transition:all 0.3s linear;}
.guide_reset:hover span {color:var(--white); transition:all 0.3s linear;}
.guide_reset:hover::after {color:var(--white); transition:all 0.3s linear;}

.guide_before .guide_intro_item {border-style:dashed;}

.guide_related { margin-top: 100px; max-width:1070px; margin-left:auto; margin-right:auto;}
.compad > .guide_related { margin-top: 0;}
.guide_card_list { display: flex; flex-wrap: wrap; gap: 30px; width: 100%; margin-bottom: 40px; }
.guide_card_list li { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 100px 30px; border-radius: var(--borderR15); overflow: hidden; background: var(--bk000); list-style: none; }
.guide_card_list li figure { position: absolute; inset: 0; z-index: 0;}
.guide_card_list li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.guide_card_list li > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.guide_card_list li .fs26 { color: var(--white); font-weight: 700; }
.guide_card_list li .fs18 { color: rgba(255,255,255,0.8); }

.guide_card_list li a { position: relative; z-index: 1; display: flex; align-items: center; gap: 5px; padding: 10px 20px 10px 25px; border-radius: var(--borderR50); background: rgba(255,255,255,0.1); transition: background-color 0.3s linear;  margin:20px 0 0 ;}
.guide_card_list li a::after { content: '\e5cc'; display: block; font-size: 22px; flex-shrink: 0;  font-family:var(--icon); line-height:1; display:block; color:var(--white); font-weight:400;}
.guide_card_list li a span { color: var(--white); font-weight: 600; white-space: nowrap; }
.guide_card_list li a:hover { background: var(--main); }


.guide_ref { display: flex; flex-direction: column; gap: 15px; width: 100%; padding: 50px 60px; background: var(--white); border: 1px solid var(--border); border-radius: var(--borderR30); box-sizing: border-box; margin-bottom: 40px; }
.guide_ref .fs26 { color: var(--black); font-weight: 700; }
.guide_ref .fs26 span { font-weight: 300; }
.guide_ref ol { display: flex; flex-direction: column; gap: 6px; width: 100%; padding: 0; margin: 0; list-style: none; counter-reset: guide-ref; }
.guide_ref ol li { position: relative; padding-left: 25px; color: var(--basic); counter-increment: guide-ref; }
.guide_ref ol li::before { content: counter(guide-ref) '.'; position: absolute; left: 0; top: 0; width: 25px; }
.guide_ref ol li a { color: var(--main); text-decoration: underline; text-underline-offset: 2px; }
.guide_related > .fs18.light { color: var(--light); letter-spacing:var(--letter-spacing-default);}
.guide .sub_tit .fs50 em { color: var(--main); font-style: normal; font-weight: 700; line-height: inherit; letter-spacing: inherit;}
.guide .dep_tit .fs40 em { color: var(--main); font-style: normal; font-weight: 700;  line-height: inherit; letter-spacing: inherit;}
.guide_diet_reason { position: relative; margin: 100px auto 0; padding: 200px 100px; background: var(--bk000); border-radius: 100px; overflow: hidden; box-sizing: border-box; max-width:calc(100% - 200px);}
.guide_diet_reason::before { content: ''; position: absolute; inset: 0; background: url('/clinic/img/guide_diet_reason_bg.png') no-repeat center / cover; pointer-events: none;}
.guide_diet_reason::after { content: ''; position: absolute; inset: 0; background: rgba(34,24,14,0.2); mix-blend-mode: screen; pointer-events: none; }
.guide_diet_reason .dep_tit { position: relative; z-index: 1; margin-bottom: 40px; }
.guide_diet_reason .dep_tit .fs40 { color: var(--white); }
.guide_diet_reason .dep_tit .fs22 { color: var(--white); font-weight: 400; }
.guide_diet_reason_txt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; width: 100%; text-align: center; }
.guide_diet_reason_txt .fs18 { color: rgba(255,255,255,0.8); }
.guide_diet_reason_txt .fs18 strong { color: var(--white); font-weight: 600; }
.guide_type { width: 100%; }
.guide_type > ul { display: flex; gap: 30px; width: 100%; align-items: stretch; }
.guide_type > ul > li { flex: 1; min-width: 0; display: flex; flex-direction: column; list-style: none; }
.guide_type_head { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 310px; padding: 40px; background: var(--main); border-radius: var(--borderR30) var(--borderR30) 0 0; box-sizing: border-box; }
.guide_type_head .fs16E { color: var(--white); font-weight: 600; text-transform: uppercase; }
.guide_type_head .fs32 { color: var(--white); font-weight: 600; }
.guide_type_head .fs18 { color: rgba(255,255,255,0.8); }
.guide_type_head figure { position: absolute; right: 40px; top: 40px; width: 67px; height: 66px; opacity: 0.4; }
.guide_type_head figure img { width: 100%; height: 100%; object-fit: contain; display: block; }
.guide_type_body { display: flex; flex-direction: column; gap: 30px; flex: 1; padding: 40px; background: var(--white); border: 1px solid var(--border); border-top: 0; border-radius: 0 0 var(--borderR30) var(--borderR30); box-sizing: border-box; }
.guide_type_body > ul { display: flex; flex-direction: column; gap: 7px; width: 100%; }
.guide_type_body > ul li { position: relative; padding-left: 12px; color: var(--basic); }
.guide_type_body > ul li::before { content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background: var(--main); }
.guide_type .guide_warn { margin: 0; }
.guide_pair { width: 100%; }
.guide_pair > ul { display: flex; flex-wrap: wrap; gap: 50px 30px; width: 100%; }
.guide_pair > ul > li { flex: 1; min-width: 0; display: flex; flex-direction: column; width: 100%; list-style: none; }
.guide_pair > ul > li figure { width: 100%; aspect-ratio: 750 / 410; border-radius: var(--borderR15); overflow: hidden; display: block; background: var(--bk000); }
.guide_pair > ul > li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.guide_pair > ul > li .fs26 { color: var(--black); font-weight: 700; margin-top: 20px; }
.guide_pair > ul > li .fs18 { color: var(--basic); margin: 10px 0 5px; }
.guide_pair > ul > li .fs16 { color: var(--main); font-weight: 600; }
.guide_check .guide_intro_tit .fs26 span.fs18 { font-weight: 400; }
.guide_card_list li .fs16 { color: var(--white); font-weight: 600; }
.diet_guide_outro::before { background-image: url('/clinic/img/guide_diet_outro_bg.jpg'); }
.diet_guide_outro .outro_txt .fs22 { color: var(--white); font-weight: 400; text-decoration: none; }
.diet_guide_outro .outro_txt .fs22 .fs18 { color: rgba(255,255,255,0.8); margin-top: 10px;}
.diet_guide_outro .outro_note { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 30px; margin-top: 0; text-align: left; }
.diet_guide_outro .outro_note .fs18 { color: rgba(255,255,255,0.8); }

/**** E:: 생활습관가이드 ****/

/**** E:: 다이어트 ****/

/**** E:: 클리닉 공통 ****/



/**** S:: 클리닉 반응형 ****/



/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 

    .guide_diet_reason { max-width:100%; width:100%;}

/**** S:: 감별 진단 ****/
.diff_area { padding: 100px 60px 0; }
/**** E:: 감별 진단 ****/

/**** S:: 진료 방식 ****/
.table_style thead th:first-child,
.table_style tbody th { width: 320px; }
/**** E:: 진료 방식 ****/

/**** S:: 하지불안 - 신경 ****/
.rls_neural .synergy_list li { gap: 30px; padding: 40px 30px; }
/**** E:: 하지불안 - 신경 ****/

/**** S:: 불안장애 - 뇌 ****/
.brain_txt { padding-left: 60px; }
/**** E:: 불안장애 - 뇌 ****/

/**** S:: 만성내과질환 ****/
.int_field ul li { width: calc((100% - 90px) / 4); }
/**** E:: 만성내과질환 ****/

/**** S:: 생활습관가이드 ****/
.guide_diet_reason { margin: 80px 0 0; padding: 120px 60px;}
.guide_type_head { padding: 35px; }
.guide_type_head figure { right: 35px; top: 35px; }
.guide_type_body { padding: 35px; gap: 25px; }
/**** E:: 생활습관가이드 ****/

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/**** S:: 인트로 ****/
.dep_intro .basic_in + .basic_in { margin-top: 80px; }
/**** E:: 인트로 ****/

/**** S:: 대상 환자 ****/
.dep_target { margin-top: 80px; }
.target_list { flex-wrap: wrap; gap: 20px; }
.target_list li { flex: 1 1 calc((100% - 60px) / 3); min-width: 220px; }
.target_list li figure { width: 150px; height: 122px; }
/**** E:: 대상 환자 ****/

/**** S:: 원인 ****/
.cause_list { gap: 40px 30px; }
.cause_list li { width: calc((100% - 30px) / 2); }
/**** E:: 원인 ****/

/**** S:: 만성피로 - 원인 ****/
:is(.ftg_cause, .int_principle) .cause_list li { width: calc((100% - 30px) / 2); }
/**** E:: 만성피로 - 원인 ****/

/**** S:: 진료 방식 ****/
.table_style thead th:first-child,
.table_style tbody th { width: 20%; }
/**** E:: 진료 방식 ****/

/**** S:: 만성피로 - 진료 방식 ****/
.ftg_compose { margin-top: 80px; }
.ftg_compose ul li { width: calc((100% - 30px) / 2); }
/**** E:: 만성피로 - 진료 방식 ****/

/**** S:: 하지불안 - 진료 방식 ****/
.rls_clinic { margin-top: 80px; }
.rls_clinic > ul > li { width: calc((100% - 30px) / 2); }
/**** E:: 하지불안 - 진료 방식 ****/

/**** S:: 불안장애 - 뇌 ****/
.brain_area { flex-direction: column; gap: 30px; }
.brain_txt { padding-left: 0; width: 100%; }
/**** E:: 불안장애 - 뇌 ****/

/**** S:: 불안장애 - 통합 진료 ****/
.synergy_list li { gap: 30px; padding: 40px 30px; }
/**** E:: 불안장애 - 통합 진료 ****/

/**** S:: 불안장애 - 진료 영역 ****/
.anx_type { margin-top: 80px; }
.type_list li { width: calc((100% - 30px) / 2); }
/**** E:: 불안장애 - 진료 영역 ****/

/**** S:: 만성내과질환 ****/
.int_field ul li { width: calc((100% - 60px) / 3); }
.int_area { margin-top: 80px; }
/**** E:: 만성내과질환 ****/

/**** S:: 여성 갱년기 ****/
.fem_method .target_list li { width: calc((100% - 30px) / 2); }
/**** E:: 여성 갱년기 ****/

/**** S:: 남성 갱년기 ****/
.mal_clinic { margin-top: 80px; }
/**** E:: 남성 갱년기 ****/

/**** S:: 과민성대장 ****/
.ibs_method .process_list { flex-wrap: wrap; }
.ibs_method .process_list li { flex: 1 1 calc((100% - 30px) / 2); }
.ibs_method .process_list li:nth-child(2)::after { display: none; }
/**** E:: 과민성대장 ****/

/**** S:: 다이어트 ****/
.diet_process .process_list li { flex: 0 0 calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); }
.diet_process .process_list li:nth-child(3)::after { display: block; }
.diet_process .process_list li:nth-child(2)::after,
.diet_process .process_list li:nth-child(4)::after { display: none; }
.diet_process .process_list li:nth-child(5)::after { display: none; }

.med_split figure { min-height: 360px; aspect-ratio: 765 / 510; }
.med_split > div { padding: 40px 30px; }
.med_trend { flex-direction: column; gap: 20px; margin-top: 80px; }
.med_trend .med_trend_tit { width: 100%; }
.med_why { margin-top: 80px; padding: 120px 40px; border-radius: var(--borderR50); }
.med_glp,
.med_oral { margin-top: 80px; }
.med_func .cause_list li { width: calc((100% - 30px) / 2); }
.med_process .process_list li { flex: 0 0 calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); }
.med_process .process_list li:nth-child(3)::after { display: block; }
.med_process .process_list li:nth-child(2)::after,
.med_process .process_list li:nth-child(4)::after { display: none; }
.med_process .process_list li:nth-child(5)::after { display: none; }

.proc_why .med_split figure { min-height: 360px; }
.proc_why .med_split > div { padding: 40px 30px; }
.proc_effect { margin-top: 60px; }
.proc_treat .med_split.gray figure { min-height: 360px; }
.proc_treat .btn_area { padding-top: 40px; }
.proc_area { margin-top: 60px; }
.proc_glp { margin-top: 60px; }
.proc_glp .med_split figure { min-height: 360px; }
/**** E:: 다이어트 ****/

/**** S:: 생활습관가이드 ****/
.guide_diet_reason { margin: 60px 0 0; padding: 100px 40px;}
.guide_type > ul { gap: 20px; }
.guide_type_head { padding: 32px; }
.guide_type_head figure { right: 32px; top: 32px; width: 55px; height: 54px; }
.guide_type_body { padding: 32px; gap: 25px; }
.guide_pair > ul { gap: 40px 20px; }
/**** E:: 생활습관가이드 ****/

}
/*******************************************************************************
    @media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

/**** S:: 인트로 ****/
.dep_intro .basic_in + .basic_in { margin-top: 60px; }
.intro_txt { gap: 20px; }
.btn_area { padding-top: 30px; }
.btn_area a { width: 160px; height: 56px; }
/**** E:: 인트로 ****/

/**** S:: 셀프체크 ****/
.gray_box { padding: 30px 20px; }
.check_wrap ul li::before { top: 3px; }
.ibs_check .check_area { flex-direction: column; }
/**** E:: 셀프체크 ****/

/**** S:: 대상 환자 ****/
.dep_target { margin-top: 60px; }
.target_list li { flex: 1 1 calc((100% - 30px) / 2); }
.target_list li figure { width: 140px; height: 114px; }
/**** E:: 대상 환자 ****/

/**** S:: 원인 ****/
.cause_list { gap: 30px 20px; }
/**** E:: 원인 ****/

/**** S:: 감별 진단 ****/
.diff_area { padding: 60px 30px 0; }
.diff_in { padding: 120px 30px; border-radius: var(--borderR50); }
.diff_in ul { margin-bottom: 30px; }
.diff_in ul li {padding:10px 20px 10px 10px;}
.diff_in ul li::after {left:21px;}
/**** E:: 감별 진단 ****/

/**** S:: 진료 방식 ****/
.table_style, .table_style :is(thead, tbody, tr, th, td) { display: block; width: 100% !important; box-sizing: border-box; }
.table_style { border: none; border-radius: 0; }
.table_style thead { margin-bottom: 15px; }
.table_style thead tr { display: flex; border-radius: 12px; overflow: hidden; }
.table_style thead th:first-child { display: none; }
.table_style tbody tr { display: flex; flex-wrap: wrap; margin-bottom: 10px; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.04); }
.table_style tbody th { width: 100% !important; padding: 10px 12px; text-align: center; background: var(--grayBg); font-size: 1.05rem; border-right: 0; border-bottom: 1px solid var(--border); }

/* 기본 2단 분할 td/th 스타일 (우울증, 하지불안, 만성피로 등) */
.table_style thead th:nth-child(2), 
.table_style thead th:nth-child(3) { width: 50% !important; font-size: 1rem; padding: 16px 10px; border: none; }
.table_style tbody td { width: 50% !important; padding: 12px 10px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.95rem; border-bottom: 0; word-break: keep-all; }
.table_style tbody td:nth-child(2) { border-right: 1px dashed #e0e0e0; }
.table_style tbody td:nth-child(3) { border-right: 0; }

/* 불안장애(.anx_method)는 1단이므로 예외 처리 */
.anx_method .table_style thead th:nth-child(2) { width: 100% !important; }
.anx_method .table_style tbody td { width: 100% !important; border-right: none; }
/**** E:: 진료 방식 ****/



/**** S:: 진료 프로세스 ****/
.dep_process { margin-top: 60px; }
.process_list { flex-wrap: wrap; }
.process_list li figure { max-width: 140px; }
/**** E:: 진료 프로세스 ****/


.synergy_list li figure { width: 150px; height: 122px; }


/**** S:: 마무리 ****/
.dep_outro .basic_in { gap: 40px; }
.outro_note { margin-top: 0; }
/**** E:: 마무리 ****/

/**** S:: 불안장애 - 진료 영역 ****/
.anx_type { margin-top: 60px; }
.type_list { gap: 30px 20px; }
/**** E:: 불안장애 - 진료 영역 ****/

/**** S:: 하지불안 - 진료 방식 ****/
.rls_clinic { margin-top: 60px; }
.rls_clinic > ul { gap: 30px 20px; }
/**** E:: 하지불안 - 진료 방식 ****/

/**** S:: 만성피로 - 진료 방식 ****/
.ftg_compose { margin-top: 60px; }
.ftg_compose ul { gap: 30px 20px; }
/**** E:: 만성피로 - 진료 방식 ****/

/**** S:: 만성내과질환 ****/
.int_field ul li { width: calc((100% - 30px) / 2); padding: 30px 20px; }
.int_field ul li figure { width: 140px; height: 114px; }
.int_area { margin-top: 60px; }
/**** E:: 만성내과질환 ****/

/**** S:: 여성 갱년기 ****/
.fem_shift .diff_in ul { flex-direction: column; align-items: stretch; }
.fem_shift .diff_in ul li { width: 100%; box-sizing: border-box; }
/**** E:: 여성 갱년기 ****/

/**** S:: 남성 갱년기 ****/
.mal_clinic { margin-top: 60px; }
.mal_clinic .dot_list { padding: 12px 16px; }
.mal_clinic .dot_list ul li::before { top: 0.7em; }
/**** E:: 남성 갱년기 ****/

/**** S:: 과민성대장 ****/
.ibs_method .process_list li { flex: 1 1 100%; }
.ibs_method .process_list li:nth-child(2)::after { display: block; }
/**** E:: 과민성대장 ****/

/**** S:: 다이어트 ****/
.diet_process .process_list li { flex: 0 0 100%; width: 100%; }
.diet_process .process_list li:nth-child(2)::after,
.diet_process .process_list li:nth-child(4)::after { display: block; }
.med_split { flex-direction: column; }
.med_split figure {min-height:auto; order:-1; width:100%;}
.med_split > div {width:100%;}
.med_pill li { padding:10px 20px 10px 10px;}
.med_why { margin-top: 60px; padding: 80px 30px; border-radius: var(--borderR30); }
.med_glp,
.med_oral { margin-top: 60px; }
.med_trend { margin-top: 60px; }
.med_func .cause_list li { width: 100%; }
.med_process .process_list li { flex: 0 0 100%; width: 100%; }
.med_process .process_list li:nth-child(2)::after,
.med_process .process_list li:nth-child(4)::after { display: block; }
/**** E:: 다이어트 ****/


/**** S:: 시술 ****/
.proc_why .med_split figure {width:100%; min-height: auto;}
.proc_why .med_split > div {width:100%; padding:30px 0 0; text-align: center;}
.proc_why .med_split > div br {display:none;}
.proc_treat .med_split.gray > div {width: 100%; gap:15px;}
.proc_target .cause_list li { width: calc((100% - 30px) / 2); }

/**** S:: 생활습관가이드 ****/
.guide_tab li { width: calc((100% - 3px) / 2); }
.guide_tab a { width: 100%; }
.guide_intro_in { padding: 40px 30px; }
.guide_step_tit { padding: 35px 30px; }
.guide_note ul li::before {top:12px;}
.guide_pick { padding: 30px; }
/* .guide_pick.bmi li { flex: 1 1 calc((100% - 10px) / 2); } */
/* .guide_pick.type li { flex: 1 1 100%; } */
.guide_split {gap:30px;}
.guide_split figure {width:200px;}
.guide_pick.type li figure {display:none;}
.guide_note { padding: 30px; }
.guide_notes .guide_note { padding: 30px; }
.guide_detail { padding: 30px; }
.guide_panels .guide_detail { padding: 30px; }
.guide_routine { padding: 30px; }
.guide_card_list li { flex: 1 1 calc((100% - 30px) / 2); padding: 60px 30px; }
.guide_ref { padding: 30px; }
.guide_related { margin-top: 60px; }
.guide_warn ul li::before {top:12px;}
.guide_block ul li::before {top:12px;}
.guide_type_body > ul li::before { top: 12px; }
.guide_diet_reason { margin: 60px 0 0; padding: 80px 30px; border-radius: 50px; }
.guide_diet_reason .dep_tit { margin-bottom: 30px; }
.guide_type > ul { flex-direction: column; gap: 20px; }
.guide_type > ul > li { width: 100%; }
.guide_type_head { min-height: 0; padding: 30px; }
.guide_type_head figure { right: 30px; top: 30px; width: 50px; height: 50px; }
.guide_type_body { padding: 30px; gap: 20px; }
.guide_pair > ul { flex-direction: column; gap: 30px; }
.guide_pair > ul > li .fs26 { margin-top: 18px; }
/**** E:: 생활습관가이드 ****/
/**** E:: 시술 ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

/**** S:: 인트로 ****/
.dep_intro .sub_tit .fs26 { margin: 5px 0 0; }
.dep_intro .basic_in + .basic_in { margin-top: 50px; }
.intro_area { gap: 20px; }
.intro_txt { gap: 15px; }
.btn_area { gap: 4px; padding-top: 15px; width: 100%; }
.btn_area a { flex: 1; width: auto; height: 48px; gap: 6px; }
.btn_area a:nth-child(1)::before { width: 13px; height: 18px; }
.btn_area a:nth-child(2)::before { width: 20px; height: 18px; }
.btn_area a:nth-child(3)::before { width: 20px; height: 20px; }
/**** E:: 인트로 ****/

/**** S:: 셀프체크 ****/
.check_wrap .fs26E { padding: 12px 10px; }
.check_wrap ul { padding: 20px 16px; }
.check_wrap ul li { padding-left: 26px; }
.check_wrap ul li::before { width: 18px; height: 17px; }
/**** E:: 셀프체크 ****/

/**** S:: 대상 환자 ****/
.dep_target { margin-top: 50px; }
.target_list { gap: 10px; margin-bottom: 20px; }
.target_list li { flex: 1 1 100%; padding: 30px 20px; }
.target_list li figure { width: 130px; height: 106px; }
/**** E:: 대상 환자 ****/

/**** S:: 원인 ****/
.cause_list { gap: 30px; }
.cause_list li { width: 100%; }
.ibs_cause .cause_list li { width: 100%; }
:is(.ftg_cause, .int_principle) .cause_list li { width: 100%; }
/**** E:: 원인 ****/

/**** S:: 감별 진단 ****/
.diff_area { padding: 40px 20px 0; }
.diff_in { padding: 70px 20px; }
.diff_in ul { flex-direction: column; align-items: stretch; margin-bottom: 24px; }
.diff_in ul li { width: 100%; box-sizing: border-box; padding: 10px 15px; }
.diff_in ul li::before { width: 30px; height: 30px; }
.diff_in ul li::after { width: 15px; height: 14px; left: 22px; }
/**** E:: 감별 진단 ****/

/**** S:: 진료 프로세스 ****/
.process_list { gap: 20px; margin-bottom: 20px; }
.process_list li { padding: 30px 20px;  flex: 1 1 100%; }
.process_list li figure { max-width: 130px; }
.process_list li {position:relative; z-index:9;}
.process_list li::after {top: auto;  right: auto;  bottom: -10px;  left: 50%;  transform: translateX(-50%) rotate(90deg); z-index:99;}
/**** E:: 진료 프로세스 ****/

/**** S:: 마무리 ****/
.outro_txt { gap: 15px; }
.alert_box { padding: 20px; }
.alert_tit::before { width: 32px; height: 32px; font-size: 18px; }
.dep_outro .basic_in { gap: 30px; }
/**** E:: 마무리 ****/

/**** S:: 불안장애 - 통합 진료 ****/
.synergy_list {margin-bottom:20px;}
.synergy_list li {align-items: flex-start; gap: 20px; padding: 20px; }
.synergy_list li dl {gap:5px;}
.synergy_list li figure { width: 75px; height: auto; }
/**** E:: 불안장애 - 통합 진료 ****/

.ibs_method .dep_method > .fs18 {margin-top:15px;}

/**** S:: 불안장애 - 진료 영역 ****/
.anx_type { margin-top: 50px; }
.type_list { gap:30px 10px; }
.type_list li { width: 100%; }
.type_list li dd {margin-top:5px;}
/**** E:: 불안장애 - 진료 영역 ****/

/**** S:: 하지불안 - 신경 ****/
.rls_neural .synergy_list li { align-items: flex-start; gap: 20px; padding: 20px; }
.rls_neural .synergy_list li dl { gap: 5px; }
.rls_neural .synergy_list li figure { width: 75px; height: auto; }
/**** E:: 하지불안 - 신경 ****/

/**** S:: 하지불안 - 진료 방식 ****/
.rls_clinic { margin-top: 50px; }
.rls_clinic > ul > li { width: 100%; }
.rls_clinic > ul > li dd { margin-top: 5px; }
/**** E:: 하지불안 - 진료 방식 ****/

/**** S:: 만성피로 - 진료 방식 ****/
.ftg_compose { margin-top: 50px; }
.ftg_compose ul li { width: 100%; }
.ftg_compose ul li dd { margin-top: 5px; }
/**** E:: 만성피로 - 진료 방식 ****/

/**** S:: 만성내과질환 ****/
.int_field ul {gap:15px;}
.int_field ul li { width: 100%; }
.int_field ul li figure { width: 120px; height: 98px; }
.int_area { margin-top: 50px; }
/**** E:: 만성내과질환 ****/

/**** S:: 여성 갱년기 ****/
.fem_method .target_list li { width: 100%; }
/**** E:: 여성 갱년기 ****/

/**** S:: 남성 갱년기 ****/
.mal_clinic { margin-top: 50px; }
.mal_clinic .dot_list { padding: 10px 14px; }
.mal_clinic .dot_list ul li.fs16 { line-height: 150%; padding-left: 9px;}
.mal_clinic .dot_list ul li::before { top: 0.68em; width: 2px; height: 2px; }
/**** E:: 남성 갱년기 ****/


/**** S:: 다이어트 ****/
.dep_tit > .fs22 + .fs18 {margin:0;}
.med_split > div { padding: 30px 20px; width:100%;}
.med_why { padding: 60px 20px; }
.med_pill {margin:20px 0;}
.med_pill li { width: 100%; border-radius: 50px; }
.med_pill li::before {width: 30px; height: 30px; background: var(--clinic) url("/clinic/img/icon_check_w.svg") no-repeat center / 15px 14px;}
.diet .diet_outro .outro_txt .fs26+.fs18 {margin-top:-5px;}
.med_split > div {gap:15px;}
.med_glp .dot_list.gray, .med_oral .dot_list.gray {padding:15px 20px;}
.med_appetite .basic_in > .fs18 {margin-top:20px;}
.med_item .item_tit em {width:30px; height:30px;}
.med_item + .med_item {padding-top:20px;}
/**** E:: 다이어트 ****/

/**** S:: 시술 ****/
.proc_why .med_split > div { padding: 30px 20px; }
.proc_treat .btn_area { padding-top: 30px; }
.proc_effect_note {gap:5px;}

/**** S:: 생활습관가이드 ****/
.guide_tool .sub_tit {margin-bottom:20px;}
.guide_tab { margin-bottom: 40px; }
.guide_tab li { width: calc((100% - 3px) / 2); }
.guide_tab a { width: 100%; padding: 12px 10px; }
.guide_intro_in { padding: 30px 20px; gap: 20px; }
.guide_intro_item { gap: 10px; padding-top: 20px; }

/* .guide_intro_tit { align-items: flex-start; } */
.guide_intro_tit em {width:30px; height:30px;}
.guide_step_tit { padding: 25px; }
.guide_pick { padding: 20px; gap: 10px; }
.guide_pick li { padding: 15px 20px; }
.guide_pick li::before { left: 14px; top: 12px; width: 30px; height: 30px; background-size: 15px 14px; }
.guide_pick li dl { padding-left: 32px; }
.guide_pick li dd {margin:0;}
.guide_split { flex-direction: column; gap: 20px; }
.guide_split figure { width: 100%; }
.guide_note { padding: 20px; }
.guide_note ul {gap:5px;}
.guide_notes .guide_note { padding: 20px; }
.guide_note_tit .fs22 { padding-left: 38px; }
.guide_note_tit .fs22::before { width: 30px; height: 30px; background-size: 18px 17px; }
.guide_note.caution .guide_note_tit .fs22::before { background-size: 18px 18px; }
.guide_note ul li::before {top:10px;}
#guideNotes .guide_note_tit .fs22::before {font-size:18px;}
.guide_detail { padding: 20px; gap: 20px; }
.guide_panels .guide_detail { padding: 20px; gap: 20px; }
.guide_routine { padding: 20px; }
.guide_ref { padding: 20px 15px; margin-bottom:20px;}
.guide_card_list { gap: 15px; }
.guide_card_list li { padding: 50px 20px; }
.guide_warn {padding:15px 20px;}
.guide_split .fs18 a::after {font-size:18px;}
.guide_block ul {gap:5px;}
.guide_warn ul {gap:5px;}
.guide_warn ul li::before {top:10px;}
.guide_block ul li::before {top:10px;}
.guide_type_body > ul { gap: 5px; }
.guide_type_body > ul li::before { top: 10px; }
.guide_bundle {padding-top:20px;}
.guide_diet_reason { margin: 40px 0 0; padding: 60px 20px; }
.guide_diet_reason .dep_tit { margin-bottom: 24px; }
.guide_type_head { padding: 25px 20px; }
.guide_type_head figure { right: 20px; top: 25px; width: 45px; height: 45px; }
.guide_type_body { padding: 20px; gap: 15px; }
.guide_pair > ul { gap: 20px; }
.guide_pair > ul > li .fs26 { margin-top: 15px; }
.guide_pair > ul > li .fs18 { margin: 8px 0 4px; }
.guide_check .sub_tit { margin-bottom: 30px; }
.guide_more {padding:10px 15px 10px 20px;}
.guide_table, .guide_table tbody, .guide_table tr { display: block; width: 100%;  border-top:0;}
.guide_table thead { display: none; }
.guide_table tbody tr { display: block; margin-bottom: 16px; border: 1px solid var(--border); border-top: 3px solid var(--main); }
.guide_table tbody tr:last-child { margin-bottom: 0; }
.guide_table tbody th { display: block; width: 100% !important; background: var(--grayBg); border-right: 0; border-bottom: 1px solid var(--border); text-align: left; padding: 14px 16px; box-sizing: border-box; }
.guide_table tbody td { display: block; width: 100%; border-right: 0; border-bottom: 1px dashed var(--border); padding: 12px 16px; text-align: right; box-sizing: border-box; }
.guide_table tbody td:last-child { border-bottom: 0; }
.guide_table tbody td::before { content: attr(data-label); float: left; color: var(--black); font-weight: 600; text-align: left; }
.guide_table tbody td::after { content: ''; display: block; clear: both; }
.guide_table.week tbody td {text-align:right;}
.guide_step {margin:0 auto 20px;}
/**** E:: 생활습관가이드 ****/
.cause_list li dt br {display:none;}
.proc_target .cause_list {gap:30px 15px;}
.proc_target .cause_list li {width: calc((100% - 15px) / 2);}
.guide_ref ol li {padding-left:18px;}
.guide_card_list li a {margin:10px 0 0;}
.guide_warn > .fs18.warn::before {font-size: 16px;}
/**** E:: 시술 ****/

.ftg_cause .diff_in .alert_box {padding:20px 25px;}
.ftg_cause .diff_in .alert_tit {gap:10px;}
.ftg_cause .diff_in > .fs18 {margin-top:20px;}

}

/*******************************************************************************
	@media 510px
*******************************************************************************/
@media all and (max-width:510px) { 

.guide_pick li {width:100%; flex:none;}


}
/**** E:: 클리닉 반응형 ****/