@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700italic);
@font-face { font-family: 'Daum'; src: url('../font/daum_regular2.eot'); src: local('☺'), url('../font/daum_regular2.woff') format('woff'), url('../font/daum_regular2.ttf')  format('truetype') } 

body, td, th, form, input, select, textarea, input, div, p, span {
					margin: 0; padding: 0; font-size: 10pt; font-family: 'Roboto','Nanum Gothic', sans-serif; ; font-weight: 400;color: #222; line-height: 150%;
					}
body			{ background: #fff; width: 100%; height: 100%; margin: 0; padding: 0; }
a:link			{ color: #000; text-decoration: none; }
a:visited		{ color: #000; text-decoration: none; }
a:active		{ color: #000; text-decoration: none; }
a:hover		{ color: #999; text-decoration: none; }
#head							{ display: block; width: 980px; height: 105px; margin: 0 auto; padding: 0; }
#util								{ width: 980px; height: 20px; text-align: center; margin: 0 auto; padding: 0; text-align: right; }
#util	 a							{ margin: 0 0 0 20px; padding: 0; font-size: 8pt; }
#gnb								{ float: right; height: 20px; margin: 32px 0 0 0; padding: 0; background: url('../img/common/menuBul.png') 200px 8px no-repeat; }
#gnb li 							{ float: left; display: block; height: 20px; margin: 0 0 0 90px; padding: 0; list-style: none;  }
#gnb li a						{ margin: 0; padding: 0; font-family: 'Nanum Gothic', sans-serif; font-size: 13pt; font-weight: 600; color: #333; }
#gnb li#gnb1 a:hover, #gnb li#gnb1 a:active, #gnb li#gnb1 a:focus, #gnb li#gnb1 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }
#gnb li#gnb2 a:hover, #gnb li#gnb2 a:active, #gnb li#gnb2 a:focus, #gnb li#gnb2 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }
#gnb li#gnb3 a:hover, #gnb li#gnb3 a:active, #gnb li#gnb3 a:focus, #gnb li#gnb3 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }
#gnb li#gnb4 a:hover, #gnb li#gnb4 a:active, #gnb li#gnb4 a:focus, #gnb li#gnb4 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }
#gnb li#gnb5 a:hover, #gnb li#gnb5 a:active, #gnb li#gnb5 a:focus, #gnb li#gnb5 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }
#gnb li#gnb6 a:hover, #gnb li#gnb6 a:active, #gnb li#gnb6 a:focus, #gnb li#gnb6 a.hover { color: #ff8914; border-bottom: 3px solid #ff8914; }

/* ▒▒▒▒▒▒▒▒▒▒ Common ▒▒▒▒▒▒▒▒▒▒ */


.disInput { height: 20px; border: 1px solid #CCC; }
.disTextarea { padding: 5px; border: 1px solid #CCC; overflow: auto; }

.disAlignC00 { margin: 0; text-align: left; font: 8pt Dotum; color: #888888; }
.disAlign0 { margin: 0; text-align: left; }
.disAlign1 { margin: 10px 0; text-align: left; }
.disAlign2 { margin: 20px 0; text-align: left; }
.disAlign3 { margin: 30px 0; text-align: left; }

.disAlignC0 { margin: 0; text-align: center; }
.disAlignC1 { margin: 10px 0; text-align: center; }
.disAlignC2 { margin: 20px 0; text-align: center; }
.disAlignC3 { margin: 30px 0; text-align: center; }

.disAlignR0 { margin: 0; text-align: right; }
.disAlignR1 { margin: 10px 0; text-align: right; }
.disAlignR2 { margin: 20px 0; text-align: right; }
.disAlignR3 { margin: 30px 0; text-align: right; }

.disAlignT10 { margin-top: 10px; }
.disAlignT20 { margin-top: 20px; }
.disAlignT30 { margin-top: 30px; }
.disAlignT40 { margin-top: 40px; }
.disAlignT50 { margin-top: 50px; }

.disAlignB10 { margin-bottom: 10px; }
.disAlignB20 { margin-bottom: 20px; }
.disAlignB30 { margin-bottom: 30px; }
.disAlignB40 { margin-bottom: 40px; }
.disAlignB50 { margin-bottom: 50px; }

.disTextCap { text-transform: capitalize; }
.disTextUp { text-transform: uppercase; }

.disAlert		 { margin-left: 10px; font: 8pt 'Nanum Gothic', sans-serif; color: #808080; }
.disAlert0	 { margin-left: 3px; font: 8pt 'Nanum Gothic', sans-serif; color: #808080; }


/* ▒▒▒▒▒▒▒▒▒▒ List ▒▒▒▒▒▒▒▒▒▒ */


.bbsListCate { width: 50%; padding-bottom: 5px;} /* 상단 카테고리 */

.bbsListTotal { width: 50%; font: 8pt Tahoma; color: #808080; word-spacing: 3px; text-align: right; } /* 상단 통계 */
	.bbsListTotal a { font: 8pt Tahoma; color: #808080; }
	.bbsListTotal a:hover { text-decoration: underline; }
	.bbsListTotal img { vertical-align: middle; }

.bbsListNotice { background-color: #F5F5F5; } /* 목록 공지 */
	.bbsListNotice td		{ height: 30px; border-top: 1px solid #d9d9d9;  }
	.bbsListNotice span	{ font: bold 10px Tahoma; color: #5394c5; text-transform: uppercase; }
	.bbsListNotice img		{ vertical-align: middle; }

.bbsListTable { width: 100%; border-top: 1px solid #d9d9d9;  } /* 목록 테이블 */
	.bbsListTable td { vertical-align: top; }
	.bbsListTable img { vertical-align: middle; }

	.bbsListTableCell { margin: 15px 10px 0 10px; width:180px; height:180px;} /* 개별 제품 테이블 */
		.bbsListTableImg		{ text-align: center; width:180px; height:180px;    border: dashed 1px  #bababa; padding: 12px; text-align: center; }
		.bbsListTableCate	{ margin: 10px 0 3px 0; font: 8pt Dotum; color: #b3b3b3; text-align: center; }
		.bbsListTableComm	{ margin-left: 3px; font: 10px Arial, Tahoma; color: #f90; }
			.bbsListTableCell  ul		{ margin: 0; padding:  0 0 0 20px; }
			.bbsListTableCell  ul li		{  line-height: 150%; margin: 0; padding: 0 0 0 20px; }
			.bbsListTableCell  ul li		{ margin: 0; padding: 0; }
.title				{ margin: 10px 0 0 0; font: 10pt Dotum;font-weight: 600; text-align: center; font-family: 'Nanum Gothic', sans-serif;}

.bbs_list_page { clear: both; margin:  50px 0 40px 0; padding-top: 10px; text-align: center; }
	.bbs_list_page a { margin-left: 5px; padding: 5px 10px; border: 1px solid #ccc; text-align: center; font-family: Tahoma; font-size: 0.8em; background: #f5f5f5; }
	.bbs_list_page a:active, .bbs_list_page a:hover, .bbs_list_page a:focus, .bbs_list_page a.page_act { border: 1px solid #e22; color: #000; background: #fff; }

.bbsListSearch { float: left; } /* 검색 */
	.bbsListSearch select { vertical-align: middle; }
	.bbsListSearch input { width: 130px; height: 20px; border: none; font-size: 8pt; color: #fff; vertical-align: middle; background: #666; }
	.bbsListSearch img { vertical-align: middle; }

.bbsListBtn { float: right; }


/* ▒▒▒▒▒▒▒▒▒▒ Write ▒▒▒▒▒▒▒▒▒▒ */


.bbsWriteTable { border-bottom: 1px solid #d9d9d9; } /* 글쓰기 테이블 */

	.bbsWriteTable th {
		width: 80px; padding: 0 20px 0 0;
		border-bottom: 1px dashed #ccc;
		font-weight: normal; text-align: right;
		background: url('../image/bar.gif') no-repeat 100% 50%;
		}

	.bbsWriteTable thead th {
		width: 100%; height: 33px;
		padding-right: 10px;
		border-bottom: 1px solid #d9d9d9;
		font-weight: normal; text-align: right;
		background: url('../image/bgHead.gif') repeat-x 0 0;
		}
		.bbsWriteTable thead th input { margin-left: 5px; }

	.bbsWriteTable td { padding: 5px 0 5px 20px; border-bottom: 1px dashed #ccc; }
		.bbsWriteTable td table td { border: none; padding: 5px; }

	.bbsWriteTable input { margin-bottom: 3px; vertical-align: middle; }
	.bbsWriteTable img { margin-right: 7px; vertical-align: middle; }
	.bbsWriteTable strong { font-weight: normal; font-family: Batang; color: #F09; } /* 필수항목 */




/* ▒▒▒▒▒▒▒▒▒▒ View ▒▒▒▒▒▒▒▒▒▒ */


.bbsViewTable {  margin: 0; padding: 0; } /* 글읽기 상단 옵션 테이블 */

	.bbsViewTable th {
		height: 30px; padding: 0; 
		font-weight: normal; text-align: left;
		background: url('../image/bar.gif') no-repeat 100% 50%;
		}
	.bbsViewTable thead th { height: 40px; padding: 0; margin: 0; }
    .bbsViewTable thead th span	{ height: 40px; margin: 0; padding: 10px 20px; color: #4a4a4a; font: 13pt Dotum;  font-weight: bold; text-align: center;	background: url('../image/prod_tit.gif') repeat-x 0 0}
	.bbsViewTable td { height: 30px; padding: 0 10px 0 0; }
		.bbsViewTable td div { float: left; width: 50%; font: 10px Arial; color: #999; vertical-align: middle; }
			.bbsViewTable td div span { font: 9pt Tahoma, Gulim; color: #333; }
			.bbsViewTable td div strong { font: bold 8pt Arial; }
.pro_img		{ width: 100%; display: inline-block; padding: 0; text-align: center;  margin: 0; padding: 0;  border: 1px solid #ccc; }	
.pro_img img	{ margin: 0; padding: 0;}
.pro_data		{ width: 630px; text-align: left; margin: 0; padding: 0; font-family: arial; }	
.pro_data h5		{ display: block; font: bold 10pt arial; color: #ff6600;}
.pro_data ul	{ text-align: left; margin: 20px 0 0 20px; padding: 0; }
.pro_data ul li		{ font-size: 10pt; font-family: 'Nanum Gothic', sans-serif; font-weight: 600; }
.pro_data table	{ width: 630px; }
.pro_data table tr td	{ font: 9pt arial; }
.overview		{ font-weight: 500; font: 10pt 'Nanum Gothic', sans-serif; color: #434592;}
	.bbsViewTable a { margin-right: 10px; }
	.bbsViewTable img { vertical-align: middle;  border: 1px dashed #ccc; }

	td.bbsViewTableFile {  border-bottom: none; padding: 7px 30px; background: #f5f5f5; }
		td.bbsViewTableFile a { font: 11px Arial; }


.bbsViewMemo { padding: 20px 0 0 0; text-align: left; }
	.bbsViewFile { margin: 20px 0; padding-bottom: 0;  text-align: center; }


.bbsViewComm { position: relative; width: 100%; padding: 20px; border: 5px solid #e5e5e5; }
	.bbsViewComm div { text-align: left; }
		.bbsViewComm div em { font: 10px Tahoma, Arial; color: #999; vertical-align: middle; }
		.bbsViewComm div textarea	{ margin-top: 5px; width: 100%; }
	.bbsViewComm hr { margin: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

.bbsViewCommWrite { margin-top: 20px; padding: 20px; border: 1px solid #e5e5e5; text-align: left; background: #f7f7f7; }
	.bbsViewCommWrite input		{ margin: 0 10px 0 5px; vertical-align: middle; }
	.bbsViewCommWrite textarea	{ margin: 5px 0; width: 100%; height: 70px; }
	.bbsViewComm img { vertical-align: middle; }
	.bbsViewCommWrite table input { margin: 5px 0 0 0; }


.bbsViewPageUp		{
	margin-top: 15px; padding: 4px 0 4px 64px;
	border-top: 1px solid #f0f0f0;
	color: #999; text-align: left;
	background: url('../image/btnViewNext.gif') no-repeat 10px 50%;
	}
	.bbsViewPageUp a:hover			{ text-decoration: underline; }
.bbsViewPageDown {
	padding: 4px 0 4px 64px;
	border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
	color: #999; text-align: left;
	background: url('../image/btnViewPrev.gif') no-repeat 10px 50%;
	}
	.bbsViewPageDown a:hover	{ text-decoration: underline; }




/* ▒▒▒▒▒▒▒▒▒▒ Del ▒▒▒▒▒▒▒▒▒▒ */


.bbsDelTable {  } /* 글삭제 테이블 */

	.bbsDelTable th {
		height: 33px;
		padding-left: 10px;
		border-bottom: 1px solid #d9d9d9;
		font-weight: bold; text-align: left;
		background: url('../image/bgHead.gif') repeat-x 0 0;
		}
	.bbsDelTable td { padding: 20px; color: #5394c5; line-height: 170%; background: #f5f5f5; }
		.bbsDelTable td span { font-weight: bold; }
		.bbsDelTable td hr { margin: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; }
		.bbsDelTable td input { margin: 0 2px; vertical-align: middle; }
		.bbsDelTable td img { vertical-align: middle; }