:root{
		--normal-color-10:rgba(0,0,0,1);
		--normal-color-9:rgba(0,0,0,0.9);
		--normal-color-8:rgba(0,0,0,0.8);
		--normal-color-7:rgba(0,0,0,0.7);
		--normal-color-6:rgba(0,0,0,0.6);
		--normal-color-5:rgba(0,0,0,0.5);
		--normal-color-4:rgba(0,0,0,0.4);
		--normal-color-3:rgba(0,0,0,0.3);
		--normal-color-2:rgba(0,0,0,0.2);
		--normal-color-1:rgba(0,0,0,0.1);
		} 

	/* Opera Fix */
	option, x:-moz-any-link {
		padding-right: 4px;
	} /* Firefox Fix */
	option, x:-moz-any-link, x:default {
		padding-right: 0;
	} /* Firefox Fix */


	.sb{
		display:block;
	}
	.s_ib{
		display:inline-block;
	}

	 /* flex*/
	/* 세로 정열 */
	.flex_align_center{
		display: flex;
		align-items: center;
	}
	.flex_align_start{
		display: flex;
		align-items: flex-start;
	}
	.flex_align_stretch{
		display: flex;
		align-items: stretch;
	}
	
	/* 가로 정열 */
	.flex_justify_between{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flex_justify_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex_justify_end{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	/* column */
	.flex_column{
		display: flex;
		flex-direction: column;
	}
	/* gap */
	.gap5{gap:5px}
	.gap10{gap:10px}
	.gap12{gap:12px}
	.gap15{gap:15px}
	.gap20{gap:20px}
	.gap25{gap:25px}
	.gap30{gap:30px}
	.gap35{gap:35px}
	.gap40{gap:40px}
	.gap45{gap:45px}
	.gap50{gap:50px}

	.marg0 { margin: 0px; }
	.marg5 { margin: 5px; }
	.marg10 { margin: 10px; }
	.marg15 { margin: 15px; }
	.marg20 { margin: 20px; }
	.marg25 { margin: 25px; }
	.marg30 { margin: 30px; }

	.marg_t5 { margin-top: 5px; }
	.marg_t10 { margin-top: 10px; }
	.marg_t15 { margin-top: 15px; }
	.marg_t20 { margin-top: 20px; }
	.marg_t25 { margin-top: 25px; }
	.marg_t30 { margin-top: 30px; }
	.marg_t35 { margin-top: 35px; }

	.marg_b5 { margin-bottom: 5px; }
	.marg_b10 { margin-bottom: 10px; }
	.marg_b15 { margin-bottom: 15px; }
	.marg_b20 { margin-bottom: 20px; }
	.marg_b25 { margin-bottom: 25px; }
	.marg_b30 { margin-bottom: 30px; }
	.marg_b35 { margin-bottom: 35px; }

	
	.pad0 { padding: 0px; }
	.pad5 { padding: 5px; }
	.pad10 { padding: 10px; }
	.pad15 { padding: 15px; }
	.pad20 { padding: 20px; }
	.pad25 { padding: 25px; }
	.pad30 { padding: 30px; }


	/* flex*/
	
	/*비율 grid*/
	.grid_container {
		width: 100%
	}
	.grid_col_2 {
		flex-basis: 16.67%;
		max-width: 16.67%
	}
	.grid_col_3 {
		flex-basis: 25%;
		max-width: 25%
	}
	.grid_col_4 {
		flex-basis: 33.33%;
		max-width: 33.33%
	}
	.grid_col_5 {
		flex-basis: 41.67%;
		max-width: 41.67%
	}
	.grid_col_6 {
		flex-basis: 50%;
		max-width: 50%
	}
	.grid_col_7 {
		flex-basis: 58.33%;
		max-width: 58.33%
	}
	.grid_col_8 {
		flex-basis: 66.67%;
		max-width: 66.67%
	}
	.grid_col_9 {
		flex-basis: 75%;
		max-width: 75%
	}
	.grid_col_10 {
		flex-basis: 83.33%;
		max-width: 83.33%
	}
	.grid_col_11 {
		flex-basis: 91.67%;
		max-width: 91.67%
	}
	.grid_col_12 {
		flex-basis: 100%;
		max-width: 100%
	}

/*border color*/
.normal_border_10{
	border:1px solid var( --normal-color-10 );
}
.normal_border_9{
	border:1px solid var( --normal-color-9 );
}
.normal_border_8{
	border:1px solid var( --normal-color-8 );
}
.normal_border_7{
	border:1px solid var( --normal-color-7 );
}
.normal_border_6{
	border:1px solid var( --normal-color-6 );
}
.normal_border_5{
	border:1px solid var( --normal-color-5 );
}
.normal_border_4{
	border:1px solid var( --normal-color-4 );
}
.normal_border_3{
	border:1px solid var( --normal-color-3 );
}
.normal_border_2{
	border:1px solid var( --normal-color-2 );
}
.normal_border_1{
	border:1px solid var( --normal-color-1 );
}

.normal_color_10{
	color: var( --normal-color-10 );
}


.line_dark{border-top: solid 1px #222;}
.line_light{border-top: solid 1px #eaeaea;}

.box_line_dark{border: solid 1px #222;}
.box_line_light{border: solid 1px #eaeaea;}

.gray_btn { background-color:#f8f8f8;padding:8px 0 7px; border-radius:5px; text-align:center;box-sizing: border-box; }
.gray_btn a{ background-color:#f8f8f8;padding:8px 0 7px; border-radius:5px; text-align:center;box-sizing: border-box;}



/***********뉴스 기본 사이즈 색상***********/
.layout_main {
	min-height: calc(100vh - 160px);
	padding: 15px;
}
.layout_con {
	padding: 15px;
}
.lspc0{letter-spacing:0}
.lspc_5{letter-spacing:-0.05em}

.text_white, a.text_white, a .text_white, .text_white a{
    color: #fff;
}
.text_black, a.text_black, a .text_black, .text_black a{
    color: #000;
}
.text_dark, a.text_dark, a .text_dark, .text_dark a{
    color: #222;
}
.text_med3, a.text_med3, a .text_med3, .text_med3 a{
    color: #333;
}
.text_med4, a.text_med4, a .text_med4, .text_med4 a{
    color: #444;
}
.text_med6, a.text_med6, a .text_med6, .text_med6 a{
    color: #666;
}
.text_med7, a.text_med7, a .text_med7, .text_med7 a{
    color: #777;
}
.text_med8, a.text_med8, a .text_med8, .text_med8 a{
    color: #888;
}
.text_light, a.text_light, a .text_light, .text_light a{
    color: #999;
}
.text_point, a.text_point, a .text_point, .text_point a{
	color:var( --sub-color ) !important;
}
.text_theme, a.text_theme, a .text_theme, .text_theme a{
	color:var( --main-color ) !important;
}

.news_line_dark{border-top: solid 1px #222;}
.news_line_light{border-top: solid 1px #eaeaea;}

.box_btm_line_dark {border-bottom: solid 1px #222;}
.box_btm_line_light {border-bottom: solid 1px #eaeaea;}

.news_box_line_dark, .box_line_dark{border: solid 1px #222;}
.news_box_line_light, .box_line_light{border: solid 1px #eaeaea;}

.box_pad_top{padding-top: 8px;}
.box_pad_bottom{padding-bottom: 8px;}

.box_pad_top2{padding-top: 16px;}
.box_pad_bottom2{padding-bottom: 16px;}


.box_marg_top{margin-top: 8px;}
.box_marg_bottom{margin-bottom: 8px;}

.box_marg_top2{margin-top: 16px;}
.box_marg_bottom2{margin-bottom: 16px;}

.vertical_at {vertical-align: top}
.vertical_am {vertical-align: middle}
.vertical_ab {vertical-align: bottom}

.text_vertical_at { vertical-align: text-top}
.text_vertical_ab { vertical-align: text-bottom}

.text_underline {text-decoration: underline}

.h1 {font-size: 24px;line-height: 1.38}
.h2 {font-size: 20px;line-height: 1.42}
.h3 {font-size: 18px;line-height: 1.45}
.h4 {font-size: 16px;line-height: 1.5}
.h5 {font-size: 15px;line-height: 1.45}
.h6 {font-size: 14px;line-height: 1.45}
.h7 {font-size: 12px;line-height: 1.45}
.h8 {font-size: 10px;line-height: 1.45}
.txt_14{font-size: 14px;line-height: 1.5;}

.news_body{font-size: 18px; line-height: 1.67;}

.banner_area{width:100%;margin-bottom:15px}
.banner_area img{width:100%; height:auto; display:block}
.news_image img{width:100%; display:block}
.bbs_image img{width:100%; display:block}

/***********뉴스 기본 사이즈 색상***********/


/* 페이지번호 */
table#page{text-align:center; margin:20px auto;}
table#page a,table#page b{
	display:block; 
	box-sizing: border-box;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	border:1px solid #dbdbdb;
	color:#6c6c6c;
	font-family:'Noto Sans KR', sans-serif;
	font-size:13px;
	margin:0 3px;
	background-color:#f3f3f3;
	font-weight:normal;
}
table#page a:hover,table#page b:hover{color:#747474;text-decoration:none;}

/* 이전버튼 */
table#page a.prev{width:30px;border:1px solid #dbdbdb;background:url('../img/page/bg_pagenum_prev_ov_new.jpg') no-repeat center;}
table#page a.prev2{width:30px;border:1px solid #dbdbdb;background:url('../img/page/bg_pagenum_prev_ov2_new.jpg') no-repeat center;}
table#page a.prev_not{width:30px; color:#6c6c6c;border:1px solid #dbdbdb; background:url('../img/page/bg_pagenum_prev_ov_new.jpg') no-repeat center center;}

/* 다음버튼 */
table#page a.next{width:30px;border:1px solid #dbdbdb;background:url('../img/page/bg_pagenum_next_ov_new.jpg') no-repeat center; }
table#page a.next2{width:30px;border:1px solid #dbdbdb;background:url('../img/page/bg_pagenum_next_ov2_new.jpg') no-repeat center;}
table#page a.next_not{width:30px; color:#6c6c6c; border:1px solid #dbdbdb;background:url('../img/page/bg_pagenum_next_ov_new.jpg') no-repeat center;}

/* 현재 */
table#page a.now, table#page b.now {color:#6c6c6c;background-color:#fff; font-weight:500; border-color:#747474;}
table#page a.now:hover,table#page b.now:hover {color:#6c6c6c;}
table#page {margin:0 auto 20px auto;}
table#page a {margin:0 2px; float:left;}
table#page a.prev {}
table#page a.prev_not {float:left;}
table#page b.now {float:left;}