@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

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; height:100px;}
*: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; overflow:hidden; }

.zbxe_widget_output { background:url("/common/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/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }

 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}




/* 클릭시 점선제거*/
a { selector-dummy : expression(this.hideFocus=true);} 

/* Common Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF }
#bodyWrap { width:800px; background:#ffffff; margin:5px auto 0 auto; }

/* top 배경이미지 크기 */
#header { position:relative; width:800px; height:227px; z-index:99;}

/* Top 이미지 위치*/ 
#top_img .top { position:absolute; top:0px; list-style:none;}
#top_img .ba { position:absolute; top:15px; right:0px; z-index:1; list-style:none;}

/* 검색창 */
#isSearch { position:absolute; top:10px; right:10px; text-align:right; z-index:5;}

/* top 베너 위치*/ 
#top_banner { position:absolute; top:65px; left:550px; }

/* Sitemap
---------------------------------------------------------------------------------*/
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1; padding:15px 0; margin-bottom:15px; border-top:1px dotted #A5A5A5;}
#sitemap .extension:after{ content:""; display:block; clear:both; }
#sitemap .extension .section{ float:left; width:125px; margin:0; padding:0 0 0 10px; background:url("/layouts/moonhouse/images/lineKneeVr.gif") repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 10px; font-size:1.5em; color:#ff6600;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* Site Layout - Footer
---------------------------------------------------------------------------------*/
#bottom { border-top:1px dotted #a5a5a5; padding:10px 0; }
#bottom .bottom_l { float:left; text-align:center; }
#bottom .bottom_r { margin:5px 0 10px 150px; }
#bottom .bottom_r .b_menu { margin-bottom:5px; }
#bottom .bottom_r .b_menu a { background:url("/layouts/moonhouse/images/lineKneeVr.gif") repeat-y 0 0; padding-left:10px; font-weight:bold; color:#cc9900; font:1em Tahoma; text-decoration:none; overflow:hidden; }
#bottom .text1 { padding:5px 0 5px 20px; font-size:12px; color:#808080; }
#bottom .text2 { padding:5px 0 5px 20px; font-size:12px; color:#808080; }

#footer_img .mail { background:url("/layouts/moonhouse/images/email.gif") no-repeat center left; padding-left:15px; }

/* Site Accounts
---------------------------------------------------------------------------------*/
.account{ position:absolute; top:8px; left:0px; margin:0; padding:0; z-index:10;}
.account li{ position:relative; float:left; list-style:none; background-image:url("/layouts/moonhouse/images/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black .account li{ background-image:url("/layouts/moonhouse/images/lineHeaderVrBlack.gif");}
.account li *{ vertical-align:top;}
.account li li{ float:none; height:auto; background-image:none;}

.account li.log{ background-image:none; font-size:0; line-height:0;}
.account li.log a{ display:block; padding:5px 8px;}

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/moonhouse/images/buttonProfile.gif"); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:11;}

.account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile .point{ margin:0 0 5px 0; font-size:12px; color:#f60; white-space:nowrap;}
.account li.profile .memberProfile .latestLogin{ margin:0 0 8px 0; font-size:12px; color:#888; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/layouts/moonhouse/images/bulletB.gif") no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/moonhouse/images/buttonCloseX.gif") no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/moonhouse/images/buttonRegister.gif"); background-repeat:no-repeat; background-position:center -10px;}
div.black .account li.register a{ background-position:center 5px;}
.account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:12;}

.account li.fa { position:relative; }
.account li.fa a { display:block; padding:5px 8px; }
.account li.fa a:hover,
.account li.fa a:focus { color:#ffffff; font:.8em Tahoma; }

.account li.language{ position:relative;}
.account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url("/layouts/moonhouse/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px -10px;}
div.black .account li.language em{ background-position:8px -10px;}
.account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
.account li.language em.ko{ background-position:-92px -10px;}
div.black .account li.language em.ko{ background-position:8px -10px;}
.account li.language em.en{ background-position:-92px -25px;}
div.black .account li.language em.en{ background-position:8px -25px;}
.account li.language em.jp{ background-position:-92px -40px;}
div.black .account li.language em.jp{ background-position:8px -40px;}
.account li.language em.zh-CN{ background-position:-92px -55px;}
div.black .account li.language em.zh-CN{ background-position:8px -55px;}
.account li.language em.zh-TW{ background-position:-92px -70px;}
div.black .account li.language em.zh-TW{ background-position:8px -70px;}

.account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/layouts/moonhouse/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black .account li.language button{ background-position:8px 5px;}
.account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
.account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url("/layouts/moonhouse/images/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
.account li.language.open .sLanguage span{ background-position:85px -6px;}
.account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#888; border:1px solid #eee;}
.account li.language.open .languageList{ display:block; z-index:999;}
.account li.language .languageList button{ width:100%;}
div.black .account li.language .languageList{ background:#666; border-color:#888;}
.account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black .account li.language .languageList .ko button{ background-position:8px -10px;}
.account li.language .languageList .en button{ background-position:-92px -25px;}
div.black .account li.language .languageList .en button{ background-position:8px -25px;}
.account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black .account li.language .languageList .jp button{ background-position:8px -40px;}
.account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
.account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

.account li.language .languageList li { display:none;}
.account li.language .languageList .ko,
div.black .account li.language .languageList .ko,
.account li.language .languageList .en,
div.black .account li.language .languageList .en,
.account li.language .languageList .jp,
div.black .account li.language .languageList .jp,
.account li.language .languageList .zh-CN,
div.black .account li.language .languageList .zh-CN,
.account li.language .languageList .zh-TW,
div.black .account li.language .languageList .zh-TW { display:block; }

/* Ajax Login Layer (Modal Window)
---------------------------------------------------------------------------------*/
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity:60);}
.loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:305px; top:120px; left:50%; padding:30px 0 0 0; color:#797771; background:#f9f9f9 url("/layouts/moonhouse/images/bg_shape.gif") no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

.loginWindow .loginLayer form{ *zoom:1; position:relative; }
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}

.loginWindow .loginLayer #commonLogin{ height:100px; }
.loginWindow .loginLayer #openidLogin{ height:55px; }
.loginWindow .loginLayer input.id{ position:absolute; top:0; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/moonhouse/images/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.password{ position:absolute; top:27px; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/moonhouse/images/bg_pass.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}

.loginWindow .loginLayer .oid_desc { margin:20px 0 10px 33px; }
.loginWindow .loginLayer form_field { margin:0; padding:0; }
.loginWindow .loginLayer input.oid{ margin-left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/moonhouse/images/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.submit_oid { width:52px; height:22px; background:url("/layouts/moonhouse/images/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:199px; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:196px; font:8pt 돋움; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer input.submit { width:52px; height:22px; background:url("/layouts/moonhouse/images/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:199px; }

.loginWindow .loginLayer .help{ position:absolute; top:98px; left:27px; font:8pt 돋움; letter-spacing:-1px; margin:0; padding:0;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:14px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}

.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}

.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/moonhouse/images/buttonCloseX.gif") no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/* Blue Skin - Start */

/* main 1차 메뉴 */ 
#gnb { position:absolute; top:159px; left:5px; height:50px; overflow:hidden; white-space:nowrap; margin-bottom:10px; z-index:9; }
#gnb li { float:left; list-style:none; background:url("/layouts/moonhouse/images/blue/bgGnbVr.jpg") no-repeat left center; padding-left:2px; padding-top:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#ffffff; font:1.2em arial, sans-serif; white-space:nowrap; text-decoration:none; font-weight:bold; }
#gnb li a:hover,
#gnb li a:focus { color:#FFFF00; font:1.2em arial, sans-serif; font-weight:bold; background:url("/layouts/moonhouse/images/blue/arrow_white.png") no-repeat center bottom; _background:url("/layouts/moonhouse/images/blue/arrow_white.gif") no-repeat center bottom;}
#gnb li.on a { color:#FFFF00; font:1.2em arial, sans-serif; font-weight:bold; background:url("/layouts/moonhouse/images/blue/arrow_white.png") no-repeat center bottom; _background:url("/layouts/moonhouse/images/blue/arrow_white.gif") no-repeat center bottom;}

/* main 2차 메뉴 */
.gnb_sub { position:absolute; top:200px; left:20px; height:24px; overflow:hidden; white-space:nowrap;  }
.gnb_sub li { float:left; list-style:none; background:url("/layouts/moonhouse/images/blue/sub_part.gif") no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:18px; color:#58bce2; white-space:nowrap; text-decoration:none; font-weight:bold; }
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#1e87ae; font-weight:bold; }
.gnb_sub li.on a, .gnbin li.on a:hover { color:#1e87ae; background:url("/layouts/moonhouse/images/blue/arrow_3.gif") no-repeat center bottom; font-weight:bold; }

/* 메뉴 */ 
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:100px; height:13px; color:#ffffff; border:1px solid #a4dbff; background-color:#409AD4; ime-mode:active; }

#logo img { position:absolute; top:60px; left:20px; z-index:1; }
#logo .t { position:absolute; top:75px; left:80px; font:32px "arial black", arial, sans-serif; font-weight:bold; color:#ffffff; text-decoration:none; z-index:1;}

#bottom .bottom_l h1 { margin:2px 5px 0 10px; font:25px "arial black", arial, sans-serif; font-weight:bold; color:#808080; }
#bottom .bottom_l img { margin:2px 5px 0 10px; }

/* 좌측2차메뉴
#lnb_t { padding:14px 5px; width:190px; height:20px; background:url("/layouts/moonhouse/images/blue/2menu_1.gif") no-repeat; }
#lnb_t h1 { font-size:13px; color:#CC4E1C; padding-left:40px; font-weight:bold; }
#lnb { border-top:1px solid #5291C5; padding:4px 5px; width:200px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:180px; display:block; border:1px solid #E4EEF6; background:url("/layouts/moonhouse/images/default/bgLnbOff.gif") repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:194px; padding:0 3px; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding-left:13px; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url("/layouts/moonhouse/images/default/bulletLnb.gif") no-repeat 175px center  !important;} 
 */

/* 좌측2차메뉴 */
#lnb_t { margin-top:0px; padding:25px 5px 0px 5px; width:190px; height:57px; background:url("/layouts/moonhouse/images/blue/zt.gif") no-repeat; }
#lnb_t h1 { font-size:20px; color:#fff; padding-left:20px; }

#lnb { padding:0; width:200px; background:url("/layouts/moonhouse/images/blue/zm.gif") repeat-y; }
#lnb li { padding-bottom:0px; list-style:none; }
#lnb li a:hover,
#lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; background:url("/layouts/moonhouse/images/blue/bgLnbOn.gif") no-repeat center; color:#f60; position:relative; text-decoration:none; z-index:97; }
#lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; background:url("/layouts/moonhouse/images/blue/bgLnbOff.gif") no-repeat center; color:#1E87AE; position:relative; text-decoration:none; z-index:96; }
#lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; color:#f60; font-weight:bold; background:url("/layouts/moonhouse/images/blue/bgLnbVr.gif") no-repeat center; position:relative; text-decoration:none; z-index:95; }

#lnb li ul { display:none; position:relative; width:200px; position:relative; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding-left:10px; position:relative; top:-1px;}
#lnb li ul li a { padding:10px 0px 0px 0px; width:200px; color:#c0c0c0 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}

#lnb_b { padding:0px 5px 0px 5px; width:190px; height:34px; background:url("/layouts/moonhouse/images/blue/zb.gif") no-repeat;}

/* Site Layout - Footer */
#footer_img { font-size:15px; color:#64c6e6; width:800px; height:30px; background:url("/layouts/moonhouse/images/blue/bottom.gif") no-repeat center; text-align:center; padding-top:10px; clear:both;}
#footer_img a { font-size:15px; color:#23abd8; text-decoration:none;}

/* Blue Skin - End */


/* Site Layout - Content Body */
#contentBody { position:relative; width:800px; padding-bottom:10px; overflow:hidden; }

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; }

#columnLeft .dlink { padding:0px 0; text-align:center; border:0px dotted #d7d7d7; width:200px; }
#columnLeft .dlink img{ border:0px double #D9D9D9; }

/* 위젯 */
#rss { padding:5px 0px; width:200px; text-align:center; }

/* Site Layout - Column Right */
#columnRight { width:590px; overflow:hidden; margin-top:0px;}
#visualArea { width:590px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Mainsub Skin - End */
/* Site Layout - Column Left */
#columnLeft { float:left; }
#columnRight { float:right; }


/* Calendar */
.widget_calendar { padding:1.2em .8em; position:relative; border:1px solid #e0e1db; margin-bottom:.7em;}
.widget_calendar table { width:100%;}
.widget_calendar table caption { font:bold 1em Tahoma; color:#9a9a9a; padding-bottom:.6em; background:url("/widgets/calendar/skins/blog_calendar_list/css/none");}
.widget_calendar table caption .mm { font:bold 1em Tahoma; color:#54564b;}
.widget_calendar table caption a { padding:.2em;}
.widget_calendar table caption a img { width:13px; height:13px;}
.widget_calendar table caption a.back { background:url("/widgets/calendar/skins/blog_calendar_list/images/buttonArrowCalendarLeft.gif") no-repeat left 3px; width:13px; height:13px;}
.widget_calendar table caption a.next { background:url("/widgets/calendar/skins/blog_calendar_list/images/buttonArrowCalendarRight.gif") no-repeat left 3px; width:3px; height:13px;}
.widget_calendar table th,
.widget_calendar table td { padding:.25em 0;}
.widget_calendar table th { font-weight:normal; font-size:.9em; color:#9a9a9a;}
.widget_calendar table th.sun { color:#fe3614;}
.widget_calendar table td { text-align:center;}
.widget_calendar table td a { font:.9em Tahoma; color:#9a9a9a;}
.widget_calendar table td.sun { color:#fe3614;}
.widget_calendar table td.sun a { color:#fe3614;}
.widget_calendar table td.today { font-weight:bold; color:#54564b;}
.widget_calendar table td.today a { font-weight:bold; color:#54564b;}
.widget_calendar table td.posted a { text-decoration:underline;}

.noticeBox { padding-bottom:5px; overflow:hidden; }

.noticeBox h2 { margin:0; font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; }

.noticeBox .listTable { width:100%; table-layout:fixed; border:none;}

.noticeBox .titleBox { margin-top:8px;border-bottom:2px solid #DDDDDD; padding-bottom:5px; margin-bottom:10px; }
.noticeBox .titleBox .title { }
.noticeBox .titleBox .title strong { font-weight:normal; font-size:0.9em; color:#ed2a32; }
.noticeBox .titleBox .title a { font-weight:bold; font-size:1.4em; color:#444444; text-decoration:none; }
.noticeBox .titleBox .title a:hover { font-weight:bold; font-size:1.4em; text-decoration:underline; }
.noticeBox .titleBox .regdate { font-size:0.9em; color:#AAAAAA; }

.noticeBox .contentbox { line-height:120%; }
.noticeBox .contentbox img.thumbnail { padding:4px; border:1px solid #DEDEDE; margin:0 10px 10px 0;}
.noticeBox .contentbox img.thumbnail:hover { border:1px solid #54564b; }

.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { margin:0; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url("/widgets/newest_document/skins/xe_official/images/white/lineNotice.gif") no-repeat left bottom; font-size:1em;}

.latest_white ul { margin:0; padding:0; }
.latest_white ul li { height:20px; background:url("/widgets/newest_document/skins/xe_official/images/white/bulletD0.gif") no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; 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:.9em Tahoma; }
.latest_white ul li .title span.comment a { color:#FE6700; font:.9em Tahoma; }

.latest_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;}

.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;} 



*		{ margin:0px; padding:0px; }
img	{ border:0px; }

#ztyle_slideImages	{ /*위젯박스*/
	position:relative;
	overflow:hidden; 
	cursor:default; 
}

.normal_border_on	{	/*위젯박스 테두리 생성*/
	border:1px solid #dedede;
}

.normal_border_off	{	/*위젯박스 테두리 없음*/
	border:none;
}

#preparation	{	/*초기위젯생성시 안내문*/
	position:absolute;
	z-index:1000;
	width:100%;
	top:45%;
	text-align:center;
	font-size:1em;
	color:red;
}

#ztyle_slideImages #loadingBox	{ /*로딩박스*/
	position:absolute; 
	z-index:1000; 
	padding:5px 10px;
	border:2px solid #d3d3d3;
	left:44%; 
	top:43%; 
	font-size:1em;
	color:#464646;
	background-color:#fff;
	display:none;
}

#slideBox { /*실제_슬라이드박스*/
	width:inherit; 
	height:inherit; 
}

#slideBox li	{ /*슬라이드되는 박스*/
	display:none; 
	overflow:hidden; 
}	

#slideBox blockquote	{ /*캡션박스*/
	font-family:dotum,sans-serif,verdana;
	font-size:12px; 
	line-height:1.3em; 
}	

#slideBox blockquote dl dt	{ /*게시물_제목*/
	font-family:dotum,sans-serif,verdana;
	font-size:14px; 
	font-weight:bold; 
	color:#fff; 
}	

#slideBox blockquote dl dd	{ /*게시물추가정보박스*/
	font-size:11px; 
	color:#c5c5c5; 
	padding-top:5px; 
}	

#slideBox li .noImageBox	{ /*이미지없을경우*/
	position:absolute;
	z-index:1000;
	left:43%;
	top:45%;
}

#slideBox li.up	{
	z-index:200 !important;
}

#slideBox li.down	{
	z-index:100 !important;
}