body {
	line-height:  1.6 ;
	padding-top: 60px;
	overflow:scroll
}

form * { vertical-align:middle }
button { color: black; font-size:12px; } /* 기본 버튼 모양 */

 input {
    vertical-align: top;
    
}

h3 {
font-size: 20px;
color: #337ab7; 
}

#address {
    background: #222;
    color: #ccc;
}
#mb_login {
    width: 70%;
    margin: auto;
    margin-top: 100px;
}
/*** 갤러리 썸네일 리스트 */
.thumbnail {
    min-height: 200px;
    overflow: hidden;
}

/* 글쓰기 하단 파일업로드 폼  */
.file_upload_form {
    padding: 5px;
    border-top: none;
    border-bottom: 5px solid red;
}

.file_width {
    text-align: right;
    width: 5%;
    border: 1px solid red;
}


/** 메인 콘텐츠 최소 크기 **/
.row {
	min-height: 900px;
}

/** 갤러리의 썸네일보기 하단 그림제목  Gallary.list.php**/
.thumbnail .caption {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

#write_list {
	color:#787878;
	padding-top:10px;
}
#write_list table .file		{ width:10px }
#write_list table .no		{ width:50px }
#write_list table .category	{ width:70px }
#write_list table .datetime	{ width:60px }
#write_list table .hit			{ width:50px }
#write_list table .check		{ width:30px }
#write_list table .writer		{ width:80px }
#write_list table td.subject a	{ height:18px }

#write_list table thead tr th { 
    padding:5px 0; 
    border-top:1px solid #ccc; 
    border-bottom:2px solid #e7e7e7; 
    text-align:center; 
    color:#000; 
}
#write_list table  tbody tr td { 
    border-bottom:1px solid #e0e0e0; 
    text-align:center; 
    padding:5px 0; 
}

#write_list table .subject {
	color:#000000;
	text-align:left
}

#write_list table tbody tr.current { background-color:#FFFFCC }
#write_list table tbody tr.notice { background-color:#eee }
#write_list table tbody tr.notice td.subject { font-weight:bold }

#write_list table tbody tr.title td.writer { padding-top:0.6em }
#write_list table tbody tr a:hover { color:#330099; text-decoration:none }
#write_list table tbody tr td.writer { padding-top:0.3em }
#write_list table tbody tr td.writer img { margin-right:5px }
#write_list table tbody tr td.writer img { vertical-align:middle }
#write_list table tbody tr td.subject { text-align:left }
#write_list table tbody tr td.subject a { float:left; overflow:hidden; text-align:left }
#write_list table tbody tr td.subject img { vertical-align:middle; margin:3px 0 0 3px }
#write_list table tbody tr td.subject span { color:#ff6600; font-size:11px }

#write_list table tbody .temp
#write_list table tbody .temp a { color:#999999 }

td.date {
	vertical-align:bottom;
	padding-bottom:5px;
	color:#999;
	width:200px;
}

.title {
	clear:both;
	color:#000000;
	margin-bottom: 2px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	background-color: #eee;
	border-bottom: 1px solid #e7e7e7;
}
/*******************************************/
/* wirte.view  & gal.view                  */
/*******************************************/

#view .hit {
	float:right;
	color:#666;
}

#view .writer {
	padding: 0px 5px;
	color:#666;
	border-bottom:1px solid #ccc;
}

#view .link {
	border-bottom:1px solid #ccc;
	padding:5px 5px;
	color:#666;
}

#view .content {
	clear:both;
	text-align:left;
	padding:10px 0px ;
	border-bottom: 1px solid #999;
	line-height:160%;
	overflow:hidden;
}

#view .inner_content {
	margin-top:20px;
	min-height:100px;
}


/*******************************************/
/* Write.write   & Gallery.write           */
/*******************************************/
#write table {
	width:100%;
	border-collapse:collapse;
	border-bottom:5px solid #999;
	border-top:5px solid #999;
	margin:5px 0;
}

#write th
{
	width:15%;
	text-align:right;
	font-weight:normal;
	padding:5px 10px 5px 0;
	background-color:#eee;
	border-bottom:1px solid #ccc;
}

#write td
{
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #ccc;
	width:85%;
}

#write td.editor
{
	padding:10px 0px;
	border: none;
}

#write #message { height:35px }
#write #message input { float:left; margin-top:8px; margin-right:5px; }
#write #message img#loading { float:left }
#write span#message_text { float:left; padding-top:10px }

#write .success { color:#00F }
#write .failure { color:#F00 }


/*******************************************/
/* write.view                              */
/*******************************************/
/*
#write_view {} 
#write_view td.date {
	vertical-align:bottom;
	padding-bottom:5px;
	color:#999;
	width:200px;
}

#write_view .title {
	clear:both;
	color:#000000;
	padding:5px 5px;
	font-weight:bold;
	
	text-align:left;
	overflow:hidden;
	margin-bottom:5px;
	background-color:#eee;
	border-bottom:2px solid #e7e7e7;
}

#write_view .hit {
	float:right;
	padding:3px 5px;
	color:#666;
}

#write_view .writer {
	border-bottom:1px solid #ccc;
	padding:5px 5px;
	color:#666;
}

#write_view .link {
	border-bottom:1px solid #ccc;
	padding:5px 5px;
	color:#666;
}

#write_view div.content {
	clear:both;
	text-align:left;
	padding:10px 0px;
	border-bottom:1px solid #999;
	margin-bottom:15px;
	line-height:160%;
	overflow:hidden;
}

#write_view div.inner_contents {
	min-height:100px;
}
/*
/* 댓글 */
#comment_list .comment {
	margin: 5px;
	border-top:1px solid #999;
	padding-top:5px;
	overflow:hidden;
}

/* 댓글 입력 */
#comment_write {
	border:1px solid #ccc;
	background-color:#eee;
	clear:both;
	margin:5px 0;
	padding:5px;
}

/* 답변 모드 */
#comment_list .comment .reply {
	border-top:1px solid #ccc;
	padding-top:5px;
}

#comment_list .comment .reply textarea {
	width:95%;
	border:1px solid #ccc;
	height:130px;
	padding:3px;
	margin-bottom:5px;
	line-height:160%;
	font-family:"Gulim";
	font-size:9pt;
}

/* 수정 모드 */
#comment_list .comment .modify { border-top:1px solid #ccc; }
#comment_list .comment .modify .write_info { padding:5px 0; }
#comment_list .comment .modify td.content textarea {
	width:95%;
	border:1px solid #ccc;
	height:130px;
	padding:3px;
	margin-bottom:5px;
	line-height:160%;
	font-family:"Gulim";
	font-size:9pt;
}


/*****************************************
	스타일 템플릿
******************************************/
.flt_l { float:left }
.flt_r { float:right }
.clr_l { clear:left }
.clr_r { clear:right }
.clr_b { clear:both }

.txt_l { text-align:left }
.txt_r { text-align:right }
.txt_c { text-align:center }

.disp_n { display:none }
.disp_b { display:block }

.mg_s { margin:5px }
.mg_s_l { margin-left:5px }
.mg_s_t { margin-top:5px }
.mg_s_r { margin-right:5px }
.mg_s_b { margin-bottom:5px }

.mg_b { margin:10px }
.mg_b_l { margin-left:10px }
.mg_b_t { margin-top:10px }
.mg_b_r { margin-right:10px }
.mg_b_b { margin-bottom:10px }

.pd_s { padding:5px }
.pd_s_l { padding-left:5px }
.pd_s_t { padding-top:5px }
.pd_s_r { padding-right:5px }
.pd_s_b { padding-bottom:5px }

.pd_b { padding:10px }
.pd_b_l { padding-left:10px }
.pd_b_t { padding-top:10px }
.pd_b_r { padding-right:10px }
.pd_b_b { padding-bottom:10px }

.va_t { vertical-align:top }
.va_m { vertical-align:middle }
.va_b { vertical-align:bottom }

.nobr { white-space:nowrap }

.gray_e { color:#eee }
.gray_c { color:#ccc }
.gray_9 { color:#999 }
.gray_6 { color:#666 }
.gray_0 { color:#000 }

.bd_n { border:0px solid #fff }
.bd_1_c { border:1px solid #ccc }
.bd_2_c { border:2px solid #ccc }
.bd_b_1_c { border-bottom:1px solid #ccc }
.bd_t_1_c { border-top:1px solid #ccc }
.bd_l_1_c { border-left:1px solid #ccc }
.bd_r_1_c { border-right:1px solid #ccc }

.font_s_9 { font-size:9pt }
.pointer { cursor:pointer }


/* 파일 리스트 */
#file_uploaded_list ul {
	list-style:none;
}

#file_uploaded_list ul li {
	float:left;
	padding:3px;
	border:1px solid #ccc;
	background-color:#eee;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin-right:5px;
	margin-bottom:5px;
}

#file_uploaded_list ul li input {
	border:none;
	color:#666;
}

#file_uploaded_list ul li img {
	vertical-align:middle;
}

#mb_agreement {
    margin:0px auto;
}    

#mb_agreement textarea {
    //margin-left: 15px;
    //border: 1px solid #ccc;
    padding-left: 8px;
    width: 590px;
    height: 200px;
    //font-size: 9pt;
    line-height: 160%;