@charset "utf-8";

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

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

.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: #A4A4A4; }
.bd_Line2 { height: 2px; background: #A4A4A4; }
.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-size: 12px; letter-spacing: 0px; }
#bbsListdiv .dataCell { padding: 10px 0px 10px 3px; }
#bbsListdiv .dataCell2 { padding: 10px 0px 10px 3px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }
#bbsListdiv .bbs_listTitle { font-size: 11px; font-weight:bold; color:#808080; padding:10px 0 10px 0; }
#bbsListdiv .bbs_listTitle2 { font-weight:bold; color:#808080; }

#bbsFormdiv td { font-size: 12px; 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-size: 12px; 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 { background: url('/modules/board/image/boardtitledot.gif') no-repeat; padding:13px 0px 12px 22px;	border: 1px solid #D7D7D7; background: #F6F6F6; font:bold 14px Dotum; color: #0E446E; letter-spacing: -1px; }
.bd_viewTitle span { font-size: 11px; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }

/* .bd_viewTitle { border: 1px solid #D7D7D7; background: #F6F6F6; font:bold 14px Dotum; color: #0E446E; letter-spacing: -1px; padding:12px 0px 12px 7px; } */
.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-size: 11px; 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 { border: 1px solid #D7D7D7; padding: 20px 10px 20px 10px; background-color:#FFFFFF; }
.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: 700px; width: expression(this.width > ? : true);  height:auto; overflow: hidden;  }

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

a.bd_notice:link     { COLOR:#d5353c; font-size: 12px; font-weight:bold; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:visited  { COLOR:#d5353c; font-size: 12px; font-weight:bold; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:hover    { COLOR:#d5353c; font-size: 12px; font-weight:bold; letter-spacing: 0px; text-decoration: none;}
a.bd_notice:active   { COLOR:#d5353c; font-size: 12px; font-weight:bold; 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:11px Arial;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:22px; padding:3px; }
.bbs_selectBox { width:auto; font:11px Arial;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:22px; padding:3px; }

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

.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; }

/* Page Numbers */
.bbs_pages { padding: 10px; }
.bbs_pages span.current, 
.bbs_pages a.current{ font: 8pt Dotum; 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 Dotum; 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; }

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;}

/* paging */
.page_navi { width:100%; margin:0 auto; padding:30px 0; text-align:center; overflow:hidden; }
#submitArea { clear:both; width:100%; text-align:center; padding:20px 0 30px 0; }
.pagination {clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 17px; margin-bottom: 50px;}
.pagination li{float:left}
.page-link { position: relative; display: block; padding: .5rem .7rem .4rem; margin-left: 1px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd; }
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #999; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}