@charset "UTF-8";


/* 
Used Hack 
IE6 & Below 
{ property:value; _property:value; }
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:9pt; }
img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url(./common/js/iePngFix.htc); } 
.zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; } 

.zbxe_widget_output { background:url("../../../../common/css/../tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("../../../../common/css/../tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
#popup_menu_area { position:absolute; left:0px; top:0px; z-index:1003; visibility:hidden; border:2px solid #D9D9D9; background-color:#FFFFFF; padding:0; }
#popup_menu_area .box { border:1px solid #CACACA; background-color:#FFFFFF; padding:7px; }
#popup_menu_area .item { color:#333333; cursor:pointer; margin:0; padding:3px 0 3px 0; white-space:nowrap; }
#popup_menu_area .item_on { color:#333333; font-weight:bold; margin:0; cursor:pointer; padding:3px 0 3px 0; letter-spacing:-1px; white-space:nowrap;}


/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default Skin - Start */

/* Site Layout - Body Wrap */
body { background:url("../../../../layouts/xe_official/css/../images/admin_background.gif") repeat-x left top; background-color:#DBD8D3; }

#center { width:99%; overflow:hidden; margin:5px; border:1px solid #B2B2B2; background:url("http://www.moepan.net/bgBody.gif") repeat-x left top; background-color:#FFFFFF;}
#bodyWrap { position:relative; width:1002; left: 50%; margin-left:-501px;}

/* Site Layout - Header */
#header { position:relative; Width:1000px; height:150px; z-index:99;}
#header h1 { top:0px; left:0px;}

#it_search_form { position:absolute; top:100px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} 
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#isSearch { position:absolute; top:17px; right:15px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url("../../../../layouts/xe_official/css/../images/white/bgSearchTerm.gif") no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; _position:relative; _top:-1px; padding:3px 3px 1px 3px; width:94px; height:15px; color:#5c5c5c; border:none; background:url("../../../../layouts/xe_official/css/../images/white/bgSearch.gif") no-repeat;}
#isSearch .inputText:hover,
#isSearch .inputText:focus { background:url("../../../../layouts/xe_official/css/../images/white/bgSearchOn.gif") no-repeat;}
*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}

#contentBody { position:relative; width:1000px; overflow:hidden;}
/* Site Layout - Column Left */
#columnLeft { position:relative; overflow:hidden; float:left; width:179px; padding-top:20px; padding-bottom:20px; vertical-align:top; background:none; }

#exp {width:168px; margin:-5px 0 5px 5px;}
#player {padding:30px 0 20px 30px;}
#miku {padding:0 0 10px 13px;}

#columnLeft .adminInfoBox { border:1px solid #E3E3E2; padding:3px; margin:0 0 0 8px; width:130px; background-color:#FFFFFF; overflow:hidden; width:154px; margin-bottom:10px;}
#columnLeft .adminInfoBox .adminInfo { border:1px solid #E3E3E2; padding:5px 3px 3px 23px; background:url("../../../../layouts/xe_official/css/../images/icon_key.gif") no-repeat 3px 3px; color:#555555; font-weight:bold; overflow:hidden; background-color:#F8F6F2; }
#columnLeft .adminInfoBox .adminInfo div.expandButton { float:right; height:16px; overflow:hidden; }
#columnLeft .adminInfoBox div.logoutButton { margin-top:5px; text-align:center; clear:both; }
#adminMemberInfo { padding:10px 5px 10px 24px; background:url("../../../../layouts/xe_official/css/../images/icon_user.gif") no-repeat 5px 8px; color:#336699; font-weight:bold; letter-spacing:-1px;}

/* Site Layout - Column Right */
#columnRight { width:800px; float:right; height:100%; padding:20px 10px 20px 10px; vertical-align:top; overflow:hidden; }

#lnb h3 { border:1px solid #E3E3E2; border-top:none; color:#555555; font-size:1em; text-indent:none; padding:6px 5px 3px 25px; white-space:nowrap; margin:0 0 0 8px; width:130px; overflow:hidden;}
#lnb h3 a { color:#555555; text-decoration:none; }
#lnb h3 span.expandButton { float:right; height:16px; overflow:hidden; }
#lnb h3.첫화면 { background:url("../../../../layouts/xe_official/css/../images/icon_summary.gif") no-repeat 3px 3px; background-color:#FFFFFF; margin-top:0px; border-top:1px solid #E3E3E2; }
#lnb h3.자료실 { background:url("../../../../layouts/xe_official/css/../images/icon_service_module.gif") no-repeat 3px 5px; background-color:#FFFFFF; }
#lnb h3.게시판 { background:url("../../../../layouts/xe_official/css/../images/icon_vcard.gif") no-repeat 3px 5px; background-color:#FFFFFF; }
#lnb h3.모에판 { background:url("../../../../layouts/xe_official/css/../images/icon_manager_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#lnb h3.클럽박스 { background:url("../../../../layouts/xe_official/css/../images/icon_utility_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#lnb h3.방명록 { background:url("../../../../layouts/xe_official/css/../images/icon_base_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#lnb h3.채팅방 { background:url("../../../../layouts/xe_official/css/../images/icon_utility_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}

#lnb ul { width:170px; overflow:hidden; margin:0; padding:0;}
#lnb ul li { background-color:#F8F6F3; list-style:none; padding:5px 10px 3px 10px; margin-left:8px; white-space:nowrap; overflow:hidden; color:#888785; border-bottom:1px solid #E3E3E2; cursor:pointer; }
#lnb ul li a { text-decoration:none; color:#888785; }
#lnb ul li:hover { background-color:#EFE6D3; border-left:1px solid #E3E3E2; border-right:1px solid #E3E3E2;}
#lnb ul li:hover a { color:#000000; }
#lnb li.on { background-color:#EFE6D3; border-left:1px solid #E3E3E2; border-right:1px solid #E3E3E2;}
#lnb li.on a { color:#000000; }

/* Site Layout - Footer */
#Copyright { width:980px; text-align:right; margin:10px 0px 15px 0px; font-size:.8em; font-family:tahoma; color:#888888;}
#Copyright a { color:#666666; text-decoration:none; }
#Copyright span.red { color:#9A1827; }

/* Default Skin - End */



#adminInfoBox { border:1px solid #E3E3E2; padding:3px; margin:0 0 0 8px; width:130px; background-color:#FFFFFF; overflow:hidden; width:154px; margin-bottom:10px;}
#adminInfoBox .adminInfo { border:1px solid #E3E3E2; padding:5px 3px 3px 23px; background:url("../../../../widgets/login_info/skins/xe_official/css/../images/icon_key.gif") no-repeat 3px 3px; color:#555555; font-weight:bold; overflow:hidden; background-color:#F8F6F2; }
#adminInfoBox .adminInfo div.expandButton { float:right; height:16px; overflow:hidden; }
#adminInfoBox div.logoutButton { margin-top:5px; text-align:center; clear:both; }
#adminMemberInfo { padding:10px 5px 10px 24px; background:url("../../../../widgets/login_info/skins/xe_official/css/../images/icon_user.gif") no-repeat 5px 8px; color:#336699; font-weight:bold; letter-spacing:-1px;}

#adminMemberInfo ul.userMenu { margin:0; position:relative; padding:0;}

a { color:#666666; text-decoration:none; }
/*
	DEFAULT CSS
	(c) inxhune | www.inxhune.com
*/


/*
-----------------------------------------------------------------------------
@ CONTAINER
-----------------------------------------------------------------------------*/
.inx_include_document {
	width: 100%;
	overflow: hidden;
	position: relative;
	}
.inx_include_document h2 {
	padding: 9px 0 0 9px;
	display: block;
	height: 21px;
	color: #000;
	background: url("../../../../widgets/inx_include_document/skins/default/css/../images/default/lineNotice.gif") no-repeat left bottom;
	font-size: 1em;
	}
.inx_include_document a {
	text-decoration: none;
	}
.inx_include_document a:hover {
	text-decoration: underline;
	}

/*
-----------------------------------------------------------------------------
@ MORE
-----------------------------------------------------------------------------*/
.inx_include_document .more {
	position: absolute;
	top: 12px;
	right: 11px;
	color: #54564b;
	font: .8em Tahoma;
	}

/*
-----------------------------------------------------------------------------
@ THUMBNAIL
-----------------------------------------------------------------------------*/
.inx_include_document dl {
	clear: both;
	}
.inx_include_document .thumbnail {
	margin: 0 15px 15px 9px;
	float: left;
	display: inline;
	}
.inx_include_document .thumbnail img {
	padding: 2px;
	border: 1px solid #d9d9d9;
	}
.inx_include_document .thumbnail img:hover {
	border: 1px solid #999;
	}

/*
-----------------------------------------------------------------------------
@ TREATMENT
-----------------------------------------------------------------------------*/
.inx_include_document .title {
	padding-bottom: 5px;
	font-weight: bold;
	color: #4a4a4a;
	}
.inx_include_document .title a {
	color: #4a4a4a;
	}
.inx_include_document .bold {
	font-size: 1.3em;
	}
.inx_include_document .comment, .comment a {
	color: #f48a23;
	text-decoration: none;
	}
.inx_include_document .comment a:hover {
	text-decoration: underline;
	}
.inx_include_document .author {
	color: #c88282;
	}
.inx_include_document .date {
	padding-left: 5px;
	font: .8em Tahoma;
	color: #909090;
	letter-spacing: normal;
	}

/*
-----------------------------------------------------------------------------
@ ARTICLE
-----------------------------------------------------------------------------*/
.inx_include_document dl dd {
	color: #4a4a4a;
	line-height: 140%;
	}

/*
-----------------------------------------------------------------------------
@ SERIAL
-----------------------------------------------------------------------------*/
.inx_include_document .hide {
	display: none;
	}
.tabWidget { overflow:hidden; }

.tabWidget .tabBox { border-bottom:1px solid #DEDEDE; height:27px; z-index:1; }
.tabWidget .tabBox a { text-decoration:none; color:#666666; }
.tabWidget .tab { position:relative; top:1px; border:1px solid #DEDEDE; margin-right:4px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:25px; }
.tabWidget .on { position:relative; top:1px; border:1px solid #DEDEDE; border-bottom:1px solid #FFFFFF; margin-right:4px; float:left; cursor:pointer;  background-color:#FFFFFF; z-index:2; height:25px; }

.tabWidget .tab div { float:left; height:15px; border-bottom:5px solid #EEEEEE; font-size:9pt; padding:5px 8px 0 8px; color:#666666; }
.tabWidget .tab div a { color:#666666; }
.tabWidget .on div { float:left; height:15px; border-bottom:5px solid #FFFFFF; font-size:9pt; padding:5px 8px 0 8px; color:#000000; }
.tabWidget .on div a { color:#000000; }

.tabWidget .tabContent { border:1px solid #DEDEDE; padding:10px;  border-top:none; background-color:#FFFFFF; z-index:1;}
.tabWidget .show { display:block; }
.tabWidget .hide { display:none; }

.tabWidget .tabContent table { border:0; width:100%; table-layout:fixed; }

.tabWidget .tabContent .thumbnail { text-align:center; }
.tabWidget .tabContent .thumbnail img { border:1px solid #EEEEEE; padding:5px; float:left; }

.tabWidget .tabContent .titleBox { padding-top:3px; padding-left:10px; color:#888888; vertical-align:top;}
.tabWidget .tabContent .titleBox .regdate { font-family:tahoma; font-size:.85em; color:#AAAAAA;}
.tabWidget .tabContent .titleBox .title { background:url("../../../../widgets/tab_newest_document/skins/xe_official/css/../images/normal/bullet.gif") no-repeat 3px 6px; padding-left:10px; margin-top:3px; height:20px; white-space:nowrap; overflow:hidden; }
.tabWidget .tabContent .titleBox .title .comment_cnt { font-weight:normal; font-size:0.8em; color:#F48A23; }
.tabWidget .tabContent .titleBox .title a { color:#666666; text-decoration:none; }
.tabWidget .tabContent .titleBox .title a:hover { text-decoration:underline; }

.tabWidget .tabContent .titleBox .title .author { color:#AAAAAA; }
.tabWidget .tabContent .titleBox .title .readAndVoted { font-family:tahoma; font-size:.8em; color:#AAAAAA;}
.tabWidget .tabContent .titleBox .title .readAndVoted .readed { color:#4BC4C8;}
.tabWidget .tabContent .titleBox .title .readAndVoted .voted { color:#C8A64B;}


.ni_box { padding-bottom:5px; overflow:hidden; position:relative;}
.ni_box h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url("../../../../widgets/newest_images/skins/xe_official/css/../images/normal/lineNotice.gif") no-repeat left bottom;}

.ni_box .more { position:absolute; top:12px; right:11px; color:#000000; font:.8em Tahoma;}
.ni_box a.more { text-decoration:none;} 
.ni_box a.more:hover { text-decoration:underline;} 

.ni_box .thumbnail_box { width:100%; table-layout:fixed; }
.ni_box .thumbnail_box .thumbnail { margin:3px; padding:3px; border:none; text-align:center; }
.ni_box .thumbnail_box .thumbnail img { border:1px solid #DEDEDE; }
.ni_box .thumbnail_box .thumbnail img:hover { border:1px solid #54564b; }

.ni_box .thumbnail_box .title { text-align:center; }

.ni_box .thumbnail_box a { color:#000000; text-decoration:none; }
.ni_box .thumbnail_box a:visited { color:#54564b; text-decoration:none; }

.ni_box .thumbnail_box td.bottomBorder { border-bottom:1px dashed #EEEEEE; padding-bottom:5px; }
.ni_box .thumbnail_box div strong { font-weight:bold; font-size:0.9em; color:#ed2a32; }
.ni_box .thumbnail_box div.author { color:#54564b; text-align:center;}
.ni_box .thumbnail_box div.author span,div { color:#54564b; }
.ni_box .thumbnail_box div.regdate { font-size:0.9em; color:#AAAAAA; margin-top:2px;text-align:center;}

.ni_box .thumbnail_box div.readAndVoted { color:#999999; font-size:0.9em; text-align:center;}
.ni_box .thumbnail_box div.readAndVoted span.div_block { color:#333333; font-size:0.9em; }
.ni_box .thumbnail_box div.readAndVoted strong { color:#FE6700; }

.latest_white { width:100%; overflow:hidden; position:relative;}
.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; font-size:1em;}

.latest_white ul { list-style-type:none; }
.latest_white ul li { background:url("../../../../widgets/popular_document/skins/xe_official/css/../images/white/bulletD0.gif") no-repeat left 5px; position:relative; height:21px; padding-left:10px; overflow:hidden; }

.latest_white ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
.latest_white ul li .title a { color:#555555; text-decoration:none; }
.latest_white ul li .title a:hover { text-decoration:underline; }
.latest_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; }
.latest_white ul li .title span.author { color:#AAAAAA; }

.latest_white ul li .date { position:relative; z-index:1; }
.latest_white ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 12px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }

.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;} 
.latest_white a.more:hover { text-decoration:underline;} 

.dday { text-align:center; padding:0; font-weight:bold; }
.dday span.day { color:#FE6700; }