/**sub css**/
.sub_wrap{
	padding-top:70px;
}
.sub_content{
	padding:50px 16px;
}
.sub_text{
	margin-top:50px;
}
.sub_content .blue-bar {
    width: 34px;
    height: 3px;
    background: #1368ae;
    margin: 14px 0;
    border-radius: 3px;
}
.sub_title{
    padding-bottom: 16px;
}
.sub_title h3{
	font-size: 20px;
	color: #656565;
	font-family: 'noto-m';
	margin:0;
}
.sub_title p{
	color: #919191;
    font-size: 15px;
}
/**sub bn**/
.sub_bg_txt{
	width: 100%;
	height:200px;
    background: #4f89c1;
	color:#fff;
	text-align:center;
}
.sub_bg_txt h4{
	font-family:'noto-b';
	font-size:20px;
	margin-top: 0;
}
.sub_bg_txt p{
	font-family:'noto-r';
	font-size: 15px;
    line-height: 22px;
}

/**sub title**/
.subNav_wrap {
    width: 100%;
	position: relative;
    background-color: #fff;
    height: 52px;
}
.subNav{
	width:100%;
    height: 52px;
    line-height: 52px;
    background:#fff;
    position:absolute;
    left:50%;
    margin-left:-50%;
    bottom:0;
    color:#333;
    font-size: 12px;
    font-family: 'noto-m';
    z-index: 2;
	border-bottom:1px solid #e8e8e8;
}
.subNav > li{
    float:left;
	padding: 0 6px;
    box-sizing: border-box;
	letter-spacing: -0.03em;
    text-align:center;
	/*border-bottom: 1px solid #e8e8e8;*/
}
.subNav li a{
    display:block;
    color:#333;
	letter-spacing:-0.04em;
    border:1px solid #e8e8e8;
	border-top:0;
	border-bottom:0;
	border-right:0;
}
.subNav .subNavHome{
    height: 52px;
    background:#1368ae url(/images/ico_home_wh.png) center no-repeat;
	background-size: 21px;
    text-indent:-9999px;
    border-right:0;
}
.subNav .subNavMenu{
    text-align:left;
    text-indent:8px;
}
.subNav .subNavMenu .on_link{
	display:block;
    color:#333;
	border-right:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
	background:url(/images/arr_blue.png) no-repeat right center;
}
.snb{
	display:none;
	z-index:200;
    background:#fff;
	border-right:1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}


/**센터소개**/
.font_blue {
    padding-bottom: 30px;
    color: #477fb6;
    font-family: 'noto-m';
    font-size: 18px;
	letter-spacing: -0.03em;
}
.greeting_cont {
	font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.03em;
}
.name_sign{
	font-size:15px;
	margin-right: 10px;
}
.name_sign img{
	vertical-align: middle;
    height: 33px;
    margin-left: 5px;
}
.greeting_img{
	position: absolute;
    bottom: 0;
    left: 0;
}

/**미션과 비전**/
.mvv_sec {
    margin-top: 50px;
}
.mvv_tt {
    text-align: center;
    font-size: 20px;
    font-family: 'noto-b';
	color: #000;
}
.mvv_tt span{
	display:block;
}
.mvv_tt_bar {
    width: 35px;
    height: 3px;
    background: #5eabf5;
    margin:10px auto;
}
.mvv_tt_ko {
    color: #a3a3a3;
    font-size: 16px;
    font-family: 'noto-m';
}
.mission {
    text-align: center;
    font-family: 'noto-r';
    font-size: 16px;
    color: #000000;
    padding: 36px 16px;
    background: #f8f8f8;
    margin: 20px 0;
    position: relative;
    z-index: 2;
}
.quotes_left{
	position: absolute;
    top: 35px;
    left: 10px;
}
.quotes_right{
	position: absolute;
    top: 35px;
    right: 10px;
}
.quotes_left img,
.quotes_right img{
	width:18px;
}
.quotes_line {
    position: relative;
    font-family: 'noto-m';
    color: #3785d3;
	font-size: 18px;
	letter-spacing:-0.03em;
}
.quotes_line:before {
    position: absolute;
    bottom: 2px;
    width: 100%;
    left: 0;
    height: 12px;
    background: #a4dcff78;
    content: "";
    z-index: -1;
}
.vistion_li {
    width: 100%;
    border: 1px solid #4f89c1;
    text-align: center;
    border-bottom: 6px solid #4f89c1;
    margin-top: 20px;
    padding: 25px 0;
	position:relative;
}
.vistion_li1{
	border: 1px solid #4bbbff;
    border-bottom: 6px solid #5bc1ff;
}
.vistion_tx1{
	background: #eff9ff;
	color:#3fb0f4;
}
.vistion_tx1 span{
	background: #4bbbff;
}
.vistion_order1{
	color:#3faef2;
}
.vistion_li2{
	border: 1px solid #43c7df;
    border-bottom: 6px solid #43c7df;
}
.vistion_tx2{
	background: #e7fbff;
	color:#48bacf;
}
.vistion_tx2 span{
	background:#41c0d7;
}
.vistion_order2{
	color:#54cee4;
}
.vistion_li3{
	border: 1px solid #3c8fe0e0;
    border-bottom: 6px solid #3c8fe0d9;
}
.vistion_tx3{
	background: #ecf5ffcc;
	color:#3c8fe0;
}
.vistion_tx3 span{
	background:#3c8fe0;
}
.vistion_order3{
	color:#3c8fe0;
}
.vistion_order {
    font-size: 22px;
    font-family: 'noto-b';
    color: #4f89c1;
}
.vistion_tx span {
    width: 20px;
    height: 2px;
    background: #4f89c1;
    display: block;
    margin: 10px auto;
}
.vistion_tx {
    width: 80%;
    background: #f1f8ff;
    margin: auto;
    padding: 17px 0;
    margin-top: -24px;
    font-family: 'noto-m';
    color: #437eb8;
    font-size: 16px;
    line-height: 1.4;
}
.value img{
	width: 100%;
    margin: 35px auto 0;
    display: block;
}
table.hanacenter_table.strategy_table {
    margin-top: 50px;
}
table.hanacenter_table.strategy_table th{
	color: #fff;
    background: #4f89c1;
    line-height: 2.5;
	font-weight: normal;
    font-size: 15px;
}
table.hanacenter_table.strategy_table th:first-child{
	border-right:1px solid #fff;
}
.hanacenter_table.strategy_table td:first-child {
    /*padding-left: 0;*/
    text-align: center;
    background: #f1f8ff;
    color: #3c79b2;
    font-size: 15px;
	letter-spacing:-0.03em;
    font-family: 'noto-m';
}
.hanacenter_table.strategy_table td:nth-child(2) {
    padding: 0;
}
.hanacenter_table span{
	color: #639dd5;
    font-size: 10px;
    vertical-align: 4px;
    padding-right: 5px;
}
.hanacenter_table td{
	border-bottom: 1px solid #ddd;
	padding: 5px 12px;
	font-size: 15px;
	letter-spacing:-0.03em;
}
.hanacenter_table tr:first-child td{
	border-top: 3px solid #72ace5;
}
.hanacenter_table td:first-child{
	border-right: 1px solid #ddd;
    background: #f5f5f5;
    padding-left: 18px;
}
.hanacenter_table td:last-child {
    padding: 23px 0 23px 41px;
}
.implementation_plans li{
	border-bottom: 1px solid #ddd;
    padding: 12px 16px;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.implementation_plans li:last-child{
	border-bottom:0;
}


/**YMCA**/
.stm_img img{
	width: 100%;
}
.stm_tx span {    
    font-size: 20px;
    font-family: 'noto-b';
    padding-top: 30px;
    display: block;
    padding-bottom: 20px;
}
.stm_tx div{
	line-height: 24px;
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #4f4f4f;
}


/*하나센터*/
.hanacenter_explan{
	margin-top:50px;
}
.hanacenter_img img{
	width:100%;
}
.hanaceter_text img {
    width: 100%;
}
.hanacenter_cont{
	font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.03em;
    margin-top: 30px;
}
.hc_work_tt div {
    font-size: 20px;
    color: #3883ca;
    padding-bottom: 3px;
    border-bottom: 2px solid #3883ca;
    text-align: center;
    margin: 50px auto 20px;
    font-family: 'noto-b';
}
.hc_work_tt span{
	text-align: center;
    display: block;
    font-size: 15px;
    line-height: 25px;
    color: #666;
}
.hc_work ul{
    margin-top: 30px;
	width: 100%;
}
.hc_work li{
	float:left;
	width: 50%;
	text-align:center;
	padding: 0 8px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hc_work li img{
	height: 120px;
}
.hc_work li p{
	height: 65px;
	font-size: 14px;
	letter-spacing:-0.05em;
    padding-top: 20px;
    color: #276db0;
    font-family: 'noto-m';
}


/*찾아오시는 길*/
.conect_dt > h3{
	font-size: 20px;
    color: #2267aa;
	border-bottom:2px solid #8abbeb;
}
.conect_dt > h3  > p{
	font-size: 15px;
    color: #a1a1a1;
    font-weight: 100;
	padding-bottom: 12px;
}
.conect_dt > div > p{
	font-family: 'noto-m';
    font-size: 16px;
}
.conect_dt > div > p > span, .traffic > h3 span{
	font-size: 10px;
    vertical-align: 4px;
    padding-right: 6px;
    color: #8abbeb;
}
.con_dt{
	color: #848484;
    font-size: 15px !important;
    padding-left: 17px;
    font-family: 'noto-r' !important;
    padding-bottom: 20px;
}
.con_dt a{
	color:inherit;
}
.traffic > h3{
	font-family: 'noto-m';
    font-size: 16px;
    font-weight: 100;
    margin: 0;
}
.traffic_dt{
	border: 1px solid #ddd;
    border-radius: 5px;
    padding: 16px;
	box-sizing:border-box;
    margin-top: 18px;
}
.traffic_dt > div{
	padding-bottom:20px;
}
.traffic_dt > div:last-child{
	padding-bottom:0;
}
.traffic_dt p{
	display: block;
	font-size:15px;
}
.traffic_dt p span{
	color: red;
    padding-left: 5px;
}


/*지역적응지원사업*/
.hanaceter_text {
    text-align: center;
    padding-bottom:50px;
}
.hanacenter_table td:nth-child(3) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #f5f5f5;
}
.hanacenter_table td:nth-child(2){
	padding: 23px 16px;
}

/*후원/ 자원봉사 안내*/
.question {
    font-family: 'noto-b';
    font-size: 18px;
	letter-spacing: -0.03em;
	color: #477fb6;
    margin-bottom: 30px;
}
.answer{
	color: #6a6a6a;
    font-family: 'noto-m';
	font-size: 15px;
    line-height: 24px;
}


/*게시판 공통 css*/
.sub_content .modal-dialog{
	width: 100% !important;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding: 10px;
    margin: 0;
}

/*기존 css*/
.program_tx{
	padding-top: 94px;
	line-height: 25px;	
}
.program_img img{
	width: 469px;
    padding-top: 100px;
}
.pg_span{
	font-size: 27px;
    padding-top: 22px;
    display: block;
    color: #196ec0;
}





/*media*/
@media screen and (min-width: 320px){
	.subNav .subNavMenu .on_link{
		font-size: 13px;
	}	
	.subNav > li, .subNav li a{
		font-size: 13px;
	}	
} 
@media screen and (min-width: 360px){
	.subNav .subNavMenu .on_link{
		font-size: 14px;
	}
	.subNav > li .subNav li a{
		font-size: 14px;
	}	
}