@charset "utf-8";

/* °øÅë */
/* display */
.display_n { display:none !important; }

/* border */
.borRN { border-right:none !important; }
/* text-align */
.t-a-left { text-align:left !important; }
.t-a-right { text-align:right !important; }
.t-a-center { text-align:center !important; }

/* board */
#wrapContatiner { width:100%; float:left; }
#Container { width:100%; float:left; }

#wrapBoard { width:98%; margin:0 auto; }

#search { width:100%; margin:0 auto; /*background:yellow;*/ }
#search form { float:right; }
.all_n_num { 
	float:left; 
	margin:15px 0 0 10px; 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif; 
	font-size:13px;
}
.all_n_num b { color:#3a38b8; }
.searchBar { float:right; margin-right:10px; }
.searchBar select, .searchBar input { 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif; 
	font-size:13px;
}
.searchBar select { 
	height:31px;
	padding:6px 0 6px 0;
	border:1px solid #c9c9c9;
	background:#fff;
	border-radius:3px;
	/*padding:4px 0 8px 0;*/
}
.searchBar input {
	height:31px; 
	/*padding:8px 0 8px 0;*/
	padding-left:5px;
}
.searchBar input.search_text { 
	border:1px solid #c9c9c9;
}
.searchBar input.sbutton { padding:0; }
.board { 
	width:100%; 
	float:left; 
	margin-top:10px;
	border-top:2px solid #000;
}
.boarContents ul li { 
	width:100%;
	float:left;
	/*padding:10px 0;*/
	border-bottom:1px solid #d9d9d9;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
}

.boarContents ul li:nth-child(even) {
    /*background:#ededed;*/
}
.boarContents ul li a { 
	color:#222;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
}
.boarContents ul li a:active, .boarContents ul li a:visited, .boarContents ul li a:link { color:#222; } 
.boarContents ul li a:hover { 
	text-decoration:underline;
	color:#0079c8;
}
.n_contents {
	float:left;
	padding:0 10px;
	text-align:justify;
}
.n_info { 
	font-size:13px;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
}
.n_info span { margin:0 10px; }
.n_summ { 
	width:100%;
	height:16px;
	margin-top:10px;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	/* white-space:nowrap; */
	display:-webkit-box;
	-webkit-line-clamp:1; /* ¶óÀμö */
	-webkit-box-orient:vertical;
	word-wrap:break-word; 
}
.n_title {
	font-size:15px; 
	letter-spacing:-1px;
	width:96%;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:-webkit-box;
	-webkit-line-clamp:1; /* ¶óÀμö */
	-webkit-box-orient:vertical;
	word-wrap:break-word; 
}

.ico_new { 
	display:inline-block;
	margin-left:5px;
	padding:0 5px;
	/* */
	background:#f34f3e; 
	color:#fff;
	font-size:13px;
	border-radius:3px;
	border:1px solid #e84a39;
	vertical-align:middle;
	text-align:left;
	text-indent:0;
	font-weight:normal;
}
/**/
/*
#Btns { width:100%; float:right; margin-top:10px; }
*/
#Btns { width:100%; clear:both; }
.formBtns { margin:0 auto; text-align:center; width:100%; padding-top:30px; }
.n_btns { 
	width:100%;
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:right; 
}
.n_btns a {
	padding:5px 10px;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	border-radius:2px;
	letter-spacing:-1px;
}
.btn_write { 
	color:#fff !important;
	background:#343399;
	border:1px solid #343399;
}
.btn_list { 
	color:#343399;
	border:1px solid #343399;
}
.btn_modify { 
	color:#5e5e5e;
	border:1px solid #5e5e5e;
	background:#eee;
}
/*
#paging { width:100%; float:left; margin-top:30px; }
.paging { width:50%; margin:0 auto; }
.paginate { margin-left:25%; }
.paginate a { 
	width:30px;
	height:22px;
	float:left; 
	padding:5px 0;
	border:1px solid #cecece; 
	border-radius:2px;
	text-align:center;
	vertical-align:middle;
}
.paginate a img { margin-top:-3px; }
a.btn_first { margin-right:5px; }
a.btn_next { margin-left:5px; }
.paginate ul li { 
	width:30px;
	height:22px;
	float:left;
	margin:0 5px;
	margin-bottom:20px;
	border-radius:2px;
	text-align:center;
	vertical-align:middle;
}
.paginate ul li.on { 
	width:30px;
	height:22px;
	padding:5px 0;
	margin-right:0;
	font-weight:bold; 
	background:#343399; 
	color:#fff;
	border:1px solid #1c1c48; 
}
.paginate ul li a { 
	width:30px;
	height:22px;
	text-align:center;
	vertical-align:middle;
	color:#000; 
}
*/

/* °Ô½ÃÆǺ¸±â */
.view { width:100%; float:left; } 
.view_con_title { 
	width:100%; 
	float:left; 
	padding:10px 0; 
	border-bottom:1px solid #cecece;
	color:#222;
}
.view_con_title .n_info { display:inline-block; margin-top:8px; }
.view_contents { 
	display:block;
	/* width:99%; float:left;*/
	padding:0 10px;
	padding-bottom:20px;
	text-align:justify;
	border-bottom:1px solid #cecece;
}
.view_contents p { 
	width:100%;
	margin:0 auto;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:12px;
}
.view_contents img { padding:10px; text-align:left; } 
.n_vi_img { width:98%; }
.n_view_contents { display:inline-block; padding-top:15px; }

/* °Ô½ÃÆÇ form */
.form_contetns { padding:0 10px;	text-align:left; }
/*.form_con_title { padding:10px 0; }*/
.form_con_titInfo {	width:100%;	float:left; }
.form_con_titInfo ul li { 
	width:100%; 
	float:left; 
	border-bottom:1px solid #cecece; 
}
.wrList {	width:100%; float:left; padding:10px 0; }
.wrList dt { 
	width:15%; 
	float:left; 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	letter-spacing:-1px;
	vertical-align:middle;
}
.wrList dt span { 
	display:inline-block; 
	margin-left:15px; 
	margin-top:6px;
}
.wrList dd { 
	width:85%; 
	float:left; 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
}
.wrList input { 
	float:left;
	padding:5px 0;
	padding-left:8px;
	border:1px solid #cecece;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
}
.wrList.borR { border-right:1px solid #cecece; }
.m_wr_title { width:95%; }
.wr_writer, .wr_password { width:30%; }
.wrLw_50 { width:50% !important; float:left; }
.wrListTit dt { width:7.5% !important; }
.wrListTit dd { width:92.5%; }
.n_wr_checkList { width:100%; float:left; }
.n_wr_checkBox { float:left; /*padding:10px 0;*/ margin-top:6px; margin-right:15px; }
.n_wr_checkBox .mL20 { margin-left:20px !important; }
.n_wr_checkBox input { float:left !important; margin-right:5px; margin-top:3px; }
.n_wr_checkBox label {
	float:left;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	letter-spacing:-1px;
	vertical-align:0;
}
.n_form_contents { 
	width:100%;
	float:left;
	padding:15px 0;
}
.n_form_contents textarea { 
  border:1px solid #cecece;
	height:180px; 
	padding:1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height:180%;
  text-align:left;
}
/*.formBtns { width:30%; margin:0 auto; margin-top:30px; text-align:center; }*/
.formBtns a { 
	padding:5px 10px;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	border-radius:2px;
	letter-spacing:-1px;
}
a.btn_confirm { 
	background:#343399;
	border:1px solid #343399;
	color:#fff;
}
a.btn_cancel { 
	border:1px solid #222;
	color:#222;
}
.addFile { 
	width:100%; 
	float:left; 
	margin-top:15px; 
}
input.add_file { width:60%; float:left; }
.af_btns { 
	width:auto !important;
	float:left;
	margin-top:-3px;
	margin-left:10px;
}
.addfile_list { 
	width:99.9%; 
	float:left; 
	height:100px; 
	margin-top:15px; 
	border:1px solid #cecece;
	overflow-y:scroll;
}
.addlist { 
	width:98%;
	margin:0 auto;
	margin-top:15px;
}
.addlist ul li a { 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	color:#222;
	vertical-align:0;
}
.addlist ul li a:active, .addlist ul li a:visited, .addlist ul li a:link { color:#222; }
.addlist ul li a:hover { 
	color:#0079c8;
	text-decoration:underline;
}
.btn_add { 
	border:1px solid #343399;
	color:#343399;
}
.btn_delete { 
	color:#5e5e5e;
	border:1px solid #5e5e5e;
	background:#eee;
}

/* °Ô½ÃÆÇ Å×À̺í */
.boarlistContents { width:100%; float:left; }
.b_tb_th { 
	width:100%; 
	float:left; 
	/* background:#f6fafc; */
	border-bottom:1px solid #cecece; 
}
.b_tb_th ul.boarList li { 
	float:left; 
	padding:8px 0; 
	text-align:center;
	border-right:1px solid #cecece; 
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	font-size:13px;
	font-weight:bold; 
	color:#222;
}
.b_tb_td ul.boarList {
	width:100%;
	float:left;
}

.b_tb_td ul.boarList li { 
	height:20px;
	float:left; 
	padding:10px 0 8px 0;
	font-size:12px;
	text-align:center;
	font-family:'Dotum', 'µ¸¿ò', 'arial', serif;
	border-right:1px solid #cecece;
	background:none !important;
	border-bottom:none !important;
}

.n_number { width:10% !important; float:left; }
.n_title { width:59% !important; float:left; }
.n_day { width:10% !important; float:left; }
.n_write { width:10% !important; float:left; }
.n_hit { width:10% !important; float:left; }

.b_tb_td .n_title { text-align:left !important; text-indent:20px; }
.b_tb_td .n_title a { color:#222; }
.b_tb_td .n_title a:active, .b_tb_td .n_title a:link, .b_tb_td .n_title a:visited { color:#222; }
.b_tb_td .n_title a:hover { color:#0079c8; }

.in_date, .in_write, .in_hit { display:none; }


/* ¹Ìµð¾îÄõ¸® */
@media screen and (max-width:800px) {
	.wrList dt { width:25%; }
	.wrList dd { width:75%; }
	.wr_writer, .wr_password { width:40%; }
	.wrListTit dt { width:12.3% !important; }
	.wrListTit dd { width:87.7% !important; }
}

@media screen and (max-width:768px) {
	#wrapBoard { width:94%; }
	#List_Ajax li { padding:5px 0; border-color:#e5e5e5 !important; }
	#List_Ajax li.wr_replyBox { padding:0; border-color:#e5e5e5 !important; }
	#List_Ajax li.wr_replyBox .replay { padding-top:5px; }
	#List_Ajax li.wr_replyBox .boar_info { padding-bottom:5px; }
	.n_title { font-weight:bold; }
	/* °Ô½ÃÆÇ list */
	.b_tb_th { display:none; }
	.n_number { display:none; }
	.b_tb_td ul.boarList li { border-right:none; }
	.b_tb_td ul.boarList li.n_title { 
		width:100% !important; 
		float:left;
		padding-bottom:12px !important;
		margin-bottom:5px;
		letter-spacing:-1px;
		text-indent:0 !important; 
	}
	.b_tb_td ul.boarList li.n_title a { 
		display:inline-block;
		font-weight:normal;
		margin-left:5px;
		/*width:80%; 
		font-weight:normal;
		white-space:nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left:-15px;  ÀÚµ¿ ¿©¹é   */
		font-family:'Malgun Gothic', 'Dotum', '¸¼Àº °íµñ', 'µ¸¿ò', 	'arial', serif; 
		color:#353535;
		font-size:13px !important;
	} 
	.b_tb_td ul.boarList li.n_day { margin-left:10px; }
	.reply_box { 
		width:100%;
		float:left;
		background:#efefef;
		border-color:#efefef !important;
	}
	.n_day, .n_write, .n_hit { 
		width:auto !important;
		height:18px;
		margin-top:-15px;
		margin-right:20px !important;
		text-align:left !important;
	}
	.in_date, .in_write, .in_hit { 
		display:inline-block;
	}
	.n_day { margin-left:20px; }
	.ico_new { 
		text-indent:0 !important;
		float:left;
		margin-right:5px;
		font-size:12px;
	}
	.ico_secret { float:left; margin-top:2px; }
	/* ¸ð¹ÙÀÏ °Ë»öâ */
	#search_m { 
		clear:both;
		content::"after";
	}
	.searchBar { 
		clear:both; 
		width:100%;
		margin:0 auto;
	}
	.searchBar_m { 
		width:100%;
		float:left;
		margin:15px 0;
		padding-bottom:15px;
		background:#f5f5f5 !important;
		border:1px solid #d9d9d9;
		border-radius:5px;
	}
	.searchBar_m_in { 
		display:block;
		padding:15px;
	}
	.searchBar_m_in select { width:25%; float:left; margin-right:2%; }
	.searchBar_m_in .comm_input { 
		width:50%;
		float:left;
		height:18px;
		padding-left:8px;
		vertical-align:middle;
		margin-top:-1px;
	}
	.btn_m_search { 
		width:18%;
		float:right;
		height:29px;
		background:#343399;
		color:#fff;
		font-size:14px;
		letter-spacing:-1px;
		line-height:29px;
		border:1px solid #343399;
		border-radius:3px;
		text-align:center;
	}
	
	.ico_picture { display:none; }
	.ico_list_normal { display:none; }
	.ico_reply { 
		/*margin-right:0px !important;*/
		background:#efefef;	
	}
	.wrap_page { margin-top:0 !important; }
	
	/* °Ô½ÃÆÇ ¸®½ºÆ® */
	.boarContents ul li, .boarContents ul li a, .n_title { 
		font-family:'Malgun Gothic', 'Dotum', '¸¼Àº °íµñ', 'µ¸¿ò', 	'arial', serif !important; 
		font-size:14px !important;
		font-weight:normal !important;
	}
	
	/* ¹öÆ°µé */
	.n_btns { 
		float:none;
		margin-right:0 !important; 
	}
	.n_btns a { 
		padding:0;
		border-radius:0;
		font-family:'Malgun Gothic', 'Dotum', '¸¼Àº °íµñ', 'µ¸¿ò', 	'arial', serif; 
		font-size:14px;
	}
	.n_btns .btn_write {
		background:#fff;
		border:1px solid #343399;
		color:#343399 !important;
	}
	
	/* view contents */
	.view_contents { border-bottom:none !important; }
	.n_view_contents { width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #d9d9d9; }
	.n_view_contents p img { width:100%; }
	.view_title b { font-size:15px; }
	.view_con_title .n_info { margin-top:0; }
	.view_con_title .n_info span { margin-right:0; }
	.view_contents img { padding:10px 0; } 
	
	.v_n_btns { width:96% !important; margin:0 auto; padding-bottom:20px; }
	.v_n_btns a { 
		width:23.4%; 
		float:left; 
		margin-right:1%;
		box-sizing:border-box;
		text-align:center;
	}
	.v_n_btns .btn_mAnswer, .v_n_btns .btn_mList { height:45px; line-height:45px; }
	.v_n_btns .btn_mAnswer { 
		float:left;	
		color:#f34f3e;
		border-color:#f34f3e;
	}
	.v_n_btns .btn_mList { float:right; margin-right:0 !important; }
	.v_n_btns .btn_mModify, .v_n_btns .btn_mDelete {}
	.v_n_btns .btn_mDelete {
		background:#343399 !important;
		color:#fff !important;
	}
	
	/* form contents */
	.wrList { padding:0; }
	.wrListTit dt { display:none; }
	.wrListTit dd { width:100% !important; }
	.wrListTit dd .comm_input { width:98% !important; padding:8px 0 !important; }
	.addFile { margin-top:0 !important; }
	
	/* form ¹öÆ° */
	.formBtns { 
		width:94%;
		padding-top:0 !important; 
		margin-top:20px !important; 
	}
	.formBtns a { 
		width:32% !important; 
		float:left; 
		margin-top:5px;
		margin-bottom:20px; 
		height:45px;
		line-height:45px;
		padding:0 !important;
		font-family:'Malgun Gothic', 'Dotum', '¸¼Àº °íµñ', 'µ¸¿ò', 	'arial', serif; 
		font-size:14px;
		border-radius:0;
		box-sizing:border-box;
	}
	.formBtns .btn_confirm { float:right !important; }
	.formBtns .btn_cancel { float:right !important; margin-right:2%; }
	
}

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

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

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

}

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

@media screen and (max-width:480px) {
	.wrList dt { width:40%; }
	.wrList dd { width:60%; /*background-color:yellow;*/ }
	.wr_writer, .wr_password { width:50%; }
	/* .wrListTit dt { width:20% !important; }
	.wrListTit dd { width:80% !important; }*/
	.n_wr_checkList { float:right; }

}

@media screen and (max-width:414px) {
	/*.paging { width:100%; margin-left:50%; }
	.paginate { margin-left:-35%; }*/
	.n_day, .n_write, .n_hit { margin-right:10px; }
}

@media screen and (max-width:375px) {
	
}
@media screen and (max-width:360px) {
	.ico_secret {
		margin-right:3px;
		margin-left:0;
	}
}
@media screen and (max-width:320px) {
	/*.paging { margin-left:0%; }
	.paginate { margin-left:8% !important; }*/
	
	.all_n_num { display:none; }
	.searchBar { width:90%; margin:0 auto; }
}