@CHARSET "UTF-8";
@import url("jxboard_editor.css");

/*
#JXBoard div,#JXBoard dl,#JXBoard dt,#JXBoard dd,#JXBoard ul,#JXBoard ol,#JXBoard li,
#JXBoard h1,#JXBoard h2,#JXBoard h3,#JXBoard h4,#JXBoard h5,#JXBoard h6,
#JXBoard pre,#JXBoard form,#JXBoard fieldset,#JXBoard input,#JXBoard select,
#JXBoard p,#JXBoard blockquote,#JXBoard th,#JXBoard td,#JXBoard label,#JXBoard code,#JXBoard u,#JXBoard i,#JXBoard b,#JXBoard strong {
	margin:0px; padding:0px; font-size:12px; font-family:inherit ; line-height:120%; color:inherit; font-weight:normal; font-style: normal; text-decoration: none;
}
*/

/* ######################################################################################### */
#JXBoard {width:auto; margin:0px; font-size: 16px;}
#JXBoard .boardListWrap table * {font-size: inherit !important;}
#JXBoard .inInput {border:1px solid #999999; }
#JXBoard .inDisabled {background-color:#E0E0E0;}
#JXBoard select, #JXBoard input {}
#JXBoard th, #JXBoard label {color:#144C7E;}
#JXBoard .boardBottom {position:relative;}
#JXBoard .stext {color:red; font-weight:bold;}
#JXBoard .constBlock {clear:left!important; float:none!important; overflow:hidden!important; width:100%; width /**/:auto!important; border-:0px solid red!important;}
#JXBoard a			{text-decoration:none; color:#3300FF; _border-bottom:none;}
#JXBoard a:hover	{text-decoration:underline; text-decoration-style:dashed; color:#000066; _border-bottom:none;}
#JXBoard a:active,a:focus {-moz-outline: none;outline: none;ie-dummy: expression(this.hideFocus=true);}

/*boardListWrap : 게시물 목록*/
#JXBoard .boardListWrap {width:100%; }
#JXBoard .boardListWrap XX { /**/ }
	#JXBoard .boardListWrap XX { /**/ }
	#JXBoard .boardList {width:100%; border:0px solid red; }
	#JXBoard .boardList table {border-collapse:separate; border-spacing:0px;}
	#JXBoard .boardList th {background-image:none; color:#555555; text-align:center; padding:5px;}
	#JXBoard .boardList th div {text-align:center; padding:0px;}
	#JXBoard .boardList td {background-image:none; padding:5px; border-bottom:1px solid #ECECEC;}
	#JXBoard .boardList td>div { padding:0px;}
	#JXBoard .boardList td .iDat_no {text-align:center;}
	#JXBoard .boardList td .iDat_subject {text-align:left;}
	#JXBoard .boardList td .iDat_writer {text-align:center;}
	#JXBoard .boardList td .iRealName {padding-right:33px; background:transparent url('./img/icon_realname.gif') right no-repeat; }
	#JXBoard .boardList td .iDat_write_date {text-align:center;}
	#JXBoard .boardList td .iDat_view_count {text-align:center;}
	#JXBoard .boardList td .iDat_notice a {color:#3399CC!important;}
	#JXBoard .boardList a {color:#666666; text-decoration:none; }
	#JXBoard .boardList a:hover {color:#222222; text-decoration:underline;}
	#JXBoard .boardList a code.stext {color:red; font-weight:bold; }
	#JXBoard .boardList .iNewIcon {margin-right:5px; }

#JXBoard .boardCategoryList {overflow:hidden; _height:1%; _line-height:120%; _overflow:none;}
	#JXBoard .boardCategoryList li {float:left; margin:2px 10px 2px 0px; padding-left:7px; background:transparent url('./img/dot_gray.gif') left 4px no-repeat;}
	#JXBoard .boardCategoryList a {display:block; color:gray;}
	#JXBoard .boardCategoryList li.selected {background-image:url('./img/dot_red.gif');}
	#JXBoard .boardCategoryList li.selected a {color:black; font-weight:bold;}

/*boardViewWrap : 게시물 내용*/
#JXBoard .boardViewWrap {margin-bottom:10px; width:100%; }
	#JXBoard .boardViewWrap .iSubject {font-size:1.2em; text-align:center; color:#144C7E;}
	#JXBoard .inViewHead {  }
	#JXBoard .inViewHead .iLabel {display:inline-block; padding-left:10px; margin-right:10px; font-weight:bold; *display:inline; *zoom:1; border:0px solid red;}
	#JXBoard .inViewHead .iText {display:inline-block; padding-right:10px; margin-right:10px; *display:inline; *zoom:1; border:0px solid red;}
	#JXBoard .inViewHead .iWriter {width:120px;}

	#JXBoard .iFiles {margin-bottom:10px; margin-right:10px; text-align:right;}
	#JXBoard .boardViewWrap .ifiledownload {display:block; margin-right:5px; margin-bottom:10px; text-align:right; color:#999;}
	#JXBoard .boardViewWrap .ifiledownload a {text-decoration: none; color:black; }
	#JXBoard .boardViewWrap .ifiledownload a:hover {text-decoration: underline; color:black; }

/*boardWriteWrap : 게시물 쓰기
	상하 푸른색 라인은 .boardWriteWrap 과 .boardWriteWrap .inButtons 에서 처리함.
	#JXBoard .boardWriteWrap	.boardWriteInputs	.iFrmItmrow .iLabel .iDataInput [input|select ...]
								.boardBottom .inButtons	.inAdminFunctions [요소들]
														.inNormalFunctions [요소들]
 */
#JXBoard .boardWriteWrap {display:block; margin-bottom:20px;}
#JXBoard .boardWriteInputs { width:auto; overflow:hidden; *height:1%;}
#JXBoard  .boardWriteWrap .iFrmItmrow {
	display:block; overflow:hidden; position:relative;
	border-bottom:1px solid #EEE;
	margin:0; padding:0;
}
	#JXBoard  .boardWriteWrap .iBlockCell {float:left; width:49.9%; }
	#JXBoard  .boardWriteWrap .iFrmItmrow .iLabel {
		display:inline-block; vertical-align:top; width:100px;
		font-weight:bold;
		padding:10px;
	}
	#JXBoard  .boardWriteWrap .iFrmItmrow .iDataInput {
		display:inline-block; *display:inline; *zoom:1;
		font-weight:normal;
		padding:10px;
	}
	#JXBoard  .boardWriteWrap .iFrmItmrow .inInput {
		border:1px solid #CCC; padding:1px 3px 1px 3px;
	}
	#JXBoard  .boardWriteWrap .iFrmItmrow samp {
		font-size:0.9em; color:#888;
	}
	#JXBoard  .boardWriteWrap .iFrmItmrow samp span {
		white-space:nowrap;
	}

#JXBoard .subjectStyleList {margin:5px 0; width:auto;}
#JXBoard .subjectStyleList #JXBoard-IsBoldStyle-Block {
	display:inline-block; margin:0 5px;
}
#JXBoard .subjectStyleList #JXBoard-IsBoldStyle-Block * {
	vertical-align:middle; white-space:nowrap;
}
#JXBoard .subjectColorList {display:inline-block;}
#JXBoard .subjectColorList span {display:inline-block; width:15px; height:15px; border:3px solid #FFF; cursor:pointer;}
#JXBoard .subjectColorList span.selected {border:3px solid #a8a8a8;}
#JXBoard-IsNotice-Block {
	display:inline-block; margin:0 5px;
}
#JXBoard-IsNotice-Block * {vertical-align:middle; white-space:nowrap;}

/**
 * 검색영역.
 */
#JXBoard .boardDataSearch {  }
	#JXBoard .boardDataSearch .iInnerBox { overflow:hidden; margin:8px; border:none; background-color:#FFF; text-align:center; _height:1%; _overflow:none; }
	#JXBoard .boardDataSearch .iInnerBox .iLeft { float:left; }
	#JXBoard .boardDataSearch .iInnerBox .iRight { float:right; width:auto; border:0px solid red; }

/*
게시판 하단 영역 Paging Link(inPageList|iPageNavigation) 와 버튼(inButtons) 등.
*/
#JXBoard .boardBottom {overflow:hidden; margin:10px 0;}


/*inPageList : 페이징*/
#JXBoard .inPageList {width:auto; text-align:left; overflow:hidden;} /*Ver 2.0 미만*/
	#JXBoard .inPageList ol {display:inline-block; margin:10px 0px; padding:0px; border:0px solid red; overflow:hidden;}
	#JXBoard .inPageList ol li {display:inline-block; *display:inline; *zoom:1; border:0px solid red;}
	#JXBoard .inPageList ol li span,
	#JXBoard .inPageList ol li a {display:block; *display:inline; *zoom:1; padding:6px 6px 4px 6px; margin:0px 1px; text-decoration:none; border:1px solid #FFFFFF; *border:1px solid #FFFFFF;}
	#JXBoard .inPageList ol li a:hover {border:1px solid #CCC;}
	#JXBoard .inPageList ol li.inSelected {color:red;}
#JXBoard .iPageNavigation {width:auto; text-align:left; overflow:hidden;} /*ver 2.0 이상*/
	#JXBoard .iPageNavigation li {float:left; margin:0 1px;}
	#JXBoard .iPageNavigation li a {display:block;}
	#JXBoard .iPageNavigation ol {float:left; margin:0px; padding:0px; border:0px solid red; overflow:hidden;}
	#JXBoard .iPageNavigation ol li {display:inline-block; *display:inline; *zoom:1; border:0px solid red;}
	#JXBoard .iPageNavigation ol li span,
	#JXBoard .iPageNavigation ol li a {display:block; *display:inline; *zoom:1; padding:6px 6px 4px 6px; margin:0px 1px; text-decoration:none; border:1px solid #FFFFFF; *border:1px solid #FFFFFF;}
	#JXBoard .iPageNavigation ol li a:hover {border:1px solid #CCC;}
	#JXBoard .iPageNavigation ol li.inSelected {color:red;}
	#JXBoard .iPageNavigation ol li span.inSelected {color:red;}
#JXBoard .boardListWrap .boardBottom .inPageList,
#JXBoard .boardListWrap .boardBottom .iPageNavigation {float:left;}
#JXBoard .boardListWrap .boardBottom .inButtons {float:right;}


#JXBoard .inButtons {position:relative; margin:0px; padding:0px; list-style:none; text-align:center; overflow:hidden; _height:1%; _overflow:none; }
	#JXBoard .inAdminFunctions {display:block; float:left;}
	#JXBoard .inNormalFunctions {display:block; float:right; _position:absolute; _float:none; _text-align:right; _left:50%; _width:50%;}
	#JXBoard .inMajorFunctions {display:block; text-align:center;}
	#JXBoard .inButtons img {border:0px;}


/**
 * Confirm 창에 대한 스타일.
 */
#JXBoard-MessageBox {width:400px; margin:0px auto; padding:30px 0px; border:0px solid red;}
	#JXBoard-MessageBox .BoxOutFrame {}
	#JXBoard-MessageBox fieldset {border:1px solid #CCC; padding:15px 10px;}
	#JXBoard-MessageBox fieldset legend {font-size:1.2em; font-weight:bold; color:black; padding:0px 10px;}
	#JXBoard-MessageBox fieldset input {border:1px solid #CCC; padding:3px; }
	#JXBoard-MessageBox .iMessage {text-align:center; line-height:140%;}
	#JXBoard-MessageBox .iButtons {text-align:center; margin:10px;}

/**
 * 탭스타일 적용.
 */
#JXBoard .glTab {position:relative; margin-bottom:20px; width:auto; overflow:hidden; background:url('../img/tab_linebg_e5.gif') bottom repeat-x; clear:left}
	#JXBoard .glTab li {float:left; list-style: none;}
	#JXBoard .glTab a {display:block; background:url('../img/tab_bg.gif') left top; float:left; height:30px; font:bold 13px 돋움; color:#9b9b9b; padding-left:16px; text-decoration:none; cursor:pointer; overflow:hidden;}
	#JXBoard .glTab a span  {display:block; float:left; height:30px; line-height:180%; background:url('../img/tab_bg.gif') right top; padding:3px 30px 0px 14px; overflow:hidden;}
	#JXBoard .glTab a:hover{background:url('../img/tab1_bg_over.gif') left top}
	#JXBoard .glTab a:hover span{background:url('../img/tab1_bg_over.gif') right top;color:#5d5d5d}

	#JXBoard .glTab li.selected a {background:url('../img/tab1_bg_select.gif') left top!important;}
	#JXBoard .glTab li.selected a span {background:url('../img/tab1_bg_select.gif') right top;color:#282828!important;}


/**
 *
 */
#JXBoard .hiddenInformation {color:#bbb;}


/* ######################################################################### */
/**
 * <span class="jxbutton"><a href="" >목록</a></span>
 * <span class="jxbutton"><button type="button" >목록</button></span>
 * <span class="jxbutton"><input type="submit" value="목록" /></span>
 **/
/*
#JXBoard .jxbutton,
#JXBoard .jxbutton a,
#JXBoard .jxbutton button,
#JXBoard .jxbutton input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-family:돋움; white-space:nowrap; background:url(./img/buttonDefault.gif) no-repeat; overflow:visible; color:#666;}
#JXBoard .jxbutton { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
#JXBoard .jxbutton a,
#JXBoard .jxbutton button,
#JXBoard .jxbutton input{ left:2px; vertical-align:top; cursor:pointer;}



#JXBoard .jxbutton.large { height:29px; background-position:left -30px; }
#JXBoard .jxbutton.xLarge { height:35px; background-position:left -65px; }
#JXBoard .jxbutton.small { height:18px; background-position:left -107px; }
#JXBoard .jxbutton a,
#JXBoard .jxbutton button,
#JXBoard .jxbutton input { height:23px; padding:0 10px 0 8px; line-height:160%; background-position:right top;}
#JXBoard .jxbutton a {line-height:160%;}
#JXBoard .jxbutton.large a,
#JXBoard .jxbutton.large button,
#JXBoard .jxbutton.large input { height:30px; padding:0 10px 0 8px; font-size:1.3em; line-height:200%; background-position:right -30px;}
#JXBoard .jxbutton.xLarge a,
#JXBoard .jxbutton.xLarge button,
#JXBoard .jxbutton.xLarge input { height:35px; padding:0 10px 0 8px; font-size:1.5em; line-height:300%; background-position:right -65px;}
#JXBoard .jxbutton.small a,
#JXBoard .jxbutton.small button,
#JXBoard .jxbutton.small input { height:19px; padding:0 8px 0 6px; font-family:돋움 !important; font-size:0.9em; letter-spacing:-1px; line-height:150%; background-position:right -107px;}
#JXBoard .jxbutton.small a {line-height:180%!important;}


#JXBoard .jxbutton *:hover,
#JXBoard .jxbutton *:active,
#JXBoard .jxbutton *:focus{ color:#197aba;}
#JXBoard .jxbutton.notice,
#JXBoard .jxbutton.notice a,
#JXBoard .jxbutton.notice button,
#JXBoard .jxbutton.notice input { background-image:url(./img/buttonType1.gif); color:#fff;}
#JXBoard .jxbutton.notice *:hover,
#JXBoard .jxbutton.notice *:active,
#JXBoard .jxbutton.notice *:focus{ color:#ff0;}



#JXBoard .jxbutton *:hover,
#JXBoard .jxbutton *:active,
#JXBoard .jxbutton *:focus{ color:#197aba;}
#JXBoard .jxbutton.waring,
#JXBoard .jxbutton.waring a,
#JXBoard .jxbutton.waring button,
#JXBoard .jxbutton.waring input { background-image:url(./img/buttonType2.gif); color:#fff;}
#JXBoard .jxbutton.waring *:hover,
#JXBoard .jxbutton.waring *:active,
#JXBoard .jxbutton.waring *:focus{ color:#ff0;}


#JXBoard .jxbutton.strong * { font-weight:bold !important;}


#JXBoard .jxbutton.text { background-image:none!important; }
#JXBoard .jxbutton.text * { background-image:none!important; color:blue!important; text-decoration: underline!important; }
*/

/* ######################################################################### */
/**
 * <span class="jxbutton"><a href="" >목록</a></span>
 * <span class="jxbutton"><button type="button" >목록</button></span>
 * <span class="jxbutton"><input type="submit" value="목록" /></span>
 **/
#JXBoard .jxbutton { display:-moz-inline-stack; display:inline-block; width:auto; margin:0; padding:0; vertical-align:baseline;}
#JXBoard .jxbutton * {vertical-align:text-top;}
#JXBoard .jxbutton, #JXBoard .jxbutton a, #JXBoard .jxbutton button, #JXBoard .jxbutton input {font-size:inherit;}
#JXBoard .jxbutton a, #JXBoard .jxbutton button, #JXBoard .jxbutton input {
	position: relative;
	display:block; display:-moz-inline-stack;
	margin:0; padding:5px 6px 4px 6px; line-height:120%;
	cursor:pointer;
	color:#444; font-weight:normal; font-family: 굴림,돋움; text-align: center; line-height:100%;
	border: 1px solid #CCC;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
	background-color:#F6F6F6;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));
	background: -moz-linear-gradient(top,#FFFFFF, #E0E0E0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E0E0E0)
}
#JXBoard .jxbutton:hover {background:none; filter:none; background-color:#EEE;}
#JXBoard .jxbutton span {
	display:block; padding:4px 10px;
	line-height:inherit;
}
#JXBoard .jxbutton.text, #JXBoard .jxbutton.text a {
	color:#666;
	background-color:none!important;
	border:none!important;
	background:transparent;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));
	background: -moz-linear-gradient(top,#FFFFFF, #E0E0E0);*/
	filter:none;
}
/*크기값*/
#JXBoard .jxbutton.tiny a,
#JXBoard .jxbutton.tiny button,
#JXBoard .jxbutton.tiny input,
#JXBoard .jxbutton.small a,
#JXBoard .jxbutton.small button,
#JXBoard .jxbutton.small input {
	font-size:.9em;
	padding:3px 4px 2px 4px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
}
#JXBoard .jxbutton.big a,
#JXBoard .jxbutton.big button,
#JXBoard .jxbutton.big input,
#JXBoard .jxbutton.large a,
#JXBoard .jxbutton.large button,
#JXBoard .jxbutton.large input {
	font-size:1.2em;
	padding:10px 2.0em 9px 2.0em;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}

/*강조.*/
#JXBoard .jxbutton.strong a,
#JXBoard .jxbutton.strong button,
#JXBoard .jxbutton.strong input {
	font-weight: bold;
	padding-left:1.2em; padding-right:1.2em; letter-spacing: 0.2em;
}
#JXBoard .jxbutton.strong.large a,
#JXBoard .jxbutton.strong.large button,
#JXBoard .jxbutton.strong.large input {padding-left:2.2em; padding-right:2.2em; letter-spacing: 0.2em;}

/*색상값.*/
#JXBoard .jxbutton.blue a,
#JXBoard .jxbutton.blue button,
#JXBoard .jxbutton.blue input,
#JXBoard .jxbutton.minor a,
#JXBoard .jxbutton.minor button,
#JXBoard .jxbutton.minor input {
	color:#FFF;
	border-color:#006699;
	background-color:#0085cc;
	background: -moz-linear-gradient(top,#0085cc,#00717f);
	background: -webkit-gradient(linear,left top,left bottom,from(#0085cc),to(#00717f));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0085cc,endColorstr=#00717f)
}
#JXBoard .jxbutton.blue:hover a,
#JXBoard .jxbutton.blue:hover button,
#JXBoard .jxbutton.blue:hover input
#JXBoard .jxbutton.minor:hover a,
#JXBoard .jxbutton.minor:hover button,
#JXBoard .jxbutton.minor:hover input {background:none;filter:none; background-color:#00717F;}

#JXBoard .jxbutton.red a,
#JXBoard .jxbutton.red button,
#JXBoard .jxbutton.red input,
#JXBoard .jxbutton.major a,
#JXBoard .jxbutton.major button,
#JXBoard .jxbutton.major input {
	color:#FFF;
	border-color:#990000;
	background-color:#0085cc;
	background: -moz-linear-gradient(top,#FF1D23, #5C0002);
	background: -webkit-gradient(linear,left top,left bottom,from(#FF1D23),to(#5C0002));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF1D23,endColorstr=#5C0002)
}
#JXBoard .jxbutton.red:hover a,
#JXBoard .jxbutton.red:hover button,
#JXBoard .jxbutton.red:hover input,
#JXBoard .jxbutton.major:hover a,
#JXBoard .jxbutton.major:hover button,
#JXBoard .jxbutton.major:hover input {background:none;filter:none; background-color:#5C0002;}
/* #FFC328, #EF5411 / #EF5411 : 주황계열.*/

/*공간영역*/
#JXBoard .jxbutton.block {display:block;}
/*예외*/
#JXBoard button.jxbutton::-moz-focus-inner,
#JXBoard .jxbutton button::-moz-focus-inner {padding:0px; border:0px;} /*파이어폭스의 focus용 내부여백 0 시킴.*/
#JXBoard .jxbutton button, #JXBoard .jxbutton input {background-color:transparent;}