/* CSS Document */


#cl_board_list{
	margin:0;
	padding:0;
	font-family:AppleGothic, "µ¸À½",Dotum, "±¼¸²", Gulim, Verdana, Arial, sans-serif;
	color:#666;
	font-size:17px;
}


/* ¸®½ºÆ® TOP */
#list_top{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:40px;
	vertical-align:top;
}
#list_top_ct{
	float:left;
	border:0;
	padding-top:10px;
	margin:0;
	width:50%;
	height:30px;
	text-align:left;
	vertical-align:top;
}
#list_top_ct select{
	height:20px;
	font-family:AppleGothic, "µ¸À½",Dotum, "±¼¸²", Gulim, Verdana, Arial, sans-serif;
	color:#666;
	font-size:15px;
	padding: 0 5px;
	border : 1px solid #979797;
}
#list_top_bt{
	float:left;
	border:0;
	padding-top:10px;
	margin:0;
	width:50%;
	height:30px;
	text-align:right;
}
#list_top_bt img{
	cursor:pointer;
}
#cl_boardTopTD_logout{
	border:0;
	padding:0;
	margin:0;
	width:64px;
	height:20px;
}
#cl_boardTopTD_login{
	border:0;
	padding:0;
	margin:0;
	width:55px;
	height:20px;
}


/* ¸®½ºÆ® °¶·¯¸®°Ô½ÃÆÇ */
#list_cont_ga{
	border:0;
	padding:0;
	margin:0;
	width:100%;
}
#list_cont_ga_tr{
	border:0;
	padding:0;
	margin:0;
	height:10px;
	width:100%;
	display: inline-block;
}
#list_cont_ga_tr2{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:15px;
	display: inline-block;
}
#list_cont_ga_li{
	border:0;
	padding:0;
	margin:0;
	display: inline-block;
}

#list_cont_ga_li .list_cont_null{
	float:left;
	border:0;
	padding:0;
	margin:0;
	height:8px;
}

#bo_list_thumb{
	float:left;
	border:0;
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	padding: 0.5%;
}
#thumb_img{
	border:1px solid #ddd;
	padding:0;
	table-layout:fixed;
	text-align:middle;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#thumb_img img{
	padding:0;
}
#bo_list_thumb .thumb_text{
	padding:4px 0 4px 0;
	height:28px;
	text-align:left;
	vertical-align:middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#bo_list_thumb .thumb_text_floatL{
	float:left;
}
#bo_list_thumb .thumb_text_floatR{
	float:right;
	text-align:right;
}
#list_cont_ga_none{
	border-top:2px solid #92C5E0;
	border-bottom:1px solid #E9E9E9;
	padding:0;
	margin:0;
	height:180px;
	width:100%;
}
#list_cont_ga_none_text{
	border-top:1px solid ##E9E9E9;
	padding:90px 0 0 0;
	margin:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
}

.bbs_list_notice  { background:#ca0000; font-weight:400; padding:2px 3px 4px 3px; font-size:14px; color:#fff; border-radius:5px; line-height:100%; display:inline-block; overflow:hidden; }

/* ¸®½ºÆ® ÀÏ¹Ý°Ô½ÃÆÇ */
#list_cont_li{
	border:0;
	padding:0;
	margin:0;
	width:100%;
}
#list_cont_li_top{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:33px;
	border-top: 2px solid #979797;
	border-bottom: 1px solid #e4e4e4;
	background-color: #f7f7f7;
}
#list_cont_li_top .img_tlt_01{
	float:left;
	text-align:center;
	border:0;
	padding:3px 0 0 0;
	margin:0;
	height:30px;
}
#list_cont_li_top div img{
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
}
#list_cont_li_top .img_tlt_02{
	float:left;
	text-align:center;
	border:0;
	padding:0;
	margin:0;
	width:1px;
	height:30px;
	line-height: 30px;
}
#list_cont_li_body{
	border-bottom:3px solid #E5E5E5;
	padding:0;
	margin:0;
	width:100%;
}
#list_cont_li_ul{
	border:0;
	padding:0;
	margin:0;
}
.list_body{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:33px;
	vertical-align:middle;
}
.list_body_notice{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:30px;
	vertical-align:middle;
	background-color:#F8F8E9;
}
.list_body_null{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:31px;
	line-height: 31px;
	text-align:center;
}
.list_body_null div{
	border:0;
	padding:0 0 0 0;
	margin:0;
	width:100%;
	vertical-align:middle;
}
.img_10_10_0{
	width:10px;
	height:10px;
	border:0;
	vertical-align:middle;
}
.img_12_7_0{
	width:12px;
	height:7px;
	border:0;
	vertical-align:middle;
}
.img_16_15_0{
	width:16px;
	height:15px;
	border:0;
	vertical-align:middle;
}
#list_body_blank{
	float:left;
	border:0;
	padding:0;
	margin:0;
	width:1px;
	height:10px;
}
.memo_text{
	color:#FF8040;
}
.re_txt{
	color:#CC0000;
}
.visit_txt{
	color:#800000;
}
.cate_txt{
	color:#000000;
}
.notice_txt{
	color:#FF0000;
	font-weight:bold;
}
#list_td_style{
	float:left;
	border:0;
	padding:4px 0 0 0;
	margin:0;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list_td_style01{
	text-align:left;
	padding-left:4px;
}
.list_td_style02{
	text-align:center;
	padding:0;
}
.list_tr_line{
	border-top:1px solid #DFDFDF;
}
.list_now{
	margin-top:3px;
}


/* ¸®½ºÆ® PAGE */
#list_page{
	border:0;
	padding:10px 0 10px 0;
	margin:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
}
#list_page_prev01 img{
	border:0;
	padding:0;
	width:16px;
	height:13px;
	vertical-align:middle;
}
#list_page_prev02 img{
	border:0;
	padding:0;
	width:13px;
	height:13px;
	vertical-align:middle;
}
#list_page_next01 img{
	border:0;
	padding:0;
	width:16px;
	height:13px;
	vertical-align:middle;
}
#list_page_next02 img{
	border:0;
	padding:0;
	width:13px;
	height:13px;
	vertical-align:middle;
}


/* ¸®½ºÆ® BOTTOM */
#list_bottom{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:30px;
}
#list_bottom_sc{
	float:left;
	border:0;
	padding:5px 0 0 0;
	margin:0;
	width:50%;
	text-align:left;
}
#list_bottom_sc input{
	vertical-align:middle;
	margin:0;
	padding:0;
}
#list_bottom_sc .sch_box{
	margin:0;
	padding:0;
	width:120px;
	height:28px;
}
#list_bottom_bt{
	float:left;
	border:0;
	padding:5px 0 0 0;
	margin:0;
	width:50%;
	height:30px;
	text-align:right;
}
#list_bottom_bt img{
	vertical-align:middle;
	margin:0;
	padding:0;
}







#guest_book{
	font:12px dotum, µ¸¿ò, gulim, ±¼¸², malgun gothic, ¸¼Àº °íµñ, verdana, arial, Trebuchet MS;
}

#guest_book_list{
	border-top:1px solid #BBB;
	margin:0;
	padding-bottom:0;
	width:700px;
}
#guest_book_list li{
	border-bottom:1px solid #BBB;
	margin:0;
	padding:5px 0 5px 0;
	width:700px;
	vertical-align:middle;
}
#guest_book_list .guest_name{
	float:left;
	margin:0;
	padding:0;
	width:70px;
	text-align:center;
	vertical-align:top;
}
#guest_book_list .guest_comment{
	float:left;
	margin:0;
	padding:0;
	width:550px;
	text-align:left;
	vertical-align:top;
}
#guest_book_list .guest_btn{
	float:left;
	margin:0;
	padding:0;
	width:80px;
	text-align:center;
	vertical-align:top;
}

#guest_book_write{
	border:0;
	margin:20px 0 0 0;
	padding:0;
	width:700px;
	text-align:left;
	vertical-align:middle;
}
#guest_book_left{
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	padding:0;
	width:600px;
}
#guest_book_left ul{
	border:0;
	margin:0;
	padding:0;
}
#guest_book_left ul li{
	border:0;
	padding:5px;
	margin:0;
}
#guest_book_left .guest_book_input input{
	border:1px solid #AFAFAF;
	margin:0;
	padding:0;
	height:18px;
	vertical-align:middle;
}
#guest_book_left .guest_book_textarea textarea{
	border:1px solid #AFAFAF;
	padding:0;
	margin:0;
	width:548px;
	height:54px;
	vertical-align:top;
}
#guest_book_right{
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	padding:0;
	width:100px;
	height:100px;
	text-align:center;
}
#guest_book_right input{
	float:left;
	border:0;
	margin:5px;
	padding:0;
	width:90px;
	height:90px;
}

@media all and (max-width: 1024px){
	#list_bottom_sc, #list_bottom_bt{width: 100%;}
	#bo_list_thumb{width: 50%;}

	#list_cont_li_top .visit,  #list_cont_li_body .visit{
		display:none;
	}
	#list_cont_li_top .subject, #list_cont_li_body .subject{
		width: 37% !important;
	}
	#list_cont_li_top .inserttime, #list_cont_li_body .inserttime{
		width: 20% !important;
		float:right;
	}
}

@media all and (max-width: 500px){
	#bo_list_thumb{width: 100%;}

	#list_cont_li_top .bocate, #list_cont_li_body .bocate,
	#list_cont_li_top .name,   #list_cont_li_body .name{
		display:none;
	}
	#list_cont_li_top .subject, #list_cont_li_body .subject{
		width: 60% !important;
	}
}

/* ¸®½ºÆ® °Ô½ÃÆÇ */
	.bbs_list_wrap																				{ display:block; overflow:hidden; border-top:2px solid #159e74; position:relative; }
		.bbs_list_inner																			{ display:block; overflow:hidden; position:relative; }
			.bbs_list_line																			{ display:block; overflow:hidden; position:relative; border-bottom:1px solid #ddd; }
			.bbs_list_top																			{ background:#f8f8f8;  text-align:center; }
			.bbs_list_body																		{ font-weight:300; }
				.bbs_list_item																		{ display:block; overflow:hidden; position:relative; float:left; }
					.bbs_list1																		{ width:10%; }
					.bbs_list2																		{ width:15%; }
					.bbs_list3																		{ width:55%; }
					.bbs_list4																		{ width:20%; }
						.bbs_list_view																{ display:block; overflow:hidden; margin:15px 5px; font-size:17px; text-align:center; }
							/*¹øÈ£ */
								.bbs_list_del														{ display:inline-block; overflow:hidden; margin:0 5px 0 0; vertical-align:middle; }
								.bbs_list_num														{ display:inline-block; overflow:hidden; vertical-align:middle; letter-spacing:0; font-family:'Lato'; }

							/* Á¦¸ñ */
								.bbs_list_btn														{ display:block; overflow:hidden; text-align:left; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
								.bbs_list_btn:hover												{ color:#159e74; }

							/* ³¯Â¥ */
								.bbs_list_date														{ letter-spacing:0; font-family:'Lato'; }

							/*Á¶È¸¼ö*/
								.bbs_list_cont														{ letter-spacing:0; font-family:'Lato'; }


@media only screen and (min-width:0px) and (max-width:767px) {
								/* ¸®½ºÆ® °Ô½ÃÆÇ */
	.bbs_list_wrap																				{ display:block; overflow:hidden; border-top:2px solid #159e74; position:relative; }
		.bbs_list_inner																			{ display:block; overflow:hidden; position:relative; }
			.bbs_list_line																			{ display:block; overflow:hidden; position:relative; border-bottom:1px solid #ddd; }
			.bbs_list_top																			{ background:#f8f8f8;  text-align:center; }
			.bbs_list_body																		{ font-weight:300; }
				.bbs_list_item																		{ display:block; overflow:hidden; position:relative; float:left; }
					.bbs_list1																		{ width:20%; }
					.bbs_list2																		{ width:20%; }
					.bbs_list3																		{ width:60%; }
					.bbs_list4																		{ display:none; }
					.bbs_list5																		{ display:none; }
						.bbs_list_view																{ margin:15px 5px; font-size:14px;}
}
