@charset "utf-8";

#bodyTopBanner { padding:0 0 10px 5px; }

.bbs_fixed { table-layout:fixed; }
.bbs_ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

/* 라인 */
.bd_grayLine { height: 1px; background: #EDEDED; }
.bd_gray2Line { height: 1px; background: #D1CEC9; }
.bd_redLine { height: 1px; background: #C30E15; }
.bd_Line1 { height: 1px; background: #C2B2A3; }
.bd_Line2 { height: 2px; background: #C2B2A3; }
.bd_Line3 { height: 3px; background: #C2B2A3; }

.bbs_pd_a3 { padding: 3px; }
.bbs_pd_a4 { padding: 4px; }
.bbs_pd_a5 { padding: 5px; }
.bbs_pd_a6 { padding: 6px; }
.bbs_pd_a10 { padding: 10px; }

.bbs_pd_l5 { padding-left: 5px; }
.bbs_pd_l8 { padding-left: 8px; }
.bbs_pd_l10 { padding-left: 10px; }

.bbs_pd_t3 { padding-top: 3px; }
.bbs_pd_t5 { padding-top: 5px; }
.bbs_pd_t10 { padding-top: 10px; }
.bbs_pd_t15 { padding-top: 15px; }
.bbs_pd_t30 { padding-top: 30px; }

.bbs_pd_r5 { padding-right: 5px; }
.bbs_pd_r10 { padding-right: 10px; }
.bbs_pd_r15 { padding-right: 15px; }

.bbs_pd_b5 { padding-bottom: 5px; }
.bbs_pd_b10 { padding-bottom: 10px; }
.bbs_pd_b30 { padding-bottom: 30px; }

#bbsName { height: 30px; padding:0 5px 5px 0; }
#bbsName .boardNameTitle { float:left; background: url('/_admin/image/icon/titledot.gif') no-repeat; font: 15px '맑은 고딕',Dotum; color: #0562C9; font-weight: bold; letter-spacing: -2px; padding: 8px 0px 0px 22px; } /* font-family:'맑은 고딕',Dotum; */
#bbsName .boardNameTitle span { font-size:12px; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }

#bbsListdiv td { font-family: Dotum,Gulim; font-size: 11px; letter-spacing: 0px; }
#bbsListdiv .dataCell { padding: 7px 0px 7px 3px; }
#bbsListdiv .bbs_listTitle { font-weight:bold; color:#000000; }
#bbsListdiv .bbs_listTitle2 { font-weight:bold; color:#808080; }

#bbsFormdiv td { font: 11px Dotum; letter-spacing: 0px; }
#bbsFormdiv .leftCell { background: #F4F4F4; padding: 7px; text-align: center; color: #000000; }
#bbsFormdiv .rightCell { background: #FFFFFF; padding: 7px; font-weight: none; color: #000000; line-height:23px;}

#bbsViewdiv td { font-family: Dotum,Gulim; font-size: 11px; letter-spacing: 0px; }
#bbsViewdiv .leftCell { background: #F6F6F6; padding: 7px; color: #808080; }
#bbsViewdiv .rightCell { background: #FFFFFF; padding: 7px; color: #808080; font-weight: none; }

.bd_listSubject { padding: 7px 0 7px 0; }

.bd_viewTitle { width:100%; font-size: 1.3rem; font-weight: 700; color: #0E446E; letter-spacing: -1px; padding:7px 0px 7px 15px; }
.bd_viewName { height: 30px; padding-right: 5px; }
.bd_viewDate { font-size:12px; letter-spacing: -1px; color: #6D6D6D; padding: 5px 0 10px 10px; text-align: right; }
.bd_viewBbsCount { font: 11px Dotum; letter-spacing: 0px; color: #C30E15; font-weight: none; }
.bd_viewBbsCommentCount { font-size:12px; letter-spacing: 0px; color: #C30E15; font-weight: none; }
.bd_viewLevel { font-size:12px; letter-spacing: 0px; color: #C30E15; font-weight: none; }
.bd_viewAutolacLevel { font-size:12px; letter-spacing: 0px; color: #C30E15; font-weight: none; }
.bd_viewPoint { font-size:12px; letter-spacing: 0px; color: #C30E15; font-weight: none; }
.bd_viewIp { font-size: 12px; letter-spacing: 0px; color: #A4A4A4; }

.bbs_grayBox { border: 1px solid #EDEDED; padding: 10px; background: #FFFFFF; }
.bbs_numberBox { border: 1px solid #8257C2; padding: 2px 2px 1px 2px; margin-right: 3px; background: #8257C2;  width:25px; font:11px Dotum; color:#FFFFFF; letter-spacing: -1px; text-align: center; }
.bbs_topNumberBox { border: 1px solid #CC0000; padding: 2px 2px 1px 2px; margin-right: 3px; background: #CC0000;  width:25px; font:11px Dotum; color:#FFFFFF; letter-spacing: -1px; text-align: center; }

.bd_contents { padding: 20px 10px 20px 10px; }
.resize3 { width: expression((this.width > 100)? ((this.height > 100)? ((this.width < this.height)? true : 100) : 100) :true); height: expression((this.height > 100)? ((this.width > 100)? ((this.width > this.height)? true : 100) : 100) :true); max-width: 720px; max-height: 10000px;}  

#bd_viewContents { font-size:12px; letter-spacing: 0px; line-height:19px; }
/* #bd_viewContents P { margin: 10px 0px 8px 0px; } */
#bd_viewContents P { margin:0px; padding:0px; }
#bd_viewContents img{ max-width: 730px; width: expression(this.width > ? : true);  height:auto; overflow: hidden;  }

a.board:link     { COLOR:#1F2525; letter-spacing: 0px; text-decoration: none; }
a.board:visited  { COLOR:#1F2525; letter-spacing: 0px; text-decoration: none; }
a.board:hover    { COLOR:#3399CC; letter-spacing: 0px; text-decoration: none;}
a.board:active   { COLOR:#1F2525; letter-spacing: 0px; text-decoration: none; }

a.bd_notice:link     { COLOR:#d5353c; font-size:12px; font-weight:700; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:visited  { COLOR:#d5353c; font-size:12px; font-weight:700; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:hover    { COLOR:#d5353c; font-size:12px; font-weight:700; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:active   { COLOR:#d5353c; font-size:12px; font-weight:700; letter-spacing: 0px; text-decoration: none;}

.bd_topnotice { font-size:12px; COLOR:#545151; letter-spacing: 0px; }
a.bd_topnotice:link     { font-size:12px; COLOR:#333333; letter-spacing: 0px; text-decoration: none;}
a.bd_topnotice:visited  { font-size:12px; COLOR:#616161; letter-spacing: 0px; text-decoration: none;}
a.bd_topnotice:hover    { font-size:12px; COLOR:#3399CC; letter-spacing: 0px; text-decoration: none;}
a.bd_topnotice:active   { font-size:12px; COLOR:#EA7400; letter-spacing: 0px; text-decoration: none;}

.bbs_editbox {	font-size:12px; color:#4B463E;	border:1px solid #CCCDCC;	background-color: #FFFFFF; padding-top:5px; height:14px; }
.bbs_fileeditbox {	font-size:12px; background-color: #FFFFFF; border: 1px solid #CCCCCC;	 margin:1px 0 1px 0; padding-top:5px; height:22px; }
.bbs_pweditbox {	font-size:12px; height: 21px; line-height: 16px;	color:#4B463E;	border:1px solid #CCCDCC;	background-color: #FFFFFF; }

.input1  {font-size:12px;background-color:#ffffff;border:#c9c9c9 1px solid; height:18px;}
.input2  {font-size:12px;background-color:#ffffff;border:#d2d2d2 1px solid; height:18px;}
.input_texarea1  {font-size:12px;background-color:#ffffff;border:#c9c9c9 1px solid; height:58px; width:100%;}

.bbs_selectbox {	width:auto; font-size:11px;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:22px; padding:3px; }
.bbs_selectBox { width:auto; font-size:11px;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:22px; padding:3px; }

.bbs_font_11s { font: 8pt Dotum; letter-spacing: -1px; }
.bbs_bold { font-weight:bold; }

.bbs_explan_txt { font:8pt Dotum; color:#627DCE; letter-spacing:-1px; }

/* 박스 */
.bbs_graybox { border: 2px solid #808080; padding: 2px; background: #FFFFFF; }
.bbs_box_emoticon{border:3px solid #F36F21;background-color:e5eded;}
.bbs_redbox { border: 2px solid #FF8080; padding: 2px; background: #F6F6F6; }
.bbs_box { border: 2px solid #EDEDED; padding: 2px; background: #F9FAFB; }
.bbs_attfilebox { border: 1px solid #CCCCCC; padding: 2px; background: #F6F6F6; }
.bbs_box_pop{ border: 2px solid #EDEDED; padding: 2px; background: #564B42; }
.bbs_listTitleBox { border: 2px solid #0D2557; padding: 2px; background: #F4F4F4; padding:7px; }

/* Page Numbers */
.bbs_pages { padding: 10px; }
.bbs_pages span.current, 
.bbs_pages a.current{ font: 8pt 굴림; font-weight: bold; color: #FF6633; border: 2px solid #FF6633; background: #fff; text-decoration:none; padding: 3px 4px 3px 4px; margin-right:3px; }

.bbs_pages span.list,
.bbs_pages a.list { font: 8pt 굴림; font-weight: bold; color:#292929; border: 1px solid #DBDBDB; background: #fff; text-decoration: none; padding: 4px 4px 3px 4px; margin-right:3px; }
.bbs_pages span.list:hover, .pages a.list:hover, .pages a.current:hover { border-color: #749fd6; color: #1c6ad0; }

#pageNavi { clear:both; margin:0 auto; width:100%; text-align:center; padding:20px 0; }
.list-paging {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38px 0;
  gap: 6px;
}

.list-paging a {
  display: block;
  width: 25px;
  padding: 8px;
  font-size: 13px;
  text-align: center;
  border: 1px solid var(--color-stroke);
  border-radius: 4px;	
}

.list-paging a:hover {
  border-color: var(--color-gray);
}

.list-paging a.active {
  border-color: var(--color-gray);
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%)
}

.list-paging a.paging-btn {
  text-indent: -9999px;
  border-width: 0;
}

.list-paging a.paging-btn.first {
  background: url('../image/ico-page-first.svg') 50% no-repeat;
}

.list-paging a.paging-btn.prev {
  background: url('../image/ico-page-prev.svg') 50% no-repeat;
  margin-right: 12px;
}

.list-paging a.paging-btn.last {
  background: url('../image/ico-page-last.svg') 50% no-repeat;
}

.list-paging a.paging-btn.next {
  background: url('../image/ico-page-next.svg') 50% no-repeat;
  margin-left: 12px;
}

.list-paging a.paging-btn:hover {
  background-color: #F1F1F1;
}

#bbs_submitArea { clear:both; margin:0 auto; width:100%; text-align:center; margin-top:20px; }
#bbs_submitArea .left { float:left; text-align:left; }
#bbs_submitArea .right { float:right; text-align:right; }

span.s_btn { padding:0; }
span.s_btn button {	font: 8pt Dotum;	color: #4B463E;	letter-spacing: -1px;	border: 1px solid #B0B0B0;	background-color: #FFFFFF;		width: auto;	height: 18px;	margin:0 1px 0 1px;	padding: 2px 2px 0 2px;	cursor: hand;}

span.bbs_btn_blue { padding:0; }
span.bbs_btn_blue button {	font: 8pt Dotum;	color: #003939;	letter-spacing: -1px;	border: 1px solid #7E94B4;	background-color: #FFFFFF;		width: auto;	height: 19px;	margin:0 2px 0 2px; padding: 2px 3px 0 3px;	cursor: hand;}

span.bbs_btn_red { padding:0; }
span.bbs_btn_red button {	font: 8pt Dotum;	color: #E10000;	letter-spacing: -1px;	border: 1px solid #E10000;	background-color: #FFFFFF;		width: auto;	height: 19px;	margin:0 2px 0 2px; padding: 2px 3px 0 3px;	cursor: hand;}

span.submitBtnCheck_blue { padding:0; }
span.submitBtnCheck_blue button {	font-size:12px;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: hand;}

span.submitBtnCheck_orange { padding:0; }
span.submitBtnCheck_orange button {	font-size:12px;	color: #9B0000;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #F26722;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: hand;}

span.submitBtnCheck_yellow { padding:0; }
span.submitBtnCheck_yellow button {	font-size:12px;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #FFA800;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: hand;}

span.submitBtnCheck_deepblue { padding:0; }
span.submitBtnCheck_deepblue button {	font-size:12px;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #194B88;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: hand;}

span.searchBtn { padding:0; }
span.searchBtn button {	font: 11px Dotum; color: #FFFFFF;	font-weight: none; letter-spacing: -1px;	border: 1px solid #2A2A2A;	background: #494949; margin:0em; padding: 8px;	cursor: hand;}

span.listBtn_blue { padding:0; }
span.listBtn_blue button {	font: 11px Dotum;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: hand;}

span.listBtn_orange { padding:0; }
span.listBtn_orange button {	font: 11px Dotum;	color: #F26722;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #F26722;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: hand;}

span.listBtn_yellow { padding:0; }
span.listBtn_yellow button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #FFA800;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: hand;}

span.listBtn_deepblue { padding:0; }
span.listBtn_deepblue button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #194B88;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: hand;}

span.listBtn_deepred { padding:0; }
span.listBtn_deepred button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #A50303;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: hand;}

/* 기본 */
span.submitBtnCheck { padding:0; }
span.submitBtnCheck button {	font-size:12px;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: hand;}

span.listBtn { padding:0; }
span.listBtn button {	font: 11px Dotum;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: hand;}

span.listBtn2 { padding:0; }
span.listBtn2 button {	font: 11px Dotum;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 5px 3px 3px 3px;	cursor: hand;}

span.numberBtn {	font:11px Dotum;	color:#FFFFFF;	border:1px solid #000000;	background: #000000; padding:1px 1px 0px 1px;	}

span.detailBtn { padding:0; }
span.detailBtn button {	font: 11px Dotum;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 1px solid #274591;	background:#274591; margin:0em;	padding: 4px 10px 2px 10px;	cursor: hand;}


span.bbs_searchBtn { padding:0; }
span.bbs_searchBtn button {	color: #FFFFFF;	letter-spacing: -1px;	background: #494949; border-radius:4px; margin:1px 0 0 0; padding: 7px 8px;	cursor: pointer;}

span.bbs_listBtn { padding:0; }
span.bbs_listBtn button {	font-size: 14px; border: 1px solid #7E94B4; border-radius:4px; background: #ffffff;  margin:0 5px;  padding: 8px 15px;	/* 	width:85px !important; */}

span.bbs_writeBtn { padding:0; }
span.bbs_writeBtn button {	font-size: 14px; border: 1px solid #7E94B4; border-radius:4px; background: #ffffff;  margin:0 5px;  padding: 8px 15px;	}

span.bbs_deleteBtn { padding:0; }
span.bbs_deleteBtn button {	font-size: 14px; color: #AA0000; border: 1px solid #AA0000; border-radius:4px; background: #ffffff;  margin:0 5px;  padding: 8px 15px;	}

span.bbs_submitBtnCheck { padding:0; }
span.bbs_submitBtnCheck button {	font-size:14px; letter-spacing: -1px;	border: 1px solid #7E94B4; border-radius:4px; background-color: #ffffff;	margin:0 3px;	padding: 10px 20px 8px 20px;	cursor: pointer;}
span.bbs_submitBtnCheck button::before {
	content:"\f00c";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 1.0rem;
	color: var(--primary);
	margin: 0 5px 3px 3px;
	vertical-align: middle;
}

span.bbs_cancelBtnCheck { padding:0; }
span.bbs_cancelBtnCheck button {	font-size:14px;	letter-spacing: -1px;	border: 1px solid #B9B9B9;	border-radius:4px;	background-color: #FFFFFF;	margin:0 3px;	padding: 10px 20px 8px 20px;	cursor: pointer;}
span.bbs_cancelBtnCheck button::before {
	content:"\f00d";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 1.0rem;
	color: var(--dark-red);
	margin: 0 5px 3px 3px;
	vertical-align: middle;
}

ul.bbs_list {clear:both; border-top: 2px solid #0D2557; overflow:hidden; padding-bottom:30px;}
.bbs_list li {  }
.bbs_list li a { text-decoration:none }
.bbs_list li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_list li.tit span.no {display:inline-block; width:100px; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.bbs_list li.tit span.subject {display:inline-block; width:85%; font-size:1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_list li.tit span.subject a { font-size: 1.3rem; text-decoration:none; }
.bbs_list li.tit span.subject a:hover { color: var(--primary); }
.bbs_list li.tit span.subject span{font-size: 1.3rem; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_list li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_list li.tit span.subject span.date {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; }
.bbs_list li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_list li.tit span.nosubject {display:inline-block; width:100%; font-size:18px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; }

ul.bbs_view {clear:both; border-top: 2px solid #044EA3; overflow:hidden; padding-bottom:20px;}
.bbs_view li {  }
.bbs_view li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_view li.tit span.subject {display:inline-block; width:100%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_view li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_view li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_view li.tit span.subject span.date {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; }
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.email {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.event {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.tel {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_view li.tit span.subject span.hp {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.area {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.talk {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.invest {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}

ul.bbs_pn {clear:both; border-top: 1px solid #ddd; overflow:hidden; padding-bottom:30px;}
.bbs_pn li {  }
.bbs_pn li a { color: #8C8C8C; text-decoration:none; }
.bbs_pn li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_pn li.tit span.no {display:inline-block; width:100px; font-size:18px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.bbs_pn li.tit span.subject {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_pn li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}