/***** page-sub04.php --- 요양병원 *****/
main#sub04_main {
	@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
}
main#sub04_main .inner {width:100%;}
main#sub04_main .inner .top_visual {height:520px; width:100%;background: url(/wp-content/themes/jung/img/sub02/townview.png);background-repeat: norepeat; background-size:cover; background-position:0 30%;position: relative;animation: visual_ani 2s ease;}
main#sub04_main .inner .top_visual .txt {position: absolute; top:40%; left:6%;text-align:left;}

@keyframes visual_ani {
	0%{background-position:0 10%;}
	100%{background-position:0 30%;}
}
main#sub04_main .inner .top_visual .txt * {display:block; font-weight:700; color:#fff; text-shadow: 0 0 20px rgba(0,0,0,0.4);}
main#sub04_main .inner .top_visual .txt span {font-size: 30px; font-weight:500;}
main#sub04_main .inner .top_visual .txt em {font-size:54px; margin-top:16px;}
#sub04_main .inner .value {text-align: center;background-size: cover;background-repeat: no-repeat;background-position: center;}
#sub04_main .inner .value .txt {padding: 80px 0 0;}
#sub04_main .inner .value .txt .tit {font-size: 2.5rem; font-weight: 700;}
#sub04_main .only_m {display: block;width: 100%; background-color: #fff; margin: 100px auto; letter-spacing: -0.4px}

/* 탭 메뉴 전체 스타일 */
.tab-menu {display: flex;justify-content: center; background: #fff;}
.tab-link { padding: 20px 25px;text-decoration: none; /* 밑줄 제거 */font-size:1.25rem;color: #888;transition: all 0.3s ease; display: inline-block;margin: 0 5px;}
.tab-link:hover {background-color: #f1f1f1;color: #4a4e69;border-radius: 50px;}
.tab-link.active { background: #4a4e69; border-radius: 50px;color: #fff;}


.memory-care-section {background-color: #f4f0e9; padding: 80px 20px;color: #444;margin-top:50px}
.memory-header {display: flex;justify-content: space-between;align-items: flex-end; margin-bottom: 60px; max-width: 1200px;margin-left: auto; margin-right: auto;}

.header-text h2 {font-size: 42px;font-weight: 300; line-height: 1.3;color: #a68b6a; /* 갈색톤 타이틀 */}
.header-text h2 span {font-weight: 700;}
.header-img img { max-width: 350px;}

/* 4분할 그리드 및 중앙 점선 */
.memory-grid {display: grid; grid-template-columns: 1fr 1fr; max-width: 1200px; margin: 0 auto; position: relative;}
.memory-grid::before { /* 세로선 */content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; border-left: 1px dashed #c0b098;}
.memory-grid::after { /* 가로선 */content: ''; position: absolute;top: 50%; left: 0; right: 0;height: 1px;border-top: 1px dashed #c0b098;}
.memory-item { padding: 50px; position: relative; background-repeat: no-repeat;background-position: center right 30px; /* 배경 아이콘 위치 */background-size: 120px; min-height: 280px;}
.memory-item h3 {font-size: 24px;font-weight: 700;color: #5d4e3b;margin-bottom: 10px; border-left: 3px solid #a68b6a; padding-left: 15px;}

/* 각 항목 아이콘 배경 (이미지의 워터마크 느낌) */
.item-design { background-image: url('/wp-content/themes/jung/img/sub04/r5_img2.png'); }
.item-furniture { background-image: url('/wp-content/themes/jung/img/sub04/r5_img4.png'); }
.item-finish { background-image: url('/wp-content/themes/jung/img/sub04/r5_img3.png'); }
.item-bathroom { background-image: url('/wp-content/themes/jung/img/sub04/r5_img5.png'); }

.sub-desc { font-size: 16px;color: #a68b6a; margin-bottom: 25px;padding-left: 18px;}

#sub04_main .main-text { font-size: 15px; line-height: 1.7; color: #666; padding-left: 18px; word-break: keep-all;}

/* 기본 배경 및 폰트 설정 */
.value-section { padding: 100px 0; background-color: #fff; font-family: 'Pretendard', sans-serif; }
.value-inner { max-width: 1400px; margin: 0 auto; padding: 0 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; }

/* 왼쪽 이미지 영역 */
.value-img-box { flex: 1.1; position: relative; }
.value-img-box img { width: 100%; height: auto; display: block; border-radius: 30px; /* 이미지의 부드러운 라운딩 */ }

/* 오른쪽 설명 영역 */
.value-content { flex: 1; }

.value-item { margin-bottom: 40px; }
.value-item:last-of-type { margin-bottom: 0; }

/* 숫자 라벨 (짙은 주황색) */
.value-item .num { display: block; font-size: 14px; font-weight: 700; color: #d32f2f; margin-bottom: 8px; }

/* 소제목 */
.value-item h3 { font-size: 24px; font-weight: 800; color: #333; margin-bottom: 25px; letter-spacing: -1px; }

/* 본문 텍스트 */
.value-item p { font-size: 16px; line-height: 1.8; color: #555; word-break: keep-all; }

/* 점선 구분선 */
.divider { border: none; border-top: 1px dashed #ddd; margin: 40px 0; }


#sub04_main .only_m .txt {text-align: left; padding: 0 0 60px;}
#sub04_main .only_m .txt > * {display: inline-block;}
#sub04_main .only_m .txt .tit {font-size: 2rem; font-weight: 700; margin-right: 20px;}
#sub04_main .only_m .txt .sub {font-size: 1.125rem; color: #989898;}
.test-space-container { padding:20px 0px; background-color: #fff;}
.check-list { list-style: none; padding: 0;margin: 0 auto;}
.check-list li {position: relative; padding-left: 35px; margin-bottom: 100px; text-align:center;}
.type-content { text-align:center;}
.type-content strong { display: block;  font-size: 20px;  font-weight: 500; color: #333;line-height: 1.5;  word-break: keep-all;}
.type-content .type-txt { margin-top: 8px; font-size: 16px; color: #888; line-height: 1.4;}
.type-tt { margin-top:100px; }
.type-tt strong { padding-bottom:50px;}


/* 제목 스타일 */
.summary-title { font-size:30px;font-weight: 800;margin-bottom: 50px;color: #222;}
.summary-grid {display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 60px;}
.summary-item {display: flex; align-items: center; gap: 20px;}
.icon-circle {width: 90px; height: 90px; background-color: #8bc34a;border-radius: 50%; display: flex; justify-content: center;align-items: center;flex-shrink: 0;}
.icon-circle img { width: 50px;height: 50px;}
.summary-text h3 {font-size: 24px; color: #7cb342; margin-bottom: 5px;font-weight: 600;}
.summary-text p {font-size: 18px; color: #555;font-weight: 500;}

/* 구분선 */
.divider { border: 0;border-top: 1px solid #999;margin-bottom: 40px;}

/* 상세 섹션 스타일 */
.detail-section {display: flex;flex-direction: column;}
.detail-item {border-bottom: 1px solid #ccc;padding: 30px 0;}
.detail-item:last-child {border-bottom: 2px solid #333;}
.detail-item h2 {font-size: 22px;font-weight: 700;margin-bottom: 15px; color: #222;}
.detail-item p {font-size: 18px;color: #444; text-align: justify; word-break: keep-all;line-height: 1.5;}

/* 메인 컨테이너 (그리드 설정) */
.product { margin-top:100px }
.product-container { width: 100%; padding: 0 40px; display: grid;grid-template-columns: repeat(2, 1fr); column-gap: 80px; row-gap: 60px;}
.product-item {display: flex;align-items: flex-start;gap: 30px;}

/* 이미지 영역 */
.product-image { width: 180px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.product-image img { height: auto;object-fit: contain;}

/* 텍스트 정보 영역 */
.product-info { flex-grow: 1;}

/* 제목 스타일 (숫자 포함) */
.product-title {font-size: 20px;font-weight: 700; color: #8bc34a; margin-bottom: 12px; display: flex; align-items: center;  gap: 8px;}
.product-title span { background-color: #8bc34a; color: #fff;  width: 24px; height: 24px; border-radius: 50%;display: inline-flex; justify-content: center; align-items: center; font-size: 14px;}

/* 본문 설명 */
.product-desc {font-size: 16px;line-height: 1.6; color: #444;word-break: keep-all;text-align: justify;}
.horizontal {margin-top:100px}

/* 가로 컨테이너 (Flexbox 사용) */
.horizontal-container { display: flex;gap: 20px; max-width: 1440px;width: 100%;}

/* 개별 카드 공통 스타일 */
#sub04_main .card { flex: 1; border-radius: 20px;overflow: hidden;padding: 25px; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.1);display: flex;flex-direction: column;justify-content: flex-start;}

/* 단계별 배경색 (이미지의 녹색 계열 재현) */
#sub04_main .card-1 { background-color: #92bb35; }
#sub04_main .card-2 { background-color: #bcc64e; }
#sub04_main .card-3 { background-color: #719430; }
#sub04_main .card-4 { background-color: #4a6e33; }

/* 카드 헤더 (숫자와 제목) */
#sub04_main .card-header {margin-bottom: 20px;}
#sub04_main .step-num {font-size: 60px; font-weight: 900;opacity: 0.3; line-height: 1;display: block;margin-bottom: 10px;}
#sub04_main .card-header h3 {font-size: 1.1rem; line-height: 1.4; font-weight: 700; word-break: keep-all;}

/* 카드 콘텐츠 (이미지 + 리스트) */
#sub04_main .card-content { flex-grow: 1;display: flex;flex-direction: column;align-items: center;}
#sub04_main .image-placeholder { width: 100%; height: 150px; border-radius: 10px; margin-bottom: 20px; display: flex;justify-content: center; align-items: center;}
#sub04_main .image-placeholder img { max-width: 90%; max-height: 90%;}

/* 특징 리스트 */
#sub04_main .feature-list {list-style: none;width: 100%;font-size: 0.95rem;}
#sub04_main .feature-list li { margin-bottom: 8px; padding-left: 15px; position: relative;line-height: 1.4;}
#sub04_main .feature-list li::before {  content: '•'; position: absolute;left: 0;}

/* r1헤더 스타일 */
.r1-big-id {     font-size: 5rem; color: #003440; font-weight: 800; line-height: 1; margin: 0; }
.r1-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r1-main-title { font-size: 3rem; color: #003440; margin: 10px 0; }
.r1-desc-line {     font-size: 2rem; color: #003440; border-left: 3px solid #003440; padding-left: 12px;margin-top:20px; }
.r1-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #003440;}

/* r2헤더 스타일 */
.r2-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #152b53;}
.r2-big-id {     font-size: 5rem; color: #152b53; font-weight: 800; line-height: 1; margin: 0; }
.r2-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r2-main-title { font-size: 3rem; color: #152b53; margin: 10px 0; }
.r2-desc-line {     font-size: 2rem; color: #152b53; border-left: 3px solid #152b53; padding-left: 12px;margin-top:20px; }

/* r3헤더 스타일 */
.r3-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #eb6120;}
.r3-big-id {     font-size: 5rem; color: #eb6120; font-weight: 800; line-height: 1; margin: 0; }
.r3-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r3-main-title { font-size: 3rem; color: #eb6120; margin: 10px 0; }
.r3-desc-line {     font-size: 2rem; color: #eb6120; border-left: 3px solid #eb6120; padding-left: 12px;margin-top:20px; }
.r3-badge {background:#eb6120; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}

/* r4헤더 스타일 */
.r4-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #346440;}
.r4-big-id {     font-size: 5rem; color: #346440; font-weight: 800; line-height: 1; margin: 0; }
.r4-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r4-main-title { font-size: 3rem; color: #346440; margin: 10px 0; }
.r4-desc-line {     font-size: 2rem; color: #346440; border-left: 3px solid #346440; padding-left: 12px;margin-top:20px; }
.r4-badge {background:#346440; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}

/* r5헤더 스타일 */
.r5-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #6f5d47;}
.r5-big-id {     font-size: 5rem; color: #6f5d47; font-weight: 800; line-height: 1; margin: 0; }
.r5-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r5-main-title { font-size: 3rem; color: #6f5d47; margin: 10px 0; }
.r5-desc-line {     font-size: 2rem; color: #6f5d47; border-left: 3px solid #6f5d47; padding-left: 12px;margin-top:20px; }
.r5-badge {background:#6f5d47; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}

/* r6헤더 스타일 */
.r6-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #1b80c4;}
.r6-big-id {     font-size: 5rem; color: #1b80c4; font-weight: 800; line-height: 1; margin: 0; }
.r6-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r6-main-title { font-size: 3rem; color: #1b80c4; margin: 10px 0; }
.r6-desc-line {     font-size: 2rem; color: #1b80c4; border-left: 3px solid #1b80c4; padding-left: 12px;margin-top:20px; }
.r6-badge {background:#1b80c4; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}

/* r7헤더 스타일 */
.r7-header {margin-top: 100px;  padding-top: 50px;  border-top: 10px solid #9b5a8d;}
.r7-big-id {     font-size: 5rem; color: #9b5a8d; font-weight: 800; line-height: 1; margin: 0; }
.r7-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
.r7-main-title { font-size: 3rem; color: #9b5a8d; margin: 10px 0; }
.r7-desc-line {     font-size: 2rem; color: #9b5a8d; border-left: 3px solid #9b5a8d; padding-left: 12px;margin-top:20px; }
.r7-badge {background:#9b5a8d; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}


/* 도면 이미지 */
.r1-floor-plan { position: relative; text-align: center; padding: 40px 0; }
.floor-plan-container { position: relative; display: inline-block; width: 100%; max-width: 600px; }
.plan-img { width: 100%; height: auto; }


.feat-container { display: grid;grid-template-columns: repeat(3, 1fr); gap: 30px;max-width:1420px;margin: 50px auto; padding: 0 20px; align-items: start;}
.feat-item {display: flex;flex-direction: row; gap: 15px; align-items: start; }
.feat-icon {flex-shrink: 0; width: 48px;height: 48px; border-radius: 50%;overflow: hidden;}
.feat-icon img {width: 100%;height: 100%; object-fit: contain; }
.feat-text {display: flex; flex-direction: column; gap: 10px;text-align: left;}
.feat-text h3 { font-size:1.5rem; font-weight: bold;word-break: keep-all; line-height: 1.3;}
.feat-text p {font-size:1.15rem;color: #666;line-height: 1.5; word-break: keep-all;}

/* 5. 아이템별 개별 색상 적용 (이미지에서 추출) */
.item-blue h3 { color: #0081d6; }
.item-green h3 { color: #8ec320; }
.item-red h3 { color: #dc3e2d; }

/* 구분선 */
.r1-divider { border: 0; border-top: 1px solid #eee; margin: 40px 0; }

/* 하단 리스트 그리드 */
.r1-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.detail-title { display: flex; align-items: center; border-bottom: 2px solid #00334e; padding-bottom: 30px; margin-bottom: 30px; }
.detail-title h3 { font-size:30px; color: #00334e;font-weight:800; }
.detail-section strong{font-weight:600;  color:#333;}
.detail-section ul { list-style: none; }
.detail-section li { font-size: 1.05rem;; margin-bottom:15px; color: #444; }
.r1-badge { background: #00334e; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px; }
.list-content p { font-size:14px; color:#888}
.spaceTab {display: flex;justify-content: center;margin:10px 0 100px}
.space-link { padding: 20px 25px; text-decoration: none;font-size: 1.25rem; color: #888; background: #f5f5f5; border-radius: 50px;   transition: all 0.3s ease;  display: inline-block;  margin: 0 5px;}
.space-link:hover {background-color:#4a4e69;color: #fff;border-radius: 50px;}
.space-link.active { background: #4a4e69;   border-radius: 50px; color: #fff;}
.view-point-container { max-width:1200px; margin:0 auto; padding:20px; }

/* 상단 타이틀 영역 */
.vp-header { border-bottom: 2px solid #9a66a0; /* 보라색 하단 라인 */ padding-bottom: 10px; margin-bottom: 20px;}
.vp-title { font-size: 30px;color: #9a66a0;font-weight: 800;}

/* 중앙 설명 문구 */
.vp-description { margin-bottom: 40px;}
.vp-description p {font-size:20px; color: #444; word-break: keep-all;line-height:1.5;}
.vp-description strong {color: #222;font-weight: 700;}

/* 리스트 섹션 */
.vp-list {list-style: none;padding: 0;}
.vp-list li { margin-bottom: 25px;}
.vp-list .list-title { display: flex; align-items: center;margin-bottom: 8px;}
.vp-list .check-icon { width: 20px; height: 20px;  background-color: #9a66a0; border-radius: 50%;  margin-right: 10px;  position: relative;flex-shrink: 0;}
.vp-list .check-icon::after { content: ''; position: absolute; left: 6px; top: 3px; width: 5px;height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.vp-list .list-title h3 { font-size:20px;color: #333;font-weight: 700;}
.vp-list li p { font-size:18px; color: #555; padding-left: 30px;  word-break: keep-all;line-height:1.5;}

/* 컨테이너 설정 */
.golden-circle-container {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 50px auto; padding: 0 20px;}

/* 개별 카드 링크 스타일 */
.circle-type {text-decoration: none; /* 링크 밑줄 제거 */ color: inherit; display: block; transition: transform 0.3s ease; /* 호버 시 움직임 효과 */}
.circle-type:hover {transform: translateY(-10px); /* 마우스 올리면 살짝 위로 */}
.circle-type:hover .card-image img {opacity: 0.8; /* 호버 시 약간 밝아지거나 어두워지는 효과 */}

/* 상단 이미지 영역 */
.type-image { width: 100%; aspect-ratio: 16 / 9;  background-color: #000;  border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.type-image img { width: 100%;height: 100%;  object-fit: cover;transition: opacity 0.3s ease;}

/* 하단 텍스트 영역 */
.type-content2 h3 { font-size: 24px; font-weight: 800; color: #000; margin-bottom: 12px; letter-spacing: 0.5px;}
.type-content2 p {font-size: 15px;color: #444; line-height: 1.6; word-break: keep-all;}


@media (max-width: 1024px) {
	.header-text h2 { font-size: 32px; }
	.memory-item { padding: 30px; background-size: 80px; }
	.value-inner { flex-direction: column; gap: 50px; } /* 세로 쌓기 */
	.value-img-box { width: 100%; max-width: 600px; margin: 0 auto; /* 중앙 정렬 */ }
	.value-content { width: 100%; }
	.value-item h3 { font-size: 20px; margin-bottom: 18px; }
	.value-item p { font-size: 15px; }
	.summary-title {font-size: 25px;  text-align: center;}
	.product-container { column-gap: 40px;}
	.product-image { width: 140px; }
	#sub04_main .horizontal-container {flex-wrap: wrap; /* 2개씩 묶임 */}
	#sub04_main .card { flex: calc(50% - 10px);}
}


@media (max-width:768px){
	#sub04_main .inner .value .txt {padding: 40px 0 0;}
	#sub04_main .only_m { margin:50px auto;}
	#sub04_main .only_m .txt { text-align:center;padding:0 0 20px;}
	#sub04_main .only_m .txt .tit { font-size: 1.5rem;    margin-right:0px;}
	#sub04_main .only_m .txt .sub { padding-top:15px;}
	#sub04_main .inner .value .txt .tit { font-size:2rem}
	.tab-menu {  overflow-x: auto; justify-content: flex-start; white-space: nowrap; -ms-overflow-style: none;  scrollbar-width: none; }
	.tab-menu::-webkit-scrollbar { display: none; }  
	.tab-link {padding: 15px 15px; font-size:16px;background: #f0f0f0;border-radius: 50px;}
	main#sub04_main .inner .top_visual .txt span {font-size: 25px;}
    main#sub04_main .inner .top_visual .txt em {font-size:34px;}
	.memory-header { flex-direction: column;  align-items: center; text-align: center;}    
    .header-img { margin-top: 30px; }
    .header-img img { max-width: 250px; }
    .memory-grid { grid-template-columns: 1fr; /* 1열로 변경 */}
    .memory-grid::before, .memory-grid::after {display: none;}
    .memory-item { border-bottom: 1px dashed #c0b098; background-position: bottom 20px right 20px; min-height: auto;padding: 40px 20px;}
    .memory-item:last-child { border-bottom: none;}
	.value-img-box { max-width: 450px; }
    .value-item h3 { font-size: 18px; }
    .divider { margin: 30px 0; }
    .check-list li { padding-left: 30px;margin-bottom: 20px;}
    .check-list li::before {font-size: 18px; top: 0;}
    .list-content strong {font-size: 17px;}
    .list-content p { font-size: 15px;  padding-left: 15px;}
	.summary-grid { grid-template-columns: 1fr; /* 한 줄로 변경 */ }    
    .icon-circle {  width: 70px; height: 70px; }    
    .summary-text h3 { font-size: 20px;}    
    .summary-text p { font-size: 16px;line-height: 1.3;}
    .detail-item h2 {font-size: 19px;line-height: 1.5;}
    .detail-item p { font-size: 16px; }
	.product-container { grid-template-columns: 1fr; /* 1컬럼으로 변경 */padding: 0 20px;row-gap: 50px; }
    .product-item { flex-direction: column; /* 세로 배치 */ align-items: center; text-align: center; gap: 15px;}
    .product-image { width: 160px;  }
    .product-title {justify-content: center;}
    .product-desc { text-align: center; }
	#sub04_main .horizontal-container {  flex-direction: column; /* 세로로 다시 변경 */}
    #sub04_main .card {flex: 1;}
	.r1-features { grid-template-columns: 1fr; } /* 기술 설명 1열로 */
    .r1-details-grid { grid-template-columns: 1fr; } /* 하단 상세 1열로 */
    .feat-container {  grid-template-columns: 1fr; /* 모바일에서는 1열로 줄어듦 */  gap: 25px;padding:0;}
    .feat-text h3 { font-size: 20px; }
    .feat-text p { font-size: 16px; }
	.detail-section li {line-height:1.5;text-align: left;}
	
	/* r1헤더 스타일 */
	.r1-header {margin-top: 30px; padding-top: 20px; border-top: 5px solid #003440;}
	.r1-big-id {  font-size: 55px;  color: #003440; font-weight: 800; line-height: 1; margin: 0; }
	.r1-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r1-main-title {font-size:30px;  color: #003440; margin: 10px 0; }
	.r1-desc-line {      font-size: 1.25rem; color: #003440; border-left: 3px solid #003440; padding-left: 12px;margin-top:20px; }

	/* r2헤더 스타일 */
	.r2-header {margin-top: 30px; padding-top: 20px; border-top: 5px solid #152b53;}
	.r2-big-id {  font-size: 55px;  color: #152b53; font-weight: 800; line-height: 1; margin: 0; }
	.r2-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r2-main-title { font-size:30px;  color: #152b53; margin: 10px 0; }
	.r2-desc-line {    font-size: 1.25rem; color: #152b53; border-left: 3px solid #152b53; padding-left: 12px;margin-top:20px; }

	/* r3헤더 스타일 */
	.r3-header {margin-top: 30px; padding-top: 20px;  border-top:5px solid #eb6120;}
	.r3-big-id {font-size:55px; color: #eb6120; font-weight: 800; line-height: 1; margin: 0; }
	.r3-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r3-main-title { font-size:30px; color: #eb6120; margin: 10px 0; }
	.r3-desc-line { font-size: 1.25rem; color: #eb6120; border-left: 3px solid #eb6120; padding-left: 12px;margin-top:20px; }
	.r3-badge {background:#eb6120; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}
	
	/* r4헤더 스타일 */
	.r4-header {margin-top: 30px; padding-top: 20px;  border-top:5px solid #346440;}
	.r4-big-id {font-size:55px; color: #346440; font-weight: 800; line-height: 1; margin: 0; }
	.r4-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r4-main-title { font-size:30px; color: #346440; margin: 10px 0; }
	.r4-desc-line { font-size: 1.25rem; color: #346440; border-left: 3px solid #346440; padding-left: 12px;margin-top:20px; }
	.r4-badge {background:#346440; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}
	
	/* r5헤더 스타일 */
	.r5-header {margin-top: 30px; padding-top: 20px;  border-top:5px solid #6f5d47;}
	.r5-big-id {font-size:55px; color: #6f5d47; font-weight: 800; line-height: 1; margin: 0; }
	.r5-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r5-main-title { font-size:30px; color: #6f5d47; margin: 10px 0; }
	.r5-desc-line { font-size: 1.25rem; color: #6f5d47; border-left: 3px solid #6f5d47; padding-left: 12px;margin-top:20px; }
	.r5-badge {background:#6f5d47; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}
	
	/* r6헤더 스타일 */
	.r6-header {margin-top: 30px; padding-top: 20px;  border-top:5px solid #1b80c4;}
	.r6-big-id {font-size:55px; color: #1b80c4; font-weight: 800; line-height: 1; margin: 0; }
	.r6-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r6-main-title { font-size:30px; color: #1b80c4; margin: 10px 0; }
	.r6-desc-line { font-size: 1.25rem; color: #1b80c4; border-left: 3px solid #1b80c4; padding-left: 12px;margin-top:20px; }
	.r6-badge {background:#1b80c4; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}
	
	/* r7헤더 스타일 */
	.r7-header {margin-top: 30px; padding-top: 20px;  border-top:5px solid #9b5a8d;}
	.r7-big-id {font-size:55px; color: #9b5a8d; font-weight: 800; line-height: 1; margin: 0; }
	.r7-top-row { display: flex; justify-content: space-between; align-items: flex-start; }
	.r7-main-title { font-size:30px; color: #9b5a8d; margin: 10px 0; }
	.r7-desc-line { font-size: 1.25rem; color: #9b5a8d; border-left: 3px solid #9b5a8d; padding-left: 12px;margin-top:20px; }
	.r7-badge {background:#9b5a8d; color: #fff; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-right: 5px;}
	
	.vp-title { font-size: 20px; }    
    .vp-description p { font-size: 14px;}    
    .list-title h3 {font-size: 16px;}    
    .vp-list li p { font-size: 14px; }
	.golden-circle-container {  grid-template-columns: 1fr;max-width: 500px;}    
    .circle-type { margin-bottom: 20px;}
    .type-image { border-radius: 15px;}
	.type-content strong { font-size:18px;}
	.type-content .type-txt { font-size:14px;}
	.type-tt strong { padding-bottom:30px;}
	.type-tt { margin-top:0px}

}

@media (max-width: 480px) {
  #subCare #mainArea {height: 400px;} 
  #subCare #mainArea .txt .sub {font-size: 1.375rem;}
  #subCare #mainArea .txt .tit {font-size: 2rem;}
  .patent-grid { grid-template-columns: 1fr; }
  .list-content strong { font-size: 16px;}   
  
}

@media (max-width: 468px) {
    main#sub04_main .inner .top_visual .txt em {font-size: 35px;}
	main#sub04_main .inner .top_visual .txt span {font-size: 18px;}
}

@media (max-width: 425px) {
	main#sub04_main .inner .top_visual .txt em {width: calc(100%/1.6); line-height: 1.3;}
	main#sub04_main .inner .top_visual .txt { top: 25%; }
}

@media (max-width: 375px){
	main#sub04_main .inner .top_visual .txt span {font-size: 18px;}
	main#sub04_main .inner .top_visual .txt em {font-size: 35px;}
	main#sub04_main .inner .intro aside.snb ul li a {font-size:14px; padding: 15px 6px;}  
	main#sub04_main .inner .top_visual .txt em {width: calc(100%/1.2);}
	#sub04_main .only_m {padding: 80px 20px 60px;}
 
}