/***** page-sub04.php --- 요양병원 *****/
*{word-break: keep-all;}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
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/sub03/sub03_visual.jpg);
	background-repeat: norepeat; background-size:cover; background-position:0 40%;
	position: relative;
	animation: visual_ani 2s ease;
}
main#sub04_main .inner .top_visual .txt {
	position: absolute; top:40%; left:6%;
	text-align:left;
}
#sub04_main > .inner >.btm { font-size: 1.525rem; padding: 100px 0 140px; line-height: 1.5; text-align: center; margin-left: 100px; margin-right: 100px;}
@keyframes visual_ani {
	0%{background-position:0 20%;}
	100%{background-position:0 40%;}
}
main#sub03_main .inner .top_visual .txt * {display:block; font-weight:700; color:#fff; text-shadow: 0 0 20px rgba(0,0,0,0.4);}
main#sub03_main .inner .top_visual .txt span {font-size: 30px; font-weight:500;}
main#sub03_main .inner .top_visual .txt em {font-size:54px; margin-top:16px;}
/* wrap */
#subCare .wrap {}
#subCare .wrap:nth-child(odd) { /* 홀수wrap영역 */ /*padding: 140px 0;*/ padding: 0 8vw; }
#subCare .wrap .txt p.tit {font-size: 2.5rem; font-weight: 800;}
#subCare .wrap .txt p.sub { font-size: 1.25rem; line-height: 1.7; margin-top: 2vw; /*padding-bottom: 80px;*/}

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 .bg {}
#sub04_main .bg:nth-child(2n) { margin: 60px 0; }
#sub04_main h2 {font-size: 2.25rem;}
/*히어로 섹션*/
#subCare #mainArea {
    background-image: url(/wp-content/themes/jung/img/sub04/mainarea00.jpg);
    background-size: cover; background-position: center;
    width: 100vw; /*height: 100vh;*/ height: 800px;
    text-align: center;
    overflow: hidden;
	position: relative;
}
#subCare #mainArea .txt {
    position: absolute; z-index: 900;
    top: 50%; left: 50%;
	transform: translate(-50%, -50%);*/
    width: 100%;
    text-align: center;
    color: #fff;
}
#subCare #mainArea .txt .sub {font-size: 2rem; font-weight: 500; margin: 0; color: #fff; padding:0;}
#subCare #mainArea .txt .tit {font-size: 4rem; /*margin-top: 20px;*/ margin-top: 1.1vw; font-weight: 900;}

#subCare .wrap1 {/*width:1440px; margin: 0 auto;*/ width: 100%; margin: 0 0 140px;}
#subCare .wrap1 .cont { gap: 100px; display: flex;flex-flow: row nowrap; justify-content: center; align-items: center;}
#subCare .wrap1 p {}
#subCare .wrap1 p img {max-width: 530px; width:100%;}
#subCare .wrap1 .txt {
    width: calc((100% - 240px) - 100px); max-width: 768px;
}
#subCare .wrap1 .txt p.tit {}
#subCare .wrap1 .txt p.sub {}

#subCare .wrap2 { width: 100%; background-color: #EEF1FD; text-align: center; }
#subCare .wrap2 .cont {padding: 65px 0; }
#subCare .wrap2 .cont .txt {margin-bottom: 6vw;}
#subCare .wrap2 .cont .txt .tit { font-size: 2.5rem; font-weight: 800;}
#subCare .wrap2 .cont .txt .sub { font-size: 1.25rem; font-weight: 500; margin-top: 2vw;}
#subCare .wrap2 .cont ul {
    display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 40px;
}
#subCare .wrap2 .cont ul li {
    text-align: center; background-color: #D9DDEE;
    width: 220px; height: 220px;
    border-radius: 50%;
    align-content: center;
    /*margin-right: 40px;*/
    transition: all 0.4s;
}
#subCare .wrap2 .cont ul li:last-child {margin: 0;}
#subCare .wrap2 .cont ul li:hover { scale: 1.1; }
#subCare .wrap2 .cont ul li * {display: block;}
#subCare .wrap2 .cont ul li .num {font-size: 0.875rem;}
#subCare .wrap2 .cont ul li .process {font-size: 1.375rem; margin-top: 16px; line-height: 1.4;}

#subCare .wrap3 {text-align: center; margin: 140px 0;}
#subCare .wrap3 .cont {display: flex; flex-flow: column; justify-content: center; align-items:center;}
#subCare .wrap3 .cont .txt {margin-bottom: 6vw;}
#subCare .wrap3 .cont .txt p.tit {}
#subCare .wrap3 .cont .txt p.sub {}
#subCare .wrap3 .cont .program {
    /*width: 1440px;*/ width: 100%; /*margin: 0 auto;*/
    display: flex; flex-flow: row nowrap;
	justify-content: center;
    /*justify-content: space-between;*/
}
#subCare .wrap3 .cont .program > p {}
#subCare .wrap3 .cont .program > p img {}
#subCare .wrap3 .cont .program > .link {
    width: 640px;
    display: flex; flex-flow: row wrap;
    justify-content: space-between;
	gap: 5px;
}
#subCare .wrap3 .cont .program > .link > a {
    display: flex; flex-flow: column nowrap;
    justify-content: space-between;
    width: 310px; max-width: 310px;
    background-color: #ddd; transition: all 0.4s;
    /*padding: 60px 40px;*/
	padding: 60px 40px 30px;
    text-align: left;
}
#subCare .wrap3 .cont .program > .link > a:nth-child(1),
#subCare .wrap3 .cont .program > .link > a:nth-child(2) {margin-bottom: 20px;}
#subCare .wrap3 .cont .program > .link > a:hover { background-color: #aaa; }
#subCare .wrap3 .cont .program > .link > a:hover img {scale: 1.2; filter: invert(100%);}

#subCare .wrap3 .cont .program > .link > a .p_tit { font-size: 1.625rem; font-weight: 580; }
#subCare .wrap3 .cont .program > .link > a .more { display: flex; align-items: center; justify-content: flex-end; /*justify-content: space-between;*/}
#subCare .wrap3 .cont .program > .link > a .more span {margin-right: 2px;}
#subCare .wrap3 .cont .program > .link > a .more span img {}


#subCare .wrap4 {width: 100%; /*width: 1440px;*/ /*margin: 0 auto;*/ display: flex; padding: 0 8vw; }
#subCare .wrap4 .cont {}
#subCare .wrap4 .cont .txt {text-align:center;}
#subCare .wrap4 .cont .txt p.sub {margin: 0; padding: 0;}
#subCare .wrap4 .cont .txt p.tit {}
#subCare .wrap4 .cont ul {
    display: flex; flex-flow: row nowrap;
    justify-content: center;
	
}
#subCare .wrap4 .cont ul li p img {border-radius: 24px; max-width:400px; width:100%; }
#subCare .wrap4 .cont ul li { display: flex; flex-direction:column; align-items: center; width: calc((100% - 80px) / 3); margin-right:40px;}
#subCare .wrap4 .cont ul li:last-child {margin:0;}

#subCare .wrap4 .cont ul li * { display: block; text-align: center;}

#subCare .wrap4 .cont ul li em {line-height: 1.5; font-size: 2rem; color: #7078BB; padding: 40px 0 30px; font-weight: 700;}
#subCare .wrap4 .cont ul li span {font-size: 1.25rem; padding: 0 30px; line-height: 1.4;}
#subCare .wrap4 .txt p.tit {margin-top: 1vw; margin-bottom: 6vw;}

#subCare .wrap5 {height: fit-content; margin: 140px 0; padding:0; padding: 140px 200px; display: flex; justify-content: space-between; }
#subCare .wrap5 .board {width:calc((100% - 20px) - 40%); padding: 60px 40px; border: 1px solid #7578bb; border-radius: 8px; }
#subCare .wrap5 .board .txt .tit { font-size: 2.5rem; margin-bottom: 40px; }
#subCare .wrap5 .board #kboard-forum-one-latest table thead,
#subCare .wrap5 .news #kboard-forum-one-latest table thead {display: none;}

#subCare .wrap5 .board #kboard-forum-one-latest table {border:0; }
#subCare .wrap5 .board #kboard-forum-one-latest table tbody {}
#subCare .wrap5 .board #kboard-forum-one-latest table tr { 
	display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;
	background-color:#fff; border-top: 1px solid #e5e5e5; background-color: #fff;
	padding: 0 5px;
}
#subCare .wrap5 .board #kboard-forum-one-latest table tr a {transition: all 0.3s;}
#subCare .wrap5 .board #kboard-forum-one-latest table tr:last-child {border-bottom: 1px solid #e5e5e5;}
#subCare .wrap5 .board #kboard-forum-one-latest table tr:hover {background-color: #f2f2f2;}
#subCare .wrap5 .board #kboard-forum-one-latest table tr:hover a {transform:translate(-8px,0px);}
#subCare .wrap5 .board #kboard-forum-one-latest table tr:first-child:hover {border-radius: 8px 8px 0 0; border-color:#fff;}
#subCare .wrap5 .board #kboard-forum-one-latest table tr:last-child:hover {border-radius: 0 0 8px 8px; border-color:#fff;}
#subCare .wrap5 .board #kboard-forum-one-latest table td {border-top:0; font-size: 1.25rem;}
#subCare .wrap5 .board #kboard-forum-one-latest table .kboard-latest-title {font-size: 1.25rem; width:100%; padding:0;}
#kboard-forum-one-latest table .kboard-latest-date {font-size: 1.25rem;}
#subCare .wrap5 .board #kboard-forum-one-latest table .kboard-latest-title a { padding: 20px; display:inline-block; width:100%; height:100%;}
/*news news*/
#subCare .wrap5 .news {position:relative; width:calc(40%); height: fit-content; display:block; }
#subCare .wrap5 .news #kboard-forum-one-latest table {}
#subCare .wrap5 .news #kboard-forum-one-latest table tbody { display:flex; flex-flow:column nowrap; align-items: center;}
#subCare .wrap5 .news #kboard-forum-one-latest table tr { 
	display:flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start;
	width:100%;   background-color: #f5f5f5; border-radius: 8px;
	border: 2px solid #f5f5f5;
	
}

#subCare .wrap5 .news #kboard-forum-one-latest table tr:last-child {margin-top: 20px;}
#subCare .wrap5 .news #kboard-forum-one-latest table tr:hover { background-color: #ddd;}
#subCare .wrap5 .news #kboard-forum-one-latest table tr:hover a {transform:translate(0px,-5px);}
#subCare .wrap5 .news #kboard-forum-one-latest table td {border-top:0;}
#subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title {width: 100%; height: 100%;}
#subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title a { transition: all 0.3s; display:inline-block; height: 100%; width:100%; font-size: 1.25rem; padding: 60px 40px 0;}
#subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {width: 100%; text-align: right; padding: 0 40px 60px;}

#subCare .wrap5 .news .link_view_all { 
	display:flex; align-items:center; font-size:18px; 
	position:absolute; bottom:-33%; right:0; padding: 5px; text-align:right; 
	border-bottom:1px solid #fff;
}
#subCare .wrap5 .news .link_view_all:hover {border-bottom:1px solid #000;}
#subCare .wrap5 .news .link_view_all::after {
	content:''; display:block;
	width: 22px; height:22px;
	background-repeat:no-repeat; background-size:cover; background-position: center;
	background: url(/wp-content/themes/jung/img/sub04/icon_view_all.png);
	margin-left:5px;
}

#subCare #go_area_contact {width:100%; /*height:100px;*/ height: 0; padding:0; margin:0; }
#subCare .wrap6 { /*width:100%;*/ /*width: 1440px;*/ /*padding-bottom: 100px;*/ padding: 0 80vw; margin-bottom: 140px; }
#subCare .wrap:last-child { /*padding:0 240px 180px;*/ /*margin: 0 auto; padding:0 0 140px 0;*/}
#subCare .wrap6 .contact_us {}
#subCare .wrap6 .contact_us .txt p.tit {text-align:center; margin-bottom:6vw; }

#subCare .wrap6 .contact_us .form_map { gap: 80px; width:calc(100%); display:flex; flex-flow:row nowrap; justify-content: center; }

#subCare .wrap6 .contact_us .form_map > * {height:100%;}
#subCare .wrap6 .contact_us .form_map #wpcf7-f42-o1 { width:calc(100% / 2); }
#subCare .wrap6 .contact_us .form_map form { width:100%; height:100%; }
#subCare .wrap6 .contact_us .form_map form .form-layout-area { height:100%; }
#subCare .wrap6 .contact_us .form_map form .form-layout-area p { margin-bottom:20px; }
#subCare .wrap6 .contact_us .form_map form .form-layout-area p span input { background-color:#EEE; display:block; width:100%; padding:20px; border-radius:30px; border:1px solid #DADADA;}

#subCare .wrap6 .contact_us .form_map form .form-layout-area .hidden_top,
#subCare .wrap6 .contact_us .form_map form .form-layout-area .category {display:none;}

#subCare .wrap6 .contact_us .form_map form .form-layout-area .top p {display:flex;}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .top span {width:calc(100%  / 2);}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .top span:first-child{margin-right:16px;}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .top span input {width:100%;}

#subCare .wrap6 .contact_us .form_map form .form-layout-area .btm {}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .message {}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .message p { width:100%; display:flex; flex-flow: column nowrap;}
#subCare .wrap6 .contact_us .form_map form .form-layout-area .message p span input.your-message {padding: 20px 20px 147px; margin-top:20px;}

#subCare .wrap6 .contact_us .form-agree-button {display:flex; align-items:center; justify-content: space-between;}
#subCare .wrap6 .contact_us .form-agree-button .agree {}
#subCare .wrap6 .contact_us .form-agree-button .agree p span {margin-right:3px;}
#subCare .wrap6 .contact_us .form-agree-button .agree p a {text-decoration:underline;}
#subCare .wrap6 .contact_us .form-agree-button > p input {background-color:#565770; color:#fff; font-size:1.125rem; padding: 25px 80px; border-radius:30px; border:0;}
#subCare .wrap6 .contact_us .form-agree-button > p > span {display:none;}

#subCare .wrap6 .contact_us .form_map .submap_area {width: 436px; background-color:#565770; border-radius:20px;}
#subCare .wrap6 .contact_us .form_map .submap_area > * {border-radius:20px;}
#subCare .wrap6 .contact_us .form_map .submap_area #map { width:100%; height:340px; position:relative; border-radius:20px 20px 0 0;}
#subCare .wrap6 .contact_us .form_map .submap_area #map::before {position:absolute; z-index:900; content:'오시는 길'; font-size:1.5rem; font-weight:600; color:#fff; padding:70px 0 0 24px; text-shadow: 0px 0px 20px rgba(0,0,0,0.7);}
#subCare .wrap6 .contact_us .form_map .submap_area #map::after {position:absolute; z-index:800; content:''; display:inline-block; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));}
#subCare .wrap6 .contact_us .form_map .submap_area .map_button {background-color:#565770; text-align:center; padding:40px;}
#subCare .wrap6 .contact_us .form_map .submap_area .map_button a {padding:26px 150px; color:#fff; background-color:#6B6C82; border-radius:12px; }
/*문의양식-양식제출실패시-나오는메시지-*/
#subCare .wrap6 .contact_us .form_map form .form-layout-area p span span.wpcf7-not-valid-tip {padding-top:10px;}
#subCare .wrap6 .contact_us .form_map .wpcf7-response-output { 
	border-color:#fff; padding:10px; border-radius:30px; color:red;
}


/*(반응형 디자인)*/
@media (max-width: 1690px) {
   /*케어프로그램 레이아웃 조정 */
   #subCare .wrap3 .cont .program {width: 100%; flex-direction: column;}
   #subCare .wrap3 .cont .program > p { height: auto; overflow: hidden; position: relative;}
   #subCare .wrap3 .cont .program > p img {width: 100%; height: 400px;  object-fit: cover; object-position: center -220px;}
   #subCare .wrap3 .cont .program > .link {flex-flow: row; width: 100%; }
   #subCare .wrap3 .cont .program > .link > a {padding: 30px 30px 20px; width: 100%; max-width:none; gap:20px;}
   #subCare .wrap3 .cont .program > .link > a:nth-child(1), #subCare .wrap3 .cont .program > .link > a:nth-child(2) {margin-bottom: 0px;}
}
@media (max-width: 1440px){
	
	#subCare .wrap1 .cont {gap: 40px;}

    #subCare .wrap4 .cont ul li em {font-size : 1.7rem;}
	
	#subCare #go_area_contact {height: 0px;}
	#subCare .wrap6 {/*margin: 140px 0;*/ width: 100%;}
	/*#subCare .wrap:last-child { /*padding:0 240px 180px;*/ /*margin: 140px auto; padding:0 100px;}*/
}

@media (max-width: 1280px){
   #subCare #mainArea {height: 700px;}
   #subCare #mainArea .txt {transform: translate(-50%, -30%);}
   #subCare #mainArea .txt .sub {font-size: 1.875rem;}
   #subCare #mainArea .txt .tit {font-size: 3.5rem;}
   
   #subCare .wrap:nth-child(odd) {padding: 0 6vw;}
   #subCare .wrap1  .txt p.sub {font-size: 1.175rem;}
   
   #subCare .wrap2 .cont {margin: 0 6vw;}
   #subCare .wrap2 .cont ul {gap: 20px;  }
   #subCare .wrap2 .cont ul li {width: 200px; height:200px;}
   
   #subCare .wrap3 .cont .program > p {width: 100%; height: 400px;}
   #subCare .wrap3 .cont .program > p img {width: 100%; height: 100%; object-position: center bottom;}
   
   #subCare .wrap4 {padding: 0 6vw;}
   #subCare .wrap4 .cont ul li span {padding: 0 10px;}
   #subCare .wrap4 .cont ul li:first-child em {font-size: 1.62rem;}
   
   #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title a {font-size: 1.125rem;}
   #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {font-size: 1.125rem;}
}


@media (max-width: 1167px) {
   /*contact 섹션 폭 조정*/
   /*#subCare .wrap6 .contact_us .form_map #wpcf7-f42-o1 {width : calc(100%/2.2);}
   #subCare .wrap6 .contact_us .form-agree-button .agree p span {margin-right: 0px; margin-bottom: 5px;}
   #subCare .wrap6 .contact_us .form-agree-button .agree p a {margin-left: 30px;}   */
}

@media (max-width: 1024px) {
  #subCare #mainArea {height: 550px;} 
  #subCare #mainArea .txt .sub {font-size: 1.75rem;}
  #subCare #mainArea .txt .tit {font-size: 2.9rem;}
  
  #subCare .wrap1 {margin: 100px 0; height: fit-content;}
  #subCare .wrap1 .cont {flex-direction: column;  align-items: flex-start;}
  #subCare .wrap1 p {width: 100%; height: 350px; overflow: hidden;}
  #subCare .wrap1 p img {max-width: none; width: 100%; height: 100%; object-fit: cover; object-position: center -200px;}
  #subCare .wrap1 .txt {width: calc(100% /1.2); max-width:none; height:fit-content;}
  #subCare .wrap1 .txt p.tit {font-size: 1.75rem; height: fit-content;}
  #subCare .wrap1 .txt p.sub {font-size: 1.125rem; height: fit-content;}
  
  #subCare .wrap2 .cont ul {gap: 20px; justify-content: center; flex-flow: row wrap;}
  #subCare .wrap2 .cont .txt .tit {font-size: 2.25rem;}
  #subCare .wrap2 .cont .txt .sub {font-size: 1.125rem;}
  #subCare .wrap2 .cont ul li .process {font-size : 1.2rem;}
  
  #subCare .wrap3 {margin: 100px 0;}
  #subCare .wrap3 .txt p.tit {font-size:2.25rem;}
  #subCare .wrap .txt p.sub {font-size: 1.125rem;}
  #subCare .wrap3 .cont .program > .link > a .p_tit {font-size: 1.4rem;}
  
  #subCare .wrap .txt p.tit {font-size: 2.25rem;}
  #subCare .wrap4 .cont ul {justify-content:flex-start; display: flex; flex-direction: row; overflow-x: auto;  scroll-snap-type: x mandatory; padding-bottom: 20px;}
  #subCare .wrap4 .cont ul li {margin-right: 2vw; flex: 0 0 auto; width: 80%; max-width: 320px; display: flex; flex-direction: column; scroll-snap-align: center; border-radius: 16px; background: #f9f9f9;}
  #subCare .wrap4 .cont ul li p {order: 0; text-align: center;}
  #subCare .wrap4 .cont ul li p img {width: 100%; max-width: 100%; border-radius: 16px 16px 0 0;}
  #subCare .wrap4 .cont ul li .info {padding: 16px;}
  #subCare .wrap4 .cont ul li em, #subCare .wrap4 .cont ul li:first-child em {line-height: 1.5;padding: 0; margin-bottom: 15px; font-size: 1.5rem; text-align: left;}
  #subCare .wrap4 .cont ul li span { padding: 0; font-size: 1.1rem;  text-align: left;}
  #subCare .wrap4 .cont ul li:nth-child(2) p,
  #subCare .wrap4 .cont ul li:nth-child(2) .info {order: unset;}
  #subCare .wrap4 .cont ul li:nth-child(2) p img {width: 100%;}
  #subCare .wrap4 .cont ul li:nth-child(2) em {padding:0;}
  
  #subCare .wrap5 {margin: 100px 0;}
  #subCare .wrap5 .board .txt .tit {font-size: 2.25rem;}
  #subCare .wrap5 .board #kboard-forum-one-latest table .kboard-latest-title {font-size: 1.125rem;}
  #subCare .wrap5 .board #kboard-forum-one-latest table td {font-size: 1.125rem;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title a {padding: 40px 30px 0px;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {padding: 20px 30px 20px;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {font-size: 1rem;}
  
  #subCare .wrap6 .contact_us .form_map {gap: 100px;}
  #subCare .wrap:last-child {margin-bottom: 100px;}
  #subCare .wrap6 .contact_us .form_map {flex-direction: column; align-items: center;}
  #subCare .wrap6 .contact_us .form_map #wpcf7-f42-o1 {width: 70%;}
  #subCare .wrap6 .contact_us .form_map .map_area {width: 70%;}

}

@media (max-width:913px){
  #subCare .wrap .txt p.sub {font-size: 1.25rem;}
  
  #subCare .wrap:nth-child(odd) {flex-direction:column; gap: 20px;}
  #subCare .wrap5 .board {width: calc(100%/1);}
  #subCare .wrap5 .news {/*display: flex;  flex-flow: row nowrap;*/ width: calc(100%/1);}
  #subCare .wrap5 .news #kboard-forum-one-latest table tbody {flex-flow: row nowrap; width:calc(100%/1); gap: 10px;}
  #subCare .wrap5 .news #kboard-forum-one-latest table tr:last-child {margin-top: 0px;}
}

@media (max-width:768px){
  #subCare #mainArea {height: 500px;} 
  #subCare #mainArea .txt {width: 100%; transform: translate(-50%, -10%);}
  #subCare #mainArea .txt .sub {font-size: 1.625rem;}
  #subCare #mainArea .txt .tit {font-size: 2.5rem;}
  
  #subCare .wrap1 {margin: 75px 0;}
  #subCare .wrap:nth-child(odd) {padding: 0 30px;}
  #subCare .wrap1 .txt p.tit {font-size: 1.625rem;}
  #subCare .wrap1 .txt p.sub {font-size: 1rem;}
  
  #subCare .wrap2 .cont {margin:0 30px;}
  #subCare .wrap2 .cont .txt .tit {font-size: 2rem;}
  #subCare .wrap2 .cont .txt .sub {font-size: 1rem;}
  
  #subCare .wrap3 {margin: 75px 0;}
  #subCare .wrap3 .txt p.tit {font-size: 2rem;}
  #subCare .wrap .txt p.sub {font-size: 1rem;}
  #subCare .wrap3 .cont .program > p {height: 250px;}
  #subCare .wrap3 .cont .program > p img {object-position: center -100px;}
  #subCare .wrap3 .cont .program > .link > a {padding: 20px 15px 10px;}
  #subCare .wrap3 .cont .program > .link > a .p_tit {font-size: 1.3rem;}
  #subCare .wrap3 .cont .program > .link > a .more span, #subCare .wrap3 .cont .program > .link > a .more img {font-size: 0.825rem;}
  
  #subCare .wrap .txt p.sub {height:fit-content;}
  #subCare .wrap4 {padding: 0 30px;}
  #subCare .wrap4 .txt p.tit {font-size: 2rem;}
  #subCare .wrap4 .txt p.sub, #subCare .wrap4 .cont ul li span {font-size: 1rem;}
  #subCare .wrap4 .cont ul li {max-width: 280px;}
  #subCare .wrap4 .cont ul li em, #subCare .wrap4 .cont ul li:first-child em {font-size: 1.4rem;}
  
  #subCare .wrap5 {margin: 75px 0;}
  #subCare .wrap5 .board {padding: 50px 30px;}
  #subCare .wrap5 .board .txt .tit {font-size: 2rem;}
  
  #subCare .wrap6 {margin-top: 145px;}
  #subCare .wrap .txt p.tit {font-size: 2rem;}
  #subCare .wrap:last-child {margin-bottom: 75px;}
  #subCare .wrap6 .contact_us .form_map #wpcf7-f42-o1, #subCare .wrap6 .contact_us .form_map .map_area {width: 90%;}
  #subCare .wrap6 .contact_us .form_map {gap: 60px;}
  #subCare .wrap6 .contact_us .form-agree-button > p input {padding: 20px 35px;}
}

@media (max-width: 760px){
  #subCare .wrap2 .cont ul {flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 0 16px; gap: 20px; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;}
  #subCare .wrap2 .cont ul li, #subCare .wrap2 .cont ul li:last-child { margin-bottom: 24px; width: 180px; height: 180px;flex: 0 0 auto; scroll-snap-align: center;}

}

@media (max-width: 700px) {
  #subCare .wrap1 .txt {width: calc(100%/1);}
  
  #subCare .wrap5 .news #kboard-forum-one-latest table tbody {flex-direction: column;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title a {padding: 30px 20px 0;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {padding: 30px 20px 30px;}
  #subCare .wrap5 .news .link_view_all {bottom:-20%;}
}

@media (max-width: 644px) {
  
  #subCare .wrap3 .cont .program {flex-direction: column; align-items: center; width: 100%;}
  #subCare .wrap3 .cont .program > p {width: 100%; margin-bottom: 10px;}
  #subCare .wrap3 .cont .program > .link {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

  #subCare .wrap3 .cont .program > .link > a { width: calc(50% - 5px); padding: 20px 5px 10px 15px; gap: 20px;}
  #subCare .wrap3 .cont .program > .link > a:nth-child(1),
  #subCare .wrap3 .cont .program > .link > a:nth-child(2) {margin-bottom: 0;}
  #subCare .wrap3 .cont .program > p img {object-position: center 0px;}
 
}

@media (max-width: 520px) {
  #subCare .wrap1 p {height: 280px;}
  #subCare .wrap6 .contact_us .form_map .map_area .map_button {padding: 30px;}
  #subCare .wrap6 .contact_us .form_map .map_area .map_button a {width: 100%; padding: 25px 80px;}
}

@media (max-width: 480px) {
  #subCare #mainArea {height: 400px;} 
  #subCare #mainArea .txt .sub {font-size: 1.375rem;}
  #subCare #mainArea .txt .tit {font-size: 2rem;}
  
  #subCare .wrap1 {margin: 55px 0;}
  #subCare .wrap:nth-child(odd) {padding: 0 20px;}
  #subCare .wrap1 p {height: fit-content;}
  #subCare .wrap1 p img {height: 200px;}
  #subCare .wrap1 .txt p.tit {font-size: 1.375rem;}
  #subCare .wrap1 .txt p.sub {font-size: 1rem;}
  
  #subCare .wrap2 .cont {margin:0 20px;}
  #subCare .wrap2 .cont .txt {text-align: LEFT;}
  #subCare .wrap2 .cont .txt .tit {font-size: 1.75rem;}
  #subCare .wrap2 .cont .txt .sub {font-size: 1rem;}
  #subCare .wrap2 .cont ul li, #subCare .wrap2 .cont ul li, #subCare .wrap2 .cont ul li:last-child {width: 160px; height: 160px;}
  #subCare .wrap2 .cont ul li .process {font-size: 1rem;}
  
  #subCare .wrap3 {margin: 55px 0;}
  #subCare .wrap3 .cont .txt {text-align: LEFT;}
  #subCare .wrap3 .txt p.tit {font-size: 1.75rem;}
  #subCare .wrap3 .txt p.sub {font-size: 1rem;}
  
  #subCare .wrap4 {padding: 0 20px; margin: 55px 0;}
  #subCare .wrap4 .cont .txt {text-align: LEFT;}
  #subCare .wrap4 .txt p.tit {font-size: 1.75rem;}
  #subCare .wrap4 .txt p.sub {font-size: 1rem;}
  #subCare .wrap4 .cont ul li {max-width: 250px;}
  #subCare .wrap4 .cont ul li em, #subCare .wrap4 .cont ul li:first-child em {font-size: 1.3rem;}
  
  #subCare .wrap5 {margin: 55px 0;}
  #subCare .wrap5 .board {padding: 30px 15px;}
  #subCare .wrap5 .board .txt .tit {font-size: 1.75rem;}
  #subCare .wrap5 .board #kboard-forum-one-latest table tr {align-items: flex-start; padding:0; flex-direction:column;}
  #subCare .wrap5 .board #kboard-forum-one-latest table .kboard-latest-title {font-size: 1rem;}
  #subCare .wrap5 .board #kboard-forum-one-latest table td {font-size: 1rem; }
  #subCare .wrap5 .board #kboard-forum-one-latest table .kboard-latest-title a {padding: 20px 0;}
  .kboard-latest-date {margin-left:80%; margin-bottom: 15px;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-title a {font-size: 1rem;}
  #subCare .wrap5 .news #kboard-forum-one-latest table .kboard-latest-date {margin:0; font-size: 1rem;}
  
  #subCare .wrap6 .contact_us .txt p.tit {text-align: left; font-size: 1.75rem;}
  #subCare .wrap6 .contact_us .form_map #wpcf7-f42-o1, #subCare .wrap6 .contact_us .form_map .map_area {width: 100%;}
}

@media (max-width: 425px) {
 /*#subCare .wrap1 p img {object-position: center -100px;}*/
/* #subCare .wrap2 .cont .txt .sub {padding: 0 50px;}*/
 
 #subCare .wrap3 .cont .program > .link {flex-flow:column;}
 #subCare .wrap3 .cont .program > .link > a {width: calc(100%/1);}
 
 
 /*#subCare .wrap5 .board {padding: 30px 20px;}
 #subCare .wrap6 .contact_us .form-agree-button {flex-direction:column; align-items: flex-start;}*/
}

@media (max-width: 375px){
    #subCare .wrap1 p img {height: 150px;}
	
	.kboard-latest-date {margin-left:0;}
}