/* common */
body {background-color:#fff; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button{margin:0;padding:0;}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:12px;font-weight:normal;}
ul, ol, li {list-style:none outside;}
img, input, select, textarea {vertical-align:middle;}
body, th, td, pre {font-size:12px;font-family:굴림,sans-serif;color:#333;}

a:link {COLOR: #1a4a88; TEXT-DECORATION: none}
a:visited {COLOR: #1a4a88; TEXT-DECORATION: none}
a:active {COLOR: #1a4a88;	TEXT-DECORATION: none}
a:hover {COLOR: #008FBF; TEXT-DECORATION: underline}


.layerTable img {vertical-align:top;}

/* home.jsp */
#recent_post {float:left;}
#hit_best_post {float:right;}
.home_list {width: 49%;  table-layout: fixed;}
.home_list td.head {border: 1px solid #eee; height:25px; text-align:center; font-weight:bold; padding-top:5px; cursor:pointer;}
.home_list td.id {color: #006600; overflow: hidden; padding-top:4px;}
.home_list td.title {overflow: hidden; height: 23px; padding-top:4px;}
.home_list td.title1 {overflow: hidden; height: 53px; padding-top:4px;}
.home_list td .content {overflow: hidden; color: #aaa; height: 32px; font-size:11px; width: 90%; font-family:돋움,dotum,sans-serif;letter-spacing: 0px; padding-top:3px;}

#nuda_notice{width: 49%; float:left}
#nuda_notice .head {background: #FAFFFF;  border: 1px solid #eee; height:25px; text-align:center; font-weight:bold; line-height:25px; cursor:pointer;}
#nuda_notice ul {margin: 10px; text-align:left;}
#nuda_notice li {height: 20px;}
#nuda_notice .date {font-size:11px; color: #777;}
#exchange_list {float:right;}

#bbs_memo_list {width: 98%; float:left;}
#bbs_memo_list .head {border: 1px solid #eee; height:25px; text-align:center; font-weight:bold; line-height:25px; cursor:pointer;}
.bbs_memo_input {width:100%; margin-right:50px;}
.bbs_memo_input_img {float:right; height:20px; line-height:20px; text-align:center; width:50px; border: 1px solid #777; cursor:pointer;}
.bbs_memo_input input{border: 1px solid #777; width:100%}
.bbs_memo_body {padding: 5px; margin: 0; font-family:굴림;letter-spacing: 0px; width:100%}
.memo_box {margin: 3px;}

#recent_memo td {padding: 3px; border-bottom: 1px solid #CECECE;} 
#recent_memo td.title1 {overflow: hidden; height: 60px; padding-top:4px;}
#recent_memo td .content        {overflow: hidden; color: #aaa; height: 45px; font-size:11px; width: 90%; font-family:돋움,dotum,sans-serif;letter-spacing: 0px; padding-top:3px;}
#recent_memo td .contentNotRead {overflow: hidden; color: black; height: 45px; font-size:11px; width: 90%; font-family:돋움,dotum,sans-serif;letter-spacing: 0px; padding-top:3px;}

.diary_type {margin-bottom: 10px;}

/* _layout.jsp */

#logo {
	
	width: 100%; height: 50px;
	margin: 0 auto;
	cursor: pointer;
}

#logo2 {
	background: #FF76A4 url(/img/200811/logo2.gif) no-repeat;
	width: 100%; height: 50px;
	margin: 0 auto;
	cursor: pointer;
}

#topmenubar{
	background: url(/img/topmenu/top-menu-bar.gif) no-repeat;
	clear: both;
	margin: 0 auto;
	width: 100%; height: 32px;
}
#topmenubar2{
	background: url(/img/topmenu/top-menu-bar2.gif) no-repeat;
	clear: both;
	margin: 0 auto;
	width: 100%; height: 32px;
}

#billboard {
	padding-top: 3px;
	padding-left: 10px;
	margin: auto;
	width: 670px;
}
#topmenuTable{	width: 100%; height: 32px;}
#topmenu_on  {background: url(/img/200811/icon_more.gif) no-repeat 0 0px; margin: 0 auto; width: 144px; height: 10px; cursor:pointer;}
#topmenu_off {background: url(/img/200811/close_view.gif) no-repeat 0 0px; position: relative; left: -12px; top: 2px; width: 8px; height: 7px; float: left; cursor:pointer;}
#topmenu{position: absolute; width: 266px; height: 15px; float: right; vertical-align: middle;margin-right: 10px; margin-left: 5px;}
#topmenu li {background: url(/img/topmenu/point2.gif) no-repeat 0 0px;padding-left: 14px;	float: left;	}
#topmenu li a {color:#fff;text-decoration:none;}
#topmenu li a:hover{text-decoration:underline;}

#mainWrapper {
	margin: 5px;
	width: 99%;
	text-align: left;
}
#mainWrapper td {vertical-align:top;}
#leftMain {	width: 170px; float: left; }
#centerMain {width:100%;}
#rightMain { width: 130px; float: right;}

/* border: 1px solid red; */

/* _header.jsp */

.login_idpw label {color:#6b7bb3;font-size:11px;}
.login_idpw #id,.login_idpw #id2, .login_idpw #enpw {width:90px;border:1px solid #b8bce2;margin:0;}
.login_idpw #id {background:#fff url(/img/200811/login_id.gif) no-repeat 4px 3px;padding: 2px 0 0 1px;font-size:11px; font-family:돋움,dotum,sans-serif;}
.login_idpw #id2 {background:#fff;padding: 2px 0 0 1px;font-size:11px; font-family:돋움,dotum,sans-serif;}
.login_idpw #enpw {background:#fff url(/img/200811/login_pass.gif) no-repeat 4px 3px;padding: 2px 0 0 1px;margin-right:3px;}
.login_idpw p {height:21px; }
.login_memInfo {margin:auto; font-size:11px; font-family:돋움,dotum,sans-serif;letter-spacing: -1px;}
#side_info1 {letter-spacing: 0px;}

/* presonal */
/* start 20080118 by.rani   (from daum)*/
#infoBoxTab.mybox_line	{border: 1px solid #66C6DE; border-bottom: 0px; position: relative; height: 28px; clear: both;}
#infoBoxTab2.mybox_line	{border: 1px solid #FF7AA7; border-bottom: 0px; position: relative; height: 28px; clear: both;}
#infoBoxTab .side_mybox_bg	{position: absolute; background: #C2E8F2; width: 168px; height: 27px;}
#infoBoxTab2 .side_mybox_bg	{position: absolute; background: #FFCADC; width: 168px; height: 27px;}
.mytab_on	{width: 80px; height: 27px; float: left; text-align: center; background: #FFFFFF; font-weight: bold; letter-spacing: -1px;}
.mytab_off	{width: 80px; height: 22px; float: left; text-align: center; background: #FFFFFF; opacity: 0.60; filter: alpha(opacity=60); letter-spacing: -1px;}
.mytab2_on	{width: 80px; height: 27px; float: right; text-align: center; background: #FFFFFF; font-weight: bold; letter-spacing: -1px;}
.mytab2_off	{width: 80px; height: 22px; float: right; text-align: center; background: #FFFFFF; opacity: 0.60; filter: alpha(opacity=60); letter-spacing: -1px;}
.side_mybox_tab	{position: absolute; z-index: 3px; width: 163px; height: 26px; top: 3px; left: 3px;}
.side_mybox_tab a	{display: block; padding: 6px 0 4px 0; cursor: pointer;}
.side_infobox	{padding: 0px; letter-spacing: -1px; border: 1px solid #66C6DE; border-top: 0px;}
.side_infobox2	{padding: 0px; letter-spacing: -1px; border: 1px solid #FF7AA7; border-top: 0px;}
.side_infobox_bg {padding: 2px; border: 2px solid #C2E8F2; border-top: 0px;}
.side_infobox_bg2 {padding: 2px; border: 2px solid #FFCADC; border-top: 0px;}
.side_infobox_content {padding: 3px; padding-top: 10px; background: #FFFFFF;}
.cafe_btn_area	{clear: both;}
#side_info2	{display: none;}
#side_info2 .my_diaries h3, #side_info1 h3 {font-size:13px;font-weight:bold; margin-left:5px;}
#side_info2 ul, #side_info1 ul {padding:0; margin-top:0px; margin-left:3px;}
#side_info2 li, #side_info1 li {
	background: url(/img/200811/document_b.gif) no-repeat 0 0px;
	padding-left:13px; margin-bottom:8px;
	width:150px; overflow:hidden; text-overflow-mode: ellipsis;
}

.bbs_list a:link, .diary_menu_list a:link, #diary_management li a:link{COLOR: #444; TEXT-DECORATION: none}
.bbs_list a:visited, .diary_menu_list a:visited, #diary_management li a:visited{COLOR: #444; TEXT-DECORATION: none}
.bbs_list a:active, .diary_menu_list a:active, #diary_management li a:active{COLOR: #444;	TEXT-DECORATION: none}
.bbs_list a:hover, .diary_menu_list a:hover, #diary_management li a:hover{COLOR: #444; TEXT-DECORATION: underline}

.group_line	{border-top: 1px dashed #CED0B8; margin:10 0 0 0; font-size: 1px; width:154px; height: 10px;}
.solid_line	{background: #C2E8F2; margin:10 0 10 0; font-size: 0px; width:154px; height: 2px;}
.solid_line2{background: #FFCADC; margin:10 0 10 0; font-size: 0px; width:154px; height: 2px;}

/* _footer.jsp */

.foot_box { border: 1px solid #e8e8e8; width:126px; margin-bottom:20px; overflow:hidden; text-overflow-mode: ellipsis; }
.foot_box .title{font-size:12px;font-weight:bold;color:#444; margin:10px; padding-bottom:10px; border-bottom: 1px dashed #eee;}
.foot_box .body{}
.foot_box li {margin-left:10px; margin-bottom:6px; color:#444;}
.foot_box li.member {font-size:11px; font-family:돋움,dotum,sans-serif;letter-spacing: -1px;}
.foot_link {font-weight:bold; cursor:pointer;}
.foot_link:hover {TEXT-DECORATION: underline; cursor:pointer;}
#diary_management li  {
	background: url(/img/200811/document_b.gif) no-repeat 0 0px;
	padding-left:13px; margin-bottom:8px;
}

#max_combo {color: #800;}


/* diary */
.diary_title {margin: 0 10px 10px 10px; padding-bottom: 10px; border-bottom: 1px dashed #e8e8e8}
.diary_main_menu {float:right; text-align:right; margin: 0 10px 0 0;}
.btn { /* naver */
PADDING-RIGHT: 0px; OVERFLOW-Y: hidden; DISPLAY: inline; PADDING-LEFT: 0px;
FONT-SIZE: 12px; FLOAT: left; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 5px;
CURSOR: pointer; PADDING-TOP: 0px; FONT-FAMILY: dotum; LIST-STYLE-TYPE: none; HEIGHT: 23px;
}
.btn span {
BACKGROUND-POSITION: 0px 0px; FLOAT: left; BACKGROUND-IMAGE: url(/img/200811/btn-bg.gif);
MARGIN: 0px; WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 23px
}
.btn p {
PADDING-RIGHT: 10px; BACKGROUND-POSITION: 100% 0%; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left;
BACKGROUND-IMAGE: url(/img/200811/btn-bg.gif); PADDING-BOTTOM: 0px; MARGIN: 0px;
PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none; HEIGHT: 23px;
}
.btn a:link, .btn a:visited, .btn a:active, .btn a:hover, .btn .a {
MARGIN-TOP: 6px; FLOAT: left; COLOR: rgb(102,102,102); LETTER-SPACING: -1px; TEXT-DECORATION: none;
}

.btn p img {
MARGIN-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;	
}


/* post.jsp */

.post_menu {margin:5px auto; width:435px; clear:both; text-align:right;}
.post_menu .post_menu_inner {float:right;}
.post_menu li {float:left; margin-left:10px;}
.post_container {margin: 0 10px 10px 0; padding-top: 10px; text-align:center;}
.post_info {font-size:11px; font-family:돋움,dotum,sans-serif;color:#6e6e6e;}

.writeComment {clear:both;}
.writeComment textarea {
	overflow:auto;
	float:left;
	width:100%; height:62px; font-size:12px; letter-spacing: 0px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: 굴림, Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.writeComment select {width:60px;}
.comment_notice {text-align:right; color:#555}
.comment_box {clear:both; border:1px solid #ccc;}
.small_time {color:#555; font-size:11px; font-family:tahoma,sans-serif;letter-spacing: 0px;}
.comment_wrapper {clear:both; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
* html .comment_wrapper {clear:both; width:100%; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
.comment_line {clear:both; border-top: 1px dashed #CED0B8; margin:5 0 0 0; font-size: 1px; width:100%; height: 5px;}
.comment_title  {background: #e7f6fa; width:100%; height:20px;}
.comment_title2 {background: #ffeaf1; width:100%; height:20px;}
.comment_title_left {float:left; text-align:left; width:170px; margin:2px; margin-left:10px; padding-top:2px;}
.comment_title_left img {margin-top:-2px;}
.comment_title_right {float:right; text-align:right; width:170px; margin:2px; margin-right:10px;}
.comment_title3 {background: #F3F3F3; width:100%; height:20px; padding-left:5px; padding-top:5px; color:#555}
.comment_body {clear:both; padding: 5px; letter-spacing: 0px; line-height:1.3;}
.comment_btn {clear:both; margin:10px;}




/* post list */
.post_list_table {border-bottom: 1px solid #c0c0c0; width:100%;}
.post_list_table input {vertical-align:top;}
.post_list_table td {text-align:center; height:25px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 6px }
.post_list_table thead td {border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;}
.post_list_table .number    {width:5%; font-size:11px; font-family:돋움,dotum; color:#555}
.post_list_table .category  {width:7%; font-size:11px; font-family:돋움,dotum; color:#555}
.post_list_table .publicflag{width:5%; font-size:11px; font-family:돋움,dotum; color:#555}
.post_list_table thead .title     {}
.post_list_table tbody .title     {text-align:left;}
.post_list_table .writer    {width:15%;}
.post_list_table .date      {width:10%; font-size:11px; font-family:돋움,dotum;}
.post_list_table .hit       {width:7%; font-size:11px; font-family:돋움,dotum;}
.paging {text-align:center; clear:both; margin-top: 10px;}

/* regist */
.regist_notice {font-weight: bold; line-height:1.4; margin: 20px; border: 1px solid #eee; padding: 10px;}
.regist_btn {width: 150px; margin: auto;}

/*Example CSS for the scrollers*/
#pscroller1{
width: 670px;
height: 20px;
padding: 2px;
vertical-align: middle;
background-color: #fff;
text-align:left;
}

.innerDiv { 
text-align:center; 
vertical-align : middle;
}
.innerDiv td{ font-size:13px; font-family:굴림; font-weight:bold; background-color: #fff;}
.scroller{
}

/* markdown */
.markdown a { color: #06C; text-decoration: underline; }
.markdown a:visited { color: #80080; }
.markdown address { display: block; font-style: italic; }
.markdown b {font-weight: bold; }
.markdown blockquote { display: block; margin: 1em 40px; }
.markdown cite { font-style: italic; }
.markdown code { font-family: monospace; font-size: 10pt; }
.markdown dd { display: block; margin: 0 0 0 40px; }
.markdown dl { display: block; margin: 1em 0; }
.markdown dt { display: block; }
.markdown h1 { display: block; font-size: 2em; font-weight: bold; margin: 0.67em 0; page-break-after: avoid; }
.markdown h2 { display: block; font-size: 1.5em; font-weight: bold; margin: 0.83em 0; page-break-after: avoid;}
.markdown h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; page-break-after: avoid;}
.markdown h4 { display: block; font-size: 1em; font-weight: bold; margin: 1.33em 0; page-break-after: avoid;}
.markdown h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0;page-break-after: avoid;}
.markdown h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; page-break-after: avoid;}
.markdown hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em;margin-top: 0.5em;
    overflow: hidden; text-align: center; zoom: 1; }
.markdown i { font-style: italic;}
.markdown img { zoom: 1; }
.markdown ins { text-decoration: underline; }
.markdown kbd { font-family: monospace; font-size: 10pt; }
.markdown legend { padding: 0 2px; zoom: 1;}
.markdown li { display: list-item; list-style: disc; }
.markdown menu { display: block; list-style-image: none; list-style-position: outside;
    list-style-type: disc; margin: 1em 0; padding: 0 0 0 30pt; }
.markdown ol { display: block; list-style-image: none; list-style-position: outside;
    list-style-type: decimal; margin: 1em 0; padding: 0 0 0 30pt; }
.markdown p { display: block; margin: 1em 0; }
.markdown pre { display: block; font-family: monospace; font-size: 10pt; margin: 1em 0; white-space: pre; }
.markdown ul { display: block; list-style-image: none; list-style-position: outside; list-style-type: disc;
    margin: 1em 0; padding: 0 0 0 30pt; }
.markdown var { font-style: italic; }