
/* bbs */


#Contents		{position:relative; width:100%; max-width:1400px; padding:0px 0 70px 0; min-height:250px; font-size:15px; line-height:1.6em;}


#ContTitle		{position:relative; height:80px; padding-top:40px; font-size:40px; color:#333; text-align:center; font-weight:normal; border-bottom:1px solid #d7d7d7;}

#Contents h4	{clear:both; color:#222; font-size:21px; font-weight:bold;}



/* [TYPE:gray] 일반게시판 lsit */
.bbsList						{clear:both; position:relative; margin-top:10px;border-top:2px solid #222;}
.bbsList table thead th	{height:4em;  color:#333; background:#fff; border-bottom:1px solid #ccc; }
.bbsList table thead .fir {background:#fff;}
.bbsList table td			{height:4em; border-bottom:1px solid #e1e1e1; background:#ffffff;}
.bbsList table th.bg,
.bbsList table td.bg		{height:4em; border-bottom:1px solid #e1e1e1; background:#f3f3f3 !important;}
/* 2021 02 02*개발자 추가 */
.bbsList table td.title a { width:100%; white-space:normal; text-align:left; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
/* 2021 02 02*개발자 추가 */
.bbsList table .aleft		{text-align:left; padding-left:10px;}
/* list paging */
.bbsBottom				{clear:both; width:100%; *zoom:1; }
.bbsBottom:after		{content:""; clear:both; display:block;}

.bbsPaging				{text-align:center; padding:30px 0 20px 0;  }
.bbsPaging li			{display:inline; margin-right:2px; font-weight:bold; height:15px;line-height:15px; }
.bbsPaging li a			{padding:0px 10px; display:inline-block;}
.bbsPaging li a:hover	{padding:0px 10px; color:#d85c1f; line-height:15px; }
.bbsPaging li a.pre		{padding:0px 10px;color:#d85c1f; text-decoration:underline; line-height:15px; }
.bbsPaging li img{ line-height:20px; vertical-align:middle;}

.bbsPaging li.b_first a,
.bbsPaging li.b_first a:hover	{margin:0; padding:0; border:none;}
.bbsPaging li.b_prev a,
.bbsPaging li.b_prev a:hover	{margin:0; padding:0; border:none;}
.bbsPaging li.b_next a,
.bbsPaging li.b_next a:hover	{margin:0; padding:0; border:none;}
.bbsPaging li.b_last a,
.bbsPaging li.b_last a:hover	{margin:0; padding:0; border:none;}
.bbs_del{line-height:30px;padding:0px 10px; border:1px solid #ddd;background:#f9f9f9; font-size:14px;}
/* 댓글 */
 .re_t {height:55px; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px;}
 .re_coment_w{padding-top:10px;}
 .re_coment{padding:25px 0; border-bottom:1px solid #ddd;}
 .re_coment_re{padding:25px 0px 25px 20px;border-bottom:1px solid #ddd;}
 .re_tit {font-weight:600; line-height:15px; vertical-align:middle;}
 .re_tit_re {padding:10px 0 0px 20px; font-weight:600; line-height:15px; vertical-align:middle;}
 .re_con_w{width:100%; border:1px solid #ddd; background:#f9f9f9; padding:20px 20px; margin:10px 0;}
 .re_con {width:100%; border:1px solid #ddd; background:#f9f9f9; }
 .re_con_c {width:100%; border-bottom:1px solid #ddd; background:#f9f9f9; padding-bottom:10px;}
 .re_con_b {width:100%; text-align:center; padding:10px;}
 .re_con_b a.btn{padding:5px 20px; border:1px solid #ddd; background:#fff; width:100px;text-align:center; font-size:14px;}
 .re_input {border:1px solid #ddd; height:20px; line-height:20px; padding:5px; margin:2px;}
 .re_con_btn{padding-top:10px; font-size:15px; color:#888; text-align:right;}
/* btn */
.bbsBtn				{float:right; padding:30px 0 0;}
/*게시판 버튼 */

.bt-box			{width:100%; text-align:center; vertical-align:middle;}
.bt-box input.bt	{display:inline-block; width:110px; height:42px; line-height:42px; border:1px solid #999;  font-weight:bold; vertical-align:middle; color:#111;}
.bt-box input.bt.bg-full{background:#707bd5; color:#fff !important;}
.bt-box input:hover	{background:#707bd5; color:#fff}
.bt-box a.bt		{display:inline-block; width:110px; height:42px; line-height:42px; margin:2px 0;border:1px solid #707bd5;  font-weight:bold; vertical-align:middle; color:#707bd5;}
.bt-box a.bt.bg-full{background:#707bd5; color:#fff !important; }
.bt-box a:hover	{background:#707bd5; color:#fff}
.bt-box button{width:110px;height:42px;line-height:40px;text-align:center;display:inline-block; font-weight:bold;border:1px solid #707bd5; color:#fff;background:#707bd5; vertical-align:middle;margin-top:0px;}
.bt-box button:hover{background:#707bd5; color:#fff !important;}

/*2021 01 28 개발자 추가*/
.bt-box button.bt {background:#fff; display:inline-block; width:110px; height:42px; line-height:42px; margin:2px 0;border:1px solid #707bd5;  font-weight:bold; vertical-align:middle; color:#707bd5;}
.bt-box button.bt:hover {background:#707bd5; color:#fff !important;}
/*2021 01 28 개발자 추가*/

/* list search */
/* 2021 02 15 개발자 수정 */
.bbsTop					{clear:both; position:relative;  /*height:30px;*/}
/* 2021 02 15 개발자 수정 */


.bbsSearch				{margin:0 auto; width:400px; height:40px; text-align:center; margin-top:30px;}
.bbsSearch label		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
.bbsSearch input		{width:200px; height:32px; margin:0; border:1px solid #ccc; background:#ffffff; vertical-align:top;}
.bbsSearch select		{width:95px; height:32px; margin:0;  line-height:2em; border:1px solid #ddd; background:#fff; vertical-align:top;  font-size:13px;  letter-spacing:-1px;}
.bbsSearch button	{width:50px; height:32px; margin:0;  color:#ffffff; font-weight:bold; background:#333; font-size:14px;}
.bbsSearch button.b2	{width:120px; height:32px; margin:0;  color:#ffffff; font-weight:bold; background:#333; font-size:14px;}

.bbsSearch2			{float:right; width:500px; height:40px; text-align:right}
.bbsSearch2 label		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
.bbsSearch2 input		{width:200px; height:32px; margin:0; border:1px solid #ccc; background:#ffffff; vertical-align:top;}
.bbsSearch2 select		{width:95px; height:32px; margin:0;  line-height:2em; border:1px solid #ddd; background:#fff; vertical-align:top; font-size:13px; letter-spacing:-1px;}
.bbsSearch2 button	{width:50px; height:32px; margin:0;  color:#ffffff; font-weight:bold; background:#333; font-size:14px;}
.bbsSearch2 .b2	{width:120px; height:32px; line-height:32px;text-align:center;color:#ffffff; font-weight:bold; background:#333; font-size:14px; border:1px solid #ccc;}

.bbstotal					{float:left;}

/* [view] */
.bbsView					{border-top:2px solid #222;}
.bbsView .top_v		{overflow:hidden; background:#fff;}
.bbsView .top_v		{padding:30px 20px 20px 25px; border-bottom:1px solid #e1e1e1;}
.bbsView .top_v h4	{margin:0px; text-align:center;}
.bbsView .top_v p		{margin:0px; font-size:13px; text-align:right;}
.bbsView .file_v p		{padding:15px;  margin:0px; font-size:13px; border-bottom:1px solid #e1e1e1; background:#f3f3f3;}
.bbsView .body_v	 	{padding:20px 10px; font-size:15px; line-height:1.6em; border-bottom:1px solid #e1e1e1;}
.bbsView p{padding-top:20px; text-align:left;}
	
.TB_s					{clear:both; margin-bottom:10px; width:100%; border-top:1px solid #c6baaf; }
.TB_s tbody th		{padding:8px; background:#f3f3f3; border-left:1px solid #7c8fc6; border-bottom:1px solid #c6baaf; font-size:15px; color:#333; text-align:center;}
.TB_s tbody td		{padding:13px; text-align:left; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf; font-size:15px;}
.TB_s tbody th.bg,	
.TB_s tbody td.bg	{background:#e0e9f6;}
.TB_s tbody th.fir {border-left:0;}

.bbsReply 	{padding:30px; font-size:13px; line-height:1.8em; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f3f3f3;}

/* [write] */
.bbsWrite				{clear:both; position:relative; margin-bottom:10px; width:100%; border-top:2px solid #222;}
.bbsWrite tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;  font-size:15px; text-align:left; }
.bbsWrite tbody td	{padding:15px; border-bottom:1px solid #e1e1e1; font-size:15px; text-align:left; line-height:1.5em;}
.bbsWrite input			{height:35px; border:1px solid #f3f3f3; font-size:15px; background:#f3f3f3;}
.bbsWrite input.file	{height:35px; border:0px solid #fff; background:#ffff;}
.bbsWrite select      {height:18px; border:none;  background:#f3f3f3;}
.bbsWrite textarea	{width:100%; height:150px; border:1px solid #f3f3f3; background:#f3f3f3;}
.bbsWrite .input_nobg {background:none;}
.bbsWrite .acenter		{text-align:center;}
.wps_100{width:100%;}
.bbsWrite .input_bg {background:#ddd;}

@media screen and (max-width:768px) {
.bbsWrite				{clear:both; position:relative; margin-bottom:10px; width:100%; border-top:2px solid #222;}
.bbsWrite tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;  font-size:15px; text-align:left; }
.bbsWrite tbody td	{padding:15px; border-bottom:1px solid #e1e1e1; font-size:15px; text-align:left; line-height:1.5em;}
.bbsWrite input			{height:35px; border:1px solid #f3f3f3; font-size:15px; background:#f3f3f3; width:100%;}
.bbsWrite input.file	{height:35px; border:0px solid #fff; background:#ffff;}
.bbsWrite select      {height:18px; border:none;  background:#f3f3f3;}
.bbsWrite textarea	{width:100%; height:150px; border:1px solid #f3f3f3; background:#f3f3f3;}
.bbsWrite .input_nobg {background:none;}
.bbsWrite .acenter		{text-align:center;}

}


/* [TYPE:gray] 사진게시판 lsit */
.bbsPhoto				{clear:both; position:relative; max-width:1400px; width:100%; height:100%;  padding-top:30px; margin:0 auto;border-top:2px solid #222; overflow:hidden;}
.bbsPhoto ul			{ text-align:center;width:100%; }/* 20210202 수정 */
.bbsPhoto ul li			{ float:left; padding:0px;  width:23%; height:auto; margin:0px 1% 25px 1%; text-align:center; vertical-align:middle; border:1px solid #e1e1e1; background:#ffffff;}/* 20210202 수정 */
.bbsPhoto ul li .photo	{width:100%; margin:0 auto; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1;}/* 20210202 수정 */
.bbsPhoto ul li .photo img{width:100%;  max-height:255px;}/* 20210202 수정 */
.photoTitle				{display:block; width:90%; padding:15px 10px 0px; color:#353535;  text-align:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }/* 20210202 수정 */
/*2021 02 03 개발자 추가 */
.photoTitle a	{display:block; width:95%; padding:15px 10px 0px; color:#353535;  text-align:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }/* 20210202 수정 */
/*2021 02 03 개발자 추가 */

/*.photoTitle a			{font-weight:bold;}*/
.photoDate				{width:260px; padding:0px 10px 10px; color:#888888; text-align:left;}/* 20210202 수정 */
	
.TB_s					{clear:both; margin-bottom:10px; width:100%; border-top:1px solid #c6baaf; }
.TB_s tbody th		{padding:8px; background:#f3f3f3; border-left:1px solid #7c8fc6; border-bottom:1px solid #c6baaf; font-size:15px; color:#333; text-align:center;}
.TB_s tbody td		{padding:13px; text-align:left; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf; font-size:15px;}
.TB_s tbody th.bg,	
.TB_s tbody td.bg	{background:#e0e9f6;}
.TB_s tbody th.fir {border-left:0;}

.bbsReply 	{padding:30px; font-size:13px; line-height:1.8em; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f3f3f3;}
/* 20210201 추가 */
@media screen and (max-width:768px) {
.txts{font-size:13px;}
.no_col {display:none;}
/* 2021 02 02*개발자 추가 */
.bbsList table td .title {width:90%;text-align:left; color:#555; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.bbsList table td .title img{display:none;}
/* 2021 02 02*개발자 추가 */

.bbsPhoto ul li			{  width:48% !important; }/* 20210202 수정 */
}

/* 20210202 추가 */
@media screen and (max-width:1024px) {
.bbsPhoto ul li			{  width:31.333%; }
}

@media screen and (max-width:400px) {
.bbsPhoto ul li			{  width:98% !important; }
}


/* 20210205 추가 */
.bbsWrite2				{clear:both; position:relative; margin-bottom:10px; width:100%; border-top:2px solid #222;}
.bbsWrite2 tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;  font-size:15px; text-align:left; }
.bbsWrite2 tbody td	{padding:15px; border-bottom:1px solid #e1e1e1; font-size:15px; text-align:left; line-height:1.5em;}
.bbsWrite2 input			{height:35px; border:1px solid #f3f3f3; font-size:15px; background:#f3f3f3;}
.bbsWrite2 input.file	{height:35px; border:0px solid #fff; background:#ffff;}
.bbsWrite2 select      {height:18px; border:none;  background:#f3f3f3;}
.bbsWrite2 textarea	{width:100%; height:150px; border:1px solid #f3f3f3; background:#f3f3f3;}
.bbsWrite2 .input_nobg {background:none;}
.bbsWrite2 .acenter		{text-align:center;}
.wps_100{width:100%;}
.bbsWrite2 .input_bg {background:#ddd;}

@media screen and (max-width:1024px) {
.bbsWrite2 input,.bbsWrite input select {width:100%;margin:1px 0;}
.bbsWrite2 span {margin-left:-5px;}
}
/* 20210205 추가 끝 */