html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 9pt;
	background: #fff;
	font-family: "Lucida Grande","Bitstream Vera Sans",Arial,sans-serif;
	line-height: 22px;
	color: #333;
}

a {
	color: #000;
	text-decoration: none;
	border: 0;
}

.option_center {
	text-align: center;
}

pre.code {
	background:#F0F0F0;
}

img {
	border: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

form {
	padding: 0;
	margin: 0;
}

.search_highlight {
	color: red;
}

select.combo {
	margin-top: 2px;
	margin-right: 2px;
	font-size: 12px;
	background: #f5f5f5;
	vertical-align: top;
	color: #666;
}

select.plugins {
	width: 180px;
}

input.example {
	margin: 10px auto;
	border:1px solid #CCC;
	background:#f6f6f6;
	width: 97%;
}

input.text {
	font-family: verdana;
	font-size: 11px;
	margin-right: 2px;
	padding: 3px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 14px;
	vertical-align: top;
	color: #666;
}

a:hover {
	color: #d54e21;
}

#wrap {
	width: 960px;
	margin: 0 auto;
	clear: both;
}


#footer {
	min-width: 960px;
	clear: both;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
}

#footer .wrapper {
	margin-top: 10px;
	border-top: 1px solid #DDD;
}

#footer .menu {
	margin: 10px;
	float: right;
}

#footer .menu_left {
	margin: 10px;
	float: left;
}

#footer .menu .line {
	border-bottom: 2px solid #AAA;
}


#footer .copyright {
	clear: both;
	padding: 10px 0;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header {
	height: 76px;
	background: url(/img/header/bg.gif) repeat-x top;
	min-width: 960px;
}

#header_bottom {
	height: 0;
	line-height: 0;
	min-width: 960px;
	margin-bottom: 10px;
	clear: both;
}

#header h1 {
	/*[menu]border: 1px solid #FF0000;*/
	font-family: Tahoma, Gulim;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

#header h1 a {
	/*[menu]border: 1px solid #FF0000;*/
	background: url(/img/header/logo.gif) center left no-repeat;
	margin-top: 13px;
	width: 300px;
	height: 50px;
	text-indent: -9999px;
	float: left;
}

#header_sub_menu {
	margin-top: 31px;
	clear: both;
	padding: 0px;
	background: none;
	text-align: right;
}

#menu {
	color: #999;
	float: right;
	height: 50px;
}

#statistics_menu {
	color: #999;
	background: #DDD;
	margin: 0 2px;
	padding: 0;
	float: left;
}

#statistics_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#statistics_menu ul li {
	float: left;
	border-left: 1px solid white;
	margin: 0;
	padding: 0;
}

#statistics_menu ul li a {
	font-weight: bold;
	display: block;
	line-height: 27px;
	margin: 0;
	padding: 0 10px;
	color: #6E6E6E;
	text-shadow: #333 1px 1px 1px;
}

#statistics_menu ul li a:hover {
	color: #d54e21;
}

#statistics_menu ul li a.selected {
	color: #EEE;
	background: #999;
}


#edit_tab_menu {
	color: #999;
	background: #DDD;
	margin: 0 2px;
	padding: 0;
	float: left;
}

#edit_tab_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#edit_tab_menu ul li {
	float: left;
	border-left: 1px solid white;
	margin: 0;
	padding: 0;
}

#edit_tab_menu ul li a {
	font-weight: bold;
	display: block;
	line-height: 27px;
	margin: 0;
	padding: 0 10px;
	color: #6E6E6E;
	text-shadow: #333 1px 1px 1px;
}

#edit_tab_menu ul li a:hover {
	color: #d54e21;
}

#edit_tab_menu .selected a   {
	color: #EEE;
	background: #999;
	background-position:0% 0px;
}

#edit_tab_menu a:hover span, #edit_tab_menu .selected a span  {
	background-position:100% 0px;
}

.edit_tab_menu_panel {
	border:5px solid #999;
	padding:10px;
	background: #EEE;
	width: 95%;
}

#help {
	color: #333;
	float: right;
	line-height: 30px;
	padding: 0 10px;
}

#help a {
	color: #333;
}

#help a:hover {
	color: #d54e21;
}

#header_01_button { background:url(/img/header/header_01.gif); width: 143px; height: 44px; }
#header_01_button.on, #header_01_button:hover { background-position: 0 -44px; }
#header_02_button { background:url(/img/header/header_02.gif); width: 103px; height: 44px; }
#header_02_button.on, #header_02_button:hover { background-position: 0 -44px; }
#header_03_button { background:url(/img/header/header_03.gif); width: 92px; height: 44px; }
#header_03_button.on, #header_03_button:hover { background-position: 0 -44px; }
#header_04_button { background:url(/img/header/header_04.gif); width: 92px; height: 44px; }
#header_04_button.on, #header_04_button:hover { background-position: 0 -44px; }
#header_05_button { background:url(/img/header/header_05.gif); width: 92px; height: 44px; }
#header_05_button.on, #header_05_button:hover { background-position: 0 -44px; }
#header_06_button { background:url(/img/header/header_06.gif); width: 110px; height: 44px; }
#header_06_button.on, #header_06_button:hover { background-position: 0 -44px; }

.over_button { display: inline-block; }
.over_button span { display: none; }
.over_button_option { display: block; position: absolute; }

#forum_menu_notice { background:url(/img/forum/forum_menu_notice.gif); width: 66px; height: 40px; }
#forum_menu_notice.on, #forum_menu_notice:hover { background-position: 0 -40px; }
#forum_menu_freeboard { background:url(/img/forum/forum_menu_freeboard.gif); width: 76px; height: 40px; }
#forum_menu_freeboard.on, #forum_menu_freeboard:hover { background-position: 0 -40px; }
#forum_menu_qna { background:url(/img/forum/forum_menu_qna.gif); width: 115px; height: 40px; }
#forum_menu_qna.on, #forum_menu_qna:hover { background-position: 0 -40px; }
#forum_menu_review { background:url(/img/forum/forum_menu_review.gif); width: 76px; height: 40px; }
#forum_menu_review.on, #forum_menu_review:hover { background-position: 0 -40px; }
#forum_menu_study { background:url(/img/forum/forum_menu_study.gif); width: 99px; height: 40px; }
#forum_menu_study.on, #forum_menu_study:hover { background-position: 0 -40px; }
#forum_menu_report { background:url(/img/forum/forum_menu_report.gif); width: 137px; height: 40px; }
#forum_menu_report.on, #forum_menu_report:hover { background-position: 0 -40px; }

#forum_menu_table {
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	height: 40px;
}

#forum_menu_table td {
	padding: 0;
}

.forum_menu_left { background:url(/img/forum/forum_menu_left.gif) repeat-x top; width: 2px; height: 40px;}
.forum_menu_area { background:url(/img/forum/forum_menu_bg.gif) repeat-x top; height: 40px; text-align: center;}
.forum_menu_right { background:url(/img/forum/forum_menu_right.gif) repeat-x top; width: 2px; height: 40px;}

#helpdesk_menu_info { background:url(/img/helpdesk/helpdesk_menu_info.gif); width: 114px; height: 40px; }
#helpdesk_menu_info.on, #helpdesk_menu_info:hover { background-position: 0 -40px; }
#helpdesk_menu_desktop { background:url(/img/helpdesk/helpdesk_menu_desktop.gif); width: 137px; height: 40px; }
#helpdesk_menu_desktop.on, #helpdesk_menu_desktop:hover { background-position: 0 -40px; }
#helpdesk_menu_faq { background:url(/img/helpdesk/helpdesk_menu_faq.gif); width: 91px; height: 40px; }
#helpdesk_menu_faq.on, #helpdesk_menu_faq:hover { background-position: 0 -40px; }
#helpdesk_menu_help { background:url(/img/helpdesk/helpdesk_menu_help.gif); width: 55px; height: 40px; }
#helpdesk_menu_help.on, #helpdesk_menu_help:hover { background-position: 0 -40px; }

#helpdesk_menu_table {
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	height: 40px;
}

#helpdesk_menu_table td {
	padding: 0;
}

.helpdesk_menu_left { background:url(/img/helpdesk/helpdesk_menu_left.gif) repeat-x top; width: 2px; height: 40px;}
.helpdesk_menu_area { background:url(/img/helpdesk/helpdesk_menu_bg.gif) repeat-x top; height: 40px; text-align: center;}
.helpdesk_menu_right { background:url(/img/helpdesk/helpdesk_menu_right.gif) repeat-x top; width: 2px; height: 40px;}


#content {
	clear: both;
	margin: 0;
	padding: 0;
	min-width: 960px;
}

#content h2 {
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 20px 0;
}

/* 플레이어 */

#players {
	border-bottom: 0px solid #BBB;
	margin: 0px;
}

/* 광고 목록 */
#sidebar {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}

#forum_topbar {
	margin: 0 10px;
	padding: 0;
}

#helpdesk_topbar {
	margin: 0 10px;
	padding: 0;
}

#advertises {
	float: right;
	width: 220px;
	height: 200px;
	margin: 0;
	padding: 0;
	margin-top: 50px;
}

#main {
	float: right;
	width: 740px;
	margin: 0;
	padding: 0;
}

#forum_main {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
}

#main_title {
	margin: 15px 5px;
	height: 30px;
	border-bottom: 1px solid #EFEFEF;
	width: 720px;
}

#sub_title {
	margin: 5px 0px;
	height: 25px;
	border-bottom: 2px dashed #EEE;
	width: 200px;
}

#main h3 {
	font-family: Tahoma, Gulim;
	font-size: 14pt;
	border-bottom: 1px solid #CCC;
	margin: 5px;
	line-height: 2em;
}

/* 카테고리 목록 */

#submenu { width:200px; padding:10px; float:right; }
#submenu ul, #submenu li, #submenu ol{list-style:none;margin:0;padding:0;}
/*#submenu h2{padding-top:23px;text-align:center;height:35px;background:url(/img/button/left_bg.gif) no-repeat;}*/
#submenu h2{text-align:center;height:20px;background:url(/img/button/left_bg.gif) no-repeat; color: #FFF; margin-bottom: 5px}

#submenu ul {font-weight:bold; border-top:1px solid #ddd;}
#submenu ul li {border-bottom:1px solid #ddd;background:url(/img/button/leftmenu_aron.gif) no-repeat 180px 11px;}
#submenu ul li a {display:block; padding: 0 0 0 8px; line-height:32px;color:#221A18; cursor: pointer;}
#submenu ul li a:hover {background:#ffe500 url(/img/button/leftmenu_ar.gif) no-repeat 180px 11px;color:#333;}
#submenu ul li a.selected {background:#ffe500 url(/img/button/leftmenu_ar.gif) no-repeat 180px 11px;color:#333;}
#submenu ul li ul {font-weight:normal; display:block;}
#submenu ul li ul li {background:#f7f7f7; padding:0;color:#545454;}
#submenu ul li ul li a {display:block;padding:0 0 0 19px; line-height:28px;background:url(/img/button/leftmenu_bul.gif) no-repeat 12px 11px; cursor: pointer;}
#submenu ul li ul li a:hover {background:#fff8b9 url(/img/button/leftmenu_bul.gif) no-repeat 12px 11px;color:#333;}
#submenu ul li ul li a.selected {background:#fff8b9 url(/img/button/leftmenu_bul.gif) no-repeat 12px 11px;color:#333;}

.book_menu_item {
	width: 165px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

#categories {
	float: left;
	margin: 10px;
	width: 200px
}


#categories h3 {
	font-size: 14px;
	color: #333;
	font-weight:bold;
	margin: -1px 0 1px 0;
	float: left;
}

#category_ctrl {
	float: right;
	font-size: 8pt;
	line-height: 3em;
	margin: 4px 5px 0 5px;
}

#categories ul {
	margin-left: 16px;
	list-style: square;
	margin-bottom: 22px;
}

#categories ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #BBB;
}

#categories ul li a {
	display: block;
	padding: 0 10px;
}

#categories ul li a:hover {
	background: #FFF;
	color: #000;
}

#books {
	float: right;
	width: 720px;
	margin: 10px 0 0 0;
	padding: 0;
}

.list_ctrl_center {
	float: left;
	width: 300px;
	margin: 0 auto;
}

.left_ctrls2 {
	width: 20%;
	float: left;
	line-height: 30px;
	text-align: left;
	vertical-align: middle;
	border: 0;
	padding: 0;
}


.right_ctrls2 {
	width: 20%;
	float: left;
	line-height: 30px;
	text-align: right;
	vertical-align: middle;
	border: 0;
	padding: 0;
}

.top_ctrls_left {
	float: left;
}

.top_ctrls_right {
	float: right;
}

#lists_ctrl a {
	font: bold 11px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0px 2px;
	width: 100%;
	clear: both;
	margin-bottom: 11px;
}

#books_ctrl {
	float: right;
	margin: 0 auto;
	padding: 5px 2px;
}

#books_ctrl_edit {
	/* 우측 정렬하면 테이블이 깨짐 */
	margin: 0 auto;
	padding: 5px 2px;
}

.books_ctrl {
	float: right;
	margin: 0 auto;
	padding: 5px 2px;
}

.books_buttons {
	margin-bottom: 10px;
	float: left;
}

.home_book {
	width: 97%;
	border-bottom: 1px solid #EEE;
	padding: 1px 1px 1px 1px;
	margin-bottom: 5px;
}

.home_book table th {
	padding: 0px 5px 0px 5px;
	font-weight: lighter;
	text-align: right;
}

.email_detail {
	background: #F9F9F9;
	width: 300px;
	border: 2px solid #DDD;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

.book_split {
	background: #F9F9F9;
	border: 3px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

.level_table {
	width: 100%;
	border-collapse: collapse;
}

.level_show_table {
	border-bottom: 1px solid #BBB;
	width: 100%;
	height: 60px;
	border-collapse: collapse;
	background: #FFF;
	padding: 0;
	margin: 0;
}

.level_show_table th {
	border-top: 3px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 0 0 10px;
	text-align: left;
}

.level_show_table td {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.statistics_table {
	width: 100%;
	border-collapse: collapse;
}

.statistics_today_table {
	border-bottom: 1px solid #BBB;
	width: 100%;
	height: 60px;
	border-collapse: collapse;
	background: #FFF;
	padding: 0;
	margin: 0;
}

.statistics_today_table th {
	border-top: 3px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 0 0 10px;
	text-align: left;
}

.statistics_today_table td {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

#rank_index_sheet {
	float: left;
	width: 33%;
}

.statistics_rank_table {
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
}

.statistics_rank_table th {
	border-top: 3px solid #999;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 0 0 10px;
	text-align: center;
}

.statistics_rank_table td {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.level_mylevel {
	font: 20px tahoma;
	width: 100px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.level_mypoint {
	font: 20px tahoma;
	width: 150px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.level_table th {
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	background: #DDD;
	text-align: center;
}

.today_learning_time {
	font: 20px tahoma;
	width: 290px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.today_learning_count {
	font: 20px tahoma;
	width: 170px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0 0 0 10px;
	text-align: left;
}

.statistics_table th {
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	background: #DDD;
	text-align: center;
}


.rank_table {
	width: 100%;
	border-collapse: collapse;
}

.rank_table th {
	border-top: 3px solid #999;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	background: #DDD;
	text-align: center;
}

.odd_side {
	border: 1px solid #DDD;
	background: #F6F6F6;
}

.even_side {
	border: 1px solid #DDD;
	background: #FFF;
}

.odd_side_number {
	border: 1px solid #DDD;
	width: 30px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

.even_side_number {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

.odd_side_date {
	border: 1px solid #DDD;
	width: 100px;
	background: #F6F6F6;
	text-align: center;
}

.even_side_date {
	border: 1px solid #DDD;
	background: #FFF;
	text-align: center;
}

.odd_side_word {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	width: 100px;
	background: #F6F6F6;
}

.even_side_word {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

.odd_side_learning {
	border: 1px solid #DDD;
	width: 190px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

.even_side_learning {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

.odd_side_level {
	border: 1px solid #DDD;
	height: 35px;
	width: 50px;
	background: #F6F6F6;
	text-align: center;
}

.even_side_level {
	border: 1px solid #DDD;
	height: 35px;
	background: #FFF;
	text-align: center;
}

.odd_side_point {
	border: 1px solid #DDD;
	height: 35px;
	width: 100px;
	padding: 0 10px 0 0;
	background: #F6F6F6;
	text-align: right;
}

.even_side_point {
	border: 1px solid #DDD;
	height: 35px;
	padding: 0 10px 0 0;
	background: #FFF;
	text-align: right;
}

.odd_side_role {
	border: 1px solid #DDD;
	height: 35px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

.even_side_role {
	border: 1px solid #DDD;
	height: 35px;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.selected_cell_left {
	border-top: 2px solid #CC0033;
	border-left: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
}

td.selected_cell_center {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
}

td.selected_cell_right {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	border-right: 2px solid #CC0033;
}

td.own_rank_number {
	border-top: 2px solid #CC0033;
	border-left: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
	font-weight: bold;
}

td.own_rank_name {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
	font-weight: bold;
}

td.own_rank_learning {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
	font-weight: bold;
}

td.own_rank_point {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.own_rank_avail_point {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.own_rank_article {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.own_rank_reply {
	border-top: 2px solid #CC0033;
	border-bottom: 2px solid #CC0033;
	border-right: 2px solid #CC0033;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.odd_side_word {
	border: 1px solid #DDD;
	width: 100px;
	padding: 0 10px 0 0;
	background: #F6F6F6;
	text-align: right;
}

td.even_side_word {
	border: 1px solid #DDD;
	padding: 0 10px 0 0;
	background: #FFF;
	text-align: right;
}

td.odd_side_rank_number {
	border: 1px solid #DDD;
	width: 60px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.even_side_rank_number {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.odd_side_rank_name {
	border: 1px solid #DDD;
	width: 150px;
	padding: 0 0 0 10px;
	background: #EEE;
}

td.even_side_rank_name {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.odd_side_rank_learning {
	border: 1px solid #DDD;
	width: 190px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.even_side_rank_learning {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.odd_side_rank_point {
	border: 1px solid #DDD;
	width: 100px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.even_side_rank_point {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.odd_side_rank_article {
	border: 1px solid #DDD;
	width: 100px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.even_side_rank_article {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

td.odd_side_rank_reply {
	border: 1px solid #DDD;
	width: 100px;
	padding: 0 0 0 10px;
	background: #F6F6F6;
}

td.even_side_rank_reply {
	border: 1px solid #DDD;
	padding: 0 0 0 10px;
	background: #FFF;
}

.book {
	background: #F9F9F9;
	width: 340px;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

.book_control {
	padding: 5px 5px 5px 5px;
	margin: 0 auto;
	height: 35px;
}

.book_detail {
	margin: 0 auto;
}

.book_detail2 {
	border: 1px solid #EEE;
	margin: 0 auto;
}

.book_detail th {
}

.book_detail h3 {
	font: bold 16px/20px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dashed #EEE;
	height: 25px;
}

.book_detail .book_icon {
	float: right;	
	background: #FFF;
}

.book_detail .book_info {
	float: right;
	border-left: 1px solid #CCC;
}


.book_published {
	background: #fffbcc;
}

.plugin_published {
	background: #fffbcc;
}

#books_div {
}

.book_header h4 {
	float: left;
	font: bold 11pt Arial, Gulim;
	font-size: 9pt;
	line-height: 20px;
}

#book_info {
	background: #EEE;
}

.icon_font_view {
	float: left;
	text-align: center;	
}

#icon_font{
	font: 9px Arial Black;
	color: #999;
}

#icon_font_bg2{
	font: 9px tahoma;
	color: #333;
	background: #FFFFCC;
	border: 1px solid #CCC;
}

#icon_font_bg{
	font: 9px tahoma;
	color: #333;
	background: #EEE;
	border: 1px solid #CCC;
}

#icon_writer_font_bg{
	color: #666;
	background: #EEE;
	border: 1px solid #CCC;
}


.book_ctrl {
	padding: 5px 0 0 0;
	float: right;
}

.book_description {
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	background: #FFF;
	clear: both;
	font-size: 8pt;
	padding: 5px;
	line-height: 18px;
	height: 50px;
	
	overflow: scroll;
	overflow-x:hidden;
	overflow-y: scroll;
	
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-arrow-color:#999999;
}

.book_example_input {
	margin: 10px auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
	width: 95%;
}

.book_description_input {
	margin: 10px auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
	width: 500px;

}

.plugin_description_input {
	margin: 10px auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
	width: 495px;
}

.plugin_content_input {
	margin: 10px auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
	width: 495px;
}

.book_title {
	/*[submenu]border: 1px solid #FF0000;*/
	float: right;
}

.paginate_number {
	display: inline;
}

.paginate_number_disable {
	display: inline;
}

.center_ctrls2 {
	display: inline-block;
	width: 60%;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	border: 0;
	padding: 0;
	margin: 0 auto;
}

#library_ctrls {
	width: 100%;
	text-align: center;
	line-height: 30px;
}

#article_ctrls {
	width: 100%;
}

#article_ctrls .article_ctrls_left {
	text-align: left;
	width: 100px;
}

#article_ctrls .article_ctrls_right {
	text-align: right;
	width: 100px;
}

#library_ctrls span, #article_ctrls span {
	display: inline-block;
	font-family: Dotum;
	font-size: 9pt;
	line-height: 18px;
	padding: 0 3px;
	background: none;
	text-align: center;
}

#library_ctrls span.current, #article_ctrls span.current {
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

.paginate_ctrl {
	padding: 0 3px;
}

.paginate_ctrl_disable {
	display: inline;
}

.book_shared {
	float: left;
	font: bold 8pt Arial, Gulim;
	color: green;
	margin: 8px 0 0 5px;
}


#category_div {
	padding: 10px;
}

#category_table {
	border-collapse: collapse;
	width: 100%;
}

#category_table th {
	background: #EFEFEF;
	font-family: Dotum;
	font-size: 8pt;
	padding: 0;
	line-height: 26px;
	border-top: solid 1px #DDD;
	border-bottom: solid 2px #DDD;
}

#category_table div {
	display: inline;
	vertical-align: top;
}

#category_table form {
	display: inline;
}

#category_table th {
	background: #EEE;
	padding: 2px 10px;
	text-align: left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#category_table td {
	line-height: 30px;
	border-bottom: 1px solid #CCC;
	padding: 0 10px;
	vertical-align: middle;	
}

.category_edit_ctrl {
	width: 100px;
	font-size: 8pt;
}

#category_ctrls {
}

#new_category_button {
	float: right;
	margin: 0;
}

#add_category_table {
	margin: 15px auto 5px auto;
	border: 1px solid #DDD;
}

#add_category_table th {
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#add_category_table td {
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#add_vocabulary_table {
	margin: 15px auto 5px auto;
	border: 1px solid #BBB;
}

#add_vocabulary_table th {
	padding: 2px 10px;
	text-align: left;
}

#add_vocabulary_table td {
	padding: 0 10px;
	text-align: left;
}

#add_vocabulary_table td.add_vocabulary_extension_ctrl {
	line-height: 30px;
	padding: 0 10px;
	margin: 0;
	text-align: right;
}

#create_book_div {
	padding-top: 10px;
}

#create_book_table {
	margin: 15px 0 5px 0;
	width: 100%;
}

#create_book_table div {
	display: inline;
}

#create_book_table th {
	width: 15%;
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#create_book_table td {
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#create_plugin_div {
	padding-top: 10px;
}

#create_plugin_table {
	margin: 15px 0 5px 0;
	width: 100%;
}

#create_plugin_table div {
	display: inline;
}

#create_plugin_table th {
	width: 15%;
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#create_plugin_table td {
	line-height: 30px;
	padding: 2px 10px;
	text-align: left;
}


#vocabularies_table {
	border-collapse: collapse;
	width: 100%;
}

#vocabularies_table th {
	background: #EFEFEF;
	font-family: Dotum;
	font-size: 8pt;
	padding: 0;
	line-height: 26px;
	border-top: solid 1px #DDD;
	border-bottom: solid 2px #DDD;
}

#vocabularies th {
	text-align: center;
	background: #CCC;
}

#vocabularies {
	width: 100%;
	margin: 15px 0 5px 0;
	border: 1px solid #BBB;
}

#vocabularies th {
	text-align: center;
	background: #CCC;
}

.vocabulary_position {
	width: 50px;
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

.vocabulary_cover {
	background: #EFEFEF;
}

.vocabulary_name {
	width: 130px;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

.vocabulary_mean {
	width: 160px;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

.vocabulary_example {
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

.vocabulary_status {
	width: 70px;
	text-align: center;
	table-layout: fixed;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
}

#edit_vocabularies_table {
	border-collapse: collapse;
	width: 100%;
}

#edit_vocabularies_table th {
	background: #EFEFEF;
	font-family: Dotum;
	font-size: 8pt;
	padding: 0;
	line-height: 26px;
	border-top: solid 1px #DDD;
	border-bottom: solid 2px #DDD;
}

edit_vocabularies_table td.edit_vocabulary_row {
	padding: 0;
	margin: 0;
	border: 0;
}

edit_vocabularies_table td.edit_vocabulary_row form {
	padding: 0;
	margin: 0;
	border: 0;
}

#edit_vocabulary_table {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #DDD;
}

#edit_vocabulary_table td {
	padding: 0 3px;
	margin: 0;
	border: 0;
}

.vocabulary_tools {
	padding: 0;
	border-bottom: 1px solid #DDD;
	width: 70px;
	text-align: center;
}

#vocabularies th.vocabulary_ctrl {
	width: 70px;
}

#vocabularies td {
	padding: 2px 10px;
	text-align: left;
}

#vocabularies td.vocabulary_example_data {
	font-size: 9pt;
}

#vocabularies td.bar {
	border-top: 1px solid #EEE;
}


#library_table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

#library_table th {
	background: #EFEFEF;
	font-family: Dotum;
	font-size: 8pt;
	padding: 0;
	line-height: 26px;
	border-top: solid 1px #DDD;
	border-bottom: solid 2px #DDD;
}

.library_title {
	border-bottom: 1px solid #DDD;
	padding: 0 2px 0 2px;
	white-space: nowrap; overflow: hidden;
}

.library_body_title {
	white-space: nowrap;
	overflow: hidden;
	display: inline;
}

.library_word_count {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 0 5px 0 0;
	width: 60px;
}

.library_word_complete_count {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 0 5px 0 0;
	width: 75px;
}

.library_word_complete_percent {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 0 5px 0 0;
	width: 70px;
}

.library_recommend {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 0 5px 0 0;
	width: 50px;
}

.library_scrap {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 0 5px 0 0;
	width: 60px;
}

.library_date {
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	width: 60px;
}

.library_register {
	table-layout: fixed;
	border-bottom: 1px solid #DDD;
	padding: 0 2px 0 2px;
	width: 80px;
}

.library_register_div {
	width: 76px;
	white-space: nowrap;
	overflow: hidden;
}

.library_control {
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 5px 0 0 0;
	width: 100px;
	text-align: center;
}

.library_control2 {
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 5px 0 0 0;
	width: 130px;
	text-align: center;
}

.plugin_title {
	padding: 5px 2px 5px 2px;
	white-space: nowrap;
	overflow: hidden;
}

.plugin_title_div {
	display: inline;
	white-space: nowrap;
	overflow: hidden;
}

.plugin_recommend {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	padding: 5px 5px 5px 0;
	width: 45px;
}

.plugin_scrap {
	text-align: right;
	table-layout: fixed;
	word-wrap:break-word;
	padding: 5px 5px 5px 0;
	width: 60px;
}

.plugin_date {
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-right: 1px dashed #FFF;
	padding: 5px 5px 5px 0;
	width: 60px;
}

.plugin_register {
	table-layout: fixed;
	border-right: 1px dashed #FFF;
	padding: 5px 5px 5px 2px;
	width: 80px;
	text-align: center;
}

.plugin_register_div {
	width: 73px;
	white-space: nowrap;
	overflow: hidden;
}

.plugin_control {
	table-layout: fixed;
	border-bottom: 1px solid #DDD;
	padding: 0 0 0 0;
	text-align: center;
	width: 60px;
}

.plugin_description_tb {
	table-layout: fixed;
	word-wrap:break-word;
	border-top: 1px dashed #DDD;
	border-bottom: 1px solid #DDD;
	padding: 5px 0 5px 0;
}

.plugin_description {
	table-layout: fixed;
	word-wrap:break-word;
}


#invite {
	float: right;
	width: 250px;
	height: 121px;
	margin-top: 10px;
	text-align: center;
	background: url(/img/button/invite.gif);
}

#invite_form {
	margin-top: 32px;
}

#invite_form input {
	width: 215px;
}

#invite_form_buttons {
	margin-top: 8px;
	margin-right: 13px;
	text-align: right;
}

.side_banner {
	float: right;
	width: 250px;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}

#join {
	float: right;
	width: 35%;
	background: #EEEEEE;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}

#join p {
	margin: 5px;
}

#event {
	float: left;
	width: 698px;
	height: 100px;
	margin-top: 10px;
	border: 1px solid #BBB;
}

#coverstory {
	float: left;
	width: 600px;
	height: 160px;
	margin-left: 80px;
	margin-bottom: 30px;
	padding: 0;
}

#coverstory01_data {
	position: relative;
	margin-top: 85px;
	margin-left: 265px;
	padding: 0;
	height: 20px;
}

#coverstory_ctrl {
	position: relative;
	margin-top: 5px;
	margin-left: 640px;
	padding: 0;
	height: 22px;
	width: 55px;
	text-align: center;
}

#coverstory_button1 { background: url(/img/coverstory/page/coverstory_page_01.gif); width: 18px; height: 18px; float: left; margin: 3px; }
#coverstory_button1:hover { background-position: 0 -18px; }
#coverstory_button1.coverstory_button_selected { background-position: 0 -18px; }

#coverstory_button2 { background: url(/img/coverstory/page/coverstory_page_02.gif); width: 18px; height: 18px; float: left; margin: 3px; }
#coverstory_button2:hover { background-position: 0 -18px; }
#coverstory_button2.coverstory_button_selected { background-position: 0 -18px; }

#coverstory_button3 { background: url(/img/coverstory/page/coverstory_page_03.gif); width: 18px; height: 18px; float: left; margin: 3px; }
#coverstory_button3:hover { background-position: 0 -18px; }
#coverstory_button3.coverstory_button_selected { background-position: 0 -18px; }


#home_search {
	float: left;
	width: 100%;
	height: 70px;
	background: #FFF;
	border: 0px solid #BBB;
}

#popular_books {
	float: left;
	width: 49%;
	background: #FFF;
	margin: 0;
	padding: 0;
}

#newest_books {
	float: right;
	width: 49%;
	background: #FFF;
	margin: 0;
	padding: 0;
}

#popular_books .title {
	margin-bottom: 4px;
}

#newest_books .title {
	margin-bottom: 4px;
}

#article_lists {
	width: 100%;
}

#main_lists {
	margin-top: 10px;
	width: 100%;
}

#article_lists td {
	vertical-align: top;
}

#article_lists td .title {
	border-bottom: 3px solid #EEE;
	padding: 5px;
	height: 20px;
	margin: 5px;
}

#article_lists td .data {
	margin: 5px;
	line-height: 15px;
	padding: 0 0 0 5px;
}

#book_header {
	border: 1px solid #EEE;
	margin-bottom: 10px;
	width: 100%;
}

#book_header table {
	width: 100%;
}

#book_header_title {
	line-height: 26px;
	border-bottom: 1px dashed #EEE;
	padding: 5px;
}

#book_header .book_header_title {
	text-align: left;
}

#book_header .book_header_description {
	padding: 5px;
	word-wrap:break-word;	
}

#book_header .book_header_information {
	font-family:"tahoma";
	font-size:8pt;
	padding: 5px;
}

#book_header .book_header_information2 {
	font-family:"tahoma";
	font-size:8pt;
	padding: 5px;
	width: 200px;
	text-align: right;
}

#book_header .book_header_information3 {
	font-family:"tahoma";
	font-size:8pt;
	padding: 5px;
	width: 50px;
	text-align: right;
}

#book_header .book_header_title_information {
	font-family:"tahoma";
	font-size:8pt;
	font-weight: lighter;
	width: 100px;
	text-align: right;
	float: right;
}

#home_banner {
	float: right;
	width: 250px;
	height: 300px;
	background: #FFF;
	margin: 10px 0;
	padding: 0;
}

#home_banner h2 {
	margin: 5px 10px;
}

#home_banner_content {
	margin: 10px;
	background: #FFF;
	padding: 10px;
}

#content_margin {
	clear: both;
	height: 10px;
}

#register_div {
	width: 700px;
	border: 2px solid #BBB;
	background: #FFF;
	margin: 30px auto;
}

#register_div p {
	margin: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #BBB;
}

#register_table th {
	width: 120px;
	text-align: right;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
}

#register_table td {
	width: 400px;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
}

#register_table div {
	display: inline;
}

.fail_message {
	color: red;
}

.success_message {
	color: green;
}

#welcome {
	width: 650px;
	height: 100px;
	border: 2px solid #BBB;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 100px 10px;
}

#statistics {
	line-height: 400px;
	text-align: center;
	border: 2px solid #BBB;
	background: #FFF;
}

#content_div {
	float: left;
	margin-top: 10px;
}

#member_menu {
	clear: both;
	padding: 0;
	margin: 0;
}

#member_menu ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#member_menu ul li {
	float: left;
	padding: 0;
	margin: 0;
}

#member_menu ul li a {
	display: block;
	line-height: 34px;
	padding: 0 10px;
	text-shadow: #333 1px 1px 1px;
	color: #000;
}

#member_menu ul li a.current {
	background: #BBB;
}

#member_menu ul li a:hover {
	background: #BBB;
}

#member_menu ul li a.current:hover {
	background: #BBB;
}

#member_menu_margin {
	clear: both;
}

.sheet {
	margin: 10px;
	background: #FFF;
}

.sheet p.description {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #BBB;
}

#member_div {
	width: 730px;
	background: #FFF;
}

#member_div p {
	margin: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #BBB;
}

#member_table th {
	width: 120px;
	text-align: right;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
}

#member_table td {
	width: 350px;
	text-align: left;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
	border-bottom: 1px solid #EEE;
}

#member_table td.memeber_edit_password_guide {
	width: auto;
	padding-left: 50px;
	border-top: 1px solid #DDD;
	line-height: 30px;
}

#member_index_table {
	margin: 10px;
}

#member_index_table th {
	width: 120px;
	text-align: right;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
	background: #EEE;
}

#member_index_table td {
	width: 200px;
	text-align: left;
	vertical-align: top;
	padding: 5px 15px;
	line-height: 20px;
	border-bottom: 1px solid #EEE;
}

#forum_div {
	clear: both;
	border: 2px solid #BBB;
	background: #FFF;
}

#forum_div p {
	float: left;
	width: 430px;
	margin: 10px;
	padding: 10px;
	line-height: 25px;
}

#forum_div h3 {
	font: bold 14pt Arial, Gulim;
	padding: 0;
	margin: 13px;
}

#forum_table {
	float: right;
	border-left: 1px solid #BBB;
	margin: 10px;
	padding: 0 0 50px 0;
}

#forum_table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 20px;
	line-height: 20px;
}

#forum_table td.forum_name {
	width: 220px;
	text-align: left;
	vertical-align: top;
	padding: 5px 20px;
	line-height: 20px;
}

#forum_table td.article_count {
	text-align: center;
	vertical-align: top;
	padding: 5px 20px;
	line-height: 20px;
}


#forum_table_margin {
	clear: both;
}

#article_list {
	width: 100%;
	background: #FFF;
	border-collapse: collapse;
	table-layout: fixed;
}

#article_list_ctrl {
	float: right;
	width: 700px;
	background: #FFF;
	padding: 5px 5px 5px 5px;
}

#article_list th {
	background: #EFEFEF;
	font-family: Dotum;
	font-size: 8pt;
	padding: 0;
	line-height: 26px;
	border-top: solid 1px #DDD;
	border-bottom: solid 2px #DDD;
}

#article_list td {
	text-align: center;
	line-height: 22px;
}

#article_list td.article_title {
	text-align: left;
	padding: 0 10px;
	vertical-align: middle;
}

.article_id {
	width: 60px;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #EEE;
}

.article_author {
	width: 100px;
	table-layout: fixed;
	border-bottom: 1px solid #EEE;
}

.article_author_div {
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
}

.article_title {
	padding: 0;
	table-layout: fixed;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #EEE;
}

.article_title_div {
	white-space: nowrap;
	overflow: hidden;
	display: inline;
}


.article_title_blue_div {
	white-space: nowrap;
	overflow: hidden;
	display: inline;
}

.article_title_red_div {
	white-space: nowrap;
	overflow: hidden;
	display: inline;
}

.article_title_blue_div a {
	color: blue;
}

.article_title_red_div a {
	color: red;
}

.article_hit {
	width: 40px;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #EEE;
}

.article_date {
	width: 80px;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #EEE;
}



#paginator {
	text-align: center;
	line-height: 34px;
}

.button, .button-primary, .button-secondary {
	font: normal 11px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	border: 1px solid #bbb;
	color: #464646;
}

.button
{
	padding: 2px 6px !important;
	margin: 1px;
	line-height: 25px;
}

.button span
{
	vertical-align: middle;
}

.button a, .button-secondary a {
	font-weight: normal !important;
}

.button:hover, .button-secondary:hover {
	color: #000;
	border: 1px solid #666;
}

.button, .button-secondary {
	background: #f2f2f2 url(images/white-grad.gif) repeat-x scroll left top;
}

.button:active, .button-secondary:active {
	background: #eee url(images/white-grad.gif) repeat-x scroll left bottom;
}

/*
a.button {
	float: left;
	display: block;
	line-height: 23px;
	padding: 0 10px;
	margin: 2px;
	text-shadow: #333 1px 1px 1px;
	color: #666;
	background: #CCC;
}

a.button:hover {
	color: #FFF;
	background: #BBB;
}
*/

#forum_write_button {
	float: right;
}

#article_list_ctrl {
	margin: 0 auto;
}

.margin10 {
	clear: both;
	height: 10px;
}

.margin20 {
	clear: both;
	height: 20px;
}

.margin {
	clear: both;
	line-height: 0;
}

.bar {
	border-bottom: 1pt solid #EEE;
	margin: 3px 10px;
}

#forum_write {
	width: 100%;
	table-layout: fixed;
	padding: 10px;
}

#forum_write td {
}

#forum_write td.forum_write_title {
	width: 50px;
	font-weight: bold;
	text-align: center;
}

#forum_write td.forum_write_title_form {
	padding: 0 20px 0 0;
	text-align: center;
}

#forum_write td.forum_write_title_form input {
	width: 100%;
}

.article_title_label {
	margin: 0 15px;
	line-height: 34px;
}

.article_content_input {
	margin: 10px 15px 10px 10px;
	border: 1px solid #CCC;
	background:#f6f6f6;
	width: 95%;
}

.article_submit {
	float: right;
}

#article_write_list_button {
	margin: 0 4px 0 15px;
}

#article_view {
	width: 730px;
	margin: 0 auto;
}

#article_view_header {
	border: 1px solid #EEE;
	line-height: 30px;
	padding: 0 10px;
}

#article_view_title {
	border-bottom: 1px dashed #DDD;
	width: 100%;
	float: left;
}

#article_view_under_title {
	width: 100%;
	float: left;
}

#article_view_detail_title {
	font-weight: bold;
	padding: 5px;
	float: left;
	width: 750px;
	height: 23px;
	white-space: nowrap;
	overflow: hidden;
}

#article_view_detail_reg {
	font-family:"tahoma";
	font-size:8pt;
	padding: 5px;
	float: right;
}

#article_view_author {
	float: left;
	padding: 5px;
}

#article_view_info {
	text-align: right;
	margin-right: 20px;
}

#article_view_content {
	margin: 20px;
}

#article_view_sign {
	border-top: 1px dashed #EEE;
	margin: 10px auto;
	padding: 10px;
}

#comment_write {
	border: 1px solid #EEE;
	margin: 10px auto;
	text-align: center;
}

#comment_write .ctrl {
	margin: 0 10px;
	text-align: right;
}

#comment_write_popup {
	border: 1px solid #EEE;
	text-align: center;
}

#comment_write_popup .ctrl {
	margin: 0 10px;
	text-align: right;
}

#comment_edit {
	border: 1px solid #EEE;
	margin: 10px auto;
	text-align: center;	
}
#comment_edit .ctrl {
	margin: 0 10px;
	text-align: right;
}

.comment_content_input {
	margin: 10px auto;
	border:1px solid #DDD;
	background:#f6f6f6;
	width: 690px;
	font-size: 9pt;
}

.forum_comment_content_input {
	margin: 10px auto;
	border:1px solid #DDD;
	background:#f6f6f6;
	width: 910px;
	font-size: 9pt;
}
.popup_forum_comment_content_input {
	margin: 10px auto;
	border:1px solid #DDD;
	background:#f6f6f6;
	width: 565px;
	font-size: 9pt;
}

.sign_content_input {
	margin: 10px auto;
	border:1px solid #DDD;
	background:#f6f6f6;
	width: 350px;
	font-size: 9pt;
}

.comment_submit {
	float: right;
	margin: 0 10px;
}

#comments_list.comments_list {
	border: 1px solid #EEE;
	padding: 10px;
}


.comment {
	margin: 5px 10px;
}

.comment_info_td {
	width: 100px;
	text-align: top;
	vertical-align: top;
	font-size: 8pt;
	font-family: tahoma;
}

.comment_info {
	float: left;
	width: 100px;
	padding: 5px 5px 0 0;
	font-size: 8pt;
	font-family: tahoma;
}

.comment_author_div {
	width: 95px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 8pt;
	font-weight: bold;
	font-family: Dotum;
}

.comment_content {
	float: left;
	width: 570px;
	border-left: 5px solid #EEE;
	padding: 5px 0 5px 10px;
	vertical-align: top;
}

.article_comment_content {
	float: left;
	width: 710px;
	border-left: 5px solid #EEE;
	padding: 5px 0 5px 10px;
	vertical-align: top;
}

.article_comment_content2 {
	border-left: 5px solid #EEE;
	padding: 0px 0 5px 5px;
	text-align: top;
	vertical-align: top;
}

#view_ctrl {
	margin: 0 auto;
}

#view_list_button {
	float: left;
}

#view_article_ctrl {
	float: right;
}

#view_article_ctrl .button {
	margin: 0 0 0 4px;
}

#forum_write h4 {
	margin: 0 0 10px 12px;
}

#article_search {
	clear: both;
	text-align: center;
	margin: 10px auto;
	display: block;
}

#article_search div {
	display: inline;
	text-align: center;
}

.highlight {
	color: red;
}

.article_comment_count {
	font-size: 8pt;
	font-family: GulimChe;
	display: inline;
}

.article_comment_count_new {
	font-size: 8pt;
	font-weight: bold;
	font-family: GulimChe;
	color: #FF4500;
}

.article_comment_count_today {
	font-family: GulimChe;
	font-size: 8pt;
	color: #FF4500;
}

#vocabulary_search {
	float: left;
	width: 100%;
	height: 30px;
	text-align: center;
}

#vocabulary_search div {
	display: inline;
	padding: 0 3px;
}

#books h3 {
	margin: 10px 0;
}

#find_id_pw_div {
	width: 650px;
	border: 2px solid #BBB;
	background: #FFF;
	margin: 30px auto;
}

#find_id_pw_div p {
	margin: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #BBB;
}

#find_id_pw_div div {
	
}

.book_info div {
	display: inline;
}

#message_box {
	margin: 30px 0;
	text-align: center;
}

.button_icon {
	margin: 0;
	padding: 0;
	border: 0;
}

#agreement_box {
	margin: 10px;
	padding: 5px 0;
	border-bottom: 1px solid #BBB;
}

#agreement_title {
	line-height: 30px;
}

#agreement {
	border: 1px solid #DDD;
	padding: 2px 10px;
	margin: 0 3px;
	
	height: 140px;
	word-wrap: break-word;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-arrow-color:#999999;
}

#agreement_accept {
	line-height: 30px;
}

#main_left {
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
}

#main_right {
	float: right;
	width: 260px;
	margin: 0;
}

.left_ctrls {
	float: left;
}

.right_ctrls {
	float: right;
}

.margin_bottom_10 {
	float: right;
	margin-bottom: 10px;	
}

.right_ctrls_page {
	text-align: right;
}

#book_ctrl_table {
	width: 100%;
}

#book_ctrl_table td {
	vertical-align: top;
}

#book_ctrl_table td.right_ctrl form {
	display: inline;
}

#book_ctrl_table td.right_ctrl form img {
	margin: 3px 0;
}

#book_ctrl_table td.right_ctrl form input.text {
	margin: 3px 0;
}

#book_ctrl_table td.right_ctrl {
	text-align: right;
	width: 300px;
}

.player_ctrls {
	float: right;
	padding: 5px 5px 0px 5px;
	line-height: 30px;
	vertical-align: middle;
}

.player_left_ctrls {
	float: left;
	padding: 5px 5px 0px 5px;
	line-height: 30px;
	vertical-align: middle;
}

.player_ctrls form {
	display: inline;
	line-height: 30px;
}

.player_left_ctrls form {
	display: inline;
	line-height: 30px;
}

#publish_book_div {
	padding: 10px;
	text-align: center;
}

#help_div {
	width: 700px;
	margin: 30px auto;
}

.error-message {
	color: red;
}

.noti-message {
	color: gray;
}

.success-message {
	color: green;
}

.left_side_book {
	float: left;
}

.right_side_book {
	float: right;
}

#ImportFile {
	font-size: 9pt;
	height: 20px;
	width: 400px;
	margin-right: 5px;
}

#ImportTextFile {
	font-size: 9pt;
	height: 20px;
	width: 400px;
	margin-right: 5px;
}

#ImportExcelFile {
	font-size: 9pt;
	height: 20px;
	width: 400px;
	margin-right: 5px;
}

#BookDescription {
	width: 500px;
}

#category_name {
	margin: 0 5px;
}

#find_id_pw_result {
	text-align: center;
	margin: 10px 0;
	line-height: 50px;
}

.help_detail {
	background: #FFF;
	border: 1px solid #EEE;
	margin: 0 auto;
}

.help_detail ul {
	word-wrap:break-word;
}

.help_detail ul li {
	list-style:url(/img/button/leftmenu_bul.gif);
	margin-left: -20px;	
	padding: 5px;
}

.paginator {
	line-height: 34px;
	margin: 0 10px;
}

.book_user_info, .book_user_info a {
	font: bold 8pt "verdana";
	letter-spacing: -1pt;
}

.small_number {
	font-family:"tahoma";
	font-size:8pt;
	letter-spacing: 0pt;
}

.small_date_number {
	font-family:"tahoma";
	font-size:7pt;
	letter-spacing: 0pt;
}

#syntax_table {
	border-collapse: collapse;
	width: 100%;
}

#syntax_table th {
	text-align: center;
	background: #CCC;
}

#syntax_table td {
	padding: 2px 10px;
	text-align: left;
}

#syntax th {
	text-align: center;
	background: #CCC;
}

#syntax td {
	padding: 2px 10px;
	text-align: left;
}

.syntax_id1 {
	width: 70px;
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}

.syntax_id2 {
	width: 120px;
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

.syntax_id3 {
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}


.syntax_id4 {
	width: 120px;
	text-align: center;
	table-layout: fixed;
	word-wrap:break-word;
	border-bottom: 1px solid #DDD;
	padding: 2px 1px 2px 1px;
	border-right: 1px solid #EEE;
}

#loading_div {
	 text-align: center;
	 position: absolute;
	 width: 250px;
	 height: 80px;
	 background: #fff;
	 line-height: 45px;
	 border: solid 1px black;
}

#invite_mail_form {
	float: left;
	background: url(/img/bg/invite_form.gif);
	width: 550px;
	height: 466px;
}

#invite_mail_to {
	margin: 90px 0 0 90px;
}

#invite_mail_message {
	margin: 17px 0 0 90px;
}

#invite_mail_ctrls {
	text-align: right;
	margin: 17px 36px;
}

/*
 * Login Form
 */

#login {
	display: inline-block;
	width: 251px;
	height: 177px;
	background: url(/img/bg/login_form.gif);
	margin-top: 10px;
	text-align: left;
	padding: 8px 0 0 0;
}

#login2 {
	display: inline-block;
	width: 250px;
	height: 139px;
	background: url(/img/bg/login_form_2.gif);
	margin-top: 10px;
	text-align: left;
	padding: 8px 0 0 0;
}

#login table {
	border-collapse: separate;
}

#login_form_table {
	margin: 0 23px 1px 23px;
}

#calendar_title {
	font-family: Tahoma, Gulim;
	font-size: 14pt;
	margin: 5px;
	line-height: 2em;
}
#login_form_table th {
	width: 40px;
	padding-top: 6px;
	text-align: left;
}

#login_form_table td {
	padding: 6px 0 0 10px;
	text-align: left;
}

#login_form_ctrl_table {
	margin: 0 13px;
}

#login_form_ctrl_table td {
	padding: 4px 0 0 6px;
}

#login_user_info_table {
	margin: 5px 15px 2px 15px;
	width: 220px;
	line-height: 20px;
}

#login_user_info_table td.td_left {
	padding: 0 5px;
	table-layout: fixed;
	overflow: hidden;
}

#login_user_info_table td.td_right {
	width: 117px;
	text-align: right;
}

table#login_user_level_table {
	border-collapse: collapse;
	border: solid 1px #CCC;
	background-color: #EFEFEF;
	margin: 0 auto;
	width: 218px;
	line-height: 15px;
}

#login_user_level_table th {
	padding: 5px;
	text-align: center;
	width: 45px;
}

#login_user_book_table {
	margin: 10px 15px;
	width: 220px;
}

#login_user_book_table th {
	text-align: left;
	padding-left: 5px;
	width: 120px;
	height: 21px;
}

#login_user_book_table td {
	text-align: right;
}

#login_user_book_table td span {
	display: inline-block;
	border: solid 1px #DDD;
	background-color: #FFF;
	width: 68px;
	text-align: right;
	padding: 3px 5px;
}

#home_login {
	float: right;
}

#page_login {
	float: left;
	margin: 80px 0 0 30px;
}

#page_login_error {
	text-align: center;
}

#login_content {
	width: 800px;
	margin: 0 auto;
}

#login_register_description {
	float: left;
	margin: 60px 0 50px 50px;
}

#login_register_description ul li {
	list-style: square;
}

#login_box_big {
	width: 600px;
	height: 300px;
	text-align: center;
	padding: 30px 0;
	margin: 30px auto;
	background: #FAFAFA;
}

#login_box_message {
	width: 350px;
	text-align: left;
	margin: 20px auto;
	padding: 0 0 10px 0;
}

#error_box_message {
	width: 400px;
	text-align: left;
	margin: 20px auto;
	padding: 0 0 10px 0;
}

#login_box_message h3 {
	padding: 0;
	margin: 0;
}

#admin_menu {
	position: absolute;
	top: 0;
	left: 0;
	border-right: 2px solid #DDD;
	padding: 10px;
	background-color: #fff;
}

#admin_content {
	margin-left: 250px;
	padding: 10px;
}

td.category_id {
	width: 30px;
	text-align: center;
}

.attend_table {
	width: 90%;
	border-collapse: collapse;
	margin: 10px auto;
}

.attend_table th {
	border-top: 2px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 2px solid #BBB;
	background: #DDD;
	height: 40px;
	text-align: center;
}

.attend_table td {
	text-align: center;
}

td.day_attend {
	border: 1px solid #DDD;
	height: 80px;
	background: #FFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

td.day_attend_ok {
	background: url(/img/icon/attend_ok.gif) center center no-repeat;
}

td.day_attend_sun {
	color: red;
}

td.day_attend_sat {
	color: blue;
}

.notice_list_item {
	background: #E9EFF5;
}

.list_item:hover {
	background: #FFFFCC;
}

.read_message {}
.unread_message {
	font-weight: bolder;
}

#message_index_table {
	border-collapse: collapse;
	margin: 2px auto;
	width: 100%;
}

#message_index_table th {
	line-height: 26px;
	background: #EEE;
	border-bottom: 1px solid #DDD;
	font-family: Dotum;
	font-size: 8pt;
}

#message_index_table td {
	text-align: center;
	line-height: 23px;
	border-bottom: 1px solid #EEE;
}

#message_ctrl {
	text-align: center;
}

#message_ctrl span.current {
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

#message_index_table2 {
	border: 1px solid #EEE;
	border-collapse: collapse;
	margin: 2px auto;
	width: 100%;
}

#message_index_table2 th {
	background: #EEE;
	border-bottom: 1px solid #DDD;
	font-family: Dotum;
	font-size: 8pt;
}

#message_index_table2 td {
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px solid #EEE;
}

.message_textbox {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
}

.message_textarea {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
}

ul.context_menu {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	list-style-type: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center;
}
 
ul.context_menu li {
	border-bottom: 1px solid #999;
	padding: 0;
}
 
ul.context_menu li a {
	display: block;
	width: 100px;
	text-decoration: none;
	color: #666;
	background: #FFF;
	padding: 0;
}

ul.context_menu li a:hover {
	text-decoration: none;
	color: #FFF;
	background: #CCC;
}

#msg_menu_01_button { background:url(/img/msgbox/msg_menu_01.gif); width: 69px; height: 24px; }
#msg_menu_01_button.on, #msg_menu_01_button:hover { background-position: 0 -24px; }
#msg_menu_02_button { background:url(/img/msgbox/msg_menu_02.gif); width: 69px; height: 24px; }
#msg_menu_02_button.on, #msg_menu_02_button:hover { background-position: 0 -24px; }
#msg_menu_03_button { background:url(/img/msgbox/msg_menu_03.gif); width: 69px; height: 24px; }
#msg_menu_03_button.on, #msg_menu_03_button:hover { background-position: 0 -24px; }

#login_msg_01_button { background:url(/img/home/login_msg_01.gif); width: 63px; height: 50px; }
#login_msg_01_button.on, #login_msg_01_button:hover { background-position: 0 -50px; }
#login_msg_02_button { background:url(/img/home/login_msg_02.gif); width: 74px; height: 50px; }
#login_msg_02_button.on, #login_msg_02_button:hover { background-position: 0 -50px; }
#login_msg_03_button { background:url(/img/home/login_msg_03.gif); width: 66px; height: 50px; }
#login_msg_03_button.on, #login_msg_03_button:hover { background-position: 0 -50px; }

.login_msg_count {
	margin: 9px 0;
	width: 100%;
	text-align: center;
	font: bold 10px Tahoma;
}

#login_user_msg_div {
	margin-top: 10px;
	text-align: center;
}

#login_user_last_book_div {
	text-align: center;
	margin: 10px 5px;
}

.user_context_menu {
	cursor: hand;
}

#plugin_preview {
	text-align: center;
	margin: 0 180px;
	padding-top: 5px;
	border: solid 1px #EEE;
	line-height: 40px;
	vertical-align: middle;
}

#preview_frame {
	border: solid 2px #000;
	width: 315px;
	height: 170px;
}

.license_violation_report_title{

}
.license_violation_report_body{
	width: 100%;
	margin: 0 auto;
	border: 1px solid #CCC;
	background:#f6f6f6;
}