.boardTb {border-top:2px solid #333; text-align:center; width:100%;} 
.boardTb th {background:#f1f1f1; padding:20px 0; border-bottom:1px solid #E9E9E9; color:#000; font-weight: normal !important; font-size:18px;} 
.boardTb td {padding:20px; border-bottom:1px solid #E9E9E9; text-align:center; }
.boardTb td input{border:1px solid #ccc;  height:30px;}
.boardTb td select{border:1px solid #ccc;}
.boardTb td textarea{border:1px solid #ccc;}
.boardTb td a{ }
.boardTb td a strong{font-weight:normal; font-family: 'NanumBarunGothic', sans-serif;}
.boardTb td.stt{background:#f4f7fb; color:#000;}
.boardTb td.alLeft {padding-left:15px; text-align:left;}
.boardTb td.alRight {padding-right:15px; text-align:right;}
.boardTb td span{font-size:16px;color:#999;}
.boardTb td table{border:none; padding:0; margin:0;}
.boardTb td table td{border:none; padding:0; margin:0;}

.boardTb_v {border-top:2px solid #333; text-align:center; width:100%;} 
.boardTb_v th {background:#f1f1f1; padding:20px 0; border-bottom:1px solid #E9E9E9; color:#000; font-weight: normal !important; font-size:18px;} 
.boardTb_v td {padding:20px; border-bottom:1px solid #E9E9E9; text-align:center; font-size:16px;}
.boardTb_v td input{border:1px solid #ccc; height:30px;} 
.boardTb_v td select{border:1px solid #ccc;}
.boardTb_v td textarea{border:1px solid #ccc;}
.boardTb_v td a{font-size:16px;}
.boardTb_v td a strong{font-weight:normal; font-family: 'NanumBarunGothic', sans-serif;}
.boardTb_v td.stt{background:#f4f7fb; color:#000;}
.boardTb_v td.alLeft {padding-left:15px; text-align:left;}
.boardTb_v td.alRight {padding-right:15px; text-align:right;}
.boardTb_v td small{font-size:16px; color:#999;}
.boardTb_v td table{border:none; padding:0; margin:0;}
.boardTb_v td table td{border:none; padding:0; margin:0;}

.boardCategory{text-align:left; padding-bottom:20px;}

.boardRss{padding-bottom:20px; text-align:right;}

.boardPaging{text-align:center; padding-top:20px; clear:both;}
.boardPaging a{display:inline-block; margin:0 3px; border:1px solid #ccc; line-height:30px; width:30px; text-align:center; background:#fff;}
.boardPaging span{display:inline-block; margin:0 3px; border:1px solid #444; line-height:30px; width:30px; text-align:center; background:#666; color:#fff;}
.boardPaging a.arw{background:#f1f1f1;}

.boardBtnC{text-align:center; padding:20px 0;}
.boardBtnR{text-align:right; padding:20px 0; }
.boardBtnR a{display:inline;}
.boardBtnL{text-align:left;}

.boardSearch{text-align:center; background:#f1f1f1; padding:10px 0;}
.boardSearch .enter{border:1px solid #ccc; height:26px; width:150px;}
.boardSearch  span{}

.boardLeftTb td{text-align:left; padding-left:15px;}
.boardViewTitle{padding:0; text-align:center; font-size:2.0rem; padding:15px 0; background:#f1f1f1; margin-bottom:15px;}
.boardViewInfo{padding:10px 0; text-align:right; }
.boardViewInfo, .boardViewInfo a{font-size:1.2rem;}
.boardViewInfo span{padding:0 10px; color:#ccc;}

.galleryView{text-align:center; padding:20px 0;}
.galleryViewThum{width:100%; margin-top:20px;}
.galleryViewThum td a{display:block; border:1px solid #dcdcdc; padding:5px 0px; width:80px; text-align:center;}
.galleryViewThum td a.prev{float:left;}
.galleryViewThum td a.next{float:right;}

#bd_content, #bd_content p, #bd_content strong, #bd_content span, #bd_content a{line-height:180%;}
#bd_content strong{color:#000; font-size:1.2em;}
#bd_content u{color:#990000;}
#bd_content .adimg{max-width:1000px;}
#bd_content img{max-width:100%; height:auto;}


#gallerylistwrap{ }
#gallerylistwrap table{width:100%; box-sizing:border-box; }
#gallerylistwrap table td{display:block; float:left;}
#gallerylistwrap .unit{ width:100%; margin:15px 0; text-align:center; position:relative; box-sizing:border-box; padding:0 10px; border:none;}
#gallerylistwrap .unit:hover{border:none;}
#gallerylistwrap .unit .photo{background:#fff; position:relative; border:1px solid #dcdcdc; } 
#gallerylistwrap .unit .photo a{display:block; font-size:0;} 
#gallerylistwrap .unit .photo span{display:block;} 
#gallerylistwrap .unit .photo a:hover{opacity:0.7;}
#gallerylistwrap .unit .photo .admin{position:absolute; left:5px; top:5px; z-index:99;}
#gallerylistwrap .unit .photo .admin a{display:inline-block; height:auto; font-size:12px; background:#fff; color:#666; border:1px solid #ccc; padding:1px 5px; border-radius:5px;}
#gallerylistwrap .unit .photo img{max-width:100%; }
/* IE9, IE10 */
@media screen and (min-width:0\0) {
    #gallerylistwrap .unit .photo img{ width:100%;}
}
#gallerylistwrap .unit .txt{ padding:10px 0 10px; text-align:left; overflow:auto;}
#gallerylistwrap .unit .txt a{font-size:16px; color:#000;}
#gallerylistwrap .unit .txt span{font-size:16px; color:#666; display:block; border-bottom:1px solid #ededed; padding:5px 0 5px 65px; width:100%; position:relative;}
#gallerylistwrap .unit .txt span u{text-decoration:none; font-size:14px; display:inline-block; margin-right:3px; position:absolute; left:0; top:8px; opacity:0.5;}
#gallerylistwrap .unit .txt span.link{border-bottom:none; text-align:Center;padding:5px 0;}
#gallerylistwrap .unit .txt span.link a{background:#666; color:#fff; border-radius:5px; padding:5px 15px; display:inline-block;}
#gallerylistwrap .unit .txt span.link a:hover{background:#000;}
#gallerylistwrap .unit .txt .tt{}
#gallerylistwrap .unit .txt .date{width:50%; float:left; display:none;}
#gallerylistwrap .unit .txt .hit{width:50%; float:right; display:none; text-align:right;}
#gallerylistwrap .ntc{}
#gallerylistwrap .ntc .icon{ position:absolute; top:5px; left:5px;}
#gallerylistwrap .ntc .photo{border:1px solid #666;}

.replyList{ padding:30px 0;}
.replyList .tt {font-size:16px; padding-bottom:10px; font-weight:bold;}
.replyList .rlW{border-top:2px solid #dcdcdc;}
.replyList table{width:100%; border-bottom:2px solid #dcdcdc;}
.replyList table .photo{width:5%; padding:10px; vertical-align:top;}
.replyList table .name{padding:10px;}
.replyList table .name span{color:#ccc; padding:0 15px;}
.replyList table .cont{padding:0 10px 10px 10px; }

.replyPost {background:#f1f1f1; padding:10px; box-sizing:border-box;}
.replyPost table{width:100%;}
.replyPost table th{width:70px;}
.replyPost table td{padding:3px; text-align:Center;}
.replyPost table td input{width:150px; height:26px; border:1px solid #ccc;}
.replyPost table td input.btn{CURSOR:pointer; margin-left:10px; width:auto; height:auto; border:none;}
.replyPost table td textarea{width:80%; height:100px; border:1px solid #ccc;}
.replyPost button{background:#fff; border:1px solid #ddd; display:inline-block; width:15%; height:100px; font-size:20px;}

.boardScret{padding-top:50px; width:50%; margin:0 auto; text-align:center;}
.boardScret h3{ font-size:20px;}
.boardScret .txt{font-size:14px; padding-top:10px;}
.boardScret .txt strong{color:#990000;}
.boardScret table{ margin:50px 0; width:100%;}
.boardScret table th{width:100px; text-align:center; background:#f1f1f1; border:1px solid #dcdcdc; padding:10px 0;}
.boardScret table td{border-bottom:1px solid #dcdcdc;}
.boardScret table td input{width:100%; height:30px; padding-left:10px;}


/* ##########################################
	For Tablet : 1200px~
   ########################################## */

@media screen and (max-width:1200px){
	.boardTb td img{max-width:100%; height:auto;}

}

@media screen and (max-width:900px){
	.boardTb td img{width:100%; height:auto;}
	#bd_content img{width:100% !important; height:auto;}

}

#bd_content{padding:50px 0;}





/* ##########################################
	For MOBILE : 768px~
   ########################################## */


@media screen and (max-width:768px){

	#bd_content > div, #bd_content > div > div{width:100% !important;}

	.boardBtnR{text-align:center; padding:30px 0; }

	.boardSearch .enter{width:60%;}
	.boardSearch  span{display:block; padding-top:10px ;}

	.boardViewInfo{text-align:center; }
	.boardViewInfo, .boardViewInfo a{font-size:12px;}
	.boardViewInfo span{padding:0 7px;}

	.boardTb th{width:30%;}

	#smart_editor2 .se2_text_tool .se2_multy .hover .ico_btn{border:1px solid red !important;}


	/* Force table to not be like tables anymore */
	.boardTb, .boardTb thead, .boardTb tbody, .boardTb th, .boardTb td, .boardTb tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.boardTb thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.boardTb tr { border: 1px solid #ededed; }
	.boardTb tr:nth-child(even) {background-color: #f2f2f2;}
	
	.boardTb td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;		
		text-align:left; font-size:13px;
		padding:7px 15px;
		padding-left: 30%; 
	}
	.boardTb td a{font-size:13px;}
	
	.boardTb td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 15px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-size:13px;
	}
	.boardTb td.name{display:none;}

	.boardTb td img{width:auto !important; max-width:100% !important; }
	
	/*
	Label the data
	*/
	.boardTb > tbody > tr > td:nth-of-type(1):before { content: "No"; }
	.boardTb > tbody > tr > td:nth-of-type(2):before { content: "Subject"; }
	.boardTb > tbody > tr > td:nth-of-type(3):before { content: "Name"; }
	/* .boardTb > tbody > tr > td:nth-of-type(3):before { content: "Date"; } */
	.boardTb > tbody > tr > td:nth-of-type(4):before { content: "Hit"; }


	.boardSearch{font-size:13px; }

	.boardTb td.alLeft {padding-left: 30%;  text-align:left;}

	.boardSearch span{display:block; margin:10px 0;}

	.verticalTb th{position: absolute; top: -9999px; left: -9999px;}
	.boardTb.verticalTb > tbody > tr > td:nth-of-type(1):before { content: "Name"; }
	/* .boardTb.verticalTb > tbody > tr > td:nth-of-type(2):before { content: "Date"; } */
	.boardTb.verticalTb > tbody > tr > td:nth-of-type(2):before { content: "Hit"; }
	.boardTb.verticalTb > tbody > tr > td:nth-of-type(3):before { content: ""; }
	.boardTb.verticalTb > tbody > tr > td:nth-of-type(4):before { content: ""; }


	.boardTb2 th {font-size:15px;} 

	#bd_content{padding:40px 20px;}
	#bd_content > div, #bd_content > div > div{width:100% !important;}
	.boardTb.verticalTb > tbody > tr > td#bd_content:before { content: ""; }

	.boardBtnR{text-align:center; padding:30px 0; }
	.boardBtnR a{margin:2px 0; display:inline-block;}

	.boardSearch .enter{width:60%;}
	.boardSearch  span{display:block; padding-top:10px ;}

	.boardViewInfo{text-align:center; }
	.boardViewTitle{font-size:1.4rem;}
	.boardViewInfo, .boardViewInfo a{font-size:14px;}
	.boardViewInfo span{padding:0 7px;}

	#smart_editor2 .se2_text_tool .se2_multy .hover .ico_btn{border:1px solid red !important;}

	.replyPost {background:#f1f1f1; padding:10px; text-align:center;}
	.replyPost table td textarea{width:100%;  }
	.replyPost button{width:100%; height:auto; font-size:16px; padding:10px 0; margin-top:5px;}


	#gallerylistwrap table tr{display:inline;}
	#gallerylistwrap table td{display:block; width:50%; float:left;}
	
}