/*================================
	서브이미지
================================*/
.sub_img1{
	background: url('../images/sub/sub_img01_xs.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

@media (max-width: 575px){
	.sub_img{
		width: 100%;
		height: 280px;
		padding: 6.316rem 0 0 0;
		background-position: 88% 0;
	}
}
@media (min-width: 576px){
	.sub_img{
		width: 100%;
		height: 370px;
		padding: 150px 0 0 0;
		background-position: 88% 0;
	}
}

/*================================
	서브이미지-타이틀
================================*/
@media (max-width: 575px){
	.sub_img .sub_img_title{
		font-family: 'Nanum Myeongjo', serif;
		font-size: 24px;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 30px;
	}
	.sub_img .sub_img_text{
		font-size: 16px;
		color: #FFFFFF;
		line-height: 20px;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 576px){
	.sub_img .sub_img_title{
		font-family: 'Nanum Myeongjo', serif;
		font-size: 30px;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 40px;
	}
	.sub_img .sub_img_text{
		font-size: 18px;
		color: #FFFFFF;
		line-height: 22px;
		padding: 20px 0 0 0;
	}
}

/*================================
	서브메뉴1
================================*/
.sub_menu1{
	border-bottom: 1px solid #e6e6e6;
}
.sub_menu1 ul{
	width: 100%;
	overflow: hidden;
}
.sub_menu1 ul li{
	float: left;
}
.sub_menu1 ul li a{
	height: 50px;
	font-weight: 500;
	font-size: 1rem;	
	color: #323232;
	line-height: 50px;
	display: block;
	border-right: 1px solid #e6e6e6;
	text-align: center;
}
.sub_menu1 ul .li_1 a{
	border-left: 1px solid #e6e6e6;
}
.sub_menu1 ul .on a{
	background: #005397;
	color: #ffffff;
}
@media (max-width: 575px){
	.sub_menu1 .s_wrap{
		padding-right: 0;
		padding-left: 0;
	}
	.sub_menu1 ul li a{
		height: 40px;
		line-height: 40px;
	}
}


/*================================
	서브메뉴1-메뉴갯수
================================*/
/*메뉴2개*/
.sub_menu1_2 ul li{
	width: 50%;
}
.sub_menu1_4_2 ul li{
	width: 50% !important;
}
.sub_menu1_4_2 ul .li_1{
	border-bottom: 1px solid #e6e6e6;
}
.sub_menu1_4_2 ul .li_2{
	border-bottom: 1px solid #e6e6e6;
}
.sub_menu1_4_2 ul .li_3{
	border-left: 1px solid #e6e6e6;
}

@media (max-width: 575px){
	.sub_menu1_4_2 ul .li_1{
		border-bottom: 0;
	}
	.sub_menu1_4_2 ul .li_2{
		border-bottom: 0;
	}
	.sub_menu1_4_2 ul .li_3{
		border-left: 0;
	}
	.sub_menu1_4_2 ul .li_4 a{
		letter-spacing: -2.0px;
	}
}

/*메뉴4개*/
.sub_menu1_4 ul li{
	width: 25%;
}

@media (max-width: 575px){
	.sub_menu1_4 ul li{
		width: 50%;
	}
	.sub_menu1_4 ul .li_1 a,
	.sub_menu1_4 ul .li_2 a{
		border-bottom: 1px solid #e6e6e6;
	}
	.sub_menu1_2 ul .li_1 a,
	.sub_menu1_4 ul .li_1 a,
	.sub_menu1_4 ul .li_3 a{
		border-left: 0;
	}
	.sub_menu1_2 ul .li_2 a,
	.sub_menu1_4 ul .li_2 a,
	.sub_menu1_4 ul .li_4 a{
		border-right: 0;
	}
}

/*메뉴5개*/
.sub_menu1_5 ul li{
	width: 20%;
}

@media (max-width: 575px){
	.sub_menu1_5 ul li{
		width: 50%;
	}
	.sub_menu1_5 ul li a{
		border-bottom: 1px solid #e6e6e6;
	}
	.sub_menu1_5 ul .li_2 a,
	.sub_menu1_5 ul .li_4 a{
		border-right: 0;
	}
	.sub_menu1_5 ul .li_5 a{
		border-bottom: 0;
	}
}

/*================================
	서브내용기본레이아웃
================================*/
.sub_layout{
	width: 100%;
	overflow: hidden;
	min-height: 300px;
	padding: 50px 0 50px 0;
}

@media (max-width: 575px){
	.sub_layout{
		width: 100%;
		overflow: hidden;
		min-height: 200px;
		padding: 40px 0 40px 0;
	}
}

/*================================
	서브내용-폰트
================================*/
.sub_content p{
	font-size: 16px;
	color: #444444;
	line-height: 23px;
	padding: 0 0 25px 0;
}
.sub_content .p_e{
	padding-bottom: 0;
}

/*================================
	서브타이틀
================================*/
@media (max-width: 575px){
	.sub_title18{
		font-size: 16px;
		line-height: 16px;
	}
	.sub_title21{
		font-size: 17px;
		line-height: 17px;
	}
	.sub_title22{
		font-size: 18px !important;
		line-height: 18px;
	}
	.sub_title24{
		font-size: 19px !important;
		line-height: 19px;
	}
	.sub_title26{
		font-size: 22px;
		line-height: 22px;
	}
	.sub_title30{
		font-size: 20px;
		line-height: 20px;
	}
	.sub_title34{
		font-size: 22px;
		line-height: 22px;
	}
	.sub_title36{
		font-size: 24px;
		line-height: 24px;
	}
	.sub_title40{
		font-size: 28px;
		line-height: 28px;
	}
}
@media (min-width: 576px){
	.sub_title18{
		font-size: 16px;
		line-height: 16px;
	}
	.sub_title21{
		font-size: 17px;
		line-height: 17px;
	}
	.sub_title22{
		font-size: 18px !important;
		line-height: 18px;
	}
	.sub_title24{
		font-size: 20px !important;
		line-height: 20px;
	}
	.sub_title26{
		font-size: 22px;
		line-height: 22px;
	}
	.sub_title30{
		font-size: 24px;
		line-height: 24px;
	}
	.sub_title34{
		font-size: 26px;
		line-height: 26px;
	}
	.sub_title36{
		font-size: 26px;
		line-height: 26px;
	}
	.sub_title40{
		font-size: 30px;
		line-height: 30px;
	}
}

/*================================
	인사말
================================*/
.page1_1_title{
	text-align: center;
}
.page1_1_title1{
	font-weight: 700;
	color: #005397;
}
.page1_1_content{
	text-align: center;
	padding: 40px 0 0 0;
}
.page1_1_content .sub_title22{
	font-weight: 500;
	color: #000000;
}
.page1_1_img1{
	text-align: center;
}
.page1_1_img1 img{
	width: 100%;
}

@media (max-width: 575px){
	.page1_1_title2{
		font-weight: 700;
		color: #000000;
		padding: 5px 0 20px 0;
		line-height: 30px;
	}
	.page1_1_img{
		height: 200px;
		background: url('../images/sub/page1_1_01.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
}
@media (min-width: 576px){
	.page1_1_title2{
		font-weight: 700;
		color: #000000;
		padding: 10px 0 30px 0;
		line-height: 35px;
	}
	.page1_1_img{
		height: 280px;
		background: url('../images/sub/page1_1_01.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
}

/*================================
	찾아오시는길
================================*/
.page1_4_map .root_daum_roughmap_landing{
	width: 100%;
}
.page1_4_info{
	width: 100%;
	overflow: hidden;
}
.page1_4_info .li_1{
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.page1_4_info .li_2{
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.page1_4_info .page1_4_info_icon img{
	height: 45px;
}
.page1_4_info .page1_4_info_title{
	font-weight: 500;
	color: #000000;
	padding: 20px 0 10px 0;
}
.page1_4_transit .li_e{
	padding-bottom: 0;
}
.page1_4_transit li dl dt{
	width: 100%;
	float: left;
	font-weight: 500;
	color: #000000;
}
.page1_4_transit li dl dd{
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
}

@media (max-width: 575px){
	.page1_4_map .root_daum_roughmap .wrap_map{
		height: 260px;
	}
	.page1_4_info{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.page1_4_info li{
		text-align: center;
		float: left;
		padding: 20px 0 20px 0;
	}
	.page1_4_transit{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.page1_4_transit li{
		width: 100%;
		overflow: hidden;
		padding: 0 0 10px 0;	
	}
	.page1_4_transit li dl{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 20px 20px;
	}
}
@media (min-width: 576px){
	.page1_4_map .root_daum_roughmap .wrap_map{
		height: 320px;
	}
	.page1_4_info{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.page1_4_info li{
		text-align: center;
		float: left;
		padding: 25px 0 25px 0;
	}
	.page1_4_transit{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.page1_4_transit li{
		width: 100%;
		overflow: hidden;
		padding: 0 0 20px 0;	
	}
	.page1_4_transit li dl{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 30px 30px;
	}
}

/*================================
	서브내용타입1
================================*/
@media (max-width: 575px){
	.sub_type1{
		width: 100%;
		overflow: hidden;
		padding: 0 0 30px 0;
	}
	.sub_type1 dt{
		width: 100%;
		float: left;
		padding: 0 0 15px 0;
	}
	.sub_type1 dd{
		width: 100%;
		float: left;
	}
}
@media (min-width: 576px){
	.sub_type1{
		width: 100%;
		overflow: hidden;
		padding: 40px 0 0 0;
	}
	.sub_type1 dt{
		width: 100%;
		float: left;
		padding: 0 0 20px 0;
	}
	.sub_type1 dd{
		width: 100%;
		float: left;
	}
}

.sub_type1_e{
	padding-bottom: 0 !important;
}
.sub_type1_top{
	padding-top: 0 !important;
}
.sub_type1_bottom{
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*================================
	테이블1
================================*/
table{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
}
table th{
	width: 25%;
	font-weight: 500;
	background: #f7f7f7;
	color: #000000;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0 16px 0;
}
table td{
	width: 75%;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 10px 16px 10px;
}

/*================================
	시설안내
================================*/
.page1_3 .board_gallery{
	padding: 0 0 30px 0;
}
.page1_3_title{
	font-weight: 700;
	color: #000000;
}
.page1_3_table1 .th_1,
.page1_3_table1 .td_1{
	width: 25%;
	border-right: 1px solid #e6e6e6;
	text-align: center;
}
.page1_3_table1 .th_2,
.page1_3_table1 .td_2{
	width: 75%;
	border-right: 0;
}

/*================================
	성심만의특징
================================*/
.sub_layout12{
	padding-top: 0;
}
.page1_2_title3 span,
.page1_2_title6 span{
	color: #005397;
}
.page1_2_care .page1_2_care_list{
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}
.page1_2_service .li_e{
	padding-bottom: 0;
}
.page1_2_service li dl{
	width: 100%;
	overflow: hidden;
}
.page1_2_service .li_left dl dd{
	text-align: center;
}
.page1_2_service li dl dd img{
	width: 100%;
	max-width: 452px;
	border-radius: 20px;
}

@media (max-width: 575px){
	.page1_2_top{
		background: url('../images/sub/page1_2_01.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		text-align: center;
		padding: 40px 0 50px 0;
	}
	.page1_2_title1{
		font-weight: 500;
		color: #ffffff;
		line-height: 30px;
		padding: 0 0 20px 0;
	}
	.page1_2_title2{
		font-weight: 700;
		color: #ffffff;
		line-height: 38px;
	}
	.page1_2_title3{
		font-weight: 700;
		color: #000000;
		line-height: 30px;
		text-align: center;
		padding: 30px 0 20px 0;
	}
	.page1_2_title4{
		font-weight: 700;
		color: #005397;
		padding: 30px 0 10px 0;
	}
	.page1_2_title5{
		font-weight: 500;
		color: #010101;
		padding: 0 0 20px 0;
	}
	.page1_2_title6{
		font-weight: 700;
		color: #000000;
		line-height: 32px;
		padding: 0 0 10px 0;
	}
	.page1_2_care{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 0 0 40px 0;
	}
	.page1_2_care .page1_2_care_list li{
		width: 100%;
		height: auto;
		float: left;	
		text-align: center;
		border-bottom: 1px solid #e6e6e6;
		padding: 0 0 30px 0;
	}
	.page1_2_care .page1_2_care_list .li_6{
		border-bottom: 0;
	}
	.page1_2_service{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.page1_2_service li{
		width: 100%;
		overflow: hidden;
		padding: 0 0 30px 0;
	}
	.page1_2_service li dl dt{
		width: 100%;
		text-align: center;
		padding: 0 0 20px 0;
	}
	.page1_2_service li dl dd{
		width: 100%;
		text-align: center;
	}
}
@media (min-width: 576px){
	.page1_2_top{
		background: url('../images/sub/page1_2_01.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		text-align: center;
		padding: 60px 0 80px 0;
	}
	.page1_2_title1{
		font-weight: 500;
		color: #ffffff;
		line-height: 40px;
		padding: 0 0 20px 0;
	}
	.page1_2_title2{
		font-weight: 700;
		color: #ffffff;
		line-height: 46px;
	}
	.page1_2_title3{
		font-weight: 700;
		color: #000000;
		text-align: center;
		padding: 50px 0 40px 0;
	}
	.page1_2_title4{
		font-weight: 700;
		color: #005397;
		padding: 30px 0 10px 0;
	}
	.page1_2_title5{
		font-weight: 500;
		color: #010101;
		padding: 0 0 20px 0;
	}
	.page1_2_title6{
		font-weight: 700;
		color: #000000;
		line-height: 34px;
		padding: 0 0 15px 0;
	}
	.page1_2_care{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 0 0 40px 0;
	}
	.page1_2_care .page1_2_care_list li{
		width: 100%;
		height: auto;
		float: left;	
		text-align: center;
		border-bottom: 1px solid #e6e6e6;
		padding: 0 0 30px 0;
	}
	.page1_2_care .page1_2_care_list .li_6{
		border-bottom: 0;
	}
	.page1_2_service{
		width: 100%;
		overflow: hidden;
		padding: 50px 0 0 0;
	}
	.page1_2_service li{
		width: 100%;
		overflow: hidden;
		padding: 0 0 50px 0;
	}
	.page1_2_service li dl dt{
		width: 100%;
		text-align: center;
		padding: 0 50px 20px 50px;
	}
	.page1_2_service li dl dd{
		width: 100%;
		text-align: center;
	}
}

/*================================
	서브내용-포인트
================================*/
.sub_info1{
	width: 100%;
	overflow: hidden;
}
.sub_info1_point{
	width: 2%;
	float: left;
	padding: 9px 0 0 0;
}
.sub_info1_content{
	width: 98%;
	float: left;
}
.sub_info1 .sub_info1_point span{
	width: 5px;
	height: 5px;
	background: #d8d8d8;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 575px){
	.sub_info1_point{
		width: 4%;
		float: left;
		padding: 9px 0 0 0;
	}
	.sub_info1_content{
		width: 96%;
		float: left;
	}
}

/*================================
	서브내용-아이콘리스트
================================*/
.sub_info2{
	width: 100%;
	overflow: hidden;
}
.sub_info2 li .sub_info2_icon img{
	height: 40px;
}
.sub_info2 .sub_info2_cursor img{
	width: 10px;
}

@media (max-width: 575px){
	.sub_info2 li{
		width: 160px;
		height: 160px;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		text-align: center;
		margin: 0 auto;		
	}
	.sub_info2 .sub_info2_cursor{
		width: auto;
		height: auto;
		border: 0;
		padding: 5px 0 5px 0;
	}
	.sub_info2 .sub_info2_cursor img{
		transform: rotate(90deg);
	}
}
@media (min-width: 576px){
	.sub_info2 li{
		width: 160px;
		height: 160px;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		text-align: center;
		float: left;
	}
	.sub_info2 .sub_info2_cursor{
		width: auto;
		border: 0;
		padding: 70px 10px 0 10px;
	}
}

/*================================
	입소안내
================================*/
.page4_1 .sub_type1,
.page5_1 .sub_type1,
.page6_1 .sub_type1,
.page6_2 .sub_type1{
	border-bottom: 1px solid #e6e6e6;
	padding: 30px 0 30px 0;
}
.page5_1 .sub_info2 li .sub_info2_icon{
	padding: 20px 0 0 0;
}
.page5_1_title1{
	font-weight: 700;
	color: #000000;
}
.page5_1_title2,
.page5_2_title1{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #005397;
	padding: 10px 0 5px 0;
}
.page5_1_title3,
.page5_2_title2{
	font-weight: 500;
	color: #010101;
	line-height: 22px;
}
.page5_1_tel{
	width: 100%;
	overflow: hidden;
	background: #ecf3f9;
	padding: 30px 30px;
}
.page5_1_tel .page5_1_tel_number{
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 500;
	color: #005397;
	padding: 0 0 5px 0;
}

@media (max-width: 575px){
	.page5_1 .sub_info2{
		padding: 0 0 30px 0;
	}
	.page5_1_tel .page5_1_tel_number b{
		font-weight: 700;
		padding: 0 0 0 0;
	}
}
@media (min-width: 576px){
	.page5_1 .sub_info2{
		padding: 0 0 40px 0;
	}
	.page5_1_tel .page5_1_tel_number b{
		font-weight: 700;
		padding: 0 0 0 20px;
	}
}

/*================================
	서브메뉴2
================================*/
.sub_menu2 ul{
	 display: inline-block;
}
.sub_menu2 ul .on{
	border: 2px solid #005397;
	background: #ffffff;
}
.sub_menu2 ul .on a{
	color: #005397;
}

@media (max-width: 575px){
	.sub_menu2{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 20px 0;
	}
	.sub_menu2 ul li{
		width: 100%;
		height: 45px;
		float: left;
		background: #f3f3f3;
		border-radius: 30px 30px;
		margin: 0 0 0.313rem 0;
	}
	.sub_menu2 ul li a{
		font-size: 15px;
		font-weight: 500;
		color: #323232;
		line-height: 45px;
		display: block;
	}
	.sub_menu3{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 20px 0;
	}
	.sub_menu3 ul li{
		width: 125px;
		height: 45px;
		float: left;
		background: #f3f3f3;
		border-radius: 30px 30px;
		margin: 0 1px;
	}
	.sub_menu3 ul li a{
		font-size: 15px;
		font-weight: 500;
		color: #323232;
		line-height: 45px;
		display: block;
	}
}
@media (min-width: 576px){
	.sub_menu2{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 30px 0;
	}
	.sub_menu2 ul li{
		width: 160px;
		height: 50px;
		float: left;
		background: #f3f3f3;
		border-radius: 30px 30px;
		margin: 0 5px;
	}
	.sub_menu2 ul li a{
		font-weight: 500;
		color: #323232;
		line-height: 50px;
		display: block;
	}
}

/* 2개 메뉴 */
.sub_menu2_2 ul{
	width: 100%;
}
.sub_menu2_2 ul li{
	width: 50%;
}

/*================================
	입소절차
================================*/
.page5_2_list1{
	width: 100%;
	overflow: hidden;
}
.page5_2_list1 .li_1{
	border-left: 1px solid #e6e6e6;
}
.page5_2_list1 .page5_2_list1_icon1 img{
	height: 40px;
}
.page5_2_list1 .page5_2_list1_icon1{
	display: inline;
}
.page5_2_list1 .page5_2_list1_icon2{
	display: none;
}

@media (max-width: 575px){
	.page5_2_list1 li{
		width: 50%;
		float: left;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		text-align: center;
		padding: 20px 0 20px 0;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.page5_2_list1 .li_3{
		border-left: 1px solid #e6e6e6;
		border-top: 0;
	}
	.page5_2_list1 .li_4{
		border-top: 0;
	}
	.page5_2_list1 .li_5{
		border-left: 1px solid #e6e6e6;
		border-top: 0;
	}
	.page5_2_list1 .li_6{
		border-top: 0;
	}
	.page5_2_content1{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 20px 20px;
		margin: 20px 0 0 0;
	}
	.page5_2_content1 dt{
		font-weight: 700;
		color: #000000;
		padding: 0 0 10px 0;
	}
}
@media (min-width: 576px){
	.page5_2_list1 li{
		width: 33.33333333333333%;
		float: left;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		text-align: center;
		padding: 20px 0 20px 0;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.page5_2_list1 .li_4{
		border-left: 1px solid #e6e6e6;
		border-top: 0;
	}
	.page5_2_list1 .li_5{
		border-top: 0;
	}
	.page5_2_list1 .li_6{
		border-top: 0;
	}
	.page5_2_content1{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 20px 20px;
		margin: 20px 0 0 0;
	}
	.page5_2_content1 dt{
		font-weight: 700;
		color: #000000;
		padding: 0 0 10px 0;
	}
}

/*================================
	FAQ
================================*/
.accordion-container{
	width: 100%;
	border-top: 2px solid #1a1a1a;
}
.accordion-container .accordion-title:hover{
	background-color: #ecf3f9;
}
.accordion-container .accordion-title.open::before{
	transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after{
	opacity: 0;
}
.accordion-content{
	width: 100%;
	overflow: hidden;
	background: #f3f3f3;
	padding: 20px 5% 20px 5%;
	border-bottom: 1px solid #dadada;
}
.table_faq{
	width: 100%;
	overflow: hidden;
	border-left: 1px solid #dadada;
}
.table_faq th{
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #FFFFFF;
	text-align: center;
	font-weight: 400;
	color: #000000;
	padding: 5px 0;
}
.table_faq td{
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #FFFFFF;
	text-align: center;
	padding: 5px 0;
}

@media (max-width: 575px){
	.accordion-container .accordion-title .at-q{
		width: 7%;
		float: left;
		font-weight: 500;
		color: #005397;
		text-align: center;
	}
	.accordion-container .accordion-title .at-title{
		width: 82%;
		float: left;
		font-weight: 500;
		color: #000000;
	}
	.accordion-container .accordion-title{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #dadada;
		font-size: 16px;
		padding: 13px 0 17px 0;
		position: relative;
	}
	.accordion-container .accordion-title::before{
		content: "";
		position: absolute;
		top: 48%;
		right: 10px;
		width: 12px;
		height: 2px;
		transform: rotate(90deg);
		background: #333333;
		transition: all .3s ease-in-out;
	}
	.accordion-container .accordion-title::after{
		content: "";
		position: absolute;
		top: 48%;
		right: 10px;
		width: 12px;
		height: 2px;
		background: #333333;
		transition: all .2s ease-in-out;
	}
}
@media (min-width: 576px){
	.accordion-container .accordion-title .at-q{
		width: 5%;
		float: left;
		font-weight: 500;
		color: #005397;
		text-align: center;
	}
	.accordion-container .accordion-title .at-title{
		width: 95%;
		float: left;
		font-weight: 500;
		color: #000000;
	}
	.accordion-container .accordion-title{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #dadada;
		font-size: 17px;
		padding: 13px 0 17px 0;
		position: relative;
	}
	.accordion-container .accordion-title::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		width: 15px;
		height: 2px;
		transform: rotate(90deg);
		background: #333333;
		transition: all .3s ease-in-out;
	}
	.accordion-container .accordion-title::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		width: 15px;
		height: 2px;
		background: #333333;
		transition: all .2s ease-in-out;
	}
}

/*================================
	서브내용-하늘색배경(타이틀,내용)
================================*/
.sub_info3{
	width: 103%;
	overflow: hidden;
	padding: 35px 0 0 0;
}
.sub_info3 li{
	width: 33.33333333333333%;
	float: left;
	padding: 0 3% 0 0;
}
.sub_info3 li .sub_info3_layout{
	width: 100%;
	height: 150px;
	background: #ecf3f9;
	text-align: center;
}
.sub_info3 li .sub_info3_title{
	font-weight: 500;
	color: #010101;
	padding: 20px 0 15px 0;
}
.sub_info3 .li_e{
	padding-bottom: 0;
}

@media (max-width: 575px){
	.sub_info3{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.sub_info3 li{
		width: 100%;
		float: left;
		padding: 0 0 10px 0;
	}
	.sub_info3 li .sub_info3_layout{
		width: 100%;
		height: auto;
		background: #ecf3f9;
		text-align: center;
		padding: 0 0 20px 0;
	}
}

/*================================
	서브내용-하늘색배경(내용)
================================*/
.sub_info4{
	width: 102%;
	overflow: hidden;
	padding: 20px 0 0 0;
}
.sub_info4 li{
	width: 33.33333333333333%;
	float: left;
	padding: 0 3% 0 0;
}
.sub_info4 li .sub_info3_layout{
	width: 100%;
	background: #ecf3f9;
	text-align: center;
	padding: 17px 0 17px 0;
}
.sub_info4 .li_e{
	padding-bottom: 0;
}

@media (max-width: 575px){
	.sub_info4{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.sub_info4 li{
		width: 100%;
		float: left;
		padding: 0 0 10px 0;
	}
}

/*================================
	봉사안내
================================*/
.page6_1 .sub_info2_icon img{
	height: 40px !important;
}
.page6_1 .sub_info2_cursor img{
	width: 10px;
}
.page6_1_title1{
	font-weight: 500;
	color: #010101;
	line-height: 22px;
}

@media (max-width: 575px){
	.page6_1 .sub_info2_icon{
		padding: 15px 0 0 0;
	}
}
@media (min-width: 576px){
	.page6_1 .sub_info2{
		width: 390px;
		margin: 0 auto;
	}
	.page6_1 .sub_info2 li{
		width: 160px;
		height: 160px;
		margin: 0 0 10px 0;
	}
	.page6_1 .sub_info2_icon{
		padding: 15px 0 0 0;
	}
	.page6_1 .page5_1_title2{
		padding-top: 10px;
	}
	.page6_1 .sub_info2_cursor{
		width: auto !important;
		padding: 75px 30px 0 30px;
	}
	.page6_1 .sub_info2_cursor2{
		width: 100% !important;
		height: auto !important;
		padding: 0;
		text-align: center;
		transform:rotate(90deg);
	}
}

/*================================
	후원안내
================================*/
.page6_2_title1{
	font-weight: 500;
	color: #005397;
	padding: 0 0 7px 0;
}
.page6_2_title2{
	font-weight: 500;
	color: #000000;
	padding: 0 0 12px 0;
}
.page6_2 .sub_info3,
.page6_2 .sub_info4{
	padding-top: 0;
}

/*================================
	생활지원서비스
================================*/
.sub_layout31{
	padding-bottom: 0;
}
.page3_1 .page1_2_service{
	padding: 0 0 50px 0;
}
.page3_1_system{
	width: 100%;
	overflow: hidden;
	background: #ecf3f9;
	text-align: center;
	padding: 60px 0 50px 0;
}
.page3_1_title1{
	font-weight: 700;
	color: #000000;
}
.page3_1_title1 span{
	color: #005397;
}
.page3_1_system_content{
	padding: 30px 0 40px 0;
}
.page3_1_system table{
	width: 100%;
	overflow: hidden;
}
.page3_1_system table th{
	background: #6cb2ef;
	font-weight: 500;
	color: #ffffff;
	display: table-cell;
}
.page3_1_system table td{
	background: #ffffff;
	display: table-cell;
}
.page3_1_system table .th_1,
.page3_1_system table .td_1{
	width: 30%;
}
.page3_1_system table .th_2,
.page3_1_system table .td_2{
	width: 70%;
}
.page3_1_system table .th_1{
	border-right: 1px solid #ffffff;
}
.page3_1_system table .td_1{
	border-right: 1px solid #e6e6e6;
	font-weight: 500;
	color: #000000;
}
.page3_1_system table .td_2{
	text-align: left;

}

@media (max-width: 575px){
	.page3_1 .page1_2_service{
		padding: 0 0 30px 0;
	}
	.page3_1_system{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		text-align: center;
		padding: 30px 0 30px 0;
	}
	.page3_1 .page3_1_title1{
		line-height: 26px;
	}
	.page3_1_system_content{
		padding: 20px 0 30px 0;
	}
	.page3_1_system table td{
		padding: 5px 5px;
	}
	.page3_1_system table .th_1,
	.page3_1_system table .td_1{
		width: 40%;
	}
	.page3_1_system table .th_2,
	.page3_1_system table .td_2{
		width: 60%;
	}
}

/*================================
	물리치료
================================*/
.page4_1 .page4_1_img1 img,
.page4_2 .page4_2_img1 img{
	width: 100%;
	border-radius: 20px;
}
.page4_1 .sub_info3{
	width: 100%;
}
.page4_1 .sub_info3 li{
	width: 100%;
	padding: 0 0 20px 0;
}
.page4_1 .sub_info3 .li_e{
	padding-bottom: 0;
}
.page4_1 .sub_info3 li .sub_info3_layout{
	height: auto;
	text-align: left;
	padding: 20px 20px;
}
.page4_1_title1{
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 500;
	color: #005397;
}

@media (max-width: 575px){
	.page4_1 .sub_menu2,
	.page4_2 .sub_menu2{
		padding-top: 25px;
	}
}
@media (min-width: 576px){
	.page4_1 .sub_menu2,
	.page4_2 .sub_menu2{
		padding-top: 30px;
	}
}

/*================================
	의료간호서비스
================================*/
.page4_2_title1{
	font-weight: 700;
	color: #000000;
	padding: 30px 0 20px 0;
}
.page4_2_title2{
	font-weight: 500;
	color: #005397;
	line-height: 26px;
}
.page4_2_text1{
	padding: 10px 0 0 0;
}

/*================================
	간호서비스
================================*/
.page4_2_1 .page4_2_text1{
	padding-bottom: 30px;
}
.page4_2_1 .sub_type1{
	border-top: 1px solid #e6e6e6;
	padding: 30px 0 0 0;
}

/*================================
	서비스리스트
================================*/
.service_list{
	width: 100%;
	overflow: hidden;
	padding: 30px 0 0 0;
}
.service_list li{
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.service_list .li_e{
	padding-bottom: 0;
}
.service_list li dl dt img{
	width: 50px;
}
.service_list li dl dd .service_list_title1{
	font-weight: 700;
	color: #000000;
}

@media (max-width: 575px){
	.service_list{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.service_list li dl{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 20px 20px;
	}
	.service_list li dl dt{
		width: 100%;
		float: left;
		padding: 0 0 15px 0;
	}
	.service_list li dl dd{
		width: 100%;
		float: left;		
	}
	.service_list li dl dd .service_list_content{
		padding: 10px 0 0 0;
	}
}
@media (min-width: 576px){
	.service_list li dl{
		width: 100%;
		overflow: hidden;
		background: #ecf3f9;
		padding: 30px 20px;
	}
	.service_list li dl dt{
		width: 15%;
		float: left;
	}
	.service_list li dl dd{
		width: 85%;
		float: left;	
	}
	.service_list li dl dd .service_list_content{
		padding: 10px 0 0 0;
	}
}

/*================================
	영양관리서비스
================================*/
.service_list_kcal{
	padding: 30px 0 0 0;
}
.service_list_kcal .li_e{
	margin-right: 0;
}

@media (max-width: 575px){
	.service_list_kcal{
		padding: 20px 0 0 0;
	}
	.service_list_kcal li{
		width: 80px;
		height: 60px;
		background: #6cb2ef;
		border-radius: 20px 20px;
		text-align: center;
		color: #ffffff;
		line-height: 22px;
		float: left;
		padding: 5px 0 0 0;
		margin: 0 7px 0 0;
	}
}
@media (min-width: 576px){
	.service_list_kcal li{
		width: 90px;
		height: 60px;
		background: #6cb2ef;
		border-radius: 20px 20px;
		text-align: center;
		color: #ffffff;
		line-height: 22px;
		float: left;
		padding: 5px 0 0 0;
		margin: 0 7px 0 0;
	}
}

/*================================
	정서/종교/가족지원 프로그램
================================*/
.page3_4 .sub_menu2{
	padding: 30px 0 0 0;
}

/*================================
	프로그램,식단표-달력
================================*/
/*년도월*/
.calendar_top{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.calendar_top ul{
	display: inline-block;
}
.calendar_top .calendar_top_pre{
	padding: 5px 25px 0 0;
	float: left;
}
.calendar_top .calendar_top_days{
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #000000;
	line-height: 30px;
	float: left;
}
.calendar_top .calendar_top_next{
	padding: 5px 0 0 25px;
	float: left;
}

/*리스트-기본레이아웃*/
.calendar_list{
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #000000;
	border-left: 1px solid #bcbcbc;
	margin: 15px 0 0 0;
}
.calendar_list th{
	width: 14%;
	font-weight: 500;
	font-size: 17px;
	color: #000000;
	background: #f6f6f6;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 9px 0 12px 0;
}
.calendar_list td{
	width: auto;
	height: 70px;
	padding: 5px 10px 10px 10px;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	vertical-align: top;
}
.calendar_list .div_number{
	width: 100%;
	font-size: 17px;
	color: #000000;
	text-align: right;
}
.calendar_list .th_sun{
	background: #fce8e8;
}
.calendar_list .th_sat{
	background: #e8f1fc;
}
.calendar_list .td_today{
	background: #fff4f0;
}
.calendar_list .th_sun,
.calendar_list .td_sun .div_number,
.calendar_list .td_holiday .div_number{
	color: #b90000;
}
.calendar_list .th_sat,
.calendar_list .td_sat .div_number{
	color: #004ba6;
}
.calendar_list .btn_view{
	width: 20px;
}

/*달력리스트-내용*/
.calendar_view_list dl{
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0 0;
}
.calendar_view_list dl dt{
	font-weight: 500;
	font-size: 17px;
	color: #000000;
}
.calendar_view_list dl dd{
	font-size: 16px;
	color: #353535;
	line-height: 24px;
}
.calendar_view_list .dl_1{
	padding: 0 0 10px 0;
}
.cvl_days1{
	padding: 0 0 10px 0;
}

/*================================
	프로그램,식단표-상세보기
================================*/
.calendar_list .div_view{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 0 0;
}
.calendar_info{
	font-size: 14px;
	color: #353535;
	letter-spacing: -1.0px;
	text-align: right;
	padding: 20px 0 0 0;
}
.calendar_info img{
	width: 20px;
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin: -2px 0 0 0;
}

/*일정자세히보기*/
.calendar_view{
	display:none;
}
.calendar_view_list{
	width: 100%;
	padding: 35px 20px 30px 20px;
}
.calendar_view_list .cvl_days{
	width: 100%;
	font-family: 'Gmarket Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #000000;
	text-align: center;
}
.calendar_view_list table{
	width: 100%;
	overflow: hidden;
	border-left: 1px solid #bcbcbc;
	margin: 15px 0 0 0;
}
.calendar_view_list table th{
	width: 20%;
	background: #f6f6f6;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	padding: 9px 0 12px 0;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	text-align: center;
}
.calendar_view_list table td{
	width: auto;
	font-size: 16px;
	color: #353535;
	padding: 9px 5px 12px 5px;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	text-align: center;
}