.con_sec *{
    line-height: 150%;
    word-break: keep-all;
}
.hwa_imgBox{
	text-align: center;
	margin: 30px 0;
}
.con_sec{
    width: 100%;
    height: auto;
    padding: 50px 0;
}
.margin-0{
    margin: 0 !important;
}
.bg-none{
	background: transparent !important;
}
.margin-bottom-10{
	margin-bottom: 10px !important;
}
.margin-bottom-30{
	margin-bottom: 30px !important;
}
.padding-0{
	padding: 0 !important;
}
.font-size-24{
	font-size: 24px !important;
}
.border-right{
	border-right: 1px solid #ccc !important;
}
.page_con_txt_table{
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}
.page_con_txt_table tr td{
    vertical-align: top;
}
.page_con_txt_table tr .page_con_txt_point{
    width: 40px;
}

.page_con_txt_table tr .page_con_txt_point img{
    position: relative;
    top: 5px;
}
.page_con_txt_table tr .page_con_article{
    width: calc(100% - 40px);
    height: auto;
}
.page_con_txt_table tr .page_con_article h3{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}
.page_con_txt_table tr .page_con_article p{
    font-size: 20px;
    font-weight: 400;
}
.page_con_txt_table tr .page_con_article .page_list_sub_txt{
	font-size: 20px;
	margin: 5px 0 15px;
}

.page_left_marker{
	position: relative;
	padding-left: 20px;
	margin-bottom: 15px;
}
.page_left_marker::before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #A1C9EC;
	border-radius: 100%;
	position: absolute;
	top: 13px;
	left: 0;
}
.com_history_left_txt{
	padding-left: 20px;
	margin-bottom: 20px;
}
.padding-left-40{
	padding-left: 40px;
}
.margin-left-40{
	margin-left: 40px;
}

/* .page_con_txt_table.com_info_ci tr .page_con_txt_point{
	width: 50px;
}
.page_con_txt_table.com_info_ci tr .page_con_article{
	width: calc(100% - 50px);
	padding-left: 15px;
	padding-top: 15px;
} */
.page_con_txt_table.com_info_ci tr .page_con_article h3{
	font-size: 30px;
}
@media(max-width:767px){
    .page_con_txt_table{
        margin-bottom: 30px;
    }
    .page_con_txt_table tr .page_con_txt_point img{
        top: 3px;
    }
    .page_con_txt_table tr .page_con_article h3{
        font-size: 21px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .page_con_txt_table tr .page_con_article p{
        font-size: 16px;
        font-weight: 400;
    }
		.page_left_marker::before{
			transform: inherit;
			top: 10px;
		}
}
.com_info_list{
    margin-top: 50px;
	margin-bottom: 50px;
}
.com_info_list>li{
    padding: 0 5px;
}
.com_info_list_wrap{
    width: 100%;
    min-height: 440px;
    position: relative;
    top: 0;
    background: #f5f4f4;
    border-radius: 40px;
    padding: 35px;
    padding-top: 60px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    transition: all 0.3s ease-in;
}
.com_info_list_wrap:hover{
    top: -25px;
}
.com_info_img_wrap{
    width: 138px;
    height: 138px;
    margin: 0 auto;
    position: relative;
    border-radius: 100%;
    overflow: hidden;   
}
.com_info_img_box01{
    background: url(../img/contents/com_info_icon01.png);
}
.com_info_img_box02{
    background: url(../img/contents/com_info_icon02.png);
}
.com_info_img_box03{
    background: url(../img/contents/com_info_icon03.png);
}
.com_info_img_box04{
    background: url(../img/contents/com_info_icon04.png);
}
.com_info_img_box05{
    background: url(../img/contents/com_info_icon05.png);
}
.com_info_img_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.com_info_txt_box{
    margin-top: 30px;
    text-align: center;   
}
.com_info_txt_box h3{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}
.com_info_txt_box p{
    font-size: 15px;
    font-weight: 500;
		color: #5b5a5a;
}
.com_info_txt_box p span{
	color: #000;
	margin-bottom: 5px;
	font-size: 20px;
	display: block;
}
.com_info_ci{
	margin-top: 40px;
}
.com_info_txt_box01 h3{
    color: #f95353;
}
.com_info_txt_box02 h3{
    color: #6caee7;
}
.com_info_txt_box03 h3{
    color: #f9b153;
}
.com_info_txt_box04 h3{
    color: #76bafc;
}
.com_info_txt_box05 h3{
    color: #5ab267;
}

@media(max-width:1200px){
    .com_info_list>li{
        padding: 0 15px;
    }
    .com_info_list_wrap{
        min-height: inherit;
        height: auto;
        border-radius: 20px;
        padding: 15px;
        padding-top: 30px;
        margin-bottom: 50px;
    }
    .com_info_list_wrap:hover{
        top: inherit;
    }

    .com_info_txt_box{
        margin-top: 15px;
    }
    .com_info_txt_box h3{
        font-size: 21px;
        margin-bottom: 15px;
    }
    .com_info_txt_box p{
        font-size: 16px;
    }
}

/* 재단소개 */


/* 인사말 */

.ceo_top_bg{
    text-align: center;
}
.ceo_top_bg img{
	max-height: 600px;
}
.ceo_title_txt h3{
    font-size: 40px;
    font-weight: 400;
    padding: 70px 0;
    text-align: center;
	color: #6caee7;
	font-weight: bold;   
}
.ceo_article_wrap{
    width: 100%;
    height: auto;
    position: relative;
    padding: 50px;
    text-align: center;
    /* background: #faf9ea;
		background: url(../img/contents/ceo_article_bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center; */
}
.ceo_article_wrap p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.ceo_sign{
    text-align: right;
}

@media(max-width:992px){
    .ceo_title_txt h3{
        font-size: 24px;
        padding: 40px 0;
    }
    .ceo_article_wrap{
        padding: 30px;
    }
    .ceo_article_wrap p{
        font-size: 16px;
        margin-bottom: 15px;
    }
		.ceo_article_wrap p br{
			display: none;
		}
		.com_info_logo{
			margin-bottom: 15px;
		}
}

@media(max-width:767px){
	.ceo_title_txt h3 br{
		display: none;
	}
	.ceo_sign{
		text-align: center;
		font-weight: bold;
	}
}
/* 인사말 */

/* =============================================연혁============================================= */

.history_s1{
    padding-top: 100px;
}

/* Style the tab */
.history_tab {
	overflow: hidden;
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	text-align: center;
  }
  
  /* Style the buttons inside the tab */
  .history_tab button {
	background-color: inherit;
	display: inline-block;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 20px 0;
	margin: 0 15px;
	transition: all 0.3s;
	font-size: 20px;
	width: calc(33.33% - 34px);
	position: relative;
  }
  
  /* Change background color of buttons on hover */
  .history_tab button:hover {
  }
  .history_tab button:hover::after{
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 100%;
	  height: 2px;
	  background: #6caee7;
  }
  
  /* Create an active/current tablink class */
  .history_tab button.active {

	font-weight: bold;
  }
  .history_tab button.active::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 10px;
	background:#6caee7;
  }
  
  /* Style the tab content */
  .history_tabcontent {
	display: none;
	padding: 6px 12px;
	/* border: 1px solid #ccc; */
	/* border-top: none; */
  }
  .history_tabcontent.history_first_tabcontent{
	  display: block;
  }

  


/* tab */

.history_year_title{
	text-align: center;
	margin-top: 60px;
}

.history_list_wrap{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 90px;
	margin-top: 90px;
	padding-bottom: 90px;
}
.history_list_wrap::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: #a0a0a0;
}
.history_list_bigBox>li{
	padding: 0;
}
.history_txtBox{
	position: relative;
	margin-bottom: 50px;
}
.history_txtBox *{
	color: #a0a0a0;
}
.history_list_midiumBox_right .history_txtBox{
	padding-left: 30px;
	text-align: left;
}
.history_list_midiumBox_left .history_txtBox{
	padding-right: 30px;
	text-align: right;
}

.history_txtBox::before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 10px;
	height: 10px;
	background: #a0a0a0;
	transition: all 0.4s;
	z-index: 2;
}
.history_list_midiumBox_right .history_txtBox::before{
	left: 0;
	transform: translate(-50%,-50%);
}
.history_list_midiumBox_left .history_txtBox::before{
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
}
.history_txtBox::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #a0a0a0;
	background: #fff;
	position: absolute;
	top: 50%;
	transition: all 0.4s;
	z-index: 1;
}
.history_list_midiumBox_right .history_txtBox::after{
	left: 0;
	transform: translate(-50%,-50%);
}
.history_list_midiumBox_left .history_txtBox::after{
	right: 0;
	transform: translate(50%,-50%);
}

/* 스크롤 애니메이션 */

.history_txtBox.scrolled::before{
	background: #6caee7;
}
.history_txtBox.scrolled::after{
	border: 2px solid #6caee7;
	width: 18px;
	height: 18px;
}
.history_txtBox.scrolled *{
	color: #000;
}

/* 스크롤 애니메이션 */

.history_txtBox h3, .history_txtBox p{
	display: inline-block;
	margin-left: -4px;
	transition: all 0.4s;
	vertical-align: middle;
}

.history_txtBox p{
	font-size: 16px;
}
.history_txtBox p.history_month{
	margin: 0 10px;
}
.history_txtBox h3{
	margin: 0 10px;
}
.history_txtBox p.history_article{
	margin: 0 10px;
}

@media(max-width:992px){
	.history_list_wrap{
		padding-top: 40px;
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.history_list_wrap::before{
		top: 0;
		left: 15px;
		transform: inherit;
	}
	.history_list_midiumBox_left .history_txtBox{
		padding-right: 0;
		padding-left: 30px;
		text-align: left;
	}
	.history_list_midiumBox_right .history_txtBox::before{
		left: 15px;
		transform: translate(-50%,-50%);
	}
	.history_list_midiumBox_left .history_txtBox::before{
		right: inherit;
		left: 15px;
		transform: translate(-50%,-50%);
	}
	.history_list_midiumBox_left .history_txtBox::after{
		right: inherit;
		left: 15px;
		transform: translate(-50%,-50%);
	}
	.history_list_midiumBox_right .history_txtBox::after{
		left: 15px;
	}
	.history_txtBox p{
		font-size: 14px;
		margin: 0;
	}
	.history_txtBox h3{
		width: 20%;
		text-align: center;
		margin: 0;
		padding: 0 5px;
	}
	.history_txtBox p.history_month{
		width: 15%;
		text-align: center;
		margin: 0;
		padding: 0 5px;
	}
	.history_txtBox .no-month{
		position: relative;
		left: 15%;
	}
	.history_txtBox p.history_article{
		width: 65%;
		text-align: left;
		margin: 0;
		padding: 0 5px;
	}
	.history_txtBox h3, .history_txtBox p{
		margin-left: -4px !important;
	}
	
}

@media(max-width:360px){
	.history_txtBox h3{
		width: 30%;
		padding: 0 3px;
	}
	.history_txtBox p.history_month{
		width: 25%;
		padding: 0 3px;
	}
	.history_txtBox p.history_article{
		width: 45%;
		padding: 0 3px;
	}
	.history_txtBox p{
		font-size: 10px;
	}
	.history_txtBox .no-month{
		position: relative;
		left: 25%;
	}
}
/* =============================================연혁============================================= */

/* 오시는길, 조직도 */

.org_img_box{
	text-align: center;
}
.location_s1 *{
	font-family: 'Noto Sans KR', sans-serif !important;
}
.location_car{
	margin: 0 20px;
	padding: 20px 0;
	border-top: 1px solid #f2f2f2;
}
.location_car h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
.location_car p{
	font-size: 13px;
	margin-bottom: 7px;
}

/* 오시는길, 조직도 */




/* 행복손길 */

/* 후원안내 */

.volunteer_top_bg01{
	background: url(../img/contents/volunteer_top_bg.jpg);
}

.volunteer_top_bg{
	width: 100%;
	height: 400px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
}

.volunteer_top_txt_box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto;
	padding: 0 15px;
	text-align: center;
}
.volunteer_top_txt_box h1{
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}
.volunteer_top_txt_box h1:first-child{
	margin-bottom: 40px;
}
.volunteer_con_titlebox{
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.volunteer_con_titlebox h2{
	font-size: 28px;
	font-weight: 400;
	position: relative;
	padding-left: 40px;
}
.volunteer_con_titlebox h2::before{
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	background: url(../img/contents/con_point.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	top: 0;
	left: 0;
}
.volunteer_con_titlebox p{
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0;
}
.volunteer_stat{
	width: calc(100% - 40px);
	height: auto;
	margin-left: 40px;
	padding-left: 40px;
	border-top: 2px solid #A1C9EC;
	margin-bottom: 30px;
}
.volunteer_stat *{
	word-break: normal;
}
.volunteer_stat tr.point td{
	font-weight: bold;
	background: #e1f1fe;
}
.volunteer_stat tr{
	border-bottom: 1px solid #ccc;
}
.volunteer_stat tr td{
	font-size: 20px;
	font-weight: 400;
	padding: 10px 0;
}
.volunteer_stat tr td:first-child{
	font-weight: bold;
	background: #e1f1fe;
	text-align: center;
}
.volunteer_stat tr td:last-child, .volunteer_stat tr td:nth-child(2){
	padding-left: 15px;
}

.volun_s1_con02_box{
	width: 100%;
	height: auto;
	background: #e1f1fe;
	padding: 20px;
}
.volun_s1_con02_box>div{
	display: inline-block;
	vertical-align: middle;
	margin-left: -4px;
}
.volun_s1_con02_box .volun_s1_con02_left{
	width: 35%;
	text-align: center;
}
.volun_s1_con02_box .volun_s1_con02_right{
	width: 65%;
	padding-left: 30px;
}
.volun_s1_con02_right h3{
	font-weight: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.volun_s1_con02_right p{
	font-size: 18px;
	font-weight: 400;
}
.volun_s1_con02_bottom{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.volun_s1_con02_bottom ul li{
	display: inline-block;
	margin: 0 2px;
	max-width: 156px;
	width: 100%;
	height: 90px;
	background: #3580cf;
	position: relative;
	border-radius: 10px;
}
.volun_s1_con02_bottom ul li p{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 400;

}
.volun_s1_con02_bottom ul li span{
	font-size: 16px;
	font-weight: 500;
	padding: 3px 15px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family: 'Noto Sans KR', sans-serif !important;
	margin-top: 10px;
	display: inline-block;
}
.volun_s1_con02_bottom_bg{
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: 100%;
}
.volun_s1_con02_bottom_bg img{
	max-width: inherit;
}
.page_con_txt_table.vol_page_con_txt_table{
	margin-bottom: 50px;
}

.vol_page_txt_table_p:last-child{
	margin-bottom: 0;
}
.volunteer_stat.vol_page_stat tr td:first-child{
	background: transparent;
	font-weight: 400;
}
.volunteer_stat.vol_page_stat tr.point td:first-child{
	background: #e1f1fe;
}
.stat_p_bg{
	background:  #e1f1fe !important;
}
.stat_trans_bg{
	background: transparent !important;
}
.volunteer_stat.vol_page_stat tr td{
	text-align: center;
	border-right: 1px solid #ccc;
}
.volunteer_stat.vol_page_stat tr td:last-child{
	border-right: none;
}

.vol01_con02_bottom_titlebox p{
	margin-top: 0;

}
.vol01_con02_bottom_titlebox p:first-child{
	margin-bottom: 15px;
}
.vol01_con02_bottom_titlebox p:last-child{
	font-weight: 400;
	padding-left: 20px;
}
.volun_con_big_box{
	margin-bottom: 70px;
}
.volunteer01_top_banner div{
	text-align: center;
}

@media(min-width:993px){
	.volunt_con02_line{
		width: calc(100% - 25px);
		margin-left: 25px;
	}
}
@media(max-width:1200px){
	.volunteer_top_bg{
		height: 300px;
	}

	.volunteer_top_txt_box h1{
		font-size: 27px;
	}
	.volunteer_top_txt_box h1:first-child{
		margin-bottom: 30px;
	}
	.volunteer_con_titlebox{
		margin-bottom: 15px;
	}
	.volunteer_con_titlebox h2{
		font-size: 24px;
	}

	.volunteer_con_titlebox p{
		font-size: 16px;
		margin-top: 20px;
	}
	.volunteer_stat{
		margin-bottom: 20px;
	}
	.volunteer_stat tr td{
		font-size: 16px;
	}
	.volun_s1_con02_right h3{
		font-weight: 18px;
	}
	.volun_s1_con02_right p{
		font-size: 14px;
	}
	.volun_s1_con02_bottom{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.volun_s1_con02_bottom ul li p{
		font-size: 16px;
	}
	.volun_s1_con02_bottom ul li span{
		font-size: 14px;
		padding: 3px 10px;
	}
	.page_con_txt_table.vol_page_con_txt_table{
		margin-bottom: 40px;
	}
	.vol01_con02_bottom_titlebox p:last-child{
		padding-left: 16px;
	}
}

@media(max-width:992px){
	.volun_s1_con02_box{
		margin-bottom: 30px;
	}
	.volunt_con02_line{
	}
	.volunteer_stat tr td{
		font-size: 14px;
		padding: 10px 5px;
	}
	.volun_s1_con02_right p br{
		display: none;
	}
}
@media(max-width:767px){
	.volunteer_top_txt_box h1{
		font-size: 18px;
	}
	.volunteer_con_titlebox h2{
		font-size: 21px;
	}
	.volunteer_stat tr td{
		font-size: 10px;
	}
	.volun_s1_con02_bottom ul li{
		max-width: inherit;
		width: 25%;
	}
	.volun_s1_con02_bottom_bg img{
		width: 70%;
	}
	.volunteer_con_titlebox h2::before{
		width: 30px;
		height: 30px;
	}
}

@media(max-width:540px){
	.volun_s1_con02_bottom_bg{
		display: none;
	}
	.volun_s1_con02_bottom{
		margin-top: 20px;
	}
	.volun_s1_con02_bottom ul li{
		width: calc(33.33% - 20px);
	}
	.volunteer_stat{
		margin-left: 0;
	}
	.page_left_marker.margin-left-40{
		margin-left: 0;
	}
	.volunteer_con_titlebox.padding-left-40{
		padding-left: 0;
	}
	.page_title_nav>li:last-child ul li{
		width: 50%;
	}
}

@media(max-width:360px){
	.volunteer_stat tr td{
		padding: 10px 0;
	}
}
/* 후원안내 */

/* 자원봉사안내 */

.volunteer02_top_banner>div{
	text-align: center;
}
.volunteer02_top_banner .volunteer02_pc_top_img{
	display: block;
}
.volunteer02_top_banner .volunteer02_mo_top_img{
	display: none;
}

@media(max-width:767px){
	.volunteer02_top_banner .volunteer02_pc_top_img{
		display: none;
	}
	.volunteer02_top_banner .volunteer02_mo_top_img{
		display: block;
	}
}

/* 자원봉사안내 */


/* 행복손길 */

/* 기관안내 */

/* 네비 */

.agency_guide_nav{
	text-align: center;
	width: 100%;
	height: auto;
}
.agency_guide_nav>li{
	display: inline-block;
	margin-left: -4px;
	width: 18.5%;
	margin: 0 0.5%;
	margin-bottom: 0.5%;
}
.agency_guide_nav02>li{
	width: 23%;
}
.agency_guide_nav>li a{
	display: block;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #afd565;
	font-size: 18px;
	transition: all 0.3s ease-in;
}
.agency_guide_nav>li.active a{
	background: #afd565;
	color: #fff;
	font-weight: bold;
}
.agency_guide_nav>li:hover a{
	background: #afd565;
	color: #fff;
	font-weight: bold;
}
.age_guide_top_txt{
	padding-bottom: 50px;
	text-align: center;
}
.age_guide_top_txt h1{
	font-size: 24px;
	font-weight: bold;
}
.age_guide_top_txt h1:last-child{
	text-align: justify;
	max-width: 767px;
	width: 100%;
	margin: 0 auto;
}

.volunteer_stat.age_guide_stat tr td{
	text-align: left;
	padding-left: 15px;
}
.volunteer_stat.age_guide_stat tr td.age_guide_stat_point{
	text-align: center;
	padding: 0;
}
.age_guide_stat_end{
	border-left: 1px solid #ccc;
}
.text-left{
	text-align: left !important;
}
.volunteer_stat tr td.text-left{
	padding-left: 15px;
}

.volunteer_stat.age_guide_stat tr.point td{
	font-weight: 400;
}


@media(max-width:767px){
	.agency_guide_nav>li{
		width: 48.5%;
		margin-bottom: 1%;
	}
}

/* 네비 */

.facility-big-slideBox{
	background: #ffffff;
}
.facility-big-slideBox div .slick-slide img{
	margin: 0 auto;
}
.facility-big-slideBox .slider-for .slick-next{
	right: 0 !important;
}
.facility-big-slideBox .slider-for .slick-prev{
	left: 0 !important;
	z-index: 1;
}
.facility-big-slideBox .slider-for .slick-next:before, .facility-big-slideBox .slider-for .slick-prev:before{
	font-size: 35px;
	color: #000 !important;
}
.facility-big-slideBox .slider-for .slick-next, .facility-big-slideBox .slider-for .slick-prev{
	width: auto !important;
	height: auto !important;
}


/* 기관안내 */

/* 화성재가 노인돌봄센터 이용절차 */

/* .mo-service-ex{
	padding-left: 20px;
} */
.service-list{
	padding-left: 20px;
}
.service-top-imgbox{
	padding-bottom: 0;
}
.service-step-bigbox{
	width: 100%;
	height: 240px;
	position: relative;
	text-align: center;
	background: rgb(47, 87, 190);
	padding: 10px;
}
.service-step-bigbox-even{
	background: #A1C9EC;
}
.service-step-wrap{
	margin-top: 30px;
}
.service-step-bigbox .step-top-txt{
	font-size: 21px;
	color: #fff;
	line-height: 150%;
	padding-top: 10px;
	height: 85px;
}
.service-step-smallbox{
	width: 100%;
	height: 120px;
	background: #fff;
	position: relative;
}
.step-bottom-txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	color: #181818;
	font-size: 16px !important;
	padding: 0 5px;
}
.step-box-top-area{
	padding-bottom: 30px;
}



@media(min-width:769px){
	.mo-service-ex{
		display: none;
	}
}

@media(max-width:1200px){
	.step-box-bottom-area{
		padding-bottom: 30px;
	}
}
@media(max-width:1025px){
	.service-list-title{
		padding-bottom: 30px;
	}
}
@media(max-width:768px){
	.pc-service-ex{
		display: none;
	}


}


/* 화성재가 노인돌봄센터 이용절차 */

.vol_stat_sub_txt_right{
	font-size: 14px;
	color: rgb(47, 87, 190);
	text-align: right;
	padding: 8px 0;
}
.vol_stat_sub_txt_left{
	font-size: 14px;
	color: #000;
	text-align: left;
	padding: 8px 0;
}

.sub-p-bg{
	background: #cfe6fa !important;
}

@media(max-width:992px){
	.service-step-wrap{
		margin-left: -5px;
		margin-right: -5px;
	}
	.service-step-wrap > div{
		padding: 0 5px;
		margin-bottom: 10px;
	}
}