@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:600px; padding:30px 0 80px;}
.contents_wrap{padding-top:40px;}
.sub_contents{padding-top:30px;}
.sub_page_title>h4{font-size:38px; color:#000000; text-align:center; letter-spacing:-1px; position:relative; padding-bottom:23px;}
.sub_page_title>h4:before{content:''; width:2px; height:20px; display:block; position:absolute; left:50%; top:67px; z-index:10; background-color:#038738;
	transform:rotate(40deg);-webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg);}

/*서브 비주얼*/
.sub_visual{height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_visual>div{height:100%; padding-top:167px;}
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual06.jpg"); }
.sub_visual06{background-image:url("../images/sub/sub_visual07.jpg"); }
/*sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; text-align:center;  letter-spacing:-1px;}
.sub_visual_txt>div{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.sub_visual_txt h3{font-size:35px; position:relative; padding-bottom:30px; color:#000000;}
.sub_visual_txt h3:before{content:''; width:3px; height:25px; display:block; position:absolute; left:50%; top:67px; 	z-index:10; background-color:#038738;
	transform:rotate(40deg);-webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg);}
.sub_visual_txt p{font-size:20px; margin-top:18px; color:#222222;}

/*horizontal_menu_bar 서브 메뉴 선택 탭*/
.horizontal_menu_bar{padding-top:40px;}
.horizontal_menu_bar ul{font-size:0; text-align:center;}
.horizontal_menu_bar li{display:inline-block; vertical-align:middle; width:24.333333%; font-size:19px; border:1px solid #dedede; letter-spacing:-1px; position:relative;}
.horizontal_menu_bar li+li{margin-left:-1px;}
.horizontal_menu_bar li>a{display:block; padding:8px 5px; color:#777777;}
.horizontal_menu_bar li:hover{background-color:#109445; z-index:10; border-color:#109445;}
.horizontal_menu_bar li:hover>a{color:#ffffff;}
.horizontal_menu_bar li.h_menu_on{background-color:#038738; z-index:10; border-color:#038738;}
.horizontal_menu_bar li.h_menu_on>a{color:#ffffff;}

/*breadcrumb*/
.breadcrumb>p{font-size:0; text-align:center;}
.breadcrumb span{display:inline-block; vertical-align:middle; font-size:15px; color:#777777;}
.breadcrumb span+span{margin-left:6px;}
.breadcrumb span.on{color:#038738;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#777777; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #777777; 
		border-top-width:3px; border-bottom:0;}

/*상세보기 이미지 확대 뷰 common*/
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both;}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000000;filter:alpha(Opacity=80);opacity:.8;display:none;}
.lightbox{position:absolute;left:0; width:100%; z-index:10000;font-weight:normal;}
.lightbox .lb-image{display:block; height:auto; max-width:inherit; max-height:none; border:2px solid #ffffff;}
.lb-outerContainer{position:relative; margin:0 auto; background-color:#ffffff;}
.lb-loader,.lb-nav{position:absolute;left:0;}
.lb-outerContainer:after{display:table;}
.lb-loader{top:43%;height:25%;width:100%;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto; background:url("../images/common/loading.gif") no-repeat;}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
/*next,prev 버튼*/
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block; opacity:1.0;}
.lb-nav a.lb-prev{width:25%;left:0;float:left; margin-left:5px;  background:url("../images/common/prev.png")no-repeat left  48% ;
	-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-nav a.lb-next{width:25%;right:0;float:right; margin-right:5px;background:url("../images/common/next.png")no-repeat right 48% ;
	 -webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.lb-dataContainer{margin:0 auto; padding-top:15px; width:100%; }
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#cccccc;}
.lb-data .lb-details{width:95%; margin:0 auto; text-align:left;line-height:1.1em}
.lb-details .lb-caption{font-size:15px; font-weight:normal; line-height:1.4; display:block; padding-bottom:10px;}
.lb-details .lb-number{font-size:13px; display:block; clear:left; padding-bottom:10px;}
/*닫기 버튼*/
.lb-data .lb-close{float:right; width:27px; height:27px;  position:relative; cursor:pointer; overflow:hidden;}
.lb-data .lb-close:before, .lb-data .lb-close:after{content:''; height:2px; width:27px; 
		display:block; background-color:#0f82be; position:absolute; top:10px; left:0px; transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.lb-data .lb-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*greeting.asp 인사말*/
.greeting_title{background:url("../images/sub/greeting.jpg")no-repeat 0 center; overflow:hidden; background-size:cover;}
.greeting_title p{font-family:'Noto Serif KR','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:700; padding:60px 0; text-align:center;
		color:#000000; background-color:rgba(255,255,255,0.8); font-size:32px; letter-spacing:-1.5px;}
.greeting_title p span{color:#038738;}
.greeting_contents{margin-top:40px; text-align:center; letter-spacing:-1px; font-size:17px; color:#444444; line-height:1.8;}
.greeting_contents p+p{margin-top:25px;}
.greeting_contents p:nth-child(2){font-size:26px; font-weight:700; font-family:'Noto Serif KR','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;
		color:#038738;}
.greeting_contents p:first-child{font-size:22px; font-weight:700;  color:#222222; font-family:'Noto Serif KR','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;}

/*introduce.asp 재단소개*/
.introduce_title p{font-size:20px; color:#222222; font-weight:500; text-align:center; letter-spacing:-1px; }
.introduce_title p strong{color:#038738;}
.introduce_contents{margin-top:40px;}

/*organization_chart.asp 조직도*/
.organization_chart{line-height:1.4; font-weight:500; text-align:center; letter-spacing:-1px;}
.chart_1depth{width:120px; height:120px; margin:0 auto; background:linear-gradient(70deg, #038738, #27bc63); border-radius:50%; color:#ffffff; position:relative; 
		font-size:20px; padding:50px 0 0;}
.chart_1depth:before{content:''; width:1px; height:319px; background-color:#bbbbbb; position:absolute; left:50%; top:115px; display:block; z-index:-1;}
.chart_1depth:after{content:''; width:8px; height:8px; display:block; background-color:#3ecf59; border-radius:50%; position:absolute; left:50%; top:116px;
		margin-left:-4px;}
.organization_chart02{margin-top:60px; position:relative;}
.chart_2depth{width:110px; height:110px; margin:0 auto; background:linear-gradient(70deg, #28a95c, #27bc63); border-radius:50%; color:#ffffff; position:relative; 
		font-size:18px; padding:42px 0 0;}
.chart_2depth:after{content:''; width:8px; height:8px; display:block; background-color:#3ecf59; border-radius:50%; position:absolute; left:50%; top:106px;
		margin-left:-4px;}
.organization_chart03{margin:60px auto 0; position:relative; width:500px;}
.chart_3depth{float:right; font-size:16px; background-color:#6f6f6f; padding:10px 50px; color:#ffffff; }
.chart_3depth:before{content:''; width:200px; height:1px; background-color:#bbbbbb; position:absolute; left:50%; top:50%; display:block; z-index:-1;}
.organization_chart04{margin-top:40px; padding-top:30px; position:relative;}
.organization_chart04:before{content:''; width:86.1%; height:1px; background-color:#bbbbbb; position:absolute; left:7%; top:0; display:block; z-index:-1;}
.chart_4depth{float:left; width:14%; background-color:#f5f5f5; font-size:16px; color:#333333; padding:10px 0; border:1px solid #666666; position:relative;}
.chart_4depth+div{margin-left:3.2%;}
.chart_4depth:before{content:''; width:1px; height:30px; background-color:#bbbbbb; position:absolute; left:50%; top:-30px; display:block; z-index:-1;}

/*map.asp*/
.map_txt{margin-top:40px; font-size:19px; text-align:center; color:#444444;}
.map_txt>div{margin-top:15px;}
.map_txt p+p{margin-top:5px; color:#038738;}
.map_txt p>*{display:inline-block; vertical-align:middle;}
.map_txt p>img{width:30px; height:auto;}

/*병동 안내도(1층, 2층) facilities01.asp*/
.facilities01_img{width:1000px; margin:0 auto;}
.facilities01_contents{width:1000px; margin:40px auto 0;}
.facilities01_contents strong{font-size:24px; color:#222222; letter-spacing:-1.5px; display:block;}
.facilities01_contents table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; font-size:17px; margin-top:15px;}
.facilities01_contents table th{padding:12px 5px; text-align:center; border:1px solid #038738; background-color:#28a95c; font-weight:500; color:#ffffff;
		border-right:none;}
.facilities01_contents table td{padding:12px 25px; border:1px solid #038738; color:#444444;}
.facilities01_contents span{padding-left:8px; position:relative;}
.facilities01_contents span:before{content:''; width:3px; height:3px; display:block; background-color:#28a95c; border-radius:50%; position:absolute; left:0; 
		top:50%; }
.facilities01_contents span+span{margin-left:12px;}
.facilities01_contents02{width:1002px; margin:50px auto 0; border:1px solid #dedede;}

/*facilities02.asp 시설사진*/
.facilities02_list li{float:left; margin:10px 0 45px; width:30%;}
.facilities02_list li+li{margin-left:5%;}
.facilities02_list li:nth-child(3n+1){margin-left:0; clear:both;}
.facilities02_list li>a{display:block; font-size:18px; color:#222222;}
.facilities02_list li>a>*{display:block;}
.facilities02_list li>a em{margin-top:10px;}
.facilities02_list li>a:hover{color:#038738;}
.facilities02_list li>a:hover img{opacity:0.8; box-shadow:1px 1px 4px rgba(0,0,0,0.4); }

/*입소 절차 문의 procedure_info.asp*/
.procedure_info_title{letter-spacing:-2px; font-size:40px; color:#038738; text-align:center; line-height:1.5;}
.procedure_info_title>img{display:inline-block; vertical-align:middle;}
.procedure_info_title>p{margin-left:30px; text-align:left; display:inline-block; vertical-align:middle;}
.procedure_info_title>p>span{display:block; }
.procedure_info_list_wrap{margin-top:40px;}
.procedure_info_list_wrap>div+div{margin-top:40px;}
.procedure_info_list h5{font-size:24px; color:#222222; letter-spacing:-1.5px;}
.procedure_info_list ul{margin-top:15px; font-size:17px; color:#444444; padding-left:18px;}
.procedure_info_list ul>li+li{margin-top:5px;}
.procedure_info_list p{margin-top:15px; font-size:17px; color:#444444; padding-left:18px;}
.procedure{margin-top:20px;}
.procedure>div{display:inline-block; vertical-align:middle; position:relative; font-size:18px; text-align:center; padding:15px 0; border-radius:100px;
		width:300px; color:#ffffff; letter-spacing:-1px; background-color:#038738; height:95px;}
.procedure>div b{font-size:20px;}
.procedure>div+div{margin-left:100px;}
.procedure>div+div:before{content:''; height:25px; width:25px; display:block; border:3px solid #666666; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:33px; left:-72px; }
.procedure>div:nth-child(2){background-color:#1da654;}
.procedure>div:nth-child(3){background-color:#27bc63; padding-top:28px;}
.procedure_inquire{background-color:#ebf7f0; padding:25px 50px; font-size:20px; border:1px solid #27bc63; color:#333333;}
.procedure_inquire dl dt,.procedure_inquire dl dd{display:inline-block; vertical-align:middle;}
.procedure_inquire dl dt{ font-weight:500; position:relative; padding-left:10px;}
.procedure_inquire dl dt:before{content:''; width:6px; height:6px; display:block; background-color:#038738; border-radius:50%; position:absolute; left:0;
		top:50%; margin-top:-3px;}
.procedure_inquire dl dd{color:#038738; font-weight:bold; margin-left:8px;}

/*visit_info.asp 보은의 집 면회 안내*/
.visit_info_wrap>h4{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:32px; color:#038738; letter-spacing:-1.5px;}
.visit_time_table{margin-top:30px;}
.visit_time_table h6{font-size:24px; color:#222222; letter-spacing:-1.5px;}
.visit_time_table table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; margin-top:15px; color:#333333;  font-size:16px;}
.visit_time_table table caption{font-size:0; text-indent:-999999px;}
.visit_time_table table th{padding:12px 5px; text-align:center; border:1px solid #dedede; background-color:#f8f8f8; font-weight:500;
		 border-top:2px solid #aaaaaa;} 
.visit_time_table table td{padding:10px 5px; text-align:center; border:1px solid #dedede;}
.visit_contents{margin-top:40px;}
.visit_contents p{text-align:center; font-size:17px; color:#444444;}
.visit_contents p+p{margin-top:20px;}
.visit_contents p strong{ color:#038738; border-bottom:1px solid #038738;}
.visit_contents dl{border:1px solid #038738; margin:30px auto 0; font-size:19px; width:200px; text-align:center;}
.visit_contents dl dt{color:#333333; background-color:#ebf7f0; font-weight:500; padding:10px 5px;}
.visit_contents dl dd{color:#038738; font-weight:bold; padding:10px 5px; border-top:1px solid #aaaaaa;}
.visit_room{margin:50px auto 0; width:804px;}
.visit_room_slide_wrap{border:1px solid #aaaaaa; padding:2px;}
.visit_room_slide_list>li{width:100%;}
.visit_room_slide_list>li>img{width:100%;}
.visit_room_thumbs{margin-top:10px;}
.visit_room_thumbs_list>li>img{opacity:0.8; border:1px solid #aaaaaa;}
.visit_room_thumbs_list>li:hover>img{opacity:1;}
.visit_room_thumbs_button{width:50px; height:50px; text-indent:-999999px; overflow:hidden; border:1px solid #ffffff;}
.visit_room_thumbs_button:focus{outline:none;}
.visit_room_thumbs_prev_button:after{content:''; height:18px; width:18px; display:block; border:2px solid #ffffff; border-right-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:14px; left:18px; }
.visit_room_thumbs_next_button:after{content:''; height:18px; width:18px; display:block; border:2px solid #ffffff; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); 
		position:absolute; top:14px; right:18px; }

/*inquire.asp  입소문의*/
.inquire_wrap>div+div{margin-top:50px;}
.inquire_title h5{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:32px; color:#038738; letter-spacing:-1.5px;
		margin-bottom:15px;}
.inquire_title p{display:inline-block; vertical-align:middle; font-size:17px; color:#333333;}
.inquire_title p+p{margin-left:20px;}
.inquire_title p span{display:inline-block; vertical-align:middle; position:relative;}
.inquire_title p span+span{margin-left:10px; padding-left:10px;}
.inquire_title p span+span:before{content:''; width:1px ; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:8px;}

/*program.asp 프로그램*/
.program_wrap h5{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:32px; color:#038738; letter-spacing:-1.5px;
		margin-bottom:15px;}
.program_wrap>div+div{margin-top:50px;}
.program_wrap h6{font-size:24px; color:#222222; letter-spacing:-1.5px; display:block;}
.program_wrap li{float:left; width:47.5%; border:1px solid #e6e6e6; padding:20px 30px 30px; margin:20px 0 30px;}
.program_wrap li+li{margin-left:5%;}
.program_wrap li:nth-child(2n+1){margin-left:0; clear:both;}
.program_wrap li strong{color:#038738; font-size:22px; display:block; letter-spacing:-1px;}
.program_wrap li>div{margin-top:15px;}

/*voluntary01.asp 봉사/후원안내*/
.voluntary01_wrap{font-size:17px; color:#444444;}
.voluntary01_wrap>div+div{margin-top:40px;}
.voluntary01_title{background:url("../images/sub/voluntary02.jpg")no-repeat 0 center; overflow:hidden; background-size:cover;}
.voluntary01_title p{font-family:'Noto Serif KR','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:700; padding:60px 0; text-align:center;
		color:#038738; background-color:rgba(255,255,255,0.8); font-size:32px; letter-spacing:-1.5px;}
.voluntary01_contents01 h5{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:32px; color:#038738; 
		letter-spacing:-1.5px; margin-bottom:15px;}
.voluntary01_contents01 ul>li+li{margin-top:15px;}
.voluntary01_contents01 ul>li strong{color:#222222; display:block; position:relative; padding-left:10px; font-size:20px;}
.voluntary01_contents01 ul>li strong:before{content:''; width:6px; height:6px; display:block; background-color:#038738; border-radius:50%; position:absolute; 
		left:0; top:50%; margin-top:-3px;}
.voluntary01_contents01 ul>li p{margin-top:3px; padding-left:10px;}
.voluntary01_contents02>strong{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:32px; color:#038738; 
		letter-spacing:-1.5px; margin-bottom:15px; display:block;}
.voluntary01_contents02 p+p{margin-top:10px;}
.voluntary01_contents02 p strong{color:#000000; font-weight:bold;}
.voluntary01_slogan_wrap{text-align:center; background:url("../images/sub/voluntary01.jpg")no-repeat 0 center; overflow:hidden; background-size:cover;}
.voluntary01_slogan_wrap>div{background-color:rgba(255,255,255,0.8); padding:60px 0;}
.voluntary01_slogan_wrap p{font-family:'Noto Serif KR','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif; font-weight:700; color:#038738; 
		font-size:32px; letter-spacing:-1.5px;}
.voluntary01_slogan_wrap strong{display:block; margin-top:10px; color:#000000; font-size:20px;}
.welfare h1{padding-left:28px; background:url("../images/common/logo03.png")no-repeat 0 center; font-size:28px; font-weight:700; color:#000000; 
		letter-spacing:-1.5px;}
.welfare p{margin-top:3px; padding-left:10px;}