@charset "utf-8";

#boardWrap {
	width: 100%;
}

#boardRequireMessage {
	width: 100%;
	overflow: auto;
}

#boardRequireMessage div {
	float: right;
	padding: 5px 0px;
	font-size: 11px;
	color: #555555;
}

#editorWrap {
}
#boardWrapper {
	clear: both;
	margin-bottom: 7px;
	overflow: auto;
}

#fileuploaderWrap {
}

#boardWrapper img {
	max-width: 920px;
}

#boardContentWrap {
	background-color: #F9F9F9;
	padding: 15px 15px 25px 15px !important;
}

#boardContent {
	font-size: 15px;
	line-height: 27px;
}

#boardMoveCause {
	float: right;
	color: #CCCCCC;
}

.pageNaviWrap {
	margin-top: 5px;
}

/* default table */
.boardTableWrapper {
}
.boardTopTitle {
	border: solid 1px #CCCCCC;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	background-image: url("/images/common/board/default/list_bg.gif");
	font-weight: bold;
}
.boardEdit {
}
.boardEdit li.row {
	float: left;
	clear: both;
	overflow: auto;
	width: 100%;
	padding: 0px;
	min-height:22px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #cccccc;
}
.boardEdit li.rowOneCell {
	clear: both;
	overflow: auto;
	padding: 5px 0px;
	border: 0px;
}
.boardEditCell {
	clear: both;
	width: 100%;
	overflow: auto;
}
.boardEditFirstCell {
	overflow: auto;
	float: left;
	width: 15%;
	text-align: center;
}
.boardEditFirstCell span {
	line-height: 27px;
	display: block;
}
.boardEditSecondCell {
	float: left;
	width: 85%;
	display: inline-block;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.boardEditSecondCellData {
	margin: 5px 0px;
}
.boardTable {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px;
	color: #555555;
}

.boardTable th {
	font-weight: normal;
	padding: 7px 8px;
	background-color: #F5F5F5;
}

.boardTable thead tr {
	height: 27px;
}

.boardTable thead th {
	background-image: url("/images/common/board/default/list_bg.gif");
	padding: 0px 3px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
}

.boardTable thead td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 6px 6px;
}

.boardTable tbody th {
	border-bottom: 1px dotted #CCCCCC;
	text-align: center;
}

.boardTable tbody td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px 3px 2px 5px;
	background: none;
}

.boardTable td.tdLeft {
	text-align: left;
	padding-left: 5px;
}

.boardTable td.tdCenter {
	text-align: center;
}

.boardTable tfoot tr {
	
}

.boardTable tfoot tr:FIRST-CHILD {
	border-top: solid 1px #CCCCCC;
	border-bottom: 0px;
	padding-top: 7px;
}

.boardTable tfoot tr td:FIRST-CHILD {
	padding-top: 7px;
}

/* list table */
.boardTableList {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px;
	color: #555555;
}

.boardTableList th {
	font-weight: normal;
	padding: 10px 8px;
	background-color: #F5F5F5;
}

.boardTableList thead tr {
	height: 27px;
	text-align: center;
}

.boardTableList thead th {
	background-image: url("/images/common/board/default/list_bg.gif");
	padding: 0px 3px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.boardTableList thead td {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 6px 3px;
}

.boardTableList tbody tr {
	height: 30px;
}

.boardTableList tbody th {
	border-bottom: 1px dotted #CCCCCC;
}

.boardTableList tbody td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 3px 3px;
	text-align: center;
}

.boardTableList tbody td.tdLeft {
	text-align: left;
	padding-left: 5px;
}

.boardTableList tfoot tr {
	
}

.boardTableList {
	border-bottom: solid 1px #CCCCCC !important;
	border-bottom: 0px;
}

.searchValue {
	width: 200px;
}

#movThumbFilename_before {
	width: 54px;
	height: 54px;
	text-align: center;
	border: 1px solid #CCCCCC;
	display: none;
}
#movThumbFilename_before span {
	height: 54px;
	line-height: 54px;
	display: inline-block;
	vertical-align: middle;
}
#movThumbFilename_before span img {
	vertical-align: middle;
}
.movThumbFilename_input {
	padding-top: 5px;
}
.movThumbFilename_assist {
	font-size: 11px;
	color: #939393;
	padding: 5px 0px;
}


.boardNavigation {
	clear: both;
	position: relative;
	height: 1%;
	overflow: hidden;
	text-align: center;
	margin-top: 5px;
}

.boardNavigation .buttonLeft {
	float: left;
	text-align: left;
}

.boardNavigation .buttonLeft img {
	margin-right: 5px;
}

.boardNavigation .buttonRight {
	float: right;
	text-align: right;
}

.boardNavigation .buttonRight img {
	margin-right: 0px;
}

.boardHeadHtml {
	width: 100%;
	text-align: center;
	margin-bottom: 7px;
}

.boardFootHtml {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.searchWrapper {
	clear: both;
	width: 100%;
	overflow: auto;
	padding: 10px 0px;
	background: #eee;
}

.searchLeft {
	float: left;
	margin-left: 10px;
}

.searchRight {
	float: right;
	margin-right: 10px;
}

.pageItems {
	
}

.rssButtonWrap {
	
}

.boardListWrap {
	clear: both;
	margin-top: 7px;
}

.boardListImageTable {
	width: 100%;
	height: 117px;
	padding: 5px;
	word-break:break-all;
	border:1px solid #E1E1E1;
}
.boardListImageTable td {
	text-align: center;
}

/* 게시물순번 */
.brdListSortNo {
	font-size: 11px;
	color: #939393;
}

/* 게시물카테고리 */
.brdCategory {
	color: #6B9340;
}

/* 게시물제목 */
.brdListTitle {
	color: #666666;
}
.brdListTitle dt {
	font-weight: bold;
}
.brdListTitle dd {
	color: #939393;
}
.brdListTitle dd span {
	padding-left: 10px;
}
.brdListContent {
	color: #666666;
}
.brdListTitleDeleted {
	color: #F58E56;
}
/* 게시물공지제목 */
.brdListNoticeTitle {
	font-weight: bold;
	color: #6B9340;
}
.brdListAddition {
	color: #666666;
	text-align: left;
}
/* 게시물작성자 */
.brdListCreateName {
	font-size: 11px;
	color: #939393;
}
.brdListCreateAddress {
	font-size: 11px;
	color: #939393;
}
.brdListCreateEmail {
	font-size: 11px;
	color: #939393;
}
.brdListCreateTel {
	font-size: 11px;
	color: #939393;
}
.brdListCreateId {
	font-size: 11px;
	color: #939393;
}
.brdListCreateIp {
	font-size: 11px;
	color: #939393;
}
/* 게시물작성자아이피 */
.brdListCreateIp {
	font-size: 11px;
	color: #939393;
}
.brdListYn {
	font-size: 11px;
	color: #939393;
}
/* 게시물작성일 */
.brdListCreateDate {
	font-size: 11px;
	color: #939393;
}
.brdListEmpty {
	padding-bottom: 6px;
	text-align: center;
	border-bottom: solid 1px #CCCCCC;
}
/* 게시물조회수 */
.brdListViewCount {
	font-size: 11px;
	color: #939393;
}
.brdAlbumTable {
	margin: 5px auto;
	width: 95%;
}
/* 게시물댓글수 */
.brdCommentCount {
	font-weight: bold;
	font-size: 11px;
	color: #77A447;
}
.brdListMovThumbFilename {
	padding: 10px 0px;
}
.brdListMovTxt {
	font-size: 11px;
	color: #939393;
}
/* 게시물컨텐츠 */
.brdContent {
	padding-left: 5px;
	padding-bottom: 30px;
	color: #666666;
}
.moviePlayerWrap {
	overflow: auto;
	padding: 10px;
	text-align: center;
}
.uploadMovieAssistWrap {
	overflow: auto;
	margin-bottom: 5px;
}
.uploadMovieAssist {
	font-size: 11px;
	color: #939393;
}
.uploadMovieSupportFile {
	font-size: 11px;
	color: #FF7C00;
}

/* 게시판 현재페이지정보 */
.brdPageInfo {
	text-align: left;
	height: 10px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #A1917C;
	padding-top: 2px;
	padding-right: 5px;
}

/* 게시판페이지 네비게이터 */
.brdPageNavigator {
	font-size: 11px;
	color: #77A447;
}

.brdRecommend {
	font-size: 11px;
	color: #939393;
	float: right;
}

.brdAddFile {
	font-size: 11px;
	color: #939393;
}

.commentListStatus {
	padding-left: 5px;
	margin-top: 10px;
}
.commentListStatus div {
	float: left;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
	vertical-align: middle;
}
#boardCommentCountText {
	font-weight: bold;
	color: #FF7C00;
}
.brdCmntWrap {
	clear: both;
	border: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	margin-top: 3px;
	padding: 10px;
}
#brdCmntListWrap {
	margin-top: 10px;
}
#brdCmntListWrap table {
	width: 100%;
	border-top: solid 1px #CCCCCC;
}
#brdCmntListWrap table tbody th {
	height: 25px;
	background-image: url("/images/common/board/default/list_bg.gif") !important;
	padding: 0px 3px;
	border-bottom: solid 1px #CCCCCC !important;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left;
}
.cmtWrap {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.cmtHead {
	height: 25px;
	line-height: 25px;
	background-image: url("/images/common/board/default/list_bg.gif");
	padding: 0px 3px;
	border-bottom: solid 1px #CCCCCC !important;
	text-align: left;
}
#cmtMoreWrap {
	display: none;
}
#cmtMore {
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-image: url("/images/common/board/default/list_bg.gif");
	padding: 0px 3px;
	cursor: pointer;
}
#cmtMoreLoading {
	display:none;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-image: url("/images/common/board/default/list_bg.gif");
	padding: 0px 3px;
	cursor: pointer;
	color: #939393;
}
#cmtMoreLoading span {
	display: inline-block;
	vertical-align: middle;
}
#cmtRefreshLoading {
	display:none;
	vertical-align: middle;
}
#cmtRefreshLoading span {
}
#cmtRefreshLoading img {
	margin-top: 2px;
	display: inline-block;
	vertical-align: middle;
}
.cmtCreateName {
	float: left;
}
.cmtCreateDate {
	float: right;
	padding-right: 10px;
}
.cmtCreateDate a {
	vertical-align: middle;
	display: inline-block;
}
.cmtContent {
	padding: 10px 10px 30px 10px;
}

.brdCmntWrap textarea {
	font-size: 12px;
	padding: 5px;
}

#brdCmntRows tr {
	height: 25px;
	padding-top: 5px;
}

#brdCmntRows tr td {
	text-align: left;
	padding-top: 7px;
}

#brdCmntRows tr td:FIRST-CHILD {
	width: 80px;
	padding-left: 20px;
}
.brdCmntCreateName {
	padding-left: 10px;
}
.brdCmntWdate {
	padding-left: 10px;
	font-size: 11px;
	color: #939393;
}

.brdCmntWip {
	font-size: 11px;
	color: #939393;
}

#fileBox {
	padding: 5px 0px;
	overflow: auto;
}

#gallery {
	float: left;
	width: 100%;
}

.gallery.custom-state-active {
	background: #eee;
}

.gallery li {
	float: left;
	width: 96px;
	padding: 3.6px;
	margin: 0 3.5px 3.5px 0;
	text-align: center;
}

.gallery li a {
	float: right;
}

.gallery li a.ui-icon-zoomin {
	float: left;
}

.gallery li img {
	width: 100%;
	cursor: move;
}

div.message {
	border: 1px solid silver;
	text-align: left;
	padding: 7px;
	background-color: #EEEEEE;
}

#brdFileGallray {
	border: 1px solid silver;
	border-top: 0px;
	padding: 7px;
	overflow: auto;
}

#brdFileGallray li {
	float: left;
	margin-right: 10px;
}

#brdFileGallray li a {
	float: left;
}

.brdUserTag {
	color: #939393;
}

.defaultSortIcon {
	width: 16px;
	height: 11px;
	background: url("/images/icons/arrow_updown_gray.gif") 0px 0px no-repeat;
	padding-left: 20px;
}

.upSortIcon {
	width: 16px;
	height: 11px;
	background: url("/images/icons/arrow_up_gray.gif") 0px 0px no-repeat;
	padding-left: 20px;
}

.downSortIcon {
	width: 16px;
	height: 11px;
	background: url("/images/icons/arrow_down_gray.gif") 0px 0px no-repeat;
	padding-left: 20px;
}

.inactiveBoard a {
	color: blue;
}
.embargoBoard a {
	color: limeGreen;
}
.deleteBoard a {
	color: red;
}
.deleteBoard img {
	opacity:0.4;
}
.brdIcon {
	padding: 6px 0px;
	display: inline-block;
	vertical-align: middle;
}
.pageNaviCell {
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	background-image: url("/images/common/board/default/list_bg.gif") !important;
	border-top: solid 1px #CCCCCC;
	text-align: left;
}
.pageNaviEmpty {
	color: #CCCCCC;
}
#brdCmntForm {
	overflow: auto;
}

.commentArea { overflow: auto; width: 100%; }
.commentArea ul { }
.commentArea li {float:left; width:30px; margin-right:6px; font-size:0; line-height:0; display:block;}

.commentArea li button{display:block;  width:30px; height:35px; font-size:0; line-height:0;cursor:pointer;border:0px;}
.commentArea li span {text-indent:-100px; font-size:0; line-height:0;}
.commentArea .tit_comment {position:absolute; top:8px; left:10px;}

.commentArea .cmt_icon01 {background:url(/images/common/board/default/cmt_icon01.png) no-repeat left 4px;}
.commentArea .cmt_icon01:hover {background:url(/images/common/board/default/cmt_icon01.png) no-repeat left -31px;}

.commentArea .cmt_icon02 {background:url(/images/common/board/default/cmt_icon02.png) no-repeat left 4px;}
.commentArea .cmt_icon02:hover {background:url(/images/common/board/default/cmt_icon02.png) no-repeat left -31px;}

.commentArea .cmt_icon03 {background:url(/images/common/board/default/cmt_icon03.png) no-repeat left 4px;}
.commentArea .cmt_icon03:hover {background:url(/images/common/board/default/cmt_icon03.png) no-repeat left -31px;}

.commentArea .cmt_icon04 {background:url(/images/common/board/default/cmt_icon04.png) no-repeat left 4px;}
.commentArea .cmt_icon04:hover {background:url(/images/common/board/default/cmt_icon04.png) no-repeat left -31px;}

.commentArea .cmt_icon05 {background:url(/images/common/board/default/cmt_icon05.png) no-repeat left 4px;}
.commentArea .cmt_icon05:hover {background:url(/images/common/board/default/cmt_icon05.png) no-repeat left -31px;}

.commentArea li.activate button {background-position:0 -31px;}
.commentArea li.selected button {background-position:0 -70px;}

.cmtContentWrap {
	width: 80%;
}
.commentContentTextarea {
	border: 1px solid #D7D7D7;
	float: left;
	color: #6F6F6F;
}
.cmtBtnArea {
	float: left;
}
.cmtBtnSaveWrap {
	padding-bottom: 6px;
	padding-left: 5px
}
.cmtBtnCancelWrap {
	padding-left: 5px
}
#boardFile {
	background-color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2;
	border: #d7d7d7 1px solid;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 90px;
}
#boardFileHtml {
	background-color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2;
	border: #d7d7d7 1px solid;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 90px;
}
#boardFileImg {
	background-color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2;
	border: #d7d7d7 1px solid;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 90px;
}
.boardCategoryList {
	
}
.boardCategoryItem {
	float: left;
	padding-right: 3px;
	margin-bottom: 10px;
}
.boardCategoryItemOn {
	font-weight: bold;
	color: #FF7C00;
}