@charset "utf-8";

/* btn style */
.page_bbtnbx {
	margin:10px 0 0 5px;
	text-align:right;
}
.btnstyle_01, .btnstyle_02, .btnstyle_03 {
	display:inline-block; zoom:1; *display:inline;
	width:110px; height:32px;
	padding-top:14px;

	text-align:center;
	font-weight:600;
}
.btnstyle_01 {
	background-color:#212b56;
	color:#fff;
}
.btnstyle_01:hover {
	background-color:#080e28;
}
.btnstyle_02 {
	background-color:#ffbd3e;
	color:#212b56;
}
.btnstyle_02:hover {
	background-color:#ffa200;
}
.btnstyle_03 {
	background-color:#999;
	color:#fff;
}
.btnstyle_03:hover {
	background-color:#777;
}


/* board01 */
.searchbx { text-align:right; }
.boardbx_01 { margin-top:5px; }
.boardsty01 {
	width:80%;
	font-size:14px;
}
.boardsty01 thead {
	background-color:#89a52c;
	color:#fff;
	font-weight:400;
	font-size:16px;
}
.boardsty01 thead th { height:50px; }
.boardsty01 tbody { color:#666; }
.boardsty01 tbody tr { height:50px; }
.boardsty01 tbody tr td {
	text-align:center;
	border-bottom:1px solid #e5e5e5;
}
.boardsty01 tbody tr th {
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}
.boardsty01 tbody tr th a { color:#6c6c6c; }
.boardsty01 tbody tr:hover { background-color:#fdfff5; }
.boardsty01 tbody tr:hover > th a { color:#2f5031; }


.boardbx_02 { margin-top:5px; }
.boardsty02 {
	width:100%;
	font-size:14px;
}
.boardsty02 thead {
	background-color:#89a52c;
	color:#fff;
	font-weight:400;
	font-size:16px;
}
.boardsty02 thead th { height:50px; }
.boardsty02 tbody { color:#666; }
.boardsty02 tbody tr { height:50px; }
.boardsty02 tbody tr td {
	text-align:center;
	border-bottom:1px solid #e5e5e5;
}
.boardsty02 tbody tr th {
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}
.boardsty02 tbody tr th a { color:#6c6c6c; }
.boardsty02 tbody tr:hover { background-color:#fdfff5; }
.boardsty02 tbody tr:hover > th a { color:#2f5031; }

.pagebx {
	height:35px;
	margin-top:10px;
	text-align:center;
	vertical-align:top;
}
.pagebx1 {
	font-size = 1px;
}

.mjbx {
	height:35px;
	margin-top:10px;
	text-align:center;
	vertical-align:top;
}

.pagebx ul li {
	font-size:0;
}
.pagebx ul li a {
	min-width:15px;
	display:inline-block; zoom:1; *display:inline;
}
a.p_number, a.p_number_on {
	padding:10px 9px 12px;
	vertical-align:top;
	font-weight:600;
}
.pagebx ul li a.p_number { color:#767676; }
.pagebx ul li a.p_number_on {
	color:#fff;
	background-color:#2f5031;
	border-bottom:3px solid #8fc320;
	box-sizing:border-box;
	
}
.pagebx ul li a.p_number:hover {
	background-color:#cad4b2;
	color:#fff;
}
.p_first:hover,
.p_before:hover,
.p_next:hover,
.p_last:hover {
	background-color:none;
	color:#fff;
}
.p_first { background:url(../images/board/board01_p_first.png) no-repeat; }
.p_before { background:url(../images/board/board01_p_before.png) no-repeat; }
.p_next { background:url(../images/board/board01_p_next.png) no-repeat; }
.p_last { background:url(../images/board/board01_p_last.png) no-repeat; }
.p_first, .p_before, .p_next, .p_last {
	width:42px; height:35px;
	background-position:50% 50%;
	padding:0 !important;
	margin-right:1px;
}

.page_searchbx {
	margin-bottom:35px;
	text-align:center;
}

.page_searchbx {
	position:relative;
}
.page_searchbx ul {
	position:absolute;
	left:50%;
	margin:35px 0 0 -300px;
	width:600px;
}
.page_searchbx ul > li {
	float:left;
	color:#89a52c;

	font-weight:600;
}
.page_searchbx ul > li > input, .page_searchbx_mob ul > li > input {
	box-sizing:border-box;
	width:307px; height:42px;
	border:2px solid #cad4b2;
	padding-left:7px;
}
.page_searchbx ul > li > button, .page_searchbx_mob ul > li > button {
	width:55px; height:42px;
	display:block;
	background:none;
	color:#89a52c;
	border:none;
	font-weight:600;
	font-size:14px;
}
.page_searchbx ul > li > button:active, .page_searchbx_mob ul > li > button:active {
	background-color:#a5b189;
	color:#fff;
}
.page_searchbx > ul > li > a, .page_searchbx_mob > ul > li > a {
	display:inline-block; zoom:1; *display:inline;
	text-align:center;
	width:100px; height:30px;
	padding-top:12px;
	background-color:#9cac77;
	color:#fff;
	vertical-align:bottom;
	margin-left:5px;
}
.page_searchbx > ul > li > a:hover, .page_searchbx_mob > ul > li > a:hover {
	background-color:#839658;
}

.page_searchbx_mob {
	display:none;
}

@media only screen and (max-width: 470px) {
	.page_searchbx {
		display:none;
	}
	
	.page_searchbx_mob {
		display:block;
		width:310px;
	}
	
	.page_searchbx_mob ul > li > input {
		width: 255px;
	}
	.page_searchbx_mob ul > li > button {
		width:27px; height:21px;
	}
	.page_searchbx_mob > ul > li > a {
		width :50px; height:36px;
		padding-top:6px;
	}
}

/* 상세페이지 */
.board_info01 {
	float:left;
	width:100%;
	display:auto;
	font-size:13px;
}
.bx_boardinfo01_01 {
	width:100%;
	float:left;
	background-color:#999;
}
.bx_boardinfo01_01 p {
	float:left;
	width:30%;
	padding-top:20px;
	text-align:center;
	box-sizing:border-box;
}
.bx_boardinfo01_01 > p > img {
	width:80%;
	border:1px solid #fff;
}
.boardinfo_textbx {
	float:left;
	width:70%;
	border-left:1px solid #d8d8d8;
	background-color:#fff;
	vertical-align:top;
	box-sizing:border-box;
}
.bi_textbx_title {
	padding:30px 0 20px 5%;
	font-weight:bold;
	color:#343434;
	font-size:16px;
	border-bottom:1px solid #d8d8d8;
} 
.bi_textbx_01 {
	margin-top:25px;
	padding-left:5%;
}
.bi_textbx_02 {
	margin-top:15px;
	padding-left:5%;
	vertical-align:top;
}
.bi_textbx_03 {
	margin-top:15px;
	padding-left:5%;
	font-weight:bold;
	color:#333;
}
.bi_textbx_01 span, .bi_textbx_02 span, .bi_textbx_03 span {
	display:inline-block; zoom:1; *display:inline;
	vertical-align:top;
	width:20%;
}
.bi_textbtnbx {
	margin-top:28px;
	border-top:1px solid #d8d8d8;
	text-align:right;
	padding:12px;
}
.boardinfo_textbx02 {
	width:100%;
	margin-top:17px;
	padding-top:4px;
	border-bottom:1px solid #d8d8d8;
}
.bibx02_title {
	padding:1% 0 2% 3%;
	font-size:16px;
	font-weight:600;
	border-bottom:1px solid #d8d8d8;
}
.bibx02_text {
	padding:3%; 
}
.bibx02_btn {
	margin-top:8px;
	text-align:right;
}



/* image_board01 */
.image_board01 ul { width:100%; }
.image_board01 ul li {
	box-sizing:border-box;
	width:23.5%;
	float:left;
	margin-left:2%;
	margin-top:5px;
	position:relative;
	font-size:0;
}
.image_board01 ul li:first-child { margin-left:0; }
.image_board01 ul li img { width:100%; }
.image_board01 ul li .imgtext {
	position:absolute;
	bottom:0; left:0;
	width:100%;
	padding:10px 10px 15px 3px;
	color:#fff;
	font-size:14px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
}
.image_board01 ul li:hover .imgtext { background-color:rgba(0,0,0,0.2); }
.image_board01 ul li p {
	white-space:nowrap;
	overflow:hidden;
	padding-left:7px;
}
.image_board01 ul li .imgtext01 { margin-top:6px; }
.image_board01 ul li .imgtext02 { margin-top:5px; font-size:16px; font-weight:600; }
.image_board01 ul li .imgtext03 { margin-top:9px; font-size:12px; }

.image_board01_more { margin-top:10px; }
.image_board01_more a {
width:100%; height:25px;
background-color:#e8e8e8;
padding-top:8px;
text-align:center;
display:block;
color:#767676;
font-size:12px;
font-weight:600;
}
.image_board01_more a:hover {
	background-color:#c8d8dc; color:#628790;
}


/* image_board02 */
.image_board02 ul { width:100%; overflow:auto; }
.image_board02 ul li {
	box-sizing:border-box;
	width:24%;
	float:left;
	margin-left:1%;
	margin-top:8px;
	position:relative;
	font-size:0;
}
.image_board02 ul li:first-child { margin-left:0; }
.image_board02 ul li img { 
	width:100%;
	box-sizing:border-box;
	border:1px solid #555;
}
.image_board02 ul li:hover img { border:1px solid #ffbd3e; }
.image_board02 ul li .imgtext {
	width:100%;
	padding:10px 10px 15px 3px;
	color:#4d4d4d;
	font-size:13px;
	box-sizing:border-box;
}
.image_board02 ul li:hover .imgtext { color:#212b56; }
.image_board02 ul li p {
	padding-left:2px;
}

.image_board02 ul li.serviceend {
	opacity:0.7;
}
.image_board02 ul li.serviceend .endiconbx {
	background:url(../images/subpage/endicon.png) no-repeat;
	background-size:100% auto;
	opacity:0.9;
	position:absolute;
	width:100%; height:100%;
	top:5%;
}
.image_board02 ul li img, .boardbx_02 ul li:hover img {
border:1px solid #888;
}
.image_board02 ul li.serviceend .imgtext, .boardbx_02 ul li.serviceend:hover .imgtext {
color:#888 !important;
}

.image_board02 ul li .imgtext01 { margin-top:6px; }
.image_board02 ul li .imgtext02 { margin-top:5px; font-size:14px; font-weight:600; }
.image_board02 ul li .imgtext03 { margin-top:9px; font-size:12px; }

.image_board02_line {
	width:100%; height:2px;
	border:0;
	background-color:#f1f1f1;
	margin-top:20px;
}


.image_board02_pagebx {
	height:35px;
	margin-top:10px;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}
.image_board02_pagebx ul li {
	font-size:0;
}
.image_board02_pagebx ul li a {
	min-width:15px;
	display:inline-block; zoom:1; *display:inline;
}
a.p_number, a.p_number_on {
	font-size:12px;
	padding:10px 9px 12px;
	vertical-align:top;
	font-weight:600;
}


/* board_view01 */
.board_view01_listbx {
	width:100%;
	position:relative;
	height:40px;
}
.board_view01_listbx .board_title {
	width:100%;
	padding-top:12px;
	font-size:20px;
	color:#424242;
	font-weight:600;
}
.board_view01_title {
	width:100%; height:50px;
	padding:16px 0 0 0;
	background-color:#89a52c;
	color:#fff;
	font-weight:600;
	box-sizing:border-box;
	font-size:16px;
	text-align:left;
}
.board_view01_title span {
	display:inline-block; zoom:1; *display:inline;
	width:15%;
	text-align:center;
	font-size:15px;
	font-weight:400;
}

.board_view01_btn01 {
	position:absolute;
	top:0; right:0;
}
.board_view01_btn01 a {
	width:105px; height:47px;
	padding-top:15px;
	color:#fff;
	background-color:#2f5031;
	display:inline-block; zoom:1; *display:inline;
	text-align:center;
	box-sizing:border-box;
	font-weight:600;
}
.view_textpage { line-height:160%; padding-bottom:15px; }
.board_view01_box01 {
	
	border-bottom:2px solid #89a52c;
	padding-bottom:25px;
	box-sizing:border-box;
	padding:15px 3%;
	text-align:left;
}
.board_view01_box01 textarea {
	width:100%; height:250px;
	background-color:#f0f0f0;
	border:0;
	box-sizing:border-box;
	padding:5px;
	font-family: 'Nanum Gothic', dotum, sans-serif;
}
.board_view01_titleinfo {
	width:100%; height:51px;
	border-bottom:1px solid #89a52c;
	color:#;
}
.board_view01_titleinfo li {
	float:left;
	padding-top:17px;
	box-sizing:border-box;
	text-align:left;
	padding-left:40px;
}
.board_view01_titleinfo input {
	background-color:#f0f0f0;
	border:0;
	box-sizing:border-box;
	padding:5px;
	height:35px;
	margin-top:-9px;
}

@media only screen and (max-width: 470px) {
	.board_view01_titleinfo {
		display:none;
	}
}
.board_view01_titleinfo li.size01 { width:10%; }
.board_view01_titleinfo li.size02 { width:55%; padding-left:4px; font-weight:600; }
.board_view01_titleinfo li.size03 { width:11%; padding-left:4px; font-weight:600; }

.board_view01_box01 > img { padding:15px 0; }
.board_view01_box02 { position:relative; }
.board_view01_box02 .profile_img {
	padding:12px 21px;
	position:absolute;
	top:0; left:0;
}
.board_view01_box02 .profile_img img {
	width:70px; height:80px;
	text-align:center;
}
.board_view01_box02 .profile_text {
	margin-left:120px;
	color:#424242;
	padding:12px 0;
	line-height:160%;
}
.board_view01_box02 .profile_text .profile_tit { font-size:17px; font-weight:600; }
.board_view01_box02 .profile_text .profilet {  padding-top:16px;}
.board_view01_box02 .profile_text .profiled { padding-top:5px; }
.board_view01_box02 .profile_text .profiled span { font-weight:600; padding-right:5px; }
.reply_tit {
	font-size:15px;
	color:#424242;
	font-weight:600;
	padding:30px 0 7px;
}

.board_view01_tablebx01 table { width:100%; }
.board_view01_tablebx01 thead {
	background-color:#767676;
	color:#fff;
	font-weight:600;
	font-size:13px;
}
.board_view01_tablebx01 thead th { height:33px; }
.board_view01_tablebx01 tbody { color:#767676; }
.board_view01_tablebx01 tbody tr { height:47px; }
.board_view01_tablebx01 tbody tr td {
	text-align:center;
	border-bottom:1px solid #e5e5e5;
}
.board_view01_tablebx01 tbody tr th { 
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	padding:5px 0;
	line-height:160%;
}
.board_view01_tablebx01 tbody tr:hover { background-color:#e9fac9; }
.board_view01_tablebx01 tbody tr:hover > th { color:#689714; }

.board_view01_hr01 { 
height:1px;
border:0;
background-color:#dfdfdf;
}
.board_view01_hr02 { 
height:1px;
border:0;
background-color:#888;
}
.board_view01_hr03 { 
height:2px;
border:0;
background-color:#888;
}

.reply_write {
	background-color:#f4f4f4;
	color:#636363;
	overflow:auto;
}
.reply_write .rtext { font-size:15px; float:left; }
.reply_write01 {
	float:left;
	width:10%;
	padding-top:25px;
	text-align:center;
	font-size:15px;
	font-weight:600;
}
.reply_write02 {
	float:left;
	width:75%;
	padding:13px 0;
}
.reply_write03 {
	float:left;
	width:15%;
	padding-top:13px;
}
.reply_write03 a {
	width:80%; height:48px;
	display:block;
	padding-top:28px;
	font-size:15px;
	color:#fff;
	background-color:#636363;
	text-align:center;
}
.replyarea { width:97%; height:75px; }
.board_writebx01 { text-align:left; }