@charset "utf-8";

/* =========================
   공통
========================= */
#fs_container_wrap.sub {padding-top:10rem;}

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:var(--black);}
.img_ready .right strong em {color:var(--primary);}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;}
    @media only screen and (max-width:768px){
        .img_ready {flex-direction:column;gap:4rem;text-align:center;}
        .img_ready .right strong em br {display:none;}
    }

/**************************************/
/********** 숲속소개 **********/
/**************************************/
/* 0101_인사말 */
.txt_banner {overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:60rem;}
.txt_banner .bg {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;background:url("../../images/fs/content/sub01/getting_bg.jpg") no-repeat center/cover;transition:transform 0.5s ease-out;}
.txt_banner .txt {position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;}
.txt_banner .txt i {font-size:6rem;color:rgba(255,255,255,0.6);margin-bottom:2rem;}
.txt_banner .txt p {font-size:4rem;color:#fff;line-height:1.3;font-weight:300;}
.txt_banner .txt p em {font-size:7rem;display:block;font-weight:600;}
.getting .g_txt {line-height:2;font-size:2rem;}
.getting .g_txt .accent {color:var(--primary);}
.getting .signature strong {color:var(--black);}
	@media only screen and (max-width:1023px){
		.txt_banner {min-height:40rem;}
		.txt_banner .txt p {font-size:3rem;}
		.txt_banner .txt p em {font-size:5rem;}
	}
	@media only screen and (max-width:767px){
		.txt_banner {min-height:30rem;}
		.txt_banner .txt p {font-size:2.4rem;}
		.txt_banner .txt p em {font-size:4rem;}
	}

/* 0102_특별함 */
.special_features .special_list {display:flex;flex-direction:column;gap:12rem;}
.special_features .special_list li {display:flex;align-items:center;justify-content:space-between;gap:8rem;}
.special_features .special_list li:nth-child(even) {flex-direction:row-reverse;}
.special_features .special_list li .txt_box {flex:1;max-width:50rem;}
.special_features .special_list li .txt_box .num {display:inline-block;font-size:2.4rem;color:var(--primary);font-weight:700;margin-bottom:1.5rem;}
.special_features .special_list li .txt_box h4 {font-size:4.5rem;color:var(--black);margin-bottom:3rem;font-weight:700;line-height:1.3;letter-spacing:-0.03em;}
.special_features .special_list li .txt_box p {line-height:1.8;}
.special_features .special_list li .img_box {flex:1;width:100%;aspect-ratio:4/3;background:#f3f3f3;border-radius:2rem;overflow:hidden;box-shadow:0 1rem 3rem rgba(0,0,0,0.05);}
.special_features .special_list li .img_box img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;display:block;}
.special_features .special_list li:hover .img_box img {transform:scale(1.03);}
	@media only screen and (max-width:1199px){
		.special_features .special_list {gap:10rem;}
		.special_features .special_list li {gap:5rem;}
		.special_features .special_list li .txt_box h4 {font-size:3.5rem;}
	}
	@media only screen and (max-width:1023px){
		.special_features .special_list {gap:8rem;}
		.special_features .special_list li {gap:4rem;}
		.special_features .special_list li .txt_box h4 {font-size:3rem;}
	}
	@media only screen and (max-width:767px){
		.special_features {text-align:center;}
		.special_features .special_list {gap:6rem;}
		.special_features .special_list li,
		.special_features .special_list li:nth-child(even) {flex-direction:column-reverse;gap:3rem;}
		.special_features .special_list li .txt_box {max-width:100%;}
		.special_features .special_list li .txt_box .num {font-size:2rem;margin-bottom:1rem;}
		.special_features .special_list li .txt_box h4 {font-size:2.6rem;margin-bottom:1.5rem;}
		.special_features .special_list li .txt_box p {text-wrap:balance;}
		.special_features .special_list li .img_box {aspect-ratio:1.5;}
	}

/* 0103_오시는길 */
.adress {display:flex;flex-wrap:wrap;justify-content:center;}
.adress li {display:flex;align-items:center;gap:0 2.5rem;border-left:1px solid #000;padding:0 8rem;}
.adress li:first-child {border-left:0;padding-left:0;}
.adress li .icon {display:flex;align-items:center;justify-content:center;}
.adress li .icon i {font-size:4rem;color:var(--primary2);}
.adress li .txt {font-size:1.8rem;padding:1rem 0;}
.adress li .txt em {font-weight:600;}
.adress li .txt p {margin-top:0.5rem;color:var(--black);}
.map_box {width:100%;border:1px solid var(--border);}
.root_daum_roughmap .wrap_map {height:50rem !important;}
.root_daum_roughmap .map_border, .root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap .placeinfo_default .title, 
.root_daum_roughmap .place_info .tit, 
.root_daum_roughmap .link_base .txt_info .tit_info, 
.root_daum_roughmap .roughmap_lebel_text {font-size:1.8rem !important;line-height:1.2 !important;letter-spacing:0.01em;}
.map_text_box {display:flex;padding:1rem 4rem 3rem;border-bottom:1px dashed var(--border);}
.map_text_box:last-child {border:0;}
.map_text_box .img {flex-shrink:0;display:grid;place-items:center;margin-right:5rem;width:7rem;height:7rem;background:var(--wm10);border-radius:100%;}
.map_text_box .img i {font-size:2.5rem;}
    @media only screen and (max-width:1399px){
		.adress {gap:2rem 0;}
		.adress li {flex:1 1 50%;}
		.adress li:first-child {flex:1 1 100%;padding-left:0;}
		.adress li:nth-child(2) {padding-left:0;border-left:0;}
		.root_daum_roughmap .wrap_map {height:40rem !important;}
	}
    @media only screen and (max-width:767px){
		.adress {flex-direction:column;}
        .adress li {gap:0 1.5rem;padding-left:3rem;}
		.adress li:nth-child(3) {padding-left:0;border-left:0;}
		.root_daum_roughmap .wrap_map {height:30rem !important;}
	}


/* ==================================== */
/* 숲속안내 */
/* ==================================== */
/* 02_시설사진 */
.facility_gallery_wrap {margin-top:10rem;}
.facility_gallery_wrap .gallery_slider {position:relative;}
.facilitySwiper2 {width:100%;aspect-ratio:2/1;border-radius:2rem;overflow:hidden;background:#f0f0f0;margin-bottom:2rem;}
.facilitySwiper2 .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.facilitySwiper {width:100%;box-sizing:border-box;}
.facilitySwiper .swiper-slide {aspect-ratio:16/9;border-radius:1rem;overflow:hidden;background:#f0f0f0;opacity:0.5;cursor:pointer;transition:opacity 0.3s;}
.facilitySwiper .swiper-slide-thumb-active {opacity:1;}
.facilitySwiper .swiper-slide-thumb-active::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid var(--primary);border-radius:1rem;pointer-events:none;}
.facilitySwiper .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.facilitySwiper2 .swiper-button-next, .facilitySwiper2 .swiper-button-prev {color:var(--black);background:rgba(255,255,255,0.9);width:5rem;height:5rem;border-radius:50%;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.facilitySwiper2 .swiper-button-next:hover, .facilitySwiper2 .swiper-button-prev:hover {background:var(--primary);color:#fff;}
.facilitySwiper2 .swiper-button-next svg, .facilitySwiper2 .swiper-button-prev svg {display:none;}
.facilitySwiper2 .swiper-button-next i, .facilitySwiper2 .swiper-button-prev i {font-size:3rem;line-height:1;}
	@media only screen and (max-width:767px){
		.facility_gallery_wrap {margin-top:8rem;}
		.facilitySwiper2 .swiper-button-next, .facilitySwiper2 .swiper-button-prev {width:4rem;height:4rem;}
		.facilitySwiper2 .swiper-button-next i, .facilitySwiper2 .swiper-button-prev i {font-size:2.4rem;}
	}

/* 0201_숲속요양원 */
.care_info_box {background:var(--wm10);padding:6rem 4rem;margin-bottom:8rem;}
.care_info_box .g_txt {font-size:2rem;line-height:1.8;color:var(--black);text-wrap:balance;}
.care_info_box .g_txt strong {color:var(--primary);font-weight:700;}
.care_service_wrap {display:grid;grid-template-columns:repeat(2, 1fr);gap:6rem 4rem;}
.care_service_wrap .service_list {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
.care_service_wrap .service_list.col2 {grid-template-columns:repeat(2, 1fr);}
.care_service_wrap .service_list li {display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:1.5rem;padding:3rem 1.5rem;text-align:center;transition:all 0.3s;height:100%;}
.care_service_wrap .service_list li:hover {border-color:var(--primary);box-shadow:0 1rem 3rem rgba(0,0,0,0.06);transform:translateY(-0.5rem);}
.care_service_wrap .service_list li .icon {width:6rem;height:6rem;background:color-mix(in srgb, var(--primary2) 15%, #fff);;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary);font-size:3rem;transition:all 0.3s;}
.care_service_wrap .service_list li:hover .icon {background:var(--primary);color:#fff;}
.care_service_wrap .service_list li span {font-size:1.8rem;font-weight:600;color:var(--black);}
	@media only screen and (max-width:1199px){
		.care_service_wrap {gap:5rem 3rem;}
		.care_service_wrap .service_list li {padding:2rem 1rem;}
	}
		@media only screen and (max-width:1023px){
		.care_info_box {padding:5.5rem 3rem;margin-bottom:6rem;}
		.care_service_wrap {grid-template-columns:1fr;gap:5rem;}
	}
	@media only screen and (max-width:767px){
		.care_info_box {padding:5rem 2rem;}
		.care_service_wrap .service_list {grid-template-columns:1fr;}
		.care_service_wrap .service_list.col2 {grid-template-columns:1fr;}
	}


/* 0202_숲속요양원 */
.care_info_box .g_txt strong.g_tit {display:block;font-size:3rem;margin-bottom:1.5rem;}
.dementia_service_wrap .program_list {display:grid;gap:2rem;}
.dementia_service_wrap .program_list.col4 {grid-template-columns:repeat(4, 1fr);}
.dementia_service_wrap .program_list.col3 {grid-template-columns:repeat(3, 1fr);}
.dementia_service_wrap .program_list.center {justify-content:center;grid-template-columns:repeat(3, 1fr);width:75%;margin:2rem auto 0;}
.dementia_service_wrap .program_list li {display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:1.5rem;padding:4rem 2rem;text-align:center;transition:all 0.3s;height:100%;}
.dementia_service_wrap .program_list li:hover {border-color:var(--primary);box-shadow:0 1rem 3rem rgba(0,0,0,0.06);transform:translateY(-0.5rem);}
.dementia_service_wrap .program_list li .icon {width:6rem;height:6rem;background:color-mix(in srgb, var(--primary2) 15%, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:var(--primary);font-size:3rem;transition:all 0.3s;}
.dementia_service_wrap .program_list li:hover .icon {background:var(--primary);color:#fff;}
.dementia_service_wrap .program_list li .tit {position:relative;display:inline-block;font-size:2rem;font-weight:700;color:var(--black);margin-bottom:2rem;padding-bottom:1.5rem;}
.dementia_service_wrap .program_list li .tit::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:3rem;height:2px;background:var(--wm20);}
.dementia_service_wrap .program_list li p {text-wrap:balance;}
.dementia_service_wrap .program_list li p strong {color:var(--primary);font-weight:600;}
.diff_table_wrap {overflow-x:auto;}
.fs_table {width:100%;border-top:2px solid var(--black);border-bottom:1px solid var(--border);border-collapse:collapse;min-width:700px;}
.fs_table th, .fs_table td {padding:2rem;border-left:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle;}
.fs_table th:first-child, .fs_table td:first-child {border-left:none;}
.fs_table thead th {background:var(--wm20);font-weight:700;color:var(--black);border-top:none;border-bottom:1px solid var(--border);}
.fs_table tbody th {background:var(--wm10);font-weight:700;color:var(--black);}
	@media only screen and (max-width:1199px){
		.dementia_service_wrap .program_list.center {width:85%;}
	}
	@media only screen and (max-width:1023px){
		.dementia_service_wrap .program_list.col4 {grid-template-columns:repeat(2, 1fr);}
	}
	@media only screen and (max-width:767px){
		.dementia_service_wrap .program_list.col3, .dementia_service_wrap .program_list.col4 {grid-template-columns:repeat(1, 1fr);}
		.fs_table .m_hide {display:none;}
		.fs_table th, .fs_table td {padding:1.5rem 1rem;}
		.fs_table tbody td {border-left:none;border-right:none;}
	}