/* 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:12px;
}
#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 auto;
	overflow:hidden;
}

#bo_list_thumb{
	float:left;
	width:100%;
	overflow:hidden;
	border:0;
	padding:0;
	padding-bottom:10px;
	display: inline-block;
}
#thumb_img{
	box-sizing:border-box;
	padding:0;
	margin: auto;
	overflow:hidden;
	width: 100%;
	height: 0;
	padding-bottom:60%;
	line-height:0;
	position:relative;
}

#thumb_img div.event_in_cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #111;
    opacity: 0.1;
    z-index: 999;
    z-index: 1;
	transition-duration:0.5s;
}

#thumb_img:hover div.event_in_cover {
    opacity: 0;
}

#thumb_img a {
	display:block;
	overflow:hidden;
	line-height:0;
}
#thumb_img img{
	padding:0;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

#bo_list_thumb .thumb_text{

	overflow:hidden;
	vertical-align:middle;
	height:29px;
	line-height:29px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%;
overflow:hidden;


}

#bo_list_thumb .thumb_text img{
	vertical-align:middle;
}
#bo_list_thumb .thumb_text_floatL{
	float:left;
	display:inline;
	padding:0;
	margin:0;
}
#bo_list_thumb .thumb_text_floatR{
	float:right;
	display:inline;
	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;
}


/* 리스트 일반게시판 */
#list_cont_li{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	font-size:17px;
}
#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:0;
	margin:0;
	height:36px;
	line-height:36px;
	font-size:15px;
	font-size:0.9375rem;
	font-weight:bold;
}
#list_cont_li_top .img_tlt_02{
	display:none;
	float:left;
	text-align:center;
	border:0;
	padding:0;
	margin:0;
	height:36px;
	line-height:36px;
	font-size:15px;
	font-size:0.9375rem;
	font-weight:bold;
}
#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%;
	overflow:hidden;
	vertical-align:middle;
}
.list_body_notice{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	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:#004080;
}
.notice_txt{
	color:#FF0000;
	font-weight:bold;
}
#list_td_style{
	float:left;
	border:0;
	padding:8px 0;
	margin:0;

}
.list_td_style01{
	text-align:left;
	padding-left:4px;
	font-size:16px;
	font-size:1rem;

}

.list_td_style01 a {	font-family:'Malgun Gothic'; letter-spacing:-0.5px;}
.list_td_style02{
	text-align:center;
	color: #444;
	font-family:'Malgun Gothic';
	font-size:16px;
	font-size:1rem;
	letter-spacing:-0.5px;
}
.list_td_style02 a{
	color: #444;
	font-family:'Malgun Gothic';
	font-size:16px;
	font-size:1rem;
	letter-spacing:-0.5px;
}
.list_td_style03{
	display:none;
	text-align:center;
	color: #444;
	font-family:'Malgun Gothic';
	font-size:16px;
	font-size:1rem;
	letter-spacing:-0.5px;
}
.list_td_style03 a{
	color: #444;
	font-family:'Malgun Gothic';
	font-size:16px;
	font-size:1rem;
	letter-spacing:-0.5px;
}
.list_tr_line{
	border-top:1px solid #DFDFDF;
}
.list_now{
	margin-top:12px;
}


/* 리스트 PAGE */
#list_page{
	border:0;
	padding:10px 0 10px 0;
	margin:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
}

#list_page span { overflow:hidden;}
#list_page span a {vertical-align:middle; display:inline-block; overflow:hidden; }
#list_page span a img {padding:3px 0;}

#list_page_prev01 img{
	border:0;
	padding:0;
	width:16px;
	height:13px;
}
#list_page_prev02 img{
	border:0;
	padding:0;
	width:13px;
	height:13px;
}
#list_page_next01 img{
	border:0;
	padding:0;
	width:16px;
	height:13px;
}
#list_page_next02 img{
	border:0;
	padding:0;
	width:13px;
	height:13px;
}


/* 리스트 BOTTOM */
#list_bottom{
	border:0;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
#list_bottom_sc{
	width:100%;
	border:0;
	padding:5px 0 0 0;
	margin:0;
	height:30px;
	text-align:left;
}
#list_bottom_sc input{
	vertical-align:middle;
	margin:0;
	padding:0;
}
#list_bottom_sc .sch_box{
	margin:0;
	padding:4px;
	width:120px;
	height:18px;
}
#list_bottom_bt{
	width:100%;
	border:0;
	padding:5px 0 0 0;
	margin:0;
	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 (min-width:768px){
/* 일반 게시판 리스트 태블릿용 CSS */
.list_td_style03{
	display:block;
}

#list_cont_li_top .img_tlt_02{
	display:block;
}
/* 갤러리 게시판 리스트 태블릿용 CSS */
#bo_list_thumb{
	width:48%;
	margin-left:2%;
	margin-bottom:40px
}

}


@media all and (min-width:1024px){
/* 일반 게시판 리스트 PC CSS */

/* 갤러리 게시판 리스트 PC CSS */
#bo_list_thumb{
	width:24%;
	margin-left:1%;
}

#thumb_img{
/*padding-bottom: 90%;*/
}
}