@charset "UTF-8";

/* default.css - Type Selector Definition */
body { margin:0;margin-top:0;margin-left:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }
html { overflow-y: auto; }

.board{width:98%;}

/* admin.css 와 중복된 후에 통일할 것 */
.localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; width:100%; }
.localNavigation:after {content:""; display:block; clear:both;}
.localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
.localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url("../../../image/icon/bgtab.gif") repeat-x;}
.localNavigation li.on { margin-bottom:-1px;}
.localNavigation li.on a{ height:19px; background:none;}

/* Board List */
.boardList{ border:0; border-top:1px solid; border-bottom:1px solid; width:100%; border-color:#ddd;}
.boardList tr.bg0{ background:#ffffff;}
.boardList tr.bg1{ background:#fbfbfb;}
.boardList tr.bg2{ background:#ededed}
.boardList th{ border:0; border-bottom:1px solid; border-top:1px solid; padding-top:7px; padding-bottom:7px; padding-left:3px; padding-right:3px; white-space:nowrap; text-align:center; background-repeat:repeat-x; background-position:left bottom; line-height:normal; border-color:#fff; color:#333; background-color:#fff; background-image:url("../../../image/board/bgThDefault.gif");}
.boardList td{ border:0; border-top:1px solid; padding-top:7px; padding-bottom:7px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; border-color:#eee; color:#666;}
.boardList td.num{ font:11px Tahoma;}
.boardList td.category{font-weight:bold; color:#999}
.boardList td.title { white-space:normal; text-align:left;}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .replyNum{ font:11px Tahoma; color:#ff6600; font-weight:bold;}
.boardList td.author{ text-align:left;}
.boardList td.author div{ white-space:nowrap; width:60px; overflow:hidden;}
.boardList td.date{ font:11px Tahoma;}
.boardList td.reading{ font:11px Tahoma;}

/* Gallery List */
.galleryList{ border:0; border-top:1px solid; border-bottom:1px solid; width:100%; border-color:#ddd;}
.galleryList tr.bg1{ background:#fff;}
.galleryList tr.bg2{ background:#fbfbfb;}
.galleryList td{ border:0; border-top:0px solid; padding:2px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; border-color:#eee; color:#666;}
.galleryList td.title { width:100%; white-space:normal; text-align:left;}
.galleryList td.title img{ vertical-align:middle; margin:0 1px;}
.galleryList td.title .replyNum{ font:11px Tahoma; color:#ff6600; font-weight:bold;}
.galleryList td.author{ text-align:left;}
.galleryList td.date{ font:11px Tahoma; text-align:left;}

/* Board List */
.boardView{ border:0; border-top:1px solid; border-bottom:1px solid; width:100%;}
.boardView th{ border:0; border-bottom:1px solid; height:30px; border-top:1px solid; padding:0px; white-space:nowrap; text-align:center; background-repeat:repeat-x; background-position:left bottom; line-height:normal;}
.boardView th.titLeft{ width:100%;text-align:left;font-size:14px;color:#423CC4; padding-left:5px;}
.boardView th.titRight{ width:100%;text-align:right;font-size:11px;color:#ccc; padding-right:5px;}
.boardView td.descLeft{ border:0; border-top:1px solid; border-color:#eee; padding:0px; padding-top:10px; padding-bottom:30px; white-space:nowrap; text-align:left; line-height:normal; vertical-align:top;}

/* Board View */
.boardView{ border-color:#ddd;}
.boardView .jumpTo button{ background-color:transparent; background-image:url("../../../image/board/buttonBg2byte.gif");}
.boardView tr.notice{ background:#f8f8f8;}
.boardView tr.bg1{ background:#fff;}
.boardView tr.bg2{ background:#fbfbfb;}
.boardView th{ border-color:#fff; color:#333; background-color:#fff; background-image:url("../../../image/board/bgThDefault.gif");}
.boardView th a{ color:#1978AD;}
.boardView td{ border-color:#eee; color:#666;}
.boardView td .category{ color:#000; background-image:url("../../../image/board/lineVr11.gif");}
.boardView td.title .replyNum{ color:#ccc;}
.boardView td.title .replyNum sup{ color:#999;}
.boardView td.title a.forum:link,
.boardView td a.replyAnchor:link{ color:#06C;}
.boardView td .by{ color:#ccc;}
.boardView td.summary .thumb{ border-color:#ddd; background:#fff;}

/* Board Navigation */
.boardNavigation{ padding:10px 0; *zoom:1; text-align:center;}
.boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.boardNavigation .pagination{ padding:5px 0;}
.boardNavigation .buttonLeft{ float:left; text-align:left;}
.boardNavigation .buttonRight{ float:right; text-align:right;}

/* Search Form */
.boardSearchForm{ margin:0; margin-top:10px; font-size:.75em; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; clear:both; text-align:center;}
.boardSearchForm fieldset:after{display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:middle;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{font-size:12px; height:22px;}
.boardSearchForm .inputText{ width:140px; height:12px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

/* Pagination Reset */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f4f4f4 !important; }
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{margin:0px -5px 0px -5px; padding:1px 10px 1px 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold; font-size:12px; background:#fff;}
.pagination.a1 a.prev{ padding-left:10px; background:#fff url("../../../image/board/arrowPrevA1.gif") no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("../../../image/board/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background:#fff url("../../../image/board/arrowNextA1.gif") no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("../../../image/board/arrowNextEndA1.gif") no-repeat right center; }

/* File Uploader */
.fileUploader{clear:both; padding-top:5px; margin-bottom:10px;}
.fileUploader:after{display:block; clear:both;}
.fileUploader .preview{float:left; width:64px; height:64px; border:1px solid #ccc;; padding:2px; margin:0 10px 5px 0;}
.fileUploader .preview.black { background-color:#000; border:1px solid #666;}
.fileUploader .preview img{ display:block; width:64px; height:64px;}
.fileUploader .fileListArea{ float:left; width:260px; margin:0 10px 5px 0;}
.fileUploader .fileListArea select{ width:260px; height:70px; overflow:auto;}
.fileUploader .fileListArea select option{ font-size:11px;}
.fileUploader .fileListArea.black select { background-color:#000; border:1px solid #666;}
.fileUploader .fileListArea.black select option { color:#aaa; }
.fileUploader .fileUploadControl{float:left; width:250px; text-align:left;}
.fileUploader .fileUploadControl .button{margin-bottom:0px;}
.fileUploader .file_attach_info{ clear:both; float:left; margin:0px;}
.fileUploader .file_attach_type{clear:both; margin:0px; text-align:left;}

/* Control Button + Submit Button */

a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("../../../image/icon/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:5px 10px 5px 10px; color:#000; font:12px/13px Arial; background-position:right top;}

span.button,
span.button button,
span.button input { position:relative; margin:0px; width:auto; _width: 0; display:inline-block; border:0; font:12px Arial; white-space:nowrap; background:url("../../../image/icon/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *top:-1px; top:0; padding:0px 8px 0px 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("../../../image/icon/buttonGreen.gif"); color:#fff; font-size:11px;}

a.button.white,
a.button.white white,
span.button.white,
span.button.white button,
span.button.white input { background-image:url("../../../image/icon/buttonWhite.gif"); color:#000; font-size:11px;}

a.button.select,
a.button.select select,
a.button.select span,
span.button.select,
span.button.select button,
span.button.select input { background-image:url("../../../image/icon/buttonWhite.gif"); color:#3993c5; font-size:11px;}

a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("../../../image/icon/buttonRed.gif"); color:#fff; font-size:11px;}

a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("../../../image/icon/buttonBlue.gif"); color:#fff; font-size:11px;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}