@charset "utf-8";

/* Basic Tag *************************************************************************************/

*
{

	margin                           : 0;
	padding                          : 0;
}

a:link,
a:visited
{
	color                            : #666666;
	text-decoration                  : none;
}

a:hover,
a:active
{
	color                            : #4163A2;
	text-decoration                  : underline;
}

abbr,
acronym
{
	cursor                           : help;
}

body
{
	background-color                 : #F2F2F2;
	color                            : #666666;
	font-family                      : 'Lucida Grande', Arial, 굴림, Gulim, Tahoma, Verdana, sans-serif;
	font-size                        : small;
	margin                           : 0 10px 0 10px;
}

dl
{
	position                         : relative;
}

dl dt
{
	font-weight                      : bold;
	left                             : 0;
	line-height                      : 2em;
	position                         : absolute;
	text-align                       : left;
	top                              : 0;
}

dl dd
{
	line-height                      : 2em;
	margin-left                      : 100px;
	text-align                       : left;
}

em
{
	font-style                       : normal;
}

fieldset
{
 	background-image                 : url("./image/bg_dt.png");
	background-repeat                : repeat-y;
	border-bottom                    : 1px solid #DDDDDD;
	border-left                      : none;
	border-right                     : none;
	border-top                       : 1px solid #CCCCCC;
	/*float                            : left;*/
	margin                           : 0 0 30px 0;
	/*width                            : 460px;*/
}

h1,
h2
{
	display                          : none;
}

h3
{
	font-size                        : 1em;
}

input
{
	font-family                      : 'Lucida Grande', Arial, 굴림, Gulim, Tahoma, Verdana, sans-serif;
}

label
{
	cursor                           : pointer;
}

legend
{
	display                          : none;
}

ol,
ol li,
ul,
ul li
{
	list-style-type                  : none;
}

optgroup
{
	font-style                       : normal;
	padding                          : 0 5px;
}

optgroup option
{
	padding                          : 0 15px;
}

optgroup.delete option
{
	color                            : #FF0000;
}

kbd,
samp
{
	font-family                      : "Courier New", Courier, 굴림, Gulim, monospace;
	font-size                        : 1em;
}

select
{
	font-size                        : 1em;
	font-family                      : 'Lucida Grande', Arial, 굴림, Gulim, Tahoma, Verdana, sans-serif;
	vertical-align                   : middle;
}

table
{
	border-collapse                  : collapse;
}

textarea
{
	border                           : 1px solid #999999;
	font-size                        : 1em;
	padding                          : 2px;
}

/* Layout ****************************************************************************************/

#temp-wrap
{
	width                            : 100%;
}
	
#all-wrap
{
	font-size                        : 0.925em;
	text-align                       : justify;
}

/* Layout Header **********************************************************************************/

/* main description */
#main-description-box
{
	background-image                 : url("./image/bg_header.png");
	background-repeat                : repeat-x;
	height                           : 49px;
	position                         : relative;
}

#main-description
{
	bottom                           : 5px;
	right                            : 10px;
	position                         : absolute;
	text-align                       : right;
	width                            : 100%;
}

#main-description li
{
	display                          : inline;
	line-height                      : 33px;
}

#description-blogger
{
	float                            : left;
	margin-left                      : 160px;
}

#description-blog
{
	background-image                 : url("./image/bg_menu_divider.gif");
	background-position              : right top;
	background-repeat                : no-repeat;
	padding-right                    : 10px;
}

#description-blog a
{
	background-image                 : url("./image/img_to_my_blog.gif");
	background-position              : right center;
	background-repeat                : no-repeat;
	color                            : #517DB9;
	font-weight                      : bold;
	padding                          : 4px 20px 0 0;
}

#description-logout a
{
	background-image                 : url("./image/img_logout.gif");
	background-position              : right center;
	background-repeat                : no-repeat;
	color                            : #517DB9;
	padding                          : 4px 20px 0 0;
}

/* main menu */
#main-menu-box
{
	background-color                 : #7A9BC9;
	background-image                 : url("./image/bg_menu.png");
	background-position              : center bottom;
	background-repeat                : repeat-x;
	height                           : 3em;
	line-height                      : 3em;
	margin-top                       : 1px;
}

#main-menu li
{
	float                            : left;
	margin                           : 0 3px;
	padding                          : 0 8px;
}

#main-menu li a:link,
#main-menu li a:visited
{
	color                            : #FFFFFF;
	text-decoration                  : none;
}

#main-menu li a:hover,
#main-menu li a:active
{
	text-decoration                  : underline;
}

#main-menu li.selected
{
	background-color                 : #6881B8;
	background-image                 : url("./image/bg_menu_selected.png");
	background-position              : center bottom;
	background-repeat                : repeat-x;
	height                           : 36px;
	font-weight                      : bold;
}

#menu-tattertools
{
	background-image                 : url("./image/img_header_tattertools.gif");
	background-repeat                : no-repeat;
	height                           : 22px;
	left                             : 16px;
	position                         : absolute;
	text-indent                      : -1000px;
	top                              : 14px;
	width                            : 130px;
	z-index                          : 100;
}

#menu-tattertools a
{
	display                          : block;
	height                           : 22px;
	width                            : 130px;
}

/* Layout Body ***********************************************************************************/

#sub-menu-box
{
	height                           : 2.4em;
	line-height                      : 2.4em;
}

#sub-menu li
{
	background-image                 : url("./image/bg_submenu_divider.png");
	background-position              : left center;
	background-repeat                : no-repeat;
	float                            : left;
	padding                          : 0 8px;
}

#sub-menu li a:link,
#sub-menu li a:visited
{
	text-decoration                  : none;
}

#sub-menu li a:hover,
#sub-menu li a:active
{
	text-decoration                  : underline;
}

#sub-menu li.selected a
{
	color                            : #000000;
	font-weight                      : bold;
}

#sub-menu-helper
{
	background-image                 : none !important;
	right                            : 12px;
	position                         : absolute;
	top                              : 54px;
}

#sub-menu-helper a
{
	background-image                 : url("./image/img_helper.gif");
	background-position              : right center;
	background-repeat                : no-repeat;
	color                            : #DDE5F1;
	font-family                      : Dotum, Gulim, sans-serif;
	font-size                        : 0.9em;
	padding                          : 5px 16px 1px 0;
}

/* pseudo box */
#pseudo-box
{
	background-color                 : #FFFFFF;
	background-image                 : url("./image/bg_body_top.png");
	background-position              : left top;
	background-repeat                : repeat-x;
	border-left                      : 1px solid #BBBBBB;
	border-right                     : 1px solid #BBBBBB;
	position                         : relative;
	width                            : 980px;
}

#data-outbox
{
	padding                          : 10px;
}

.part .caption,
h2.caption
{
	background-color                 : #D2D2CC;
	background-image                 : url("./image/bg_title_left.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	clear                            : both;
	color                            : #000000;
	display                          : block;
	height                           : 30px;
	font-size                        : 1em;
	font-weight                      : normal;
	line-height                      : 2.8em;
	margin-bottom                    : 10px;
	overflow                         : hidden;
	padding-left                     : 35px;
}

.part .caption span,
h2.caption span
{
	background-color                 : #D2D2CC;
	background-image                 : url("./image/bg_title_right.gif");
	background-position              : right top;
	background-repeat                : no-repeat;
	display                          : block;
	height                           : 30px;
	line-height                      : 2.7em;
}

.main-explain-box .explain
{
	line-height                      : 1.5em;
	margin-bottom                    : 30px;
	padding                          : 0 20px;
}

.main-explain-box .explain a:link,
.main-explain-box .explain a:visited
{
	color                            : #FF6600;
	text-decoration                  : underline;
}

.main-explain-box .explain a:hover,
.main-explain-box .explain a:active
{
	color                            : #FC924B;
	text-decoration                  : underline;
}

/* category form */
#category-form
{
	margin                           : 20px 0 6px 15px;
}

/* data inbox */
.data-inbox
{
	margin                           : 2px 10px;
	width                            : 940px;
}

table.data-inbox thead tr th
{
	background-color                 : #F3F3F1;
	border-bottom                    : 1px solid #D2D2CC;
	border-top                       : 1px solid #D2D2CC;
	color                            : #333333;
	font-weight                      : normal;
	padding                          : 6px 0;
	text-align                       : center;
}

table.data-inbox tbody tr td
{
	border-bottom                    : 1px solid #E3E3DE;
	padding                          : 6px 8px;
	text-align                       : center;
}

table.data-inbox tbody tr.active-class
{
	background-color                 : #EFF6FF;
}

table.data-inbox tr .selection
{
	background-position              : right bottom;
	padding-left                     : 0;
	padding-right                    : 0;
	width                            : 30px;
}

/* icons in table.data-inbox */
table.data-inbox tbody tr .status .private-on-icon
{
	background-image                 : url("./image/icon_private.gif");
	background-position              : left bottom;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .private-off-icon
{
	background-image                 : url("./image/icon_private.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .private-off-icon a
{
	background-image                 : url("./image/icon_private.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .private-on-icon span,
table.data-inbox tbody tr .status .private-off-icon span
{
	display                          : none;
}

table.data-inbox tbody tr .status .protected-on-icon
{
	background-image                 : url("./image/icon_protected.gif");
	background-position              : left bottom;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .protected-off-icon
{
	background-image                 : url("./image/icon_protected.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .protected-off-icon a
{
	background-image                 : url("./image/icon_protected.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .protected-on-icon span,
table.data-inbox tbody tr .status .protected-off-icon span
{
	display                          : none;
}

table.data-inbox tbody tr.keyword-line .status .protected-off-icon,
table.data-inbox tbody tr.notice-line .status .protected-off-icon
{
	background-image                 : none;
}

table.data-inbox tbody tr.keyword-line .status .protected-off-icon a,
table.data-inbox tbody tr.notice-line .status .protected-off-icon a
{
	display                          : none;
}

table.data-inbox tbody tr.keyword-line .syndicate .syndicated-off-icon a,
table.data-inbox tbody tr.notice-line .syndicate .syndicated-off-icon a
{
	display                          : none;
}

table.data-inbox tbody tr .status .public-on-icon
{
	background-image                 : url("./image/icon_public.gif");
	background-position              : left bottom;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .public-off-icon
{
	background-image                 : url("./image/icon_public.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	float                            : left;
	height                           : 15px;
	margin-right                     : 2px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .public-off-icon a
{
	background-image                 : url("./image/icon_public.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	height                           : 15px;
	width                            : 15px;
}

table.data-inbox tbody tr .status .public-on-icon span,
table.data-inbox tbody tr .status .public-off-icon span
{
	display                          : none;
}

table.data-inbox tbody tr .syndicate .syndicated-on-icon
{
	background-image                 : url("./image/icon_syndicated.gif");
	background-position              : left bottom;
	background-repeat                : no-repeat;
	display                          : block;
	height                           : 16px;
	width                            : 16px;
}

table.data-inbox tbody tr .syndicate .syndicated-off-icon
{
	background-image                 : url("./image/icon_syndicated.gif");
	background-position              : left top;
	background-repeat                : no-repeat;
	display                          : block;
	height                           : 16px;
	width                            : 16px;
}

table.data-inbox tbody tr .syndicate .syndicated-off-icon a,
table.data-inbox tbody tr .syndicate .syndicated-on-icon a
{
	display                          : block;
	height                           : 16px;
	width                            : 16px;
}

table.data-inbox tbody tr .syndicate .syndicated-off-icon span,
table.data-inbox tbody tr .syndicate .syndicated-on-icon span
{
	display                          : none;
}

table.data-inbox tbody tr .protect .protect-on-button
{
	background-color                 : transparent;
	background-image                 : url("./image/icon_protectedsetting.gif");
	background-position              : left bottom;
	display                          : block;
	height                           : 13px;
	margin                           : 0 auto;
	padding                          : 0;
	width                            : 26px;
}

table.data-inbox tbody tr .protect .protect-off-button
{
	background-color                 : transparent;
	background-image                 : url("./image/icon_protectedsetting.gif");
	background-position              : left top;
	display                          : block;
	height                           : 13px;
	margin                           : 0 auto;
	padding                          : 0;
	width                            : 26px;
}

table.data-inbox tbody tr .protect .protect-on-button span,
table.data-inbox tbody tr .protect .protect-off-button span
{
	display                          : none;
}

table.data-inbox tbody tr .trackback .trackback-on-button
{
	background-image                 : url("./image/icon_trackback.gif");
	background-position              : left bottom;
	display                          : block;
	height                           : 15px;
	margin                           : 0 auto;
	padding                          : 0;
	width                            : 15px;
}

table.data-inbox tbody tr .trackback .trackback-off-button
{
	background-image                 : url("./image/icon_trackback.gif");
	background-position              : left top;
	display                          : block;
	height                           : 15px;
	margin                           : 0 auto;
	padding                          : 0;
	width                            : 15px;
}

table.data-inbox tbody tr .trackback .trackback-on-button span,
table.data-inbox tbody tr .trackback .trackback-off-button span
{
	display                          : none;
}

table.data-inbox tbody tr .delete .delete-button
{
	background-color                 : transparent;
	background-image                 : url("./image/icon_delete.gif");
	background-position              : left top;
	display                          : block;
	height                           : 11px;
	margin                           : 0 auto;
	padding                          : 0;
	width                            : 11px;
}

table.data-inbox tbody tr .delete .delete-button span
{
	display                          : none;
}

table.data-inbox tbody tr td .block-icon
{
	background-image                 : url("./image/icon_block_on.gif");
	background-position              : left bottom;
	display                          : block;
	float                            : left;
	height                           : 12px;
	margin                           : 0 3px 0 0;
	width                            : 16px;
}

table.data-inbox tbody tr td .unblock-icon
{
	background-image                 : url("./image/icon_block_off.gif");
	background-position              : left top;
	display                          : block;
	float                            : left;
	height                           : 12px;
	margin                           : 0 3px 0 0;
	width                            : 16px;
}

table.data-inbox tbody tr td .block-icon span,
table.data-inbox tbody tr td .unblock-icon span
{
	display                          : none;
}

/* special columns in table.data-inbox */
table.data-inbox tbody tr .category,
table.data-inbox tbody tr .title
{
	text-align                       : left;
}

/* rollover in table.data-inbox */
table.data-inbox tbody tr td.rollover-class
{
	background-color                 : #EEEEEE;
}

table.data-inbox tbody tr td.inactive-class
{
	background-color                 : transparent;
}

/* data subbox */
.data-subbox
{
	position                         : relative;
}

#change-section,
#delete-section
{
	background-color                 : #EEEEEE;
	border-top                       : 1px solid #BBBBBB;
	margin                           : 0 auto 5px auto;
	padding                          : 8px;
	width                            : 924px;
}

#page-navigation
{
	background-color                 : #FFFFFF;
	margin                           : 20px 0 40px 0;
	text-align                       : center;
	width                            : 940px;
}

#page-navigation span .selected
{
	color                            : #BBB;
}

#page-list
{
	display                          : block;
	margin-bottom                    : 5px;
}

#page-list a
{
	color                            : #999999;
	padding                          : 0 1px;
}

#total-count
{
	color                            : #999999;
}

#page-section .page-count
{
	display                          : block;
	position                         : absolute;
	top                              : 9px;
	right                            : 20px;
	text-align                       : right;
}

#page-section .page-count select
{
	width                            : 50px;
}

#search-form
{
	background-color                 : transparent;
	border                           : none;
	margin                           : 0;
	position                         : absolute;
	right                            : 25px;
	text-align                       : right;
	top                              : 60px;
	width                            : 300px;
	z-index                          : 1;
}

#search-form label
{
	display                          : none;
}

/* Layout Footer *********************************************************************************/

#layout-footer
{
	background-image                 : url("./image/bg_body_bottom.png");
	background-position              : left top;
	background-repeat                : repeat-x;
	font-family                      : Tahoma, sans-serif;
	font-size                        : 0.9em;
	padding                          : 13px 0 10px 0;
	text-align                       : center;
	width                            : 980px;	
}

#layout-footer div
{
	display                          : inline;
}

/* Etc *******************************************************************************************/

/* eolin suggest */
.eolinSuggest
{
	background-color                 : #FFFFFF;
	border                           : 1px solid #BBBBBB;
}

.eolinSuggest li
{
	margin                           : 3px;
	cursor                           : pointer;
}

.eolinSuggest li.hover
{
	background-color                 : #edf !important;
}

.eolinSuggest li.disabled
{
	color                            : #777;
}

.eolinSuggest
{
	font-size                        : 9pt;
}

/* etc */

.attention
{
	border                           : 1px solid #FD2323;
	color                            : #000;
	display                          : block;
	font-weight                      : bold;
	padding                          : 3px;
	text-align                       : center;
	vertical-align                   : middle;
}

.attention span
{
	background-image                 : url('./image/icon_alert.gif');
	background-position              : left 1px;
	background-repeat                : no-repeat;
	padding-left                     : 19px;
}

.hidden
{
	display                          : none;
}

.clear
{
	clear                            : both;
	height                           : 0;
	overflow                         : hidden;
	width                            : 100px;
}

.input-button
{
	background-color                 : #fff;
	background-image                 : url("./image/bg_button.png");
	background-position              : left top;
	background-repeat                : repeat-x;
	border                           : 1px solid #777;
	cursor                           : pointer;
	font-size                        : 1em;
	height                           : 1.8em;
	line-height                      : 1.8em;
	padding                          : 0 5px !important;
	vertical-align                   : middle;
}

input.checkbox,
input.radio
{
	margin-right                     : 3px;
	vertical-align                   : middle;
}

input.input-text
{
	border                           : 1px solid #777777;
	font-size                        : 1em;
	height                           : 1.3em;
	line-height                      : 1.3em;
	padding-top                      : 3px;
	vertical-align                   : middle;
}

.button-box
{
	text-align                       : center;
}

.button-box a.button
{
	text-decoration                  : none;
}