@charset "UTF-8";

#section01, #section02, #section03, #section04,
#section06, #section07, #section08, #section09,
#section11, #section12, #section13, #section14, #section15 {
  overflow-x: hidden;
}

:root{
  --line_color:#e0e0e0;
  --main_color:#ff255b;
  --orange_color:#FF3600;
  --green_color:#08A800;
  --red_color:#ff5539;
  --pink_color:#F92EBD;
}

.m_color{color: var(--main_color);}
.black{color: #000;}
.bold{font-weight: bold;}
section{max-width: 100%;}
.orange{background: #FF3600 !important; color: #fff !important; padding: 0 5px;}
.orange02{background: #FF7E00 !important; color: #fff !important; padding: 0 5px;}
.orange-color{color: #FF3600!important;}
.orange-color02{color: #FF7E00!important;}

.green{background: #08A800 !important; color: #fff !important; padding: 0 5px;}
.green2{background: #2D8A07 !important; color: #fff !important; padding: 0 5px;}
.green-color{color: #08A800 !important;}
.green-color2{color: #2D8A07 !important;}
.purple{background:#AF2EF9 !important; color: #fff !important; padding: 0 5px;}
.purple-color{color: #AF2EF9 !important;}

.red{background: #FF5539 !important; color: #fff !important; padding: 0 5px;}
.red-color{color: #FF5539 !important;}

.pink2{background: #F92EBD !important; color: #fff !important; padding: 0 5px;}
.pink-color{color: #F92EBD !important; }
@keyframes flowLeft {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@keyframes flowRight {0% {transform: translateX(-50%);} 100% {transform: translateX(0);}}
@keyframes slideUp {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
/* sec01 */
#section01{height: 100%; position: relative;}
#section01 br{display: none;}
.video_wrap {position: relative; height: 100vh; overflow: hidden;}
.video_wrap video {width: 100%; height: 100%; object-fit: cover;}
.video_wrap::after {content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.6);  pointer-events: none;}
.slide-bg-wrap { position: relative; height: 100vh; overflow: hidden; }
.slide-bg-wrap::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.6); pointer-events: none; }
.sec01_content{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.sec01_content .main_txt{font-size: 3rem; line-height: 1.6; margin-bottom: 50px; font-weight: bold;}
.sec01_content .main_txt span{background: #f10f7f ; color:#ffe92d; padding: 3px 5px 10px; margin: 0; line-height: 1;display: inline-block;}
.sec01_content .main_txt span.orange_bg{background: #FF7E00; color: #fff;}
.sec01_content .sub_txt{font-size: 2rem; line-height: 1.5;}
/* mn02 intro-logo */
#section01 .sec01_content .intro-logo { display: flex; align-items: center; justify-content: center; gap: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); flex-direction: column;}
#section01 .sec01_content .intro-logo img { max-height: auto; width: auto; opacity: 0; }

/* sec16 */
#section16 {width: 100%; height: 100vh; background: #f5f5f5 url(../mn03/images/sec16_bg.png) no-repeat center bottom;
  overflow-x: hidden;}
#section16 .sec16_inner {max-width: 1400px; margin: 0 auto; padding: 100px 20px 0 20px;  text-align: center;}
.sec16_title {font-size:2.5rem; font-weight: bold; color: #222;}

/* sec17 */
.section17 { width: 100%; padding: 100px 0; background: #fff; overflow-x: hidden; }
.sec17_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec17_title { font-size: 2.5rem; font-weight: bold; text-align: center; color: #222; margin-bottom: 60px; }
.sec17_timeline { display: flex; position: relative; gap: 20px; }
.sec17_timeline::before { content: ''; position: absolute; top: 10px; left: 0; right: 0; height: 2px; background: #ccc; z-index: 0; }
.timeline_item { flex: 1; display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.dot_wrap { position: relative; width: 24px; height: 24px; z-index: 1; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.dot { display: block; width: 12px; height: 12px; background: #888; border-radius: 50%; position: relative; z-index: 2; transition: background 0.3s, width 0.3s, height 0.3s; }
.timeline_item.active .dot, .timeline_item:hover .dot { background: #08A800; width: 16px; height: 16px; }
@keyframes sec17_ripple {
  0%   { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }
  100% { transform: translate(-50%, -50%) scale(4.5); opacity: 0; }
}
.dot_wrap::before, .dot_wrap::after {content: ''; position: absolute; top: 50%; left: 50%;  width: 16px; height: 16px; border-radius: 50%;  background: rgba(8, 168, 0, 0.35);  transform: translate(-50%, -50%) scale(1);  opacity: 0;}
.timeline_item.active .dot_wrap::before, .timeline_item:hover .dot_wrap::before {animation: sec17_ripple 2s ease-out infinite;}
.timeline_item.active .dot_wrap::after, .timeline_item:hover .dot_wrap::after {  animation: sec17_ripple 2s ease-out infinite 1s;}

.stage_badge { background: #333; color: #fff; padding: 7px 28px; border-radius: 5px; font-size: 1rem; font-weight: bold; margin-bottom: 20px; transition: background 0.3s; }
.timeline_item.active .stage_badge, .timeline_item:hover .stage_badge { background: #08A800; }
.stage_card { width: 100%; background: #fff; border: 1px solid #e0e0e0; border-radius: 15px; padding: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; aspect-ratio: 1; box-sizing: border-box; transition: box-shadow 0.3s; }
.timeline_item:hover .stage_card { box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.stage_card {display: flex;flex-direction: column; height:300px;}
.stage_card img { width: 80%; height: 100%; object-fit: contain; }
.stage_desc { text-align: center; font-size: 1rem; color: #555; line-height: 1.4; padding: 0 5px; }

/* section17 - 세포독성 항암제 비교 */
#section17 { width: 100%; padding: 100px 0; background: #fafafa; overflow-x: hidden; }
.sec17b_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec17b_title { font-size: 2.5rem; font-weight: bold; text-align: center; color: #222; margin-bottom: 60px; }

.compare_table_wrap { width: 100%; overflow-x: auto; box-shadow: 10px 0 20px -4px rgba(0,0,0,0.12); }
.compare_table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; }
.compare_table thead th { padding: 18px 30px; font-size: 1.1rem; font-weight: bold; color: #fff; }
.compare_table .th_empty { background: transparent; border: none; width: 200px; }
.compare_table .th_teal { background: #42ADA8; }
.compare_table .th_gold { background: #B89A3A; }
.compare_table tbody td { padding: 24px 30px; border: 1px solid #ddd; vertical-align: middle; line-height: 1.8; text-align: center; }
.compare_table tbody td p { line-height: 2; }
.compare_table .td_label { background: #888; color: #fff; font-weight: bold; font-size: 1rem; width: 200px; border-color: rgba(255,255,255,0.15); }
.cycle_badge { display: inline-block; color: #fff; padding: 3px 14px; border-radius: 20px; font-size: 0.875rem; margin-right: 6px; font-weight: bold; }
.badge_red { background: #E03E28; }
.notice_red { color: #E03E28; font-size: 0.875rem; margin-top: 8px; }

/* sec18 */
#section18 { width: 100%; padding: 100px 0; background: #fff; }
.sec18_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec18_inner h3.title { font-size: 2.5rem; text-align: center; line-height: 1.3; font-weight: bold; margin-bottom: 50px; }
.sec18_inner .con { display: flex; align-items: center; gap: 40px; }
.sec18_inner .con .con_l { display: flex; flex-direction: column; gap: 40px; flex: 1; align-items: center; }
.sec18_inner .con .con_r { flex-shrink: 0; position: relative; }
.sec18_inner .con .con_r img { max-width: 610px; width: 100%; }
.sec18_inner .con .con_r .con_r_txt { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.sec18_inner .con .con_r .con_r_txt ul{display: flex; text-align: center; justify-content: center; align-items: center; gap: 10px;} 
.sec18_inner .con .con_r .con_r_txt ul li{ line-height: 1.3; background: rgba(255,255,255,0.8); border: 4px solid #CA0891; height: 100px; width: 120px; display:flex; align-items: center; text-align: center; flex-direction: column; justify-content: center; font-weight: bold;}

/* 갱년기 section18 */
.page-smn04 .sec18_inner .con {gap: 0;}
.page-smn04 #section18 .con_l { position: relative; z-index: 2; overflow: visible; }
.page-smn04 #section18 .con-l-down { position: relative; z-index: 2; overflow: visible; }
.page-smn04 #section18 .con-l-down ul {display: flex;list-style: none; margin: 0;  padding: 0; border: 1px solid var(--pink_color); position: relative; z-index: 3; width: calc(100% + 150px);}
.page-smn04 #section18 .con-l-down ul li {display: flex; flex-direction: column;  align-items: center;  justify-content: center;  padding: 18px 20px; position: relative; background: #fff; transition: background 0.4s ease, color 0.4s ease;  cursor: default; width: 120px; height: 100px;}
.page-smn04 #section18 .con-l-down ul li::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 50%; width: 1px; background: #e0e0e0;}
.page-smn04 #section18 .con-l-down ul li:last-child::after {display: none;}
.page-smn04 #section18 .con-l-down ul li.hl::after {background: transparent;}
.page-smn04 #section18 .con-l-down ul li p {margin: 4px 0 0; font-size: 19px; text-align: center;}
.page-smn04 #section18 .con-l-down ul li img{width: 45px;}
.page-smn04 #section18 .con-l-down ul li.hl {background: #e91e8c;}
.page-smn04 #section18 .con-l-down ul li.hl p {color: #fff;}
.page-smn04 #section18 .con-l-down ul li.hl img {filter: brightness(0) invert(1);}

.page-smn04 #section18 .con_r .con_r_img {position: relative; z-index: -2;} 
.page-smn04 #section18 .con_r_txt {background: #d81b60;  display: flex;  align-items: center; gap: 12px;  padding: 24px 20px; width: 600px; position: relative; justify-content: center; text-align: center; bottom: 30px; z-index: -1; left: -50px; transform: none;}  
.page-smn04 #section18 .con_r_txt .img-wrap:first-child {position: absolute; left: 80px; top: 20px;}
.page-smn04 #section18 .con_r_txt .img-wrap:last-child {position: absolute; right: 80px; bottom: 20px;}
.page-smn04 #section18 .con_r_txt .img-wrap img {  opacity: 0.45;  width: 40px;}
.page-smn04 #section18 .con_r_txt .txt p { color: #fff;  line-height: 1.5; font-weight: 300;}
.page-smn04 #section18 .con_r_txt .txt .pink-color {color: #fff; font-weight: 700;}

/* step circles */
.sec18_inner .con-l-up { display: flex; align-items: center; gap: 12px; }
.sec18_inner .con-l-up .step { width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ddd; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 12px; flex-shrink: 0; transition: background-color 0.5s, border-color 0.5s; box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15);}
.sec18_inner .con-l-up .step .step-label { font-size: 1rem; color: #aaa; margin-bottom: 8px; letter-spacing: 0.02em; transition: color 0.5s; }
.sec18_inner .con-l-up .step .small {font-size: 1rem;}
.sec18_inner .con-l-up .step p { font-size: 1.5rem; font-weight: bold; color: #666; line-height: 1.4; font-weight: bold; transition: color 0.5s; }
.sec18_inner .con-l-up .step.active { background-color: #f04e23; border-color: #f04e23; }
.page-smn04 .sec18_inner .con-l-up .step.active { background-color:#CA0891; border-color: #CA0891; }
.sec18_inner .con-l-up .step.active .step-label { color: rgba(255,255,255,0.75); }
.sec18_inner .con-l-up .step.active p { color: #fff; }
.sec18_inner .con-l-up .step-arrow { font-size: 3rem; color: #ccc; flex-shrink: 0; }

/* quote text */
.sec18_inner .con-l-down { display: flex; align-items: flex-start; gap: 12px; }
.sec18_inner .con-l-down .img-wrap img { width: 50px; }
.sec18_inner .con-l-down .img-wrap:last-child { align-self: flex-end; }
.sec18_inner .con-l-down .txt p { font-size: 1.25rem; line-height: 1.9; color: #555; text-align: center;}

/* sec19 */
#section19{width: 100%; padding: 100px 0; background: #fafafa;}
/* sec19 */
.sec19_inner{max-width: 1400px; margin: 0 auto;}
.sec19_inner h3.title { font-size: 2.5rem; text-align: center; line-height: 1.3; font-weight: bold; margin-bottom: 50px; }
.sec19_inner .con{display: flex; justify-content: center; align-items: center; width: 100%; position: relative; gap: 100px;}
.sec19_inner .con .txt-wrap{position: absolute; background: rgba(0,0,0,0.8); color: #fff; text-align: center; padding: 3px; z-index: 10;}
.sec19_inner .con .txt-wrap .txt{border: 1px solid #e0e0e0; padding: 40px 20px;}
.sec19_inner .con .txt-wrap .txt h4{font-weight: bold; font-size: 1.5rem; line-height: 1.3; padding-bottom: 20px;}
.sec19_inner .con .txt-wrap .txt>p{font-size: 0.875rem; line-height: 1.3; color: #eee; font-weight: 200;}

/* sec20 */
#section20 { width: 100%; padding: 100px 0; background: #FFFAFA; }
.sec20_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec20_inner h3.title { font-size: 2.5rem; text-align: center; line-height: 1.3; font-weight: bold; margin-bottom: 50px; }
.sec20_tables { display: flex; gap: 30px; margin-bottom: 24px; align-items: stretch; }
.sec20_inner .con-l { flex: 1.2; border-radius: 12px; box-shadow: 0 6px 24px rgba(202,8,145,0.12), 0 2px 8px rgba(0,0,0,0.08); }
.sec20_inner .con-r { flex: 1; display: flex; flex-direction: column; border-radius: 12px;  gap: 20px;}

/* 체크리스트 표 */
.checklist-table { width: 100%; border-collapse: collapse; box-shadow: 0 6px 24px rgba(202,8,145,0.12), 0 2px 8px rgba(0,0,0,0.08);}
.checklist-table thead th { padding: 12px 10px; font-size: 0.95rem; font-weight: bold; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 3px solid #ccc; color: #444; }
.checklist-table thead th.th-symptom { width: 40%; background: #f0f0f0; border-left: none; }

.checklist-table thead th:nth-child(2),
.checklist-table thead th:nth-child(4) { background: #d9d9d9; }
.checklist-table thead th:nth-child(3),
.checklist-table thead th:nth-child(5) { background: #f5f5f5; }
.checklist-table thead th:last-child { border-right: none; }
.checklist-table tbody tr { border-bottom: 3px solid #e0d8e8; }
.checklist-table tbody tr:last-child { border-bottom: none; }
.checklist-table tbody td { padding: 23px 10px; text-align: center; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-top: none; border-bottom: none; font-size: 0.95rem; color: #555; }
.checklist-table tbody td:first-child { border-left: none; }
.checklist-table tbody td:last-child { border-right: none; }

.checklist-table tbody td:nth-child(2),
.checklist-table tbody td:nth-child(4) { background: #efefef; }
.checklist-table tbody td:nth-child(3),
.checklist-table tbody td:nth-child(5) { background: #fff; }

.checklist-table tbody tr:nth-child(odd) td.symptom-cell { background: #DF2D8A; color: #fff; font-weight: bold; border-color: #DF2D8A; }
.checklist-table tbody tr:nth-child(even) td.symptom-cell { background: #96006C; color: #fff; font-weight: bold; border-color: #7a0059; }

/* td 호버 */
.checklist-table tbody td { transition: background 0.18s; }
.checklist-table tbody td:nth-child(2):hover,
.checklist-table tbody td:nth-child(4):hover { background: #d8d8d8; }
.checklist-table tbody td:nth-child(3):hover,
.checklist-table tbody td:nth-child(5):hover { background: #f0f0f0; }
.checklist-table tbody tr:nth-child(odd) td.symptom-cell:hover { background: #c01f78; }
.checklist-table tbody tr:nth-child(even) td.symptom-cell:hover { background: #7a0059; }

/* 점수 표 */
.score-table { width: 100%; border-collapse: collapse; flex: 1; box-shadow: 0 6px 24px rgba(202,8,145,0.12);}
.score-table thead th { padding: 12px 10px; font-size: 0.95rem; font-weight: bold; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; color: #444; }
.score-table thead th:first-child { width: 30%; background: #f0f0f0; border-left: none; }
.score-table thead th:last-child { background: #d9d9d9; border-right: none; }
.score-table tbody tr { border-bottom: 3px solid #e0d8e8; }
.score-table tbody tr:last-child { border-bottom: none; }
.score-table tbody td { padding: 14px 16px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-top: none; border-bottom: none; vertical-align: middle; }
.score-table tbody td:first-child { border-left: none; }
.score-table tbody td:last-child { border-right: none; }

.score-table tbody tr:nth-child(odd) td.score-cell { background: #FDECF8; color: #333; font-weight: bold; text-align: center; font-size: 1rem; white-space: nowrap; }
.score-table tbody tr:nth-child(even) td.score-cell { background: #FDECF8; color: #333; font-weight: bold; text-align: center; font-size: 1rem; white-space: nowrap; }
.score-table tbody tr:nth-child(odd) td:last-child { background: #fff; }
.score-table tbody tr:nth-child(even) td:last-child { background: #fff; }
.score-table tbody td .score-title { font-weight: bold; color: #CA0891; margin-bottom: 4px; font-size: 0.95rem; }
.score-table tbody td p { font-size: 0.875rem; color: #555; line-height: 1.5; }

.sec20_footnote { font-size: 1rem; color: #666; text-align: center; margin-top: 30px; }
.sec20_footnote span { font-weight: bold; color: #444; }

/* clinic wrapper + fixed nav */
.clinic-wrapper { position: relative; }
.clinic-tab-nav { z-index: 200;padding: 18px 0; text-align: center; }
.clinic-tab-nav.is-fixed { position: fixed; top: 0; left: 0; width: 100%;}
.clinic-tab-nav ul { display: inline-flex; list-style: none; padding: 4px; margin: 0; background: #fff; border-radius: 50px; gap: 4px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0;}
.clinic-tab-nav li { padding: 22px 50px; font-size: 1.05rem; font-weight: bold; cursor: pointer; color: #888; border-radius: 50px; transition: background 0.1s, color 0.3s; }
.clinic-tab-nav li.active { background: #6B21A8; color: #fff; box-shadow: 0 2px 8px rgba(107,33,168,0.3); }

/* sec22 */
#section22 { width: 100%; background: #fff; }
.sec22_inner { max-width: 1400px; margin: 0 auto; padding: 80px 40px 100px; }
.sec22_inner h3.title { font-size: 2.5rem; text-align: center; font-weight: bold; margin-bottom: 60px; }
.sec22_con { display: flex; align-items: center; gap: 60px; }
.sec22_l { flex-shrink: 0; width: 50%; border-radius: 16px; overflow: hidden; }
.sec22_l img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sec22_r { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.sec22_desc { font-size: 1.75rem; line-height: 1.5; color: #333; }
.sec22_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; list-style: none; padding: 0; margin: 0; }
.sec22_grid li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border: 1px solid #e0e0e0; border-radius: 10px; padding: 18px 10px; text-align: center; transition: border-color 0.3s, box-shadow 0.3s; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);}
.sec22_grid li:hover { border-color: #AF2EF9; box-shadow: 0 4px 16px rgba(175,46,249,0.12); }
.sec22_grid li img { width: 48px; height: 48px; object-fit: contain; }
.sec22_grid li span { font-size: 0.95rem; color: #555; font-weight: bold; line-height: 1.3; }
.sec22_quote { position: relative; text-align: center; padding: 10px 20px; }
.sec22_quote .q_open { display: block; width: 40px; margin: 0 auto 10px; }
.sec22_quote .q_close { display: block; width: 40px; margin: 10px auto 0; margin-left: auto; }
.sec22_quote p { font-size: 1.25rem; line-height: 1.5; color: #555; }

/* sanhu-r (산후보약 패널 오른쪽) */
.sanhu-r { justify-content: center; }
.sanhu-heading { font-size: 1.75rem; font-weight: 600;line-height: 1.3; color: #222; font-weight: 300;}
.sanhu-desc { font-size: 1.1rem; color: #666; line-height: 1.8; margin-bottom: 30px; }

/* sec24 */
#section24 { width: 100%; padding-bottom: 100px; background: #F3EEFF; }
#section24 .sec22_bg{width: 100%; background: #fff;}
.sec24_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec24_inner h3.title { font-size: 2.5rem; text-align: center; font-weight: bold; margin-bottom: 50px; line-height: 1.3; color: #222; padding-top: 50px;}
.sec24_inner .con-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 60px; list-style: none; padding: 0; }
.sec24_inner .con-grid li { grid-column: span 2; background: #fff; border-radius: 14px; padding: 30px 28px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); }
.sec24_inner .con-grid li:nth-child(4) { grid-column: 2 / span 2; }
.sec24_inner .con-grid li:nth-child(5) { grid-column: 4 / span 2; }
.sec24_inner .con-grid li h4 { font-size: 1.2rem; font-weight: bold; color: #222; margin-bottom: 14px; }
.sec24_inner .con-grid .line { width: 10%; height: 2px; background: #9333EA; margin-bottom: 16px; transition: width 0.4s ease; }
.sec24_inner .con-grid li:hover .line { width: 100%; }
.sec24_inner .con-grid .grid-txt1 { font-size: 0.95rem; color: #555; line-height: 1.8; }
.sec24_icons { display: flex; justify-content: center; gap: 50px; list-style: none; padding: 0; margin: 0; }
.sec24_icons li { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.sec24_icons .icon-circle { width: 100px; height: 100px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; transition: background 0.3s;}
.sec24_icons li.active .icon-circle { background: #6B21A8;}
.sec24_icons .icon-circle img { width: 50px; height: 50px; object-fit: contain; }
.sec24_icons li span { font-size: 0.9rem; color: #555; line-height: 1.5; font-weight: bold; }
.sec24_icons li.active span { color: #6B21A8; }

/* sec23 */
#section23 { width: 100%; padding: 100px 0; background: #F3EEFF; }
.sec23_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec23_inner h3.title { font-size: 2.5rem; text-align: center; font-weight: bold; margin-bottom: 20px; color: #222; }
.sec23_inner .sub-title { text-align: center; font-size: 1.1rem; color: #666; line-height: 1.8; margin-bottom: 50px; }
.sec23_inner .con-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 40px; list-style: none; padding: 0; }
.sec23_inner .con-grid li { grid-column: span 2; background: #fff; border-radius: 14px; padding: 30px 28px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); }
.sec23_inner .con-grid li:nth-child(4) { grid-column: 2 / span 2; }
.sec23_inner .con-grid li:nth-child(5) { grid-column: 4 / span 2; }
.sec23_inner .con-grid li h4 { font-size: 1.2rem; font-weight: bold; color: #222; margin-bottom: 14px; }
.sec23_inner .con-grid .line { width: 10%; height: 2px; background: #9333EA; margin-bottom: 16px; transition: width 0.3s ease; }
.sec23_inner .con-grid li:hover .line { width: 100%; }
.sec23_inner .con-grid .grid-txt1 { font-size: 0.95rem; color: #555; line-height: 1.8; margin-bottom: 16px; }
.sec23_inner .con-grid .grid-txt2 { font-size: 0.95rem; line-height: 1.8; }
.sec23_inner .detail-txt { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.sec23_inner .detail-txt p { width: 100%; max-width: 720px; text-align: center; padding: 18px 40px; border-radius: 50px; font-size: 1.25rem; color: #fff; font-weight: bold; line-height: 1.6; background: #9300E8; font-style: italic;}

/* sec25 */
#section25 { width: 100%; padding: 100px 0; background-color: #f5f5f5; background-image: url(../mn06/images/sec25_img.png); background-position: bottom right; background-repeat: no-repeat; }
.sec25_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec25_inner h3.title { font-size: 2.5rem; text-align: center; font-weight: bold; margin-bottom: 20px; color: #222; }
.sec25_inner .sub_title { text-align: center; font-size: 1.05rem; color: #666; line-height: 1.8; margin-bottom: 50px; }
.sec25_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto); grid-auto-flow: column; gap: 30px; list-style: none; padding: 0; margin: 0 0 20px; }
.sec25_grid li { background: #fff; border-radius: 12px; padding: 22px 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.sec25_grid li:nth-child(5), .sec25_grid li:nth-child(6), .sec25_grid li:nth-child(7) {transform: translateY(30px);}
.sec25_grid li h4 { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; font-weight: bold; color: #222; margin-bottom: 8px; }
.sec25_grid li h4 img { width: 22px; height: 22px; flex-shrink: 0; }
.sec25_grid li p { font-size: 0.95rem; color: #888; line-height: 1.6; padding-left: 32px; }
.sec25_note { font-size: 1rem; color: #e05555; font-weight: bold;}

/* sec26 */
#section26 { width: 100%; padding: 100px 0; background: #fff; }
.sec26_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; gap: 80px; }
.sec26_inner .con-l { flex-shrink: 0; max-width: 400px; }
.sec26_inner .con-l h3 { font-size: 2.2rem; font-weight: bold; color: #222; margin-bottom: 28px; line-height: 1.3; }
.sec26_inner .con-l .sub_title { font-size: 1rem; color: #555; line-height: 1.5; margin-bottom: 20px; }
.sec26_inner ul.con-r { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; list-style: none; padding: 0; margin: 0; }
.sec26_inner ul.con-r li { border: 1px solid #e8e0f5; border-radius: 12px; padding: 30px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; transition: box-shadow 0.3s, border-color 0.3s; }
.sec26_inner ul.con-r li:hover { border-color: #9333EA; box-shadow: 0 4px 16px rgba(147,51,234,0.12); }
.sec26_inner ul.con-r li p:first-child img { width: 40px; height: 40px; object-fit: contain; }
.sec26_inner ul.con-r li h4 { font-size: 1.05rem; font-weight: bold; color: #222; }
.sec26_inner ul.con-r li div { font-size: 0.9rem; color: #888; line-height: 1.6; }

/* sec21 */
#section21 { width: 100%; padding: 100px 0; background: #fff; }
.sec21_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.sec21_inner h3.title { font-size: 2.5rem; text-align: center; line-height: 1.3; font-weight: bold; margin-bottom: 50px; }

.sec21_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

.sec21_card { display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }

.card_header { padding: 14px 20px; font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center; }
.card-dark  .card_header { background: #521B42; }
.card-bright .card_header { background: #EE0076; }

.card_body { flex: 1; padding: 24px 20px 16px; background: #fff; display: flex; flex-direction: column; align-items: center; }
.card_body img { width: 100%; max-width: 100%; object-fit: contain; }

.card_note {font-size: 1rem; color: #888; line-height: 1.5; margin-top: 12px; width: 100%; text-align: center;}
.card_notes { margin-top: 10px; width: 100%; text-align: center;}
.card_notes p { color: #888; line-height: 1.6; }

.card_result { padding: 14px 20px; background: #FEFF99; font-weight: 500; color: #333; text-align: center; line-height: 2; border: 1px solid #333; border-radius: 0 0 10px 10px;}
.card_result strong {display: inline-flex; align-items: center; justify-content: center; background: #f00; color: #fff;  font-weight: bold; font-size: 1.5rem; padding: 10px 8px; border-radius: 50%;  margin: 0 2px; vertical-align: middle;  line-height: 1.8; transform: translateY(-5px);}

/* 피부미용 카드 body */
.card_body--skin { flex-direction: column; align-items: stretch; gap: 14px; background:#fafafa;}
.skin_imgs { display: flex; gap: 10px; justify-content: center; }
.skin_imgs img { flex: 1; max-width: 48%; object-fit: contain;}
.skin_desc { display: flex; gap: 14px; margin-top: 4px; }
.skin_desc_item { flex: 1; }
.skin_desc_title {display: block; background: #FEFF99; color: #333;  font-weight: bold;  font-size: 1.25rem;  padding: 10px 0;  text-align: center;
  border-radius: 4px;  margin-bottom: 8px;  width: 100%; border: 1px solid #333;}
.skin_desc_item p { font-size: 1rem; color: #555; line-height: 1.7; text-align: center;}

/* sec02 */
#section02{height: 100%; padding: 100px 0;}
.sec02_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec02_inner .title{font-size: 2.5rem; text-align: center; line-height: 1.3; font-weight: bold; margin-bottom: 20px;}
.sec02_inner .title span.pink{color: #f10f7f;}
.sec02_inner .sub_title{text-align: center; font-size: 1.5rem; line-height: 1.3; margin-bottom: 20px;}
.sec02_inner .sub_title span.pink{color: #fff; background: #e6008f; padding: 0 5px; font-weight: bold;}
.sec02_content{display: flex; justify-content: center; margin-bottom: 80px;}
.sec02_con{padding: 30px 0; text-align: center; border: 1px solid var(--line_color); width: 450px; transition: 0.3s;  position: relative; background: #fff; overflow: hidden;}
.sec02_content .sec02_con img{margin-bottom: 10px; transition: 0.3s;}
.sec02_content .sec02_con h4{font-size: 1.25rem;}
.badge{background: #000; color: #fff; padding: 5px 10px; border-radius: 30px; text-align: center; margin: 10px auto 15px; width: 80px; font-weight: 200; transition: 0.3s;}
.sec02_content .sec02_con .con_txt{line-height: 1.3;}
.sec02_content .con02{margin-left: -2px;}
.sec02_content .con03{margin-left: -2px;}
/* sec02 hover이벤트 */
.con01:hover img{content: url('../images/sec02_icon01-1.png');}
.con02:hover img{content: url('../images/sec02_icon02-1.png');}
.con03:hover img{content: url('../images/sec02_icon03-1.png');}
.sec02_con::before {content: "";position: absolute; inset: 0; background: linear-gradient(to bottom left, #fd0538, #EB0AB5);  opacity: 0; transition: opacity 0.3s; z-index: 0;}
.sec02_con > * {  position: relative; z-index: 1;}
.sec02_con:hover::before {opacity: 1;}
/* orange-hover: 주황 호버 */
.sec02_con.orange-hover::before {background: linear-gradient(to bottom left, #ffa763, #ff4a09);}
.sec02_con:hover {color: #fff; width: 500px; transform: translateY(-25px); box-shadow:0 8px 20px rgba(0, 0, 0, 0.08), 0 20px 45px rgba(0, 0, 0, 0.15); position: relative; z-index: 3;}
.sec02_con:hover .badge{background: #fff; color: #333;}
/* green-hover: 그린 호버 */
.sec02_con.green-hover::before {background: linear-gradient(to bottom left, #0dfe00, #089a00);}
/* red-hover: 레드 호버 */
.sec02_con.red-hover::before {background: linear-gradient(to bottom left, #FF5539, #FF5539);}
/* sec02 음식 슬라이드 */
.flow-wrap {overflow: hidden;width: 100%; margin-top: 30px;}
.flow-track {display: flex; gap: 40px; width: max-content;}
.flow-track.track01 {animation: flowLeft 90s linear infinite;}
.flow-track.track01 img {height: 200px; flex-shrink: 0;}
.flow-track.track02 {animation: flowRight 80s linear infinite;}
.flow-track.track02 img {height: 250px; flex-shrink: 0;}

/* sec02 조리과정 이미지 (가운데 강조) */
.food_wrap {display: flex; align-items: center; justify-content: center; gap: 24px; max-width: 1400px; margin: 40px auto 100px; padding: 0 40px;}
.food_wrap .img_wrap {flex: 1; max-width: 420px; border-radius: 16px; overflow: hidden; background: #fff; border-radius: 24px; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18); padding: 15px;}
.food_wrap .img_wrap img {width: 100%; height: 320px; object-fit: cover; display: block; border-radius: 14px;}
.food_wrap .img_wrap:nth-child(2) {transform: translateY(60px);}
.food_wrap .img_wrap:nth-child(2) img {height: 340px; }

/* sec03 */
#section03{width: 100%; height: 100%; padding: 100px 0; background: url(/images/sec03_bg.png)no-repeat center/cover;}
.sec03_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec03_con{background: #fff; border-radius: 30px; border: 1px solid var(--line_color); box-shadow: 0 8px 20px rgba(0,0,0,0.08); display: flex; height: 500px; justify-content: center; align-items: center;}
.sec03_con .sec03_l{position: relative; width: 50%;}
.sec03_con .sec03_l .arrow{width: 90%;}
.sec03_con .sec03_l .sub_txt{width: 220px; height:220px; text-align: center; border-radius: 50%; background: #fff; position: absolute; display: flex; flex-direction: column;justify-content: center; top: 50%; transform: translateY(-50%); border: 1px solid var(--line_color); font-size: 1.25rem; font-weight: bold; line-height: 1.3;}
.sec03_con .sec03_l .sub_txt p:first-child{font-weight: bold; font-size: 1.5rem;}
.sec03_con .sec03_l .sub_txt.txt01{left: 8%;}
.sec03_con .sec03_l .sub_txt.txt01 span{color:#D300A0; font-size:2.5rem;}
.sec03_con .sec03_l .sub_txt.txt02{right:18%;}
.sec03_con .sec03_l .sub_txt.txt02 span{color:#AF0036; font-size: 2.5rem;}
.sec03_con .sec03_l .sub_txt.txt02 p:last-child, .sec03_con .sec03_l .sub_txt.txt01 p:last-child{font-size: 2rem;}

.sec03_con .sec03_r{width: 40%;}
.text_box{margin: 20px 0;}
.text_box p {margin: 0; font-size: 3rem; line-height: 1.4;font-weight: bold; color: #d7d7d7; letter-spacing:-0.1rem;}
.text_box p:last-child{text-align: right;}
.text_box span {color: #e6008f;}
.quote {width: 60px;}
.quote.right {float: right;}

/* sec04 */
#section04{width: 100%;}
.sec04_inner{max-width: 1400px; height: 100%; padding: 100px 0 150px 0; margin: 0 auto;}
.sec04_con ul{display: flex; justify-content: space-between;}
.sec04_con ul li{text-align: center;border: 1px solid var(--line_color); padding: 50px; width: 300px; transition: 0.3s;}
.sec04_con ul li h4{font-size: 1.5rem; font-weight: bold; padding: 10px 0 20px;}
.sec04_con li img{transition: 0.3s;}
.sec04_con ul li .sub_txt{line-height: 1.3;}
.sec04_con ul li.ico02{transform: translateY(50px); margin-left: -1px;}
.sec04_con ul li.ico04{transform: translateY(50px); margin-left: -1px;}
.sec04_con li:hover{background:#F31140; color: #fff;}
.sec04_con li.orange_bg:hover{background:#FF6C13;}
.sec04_con li.green_bg:hover{background:#7CB81C;}
.sec04_con li.red_bg:hover{background:#ff5539;}
.sec04_con li.ico01:hover img{content: url('../images/sec04_ico01-1.png');}
.sec04_con li.ico02:hover img{content: url('../images/sec04_ico02-1.png');}
.sec04_con li.ico03:hover img{content: url('../images/sec04_ico03-1.png');}
.sec04_con li.ico04:hover img{content: url('../images/sec04_ico04-1.png');}
.sec04_con li.ico03{margin-left: -1px;}

.sec04_con ul li.down {transform: translateY(50px);}
.sec04_con ul li.up {transform: translateY(0);}

/* sec05 */
#section05 { width: 100%; padding: 0; overflow: visible; }
.sec05_inner { max-width: 100%; display: flex; align-items: flex-start; position: relative; }
.sec05_l { background: url('../images/sec05_bg.png') center center / cover no-repeat; height: 100vh; width: 50%; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; padding-left: 80px; position: sticky; top: 0; z-index: 1; }
.sec05_l_txt{width: 400px; margin: 0 auto;}
.sec05_l_txt h3 p:last-child{text-align: right;}
.sec05_l > * { position: relative; z-index: 1; }
.sec05_l h3 { font-size: 3.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 30px; letter-spacing: -1px; }
.sec05_l .main_txt { font-size: 1.75rem; font-weight: bold; line-height: 1.3; margin-bottom: 20px; }
.page-smn03 .sec05_l .main_txt {line-height: 1.6;}

#section05 .sec05_l .main_txt p span.orange { background: transparent !important; }
#section05 .sec05_l .main_txt p span.green { background: transparent !important; }

#section05 .sec05_l .main_txt p span.orange .char { background: #FF7E00 !important; color: #fff !important; }
#section05 .sec05_l .main_txt p span.green .char { background: #08A800 !important; color: #fff !important; }
.sec05_l .sub_txt { font-size: 1rem; color: #555; line-height: 1.8; opacity: 0.8; }

.sec05_r { flex: 1; max-width: 700px; position: relative; z-index: 2; margin-left: -100px; padding: 100px 50px 100px 0; display: flex; flex-direction: column; gap: 40px; }
.therapist_card { background: #fff; border-radius: 30px; border: 1px solid #eee; box-shadow: 0 15px 40px rgba(0,0,0,0.08); padding: 20px 0 20px 10px; display: flex; align-items: flex-start; transition: all 0.3s ease; margin-bottom: 40px;}
.therapist_card:hover { transform: translateX(10px); box-shadow: 0 20px 50px rgba(0,0,0,0.12); }
.card_l { display: flex; flex-direction: column; align-items: center; gap: 15px; flex-shrink: 0; }
.card_l img { width: 220px; height: auto; object-fit: contain; border-radius: 15px; }
.card_l p { font-size: 1rem; font-weight: bold; color: #333;}
.card_l p span{font-size: 1.25rem; padding-right: 5px;}
.card_r { flex: 1; min-width: 0; padding-left: 20px;}
.card_r ul { list-style: none; padding: 0; margin-bottom: 25px; }
.card_r ul li { font-size: 1rem; color: #666; margin-bottom: 25px; position: relative; padding-left: 15px; line-height:1.3;}
.card_r ul li::before { content: "•"; position: absolute; left: 0; color: #ff4d6d; }
.skill_title { display: inline-block; font-weight: bold; margin-bottom: 15px; border: 1px solid #333; margin-left: 20px; padding: 5px 10px; background: #333; color: #fff; border-radius: 5px;}
.skill_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9rem; color: #444; }



/* sec06 */
#section06{width: 100%; height: 100%; background: url(../images/sec06_bg.png) no-repeat; background-position: center; background-size:cover; padding: 100px 0;}
.sec06_inner{max-width: 1400px; margin: 0 auto;}
.sec06_inner h3{text-align: center; margin-bottom: 30px; font-size: 2.5rem; font-weight:bold;}
.sec06_inner h3 img{padding-bottom: 10px;}
.sec06_inner h3 span{color: #f10f7f;}
.sec06_inner .main_txt{text-align: center; line-height: 1.3; font-size: 1.5rem; margin-bottom: 50px;}
.doc_grid{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; height: 100%;}
.doc_grid .doc.doc02{gap: 10px;}
.doc_grid .doc{display: flex; gap: 30px; background: #fff; border-radius: 10px; background: url(../images/doc_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; height: 328px; overflow: hidden; box-shadow: 5px 5px 20px rgba(202,191,179,0.3);}
.doc_grid .doc .doc_l img{width:auto; height: 330px;}
.doc_grid .doc .doc_r{padding: 20px 0;}
.doc_grid .doc .doc_r h4{font-size: 1rem; font-weight: bold;}
.doc_grid .doc .doc_r h4 span{font-size: 1.5rem;}
.doc_grid .doc .doc_r p{font-weight: 700; padding-top: 10px; display: block;}
.doc_grid .doc .doc_r ul{padding-top: 10px; line-height: 1.2;}
.doc_grid .doc .doc_r ul li{list-style-position: outside; position: relative;  padding-left: 15px; text-indent: -15px; line-height: 1.3; font-size: 1rem;}
.doc_grid .doc .doc_r ul li::before {content: "•"; color: #868686; display: inline-block;}
.doc_grid .doc01 .doc_r ul li,
.doc_grid .doc03 .doc_r ul li,
.doc_grid .doc04 .doc_r ul li{line-height: 1.6;}

/* sec07 */
#section07 { width: 100%; min-height: 60vh; padding: 100px 0; background: url('../images/sec07_bg.png') no-repeat top center / 100% 70%; }
.sec07_inner { max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.sec07_inner h3 { color: #fff; font-size: 2.5rem; font-weight: 300; text-align: center; margin-bottom: 50px; position: static; transform: none; }
.sec07_inner h3 p:last-child {color: #FFF0AB;  width: 280px; margin: 10px auto 0; padding: 5px 0; font-weight: bold;}
.sec07_con { display: flex; width: 100%; align-items: stretch; position: static; transform: none; }
.sec07_l { color: #fff; flex: 1; background: #043882; padding: 40px; display: flex; flex-direction: column; justify-content: center; }
.sec07_l h4 { font-size: 2rem; font-weight: bold; line-height: 1.3; margin-bottom: 20px; }
.sec07_l .sub_title { line-height: 1.5; font-size: 1.1rem; }

.sec07_r { flex: 1; background: #fff; }
.sec07_r ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); width: 100%; height: 100%; }
.sec07_r ul li:first-child, .sec07_r ul li:nth-child(4){border-left: 1px solid var(--line_color);}
.sec07_r ul li { border-right: 1px solid var(--line_color); border-bottom: 1px solid var(--line_color); padding: 20px 25px 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; }
.sec07_r ul li span { display: block; padding: 10px 0;  }
.sec07_r ul li p { font-size: 1.25rem; font-weight: bold; letter-spacing:-0.02rem;}
.sec07_r ul li:hover span, .sec07_r ul li:hover p { color: #2079F8; }
.sec07_con .sec07_r ul li:nth-child(1):hover img { content: url('../images/sec07_icon01-1.png'); }
.sec07_con .sec07_r ul li:nth-child(2):hover img { content: url('../images/sec07_icon02-1.png'); }
.sec07_con .sec07_r ul li:nth-child(3):hover img { content: url('../images/sec07_icon03-1.png'); }
.sec07_con .sec07_r ul li:nth-child(4):hover img { content: url('../images/sec07_icon04-1.png'); }
.sec07_con .sec07_r ul li:nth-child(5):hover img { content: url('../images/sec07_icon05-1.png'); }
.sec07_con .sec07_r ul li:nth-child(6):hover img { content: url('../images/sec07_icon06-1.png'); }

/* mn04 sec07 */
.page-smn03 .sec07_con .sec07_r ul li:nth-child(2):hover img { content: url('../images/sec07_icon04-1.png'); }
.page-smn03 .sec07_con .sec07_r ul li:nth-child(3):hover img { content: url('../images/sec07_icon07-1.png'); }
.page-smn03 .sec07_con .sec07_r ul li:nth-child(4):hover img { content: url('../images/sec07_icon08-1.png'); }
.page-smn03 .sec07_con .sec07_r ul li:nth-child(5):hover img { content: url('../images/sec07_icon09-1.png'); }
.page-smn03 .sec07_con .sec07_r ul li:nth-child(6):hover img { content: url('../images/sec07_icon10-1.png'); }
.page-smn03 .sec07_r ul li p { font-size: 1rem; font-weight: bold; letter-spacing:-0.02rem;}

/* sec08 */
#section08{width: 100%; height: 100%; padding-bottom: 100px;}
.sec08_inner{max-width: 1400px; height: 100%; margin: 0 auto; position: relative;}
.sec08_inner h3{text-align: center; font-size: 2.5rem; line-height: 1.5; font-weight: 600; padding-bottom: 50px;}
.sec08_inner h3 p:last-child{font-weight: bold; color: var(--main_color);}
.sec08_inner h3 p span{padding: 0 5px; background-color: var(--main_color); color: #fff;}
.sec08_inner .con{display: flex; justify-content: space-between; gap: 80px;  padding-bottom: 100px;}
.sec08_inner .con .con_l img{width: 100%; height: 100%;}
.page-smn03 .sec08_inner #con04 .con_l img{width:92%; height: 100%;}
.sec08_inner .con .con_l img.grid-7{height: 74%;}
.sec08_inner .con .con_r h4{display: flex; justify-content:flex-start; align-items: center; margin-bottom: 30px;}
 .page-smn01 .sec08_inner .con .con_r h4 img{padding-right: 10px; padding-top: 0;}
.sec08_inner .con .con_r h4 img{padding-right: 10px; padding-top: 10px;}
.sec08_inner .con .con_r h4 p{font-size: 2rem; font-weight: bold; line-height: 1.3;}
.sec08_inner .con .con_r h4 p.red-color{font-size: 1.25rem; font-weight: bold;}
.sec08_inner .con .con_r h5{font-size: 1.5rem; font-weight: bold; padding-bottom: 20px;}
.sec08_inner .con .con_r h5::before{content:"◦"; color: var(--main_color);}
.sec08_inner .con .con_r .sub_txt{font-size: 1rem; line-height: 1.3; padding-bottom: 30px;}
.sec08_inner .con .con_r .sec08_grid ul{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); gap: 10px;}
.sec08_inner .con .con_r .sec08_grid ul li{text-align: center; padding: 20px 15px; background: #FFF9F9; border: 1px solid #FAEAEA ; width: 225px; height: 150px; font-size: 1rem; line-height: 1.3;}
.sec08_inner .con .con_r .sec08_grid ul li img{ padding-bottom: 10px;}
.sec08_inner .con .con_r .sec08_grid ul li h6{font-weight: bold; padding-bottom: 7px;}
.sec08_inner .con .con_r .sec08_grid2 ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, auto); gap: 10px;}
.page-smn03 .sec08_inner .con .con_r .sec08_grid2 ul{grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, auto); gap: 10px;}

.sec08_inner .con .con_r .sec08_grid2 ul li{width: 350px;}
.page-smn03 .sec08_inner .con .con_r .sec08_grid2 ul li{width: 210px;}
.page-smn02 .sec08_inner{padding: 100px 0;}

/* sec08 네비게이션 서식 */
.sec08_nav{position: fixed; top: 150px; left: 40%; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease; transform: translateX(calc(-50% - 20px));}
.sec08_nav.show {opacity: 1; visibility: visible; transform: translateX(-50%);}

.sec08_nav ul{display: flex; flex-direction: column; box-shadow: 10px 10px 10px rgba(0,0,0,0.1);;}
.sec08_nav ul li{width: 70px; height: 100px; padding: 20px 20px 0 20px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; border: 1px solid var(--line_color); z-index: 2; background: #fff; font-size: 1rem;}
.sec08_nav ul li img{width: 40px; height: 40px; object-fit: contain; margin-bottom: 10px;}
.sec08_nav ul li p{font-weight: 600; line-height: 1.3; font-size: 14px;}
.sec08_nav ul li a { display: flex; flex-direction: column; align-items: center;
 text-align: center; width: 100%;  height: 100%; text-decoration: none;   color: #333;  transition: all 0.3s;}
.sec08_nav ul li.active {background-color: var(--main_color); border-color: var(--main_color);}
.sec08_nav ul li.active a p { color: #fff;}
.sec08_nav ul li.active img {filter: brightness(0) invert(1);}

/* mn02/smn01 전용 - orange 색상 override */
.page-smn01 .sec08_nav ul li.active {background-color: var(--orange_color); border-color: var(--orange_color);}
.page-smn01 .sec08_inner h3 p:last-child {color: var(--orange_color);}
.page-smn01 .sec08_inner h3 p span {background-color: var(--orange_color);}
.page-smn01 .sec08_inner .con .con_r h5::before {color: var(--orange_color);}
/* mn03/smn01 전용 - green 색상 override */
.page-smn02 .sec08_nav ul li.active {background-color: var(--green_color); border-color: var(--green_color);}
.page-smn02 .sec08_inner h3 p:last-child {color: var(--green_color);}
.page-smn02 .sec08_inner h3 p span {background-color: var(--green_color);}
.page-smn02 .sec08_inner .con .con_r h5::before {color: var(--green_color);}
/* mn04/smn01 전용 - red 색상 override */
.page-smn03 .sec08_nav ul li.active {background-color: var(--red_color); border-color: var(--red_color);}
.page-smn03 .sec08_inner h3 p:last-child {color: var(--red_color);}
.page-smn03 .sec08_inner h3 p span {background-color: var(--red_color);}
.page-smn03 .sec08_inner .con .con_r h5::before {color: var(--red_color);}

/* sec09 */
#section09{width: 100%; height: 100%; padding: 100px 0; background-image: url('../images/sec09_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sec09_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec09_inner h3{line-height: 1.3; font-size: 2.5rem; color: #fff; text-align: center;}
.sec09_inner h3 p:last-child{color: #fff0ab; font-weight: bold;}
.sec09_con{margin: 20px 0;}
.sec09_con ul{display: flex; justify-content: space-between;}
.sec09_con ul li{display: flex; background: #fff; border-radius: 90px; width: 320px; font-size: 1.5rem; align-items: center; justify-content: center; padding: 10px 0; font-weight: bold; gap: 80px;}
.sec09_con ul li span{transform: translateX(-40px);}
.sec09_con ul li img{width: 130px; height: 130px;}

/* sec10 */
#section10{width: 100%; height: 100%; padding: 100px 0;}
.sec10_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec10_con01{display: flex; justify-content: space-between; padding-bottom: 300px; align-items: flex-start; gap:50px;}
.sec10_con01.last{padding-bottom: 0;}
.sec10_con01 .con01_l{flex: 1; position: sticky; top: 150px;}
.sec10_con01 .con01_l h3{font-size: 2rem; line-height: 1.3; font-weight: 400; padding-bottom: 30px;}
.sec10_con01 .con01_l h3 p:last-child{font-weight: bold;}
.sec10_con01 .con01_l .tag{display: flex; gap: 30px; padding-bottom: 20px;}
.sec10_con01 .con01_l .tag div{background:#C7000B; border-radius: 50px; display: flex; align-items: center; width: 170px; justify-content: center;padding: 2px 0; color: #fff; gap: 10px; font-weight: bold;}
.sec10_con01 .con01_l .sub_txt{line-height: 1.8;}
.sec10_con01 .con01_l .sub_txt span{text-decoration: underline; font-weight: bold;}

.sec10_con01 .con01_r {flex: 1;}
.sec10_con01 .con01_r ul li { position: relative; margin-bottom: 150px; }
.sec10_con01 .con01_r ul li:last-child { margin-bottom: 0; }
.sec10_con01 .con01_r ul li img:first-child { display: block; width: 100%; height: auto; position: relative; z-index: 1;}
.sec10_con01 .con01_r ul li img:last-child {position: absolute; left: -50px;  top: 50%;transform: translateY(-50%); z-index: 2;width: 100px;}
/* 넘버서식 */
.scroll_circle_wrap { position: absolute; left: -7%; top: 50%; transform: translateY(-50%); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; z-index: 10; }
.scroll_circle_wrap svg { position: absolute; width: 100%; height: 100%; animation: rotateCircle 15s linear infinite; overflow: visible; }
.scroll_circle_wrap svg text { fill: #595959; font-size: 0.785rem; font-weight: 200; letter-spacing: 2px; text-transform: uppercase; /*text-shadow: 0 2px 4px rgba(0,0,0,0.2);*/ }
.scroll_circle_wrap .number { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #333; background: #fff; padding: 10px 15px; border-radius: 50%;}
.scroll_circle_wrap .number p { font-size: 1rem; font-weight: 800; margin: 0; line-height: 1; }
.scroll_circle_wrap .number p:last-child{color: #b3b3b3;}
.scroll_circle_wrap .number .line {height: 1px; width: 40px; background: var(--line_color); margin: 5px 0; opacity: 0.7; }
@keyframes rotateCircle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* sec11 */
#section11{width: 100%; height: 100%; padding: 100px 0 150px 0; background-image: url('../images/sec11_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sec11_inner{max-width: 1400px; margin: 0 auto; height: 100%;}
.sec11_inner h3{font-size: 2rem; line-height: 1.5; text-align: center; padding-bottom: 20px;}
.sec11_inner h3 p.bold{font-size: 2.5rem; font-weight: bold;}
.sec11_inner h3 p.bold span{color: #f10f7f;}
.sec11_inner .sub_txt{text-align: center; line-height: 1.3; padding-bottom: 50px;}
.sec11_inner .con .con_in {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px}
.sec11_inner .con ul .con_inner{background: #fff; border: 1px solid var(--line_color); border-radius: 30px; display: flex; justify-content: center; padding: 15px; gap: 20px;}
.sec11_inner .con ul .con_inner .l_img p{background: #f10f7f; color: #fff; text-align: center; margin-top: 8px; padding: 5px 0; border-radius: 5px; font-weight: 300; font-size:1rem;}
.page-smn02 .sec11_inner .con ul .con_inner .l_img p{background:var(--green_color);}
.sec11_inner .con ul .con_inner .l_img img{border-radius: 20px;}
.page-smn01 .sec11_inner .con ul .con_inner .l_img p{background: var(--orange_color); color: #fff; text-align: center; margin-top: 8px; padding: 5px 0; border-radius: 5px; font-weight: 300; font-size:1rem;}
.sec11_inner .con ul .con_inner .r_txt{padding: 10px 0;}
.sec11_inner .con ul .con_inner .r_txt h4{font-size: 1.5rem; font-weight: bold;}
.sec11_inner .con ul .con_inner .r_txt p{color: #868686; padding-top: 5px;}
.sec11_inner .con ul .con_inner .r_txt ul li { line-height: 1.6; margin-bottom: 10px;}
.sec11_inner .con ul .con_inner .r_txt ul li:first-child {padding: 20px 0px;}
.sec11_inner .con ul .con_inner .r_txt ul li::before {content: "- "; }
.page-smn03 .sec11_inner .con ul .con_inner .r_txt ul li::before{content: "";}
.page-smn04 .sec11_inner .con ul .con_inner .r_txt ul li::before{content: "";}
.page-smn05 .sec11_inner .con ul .con_inner .r_txt ul li::before{content: "";}
.page-smn03 .sec11_inner .con ul .con_inner .r_txt ul li{margin-bottom: 0;}
.page-smn04 .sec11_inner .con ul .con_inner .r_txt ul li{margin-bottom: 0;}
.page-smn05 .sec11_inner .con ul .con_inner .r_txt ul li{margin-bottom: 0;}
.sec11_inner .con ul .con_inner .r_txt ul li span { flex-shrink: 0; font-weight: bold; color: #333; display: inline-block;}
.sec11_inner .con ul .con_inner.in2{transform: translateY(70px);}
.page-smn03 .detail-txt{line-height: 1.3; padding-top: 100px; text-align: center;}
.page-smn04 .detail-txt{line-height: 1.3; padding-top: 80px; text-align: center;}
.page-smn05 .detail-txt{line-height: 1.3; padding-top: 100px; text-align: center;}
.danaeun .detail_txt{text-align: center; padding-top:150px; line-height: 1.3; font-weight:bold}

/* section11 - 관련논문 호버 효과 */
.sec11_inner .con ul .con_inner .l_img { position: relative; display: inline-block;}
.sec11_inner .con ul .con_inner .l_img a { display: block; position: relative; }
.sec11_inner .con ul .con_inner .l_img a::after { content: "관련논문보기"; position: absolute; top: auto; bottom: 10px; right: 10px; left: auto; transform: translate(0, 0); opacity: 1; background: rgba(69, 69, 69, 0.9); color: #fff; padding: 8px 16px; border-radius: 20px; font-size: 0.875rem; font-weight: bold; white-space: nowrap; transition: background 0.3s ease; z-index: 1; }
.sec11_inner .con ul .con_inner .l_img a:hover::after { background: rgba(0, 0, 0, 1); }


/* sec12 */

#section12{width: 100%; height: 100%; padding: 100px 0 150px 0 ; background: url(../images/sec12_bg.png)no-repeat center/cover;}
.page-smn01 #section12{width: 100%; height: 100%; padding: 100px 0 150px 0 ; background: url(../mn02/images/sec12_bg02.png)no-repeat center/cover;}
.page-smn02 #section12{background: url(../mn03/images/sec12_bg02.png)no-repeat center/cover;}
.page-smn03 #section12{width: 100%; height: 100%; padding: 100px 0 150px 0 ; background: url(../mn04/images/sec12_bg02.png)no-repeat center/cover;}
.sec12_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec12_inner h3{text-align: center; font-size: 2.5rem; font-weight: bold;padding-bottom: 30px;}
.sec12_inner h3 .pink{color: #f10f7f;}
.sec12_inner .sub_txt{text-align: center; line-height: 1.3; padding-bottom: 50px;}
.sec12_con ul{display: grid; grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, auto); gap: 15px;}
.sec12_con ul li{background: #fff; position: relative; overflow: hidden; border-radius: 15px; aspect-ratio: 3/4;}
.sec12_con ul li img{ position: absolute;top: 0; left: 0; width: 100%;  height: 100%; object-fit: contain; padding: 10%; box-sizing: border-box;  transition: 0.3s;}
.sec12_con ul li:hover img{transform: scale(1.05);}
.sec12_con ul li p{writing-mode: vertical-lr; position: absolute; top: 40px; right: 15px; color: #9b0070; font-size: 1rem; font-weight: 500; letter-spacing: 2px; z-index: 10;}
.page-smn01 .sec12_con ul li p{color: var(--orange_color);}
.page-smn02 .sec12_con ul li p{color: #08A800;}
.page-smn03 .sec12_con ul li p{color: var(--red_color);}
.sec12_con ul li:nth-child(even) { transform: translateY(50px); }

/* sec13 */
#section13{width: 100%; height: 100%; padding: 100px 0 0; background: #D8E5F9; box-shadow: inset 0 -10px 10px rgba(0,0,0,0.1);}
.sec13_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.sec13_inner h3{font-weight: bold; font-size: 2.5rem; text-align: center; padding-bottom: 50px;}
.sec13_con{background: #fff; border-radius: 50px 50px 0 0; padding:30px; border-bottom: 3px solid #e0e0e0;}
.sec13_con h4{display: flex; justify-content: space-between; margin-bottom: 50px;}
.sec13_con h4 i{font-size: 3rem; padding-top: 15px;}
.sec13_con h4 div{display: flex;}
.sec13_con h4 div div{display: flex; flex-direction: column; justify-content: center; gap: 10px; padding-left: 10px;  font-size: 1.25rem;}
.sec13_con h4 div div p:first-child{font-weight: bold;}
.sec13_con h4 div div p:last-child{color: var(--line_color);}
.sec13_con .talk { padding-right: 10px; }
.sec13_con .talk .right{margin-left: auto; max-width: 400px; border: 1px solid var(--line_color); padding: 30px 50px 30px 30px; border-radius: 20px 0 20px 20px; color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); font-weight: bold;}
.sec13_con .talk .left{margin-right: auto; display: flex; margin: 30px 0; align-items: flex-start; gap: 15px;}
.sec13_con .talk .left img{width: 50px; height: 50px; object-fit: contain; flex-shrink: 0;}
.talk .left div p { background: #fff; padding: 15px 20px; border-radius: 0 15px 15px 15px; line-height: 1.5; margin-bottom: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #f2f2f2;}
.sec13_con .talk .left > div p:last-child {margin-bottom: 0;}
.sec13_con .talk .r_01{margin-left: auto; width: 400px; border: 1px solid var(--line_color); padding: 30px 50px 30px 30px; background: #EE1B52; color: #fff; line-height: 1.3;}
  .sec13_con .talk .r_02{background: #FF4C54; line-height: 1.3;}
/* sec13 scroll trigger */
.sec13_con .talk > div {opacity: 0; transform: translateY(50px) scale(0.9);   transition: none;}

/* sec14 */
#section14{width: 100%; height: 100%; padding: 100px 0;}
.sec14_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.tab_mnu ul {display: flex; justify-content: center; gap: 20px; list-style: none; margin-bottom: 50px;}
.tab_mnu li {width: 250px; height: 60px; line-height: 60px; text-align: center;  border: 1px solid #ddd; border-radius: 30px; cursor: pointer; font-size: 18px; transition: 0.3s; color: #666;}
.tab_mnu li.active {background-color: #0b3699; color: #fff; border-color: #0b3699;}
.tab_content {display: none; }
.tab_content.active { display: block; }
.content_flex { display: flex; align-items: center; gap: 10px; justify-content: center;}
.text_area { flex: 1; }
.image_area { flex: 1; }
.text_area h2 { font-size: 1.5rem; font-weight: 300; margin-bottom: 10px; }
.text_area h3 { font-size: 2.5rem; font-weight: 700; margin-bottom: 30px; }
.text_area p { color: #666; line-height: 1.6;}
.image_area img { width: 100%; border-radius: 5px; }
.thumb_wrap { position: relative; margin-top: 170px;  }
.thumb_list{display: flex; gap: 10px; margin-top: 20px; overflow: hidden; width: 610px;}
.thumb_list .swiper-slide {width: auto; display: flex;justify-content: center;}
.thumb_list img { width: 140px; height: 90px; cursor: pointer;transition: 0.3s;border: 2px solid transparent; filter: grayscale(80%);}
.thumb_list img.active {filter: grayscale(0%);  border-color: #0b3699;}
.image_area {position: relative; width: 100%; height: 450px;}
.image_area .main_img {position: absolute; top: 0; left: 0;width: 111%;}
.thumb_next, .thumb_prev {position: absolute; top: 50%; transform: translateY(-50%);  cursor: pointer;  font-size: 24px; color: #333;  z-index: 20;width: 40px; height: 40px;display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.8); border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.thumb_next { right: -10px; }
.thumb_prev { left: -10px; }
.column {display: flex; align-items: center; justify-content: center;}
.column_text {display: flex;align-items: center; gap: 12px;}
.column_text .line {display: block; width: 1px; height: 50px;background-color: #999;}
.vertical_txt {display: flex; gap: 8px; writing-mode: vertical-rl;  transform: rotate(180deg); font-size: 13px; letter-spacing: 0.1rem;  white-space: nowrap; align-items: center; font-family: "Roboto Slab", serif;}
.vertical_txt .blue {background-color: #3D75C4; color: #fff;padding: 4px 6px;}
.vertical_txt .gray {color: #555;}


/* sec15 */
#section15{width: 100%; height: 100%; padding: 100px 0;}
.sec15_inner{max-width: 1400px; height: 100%; margin: 0 auto;} 
.sec15_inner h3{text-align: center; font-size: 2.5rem; font-weight: bold; padding-bottom: 50px;} 
.sec15_inner h3 img{margin-bottom: 10px;} 
.sec15_con{display: flex; justify-content: center;}
.sec15_con .con_l{flex: 1;}
.sec15_con .con_l div{background: #043882; color: #fff; text-align: center; line-height: 1.5; padding: 30px 0; font-weight: 700;}

.sec15_con .con_r{flex: 1; transform: translateY(3.55%);}
.map_txt {display: flex; align-items: flex-start; background: #333;padding: 40px;  color: #fff;}
.map_txt img {width: 150px; margin-right: 50px;}
.map_r { flex: 1;}
.info_row {display: flex; margin-bottom: 30px;}
.info_row dt {width: 100px; font-size: 18px; color: #aaa; font-weight: 500;}
.info_row dd {flex: 1; font-size: 18px;}
.tel {display: block;font-size: 48px;font-weight: 700;color: #fff;line-height: 1;margin-bottom: 10px;}
.info_row .sub_txt {color: #666; font-size: 15px;}
.time_list { list-style: none; padding: 0; }
.time_list li {margin-bottom: 8px; display: flex;}
.time_list li span:first-child {width: 80px; display: inline-block;}
.close { color: #aaa; }
.notice {margin-top: 15px;color: #ffde00;font-size: 16px; font-weight: 500;}

/* 와이드 */
@media screen and (max-width: 1400px) {
  /* [class*="_inner"] {
    width: 95% !important; 
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  } */
}

/* 일반데스크탑 */
@media screen and (max-width: 1200px) {
#section01 .sec01_content .intro-logo { gap: 16px; }
#section01 .sec01_content .intro-logo img { max-height: 60px; }
}

/* 태블릿 */
@media screen and (max-width: 1024px) {
  .sec02_inner, .sec03_inner, .sec04_inner,
  .sec05_inner, .sec06_inner, .sec07_inner,
  .sec08_inner, .sec09_inner, .sec10_inner,
  .sec11_inner, .sec12_inner, .sec13_inner,
  .sec14_inner, .sec15_inner { width: 95%; max-width: none; margin: 0 auto;}
  main.danaeun h3{font-size: 2rem;}

/* sec18 */
.sec18_inner { padding: 0 20px; }
.sec18_inner h3.title { font-size: 2rem; }
.sec18_inner .con-l-up .step { width: 160px; height: 160px; }
.sec18_inner .con-l-up .step p { font-size: 1.2rem; }
.sec18_inner .con-l-up .step .step-label { font-size: 0.85rem; }
.sec18_inner .con .con_r img { max-width: 380px; }
.page-smn04 #section18 .con-l-down ul li { width: 100px; height: 90px; padding: 14px 10px; }
.page-smn04 #section18 .con-l-down ul li p { font-size: 16px; }
.page-smn04 #section18 .con_r_txt { width: 480px; }

/* sec19 */
.sec19_inner { padding: 0 20px; }
.sec19_inner .con { gap: 40px; }
.sec19_inner h3.title { font-size: 2rem; }

/* sec16 */
#section16 { height: 80vh; background-size: auto; }
#section16 .sec16_inner {padding: 120px 20px 0 20px;}
.sec16_title { font-size: 2.5rem; }

/* sec17 (타임라인) */
.sec17_inner { padding: 0 20px; }
.sec17_title { font-size: 2rem; margin-bottom: 40px; }
.sec17_timeline { gap: 12px; }
.stage_card { height: 230px; padding: 15px; }
.stage_card img { width: 70%; }
.stage_badge { padding: 6px 18px; font-size: 0.9rem; margin-bottom: 14px; }
.stage_desc { font-size: 0.8rem; }

/* section17 (표) */
#section17 { padding: 80px 0; }
.sec17b_inner { padding: 0 20px; }
.sec17b_title { font-size: 2rem; margin-bottom: 40px; }
.compare_table .th_empty { width: 160px; }
.compare_table .td_label { width: 160px; font-size: 0.9rem; }
.compare_table thead th { padding: 15px 20px; font-size: 1rem; }
.compare_table tbody td { padding: 18px 20px; font-size: 0.95rem; }
.cycle_badge { font-size: 0.8rem; padding: 3px 10px; }
.notice_red { font-size: 0.8rem; }
.notice_red { font-size: 0.8rem; }

/* sec01 */
.video_wrap {height: 100%;}
.sec01_content{width: 100%;}
.sec01_content .main_txt{font-size: 2rem;}
.sec01_content .sub_txt{font-size: 1.5rem; line-height: 1.5;}

/* sec02 */
.sec02_content .sec02_con .con_txt{font-size: 1rem;}
/* sec02 hover이벤트 */
.sec02_con:hover { position: relative; z-index: 3;}

/* sec03 */
#section03{width: 100%; height: 100%; padding:0; background: url(../images/sec03_bg2.png)no-repeat center/100% auto;}
.sec03_con{padding: 30px 0; flex-direction: column; height: auto; background: none; border: none; box-shadow: none;}
.sec03_con .sec03_l{ width: 60%; background: #fff; padding: 30px; border-radius: 30px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); border: 1px solid var(--line_color);}
.sec03_con .sec03_l .arrow{width: 90%; display: block; margin: 0 auto;} 
.sec03_con .sec03_l .sub_txt{width: 180px; height:180px;}
.sec03_con .sec03_l .sub_txt.txt01{left: 17%;}
.sec03_con .sec03_l .sub_txt.txt02{right:16%;}
.sec03_con .sec03_r{width: 80%; background: #fff; border-radius: 30px; padding: 30px; border: 1px solid var(--line_color); margin-top: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.08);}

/* sec04 */
#section04{width: 100%;}
.sec04_inner{padding-bottom: 50px; margin: 100px auto;}
.sec04_con ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, auto); width: 90%; margin: 0 auto; gap: 30px;}
.sec04_con ul li{ width: auto;}

/* sec05 */
.sec05_r {padding: 100px 0; margin: 0 auto;}
.therapist_card {padding: 40px 10px 40px 40px;}
.sec05_inner { max-width: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.sec05_l { height: 50vh; width: 100%; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; position: sticky; top: 0; z-index: 1; padding-left: 0;}
.sec05_l_txt h3 p:last-child{text-align: left;}


/* sec06 */
.doc_grid{display: block;}
.doc_grid .doc{width: 80%; margin:  30px auto;}
.doc_grid .doc .doc_l img{width:auto;}

/* sec07 */
#section07 { padding:100px 0; min-height: 60vh;}
.sec07_con {flex-direction: column;}

/* sec08 */
.sec08_inner .con{display: block;}
.sec08_inner .con .con_l img{width: 100%; height: 350px !important; object-fit: cover;}
.sec08_inner .con .con_r .sec08_grid ul li{ width: auto; }
/* sec08 네비게이션 서식 */
.sec08_nav.is-fixed {position: fixed; top: 150px;}
.sec08_nav ul{flex-direction:row;}


/* sec09 */
.sec09_con ul{justify-content: center; gap: 10px;}
.sec09_con ul li{font-size: 1.125rem;justify-content: center; padding: 10px 0; font-weight: bold; gap: 50px;}
.sec09_con ul li span{transform: translateX(-20px);}
.sec09_con ul li img{width: 100px; height: 100px;}

/* sec10 */
.sec10_con01 .con01_l{padding-right: 50px;}
.sec10_con01 .con01_l .sub_txt p{display: inline;}

/* sec11 */
.sec11_inner .con .con_in {display: block;}
.sec11_inner .con ul .con_inner{justify-content:flex-start; margin-bottom: 30px;}
.sec11_inner .con ul .con_inner.in2{transform: translateY(0px) !important;}
.sec11_inner .con ul .con_inner .l_img a::after { padding: 10px 18px; font-size: 0.938rem; }


/* sec14 */
#section14{overflow:hidden ;}
.content_flex { flex-direction: column; }
.text_area { width: 100%; }
.text_area h2, .text_area h3, .text_area p { text-align: center; }
.thumb_wrap { margin-top: 30px; }
.thumb_list { width: 100%; }
.thumb_list img { width: 200px; height: 120px; }
.column { display: none; }
.image_area { width: 100%; height: auto; aspect-ratio: 16/9; }
.image_area .main_img { width: 100%; height: 100%; object-fit: cover; position: absolute; }

/* sec15 */
#section15{overflow:hidden ;}
.sec15_con{display: block;}
.sec15_con .con_l img{width: 100%;}

/* sec16 */
#section16 { height: 100vh; background-size: contain; background-position: center center; }
#section16 .sec16_inner{padding: 150px 20px 0 20px;}

/* sec18*/
.sec18_inner .con { flex-direction: column; gap: 30px; }
.sec18_inner .con .con_l { gap: 30px; order: 2; }
.sec18_inner .con .con_r { width: 100%; text-align: center; order: 1; }
.page-smn04 #section18 .con-l-down { overflow: hidden; }
.page-smn04 #section18 .con-l-down ul { width: 100%; }
.page-smn04 #section18 .con-l-down ul li { flex: 1; width: 100px; height: 90px; }
.page-smn04 #section18 .con_r_txt { width: 55%; left: 50%; transform: translateX(-50%);bottom: 30px;  position: relative; }

/* sec20 */
.sec20_inner { padding: 0 20px; }
.sec20_inner h3.title { font-size: 2rem; }
.sec20_tables { gap: 20px; }

/* sec21 */
.sec21_inner { padding: 0 20px; }
.sec21_inner h3.title { font-size: 2rem; }
.sec21_grid { gap: 16px; }
.card_header { font-size: 0.95rem; padding: 12px 16px; }
.card_body { padding: 20px 16px 12px; }
.card_result { font-size: 0.85rem; }
.card_result strong {font-size: 1rem;}

/* clinic-tab-nav */
.clinic-tab-nav li { padding: 18px 30px; font-size: 0.95rem; }

/* sec22 */
.sec22_inner { padding: 60px 20px; }
.sec22_inner h3.title { font-size: 2rem; }
.sec22_con { flex-direction: column; }
.sec22_l { width: 50%; }
.sec22_r { gap: 20px; }

/* sec23 */
.sec23_inner { padding: 0 20px; }
.sec23_inner h3.title { font-size: 2rem; }
.sec23_inner .con-grid { grid-template-columns: repeat(2, 1fr); }
.sec23_inner .con-grid li { grid-column: span 1 !important; }

/* sec24 */
#section24 .sec22_inner { padding: 60px 20px; }
#section24 .sec22_con { flex-direction: column; }
#section24 .sec22_l { width: 100%; }
.sec24_inner { padding: 0 20px; }
.sec24_inner h3.title { font-size: 2rem; }
.sec24_inner .con-grid { grid-template-columns: repeat(2, 1fr); }
.sec24_inner .con-grid li { grid-column: span 1 !important; }
.sec24_icons { gap: 30px; }
.sec24_icons .icon-circle { width: 110px; height: 110px; }

/* sec25 */
#section25{padding: 100px 0 200px 0;}
.sec25_inner { padding: 0 20px; }
.sec25_inner h3.title { font-size: 2rem; }
.sec25_grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-auto-flow: row; gap: 10px;}
.sec25_grid li:nth-child(5), .sec25_grid li:nth-child(6), .sec25_grid li:nth-child(7) {transform: translateY(0);}

/* sec26 */
.sec26_inner { flex-direction: column; gap: 40px; }
.sec26_inner .con-l { width: 100%; }
.sec26_inner ul.con-r { grid-template-columns: repeat(3, 1fr); }
}

/* 아이패드 에어 */
@media screen and (max-width: 820px) {
#section01 .sec01_content .intro-logo { gap: 14px; }
#section01 .sec01_content .intro-logo img { max-height: 50px; }
  /* sec03 */
  .sec03_con .sec03_l .sub_txt{width: 150px; height: 150px;}
.sec03_con .sec03_l .sub_txt.txt01{left: 17%;}
.sec03_con .sec03_l .sub_txt.txt02{right:16%;}
.sec03_con .sec03_l .sub_txt p:first-child{font-size: 1rem;}
.sec03_con .sec03_l .sub_txt.txt02 p:last-child, .sec03_con .sec03_l .sub_txt.txt01 p:last-child{font-size: 1.5rem;}

/* sec08 */
/* sec08 네비게이션 서식 */
.sec08_nav ul li{padding: 10px;}
.sec08_nav.is-fixed {top: 150px;}
/* sec09 */
.sec09_con ul{justify-content: center; gap: 10px;}
.sec09_con ul li{gap: 20px; font-size: 1rem;}
.sec09_con ul li span{transform: translateX(-10px);}

/*sec14*/
.thumb_list img{width: 180px; }

/* sec12 */
.sec12_con ul li p{right: 5px; top: 5px; font-size: 14px;}

/* sec17 (타임라인) */
.section17 { padding: 60px 0; }
.sec17_inner { padding: 0 15px; }
.sec17_title { font-size: 1.5rem; margin-bottom: 30px; }
.sec17_timeline { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
.sec17_timeline::before { display: none; }
.dot_wrap { margin-bottom: 10px; }
.stage_card { height: 220px; padding: 15px; }
.stage_badge { padding: 6px 18px; font-size: 0.9rem; margin-bottom: 14px; }
.stage_desc { font-size: 0.85rem; }

/* sec18 (mn05) */
#section18 { padding: 80px 0; }
.page-smn04 #section18 .con-l-down ul li { height: 80px; padding: 10px 6px; }
.page-smn04 #section18 .con-l-down ul li p { font-size: 13px; }
.page-smn04 #section18 .con-l-down ul li img { width: 36px; }
.page-smn04 #section18 .con_r_txt { padding: 20px 16px; }
.page-smn04 #section18 .con_r_txt .txt p { font-size: 0.9rem; }
.page-smn04 #section18 .con_r_txt .img-wrap:last-child{right: 40px;}
.page-smn04 #section18 .con_r_txt .img-wrap:first-child{left: 40px;}

/* sec20 (mn05) */
#section20 { padding: 80px 0; }
.checklist-table thead th, .checklist-table tbody td { padding: 28px 8px; font-size: 0.88rem; }

/* sec21 (mn05) */
#section21 { padding: 80px 0; }
.sec21_inner h3.title { font-size: 2rem; }
.sec21_grid { grid-template-columns: 1fr; }
.card_body { padding: 16px 14px 10px; }
.card_result { font-size: 0.85rem; padding: 12px 14px; }

}

@media screen and (max-width: 768px) {
main.danaeun h3{font-size: 2rem;}

/* sec02 hover 모바일 비활성화 */
.sec02_con:hover {transform: none;}

/* sec03 */
.sec03_con .sec03_l .sub_txt{width: 150px; height:150px;}
.sec03_con .sec03_l .sub_txt.txt01{left: 16%;}
.sec03_con .sec03_l .sub_txt.txt02{right:15.5%;}
.sec03_con .sec03_r{width: 80%; background: #fff; border-radius: 30px; padding: 30px; border: 1px solid var(--line_color); margin-top: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.08);}
.sec03_con .sec03_l .sub_txt p:first-child{font-size: 1rem;}
.sec03_con .sec03_l .sub_txt.txt02 p:last-child, .sec03_con .sec03_l .sub_txt.txt01 p:last-child{font-size: 1.5rem;}

/* sec04 */
.sec04_con ul{gap: 10px;}
.sec04_con ul li{ font-size: 1rem;}

/* sec06 */
.sec06_inner .main_txt{font-size: 1.25rem;}

/*sec07*/
#section07{padding: 100px 0;}

/*sec08*/
.sec08_nav ul li{padding: 10px;}
.sec08_inner .con .con_r .sec08_grid ul li{height: auto;}
.sec08_inner .con .con_r .sec08_grid ul li p{font-size: 0.875rem;}

/* sec09 */
.sec09_con ul{ gap: 10px;}
.sec09_con ul li{font-size: 1rem; gap: 30px;}
.sec09_con ul li img{width: 80px; height: 80px;}

/* sec10 */
.sec10_con01 .con01_l h3{text-align: center;}
.sec10_con01 .con01_l .tag{margin: 0 auto;}
.sec10_con01{flex-direction: column;}
.sec10_con01 .con01_l{ margin-bottom: 50px; padding: 0;}
.sec10_con01 .con01_l .tag div{padding: 5px 0;}
.sec10_con01 .con01_l .sub_txt{font-size: 1rem;}
.sec10_con01 .con01_l .sub_txt p{display: inline;}
/* 넘버서식 */
.scroll_circle_wrap { left: 50%; top: -10%; transform: translate(-50%, 0); }

/* sec12 */
.sec12_con ul li img{left: -10px;}
.sec12_con ul li p{top: 15px; right: 10px;font-size: 0.875rem;letter-spacing:1px;}

/* sec14 */
.thumb_list img { width: 170px; height: 120px; }

/* sec20 */
.checklist-table thead th, .checklist-table tbody td{padding: 34px 8px;}
}



/* 모바일 */
@media screen and (max-width: 767px) {
#section01 .sec01_content .intro-logo { gap: 12px; }
#section01 .sec01_content .intro-logo img { max-height: 42px; }

/* clinic-tab-nav */
.clinic-tab-nav li { padding: 14px 20px; font-size: 0.88rem; }

/* sec02 조리과정 이미지 (가운데 강조) 모바일 */
.food_wrap { gap: 10px; padding: 0 20px; flex-direction: column;}
.food_wrap .img_wrap img { height: 160px; }
.food_wrap .img_wrap:nth-child(2) { transform: translateY(0px); }
.food_wrap .img_wrap:nth-child(2) img { height: 180px; }


/* sec22 */
.sec22_inner h3.title { font-size: 1.75rem; }
.sec22_desc { font-size: 1.25rem; }
.sec22_grid { grid-template-columns: repeat(2, 1fr); }
.sec22_quote p { font-size: 1rem; }
.sanhu-desc{font-size: 0.875rem;}

/* sec23 */
#section23 { padding: 60px 0; }
.sec23_inner h3.title { font-size: 1.75rem; }
.sec23_inner .sub-title { font-size: 0.95rem; }
.sec23_inner .con-grid { grid-template-columns: 1fr; gap: 14px; }
.sec23_inner .detail-txt p { font-size: 0.95rem; padding: 16px 15px; }
.page-smn05 .detail-txt{padding-top: 0;}

/* sec24 */
#section24 .sec22_inner h3.title, .sec24_inner h3.title { font-size: 1.75rem; }
.sec24_inner .con-grid { grid-template-columns: 1fr; gap: 14px; }
.sec24_icons { display: grid; grid-template-columns: repeat(2, 1fr);}
.sec24_icons .icon-circle { width: 90px; height: 90px; }
.sec24_icons .icon-circle img { width: 44px; height: 44px; }

/* sec25 */
#section25 { padding: 100px 0; background-size: 100% auto; background-position: bottom center; }
.sec25_inner h3.title { font-size: 1.75rem; }
.sec25_grid { grid-template-columns: 1fr; gap: 12px; }
.sec25_grid li { padding: 18px 20px; }
.sec25_grid li h4 { font-size: 1rem; }
.sec25_note { font-size: 0.88rem; }


/* sec26 */
#section26 { padding: 60px 0; }
.sec26_inner .con-l h3 { font-size: 1.75rem; }
.sec26_inner ul.con-r { grid-template-columns: repeat(2, 1fr); }
.sec26_inner ul.con-r li { padding: 20px 14px; }

/* sec16 */
#section16 { height: 55vh; min-height: unset; padding: 0; background-size: cover; background-position: center bottom; }
.sec16_title { font-size: 2.5rem; }

/* sec17 (타임라인) */
.section17 { padding: 60px 0; }
.sec17_inner { padding: 0 10px; }
.sec17_title { font-size: 1.5rem; margin-bottom: 30px; }
.sec17_timeline { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 12px; }
.sec17_timeline::before { display: none; }
.dot_wrap { margin-bottom: 10px; }
.stage_badge { margin-bottom: 10px; padding: 5px 18px; }
.stage_card { height: 200px; padding: 12px; }
.stage_card img { width: 65%; }
.stage_desc { font-size: 0.78rem; padding: 0 3px; }

/* section17 (표) */
#section17 { padding: 60px 0; }
.sec17b_inner { padding: 0 15px; }
.sec17b_title { font-size: 1.5rem; margin-bottom: 30px; }
.compare_table { min-width: 620px; }
.compare_table .th_empty { width: 120px; }
.compare_table .td_label { width: 120px; font-size: 0.8rem; padding: 14px 12px; }
.compare_table thead th { padding: 14px 16px; font-size: 0.9rem; }
.compare_table tbody td { padding: 14px 16px; font-size: 0.8rem; line-height: 1.6; }
.compare_table tbody td p { line-height: 1.7; }
.cycle_badge { font-size: 0.72rem; padding: 2px 8px; }
.notice_red { font-size: 0.72rem; }

/* section18 */
.page-smn04 #section18 .con_r_txt{width: 100%;}
.page-smn04 #section18 .con-l-down ul li{width: 60px;}

  /* sec01 */
#section01 br{display: block;}
.video_wrap {height: 100vh;}
.sec01_content{top: 50%; }
.sec01_content .main_txt{font-size: 1.5rem; margin-bottom: 30px;}
.sec01_content .sub_txt{font-size: 1rem; line-height: 1.5;}
.video_wrap video {width: 110%;}

/* sec02 */
.sec02_inner .title{font-size: 1.5rem;}
.sec02_inner .sub_title{font-size: 1rem;}
.sec02_inner .sub_title p{display: inline;}
.sec02_content{flex-direction: column;}
.sec02_con{padding: 10px 0;width: 100%; margin-bottom: 10px;}
.sec02_content .sec02_con h4{font-size: 1.25rem;}
.sec02_con:hover {width: 100%;}
.sec02_content .con02{margin-left: 0px;}
.sec02_content .con03{margin-left: 0px;}

/* sec03 */
.sec03_con .sec03_l{width: 80%;}
.sec03_con .sec03_l .sub_txt{width: 110px; height:110px; font-size: 1rem;}
.sec03_con .sec03_l .sub_txt.txt01{left: 18%;}
.sec03_con .sec03_l .sub_txt.txt02{right: 17%;}

.sec03_con .sec03_l .sub_txt.txt01 span {font-size: 1.25rem;}
.sec03_con .sec03_l .sub_txt.txt02 span {font-size: 1.25rem;}
.sec03_con .sec03_r{width: 100%;}
.sec03_con .sec03_r{width: 80%;}
.text_box p {font-size: 2rem;}
.quote {width: 40px;}

/* sec04 */
.sec04_inner{margin:0 auto}
.sec04_con ul{display: flex; flex-direction: column; gap: 10px;}
.sec04_con ul li{background: #fff;}
.sec04_con ul li h4{font-size: 1.25rem;}
.sec04_con ul li .sub_txt{font-size: 1rem;}
.sec04_con ul li.ico02{transform: translateY(0px); margin-left: 0px;}
.sec04_con ul li.ico04{transform: translateY(0px); margin-left: 0px;}
.sec04_con li.ico03{margin-left: 0px;}

.sec04_con ul li.down {transform: translateY(0);}
.sec04_con ul li.up {transform: translateY(0);}

/* sec05 */
.sec05_l {padding-left: 0px;}
.sec05_l_txt{width: 90%;}
.sec05_l h3 { font-size: 3rem;}
.sec05_l .main_txt { font-size: 1.125rem;}
.sec05_l .sub_txt {font-size: 0.75rem;}
.therapist_card{flex-direction: column; padding: 30px;}
.card_l{margin: 0 auto 30px auto; }
.card_l img{width: 150px;}
.card_r{padding-left: 0;}
.card_r ul li{margin-bottom: 15px; font-size: 0.75rem;}

/* sec06 */
.sec06_inner h3{font-size: 1.75rem !important;}
.sec06_inner .main_txt{font-size: 1rem;}
.doc_grid .doc{flex-direction: row; height: auto; width: 100%; gap: 0;}
.doc_grid .doc .doc_l{width: 35%; flex-shrink: 0;}
.doc_grid .doc .doc_l img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.doc_grid .doc .doc_r{padding: 15px; width: 65%; overflow-y: auto;}
.doc_grid .doc .doc_r h4{font-size: 1rem;}
.doc_grid .doc .doc_r h4 span{font-size: 1.25rem;}
.doc_grid .doc .doc_r p{font-size: 0.875rem;}
.doc_grid .doc .doc_r ul{line-height: 1.2;}
.doc_grid .doc .doc_r ul li{line-height: 1.3; font-size: 0.75rem; padding-left: 0; text-indent: 0px;}
.doc_grid .doc .doc_r ul li::before{margin-right: 3px;}
.doc_grid .doc01 .doc_r ul li, .doc_grid .doc03 .doc_r ul li, .doc_grid .doc04 .doc_r ul li{line-height: 1.4;}
.doc_grid .doc02{ overflow: hidden !important;}
.doc_grid .doc.doc02{gap: 0;}
.doc_grid .doc02 .doc_l{height: 100%; min-height: 200px; overflow: hidden;}
.doc_grid .doc02 .doc_l img{width: 100%; height: 100%; object-fit: cover; object-position: top center; min-height: unset;}

/* sec07 */
#section07 {width: 100%;  min-height: auto; padding: 60px 0; background-image: url('../images/sec07_bg.png'); background-repeat: no-repeat;background-position: center top; background-size: auto;}
.sec07_r ul { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);}
.sec07_l h4 { font-size: 1.5rem; }
.sec07_l .sub_title { font-size: 0.875rem;}
.sec07_l .sub_title p{display: inline;}
.sec07_r ul li span { display: block; padding: 10px 0; font-size: 0.75rem; }
.sec07_r ul li p { font-size: 1rem; line-height: 1.3; }
.sec07_r ul li:nth-child(3), .sec07_r ul li:nth-child(5){border-left: 1px solid var(--line_color);}
.sec07_r ul li:nth-child(4){border-left: none;}

/* sec08 */
#section08{padding-top: 50px;}
.sec08_inner .con{display: block;}
.sec08_inner .con .con_l img{width: 100% !important; height: 250px !important; object-fit: cover;}
.sec08_inner .con .con_r .sec08_grid ul{display: grid; grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(3, auto) !important; gap: 10px;}
.sec08_inner .con .con_r .sec08_grid ul li{ width: auto !important; padding: 20px; height: auto;}
.sec08_inner .con .con_r .sec08_grid ul li h6{padding-bottom: 5px;}
.sec08_inner .con .con_r .sec08_grid ul li p{font-size: 0.875rem;}


/* sec08 네비게이션 서식 */
.sec08_nav{top: 100px; left: 50%;}
.sec08_nav.is-fixed {top: 100px;}
.sec08_nav ul{flex-direction:row;}
.sec08_nav ul li{width: 60px; height: auto;}
.sec08_nav ul li p {font-size: 0.75rem;}
.sec08_inner .con .con_r .sub_txt{font-size: 0.875rem;}
.sec08_inner .con .con_r h4{margin-top: 20px; align-items: center;}

/* sec09 */
.sec09_inner h3 p:last-child{color: #fff0ab; font-weight: bold;}
.sec09_inner h3{margin-bottom: 50px;}
.sec09_con{margin: 20px auto;display: flex;  justify-content: center;}
.sec09_con ul{flex-direction: column; align-items: center; width: 100%; padding: 0;}
.sec09_con ul li{width: 50%; gap: 20px; font-size: 1.2rem; justify-content: flex-start; padding-left: 15px; margin-bottom: 30px;}
.sec09_con ul li span{transform: translateX(0);}
.sec09_con ul li img{width: 100px; height: 100px;}

/* sec10 */
.sec10_con01{flex-direction: column; padding-bottom: 200px;} 
.sec10_con01 .con01_l{margin-bottom: 70px;}
.sec10_con01 .con01_l h3 p:first-child{font-size: 1.75rem;}
.sec10_con01 .con01_l .tag {justify-content: center; gap: 10px;}
.sec10_con01 .con01_l .sub_txt{font-size: 1rem;}

/* 넘버서식 */
.scroll_circle_wrap {top: -20%; width: 90px; height: 90px;}
.scroll_circle_wrap .number{padding: 5px 10px;}

/* sec11 */
.sec11_inner h3 p{font-size: 1.5rem;}
.sec11_inner .sub_txt{font-size: 1rem;}
.sec11_inner .con ul .con_inner{flex-direction: column;}
.sec11_inner .con ul .con_inner .l_img img{width: 100%;}
.sec11_inner .con ul .con_inner .r_txt ul{padding-top: 20px;}
.sec11_inner .con ul .con_inner .r_txt li{font-size: 1rem;}
.sec11_inner .con ul .con_inner .r_txt ul li:first-child{padding:0;}
.sec11_inner .con ul .con_inner .r_txt li br{display:none;}
.danaeun .detail_txt{padding-top:50px;}
.danaeun .detail_txt p{padding-bottom:15px;}

/* sec12 */
.sec12_inner .sub_txt{font-size: 1rem;}
.sec12_con ul{display: grid; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(6, auto); gap: 15px;}
.sec12_con ul li{background: #fff; position: relative; overflow: hidden; border-radius: 15px; aspect-ratio: 3/4;}
.sec12_con ul li p{font-size: 0.875rem; right: 5px;}

/* sec13 */
.sec13_con h4 i{font-size: 2rem;}
.sec13_con h4 div img{width: 40px; height: 40px; transform: translateY(10px);}
.sec13_con h4 div div{font-size: 1rem; transform: translateY(10px);}
.sec13_con .talk .right{font-size: 0.875rem; padding: 20px;}
.sec13_con .talk .left{font-size: 0.875rem;}
.sec13_con .talk .left img{width: 40px; height: 40px;}
.sec13_con .talk .r_01{width: auto; padding: 20px;}

/* sec14 */
.text_area p{font-size: 1rem; line-height: 1.3;}
.thumb_list{overflow: visible !important;}
.thumb_list img { width: 100px; height: 60px; }

/* sec15 */
.sec15_con .con_l div {font-size: 0.75rem;}
.map_txt {flex-direction: column; padding: 20px;}
.map_txt a{display: block; margin: 0 auto;}
.map_txt img{margin: 0; display: block; margin: 0 auto; width: 100px; height: 100px;}
.info_row {margin: 30px 0;}
.info_row dt {font-size: 1rem;}
.info_row dd {font-size: 0.875rem;}
.tel {display: block;font-size: 2rem;}
.info_row .sub_txt {font-size: 0.8rem; line-height: 1.3;}
.notice {line-height: 1.3; font-size: 12px;}

/* sec18 */
#section18 { padding: 60px 0; }
.sec18_inner h3.title { font-size: 1.5rem; margin-bottom: 30px; }
.sec18_inner .con .con_r img { max-width: 280px; }
.sec18_inner .con-l-up { justify-content: center; gap: 6px; }
.sec18_inner .con-l-up .step { width: 110px; height: 110px; padding: 8px; }
.sec18_inner .con-l-up .step p { font-size: 0.95rem; }
.sec18_inner .con-l-up .step .small { font-size: 0.75rem; }
.sec18_inner .con-l-up .step .step-label { font-size: 0.72rem; margin-bottom: 5px; }
.sec18_inner .con-l-up .step-arrow { font-size: 1.2rem; }
.sec18_inner .con-l-down { gap: 8px; }
.sec18_inner .con-l-down .img-wrap img { width: 26px; }
.sec18_inner .con-l-down .txt p { font-size: 1rem; line-height: 1.7; }
.sec18_inner .con .con_r .con_r_txt ul { flex-wrap: nowrap; justify-content: center; gap: 6px; }
.sec18_inner .con .con_r .con_r_txt ul li { height: 60px; width: 68px; font-size: 0.82rem; }
.page-smn04 #section18 .con-l-down ul li { height: 70px; }
.page-smn04 #section18 .con-l-down ul li p { font-size: 11px; }
.page-smn04 #section18 .con-l-down ul li img { width: 28px; }
.page-smn04 #section18 .con_r_txt .img-wrap:first-child { left: 16px; }
.page-smn04 #section18 .con_r_txt .img-wrap:last-child { right: 16px; }

/* sec19 */
#section19 { padding: 60px 0; }
.sec19_inner h3.title { font-size: 1.5rem; margin-bottom: 30px; }
.sec19_inner .con { flex-direction: column; gap: 0; align-items: center; }
.sec19_inner .con .img-wrap { width: 85%; }
.sec19_inner .con .img-wrap img { width: 100%; }
.sec19_inner .con .txt-wrap { position: static; width: 85%; margin: 20px auto; }

/* sec20 */
#section20 { padding: 60px 0; }
.sec20_inner { padding: 0 15px; }
.sec20_inner h3.title { font-size: 1.5rem; margin-bottom: 30px; }
.sec20_tables { flex-direction: column; gap: 20px; align-items: unset; }
.sec20_inner .con-l { flex: none; }
.sec20_inner .con-r { flex: none; }
.checklist-table thead th, .checklist-table tbody td { padding: 9px 7px; font-size: 0.85rem; }
.checklist-table thead th.th-symptom { width: 38%; }
.score-table thead th, .score-table tbody td { padding: 10px; font-size: 0.85rem; }
.sec20_footnote{line-height: 1.3;}

/* sec21 */
#section21 { padding: 60px 0; }
.sec21_inner h3.title { font-size: 1.5rem; margin-bottom: 30px; }

.skin_desc { flex-direction: column; }
.skin_imgs img { max-width: 50%; }
.sec21_inner { padding: 0 15px; }
.card_body { padding: 14px 12px 10px; }
.card_result { padding: 12px 14px; }
.card_result strong { font-size: 0.88rem; padding: 8px; transform: translateY(-2px);}
.skin_desc_item p { font-size: 0.78rem; line-height: 1.6; }


/* sec16 */
#section16 .sec16_inner{padding: 30px 20px;}

.sanhu-heading{font-size: 1.25rem;}
}

@media screen and (max-width: 430px) {
#section01 .sec01_content .intro-logo { gap: 10px; }
#section01 .sec01_content .intro-logo img { max-height: 34px; }
  .doc_grid .doc02{height: 235px;}

  /* clinic-tab-nav */
  .clinic-tab-nav li { padding: 12px 16px; font-size: 0.82rem; }

  /* sec22 */
  .sec22_inner h3.title { font-size: 1.5rem; }
  .sec22_grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  /* sec23 */
  .sec23_inner h3.title { font-size: 1.5rem; }

  /* sec24 */
  #section24 .sec22_inner h3.title, .sec24_inner h3.title { font-size: 1.5rem; }
  .sec24_icons .icon-circle { width: 80px; height: 80px; }
  .sec24_icons li span { font-size: 0.8rem; }

  /* sec25 */
  .sec25_inner h3.title { font-size: 1.5rem; }

  /* sec26 */
  .sec26_inner .con-l h3 { font-size: 1.5rem; }
  .sec26_inner ul.con-r { grid-template-columns: 1fr; }
}
@media screen and (max-width: 390px) {
  main.danaeun h3{font-size: 1.5rem !important;}

/* sec16 */
#section16 { min-height: unset; background-size: contain; background-position: center center; }
.sec16_title { font-size: 2.5rem; }

/* sec17 (타임라인) */
.section17 { padding: 40px 0; }
.sec17_title { font-size: 1.25rem !important; margin-bottom: 24px; }
.sec17_timeline { grid-template-columns: repeat(2, 1fr); gap: 18px 8px; }
.stage_card { height: 170px; padding: 10px; }
.stage_card img { width: 60%; }
.stage_badge { padding: 4px 12px; font-size: 0.75rem; margin-bottom: 8px; }
.stage_desc { font-size: 0.7rem; }

/* section17 (표) */
#section17 { padding: 40px 0; }
.sec17b_title { font-size: 1.25rem !important; margin-bottom: 20px; }
.compare_table { min-width: 520px; }
.compare_table .th_empty { width: 95px; }
.compare_table .td_label { width: 95px; font-size: 0.75rem; padding: 12px 8px; }
.compare_table thead th { padding: 11px 12px; font-size: 0.82rem; }
.compare_table tbody td { padding: 11px 12px; font-size: 0.75rem; }
.cycle_badge { font-size: 0.65rem; padding: 2px 6px; }
.notice_red { font-size: 0.65rem; }

  /* sec01 */
.sec01_content .main_txt{font-size: 1.25rem;}
.sec01_content .sub_txt{font-size: 0.875rem;}

/* sec02 */
.sec02_inner .title{font-size: 1.35rem !important;}
.sec02_inner .sub_title{font-size: 0.875rem;}
.sec02_content .sec02_con h4{font-size: 1rem;}
.sec02_content .sec02_con .badge{font-size: 0.875rem; width: 60px;}
.sec02_content .sec02_con p{font-size: 0.875rem;}

/* sec03 */
.sec03_con .sec03_l{width: 80%;}
.sec03_con .sec03_l .sub_txt{width: 100px; height:100px; font-size: 0.875rem;}
.sec03_con .sec03_l .sub_txt.txt01{left: 17.5%;}
.sec03_con .sec03_l .sub_txt.txt02{right: 17.5%;}
.sec03_con .sec03_l .sub_txt p:first-child{font-size: 0.875rem;}
.sec03_con .sec03_l .sub_txt.txt02 p:last-child, .sec03_con .sec03_l .sub_txt.txt01 p:last-child{font-size: 1.25rem;}


.sec03_con .sec03_l .sub_txt.txt01 span {font-size: 1.25rem;}
.sec03_con .sec03_l .sub_txt.txt02 span {font-size: 1.25rem;}
.sec03_con .sec03_r{width: 80%;}
.text_box p {font-size: 1.5rem;}
.quote {width: 30px;}

/* sec06 */
.sec06_inner h3{font-size: 1.75rem !important;}
.sec06_inner .main_txt{ font-size: 1rem;}
.doc_grid .doc{height: 280px; width: 100%; gap: 10px;}
.doc_grid .doc .doc_l img{height: 280px;}
.doc_grid .doc .doc_r{padding: 20px 10px 20px 0;}
.doc_grid .doc .doc_r h4{font-size: 1rem;}
.doc_grid .doc .doc_r h4 span{font-size: 1.25rem;}
.doc_grid .doc .doc_r p{font-size: 1rem;}
.doc_grid .doc .doc_r ul{ line-height: 1.2;}
.doc_grid .doc .doc_r ul li{line-height: 1.2; font-size: 0.75rem; padding-left: 0; text-indent: 0px;}
.doc_grid .doc .doc_r ul li::before {margin-right: 3px;}
.doc_grid .doc01 .doc_r ul li,
.doc_grid .doc03 .doc_r ul li,
.doc_grid .doc04 .doc_r ul li{line-height: 1.4;}
.doc_grid .doc.doc02{gap: 10px;}

/* sec07 */
#section07 {width: 100%;  min-height: auto; padding: 60px 0; background-image: url('../images/sec07_bg.png'); background-repeat: no-repeat;background-position: center top; background-size: auto;}
.sec07_r ul { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);}
.sec07_l h4 { font-size: 1.5rem; }
.sec07_r ul li span { display: block; padding: 10px 0; font-size: 0.75rem; }
.sec07_r ul li p { font-size: 1rem; line-height: 1.3; }
.sec07_r ul li:nth-child(3), .sec07_r ul li:nth-child(5){border-left: 1px solid var(--line_color);}
.sec07_r ul li:nth-child(4){border-left:none;}

/* sec08 */
.sec08_inner .con .con_r h4 p{font-size: 1.5rem;}
.sec08_inner .con .con_r h4 img{width: 50px;}s
/* sec08 네비게이션 서식 */
.sec08_nav{top: 100px;}
.sec08_nav.is-fixed {top: 100px;}
.sec08_nav ul li{padding: 5px;}

/* sec09 */
.sec09_con ul li{width: 60%;}

/* sec10 */
.sec10_con01{flex-direction: column;}
.sec10_con01 .con01_l{margin-bottom: 70px;}
.sec10_con01 .con01_l .tag {justify-content: center;}
.sec10_con01 .con01_l .sub_txt{font-size: 1rem;}
.sec10_con01 .con01_l h3 p:first-child{font-size: 1.25rem;}
/* 넘버서식 */
.scroll_circle_wrap {top: -20%; width: 90px; height: 90px;}
.scroll_circle_wrap .number{padding: 5px 10px;}

/* sec11 */
.sec11_inner h3 p{font-size: 1.125rem;}
.sec11_inner h3 p.bold{font-size: 1.5rem;}
.sec11_inner .sub_txt{font-size: 0.875rem;}
.sec11_inner .con ul .con_inner{flex-direction: column;}
.sec11_inner .con ul .con_inner .r_txt h4 {font-size: 1.125rem}
.sec11_inner .con ul .con_inner .l_img img{width: 100%;}
.sec11_inner .con ul .con_inner .r_txt ul li {font-size: 0.875rem;}
.sec11_inner .con ul .con_inner .r_txt p {font-size: 0.875rem;}

/* sec12 */
.sec12_inner .sub_txt{font-size: 0.875rem;}

/* sec13*/
.sec13_con .talk .right{line-height: 1.3;}

/* sec14 */
.text_area p{font-size: 0.875rem;}
.thumb_list img { width: 90px; height: 60px; }
.tab_mnu li{height: 40px;  line-height: 40px;}

/* sec15 */
.sec15_con .con_l div {font-size: 0.75rem;}
.map_txt {flex-direction: column; padding: 10px;}
.map_txt img{margin: 0; display: block; margin: 0 auto;}
.info_row {margin: 30px 0;}
.info_row dt {font-size: 1rem;}
.info_row dd {font-size: 0.875rem;}
.tel {display: block;font-size: 2rem;}
.info_row dt{width: 80px;}
.info_row .sub_txt {font-size: 0.75rem; line-height: 1.3;}
.notice {line-height: 1.3;}

/* sec18 (mn05) */
.sec18_inner .con-l-up .step { width: 80px; height: 80px; }
.sec18_inner .con-l-up .step p { font-size: 0.82rem; }
.sec18_inner .con-l-up .step .small { font-size: 0.65rem; }
.sec18_inner .con-l-up .step-label { font-size: 0.65rem; }
.sec18_inner .con-l-up .step-arrow { font-size: 1rem; }
.sec18_inner .con .con_r .con_r_txt ul li{width: 50px; height: 45px; font-size: 0.65rem;}
.page-smn04 #section18 .con-l-down ul li { height: 60px; padding: 8px 4px; }
.page-smn04 #section18 .con-l-down ul li p { font-size: 10px; }
.page-smn04 #section18 .con-l-down ul li img { width: 22px; }
.page-smn04 #section18 .con_r_txt { padding: 16px 12px; gap: 8px; }
.page-smn04 #section18 .con_r_txt .txt p { font-size: 0.8rem; line-height: 1.4; }

/* sec20 (mn05) */
.checklist-table thead th, .checklist-table tbody td { padding: 6px 3px; font-size: 0.68rem; }
.score-table thead th, .score-table tbody td { padding: 8px; font-size: 0.78rem; }
.sec20_footnote { font-size: 0.75rem; }

/* sec21 (mn05) */
.card_header { font-size: 0.8rem; padding: 10px 12px; }
.card_result { font-size: 0.75rem; padding: 10px; }
.card_result strong { font-size: 0.8rem; padding: 7px 6px; }
}

@media screen and (max-width:360px){
#section01 .sec01_content .intro-logo { gap: 8px; }
#section01 .sec01_content .intro-logo img { max-height: 28px; }
/* sec17 */
.sec17_title { font-size: 1.1rem !important; }
.stage_card { height: 150px; }
.stage_card img { width: 55%; }
.stage_desc { font-size: 0.65rem; }

/* sec03 */
.sec03_con .sec03_l .sub_txt.txt01{left: 17%;}
.sec03_con .sec03_l .sub_txt.txt02{right: 17%;}

/* sec04 */
.sec04_con ul li{padding: 20px 30px;}

/* sec08 */
/* sec08 네비게이션 서식 */
.sec08_nav{top: 100px;}
.sec08_nav.is-fixed {top: 100px;}
.sec08_nav ul li{padding: 5px;}
.sec08_nav ul li p {font-size: 0.65rem;}

/* sec10 */
.sec10_con01 .con01_l .tag{gap: 10px;}
.sec10_con01 .con01_l .tag div{font-size: 0.75rem; width: 130px;}
.sec10_con01 .con01_l h3 p:first-child{font-size: 1.25rem;}
/* sec14 */
.thumb_list img { width: 80px;}

/* sec15 */
.map_txt img{width: 100px;}
.sec15_con .con_r{transform: none;}
.info_row{margin: 15px 0;}
.map_txt{padding: 20px 10px;}
.time_list li{font-size: 0.75rem;}
.time_list li span:first-child{width: 65px;}
.notice{font-size: 0.75rem;}
}
@media screen and (max-width:340px){
main.danaeun h3{font-size: 1.25rem !important;}
/* sec01 */
.sec01_content .main_txt{font-size: 1.125rem;}
.sec01_content .sub_txt{font-size: 1rem;}

/* sec02 */
.sec02_inner .title{font-size: 1.25rem !important;}
.sec02_inner .sub_title{font-size: 0.8rem;}

/* sec03 */
.sec03_con .sec03_l .sub_txt{width: 90px; height:90px; font-size: 0.65rem;}
.sec03_con .sec03_l .sub_txt.txt01{left: 18%;}
.sec03_con .sec03_l .sub_txt.txt02{right: 18%;}
.sec03_con .sec03_l .sub_txt p:first-child{font-size: 0.75rem;}
.sec03_con .sec03_l .sub_txt.txt02 p:last-child, .sec03_con .sec03_l .sub_txt.txt01 p:last-child{font-size: 1rem;}


/* sec05 */
.sec05_l h3 p{font-size: 1.5rem !important;}

/* sec07 */
.sec07_l h4{font-size: 1.125rem;}

/* sec08 */
.sec08_inner .con .con_l img{height: 200px;}
/* sec08 네비게이션 서식 */
.sec08_nav{top: 100px;}
.sec08_nav.is-fixed {top: 100px;}
.sec08_nav ul li{padding: 5px 2px;}

/* sec09 */
.sec09_con ul li{width: 60%; font-size: 1rem;}

/* sec10 */
.sec10_con01 .con01_l .sub_txt{font-size: 0.875rem;}

/* sec14 */
.sec12_con ul li p{font-size: 0.75rem;}
.text_area h2{font-size: 1.25rem;}

/* sec15 */
.info_row dd{font-size: 0.75rem;}
.info_row .sub_txt{font-size: 0.625rem;}
.notice{font-size: 0.7rem;}

/* sec18 */
.page-smn04 #section18 .con-l-down ul li{width: 55px;}
}

@media screen and (max-width:320px){
	.sec18_inner .con-l-up .step{width:75px; height:75px;}
  .sec08_nav ul li img{width: 30px; height: 30px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .sec23_inner .con-grid li:last-child:nth-child(odd) { grid-column: 1 / -1 !important; max-width: calc(50% - 10px); margin: 0 auto; width: 100%; }
  .sec24_inner .con-grid li:last-child:nth-child(odd) { grid-column: 1 / -1 !important; max-width: calc(50% - 10px); margin: 0 auto; width: 100%; }
  .sec25_grid li:last-child:nth-child(odd) { grid-column: 1 / -1; max-width: calc(50% - 15px); margin: 0 auto; width: 100%; }
}